* { margin: 0; padding: 0;}

img {border: 0px;}

.b { font-weight: bold;}
.clr { clear: both; }
.fl { position: relative; float: left;}
.fr { position: relative; float:right;}
.fc { margin-left: auto; margin-right: auto;}
.c { text-align: center;}
ul { list-style: none;}
.hl { list-style: none;}
.hl li { position: relative; float: left; padding: 0 4px 0 0;}
.hl ul li { position: static; float: none;}
.hidden { display: none; }
.BodyText { font-size: 12px; font-weight: normal; font-family: Arial; margin: 0}
.ml { margin-left: 10px;}
.mr { margin-right: 10px;}
.mt { margin-top: 10px;}
.mt5 { margin-top: 5px;}
.mt20 { margin-top: 20px;}
.pt { padding-top: 10px;}

body { font-family: Arial; font-size: 12px;}

.btnSmall {font-weight: bold; text-decoration: none; width: 66px; line-height: 24px; text-align: center; display: block; font-size: 12px }
	input.btnSmall,submit.btnSmall { height: 24px; border: 0; cursor: pointer}
.btnMedium {font-weight: bold; text-decoration: none; width: 122px; line-height: 24px; text-align: center; display: block;font-size: 12px }
	input.btnMedium,submit.btnMedium { height: 24px; border: 0; cursor: pointer}
.btnLarge { font-weight: bold; text-decoration: none; width: 158px; line-height: 24px; text-align: center; display: block; font-size: 12px }
	input.btnLarge,submit.btnLarge { height: 24px; border: 0; cursor: pointer}
.btnPost { width: 76px; line-height: 18px; text-align: center; display: block; font-size: 10px;text-decoration: none;}
	
#btnGrab { position: relative; float: right; width: 63px; line-height: 19px;text-decoration: none; padding: 0 0 0 19px; font-size: 10px; font-family: Trebuchet MS; margin: 3px 5px 0 5px; z-index: 100;}
#btnFavorites { position: relative; float: right;line-height: 19px;text-decoration: none; padding: 0 0 0 19px; font-size: 10px;font-family: Trebuchet MS;margin: 3px 3px 0 5px; width: 125px; z-index: 100;}

.note, .note a { font-size: 11px;}

#ResponseErrors {}

.ErrorResponse { padding: 2px 10px; text-align: center; margin: 5px; position: relative; }
	.ErrorResponse li { padding: 2px 10px;}
	
.SuccessResponse { padding: 2px 10px; text-align: center;margin: 5px; position: relative;}
	.SuccessResponse li { padding: 2px 10px;}
	
#Column1 { position: relative; float: left; width: 181px; margin: 10px 10px 10px 20px; display: inline; }
#Column2 { position: relative; float: left; width: 420px; margin: 10px 10px; display: inline;}
#Column3 { position: relative; float: left; width: 300px; margin: 10px 0px 10px 10px;display: inline;}
#Column23Span { width: 740px; margin: 10px 0px 10px 10px; position: relative; float: left; display: inline; }
#ColumnAllSpan { width: 941px; margin: 10px 0 10px 20px; }

#Wrapper { margin: 0 auto; width: 980px; }

#Header { font-family: Trebuchet MS; height: 155px; width: 980px; margin: 0px auto; margin-bottom: 0px; }
	#Header h1,#Header h2 { font-size: 72px; padding: 20px 60px 0 60px; height: 85px; overflow: hidden; }
	#Header a { text-decoration: none; color: #fff; }
	#Header #TagLine { font-size: 26px; padding: 0 60px;}


#SubHeader { position: relative; height: 39px }
	#SubHeader .btnMedium { margin-top: 3px;}

#Navigation { position: absolute; top: -6px; left: 20px }
	#Navigation li { position: relative; float: left; }
	#Navigation a { width: 98px; line-height: 38px;display: block; text-align: center;text-decoration: none; font-family: Arial; font-size: 12px; font-weight: bold; }
	#Navigation a:hover { text-decoration: underline;}

#RateChannel { position: relative; float: right; margin: 8px 5px 0 5px;}

#btnChannelFav { position: relative; float: right; margin: 5px 20px 0 5px; line-height: 24px; text-decoration: none; padding: 0 0 0 35px; font-size: 11px; width: 173px;font-family: Trebuchet MS;}

#Footer { margin: 20px auto 5px auto; text-align: center; font-size: 10px; padding: 5px 0; width: 940px}
#Footer img { display: block; clear: both; margin: 10px auto auto auto;  }

