body{
font-family:Arial, 
Helvetica, sans-serif;
margin:0;
padding:0 0 100px 0
}


div#footer{
 background:#fff;
 color:black;
 border-top:1px solid #FF7A7A;
}
 div#footer{
  width:100%;
  height:50px;
 }

 @media screen{
  body>div#footer{

  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
}

.inputtext
{
	text-decoration: none;
	font-size: 9px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #000000;
}
.inputtext A
{
	COLOR: #000000;
}
.inputtext A:Hover
{
	COLOR: #000000;
}

.small
{
	text-decoration: none;
	font-size: 10px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #000000;
}

a 
{
	text-decoration: underline;
	COLOR: #990000;
}
a:hover
{	text-decoration: underline;
	COLOR: #990000;
}

a.small 
{
	text-decoration: underline;
	COLOR: #990000;
}
a:hover.small 
{	text-decoration: underline;
	COLOR: #990000;
}

#alertbox 
{
margin:auto;font-size:12px; 
background:#C95252; 
border:2px solid #FF7A7A;

}
.smallnoline
{
	text-decoration: none;
	font-size: 10px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #000000;
}
.smallnoline A
{
	text-decoration: none;
	COLOR:#000000;
}

.medium
{
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #000000;
}
.medium A
{
	COLOR: #000000;
}
.medium A:Hover
{
	COLOR: #000000;
}
.tab
{
	float:left;
	background:url(/images/mailbox/tab_inbox_on.gif);
	width:94px;
	height:18px;
	text-align:center;
	margin-right:3px;
}
.taboff
{

	float:left;
	background:url(/images/mailbox/tab_settings_off.gif);
	width:94px;
	height:18px;
	text-align:center;
	margin-right:3px;
}
.mailbox 
{
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #333333;
    
	
}
a.mailbox:hover
{
	color: #99000;

}

td.usernav
{
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #333333;
	background-color: #FBECDC;	
}
td.usernav A
{
	text-decoration: none;
	COLOR: #333333;
}

td.usernavOn A
{
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #FF6600;
	font-weight: bold;
	background-color: #FFFFFF;
}

.signupProgress
{
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #FF6600;
}

signupProgress A
{
	text-decoration: none;
}

.signupProgressHigh
{
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;	
	color: #FF6600;
}

signupProgressHigh A
{
	text-decoration: none;
}

.email_black {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-family: trebuchet MS, verdana, geneva, arial, helvetica, sans-serif;}
	