#JoinPromo { height: 95px; width: 180px; padding: 15px 0 0 0px; margin: 0 0 0px 0; }
	#JoinPromo .hdr { text-align: center; font-size: 20px; color: #000}
	#JoinPromo .btn { background: url(../images/btnPromo.gif) no-repeat; width: 71px; line-height: 33px; text-align: center; display: inline; position: relative; float:left; font-weight: bold; text-decoration: none; font-size: 12px}
	#JoinPromo #Signin { color: #F3921F; margin: 5px 0 0 18px }
	#JoinPromo #Signup { color: #790026; margin: 5px 0 0 0}
	
#AboutMe { clear: both; _position: fixed; float: left;  }
	#AboutMe #MiniProfile {padding: 5px;position: relative; _position: fixed; }
	#AboutMe .btnUpdate { z-index: 100;}
	#AboutMe #MiniProfile h3 { font-size: 14px; padding: 2px 0 5px 0; }
	#AboutMe #MiniProfile #Username { margin: 0 0 5px 0;}
	#AboutMe #MiniProfile img { position: relative; float: left; padding: 3px; margin: 0 3px 0px 0; }
	#AboutMe #MiniProfile .Details { font-size: 11px; }
	#AboutMe #MiniProfile .Details div { margin: 3px 0;}
	#AboutMe #MiniProfile .Details span { font-weight: bold;}
	#AboutMe #MiniProfile #Details2 { font-size: 12px; clear: left; margin: 0 0 0 2px; padding: 3px 0 0 0;}
	#AboutMe #btnWatchIntro { background: url(../images/icoVideo.gif) no-repeat; display: block; text-decoration: none; padding: 0 0 0 20px; font-size: 11px; margin: 0 0 0 18px}
	#AboutMe #btnWatchIntro:hover { text-decoration: underline;}
	#AboutMe #Tabbers { margin: 5px 0 0 10px; height: 27px; }
	#AboutMe #Tabbers li { position: relative; float: left; }
	#AboutMe #Tabbers a { line-height: 27px; width: 81px; display: block; text-align: center; text-decoration: none; }
	#AboutMe #Tabbers a:hover { text-decoration: underline;}
	#AboutMe #MyProfiles { display: none; }
	#AboutMe #MyProfiles img { border: none; position: relative;}
	#AboutMe #MyProfiles .Custom { font-weight: bold;}
	#AboutMe #MyProfiles .Custom img { margin: 0px 3px 0 0;}
	#AboutMe #MyProfiles .Custom span { position: relative; font-size: 12px}
	#AboutMe #MyProfiles li { margin-left: 10px; }
	#AboutMe #MyProfiles a {font-size: 10px}
	#AboutMe .TabContainer { margin: 0 0 0 9px; width: 162px; clear: left; }
	#AboutMe .TabContainer .copy { padding: 5px 10px; font-weight: bold}
	#AboutMe .TabContainer li { font-size: 10px; padding: 5px 0; }
	#AboutMe #MyFriends { display: none;}		
	#AboutMe #MyFriends li { padding: 3px;}
	#AboutMe #MyFriends img { border: 0;}
	#AboutMe #btnAddToFriend { padding-top: 2px;}
	
	
.GroupBox { position: relative; margin: 40px 0 0 0; }
	.GroupBox h2,.GroupBox .GroupHeader { margin: -40px 0 0 10px;  padding: 0 5px; position: absolute; font-size: 40px; font-family: Arial;}
	.GroupText { padding: 10px;}
	.GroupText #domain { width: 300px; }
	.GroupBox .GroupHeaderSmall { margin: -20px 0 0 10px; font-size: 20px;}
	.GroupRightText { position: absolute; right: 5px; top: -30px}
	
.Paging {}
	.Paging li { position: relative; float: left; padding: 0 5px;}
	.Paging .lstPrev { padding-left:0;}
	.Paging .lstNext { border: 0; padding-right: 0;}
	.Paging .last { border: 0;}
.pagination { float: right; margin-right: 10px; clear: right; margin-top: 5px; }
	
.Video { position: relative;}
	.Video img { border: none;}
	.Video .Overlay { position: absolute; bottom: 25px; right: 5px; }
	.Video .SiteOverlay { position: absolute; bottom: 20px; right: 5px; }
	
.Module { margin: 0 0 10px 0; position: relative; _position: fixed;  }
	.Module h3,.Module .ModuleHeader { line-height: 27px; padding: 0 0 0 5px; font-size: 16px;}
	.Module .RightText { position: relative; float: right; margin: 7px 5px 0 0;}
	.Module .RightText span { font-weight: bold;}
	.Module .ModuleSub2 { line-height: 18px; padding: 0 0 0 5px; font-size: 11px; }
	.Module .ModuleSub { padding: 4px 10px; }
	.ModuleSub { margin: 2px 0 0 0;  }