.email_black A{
	text-decoration: none;
	color: #000000;}
	
.email_black A:Hover{
	color: #000000;
	text-decoration: underline; }
	
	
.email_red {
	color: #663333;
	text-decoration: none;
	font-size: 11px;
	font-family: trebuchet MS, verdana, geneva, arial, helvetica, sans-serif;}
	
.email_red A{
	text-decoration: none;
	color: #663333;}
	
.email_red A:Hover{
	color: #663333;
	text-decoration: underline; }

	form {margin:0; padding:0;}

/*#01A1FF*/
/*#01629C*/




#topbar{margin:auto;font-size:14px; background:#01A1FF; font-weight:bold; padding:6px; overflow:auto; height:25px; clear:both;width:950px;}
#topbar a{color:#fff; text-decoration:none; margin:0 10px; height:23px; line-height:23px; float:left; display:block;}
#topbar a.select{ 	color:#01A1FF;
			height:23px;
			line-height:23px; 
					

		}
 a.select span{ background-color:#fff;padding:5px 5px 5px 5px; }

#middlebar{font-size:11px; color:#CFFCFF; background:#01629C; font-weight:bold; padding:6px; overflow:auto; height:22px; clear:both;width:950px;margin:auto;}
#middlebar a{color:#fff; text-decoration:none; margin:0 10px; height:21px; line-height:21px; float:left; display:block;}
#middlebar a.select{	color:#01629C; 
				text-decoration:none; 
				margin:0 5px; 
				padding-right:10px; 
				height:21px; 
				line-height:21px; 
				display:block; 
				float:left; 
			}
#middlebar a.select span{background-color:#fff;padding:5px 5px 5px 5px; }


/*
------------------------------
	Impromptu's
------------------------------
*/
.jqiwarning .jqi{ background-color: #b0be96; }
.jqifade{
	position: absolute;
	background-color: #ffffff;
}
div.jqi{
	position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.jqi .jqiclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #c0cEa6;
}
div.jqi .jqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #c0cEa6;
	padding: 10px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu{ background-color: #aaaaaa; }
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptuclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/*
------------------------------
	columns ex
------------------------------
*/
.colsJqifadewarning .colsJqi{ background-color: #b0be96; }
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqiclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #bbbbbb;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
------------------------------
	brown theme
------------------------------
*/
.brownJqiwarning .brownJqi{ background-color: #cccccc; }
.brownJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.brownJqi{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.brownJqi .brownJqiclose{
    float: right;
    margin: -20px 0 0 0;
    cursor: pointer;
    color: #777777;
    font-size: 11px;
}
div.brownJqi .brownJqicontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #5F5D5A;
	color: #ffffff;
	font-weight: bold;
}
div.brownJqi .brownJqimessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4D4A47;
}
div.brownJqi .brownJqimessage p{
	padding: 10px;
	color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.brownJqi .brownJqibuttons{
	text-align: right;
}
div.brownJqi button{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
}
div.brownJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
*------------------------
*   clean blue ex
*------------------------
*/
.cleanbluewarning .cleanblue{ background-color: #acb4c4; }
.cleanbluefade{ position: absolute; background-color: #aaaaaa; }
div.cleanblue{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; width: 300px; font-size: 11px; text-align: left; border: solid 1px #213e80; }
div.cleanblue .cleanbluecontainer{ background-color: #ffffff; border-top: solid 14px #213e80; padding: 5px; font-weight: bold; }
div.cleanblue .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
div.cleanblue .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
div.cleanblue .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.cleanblue button{ padding: 3px 10px; margin: 0 10px; background-color: #314e90; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.cleanblue button:hover{ border: solid 1px #d4d4d4; }

/* Video/User/Playlist Controls */
.video, .user, .playlist, .message { font-size: 12px; margin-top: 5px; color: #4D4D4D;font-family:arial; }
.video .left, .user .left, .playlist .left, .message .left, .message .middle { float: left; }
.video .right, .user .right, .playlist .right, .message .right { float: left; position: relative; padding-bottom: 15px; border-bottom: 1px solid #808080; }
.video .left { width: 102px; }
.video .right { width: 537px; }

.user .left { width: 65px; }
.user .right { width: 474px; }
.playlist .left { width: 202px; padding: 10px 0px 10px 0px; }
.playlist .right { width: 542px; }
.message .left { width: 65px; }
.message .middle { width: 100px; margin: 10px; overflow: hidden; }
.message .right { width: 344px; padding-right: 10px; min-height: 80px; padding-bottom: 10px; }

.video h2 { font-size: 13.5pt; font-weight: normal; margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; }

.user h2, .playlist h2, .message h2 { font-size: 14pt; font-weight: normal; margin: 2px 0px 5px 0px; padding: 0px 100px 0px 0px; }
.video h2 strong, .user h2 strong, .playlist h2 strong { border-bottom: 1px solid #1E5B8C; }
.video p strong, .user p strong, .playlist p strong { color: #000000; }

.user .location { margin-top: -3px; margin-bottom: 10px; font-size: 14px; }
.user .userRelevance { position: absolute; top: 20px; left: 270px; text-align: center; width: 200px; color: #808080; font-size: 11px; }
.user .userRelevance strong { display: block; font-size: 46px; font-weight: normal; }
.user .userRelevance strong span { display: block; font-size: 26px; line-height: 48px;}
.user .userActivityLinks { position: absolute; top: 5px; left: 270px; text-align: center; width: 200px; color: #808080; font-size: 15px; }
.user .userActivityLinks a { display: block; font-size: 11px; margin-top: 2px; }

.video .timeAndGrade { position: relative; top: 0px; left: 0px; width: 92px; height: 20px; line-height: 20px; margin: 5px; font-size: 12px; color: #000000; vertical-align: middle; cursor: default; }
.video .userGradedHigher { color: #5B8C1E; }
.video .userGradedLower { color: #F61914; }
.video .communityGraded { color: #B3B3B3; font-weight: normal; }
.video .videoStats { float: right; padding-top: 5px; width: 135px; overflow: hidden; } /* Added by MK */
.video .videoInfo { float: left; top: 2px; width: 293px; } /* Added by MK */
.video .videoInfo a { text-decoration: none; }
.video .videoInfo a:hover { text-decoration: underline; }
.video .videoProperty, .user .userProperty { float: left; width: 100px; overflow: visible; white-space: nowrap; }
.video .videoProperty span, .user .userProperty span { font-size: 11px; }
.video .videoProperty span.label, .user .userProperty span.label { color: #808080; }
.matureContent { color: #F61914; font-size: 10px; text-align: center; }


/*Comment
----------------------------------------*/
textarea#comment {
	width: 500px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
}



.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}