.LeftCol { width: 180px; height: auto; overflow: hidden; clear: both;}
.CenterCol { width: 420px; height: auto; overflow: hidden; }
.RightCol { width: 300px; height: auto; overflow: hidden; }

#LeftWidget, #CenterWidget, #RightWidget { text-align: center;  }
#LeftWidget h3, #CenterWidget h3, #RightWidget h3 { text-align: left; margin-bottom: 10px; }

.Module .btnUpdate {  }
	
.btnUpdate { position: relative; float: right; display: block; line-height: 19px; text-align: center; width: 66px; text-decoration: none;font-size: 11px; font-weight: bold; margin: 4px 8px 0 0; }
	
#ProfileNav { margin: 20px 0; padding-bottom: 23px;}
	#ProfileNav li { position: relative; float: left;}
	#ProfileNav a { width: 82px; margin: 0 2px; line-height: 23px; text-align: center; display: block; text-decoration: none; }
	#ProfileNav .selected a { }
	#ProfileNav .first a { margin-left: 0;}
	
.AppNav { width: 169px}
	.AppNav h3 { line-height: 26px; padding: 0 0 0 10px; font-size: 14px; }
	.AppNav .RightLinks { position: relative; float: right; }
		.AppNav .RightLinks li { border-bottom: 0; line-height: 10px; margin-right: 5px}
		.AppNav .RightLinks li a { font-size: 10px; text-decoration: underline}
	.AppNav ul { padding: 5px 0 0 0;}
	.AppNav li { line-height: 25px; padding: 0 0 0 10px}
		.AppNav li a { text-decoration: none; font-weight: bold;}
		
#InputForm { padding: 20px 0 0 0;}
	#InputForm div { width: 500px; clear:left; margin: 20px 0; padding-left: 220px;  position: relative;}
	#InputForm label { float: left; position: relative; width: 200px; text-align: right; margin: 0 0 0 -220px; line-height: 18px;}
	#InputForm .txtbox {  width: 400px;}
	#InputForm textarea { width: 400px; height: 75px;}
	#InputForm select { width: 400px;}
	#InputForm #or { margin: 0;}
	* html .threepxfix{margin-left: 3px;}
	
.InputForm2 { padding: 20px 0 0 0;}
	.InputForm2 div { width: 500px; clear:left; margin: 20px 0; padding-left: 220px;  position: relative;}
	.InputForm2 span { float: left; position: relative; width: 200px; text-align: right; margin: 0 0 0 -220px; line-height: 18px;}
	.InputForm2 .txtbox {  width: 400px;}
	.InputForm2 textarea { width: 400px; height: 75px;}
	.InputForm2 select { width: 400px;}
	.InputForm2 #or { margin: 0;}
	* html .threepxfix{margin-left: 3px;}

.tabular { width: 99.5%; }
	.tabular th { height: 20px}
	.tabular td { padding: 5px 2px; }
	.tabular .ApproveDeny { width: 150px;}

#TagCloud { line-height: 1.4em; padding-right: 5px; margin-top: 10px; }
	#TagCloud a.r1 { font-size: 80%; }
	#TagCloud a.r2 { font-size: 90%; }
	#TagCloud a.r3 { font-size: 100%; }
	#TagCloud a.r4 { font-size: 115%; font-weight: bold; }
	#TagCloud a.r5 { font-size: 150%; font-weight: bold; }


.tooltip { position: absolute; display: block;padding: 15px;text-align: center; font-size: 12px; left:0;}


.Sitemap { }
	.Sitemap .GroupBox { width: 450px; margin-left: 0px; margin-right: 15px;}
	.Sitemap .GroupBox .list li { padding: 2px 0}
	.Sitemap .GroupBox h2 { font-size: 18px; margin-top: -18px}
	
#MyVideos .MyVideo { height: 190px;}
#MyVideos .MyVideo .BodyAlt { display: block; height: 26px;}
#MyVideos .MyVideo  img.selectableItem { width: 136px; height: 102px; } 

#SubNav { margin: 2px 20px 0 0;}
	#SubNav img { position: relative; top: 3px;}
	
#LoggedInOwner { position: relative; float: right; margin: 10px 20px 0 0;}
	#LoggedInOwner img { position: relative; top: 3px;}
	
	
.jqmWindow div { margin: 50px 200px;}
.jqmWindow .fl { margin: 0 10px;}

.Welcome { background: #fff; color: #000; margin-bottom: 20px }
	.Welcome p { padding: 10px 15px;}
	.Welcome img { position: relative; float: left; margin: 10px 20px;}
	.Welcome .Header { color: #000;}
	.Welcome a { color: #1b1fbd;}
	
#introVideoContainer img { position: relative; top: 3px;}

#LoginBox { padding: 10px; width: 300px; display: none; z-index:1001;}
	#LoginBox label { width: 75px;}
	#LoginBox .txtbox { width: 150px;}
	#LoginBox #btnLoginSubmit { float:none;}
	#LoginBox .txtbox,#LoginBox label { position: relative; float: left; margin: 4px 0;}
	#LoginBox #Login_Profile { width: 150px;}
	#LoginBox br { clear: left;}
	#LoginBox .links { text-align: center; margin-top: 2px}
	
#ChannelComments { width: 100%;}
	#ChannelComments .Comment { width: 885px;}
	#ChannelComments .UserInfo { font-size:12px; height:14px}

#PhotoComments { width: 98%; }
	#PhotoComments .Comment { width: 650px;}
	
#PopupBg { width: 100%; height: 100%; min-height: 100%; background: #fff; opacity:.8; position: fixed; .position:absolute; .height: expression(document.documentElement.clientHeight + "px"); top:0px;left:0px; z-index:2999;filter: alpha(opacity=80)}
#Popup { z-index:3000; top: 20%; left:50%; width: 600px; margin: 0 0 0 -300px; position: fixed; .position:absolute; height: 100px; padding: 20px}
#PopupButtons2 { width: 260px; position:absolute; margin-left: -130px; left: 50%; bottom: 10px;}
	#PopupButtons2 a { position: relative; float: left; margin-right:5px}
#PopupButtons1 { width: 130px; position: absolute; margin-left: -65px; left: 50%; bottom: 10px;}

#UserChannels { display:none; width: 300px; height: 40px; margin: 0px; padding: 5px; z-index:1000; position: absolute; left: 0px; top: 30px}
	#UserChannels select { width: 300px;}
	
#VideoTools { display: none; position: absolute; right:0px; top:-14px; padding: 10px; width: 110px; }
	#VideoTools ul { list-style: disc; margin-left: 15px;}
	#VideoTools li { padding: 5px 0 0 0px; font-weight: bold;}
	
#LearnMoreFooter { position: relative; border-top: 1px solid #A0A0A0; padding: 15px 0 0px 10px; height: 40px; width: 935px; margin: auto; font-size: 11px; }
    #LearnMoreFooter h3 { font-size: 15px; font-weight: bold; margin-bottom: 5px; }
    #LearnMoreFooter span.left { margin-left: 3px; }
    #LearnMoreFooter div { line-height: 35px; margin: 0 10px 10px 0; width: 45px; background: URL(../images/metv/homepage/small_tv.gif) top left no-repeat transparent; text-align: center; }
    #LearnMoreFooter div a { display: block; margin: auto; font-size: 13px; font-weight: bold; }
    #LearnMoreFooter span, #LearnMoreFooter ul, #LearnMoreFooter li, #LearnMoreFooter div {  float:left;}
	#LearnMoreFooter ul li { padding: 0 10px 0 20px; }
    #LearnMoreFooter span.divider { margin: 0 15px 0 15px; }
    
#Dashboard .icoFavorites { margin-bottom: 20px;  }
#photoUploadContainer { border: 5px solid #fff; border-width: 5px 0 5px 0; background-color: #fff; width: auto; text-align: center; }

/*Answerbag widget CSS */
#ab_area * { margin: 0; padding: 0;}
#ab_area { width: 100%; border: 1px solid #9DBADB; background: #E5EBF1; font-family: arial; font-size: 13px; padding-bottom: 1px;}
#ab_area .heading { color: #626262; font-weight: bold; padding: 1px 3px; font-size: 115%; text-align: center;}
#ab_area .info { padding: 1px 5px; border: 1px solid #9DBADB; margin: 5px; background: #fff;  text-align: left;}
#ab_area .info a { color: #00f; text-decoration: none;}
#ab_area .info a:hover { text-decoration: underline;}
#ab_area .info span { color: #888; font-size: 10px; }
#ab_area .td { vertical-align: middle; }
#ab_area .text_input { width: 100%; height: 50px; border: 1px solid #9DBADB;}
#ab_area .ask_button, #ab_area .ask_button_hover { width: 50px; height: 52px; background: #6C9BD1; border: 1px solid #9DBADB; color: #fff; font-weight: bold; }
#ab_area .ask_button_hover { color: #ddd; border-color: #fff; }


#VideoTitle
{ 
    overflow: hidden; height: 29px; 
}