/* Title:MTV master screen styles */
body{
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: small;
color: #191919;
background: #1f1f1f;
}
/* page structures */
#container{
width: auto;
min-width: 976px;
background: #1f1f1f url(/sitewide/images/u/hats/wireframe_hat.jpg) no-repeat 50% 0;
}
#container-inner{
position: relative;
margin: 0 auto;
padding-top: 103px;
}
#container-inner.franchise{
padding-top: 0;
}
/* sce = sidebar, content, extra */
#container.sce #main-body{
float: left;
width: 610px;
}
#container.sce #content{
float: right;
width: 414px;
margin: 0;
}
#container.sce #sidebar{
float: left;
width: 186px;
margin: 0 10px 0 0;
}
#container.sce #extra{
float: right;
width: 300px;
margin: 0 0 0 10px;
}
/* sc = sidebar, wider content */
#container.sc #main-body{
float: left;
width: 920px;
}
#container.sc #content{
float: right;
width: 739px;
margin: 0;
}
#container.sc #sidebar{
float: left;
width: 171px;
margin: 0 10px 0 0;
}
/* sce = sidebar, content, extra for SHOWS */
#container.show #main-body{
float: left;
width: 750px;
}
#container.show #content{
float: right;
width: 580px;
margin: 0;
}
#container.show #sidebar{
float: left;
width: 160px;
margin: 0 10px 0 0;
}
#container.show #extra{
float: right;
width: 160px;
margin: 0 0 0 10px;
}
/* sce-alt = skinny_sidebar, content, extra for LYRICS */
#container.sce-alt #main-body{
float: left;
width: 610px;
}
#container.sce-alt #content{
float: right;
width: 440px;
margin: 0;
}
#container.sce-alt #sidebar{
float: left;
width: 160px;
margin: 0 10px 0 0;
}
#container.sce-alt #extra{
float: right;
width: 300px;
margin: 0 0 0 10px;
}
/* ce = wide content, extra */
#container.ce #main-body{
float: left;
width: 610px;
}
#container.ce #content{
width: 610px;
margin: 0;
}
#container.ce #extra{
float: right;
width: 300px;
margin: 0 0 0 10px;
}
/* cs = wider content, sidebar */
#container.cs #main-body{
float: left;
width: 920px;
}
#container.cs #content{
float: left;
width: 738px; /* 1px less to avoid 50% rounding error */
margin: 0;
}
#container.cs #sidebar{
float: right;
width: 171px;
margin: 0 0 0 10px;
}
/* cse = content, sidebar, ad column for ARTICLES */
#container.cse #main-body{
float: left;
width: 750px;
}
#container.cse #content{
float: left;
width: 456px;
margin: 0;
}
#container.cse #sidebar{
float: right;
width: 281px;
margin: 0 0 0 10px;
}
#container.cse #extra{
float: right;
width: 160px;
margin: 0 0 0 10px;
}
/* cse-alt = content, skinny sidebar, extra */
#container.cse-alt #main-body{
float: left;
width: 750px;
}
#container.cse-alt #content{
float: left;
width: 580px;
margin: 0;
}
#container.cse-alt #sidebar{
float: right;
width: 160px;
margin: 0 0 0 10px;
}
#container.cse-alt #extra{
float: right;
width: 160px;
margin: 0 0 0 10px;
}
/* wrap */
#wrap{
clear: both;
}
#wrap-inner{
width: 920px;
margin: 0 auto;
padding-top: 0;
background: #fff;
padding: 20px;
}
#container-inner.franchise #wrap-inner{
padding-top: 5.7em;
}
/* footer */
#ftr{
clear: both;
width: 960px;
margin: 0 auto;
padding: 15px 0 30px 0;
font-size: 73%;
font-weight: normal;
text-align: center;
color: #5f6366;
background: #0d0d0d url(/sitewide/images/u/footer-bgfade.gif) repeat-x top left;
}
#mtv_foot{
margin-top: 0 !important;
}
/* dashboard */
#dash{
margin: 0;
padding: 4px 0 5px 0;
background: #373737 url(/sitewide/images/u/top-bar-bg.gif) repeat-x bottom left;
}
#dash p{
width: 956px;
margin: 0 auto;
padding: 0 10px 0 0;
text-align: right;
font-size: 73%;
line-height: 1em;
font-weight: bold;
color: #666;
}
#dash p a{
color: #07b;
text-decoration: none;
}
#dash p a:hover{
text-decoration: underline;
}
/* hdr */
#header{
margin: 0 auto 0 !important;
background-color: #000;
padding: 3px 0 !important;

}
#header.franchise{
padding: 0;
/*padding: 123px 0 0 0 !important;*/
background-color: transparent !important;
height: auto;
margin: 0 auto 0 !important;
position: relative;
}
/* create logo link */
#logo-link{
display: block;
position: absolute;
top: 24px;
left: 45px;
width: 118px;
height: 80px;
outline: none;
text-indent: -9999px;
}
/* top banner ad */
#topad, #ad-728x90{
margin: 0 auto !important;
position: static !important;
text-align: center;
}
#header.franchise #topad, #header.franchise #ad-728x90{
height: 90px !important;
/*position: absolute !important;
right: 28px !important;*/
top: 17px !important;
}
/* logo */
#logo img#logo-img{
float: left;
margin: 0 1px 0 0;
padding: 0;
}
#logo p#login{
margin: 0 1px 0 0;
padding: 0 0 3px 0;
font-size: 73%;
line-height: 1em;
text-align: right;
color: #ccc;
}
#logo p#login a:link, #logo p#login a:visited{
font-weight: bold;
text-decoration: none;
color: #07b;
}
#logo p#login a:hover{
text-decoration: underline;
}
/* member bar */
#memberbar{
width: auto !important;
font-family: Tahoma, Verdana, sans-serif;
font-size: 85%;
color: #666;
background: #000000;
padding:0px;
}
#nav.franchise #memberbar{ height: 25px; }
#nav.globalNav #memberbar{ height: 27px; }
.Flux p{
margin:0;
}
#nav.globalNav #memberbar div.Flux{
float: right;
margin-top: 0px;
}
#nav.franchise #memberbar div.Flux{
float: auto;
}
#nav.globalNav div.Flux span.textGroup{
line-height: 22px;
}
#nav.globalNav div.Flux span.textGroup a img.thumbnail_25x25{
float: left;
}
#nav.globalNav div.Flux .itemsList{
margin-left: -31px;
}
#nav.globalNav div.Flux .quickMenu .notLogged{ padding-top: 3px; }
#nav.globalNav div.Flux .quickMenu .bbBtnHolder_active a.ddButton,
#nav.globalNav div.Flux .quickMenu .bbBtnHolder_active a.ddButton:hover,
#nav.globalNav div.Flux .quickMenu .bbBtnHolder a.ddButton:hover,
#nav.globalNav div.Flux .menuBar,
#nav.globalNav div.Flux .quickMenu .itemsList,
#nav.globalNav div.Flux ul.horizontalDropdownMenu,
#nav.globalNav div.Flux .dropDown{
background-color: #4698CA;
}
#memberbar a.avatar{
float: left;
margin: 0 5px 0 0;
}
#memberbar .fluxWidget .userThumbnail img{
border: 0;
}
#memberbar ul#memberlist{
margin: 0;
padding: 0;
list-style: none;
}
#memberbar ul#memberlist li{
float: left;
margin: 0;
padding: 0;
line-height: 25px;
background: url(/sitewide/images/u/member-pipe.gif) no-repeat 100% 50%;
z-index: 600;
}
#memberbar ul#memberlist li a{
margin: 0;
padding: 4px 10px;
color: #4498c8;
text-decoration: none;
}
#memberbar ul#memberlist li strong a{
padding: 4px 10px 4px 0;
}
#memberbar ul#memberlist li.last{
background: none;
}
#memberbar ul#artistlist li#tvsched{
margin: 0 10px 0 0;
padding: 0 10px 0 0;
background: url(/sitewide/images/u/member-pipe.gif) no-repeat 100% 50%;
}
#memberbar ul#artistlist li#tvsched a{
margin: 0;
padding: 0 0 0 12px;
color: #4498c8;
text-decoration: none;
background: url(/sitewide/images/u/icon-tvsched.gif) no-repeat 0 50%;
}
#memberbar div.flux .container, #memberbar div.flux .container span.fluxBtn{
font-size:11px !important;
}
#memberbar div.flux .container span.fluxBtn{
min-width:0px !important;
margin:0px !important; 
padding:0px !important;
}
/* "more" dropdown */
#memberbar ul#memberlist li#member-more{
position: relative;
}
#memberbar ul#memberlist li#member-more a{
padding-right: 15px;
background: url(/sitewide/images/u/morenav-arrow.gif) no-repeat 100% 50%;
}
#memberbar ul#memberlist li#member-more:hover,
#memberbar ul#memberlist li#member-more.sfhover,
#memberbar ul#memberlist li#member-more a:hover{
text-decoration: none;
color: #1a1a1a;
background: #4698ca;
}
#memberbar ul#memberlist li#member-more:hover a,
#memberbar ul#memberlist li#member-more.sfhover a{
margin: 0 5px;
padding: 4px 15px 4px 4px;
color: #1a1a1a;
background: #4698ca url(/sitewide/images/u/morenav-arrow-on.gif) no-repeat 100% 50%;
}
#memberbar ul#memberlist li#member-more:hover a:hover,
#memberbar ul#memberlist li#member-more.sfhover a:hover{
background: #4698ca url(/sitewide/images/u/morenav-arrow-on.gif) no-repeat 100% 50%;
}
#memberbar ul#memberlist li#member-more ul{ /* second-level lists */
clear: left;
position: absolute;
width: 100px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin: -3px 0 0 0;
padding: 0;
list-style: none;
border: none;
background: #4698ca;
}
#memberbar ul#memberlist li#member-more:hover ul,
#memberbar ul#memberlist li#member-more.sfhover ul{ /* lists nested under hovered list items */
top: 25px;
left: 0;
}
#memberbar ul#memberlist li#member-more ul li{
display: block;
float: none;
margin: 0;
padding: 0;
line-height: 1em;
border: none;
background: none;
}
#memberbar ul#memberlist li#member-more:hover ul li a,
#memberbar ul#memberlist li#member-more.sfhover ul li a{
display: block;
margin: 0;
padding: 6px 8px;
color: #fff;
background: none;
}
#memberbar ul#memberlist li#member-more:hover ul li a:hover,
#memberbar ul#memberlist li#member-more.sfhover ul li a:hover{
background: none;
}
#memberbar ul#memberlist li#member-more ul li a:hover{
text-decoration: underline;
color: #fff;
background: none;
}
/* artist list */
#memberbar ul#artistlist{
float: right;
margin: 0 0 0 0;
padding: 0 7px 0 0;
list-style: none;
}
#memberbar ul#artistlist li{
float: left;
margin: 0;
padding: 0;
line-height: 25px;
}
#memberbar ul#artistlist span.alpha a{
margin: 0 2px;
color: #4498c8;
text-decoration: none;
}
#memberbar ul#memberlist li a:hover,
#memberbar ul#artistlist li#tvsched a:hover,
#memberbar ul#artistlist li a:hover{
text-decoration: underline;
}
/* artist list */
#memberbar ul#artistlist{
float: right;
margin: 0 0 0 0;
padding: 0 7px 0 0;
list-style: none;
}
#memberbar ul#artistlist li{
float: left;
margin: 0;
padding: 0;
line-height: 25px;
}
#memberbar ul#artistlist span.alpha a{
margin: 0 2px;
color: #4498c8;
text-decoration: none;
}
#memberbar ul#memberlist li a:hover,
#memberbar ul#artistlist li#tvsched a:hover,
#memberbar ul#artistlist li a:hover{
text-decoration: underline;
}
/* navigation
---------------------------------------------------- */
/* GLOBAL NAVIGATION
---------------------------------------------------- */
/*div#nav.globalNav{ position: absolute; top: 0px; background-color:#262626; font-family:Tahoma,Verdana,sans-serif; font-size: 11px; height: 111px; width: 100%; }*/
div#nav.globalNav{ position: absolute; top: 0px; background-color:#d8d8d8; font-family: "nimbus-sans", "helvetica neue", helvetica, arial, sans-serif; font-size: 13px; height: 103px; width: 100%; }

/* MEMBER BAR SITES NAV
---------------------------------------------------- */
div#nav.globalNav #mtvSitesNav{ float: left; }
div#nav.globalNav ul#mtvSitesNav{ padding-left:5px }
div#nav.globalNav #mtvSitesNav, #mtvSitesNav ul{ padding: 0; margin: 0; list-style: none; }
div#nav.globalNav #mtvSitesNav li.topLevel{ float: left; background: url(/sitewide/images/charlie/sprites/site_wide_original.png) -161px -499px no-repeat; margin-right: 5px; }
div#nav.globalNav #mtvSitesNav li.topLevel.hover{ background: url(/sitewide/images/charlie/sprites/site_wide_original.png) -161px -516px no-repeat #4698ca; }
div#nav.globalNav #mtvSitesNav li.topLevel.hover a.topLink{ color: #000; }
div#nav.globalNav #mtvSitesNav li.topLevel.hover ul{ left: auto; }
div#nav.globalNav #mtvSitesNav li ul{ position: absolute; width: 80px; left: -999em; background-color: #4698ca; padding-bottom: 6px; }
div#nav.globalNav #mtvSitesNav li a{ display: block; width: 62px; padding: 0 5px; color: #f3f3f3; text-decoration: none; font-size: 11px; }
div#nav.globalNav #mtvSitesNav li.subLevel a{ color: #f3f3f3; height: 12px; line-height: 12px; width: 75px; border-right:0 none; padding-top:8px;}
div#nav.globalNav #mtvSitesNav li.subLevel a:hover{ text-decoration: underline; }
div#nav.globalNav .memberbarlinks{ float: left; padding-top: 7px; height: 20px; }
div#nav.globalNav .memberbarlinks a{float:left;}
div#nav.globalNav .memberbarlinks ul a{float:none;} /* list a ... IE6 fix*/
div#nav.globalNav .memberbarlinks a{ color: #f3f3f3; font-size: 11px; text-decoration: none; padding: 0 10px; border-right: 1px solid #666; }
div#nav.globalNav .memberbarlinks a.first{ font-weight:bold;}
div#nav.globalNav .memberbarlinks a.last{ border: 0; }
div#nav.globalNav .memberbarlinks a:hover{ text-decoration: underline; }
div#nav.globalNav div#mtvLogo{ background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat 0 -486px transparent; float: left; margin: 10px 0 10px 10px; display: block; width: 92px; height: 60px; overflow: hidden; _display: inline; }
div#nav.globalNav div#mtvLogo a{ display: block; text-indent: -999px; height: 56px; }
div#nav.globalNav div.navLogoToolTip{ border: 1px solid #000; padding: 5px; position: absolute; font-size: 10px; left: 30px; top: 85px; display: none; background-color: #ffffe1; }
/*##### topnavLinks ######*/
div#nav.globalNav ul#topnavLinks{ float: left; padding: 0; margin: 10px 0 0 3px; display: inline; list-style: none; clear: right; }
div#nav.globalNav ul#topnavLinks li{ float: left; padding-left: 0px; margin-left: 10px; margin-right: 5px; display: inline; }
div#nav.globalNav ul#topnavLinks li.first{ border: 0; padding: 0; }
div#nav.globalNav ul#topnavLinks li a{ text-transform: lowercase; color: #000; text-decoration: none; }
div#nav.globalNav ul#topnavLinks li a:hover{ text-decoration: underline; }
/*##### MAIN NAV ######*/
label{ color: #666666; padding: 0; display: inline; }
div#nav.globalNav ul#navlist {width: 554px;}
div#nav.globalNav ul#navlist{ float: left; padding: 0; margin: 0px 0 0 5px; list-style: none; }
div#nav.globalNav ul#navlist li{ float: left; }
div#nav.globalNav ul#navlist li a{ text-decoration: none; }
div#nav.globalNav ul#navlist li a.n-link{ font-size: 46px; letter-spacing: -1.5px; font-weight: bold; font-family: "nimbus-sans", "helvetica neue", helvetica, arial, sans-serif; color: #000; text-transform: lowercase; text-decoration: none; display: block; line-height: 43px; padding: 0px 5px 5px; width: auto; }
div#nav.globalNav ul#navlist li.seperator{ display:none; color: #7f7f7f; font-size: 38px; line-height: 38px; font-weight: bold; letter-spacing: 0; margin: 0 -5px; }
div#nav.globalNav ul#navlist li span{ display: block; text-decoration: none; font-weight: bold; font-size:11px; text-transform: uppercase; margin-bottom: 5px;}
div#nav.globalNav ul#navlist li.hover a.n-link{ color: #262626; background-color: #fff; }
div#nav.globalNav ul#navlist ul{ padding: 0; margin: 0; list-style: none; }
div#nav.globalNav ul#navlist li ul{ position: absolute; left: -999em; }
div#nav.globalNav ul#navlist li ul.hover{ left: auto; }
div#nav.globalNav ul#navlist li.toplvl { margin-right: 5px; }

div#nav.globalNav ul#navlist li#n-music a.n-link{ width: 120px; }
div#nav.globalNav ul#navlist li#n-shows a.n-link{ width: 126px; }
div#nav.globalNav ul#navlist li#n-news a.n-link{ width: 105px; }
div#nav.globalNav ul#navlist li#n-movies a.n-link{ width: 143px; }
div#nav.globalNav ul#navlist li#n-movies { margin-right: 0px;}
div#nav.globalNav ul#navlist li div.grid{ position: absolute; border: 5px solid #D8D8D8; border-top: 0; background-color: #fff; padding-top: 12px; padding-bottom: 10px; }
div#nav.globalNav ul#navlist li div#music-grid{ width: 966px; }
div#nav.globalNav ul#navlist li div#shows-grid{ width: 966px; }
div#nav.globalNav ul#navlist li div#news-grid{ width: 648px; }
div#nav.globalNav ul#navlist li div#movies-grid{ width: 810px; }
div#nav.globalNav ul#navlist ul.gridContainer.hover li div#music-grid{ left: -107px; }
div#nav.globalNav ul#navlist ul.gridContainer.hover li div#shows-grid{ left: -242px; }
div#nav.globalNav ul#navlist ul.gridContainer.hover li div#news-grid{ left: -383px; }
div#nav.globalNav ul#navlist ul.gridContainer.hover li div#movies-grid{ left: -503px; }
div#nav.globalNav ul#navlist div.grid ul{ margin: 0; display: block; float: left; position: static; }
div#nav.globalNav ul#navlist div.grid li{ font-family:Tahoma,Verdana,sans-serif; float: none; _display: inline; }
div#nav.globalNav ul#navlist div.grid li a{ text-transform: none; font-weight: bold; font-size: 11px; display: block; color: #1F1F1F; }
div#nav.globalNav ul#navlist div.grid li a:hover{ background-color: #39BFA8; color: #fff; }
div#nav.globalNav ul#navlist div.grid li.first a,
div#nav.globalNav ul#navlist div.grid li.first span{ text-transform: uppercase; font-size: 11px; display: block; color: #666666; padding: 5px 0 5px 4px; }
div#nav.globalNav ul#navlist div.grid li.first a:hover{ text-decoration: none; background: none; }
div#nav.globalNav ul#navlist div.grid ul.gridMain{ display: block; float: left; width: 140px; border-right: 1px dotted #262626; padding: 0 10px;}
div#nav.globalNav ul#navlist div.grid ul.gridMain li{ border-bottom: 1px dotted #262626; padding: 1px 0; display: block; }
div#nav.globalNav ul#navlist div.grid ul.gridMain li a{ text-transform: none; font-weight: bold; font-size: 11px; display: block; }
div#nav.globalNav ul#navlist div.grid ul.gridMain li.gridMainBrowseAll{ border: 0; }
div#nav.globalNav ul#navlist div.grid ul.gridMain li.gridMainBrowseAll a{ width: 19px; height: 19px; background-color: #262626; color: #F3F3F3; margin: 1px 1px 0 0; padding: 0 !important; text-align: center; float: left; line-height: 19px; }
div#nav.globalNav ul#navlist div.grid ul.gridMain li.gridMainBrowseAll a:hover{ background-color: #39BFA8; }
div#nav.globalNav ul#navlist div.grid ul.gridMain li.azBrowserHeader{ border: none; }
div#nav.globalNav ul#navlist div.grid ul.centerCol{ display: block; float: left; width: 140px; border-right: 1px dotted #262626; padding: 0 9px; }
div#nav.globalNav ul#navlist div.grid ul.rightBlock{ display: block; float: left; height: auto; margin: 0; width: 140px; }
div#nav.globalNav ul#navlist div.grid ul.split{ border-bottom: 1px dotted #262626; padding-bottom: 11px; margin-bottom: 12px;}
div#nav.globalNav ul#navlist div.grid ul.last{ border: 0; }
div#nav.globalNav ul#navlist div.grid ul.wide{ width: auto; }
div#nav.globalNav ul#navlist div.grid ul.wide ul{ width: 140px; height: auto; margin: 0 12px 0 0; padding: 0; _display: inline; }
div#nav.globalNav ul#navlist div.grid ul.wide ul li{ font-family:Tahoma,Verdana,sans-serif; float: none; _display: inline; }
div#nav.globalNav ul#navlist div.grid ul.wide ul li a{ text-transform: none; font-weight: bold; font-size: 11px; display: block; color: #1F1F1F; }
div#nav.globalNav ul#navlist div.grid ul.wide ul li a:hover{ background-color: #39BFA8; color: #fff; }
div#nav.globalNav ul#navlist div.grid ul.wide ul li.allshowsLabel{ display: inline-block; }
div#nav.globalNav ul#navlist div.grid ul.wide ul li a.allshows{ font-weight: normal;/* background-color: #39BFA8;*/ color: #fff; padding-right: 5px !important; }
div#nav.globalNav ul#navlist div.grid ul.wide ul li a.allshows:after{ content: '\00BB'; }
div#nav.globalNav ul#navlist div.grid ul.centerCol li.first a,
div#nav.globalNav ul#navlist div.grid ul.rightBlock li.first a,
div#nav.globalNav ul#navlist div.grid ul.centerCol li.first span,
div#nav.globalNav ul#navlist div.grid ul.rightBlock li.first span{ padding: 0px 0 2px 4px; }
div#nav.globalNav ul#navlist div.grid ul li span label{ color: #666666; padding: 0; display: inline; }
div#nav.globalNav ul#navlist div.grid ul.centerCol li a,
div#nav.globalNav ul#navlist div.grid ul.rightBlock li a,
div#nav.globalNav ul#navlist div.grid ul.gridMain li a ,
div#nav.globalNav ul#navlist div.grid ul.wide li a{ padding: 4px 2px !important; }
/* SIMPLENAV
---------------------------------------------------- */
div#nav.simplenav{ top: 123px; width: 100% !important; position: absolute; }
/* FRANCHISE NAVIGATION
---------------------------------------------------- */
/* navigation
---------------------------------------------------- */
div#nav.franchise div.navLogoToolTip{ display: none; }
#nav ul#navlist.franchise-nav li a, #nav ul#navlist.franchise-nav li span{ color: #fff; }
.franchise-navigation{ /*top: 123px;*/ top:0px; /*width: 100% !important;*/ width:976px; /*position: absolute;*/; position:relative; /*left: 0px;*/ margin:0 auto; }
div#nav.franchise ul#navlist{ z-index: 500; float: left; margin: 0; padding: 0; list-style: none; }
div#nav.franchise ul#navlist li{ float: left; font-size: 17px; margin: 0; padding: 0; position: relative; text-align: center; }
#nav ul#navlist li a, #nav ul#navlist li span{ display: block; text-decoration: none; padding: 8px 0 0; font-weight: bold; }
div#nav.franchise ul#navlist li:hover a,#nav ul#navlist li.sfhover a{ }
div#nav.franchise ul#navlist li#n-home a{ border-left: 0; }
/* suckerfish dropdowns */
div#nav.franchise ul#navlist li ul{ /* second-level lists */
z-index: 150000; clear: left; position: absolute; width: 150px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin: -1px 0 0 0; padding: 0; list-style: none; border: 1px solid #242424; border-right: none; border-left-color: #4c4c4c; border-top: 1px solid #1a1a1a;
border-bottom: none; background: #3d3d3d; }
div#nav.franchise ul#navlist li ul ul{ /* third-and-above-level lists */
top: 0; margin: 0 -150px 0 0; border-top: none; border-left: none; }
div#nav.franchise ul#navlist li:hover ul ul,
div#nav.franchise ul#navlist li.sfhover ul ul{ left: -999em; }
div#nav.franchise ul#navlist li:hover ul,
div#nav.franchise ul#navlist li li:hover ul,
div#nav.franchise ul#navlist li.sfhover ul,
div#nav.franchise ul#navlist li li.sfhover ul{ /* lists nested under hovered list items */
right: 0;
left: auto;
}
div#nav.franchise ul#navlist li#n-movies:hover ul,
div#nav.franchise ul#navlist li#n-movies.sfhover ul{
right: auto;
}
div#nav.franchise ul#navlist li#n-movies li:hover ul,
div#nav.franchise ul#navlist li#n-movies li.sfhover ul{ /* lists nested under hovered list items */
right: 0;
left: auto;
margin-right: -224px;
}
div#nav.franchise ul#navlist li#n-shows ul{
border-bottom: 1px solid #4a4a4a;
}
div#nav.franchise ul#navlist li ul li{
width: 150px;
height: auto;
text-transform: none;
font-size: 11px;
line-height: 11px;
border: none;
background: none;
}
div#nav.franchise ul#navlist li ul li a,
div#nav.franchise ul#navlist li:hover ul li a,
div#nav.franchise ul#navlist li.sfhover ul li a,
div#nav.franchise ul#navlist li ul li span{
width: 133px;
height: auto;
padding: 10px 8px;
border: none;
font-family: Tahoma, Geneva, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: left;
color: #fff;
border-top: 1px solid #4a4a4a;
border-right: 1px solid #242424;
border-bottom: 1px solid #242424;
background: #3a3a3a;
}
div#nav.franchise ul#navlist li#n-movies ul li a,
div#nav.franchise ul#navlist li#n-movies:hover ul li a,
div#nav.franchise ul#navlist li#n-movies.sfhover ul li a,
div#nav.franchise ul#navlist li#n-movies ul li span{
width: 207px;
}
div#nav.franchise ul#navlist li ul li.sub a,
div#nav.franchise ul#navlist li ul li.sub span{
width: 101px;
padding-right: 40px;
color: #fff;
background-image: url(/sitewide/images/u/comnav-arrow.gif);
background-repeat: no-repeat;
background-position: 100% 50%;
}
div#nav.franchise ul#navlist li#n-movies ul li.sub a,
div#nav.franchise ul#navlist li#n-movies ul li.sub span{
width: 175px;
}
div#nav.franchise ul#navlist li ul li.sub ul li a{
background: none;
}
div#nav.franchise ul#navlist li ul li.first a,
div#nav.franchise ul#navlist li ul li.first span,
div#nav.franchise ul#navlist li#n-games ul li.first a,
div#nav.franchise ul#navlist li#n-games ul li.first span{
border-top-color: #4a4a4a;
}
div#nav.franchise ul#navlist li ul li:hover,
div#nav.franchise ul#navlist li ul li.sfhover{
border-top-color: #2c2c2c;
background: #4c4c4c url(/sitewide/images/u/comnav-arrowover.gif) no-repeat 100% 50%;
}
div#nav.franchise ul#navlist li ul li:hover a,
div#nav.franchise ul#navlist li ul li.sfhover a,
div#nav.franchise ul#navlist li ul li:hover span,
div#nav.franchise ul#navlist li ul li.sfhover span{
border-top-color: #5b5b5b;
background: #4c4c4c url(/sitewide/images/u/comnav-arrowover.gif) no-repeat 100% 50%;
}
div#nav.franchise ul#navlist li ul li a:hover,
div#nav.franchise ul#navlist li ul li.sub li a:hover,
div#nav.franchise ul#navlist li#n-games ul li a:hover{
height: auto;
border-top-color: #5db1e0;
border-left-color: #5db1e0;
background: #4498c7;
}
div#nav.franchise ul#navlist li ul li.sub:hover{
background: #4c4c4c url(/sitewide/images/u/comnav-arrowover.gif) no-repeat 100% 50%;
}
div#nav.franchise ul#navlist li ul li.sub a:hover{
background: #4698ca url(/sitewide/images/u/comnav-arrowon.gif) no-repeat 100% 50%;
}
div#nav.franchise ul#navlist li ul li:hover li a,
div#nav.franchise ul#navlist li ul li.sfhover li a{
border-top-color: #3c3c3c;
}
div#nav.franchise ul#navlist li ul li:hover a:hover,
div#nav.franchise ul#navlist li ul li.sfhover a:hover{
border-top-color: #5db1e0;
}
div#nav.franchise ul#navlist li ul li a:active,
div#nav.franchise ul#navlist li ul li.sub a:active,
div#nav.franchise ul#navlist li ul li:hover li a:active,
div#nav.franchise ul#navlist li ul li.sfhover li a:active,
div#nav.franchise ul#navlist li#n-games ul li a:active{
background: #058acf url(/sitewide/images/u/nav-sub-press.jpg) repeat-x top left;
}
/* third-level lists */
div#nav.franchise ul#navlist li#n-movies ul ul{
width: 150px;
}
div#nav.franchise ul#navlist li#n-movies:hover ul ul ul,
div#nav.franchise ul#navlist li#n-movies.sfhover ul ul ul{
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-right-color: #404040;
border-top: none;
border-left-color: #767676;
}
div#nav.franchise ul#navlist li#n-movies li:hover ul li:hover ul,
div#nav.franchise ul#navlist li#n-movies li.sfhover ul li.sfhover ul{ /* lists nested under hovered list items */
right: 0;
left: auto;
margin-right: -150px;
}
div#nav.franchise ul#navlist li ul ul li,
div#nav.franchise ul#navlist li#n-movies ul ul li{
border-top-color: #595959;
border-bottom-color: #333;
background: #4c4c4c;
}
div#nav.franchise ul#navlist li ul li ul li a,
div#nav.franchise ul#navlist li:hover ul li ul li a,
div#nav.franchise ul#navlist li.sfhover ul li ul li a,
div#nav.franchise ul#navlist li ul li ul li span{
font-weight: normal;
border-top-color: #595959;
border-right-color: #333;
border-bottom-color: #333;
}
div#nav.franchise ul#navlist li ul li ul li ul li a,
div#nav.franchise ul#navlist li:hover ul li ul li ul li a,
div#nav.franchise ul#navlist li.sfhover ul li ul li ul li a,
div#nav.franchise ul#navlist li ul li ul li ul li span{
width: 101px;
border-top-color: #767676;
border-right-color: #404040;
border-bottom-color: #404040;
background: #595959;
}
div#nav.franchise ul#navlist li#n-movies ul li.sub a,
div#nav.franchise ul#navlist li#n-movies ul li.sub span{
width: 175px;
}
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li a,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li span{
width: 101px;
font-weight: bold;
}
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sub a,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sub span{
width: 101px;
padding-right: 40px;
color: #fff;
background-image: url(/sitewide/images/u/comnav-arrow2.gif);
background-repeat: no-repeat;
background-position: 100% 50%;
}
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sub:hover,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sub:hover a,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sfhover a.movies-sub,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sub:hover span,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sfhover span.movies-sub{
background: #595959 url(/sitewide/images/u/comnav-arrowover2.gif) no-repeat 100% 50%;
}
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sub a:hover{
background: #4698ca url(/sitewide/images/u/comnav-arrowon.gif) no-repeat 100% 50%;
}
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li ul li a:link,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li ul li a:visited,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sub:hover ul li a:link,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sub:hover ul li a:visited,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sfhover ul li a:link,
div#nav.franchise ul#navlist li#n-movies ul li.sub ul li.sfhover ul li a:visited{
font-weight: normal;
border-right-color: #404040;
background-image: none;
}
/* simple nav
---------------------------------------------------- */
#nav ul#simplenav{
z-index: 500;
float: left;
width: auto;
height: 35px;
margin: 0;
padding: 0;
list-style: none;
/*border-top: 1px solid #404040;
border-bottom: 1px solid #1a1a1a;
background: #333;
*/	}
#nav ul#simplenav li{
float: left;
margin: 8px 0 8px 8px;
padding: 0;
}
#nav ul#simplenav li a{
float: left;
margin: 0;
padding: 1px 4px;
font-size: 85%;
text-decoration: none;
color: #fff;
background: #4498c7;
}
#nav ul#simplenav li a:hover{
text-decoration: underline;
}
#container-inner.simplenav ul#simplenav{
width: 666px;
}
div#wrap div#opaad{ padding: 3px 0; }
/* search
---------------------------------------------------- */
div#searchmtv, div#searchmtvF{ float: right; height: 56px; margin-right: 10px; display: inline; }
div#searchmtv form, div#searchmtvF form{ margin-top: 10px; }
div#searchmtv form *, div#searchmtvF form *{height: 28px; float: left; border: 0; margin: 0; padding: 0;}
div#searchmtv form input#searchmtv-text, div#searchmtvF form input#searchmtvF-text{ width: 203px; padding: 3px 0 2px 25px; height: 23px; font-size: 16px; font-weight: bold; font-family: Arial; color: #808080; background: url(/sitewide/images/u/sprite_images.png) 10px center no-repeat #fff; background-position: -32px -445px; }
div#searchmtv form button, div#searchmtvF form button{ padding-bottom: 2px; border: 0; margin-left: 1px; line-height: 28px; width: 35px; text-transform: uppercase; font-weight: bold; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; }
div#searchmtv form button#searchmtv-btn, div#searchmtvF form button#searchmtvF-btn{ background-color: #39bfa8; color: #fff; cursor: pointer; }
div#searchmtv form button#searchweb-btn, div#searchmtvF form button#searchwebF-btn{ background-color: #666666; color: #000; cursor: pointer; }
/* search in simple nav */
div.simplenav#container-inner div#searchmtv{
height: 31px;
background:#333333 none repeat scroll 0 0;
border-bottom:1px solid #1A1A1A;
border-top:1px solid #404040;
margin-right: 0;
padding-right: 10px;
width: 300px
}
div.simplenav#container-inner div#searchmtv form{
margin-top: 1px;
}
div.simplenav#container-inner div#searchmtv input{
height: 23px;
width: 203px;
padding:5px 0 0 25px;
}
/* main-body styles
---------------------------------------------------- */
#wrap a:link,
#wrap a:visited{
font-weight: bold;
text-decoration: none;
color: #07b;
}
#wrap a:hover{
text-decoration: underline;
}
/* heading classes */
.main-title{
display: block;
margin: 0 0 1px 0;
padding: 0 2px 0 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 206%;
font-weight: bold;
line-height: 1em;
letter-spacing: -0.04em;
color: #191919;
}
.main-title em{
font-style: normal;
color: #999;
}
.wtbox{ /* float the title when toolbox is present */
}
.sub-title{
display: block;
margin: 0 0 2px 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 160%;
font-weight: bold;
line-height: 1em;
color: #191919;
}
.article{ /* article sub-head */
clear: left;
font-size: 130%;
line-height: 1.1em;
color: #191919;
}
.info-title{
display: block;
margin: 0 0 4px 0;
padding: 0;
font-size: 73%;
font-weight: normal;
color: #999;
}
.info-title em{
font-style: normal;
font-weight: bold;
color: #191919;
}
.slat-title{
display: block;
margin: 0;
padding: 8px;
font-size: 70%;
font-weight: bold;
text-transform: uppercase;
color: #191919;
border-bottom: 1px solid #dedede;
background: url(/sitewide/images/u/sprite_images.png) repeat-x top left;
}
.slat-title em.meta{
float: right;
font-weight: normal;
font-style: normal;
text-transform: none;
color: #666;
}
.wthumb{ /* slat title that precedes a show thumbnail */
border-bottom: none;
}
.spons-title{
display: block;
margin: 0 0 5px 0;
padding: 0;
font-size: 70%;
font-weight: bold;
text-transform: uppercase;
color: #191919;
}
.normal-title{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 120%;
font-weight: normal;
}
.results{
text-transform: none;
font-weight: normal;
}
.results span.toggle{
float: right;
}
.didyoumean{
margin: 10px 0 20px 0;
padding: 0;
font-family: Arial;
font-size: 115%;
font-weight: normal;
}
.didyoumean a{
font-style: italic;
}
/* title */
#title{
margin: 0 0 10px 0;
padding: 0;
}
/* paragraph styles */
#wrap p{
margin: 0 0 4px 0;
padding: 0;
font-size: 73%;
line-height: 1.3em;
}
#wrap p.deck, #wrap div.deck p, div.overlay p.deck{
margin: 0 0 2px 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 93%;
}
#wrap div.deck p{
margin-bottom: 20px;
}
/* generic, styled wrapper */
div.wrapper{
margin: 0 0 20px 0;
padding: 8px;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
/* module wrapper */
div.mod{
margin: 0 0 18px 0;
}
/* info list */
#wrap ul.info{
margin: 2px 0;
padding: 0;
font-size: 73%;
line-height: 1.4em;
list-style: none;
}
#wrap ul.info li{
margin: 0;
padding: 0;
}
/* winners list */
#wrap dl.winners{
margin: 0 0 18px 0;
padding: 0;
}
#wrap dl.winners dt{
margin: 18px 0 1px 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 135%;
font-weight: bold;
line-height: 1em;
color: #191919;
}
#wrap dl.winners dt.first{
margin-top: 0;
}
#wrap dl.winners dd{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 90%;
}
#wrap dl.winners dd strong.winner{
padding-left: 14px;
font-family: Verdana;
font-size: 80%;
text-transform: uppercase;
background: url(/sitewide/images/u/icon-winner.gif) no-repeat 0 0;
}
/* slat list with no background for blog section more link*/
#wrap ol.slat_no_background{
margin: 0 0 18px 0;
padding: 0;
list-style: none;
line-height: 1.3em;
}
#wrap ol.slat_no_background li{
position: relative;
margin: 0;
padding: 4px 8px 6px 8px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e9eaeb;
}
#wrap ol.slat_no_background li.last{
padding-bottom: 7px;
border-bottom: none;
}
#wrap ol.slat_no_background li.more{
padding-left: 15px;
padding-bottom: 7px;
font-family: Verdana;
font-size: 70%;
line-height: 1.2em;
border-bottom: none;
background: url(/sitewide/images/u/icon-arrow.gif) no-repeat 8px 7px;
}
#wrap ol.slat_no_background li.more a:link,
#wrap ol.slat_no_background li.more a:visited{
font-weight: bold;
color: #07b;
}
/* slat list with no bottom padding on ol*/
#wrap ol.slat_no_bottom_padding{
margin: 0 0 0px 0;
padding: 0;
list-style: none;
line-height: 1.3em;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
#wrap ol.slat_no_bottom_padding li{
position: relative;
margin: 0;
padding: 4px 8px 6px 8px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e9eaeb;
}
#wrap ol.slat_no_bottom_padding li.last{
padding-bottom: 7px;
border-bottom: none;
}
#wrap ol.slat_no_bottom_padding li p.meta,
#wrap ol.slat_no_bottom_padding li div.meta{
margin: 0 0 4px 0;
padding: 1px 0 0 0;
font-size: 70%;
line-height: 1em;
font-weight: normal;
color: #999;
}
#wrap ol.slat_no_bottom_padding li p.info{
margin: 0;
padding: 0;
font-size: 90%;
}
#wrap ol.slat_no_bottom_padding li p.info strong{
display: block;
margin: 0 0 1px 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 145%;
font-weight: bold;
line-height: 1em;
}
#wrap ol.slat_no_bottom_padding li p.info strong a:link,
#wrap ol.slat_no_bottom_padding li p.info strong a:visited{
font-weight: bold;
}
#wrap ol.slat_no_bottom_padding li p.info strong a:link span.title,
#wrap ol.slat_no_bottom_padding li p.info strong a:visited span.title{
display: block;
font-weight: normal;
}
#wrap ol.slat_no_bottom_padding li p.info strong a:hover span.title{
text-decoration: underline;
}
/* slat list */
#wrap ol.slat{
margin: 0 0 18px 0;
padding: 0;
list-style: none;
line-height: 1.3em;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
#wrap ol.slat li{
position: relative;
margin: 0;
padding: 4px 8px 6px 8px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e9eaeb;
}
#wrap ol.slat li.last{
padding-bottom: 7px;
border-bottom: none;
}
#wrap ol.slat li p.meta,
#wrap ol.slat li div.meta{
margin: 0 0 4px 0;
padding: 1px 0 0 0;
font-size: 70%;
line-height: 1em;
font-weight: normal;
color: #999;
}
#wrap ol.slat li p.info{
margin: 0;
padding: 0;
font-size: 90%;
}
#wrap ol.slat li p.info strong{
display: block;
margin: 0 0 1px 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 145%;
font-weight: bold;
line-height: 1em;
}
#wrap ol.slat li p.info strong a:link,
#wrap ol.slat li p.info strong a:visited{
font-weight: bold;
}
#wrap ol.slat li p.info strong a:link span.title,
#wrap ol.slat li p.info strong a:visited span.title{
display: block;
font-weight: normal;
}
#wrap ol.slat li p.info strong a:hover span.title{
text-decoration: underline;
}
/* winner slat for awards */
#wrap ol.slat li.winner{
background: #ccc;
}
#wrap ol.slat li p.info strong.winner-label{
padding-left: 14px;
text-transform: uppercase;
background: url(/sitewide/images/u/icon-winner.gif) no-repeat 0 50%;
}
/* more slat */
#wrap ol.slat li.more{
padding-left: 15px;
padding-bottom: 7px;
font-family: Verdana;
font-size: 70%;
line-height: 1.2em;
border-bottom: none;
background: url(/sitewide/images/u/icon-arrow.gif) no-repeat 8px 7px;
}
#wrap ol.slat li.more a:link,
#wrap ol.slat li.more a:visited{
font-weight: bold;
color: #07b;
}
/* video slat */
#wrap ol.slat li.vid p.meta,
#wrap ol.slat li.vid div.meta{
margin: 0 0 5px 0;
}
#wrap ol.slat li.vid a{
display: block;
line-height: 1.3em;
padding-left: 18px;
background: url(/sitewide/images/u/icon-play.gif) no-repeat 0 0;
}
/* simple slat */
#wrap ol.slat li.simple{
margin:0;
padding:0;
background:none;
}
/* rich slats with thumbnails */
#wrap ol.rich li{
padding: 5px 6px 6px 6px;
background: none;
}
#wrap ol.rich li p.info{
font-family: Arial, Helvetica, Verdana, sans-serif;
}
#wrap ol.rich li a:link,
#wrap ol.rich li a:visited{
background: none;
}
#wrap ol.rich li div.thumb{
float: left;
position: relative;
margin: 0;
}
#wrap ol.rich li div.thumb a:link,
#wrap ol.rich li div.thumb a:visited{
float: left;
padding: 2px;
}
#wrap ol.rich li a:link strong span.category,
#wrap ol.rich li a:visited strong span.category{
color: #ff2edf;
}
#wrap ol.rich li div.thumb a:hover{
padding: 0;
border: 2px solid #09f;
}
/* plain slat w/no images */
#wrap ol.plain li{
padding: 6px 8px;
}
#wrap ol.plain li p.info{
font-family: Verdana, sans-serif;
font-size: 70%;
line-height: 1.5em;
}
#wrap ol.plain li p.info strong{
margin-bottom: 2px;
font-family: Verdana, sans-serif;
font-size: 100%;
line-height: 1.2em;
}
#wrap ol.plain li p.info strong em{
display: block;
font-style: normal;
font-weight: normal;
}
/* special callout meta flag */
#wrap ol.callout{
clear: left;
border: 1px solid #dadadc;
}
#wrap ol.callout li{
margin-left: 8px;
margin-right: 8px;
padding: 4px 0 6px 0;
}
#wrap ol.callout li.more{
padding-left: 7px;
padding-bottom: 7px;
background-position: 0 6px;
}
/* calloutBackground */
#wrap ol.calloutBackground{
padding-top:2px;
border:0;
}
#wrap ol.calloutBackground li{
border:0;
}
#wrap ol.calloutBackground li img{
border:0;
}
#wrap ol.calloutBackground li p strong a:link,
#wrap ol.calloutBackground li p strong a:visited{
color:#fff;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:16px;
line-height:100%;
text-transform:uppercase;
margin-right:20px;
}
#wrap ol.calloutBackground li.more{
margin-top:10px;
background:transparent url(/sitewide/images/u/icon_arrow_white.gif) no-repeat scroll 0px 7px;
}
#wrap ol.calloutBackground li.more a:link,
#wrap ol.calloutBackground li.more a:visited{
color:#fff;
}
/* calloutBackground VMA 08 */
#wrap ol.VMA08Promo{
padding-top:2px;
border:0;
}
#wrap ol.VMA08Promo li{
border:0;
}
#wrap ol.VMA08Promo li img{
border:0;
}
#wrap ol.VMA08Promo li p strong a:link,
#wrap ol.VMA08Promo li p strong a:visited{
color:#49b8d3;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:16px;
line-height:100%;
text-transform:uppercase;
margin-right:20px;
}
#wrap ol.VMA08Promo li.more{
margin-top:0px;
background:transparent url(/sitewide/css/charlie/themeVMA08/bravo_bttn_arrow-next.gif) no-repeat scroll 0px 7px;
}
#wrap ol.VMA08Promo li.more a:link,
#wrap ol.VMA08Promo li.more a:visited{
color:#e0218a;
}
#wrap ol.VMA08Promo li.title{
font-size:16px;font-family:Arial,Helvetica,Verdana,sans-serif;font-weight:bold;border-left:16px solid #fece00; color:#fece00; text-transform:uppercase;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 5px;
background:none;
line-height:14px;
border-bottom:none;
height:14px;
}
/* calloutBackground HILLS PROMO */
#wrap ol.hillsPromo0908{
border:0;
}
#wrap ol.hillsPromo0908 li{
border:0;
}
#wrap ol.hillsPromo0908 li img{
visibility:hidden;
margin-right:35px;
border:0;
margin-bottom:20px;
}
#wrap ol.hillsPromo0908 li.img70x53 p{
margin-top:35px;
}
#wrap ol.hillsPromo0908 li div.thumb a:hover{
border:0px;
padding:2px;
}
#wrap ol.hillsPromo0908 li p strong a:link,
#wrap ol.hillsPromo0908 li p strong a:visited{
color:#fde487;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:16px;
line-height:100%;
margin-right:20px;
text-transform:none;
}
#wrap ol.hillsPromo0908 li.more{
margin-top:0px;
background:transparent url(/content/ontv/the_hills/images/arrow_hills.gif) no-repeat scroll 0px 7px;
}
#wrap ol.hillsPromo0908 li.more a:link,
#wrap ol.hillsPromo0908 li.more a:visited{
color:#fde487;
}
#wrap ol.hillsPromo0908 li.title{
display:none;
}
/* adjust for various img sizes */
#wrap ol.rich li.img53x53 p,
#wrap ol.rich li.img53x53 ul.action{
margin-left: 63px;
}
#wrap ol.rich li.img70x53 p,
#wrap ol.rich li.img70x53 ul.action{
margin-left: 80px;
}
#wrap ol.rich li.img105x53 p,
#wrap ol.rich li.img105x53 ul.action{
margin-left: 115px;
}
#wrap ol.rich li.img105x105 p,
#wrap ol.rich li.img105x105 ul.action{
margin-left: 115px;
}
#wrap ol.rich li.img140x105 p,
#wrap ol.rich li.img140x105 ul.action{
margin-left: 150px;
}
#wrap ol.rich li.img140x211 p,
#wrap ol.rich li.img140x211 ul.action{
margin-left: 150px;
}
#wrap ol.rich li.img211x281 p,
#wrap ol.rich li.img211x281 ul.action{
margin-left: 221px;
}
#wrap ol.rich li.img240x180 p,
#wrap ol.rich li.img240x180 ul.action{
margin-left: 250px;
}
#wrap ol.rich li.img281x211 p,
#wrap ol.rich li.img281x211 ul.action{
margin-left: 291px;
}
/* if usage line is ABOVE thumbnail, add alt class */
#wrap ol.rich li p.alt{
margin-left: 0;
}
/* normal bulleted list in slats */
#wrap ol.slat li div.slat-content{
float: left;
margin-left: 8px;
}
#wrap ol.slat li div.slat-content ul{
margin: 0 0 8px 0;
padding: 0;
list-style: none;
}
#wrap ol.slat li div.slat-content ul li{
margin: 0;
padding: 0 0 0 10px;
font-family: Arial, sans-serif;
font-size: 100%;
line-height: 1.3em;
border: none;
background: url(/sitewide/images/u/icon-bullet.gif) no-repeat 0 6px;
}
/* generic thumb gets right border */
#wrap ol.rich li div.generic{
margin-right: 4px;
}
/* place video icon */
#wrap ol.slat li.f-vid a:hover img{
border: 3px solid #09f;
}
#wrap ol.slat li img.icon{
position: absolute;
top: 5px;
left: 5px;
border: none;
}
#wrap ol.slat li div.thumb a:hover img.icon{
border: none;
}
/* lyrics slats */
#wrap ol.lyrics li p.info span.title{
display: block;
margin-top: 3px;
margin-left: 1.2em;
}
#wrap ol.lyrics li p.info a span.title,
#wrap ol.lyrics li p.info span.title a{
font-weight: normal;
}
/* lyrics blockquote in slat */
#wrap ol.slat li blockquote.lyrics{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 130%;
line-height: 1.4em;
}
#wrap ol.slat li blockquote.lyrics p{
margin: 0;
padding: 0;
}
#wrap ol.slat li blockquote.lyrics p a{
font-weight: normal;
}
/* most popular two-col lists */
#wrap div.pop{
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
#wrap ol.pop{
margin-bottom: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #e9eaeb;
background: none;
}
#wrap ol.pop-last{
margin-bottom: 18px;
border-bottom: none;
}
#wrap ol.pop li{
width: 134px;
float: left;
border: none;
}
/* toolbox wrapper */
div.toolbox{
margin: 0 0 20px 0;
padding: 8px;
border-top: 1px solid #bdbdbd;
border-bottom: 1px solid #bdbdbd;
}
div.tool-input{
margin: 0 0 12px 0;
}
div.tool-input input{
vertical-align: middle;
}
div.tool-input input.tool-text{
width: 96px;
font-size: 73%;
font-family: Verdana, sans-serif;
border: 1px solid #dadadc;
}
div.toolbox div.last{
margin-bottom: 0;
}
div.toolbox-art{ /* when floated in article template */
}
div.toolbox-com{ /* when floated next to comment box */
float: right;
width: 119px;
margin: 0;
}
#wrap div.toolbox ul.tools{
margin: 0;
padding: 0;
list-style: none;
}
#wrap div.toolbox ul.tools li{
display: inline;
margin: 0 6px 0 0;
padding: 0;
}
/* plus action in top right of slats */
#wrap ol.slat li a.function:link,
#wrap ol.slat li a.function:visited{
position: absolute;
top: 1px;
right: 2px;
width: 8px;
height: 8px;
padding: 4px;
text-indent: -9999px;
border: none;
background: url(/sitewide/images/u/icon-add.gif) no-repeat 4px 4px;
}
#wrap ol.slat li a.function-off:link,
#wrap ol.slat li a.function-off:visited{
background-image: url(/sitewide/images/u/icon-add-off.gif);
}
/* community meta stuff */
#wrap ol.slat li span.views,
span.views{
padding-left: 14px;
background: url(http://mtv.mtvnimages.com/sitewide/images/u/icon-eye.gif) no-repeat 0 50%;
}
#wrap ol.slat li span.comments,
span.comments{
margin-left: 5px;
padding-left: 0;
background: url(/sitewide/images/u/icon-metacom.gif) no-repeat 0 2px;
}
#wrap .slat-title span.comments{
margin-left: 7px;
font-weight: normal;
background-position: 0 2px;
}
#wrap ol.slat li span.vote-down,
span.vote-down{
margin-left: 5px;
padding-left: 14px;
color: #999;
background: url(/sitewide/images/u/icon-voted.gif) no-repeat 0 2px;
}
#wrap ol.slat li span.vote-up,
span.vote-up{
margin-left: 5px;
padding-left: 14px;
color: #999;
background: url(/sitewide/images/u/icon-voteu.gif) no-repeat 0 0;
}
#wrap ol.slat li span.comments a,
#wrap span.comments a,
#wrap ol.slat li span.vote-down a,
span.vote-down a,
#wrap ol.slat li span.vote-up a,
span.vote-up a{
display: inline;
font-weight: normal;
color: #999;
background: none;
}
#wrap ol.slat li span.comments a,
#wrap span.comments a{
padding: 0 0 0 14px;
}
#wrap ol.slat li span.vote-down a,
span.vote-down a{
color: #999;
}
#wrap ol.slat li span.vote-up a,
span.vote-up a{
color: #999;
}
/* poll voting slats */
#wrap form.vote{
margin: 0;
padding: 0;
}
#wrap ol.slat li input.vote-radio{
float: left;
margin-right: 5px;
}
#wrap ol.slat li p.info span.vote-results{
font-weight: normal;
font-size: 90%;
}
/* rate it buttons */
ul.rateit{
margin: 0;
padding: 0;
list-style: none;
}
ul.rateit li{
float: left;
margin: 0 8px 0 0;
padding: 0;
text-indent: -9999px;
}
ul.rateit li.rate-down a{
float: left;
display: block;
width: 37px;
height: 29px;
outline: none;
background: url(/sitewide/images/u/btn-ratedown.gif) no-repeat 0 0;
}
ul.rateit li.rate-up a{
display: block;
width: 37px;
height: 29px;
outline: none;
background: url(/sitewide/images/u/btn-rateup.gif) no-repeat 0 0;
}
ul.rateit li a.voted-n{
outline: none;
background-position: 0 -58px;
}
ul.rateit li a.voted-y{
outline: none;
background-position: 0 -87px;
}
ul.rateit li a:hover{
background-position: 0 -29px;
}
ul.rateit li a:active{
outline: none;
background-position: 0 -87px;
}
/* tools info table */
table.tools-info{
margin: 0;
padding: 0;
border-collapse: collapse;
}
table.tools-info th{
margin: 0;
padding: 0 8px 0 0;
font-size: 73%;
line-height: 1.4em;
text-align: left;
}
table.tools-info td{
font-size: 73%;
line-height: 1.4em;
color: #999;
}
table.tools-info td span.vote-up,
table.tools-info td span.vote-down,
table.tools-info td span.comments{
margin-left: 0;
}
/* search results */
#wrap div.results-list ol.rich li p.info{
padding: 0;
font-family: Arial, sans-serif;
font-size: 130%;
line-height: 1.5em;
}
#wrap div.results-list ol.slat li p.info strong{
margin: 0 0 1px 0;
padding: 0;
font-weight: normal;
font-size: 130%;
}
#wrap div.results-list ol.slat li p.info strong a:link,
#wrap div.results-list ol.slat li p.info strong a:visited{
font-weight: normal;
color: #07b;
}
#wrap div.results-list ol.slat li p.info em{
font-style: normal;
font-weight: bold;
}
#wrap div.results-list ol.slat li a em{
display: inline;
}
#wrap div.results-list ol.slat li p.info em.meta{
display: block;
font-family: Arial, sans-serif;
font-weight: normal;
color: #999;
}
#wrap div.results-list ol.slat li.vid a{
padding-left: 18px;
background: url(/sitewide/images/u/icon-play.gif) no-repeat 0 3px;
}
#wrap p.page{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 115%;
font-weight: bold;
text-align: center;
}
#wrap p.page a,
#wrap p.page strong{
margin: 2px;
}
#wrap div.results-list ol.rich li p.info,
#wrap div.results-list ol.rich li p.meta,
#wrap div.results-list ol.rich li div.meta{
font-size: 95%;
line-height: 1.3em;
}
#wrap div.results-list ol.rich li div.thumb img.img{
height: 105px;
}
#images-off{
display: none;
}
/* view nominees lists */
#wrap ol.nom li div.thumb,
#wrap ol.nom li p.info{
margin-bottom: 8px;
}
#wrap ol.slat li div.nom-view{
clear: left;
margin: 0;
padding: 4px 8px;
font-size: 73%;
background: #e9eaec;
}
#wrap ol.slat li div.nom-view ul{
margin: 0;
padding: 0;
list-style: none;
}
#wrap ol.slat li div.nom-view ul li{
margin: 0;
padding: 0;
border: none;
background: none;
}
#wrap ol.slat li div.nom-view ul li a{
font-weight: normal;
}
#wrap ol.slat li div.nom-view a.show{
padding-left: 8px;
background: url(/sitewide/images/u/icon-arrow-show.gif) no-repeat 0 50%;
}
#wrap ol.slat li div.nom-view a.hide{
display: inline;
padding-left: 11px;
background: url(/sitewide/images/u/icon-arrow-hide.gif) no-repeat 0 50%;
}
/* sponsored results */
#wrap ol.sponsored-results{
margin-bottom: 0;
border: 1px solid #e9eaeb;
border-bottom: none;
background: none;
}
#wrap ol.sponsored-results li{
border: none;
padding-bottom: 0;
}
#wrap ol.sponsored-results li.last,
#wrap ol.sponsored-results li.last p.meta,
#wrap ol.sponsored-results li.last div.meta{
margin-bottom: 0;
padding-bottom: 0;
}
#wrap ol.sponsored-results li p.meta,
#wrap ol.sponsored-results li div.meta{
font-family: Arial, sans-serif;
font-size: 100%;
}
#wrap ol.sponsored-results li p.meta a,
#wrap ol.sponsored-results li div.meta a{
font-weight: normal;
color: #999;
font-size:13px;
}
#wrap ol.sponsored-results li p.info a:link,
#wrap ol.sponsored-results li p.info a:visited{
font-weight: normal;
color: #333;
font-size:13px;
}
#wrap ol.sponsored-results li p.info strong a:link,
#wrap ol.sponsored-results li p.info strong a:visited{
font-weight: normal;
color: #07b;
font-size:16px;
}
#wrap ol.sponsored-results li p.info em{
font-style: normal;
font-weight: bold;
}
#wrap p.spons-footer{
margin: 0 0 10px 0;
padding: 0 10px 0 10px;
text-align: right;
background: url(/sitewide/images/u/spons-res-bg.gif) no-repeat 100% 50%;
}
#wrap #extra p.spons-footer{
background-image: url(/sitewide/images/u/spons-res-bg-300.gif);
}
#wrap p.spons-footer strong{
margin: 0;
padding: 5px;
font-weight: normal;
text-transform: uppercase;
color: #999;
background: #fff;
font-size:11px;
font-family:Tahoma;
}
#wrap ul.spons-links{
margin: 0;
padding: 0;
list-style: none;
}
#wrap ul.spons-links li{
display: inline;
margin: 0 10px 0 0;
padding: 0;
}
#wrap ul.spons-links li a:link,
#wrap ul.spons-links li a:visited{
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 90%;
text-decoration: underline;
}
/* search results nav */
#wrap div.results-nav p.toggle{
float: right;
margin: 5px 0 0 0;
padding: 0;
}
div.results-nav{
margin: 10px 0 5px 0;
}
div.results-nav ul{
margin: 0;
padding: 0;
list-style: none;
}
div.results-nav ul li{
margin: 0 10px 0 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 120%;
font-weight: bold;
display: inline;
}
/* action list */
ul.action{
margin: 0;
padding: 0;
list-style: none;
font-size: 73%;
font-weight: bold;
line-height: 1.2em;
}
ul.action li{
height: auto;
margin: 0 0 3px 0;
padding: 0 0 0 6px;
background: url(/sitewide/images/u/icon-arrow.gif) no-repeat 0 2px;
}
ul.follow{
margin-left: 8px;
}
/* action list in slat lists */
#wrap ol.rich li a:link.action,
#wrap ol.rich li a:visited.action{
display: block;
margin: 0;
padding: 0 0 0 6px;
font-family: Verdana, sans-serif;
font-size: 73%;
color: #07b;
background: url(/sitewide/images/u/icon-arrow.gif) no-repeat 0 4px;
}
/* button link in slat lists */
#wrap ol.rich li a:link.btn,
#wrap ol.rich li a:visited.btn{
display: block;
margin: 5px 0 0 0;
}
/* two-columns of slats */
div.double ol.slat{
float: left;
width: 50%;
}
div.double ol.double-1 li{
border-right: 1px solid #dedede;
}
div.double ol.double-2 li{
border-left: 1px solid #fff;
}
/* two columns with gutter */
div.twocol{
margin: 0;
}
div.twocol-single{ /* for single gradient behind multiple rows */
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
div.twocol-1{
float: left;
width: 300px;
margin: 0 10px 0 0;
}
div.twocol-2{
float: right;
width: 300px;
}
#wrap div.twocol ol.slat li{
padding-right: 18px;
}
/* alt two-column style (no gutter) */
div.alt div.twocol-1{
width: 305px;
margin-right: 0;
}
#container.cs div.alt div.twocol-1,
#container.cs div.alt div.twocol-2{
float: left;
width: 50%;
margin: 0;
}
/* two-col row version */
#wrap div.twocol-row{
border-bottom: 1px solid #e9eaeb;
}
#wrap div.twocol-row ol.slat li{
float: left;
width: 281px;
border-bottom: none;
}
#wrap div.photos ol.slat li{
width: 266px;
}
/* more action link after twocol */
#wrap div.twocol ul.action{
clear: left;
margin: 6px 8px 26px 8px;
padding: 0;
border: none;
}
#wrap div.twocol ul.action li{
display: inline;
margin-right: 20px;
}
/* two-column in 3-col layout */
#container.show div.alt div.twocol-1,
#container.show div.alt div.twocol-2{
width: 50%;
}
/* two-column in 3-col show layout */
#container.sce div.twocol-1,
#container.sce div.twocol-2{
width: 285px;
}
/* twocol MTV2 style */
div.mtv2-col1{
float: left;
width: 190px;
}
div.mtv2-col2{
float: right;
width: 400px;
}
/* three column list style */
#wrap ol.shows,
#wrap div.photos ol.slat{
margin-bottom: 0;
}
div.threecol{
clear: both;
}
div.threecol ul.threecol-list{
margin: 0;
padding: 7px 8px;
font-size: 70%;
line-height: 1.2em;
list-style: none;
border-bottom: 1px solid #e9eaeb;
}
div.threecol ul.threecol-list li{
float: left;
width: 175px;
margin-right: 15px;
}
#wrap div.threecol ul.threecol-list li a:link,
#wrap div.threecol ul.threecol-list li a:visited{
font-weight: bold;
}
#wrap div.threecol ul.action{
clear: left;
margin: 6px 8px 26px 8px;
padding: 0;
border: none;
}
#wrap div.threecol ul.action li{
display: inline;
margin-right: 20px;
}
/* two column list style */
div.two{
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
div.two ul.threecol-list li{
width: 50%;
margin-right: 0;
}
/* large 2x2 slats */
#wrap ol.promo{
margin: 0;
background: none;
}
#wrap div.twocol ol.promo li{
float: left;
width: 281px;
margin: 0 5px 0 0;
padding: 8px 2px;
font-family: Arial, Verdana, sans-serif;
border: none;
}
#wrap ol.promo li div.thumb{
float: none;
margin-bottom: 10px;
}
/* two by two slats */
#wrap ol.twoby li{
float: left;
width: 265px;
margin: 0 0 10px 10px;
padding: 8px 0;
font-family: Arial, Verdana, sans-serif;
border: none;
}
#wrap ol.twoby li div.thumb{
float: none;
margin-bottom: 5px;
}
#wrap ol.twoby li p.info{
float: left;
}
/* three by three slats */
#wrap ol.threeby li{
float: left;
width: 180px;
margin: 0 0 10px 10px;
padding: 8px 0;
font-family: Arial, Verdana, sans-serif;
border: none;
}
#wrap ol.threeby li div.thumb{
float: none;
margin-bottom: 5px;
}
#wrap ol.threeby li p.info{
clear: left;
}
#wrap ol.threeby-alt li div.thumb{
float: left;
}
#wrap ol.threeby-alt li p.info{
clear: none;
}
/* four by four slats */
#wrap ol.fourby li{
float: left;
width: 140px;
margin: 0 0 10px 10px;
padding: 8px 0;
font-family: Arial, Verdana, sans-serif;
border: none;
}
#wrap ol.fourby li div.thumb{
float: none;
margin-bottom: 5px;
}
#wrap ol.fourby li p.info{
clear: left;
}
/* four by four custom slats */
#wrap ol.fourby_custom li{
float: left;
width: 140px;
margin: 2px;
padding: 8px 0;
font-family: Arial, Verdana, sans-serif;
border: none;
}
* html #wrap ol.fourby_custom li{ /* IE fixes */
width: 140px;
padding: 0;
margin: 0;}
#wrap ol.fourby_custom li div.thumb{
float: none;
margin-bottom: 5px;
}
#wrap ol.fourby_custom li p.info{
clear: left;
}
/* two col list in search results */
span.lst-slat{
width: 220px;
display: block;
overflow: hidden;
}
#wrap span.lst-slat a{
float: left;
width: 100px;
margin: 5px 10px 0 0;
font-weight: normal;
font-size: 85%;
}
/* photo gallery list */
#wrap ol.gallery{
margin: 0 0 20px 0;
padding: 0;
list-style: none;
font-size: 73%;
line-height: 1.3em;
border-top: 1px solid #fff;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
#wrap ol.gallery li{
float: left;
margin: 3px;
padding: 0;
}
#wrap ol.gallery li a:link,
#wrap ol.gallery li a:visited{
float: left;
position: relative;
margin: 0;
padding: 2px;
}
#wrap ol.gallery li em.meta{
display: block;
margin: 2px 0 2px 2px;
font-style: normal;
color: #999;
}
#wrap ol.gallery li a:hover{
background: #09f;
}
#wrap ol.gallery li.first{
margin-left: 6px;
}
#wrap ol.gallery li img.icon{
position: absolute;
top: 5px;
left: 5px;
border: none;
}
/* seven thumbs gallery */
#wrap ol.seven li{
margin: 8px 4px;
}
#wrap ol.seven li.first{
margin-left: 6px;
}
/* video clips */
ul.vid-toggle{
margin: 0;
padding: 3px 10px 1px 7px;
font-size: 70%;
list-style: none;
color: #999;
background: #212121;
}
ul.vid-toggle li.toggle-option{
float: left;
margin: 0;
padding: 0;
}
ul.vid-toggle li.toggle-option input{
vertical-align: middle;
margin-top: 1px;
}
ul.vid-toggle li.toggle-ctrl{
float: right;
margin: 0;
padding: 0;
font-weight: normal;
line-height: 2em;
}
#wrap ul.vid-toggle li.toggle-ctrl a{
font-weight: normal;
color: #009afe;
}
div#vidclips{
position: relative;
width: 392px;
height: 71px;
margin: 0 0 15px 0;
padding: 6px 11px;
background: #000;
overflow: auto;
}
div#vidclips.simple ol{
position: absolute;
top: 4px;
left: 9px;
width: auto;
margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;
}
div#vidclips.simple ol li{
display: inline;
width: 70px;
height: 53px;
margin: 0 0 0 0;
padding: 0;
border: 1px solid;
}
div#vidclips.simple ol li a:link,
div#vidclips.simple ol li a:visited{
position: relative;
color: #fff;
}
div#vidclips.simple ol li img{
width: 70px;
height: 53px;
border: 2px solid #000;
}
div#vidclips.simple ol li a:hover img{
border-color: #09f;
}
div#vidclips.simple ol li span.clip-num{
position: absolute;
display: block;
top: 7px;
left: 4px;
width: 14px;
height: 11px;
margin-top: -58px;
text-align: center;
font-size: 9px;
line-height: 10px;
color: #fff;
background: url(/sitewide/images/u/videonumber_bg.gif) no-repeat 0 0;
}
#wrap div#vidclips.simple ol li a:hover span.clip-num{
text-decoration: none;
}
div#vidclips.simple ol li.playing img{
border-color: #fff;
}
div#vidclips.simple ol li p.meta,
div#vidclips.simple ol li div.meta,
div#vidclips.simple ol li p.info{
display: none;
}
div#vidclips.simple ol li div.thumb{
margin: 0;
padding: 0;
float: none;
display: inline;
}
div#vidclips.simple ol li div.thumb a:link,
div#vidclips.simple ol li div.thumb a:visited{
float: none;
padding: 0;
}
div#vidclips.simple ol li a:hover span.vidinfo{
/* display: block; */
}
div#vidclips.simple ol li span.vidinfo strong{
display: block;
}
/* expanded video clips */
div#vidclips.full{
height: auto;
width: 100%;
padding: 0;
background: #fff;
overflow: hidden;
}
div#vidclips.full ol{
margin: 0;
padding: 0;
list-style: none;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
div#vidclips.full ol li{
margin: 0;
padding: 5px 8px 6px 6px;
font-family: Arial, Helvetica, Verdana, sans-serif;
border-top: 1px solid #fff;
border-bottom: 1px solid #e9eaeb;
}
div#vidclips.full ol li span.clip-num{
position: absolute;
display: block;
top: 5px;
left: 4px;
width: 14px;
height: 11px;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 9px;
line-height: 9px;
color: #fff;
background: url(/sitewide/images/u/videonumber_bg.gif) no-repeat 0 0;
}
div#vidclips.full ol li p.meta,
div#vidclips.full ol li div.meta{
margin: 1px 0 4px 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 73%;
line-height: 1em;
font-weight: normal;
color: #999;
}
#wrap div#vidclips.full ol li p.info{
margin: 0;
padding: 0;
font-size: 90%;
}
#wrap div#vidclips.full ol li p.info strong{
display: block;
margin: 0;
padding: 0;
font-size: 145%;
font-weight: bold;
line-height: 1em;
color: #191919;
}
div#vidclips.full ol li p.info strong a:link,
div#vidclips.full ol li p.info strong a:visited{
font-weight: bold;
}
div#vidclips.full ol li a:link,
div#vidclips.full ol li a:visited{
position: relative;
}
div#vidclips.full ol li div.thumb{
float: left;
position: relative;
margin: 0 4px 0 0;
}
div#vidclips.full ol li div.thumb a:link,
div#vidclips.full ol li div.thumb a:visited{
float: left;
padding: 2px;
}
div#vidclips.full ol li div.thumb a:hover{
padding: 0;
text-decoration: none;
border: 2px solid #09f;
}
div#vidclips.full ol li div.thumb a:hover span.clip-num{
top: 3px;
left: 2px;
}
div#vidclips.full ol li.playing img {
padding: 0;
border: 2px solid #fff;
}
div#vidclips.full ol li.playing{
padding: 3px 8px 4px 4px;
border-top-color: #656566;
background: #656566 url(/sitewide/images/u/playing_bg.jpg) repeat-x top left;
}
div#vidclips.full ol li.playing div.thumb a:hover{
padding: 2px;
border: none;
}
div#vidclips.full ol li.playing div.thumb a:hover img{
border-color: #09f;
}
div#vidclips.full ol li.playing div.thumb{
margin-right: 1px;
}
div#vidclips.full ol li.playing div.thumb a:hover span.clip-num{
top: 5px;
left: 4px;
}
#wrap div#vidclips.full ol li.playing p.info strong a:link,
#wrap div#vidclips.full ol li.playing p.info strong a:visited,
#wrap div#vidclips.full ol li.playing p.info{
color: #fff;
}
div#vidclips.full ol li.playing p.meta{
margin-top: 2px;
color: #b3b3b3;
}
/* tooltip */
div#tooltip{
position:absolute;
left: -999px;
margin: 0;
padding: 0;
font-size: 73%;
line-height: 1.3em;
border: 1px solid #929292;
top: 0px;
display: none;
}
/*.tooltipContent{
position: absolute;
left: -999em;
margin: 0;
padding: 0;
}*/
div#tooltip .tooltipContent{
position: relative;
left: auto;
display: block;
margin: 0;
padding: 5px 8px;
border: 1px solid #fff;
background: #fff url(http://mtv.mtvnimages.com/sitewide/images/u/popup-fade.jpg) repeat-x top left;
}
div#tooltip .title{
display: block;
font-weight: bold;
margin: 0 0 2px 0;
padding: 0;
}
div#tooltip .title.video{
padding-left: 18px;
background: url(/sitewide/images/u/icon-play.gif) no-repeat 0 1px;
}
div#tooltip .info{
margin: 0;
padding: 0;
line-height: 1.5em;
}
/* main feature */
div#marquee{
margin: 0 0 10px 0;
}
div.main-feature{
margin: 0 0 10px 0;
padding: 17px 20px 17px 20px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 100%;
font-weight: normal;
line-height: 1.3em;
border-top: 1px solid #262626;
background: #010001 url(/sitewide/images/u/sprite_images.png) repeat-x top left;background-position:-1px -185px;
}
div.main-feature a:link,
div.main-feature a:visited{
display: block;
font-weight: normal;
color: #ccc;
}
div.main-feature a.thumb{
float: left;
margin: 0 18px 0 0;
padding: 2px;
}
div.main-feature a.thumb:hover{
background: #09f;
}
div.main-feature .feature-title{
display: block;
margin: 0 0 8px 0;
padding: 0;
font-size: 210%;
line-height: 1em;
color: #fff;
}
#wrap div.main-feature .feature-title a:link,
#wrap div.main-feature .feature-title a:visited{
color: #fff;
}
#wrap div.main-feature p{
margin: 0;
padding: 0;
font-size: 100%;
color: #fff;
}
/* marquee w/ two cols + slats */
div.marquee-half{
margin: 10px 0;
padding: 11px 10px 10px 10px;
background: url(/sitewide/images/u/show-thumb-bg.jpg) repeat-x top left;
}
div.marquee-half div.marquee-main{
float: left;
width: 281px;
}
div.marquee-half a.thumb{
float: left;
margin: 0 18px 5px 0;
padding: 2px;
}
div.marquee-half a.thumb:hover{
background: #09f;
}
div.marquee-half p strong.marquee-title{
display: block;
clear: left;
margin: 4px 0;
font-family: Arial, sans-serif;
font-size: 130%;
}
#wrap div.marquee-half ol.slat{
float: right;
width: 286px;
background: none;
}
#wrap div.marquee-half ol.slat li.first{
padding-top: 0;
border-top: none;
}
/* show main */
div.main-graphic-img{
float: left;
margin: 0 10px 20px 0;
}
#wrap p.byline{
margin-top: 2px;
}
#wrap h2 img.rating{
margin: 0 7px 2px 0;
vertical-align: middle;
}
#wrap p.main{
margin-bottom: 25px;
}
/* artist main */
div.main-artist{
margin: 0 0 20px 0;
}
div.artist-photo{
float: left;
width: 281px;
margin: 0 10px 0 0;
}
div.album div.artist-photo{
width: 200px;
}
div.artist-desc{
float: right;
width: 289px;
}
div.album div.artist-desc{
width: 370px;
}
/* small artist album */
div.album-sm div.artist-photo{
width: 105px;
}
#container.sce-alt div.album-sm div.artist-desc{
width: 324px;
}
#container.show div.album-sm div.artist-desc{
width: 465px;
}
#wrap div.album-sm div.artist-desc ul.info{
margin-top: 0;
}
/* full-width artist */
div.full div.artist-photo{
float: none;
width: auto;
margin: 0 0 10px 0;
}
div.full div.artist-desc{
float: none;
width: auto;
}
#wrap div.search-alpha{
margin: 0 0 20px 0;
padding: 2px 3px;
border-top: 1px solid #fff;
background: url(/sitewide/images/u/slatitem-bg.jpg) repeat-x top left;
}
#wrap div.search-alpha p.alpha-list a:link,
#wrap div.search-alpha p.alpha-list a:visited{
float: left;
margin: 0;
padding: 2px 4px 4px 4px;
font-weight: normal;
}
/* flipbook */
div.flipbook-full{
margin: 0 0 20px 0;
}
div.flipbook-full div.flipbook-img{
margin: 0 0 5px 0;
padding: 6px;
text-align: center;
background: #353535 url(/sitewide/images/u/photo_bg.jpg) repeat-x top left;
}
#wrap div.flipbook-full p{
margin: 0;
padding: 0;
}
#wrap ul.backnext{
margin: 0 0 5px 0;
padding: 0;
list-style: none;
}
#wrap ul.backnext li{
display: inline;
margin: 0 3px 0 0;
padding: 0;
}
/* flipbook thumbnails */
div.flipbook-thumbs{
margin: 0;
padding: 10px 0 10px 23px;
border-top: 1px solid #fff;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
div.flipbook-thumbs ol{
margin: 0;
padding: 0;
list-style: none;
}
div.flipbook-thumbs ol li{
float: left;
margin: 0 23px 10px 0;
padding: 0;
}
div.flipbook-thumbs ol li em.meta{
display: block;
margin: 0 0 2px 0;
font-size: 73%;
font-style: normal;
color: #999;
}
div.flipbook-thumbs ol li div.thumb{
display: table;
margin: 0;
padding: 0;
width: 156px;
height: 156px;
text-align: center;
background: #111 url(/sitewide/images/u/thumb_bg.jpg) repeat-x top left;
overflow: hidden;
}
div.flipbook-thumbs ol a{
display: table-cell;
vertical-align: middle;
}
div.flipbook-thumbs ol li div.thumb a img{
padding: 2px;
}
div.flipbook-thumbs ol li div.thumb a:hover img{
padding: 0;
border: 2px solid #09f;
}
/* article page styles */
#wrap div.article-body{
margin: 20px 0 0 0;
}
#wrap div.article-body p{
margin: 0 0 15px 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 93%;
}
ul.article li{
display: inline;
margin: 0 -3px 0 0;
padding: 0;
font-size: 55%;
line-height: 1em;
}
ul.article li.noArrow a{
padding: 7px 0 0 6px;
background: none;
}
/* comments list */
#wrap ol.comments{
margin: 0 0 18px 0;
padding: 0;
list-style: none;
line-height: 1.3em;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
#wrap ol.comments li{
position: relative;
margin: 0;
padding: 4px 8px 6px 8px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e9eaeb;
}
#wrap ol.comments li.last{
padding-bottom: 7px;
border-bottom: none;
}
#wrap ol.comments li p{
margin: 0;
padding: 0;
}
#wrap ol.comments li strong.by{
display: block;
font-weight: bold;
}
#wrap ol.comments li.more{
padding-left: 15px;
padding-bottom: 7px;
font-family: Verdana;
font-size: 70%;
line-height: 1.2em;
border-bottom: none;
background: url(/sitewide/images/u/icon-arrow.gif) no-repeat 8px 7px;
}
/* comment form */
#comments{
margin: 0;
padding: 8px;
border-top: 1px solid #fff;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
#wrap #comments p{
margin: 0;
}
#comments form table{
margin: 20px 0 0 20px;
padding: 0;
font-size: 73%;
border-collapse: collapse;
}
#comments form table th{
width: 100px;
margin: 0;
padding: 0 0 5px 0;
font-weight: normal;
text-align: left;
}
#comments form table th.area{
vertical-align: top;
}
#comments form table td{
padding: 0 0 5px 0;
}
#comments form table td input.text{
width: 170px;
}
#comments form table td textarea{
width: 300px;
height: 100px;
}
/* clip comments */
ol.cmnts{
margin: 0 0 15px 0;
padding: 0;
list-style: none;
}
ol.cmnts li{
margin: 0 0 2px 0;
padding: 0 0 9px 0;
background: url(/sitewide/images/u/cmnts-bot.gif) no-repeat bottom left;
}
ol.cmnts li div.cmnt{
margin: 0;
padding: 8px;
border: 1px solid #dadadc;
border-bottom: none;
}
ol.cmnts li.first div.cmnt{
border-top: none;
}
ol.cmnts li img.avatar{
float: left;
margin: 0 8px 0 0;
}
#wrap ol.cmnts li h3{
margin: 0 0 3px 0;
padding: 0;
font-size: 73%;
line-height: 1em;
}
ol.cmnts li h3 em{
font-weight: normal;
font-style: normal;
color: #999;
}
ol.cmnts li div.cmnts-body{
padding-right: 20px;
}
#wrap ol.cmnts li p{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 100%;
line-height: 1.3em;
}
#wrap ol.cmnts li.wphoto h3,
#wrap ol.cmnts li.wphoto div.cmnts-body{
margin-left: 61px;
}
ol.cmnts li a.function:link,
ol.cmnts li a.function:visited{
float: right;
right: 16px;
width: 8px;
height: 8px;
padding: 4px;
text-indent: -9999px;
border: none;
outline: none;
background: url(/sitewide/images/u/icon-add.gif) no-repeat 4px 4px;
}
ol.cmnts li a.function-off:link,
ol.cmnts li a.function-off:visited{
background-image: url(/sitewide/images/u/icon-add-off.gif);
}
ol.cmnts li a.flag:link,
ol.cmnts li a.flag:visited{
float: right;
width: 6px;
height: 8px;
padding: 4px;
text-indent: -9999px;
border: none;
outline: none;
background: url(/sitewide/images/u/icon-flag.gif) no-repeat 4px 4px;
}
ol.cmnts li p a.vid{
padding-left: 18px;
font-family: Verdana, sans-serif;
font-size: 73%;
background: url(/sitewide/images/u/icon-play.gif) no-repeat 0 0;
}
/* simplified comment form */
.post-comment a{
margin-left: 15px;
padding-left: 7px;
font-size: 73%;
line-height: 1.5em;
background: url(/sitewide/images/u/icon-arrow.gif) no-repeat 0 50%;
}
form.post-comment-form{
margin: 3px 0 20px 0;
padding: 0;
}
form.post-comment-form textarea{
width: 265px;
height: 220px;
border: 1px solid #dadadc;
}
#container.cs form.post-comment-form textarea{
width: 738px;
}
#wrap form.post-comment-form p{
margin: 8px 0 0 0;
padding: 0;
}
/* data tables */
table.data{
width: 100%;
margin: 0;
padding: 0;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x 0 25px;
}
table.data th{
margin: 0;
padding: 8px;
font-size: 73%;
text-transform: uppercase;
color: #191919;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
background: url(/sitewide/images/u/sprite_images.png) repeat-x top left;
}
table.data th.main{
width: 420px;
text-align: left;
border-left: none;
}
table.data td{
margin: 0;
padding: 8px;
font-family: Arial, Verdana, sans-serif;
font-size: 120%;
font-weight: bold;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
}
table.data tr.last td{
border-bottom: none;
}
table.data td.main{
text-align: left;
border-left: none;
}
/* lyrics form table */
table.lyrics th{
text-align: left;
white-space: nowrap;
}
table.lyrics th.main{
width: auto;
}
table.lyrics th.sorted-dn a{
display: block;
padding-right: 10px;
background: url(/sitewide/images/u/icon-sort-down.gif) no-repeat 100% 5px;
}
table.lyrics th.sorted-up a{
display: block;
padding-right: 10px;
background: url(/sitewide/images/u/icon-sort-up.gif) no-repeat 100% 4px;
}
table.lyrics td{
text-align: left;
font-size: 100%;
font-weight: normal;
}
table.lyrics td.vid{
text-align: center;
}
#wrap table.lyrics td a{
font-weight: normal;
}
/* sidebar styles
---------------------------------------------------- */
#sidebar ul.section-nav{
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
#sidebar ul.section-nav li{
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
z-index: auto;
}
#sidebar ul.section-nav li a:link,
#sidebar ul.section-nav li a:visited,
#sidebar ul.section-nav li.subNavHeader{
display: block;
margin: 0;
padding: 8px 7px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 93%;
line-height: 1em;
font-weight: normal;
color: #191919;
outline: none;
background: #e9eaec;
}
#sidebar ul.section-nav li.subNavHeader{
font-family: Verdana, sans-serif;
font-size: 75%;
font-weight:bold;
color:#999999;
}
#sidebar ul.section-nav li.active a:link,
#sidebar ul.section-nav li.active a:visited{
color: #fff;
background: #656567;
}
#sidebar ul.section-nav li.active ul{
display: block;
}
#sidebar ul.section-nav li a:hover{
color: #fff;
text-decoration: none;
background: #1fb7ff;
}
#sidebar ul.section-nav li ul{
display: none;
margin: 0;
padding: 0 8px 8px 8px;
font-family: Verdana, sans-serif;
font-size: 80%;
list-style: none;
background: #88888a;
}
#sidebar ul.section-nav li ul,
#sidebar ul.section-nav li ul li{
border: none;
}
#wrap #sidebar ul.section-nav li ul li a:link,
#wrap #sidebar ul.section-nav li ul li a:visited{
padding: 8px;
color: #ccc;
border-bottom: 1px solid #656567;
background: #88888a;
}
#wrap #sidebar ul.section-nav li ul li a:hover{
color: #fff;
background: #1fb7ff;
}
#wrap #sidebar ul.section-nav li ul li.active a:link,
#wrap #sidebar ul.section-nav li ul li.active a:visited{
color: #fff;
background: #656567;
}
/* External Link Icon for shows and event-templated navs */
#wrap #sidebar ul.section-nav li span.icon{
display:block;
float:left;
margin:2px 4px 0pt 0pt;
outline-color:invert;
outline-style:none;
outline-width:medium;
overflow:hidden;
text-indent:-9999px;
padding:0px;
}
* html #wrap #sidebar ul.section-nav li span.icon{
margin-right:2px;
}
*+html #wrap #sidebar ul.section-nav li span.icon{
margin-right:2px;
}
#wrap #sidebar ul.section-nav li span.icon-externalLink{
background: #191919 url(/sitewide/images/u/icon-arrow-extenal-light.gif) no-repeat top left;
height:9px;
width:9px;
}
/* show thumbnail */
div.show-thumb{
margin: 0 0 10px 0;
padding: 11px 10px 10px 10px;
background: url(/sitewide/images/u/show-thumb-bg.jpg) repeat-x top left;
}
#wrap div.show-thumb p.meta{
margin-top: 2px;
font-weight: bold;
}
#wrap div.show-thumb ul.action{
margin-top: 5px;
}
/* article pullquotes */
blockquote.pull{
margin: 0 0 28px 0;
padding: 10px;
border-top: 1px solid #262626;
background: #010001 url(/sitewide/images/u/sprite_images.png) repeat-x top left;background-position:-10px -185px;
}
#wrap blockquote.pull p{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 120%;
font-weight: normal;
line-height: 1.4em;
color: #fff;
}
blockquote.body{
float: left;
width: 214px;
margin: 0 10px 10px 0;
padding: 8px;
background: #e9eaec;
}
#wrap blockquote.body p{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 120%;
font-weight: bold;
line-height: 1.3em;
color: #191919;
}
/* promo blocks */
div.promo{
margin: 0 0 16px 0;
text-align: center;
}
/* popup tool window */
.pop{ /* apply to element that contains a popup */
position: relative;
}
div.popup{
left: -9999px;
position: absolute;
z-index: 100;
width: 278px;
margin: 0;
padding-top: 9px;
font-size: 140%;
line-height: 1.5em;
background: url(/sitewide/images/u/popup-top-drk.gif) no-repeat top left;
}
div.open{
left: 0;
}
div.popup-inner{
padding: 8px 8px 0 8px;
border: 1px solid #000;
border-top: none;
background: #212121 url(/sitewide/images/u/overlay-bg.jpg) repeat-x top left;
}
div.popup a.popup-close{
float: right;
}
#wrap div.popup h4{
margin: 0 0 2px 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 124%;
color: #fff;
}
#wrap div.popup p{
margin: 0 0 8px 0;
color: #999;
}
div.popup form{
margin: 0;
padding: 0;
}
div.popup label{
display: block;
font-family: Verdana, sans-serif;
font-size: 95%;
font-weight: bold;
}
div.popup label em{
display: block;
font-weight: normal;
font-style: normal;
}
div.popup form input.input-text{
width: 240px;
}
div.popup form textarea{
width: 240px;
height: 60px;
}
/* when flag popup */
div.cmnt div.popup{
width: 166px;
padding-top: 9px;
font-size: 80%;
background: url(/sitewide/images/u/popup-top-flag.gif) no-repeat top right;
}
div.cmnt div.open{
margin: 14px 300px 0 0;
left: auto;
right: 19px;
}
div.cmnt div.popup ul{
margin: 8px 0 0 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 80%;
list-style: none;
border-top: 1px solid #000;
border-bottom: 1px solid #484848;
}
div.cmnt div.popup ul li{
margin: 0;
padding: 2px 0;
border-top: 1px solid #484848;
border-bottom: 1px solid #000;
background: none;
}
#wrap div.cmnt div.popup ul li a:link,
#wrap div.cmnt div.popup ul li a:visited{
font-weight: normal;
color: #0299ff;
}
/* Blog entries
---------------------------------------------------- */
div.blog-entry{
margin: 12px 0 20px 0;
padding: 0;
}
div.blog-entry h3{
margin: 0 0 3px 0;
padding: 0;
font-family: Arial, sans-serif;
}
#wrap div.blog-entry p{
margin: 0 0 12px 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 100%;
}
#wrap div.blog-entry p.meta{
font-family: Verdana, sans-serif;
font-size: 73%;
}
/* internal tabbed nav
---------------------------------------------------- */
div.tabnav{
margin: 20px 0 0 0;
border-top: 1px solid #dadadc;
background: url(/sitewide/images/u/temp-tabnav-bg.jpg) repeat-x top left;
}
div.tabnav ul{
margin: 0;
padding: 0;
list-style: none;
background: url(/sitewide/images/u/tabnav-border.gif) repeat-x bottom left;
}
div.tabnav ul li{
float: left;
margin: 0;
padding: 0;
font-size: 73%;
text-transform: uppercase;
}
#wrap div.tabnav ul li a{
float: left;
width: 98px;
padding: 7px 8px;
font-weight: normal;
border-top: 1px solid #fff;
border-left: 1px solid #eaeaea;
border-right: 1px solid #fff;
}
#wrap div.tabnav ul li.last a{
width: 99px;
border-right: none;
}
#wrap div.tabnav ul li a:hover{
text-decoration: none;
background: url(/sitewide/images/u/tabnav-hovmask.gif) repeat-x bottom left;
}
div.tabnav ul li.active{
border-bottom-color: #f2f2f2;
}
#wrap div.tabnav ul li.active a{
font-weight: bold;
border-bottom-color: #f2f2f2;
color: #191919;
background: #f2f2f2 url(/sitewide/images/u/temp-tabnav-on.jpg) repeat-x bottom left;
}
/* when two tabs */
#wrap div.tabnav ul.two li a{
width: 272px;
}
#wrap div.tabnav ul.two li.last a{
width: 273px;
}
/* when three tabs */
#wrap div.tabnav ul.three li a{
width: 175px;
}
#wrap div.tabnav ul.three li.last a{
width: 177px;
}
/* when four tabs */
#wrap div.tabnav ul.four li a{
width: 127px;
}
#wrap div.tabnav ul.four li.last a{
width: 128px;
}
/* heading */
div.tabnav h2{
clear: left;
margin: 0;
padding: 8px;
font-family: Arial, sans-serif;
font-size: 120%;
line-height: 1em;
border-bottom: 1px solid #eaeaea;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
/* extra styles
---------------------------------------------------- */
div.adv{
margin: 0 0 10px 0;
text-align: center;
}
#wrap div.adv p{
margin: 0;
padding: 0;
text-align: center;
font-size: 73%;
font-weight: normal;
color: #d9dadb;
}
#wrap div.adv ul.action{
margin-top: 5px;
}
/* alt ad wrapper with advertisment gif above */
#wrap-inner.adv-alt{
background-image: url(/sitewide/images/u/advertisement_white.gif);
background-repeat: no-repeat;
background-position: 886px 77px;
}
/* search lyrics form */
form#searchlyrics{
margin: 0 0 5px 0;
padding: 8px;
border: 1px solid #bdbdbd;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x 0 0;
}
form#searchlyrics label{
display: block;
margin: 0 0 3px 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 120%;
font-weight: bold;
}
form#searchlyrics input{
vertical-align: middle;
}
form#searchlyrics input#search-lyrics{
width: 175px;
height: 12px;
padding: 3px 3px 3px 18px;
font-family: Verdana, sans-serif;
font-size: 73%;
color: #999;
border: 1px solid #bdbdbd;
background: url(/sitewide/images/u/icon-searchinput.gif) no-repeat 3px 50%;
}
/* lyric search in sidebar with alpha list */
form#searchlyrics.combo{
padding-bottom: 3px;
}
form#searchlyrics.combo label{
font-family: Verdana, sans-serif;
font-size: 73%;
}
#sidebar form#searchlyrics.combo input#search-lyrics{
width: 75px;
}
form#searchlyrics.combo h2{
margin: 10px 0 5px 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 73%;
}
#wrap form#searchlyrics.combo p.alpha-list a{
float: left;
width: 15px;
line-height: 1.5em;
padding: 3px 0;
font-weight: normal;
}
/* lyrics wide search */
div.lyricsearch-main{
margin: 0 0 5px 0;
padding: 15px 20px;
border: 1px solid #bdbdbd;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x 0 0;
}
div.lyricsearch-main form#searchlyrics{
margin: 0;
padding: 0;
border: none;
background: none;
}
div.lyricsearch-main form#searchlyrics input#search-lyrics{
width: 200px;
}
#wrap div.lyricsearch-main div.search-alpha{
float: right;
width: 275px;
margin: 0;
padding: 0;
border: none;
background: none;
}
div.lyricsearch-main div.search-alpha h2{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 120%;
font-weight: bold;
}
#wrap div.lyricsearch-main div.search-alpha p.alpha-list{
margin: 0;
padding: 0;
}
#wrap div.lyricsearch-main div.search-alpha p.alpha-list a:link,
#wrap div.lyricsearch-main div.search-alpha p.alpha-list a:visited{
padding: 3px 12px 3px 0;
}
/* footer styles
---------------------------------------------------- */
#ftr p{
margin: 0 0 6px 0;
padding: 0;
}
#ftr p#copyright{
margin-top: 15px;
}
#ftr a:link, #ftr a:visited{
margin: 0 6px;
padding: 1px 0 0 0;
font-weight: bold;
text-decoration: none;
color: #07b;
}
#ftr a:hover{
text-decoration: underline;
}
#ftr a.rss{
padding-left: 16px;
background: url(/sitewide/images/u/icon-rssfooter.gif) no-repeat 0 50%;
}
/* overlay popup window styles
---------------------------------------------------- */
div.overlay{
width: 344px;
margin: 0 0 30px 0;
padding: 0;
border: 1px solid #000;
background: #212121 url(/sitewide/images/u/overlay-bg.jpg) repeat-x top left;
}
div.overlay-inner{
padding: 15px;
color: #999;
border-top: 1px solid #656565;
}
div.overlay h2{
margin: 0 0 10px 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 150%;
color: #fff;
}
div.overlay h3{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 110%;
line-height: 1.5em;
font-weight: normal;
color: #fff;
}
div.overlay a:link,
div.overlay a:visited{
text-decoration: none;
color: #0299ff;
}
div.overlay a:hover{
text-decoration: underline;
}
div.overlay a.popup-close{
float: right;
}
div.overlay p.deck{
margin: 0 0 10px 0;
line-height: 1.4em;
}
div.overlay p strong{
font-weight: normal;
color: #fff;
}
div.overlay p.note{
margin: 16px 0 0 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 73%;
}
/* form tables */
div.overlay table.overlay,
table.form{
width: 100%;
margin: 0 auto;
padding: 0;
border-collapse: collapse;
}
table.form{
width: 400px;
margin-top: 25px;
}
div.overlay table.overlay th,
table.form th{
width: 120px;
margin: 0;
padding: 5px 10px 5px 0;
font-size: 73%;
line-height: 1em;
text-align: right;
vertical-align: top;
}
table.form th{
width: auto;
}
div.overlay table.overlay td,
table.form td{
margin: 0;
padding: 0 0 8px 0;
font-size: 73%;
}
div.overlay table.overlay td.display,
table.form td.display{
padding-top: 5px;
}
div.overlay table.overlay td.display strong,
table.form td.display strong{
color: #fff;
}
div.overlay table.overlay input.overlay-text,
table.form input.form-text{
width: 170px;
margin: 0;
padding: 3px;
font-size: 9px;
line-height: 1.5em;
color: #191919;
border: 1px solid #000;
}
table.form input.form-text{
width: 250px;
}
div.overlay table.overlay td p.info,
#wrap table.form td p.info{
margin: 4px 0 6px 0;
padding: 0;
font-size: 100%;
}
div.btn{
margin: 8px 0 0 0;
text-align: center;
}
table.form td div.btn{
width: 250px;
margin: 5px 0 10px 0;
}
div.in{
margin-bottom: 16px;
}
div.overlay a.more{
padding-left: 6px;
font-weight: bold;
background: url(/sitewide/images/u/icon-arrow.gif) no-repeat 0 2px;
}
/* overlay edit table */
div.overlay table.edit{
margin: 0;
padding: 0 0 2px 0;
background: url(/sitewide/images/u/editform-bg.gif) repeat-x bottom left;
}
div.overlay table.edit th{
margin: 0;
padding: 10px 8px 8px 8px;
width: 120px;
vertical-align: middle;
background: url(/sitewide/images/u/editform-bg.gif) repeat-x top left;
}
div.overlay table.edit td{
margin: 0;
padding: 10px 8px 8px 8px;
width: 300px;
vertical-align: middle;
background: url(/sitewide/images/u/editform-bg.gif) repeat-x top left;
}
div.overlay table.edit td.edit{
width: 30px;
}
/* lyrics request form */
#wrap div.lyrics-form{
float: left;
width: 290px;
}
form.lyrics-form{
float: right;
width: 290px;
}
form.lyrics-form table.form{
width: 290px;
margin: 0;
}
form.lyrics-form table.form th{
width: 100px;
}
form.lyrics-form table.form td input.form-text{
width: 190px;
}
form.lyrics-form td.btn{
text-align: center;
}
/* misc.
---------------------------------------------------- */
img{
font-size: 9px;
font-weight: normal;
color: #999;
}
a img{
border: none;
vertical-align: bottom;
}
hr, .hide{
display: none;
}
/* status messages */
.error{
color: #d4090c;
}
.loading{
visibility: hidden;
color: #CC0000;
margin-left: 1em;
}
.fnBtn{
display:block;
padding-bottom:10px;
}
/* self-clear floats */
#header:after,
#memberbar:after,
#nav:after,
#wrap:after,
#wrap-inner:after,
div.main-feature:after,
div.marquee-half:after,
ol.slat li:after,
ol.promo:after,
ol.threeby:after,
ol.fourby:after,
ol.pop:after,
div.vidclips:after,
ul.vid-toggle:after,
div.full ol li:after,
div.full ol li a:after,
div.main-artist:after,
p.alpha-list:after,
div.twocol:after,
div.twocol-row:after,
div.mtv2-twocol:after,
div.threecol:after,
div.threecol ul:after,
#wrap ol.gallery:after,
.results:after,
.results-nav:after,
div.main-graphic:after,
div.flipbook-thumbs:after,
ul.rateit:after,
div.tabnav ul:after,
ol.cmnts li div.cmnt:after,
div.lyrics-wrap:after,
div.lyricsearch-main:after,
div.wtbox:after,
div#marqueeSub:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* rhapsody Links */
a#rhapsody{
position:absolute;
right:20px;
vertical-align:bottom;
}
#wrap ol li span.icon-download{
background-image:url(/sitewide/images/u/icon-download.gif);
display:block;
height:9px;
width:12px;
float:left;
margin:3px 5px 0 0;
text-indent:-9999px;
}
a img.rhapLogo{
float:right;
}
/* static marquee on homepage */
#staticMarquee{
margin-bottom:20px;
background-color: black;
}
#staticMarquee h2{
font-size: 27px;
}
#staticMarquee a:link, #staticMarquee a:visited{
color:#FFFFFF;
}
#staticMarquee p.deck{
color:#FFFFFF;
}
#staticMarquee .marquee-slide{
position:relative;
}
#staticMarquee .marquee-label{
background: #000000;
position:absolute;
padding:10px;
left: 10px;
bottom: 10px;
width:570px;
opacity:0.85;
filter: alpha(opacity = 85);
}
* html #marqueeSub,
*:first-child+html #marqueeSub{
margin-bottom: 10px;
}
/* news article seo fix */
#content.seo-fix{
position:relative;
}
div.toolbox-seo{
position:absolute;
top:0px;
right:0px;
}
.seo-wtbox{
float:none;
}
#wrap div.wtbox p.byline{
margin: 0;
padding: 4px 0 20px 0;
}
#articleToolsNew div.popup{
background: url(/sitewide/images/u/popup-top-drk_right.gif) no-repeat top right;
}
#articleToolsNew div.open{
left: 85px;
}
*:first-child+html #articleToolsNew div.popup{
margin-top: 10px;
}
/* share-this widget overrides */
a.stbutton{
padding:1px 22px 5px 0 !important;
}
div.post_footer li.share_link a.stico_default,
#sharethis_0 a.stico_default{
background: transparent url(http://w.sharethis.com/images/share-icon-16x16.png?CXNID=1000014.0NXC) no-repeat scroll 100% 0 !important;
}
div.post_footer li.share_link a.stico_default span,
{
#sharethis_0 span.stbuttontext,
line-height: 12px !important;
}
div.toolbox div.share_this{ font-size: 10px; margin-top: -15px; margin-left: 1px;}
/* 'add to profile' action override for video and article page */
#wrap ul.action div.Flux{
margin-left: -1px;
}
#wrap ol.slat li a.ourstage{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/sitewide/images/u/icon-arrow.gif) no-repeat scroll 0 2px;
height:auto;
margin:0 0 3px;
padding:0 0 0 6px;
font-size:73%;
font-weight:bold;
line-height:1.2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.flux4Widget .userBar .myStuffElement { float: right; margin-right: -1px; margin-top: -2px;}
.flux4 .hi.floatsWrapper, .flux4Widget .userBar .myStuffElement .loggedInMenu .hi .hiText, .flux4Widget .userBar .myStuffElement .loggedInMenu .hi .loggedProfileUrl {
display: none;
}

div#noflash div#container-inner{
padding-top:0;
}
body.hat0 {background-color: #000;} body.hat0 #container {background: #000 url(/sitewide/images/u/hats/glambo.jpg) no-repeat 50% 0;}
body.hat1 {background-color: #fff;} body.hat1 #container {background: #fff url(/sitewide/images/u/hats/jigawatt.jpg) no-repeat 50% 0;}
body.hat2 {background-color: #42b9e6;} body.hat2 #container {background: #42b9e6 url(/sitewide/images/u/hats/the-bird.jpg) no-repeat 50% 0;}
body.hat3 {background-color: #000;} body.hat3 #container {background: #000 url(/sitewide/images/u/hats/richie.jpg) no-repeat 50% 0;}
body.hat4 {background-color: #ff9c1b;} body.hat4 #container {background: #ff9c1b url(/sitewide/images/u/hats/king-cosmos.jpg) no-repeat 50% 0;}
body.hat5 {background-color: #140b02;} body.hat5 #container {background: #140b02 url(/sitewide/images/u/hats/diomama.jpg) no-repeat 50% 0;}
body.hat6 {background-color: #000;} body.hat6 #container {background: #000 url(/sitewide/images/u/hats/tron-mountain.jpg) no-repeat 50% 0;}
body.hat7 {background-color: #83c130;} body.hat7 #container {background: #83c130 url(/sitewide/images/u/hats/eye-spy.gif) no-repeat 50% 0;}	
body.hat8 {background-color: #fa6fd2;} body.hat8 #container {background: #fa6fd2 url(/sitewide/images/u/hats/i-want-my-mtv.jpg) no-repeat 50% 0;}
body.hat9 {background-color: #92cef2;} body.hat9 #container {background: #92cef2 url(/sitewide/images/u/hats/malfi-deluxe.jpg) no-repeat 50% 0;}	
body.hat10 {background-color: #bcbdc0;} body.hat10 #container {background: #bcbdc0 url(/sitewide/images/u/hats/in-the-house.gif) no-repeat 50% 0;}
body.hat11 {background-color: #ecec86;} body.hat11 #container {background: #ecec86 url(/sitewide/images/u/hats/third-eye-vision.gif) no-repeat 50% 0;}
body.hat12 {background-color: #000;} body.hat12 #container {background: #000000 url(/sitewide/images/u/hats/crazy-juice.jpg) no-repeat 50% 0;}
body.hat13 {background-color: #185d00;} body.hat13 #container {background: #185d00 url(/sitewide/images/u/hats/cream-of-crop.jpg) no-repeat 50% 0;}
body.hat14 {background-color: #46471c;} body.hat14 #container {background: #46471c url(/sitewide/images/u/hats/bubble-trouble.gif) no-repeat 50% 0;}
body.hat15 {background-color: #0076a3;} body.hat15 #container {background: #0076a3 url(/sitewide/images/u/hats/play-on.gif) no-repeat 50% 0;}
body.hat16 {background-color: #d9bfe0;} body.hat16 #container {background: #d9bfe0 url(/sitewide/images/u/hats/pigeon-holed.gif) no-repeat 50% 0;}
body.hat17 {background-color: #8fbcb9;} body.hat17 #container {background: #8fbcb9 url(/sitewide/images/u/hats/pipin-hot.jpg) no-repeat 50% 0;}
body.hat18 {background-color: #ffd51f;} body.hat18 #container {background: #ffd51f url(/sitewide/images/u/hats/oh-my-darling.jpg) no-repeat 50% 0;}
body.hat19 {background-color: #25182a;} body.hat19 #container {background: #25182a url(/sitewide/images/u/hats/wig-out.gif) no-repeat 50% 0;}
body.hat20 {background-color: #9fcbed;} body.hat20 #container {background: #9fcbed url(/sitewide/images/u/hats/milky-way.gif) no-repeat 50% 0;}
body.hat21 {background-color: #0d1010;} body.hat21 #container {background: #0d1010 url(/sitewide/images/u/hats/moon-shine.gif) no-repeat 50% 0;}
body.hat22 {background-color: #000;} body.hat22 #container {background: #000000 url(/sitewide/images/u/hats/four-eyes.jpg) no-repeat 50% 0;}
body.hat23 {background-color: #fff;} body.hat23 #container {background: #fff url(/sitewide/images/u/hats/western-wind.gif) no-repeat 50% 0;}
body.hat24 {background-color: #000;} body.hat24 #container {background: #000000 url(/sitewide/images/u/hats/eagle-eye.jpg) no-repeat 50% 0;}
body.hat25 {background-color: #4e4e52;} body.hat25 #container {background: #4e4e52 url(/sitewide/images/u/hats/lovers-rock.gif) no-repeat 50% 0;}
body.hat26 {background-color: #000;} body.hat26 #container {background: #000000 url(/sitewide/images/u/hats/fabric-havoc.gif) no-repeat 50% 0;}
body.hat27 {background-color: #a35320;} body.hat27 #container {background: #a35320 url(/sitewide/images/u/hats/root-canal.jpg) no-repeat 50% 0;}
body.hat28 {background-color: #faf5f1;} body.hat28 #container {background: #faf5f1 url(/sitewide/images/u/hats/ride-the-snake.jpg) no-repeat 50% 0;}
body.hat29 {background-color: #c6cabc;} body.hat29 #container {background: #c6cabc url(/sitewide/images/u/hats/life-starts-today.jpg) no-repeat 50% 0;}
body.hat30 {background-color: #ffffff;} body.hat30 #container {background: #ffffff url(/sitewide/images/u/hats/excess-lane.jpg) no-repeat 50% 0;}
body.hat31 {background-color: #ffffff;} body.hat31 #container {background: #ffffff url(/sitewide/images/u/hats/pasty-party.jpg) no-repeat 50% 0;}
body.hat32 {background-color: #e8ff9f;} body.hat32 #container {background: #e8ff9f url(/sitewide/images/u/hats/the-prize.gif) no-repeat 50% 0;}
body.hat33 {background-color: #828588;} body.hat33 #container {background: #828588 url(/sitewide/images/u/hats/bathtown.gif) no-repeat 50% 0;}
body.hat34 {background-color: #ffec00;} body.hat34 #container {background: #ffec00 url(/sitewide/images/u/hats/accessorize.gif) no-repeat 50% 0;}
body.hat35 {background-color: #fff3d0;} body.hat35 #container {background: #fff3d0 url(/sitewide/images/u/hats/rest-in-peace.jpg) no-repeat 50% 0;}
body.hat36 {background-color: #000000;} body.hat36 #container {background: #000000 url(/sitewide/images/u/hats/stand-up-and-rock.gif) no-repeat 50% 0;}
body.hat37 {background-color: #33ccff;} body.hat37 #container {background: #33ccff url(/sitewide/images/u/hats/say-uncle.gif) no-repeat 50% 0;}
body.hat38 {background-color: #b9ddff;} body.hat38 #container {background: #b9ddff url(/sitewide/images/u/hats/bluebird-and-grosbeak.jpg) no-repeat 50% 0;}
body.hat39 {background-color: #ec0789;} body.hat39 #container {background: #ec0789 url(/sitewide/images/u/hats/friendly-skies.gif) no-repeat 50% 0;}
body.hat40 {background-color: #8f9f95;} body.hat40 #container {background: #8f9f95 url(/sitewide/images/u/hats/headquarters.jpg) no-repeat 50% 0;}
body.hat41 {background-color: #ffffff;} body.hat41 #container {background: #ffffff url(/sitewide/images/u/hats/my-precious.jpg) no-repeat 50% 0;}
body.hat42 {background-color: #000000;} body.hat42 #container {background: #000000 url(/sitewide/images/u/hats/cat-and-dog.jpg) no-repeat 50% 0;}
body.hat43 {background-color: #000000;} body.hat43 #container {background: #000000 url(/sitewide/images/u/hats/look-away.jpg) no-repeat 50% 0;}
body.hat44 {background-color: #7185b6;} body.hat44 #container {background: #7185b6 url(/sitewide/images/u/hats/fame.gif) no-repeat 50% 0;}
body.hat45 {background-color: #ffffff;} body.hat45 #container {background: #ffffff url(/sitewide/images/u/hats/tooth.gif) no-repeat 50% 0;}
body.hat46 {background-color: #ffff01;} body.hat46 #container {background: #ffff01 url(/sitewide/images/u/hats/hola-hola.gif) no-repeat 50% 0;}
body.hat47 {background-color: #e5ffbd;} body.hat47 #container {background: #e5ffbd url(/sitewide/images/u/hats/nature-candy.gif) no-repeat 50% 0;}
body.hat48 {background-color: #eff2db;} body.hat48 #container {background: #eff2db url(/sitewide/images/u/hats/slow-poke.gif) no-repeat 50% 0;}
body.hat49 {background-color: #ffffff;} body.hat49 #container {background: #ffffff url(/sitewide/images/u/hats/projectile.gif) no-repeat 50% 0;}
body.hat50 {background-color: #000000;} body.hat50 #container {background: #000000 url(/sitewide/images/u/hats/graphic-conception.jpg) no-repeat 50% 0;}
body.hat51 {background-color: #a3d9ed;} body.hat51 #container {background: #a3d9ed url(/sitewide/images/u/hats/72-beach-drive.gif) no-repeat 50% 0;}
body.hat52 {background-color: #fefefe;} body.hat52 #container {background: #fefefe url(/sitewide/images/u/hats/monday-monday.jpg) no-repeat 50% 0;}
body.hat53 {background-color: #3c3c3c;} body.hat53 #container {background: #3c3c3c url(/sitewide/images/u/hats/recipe-for-disaster.gif) no-repeat 50% 0;}
body.hat54 {background-color: #ff98d3;} body.hat54 #container {background: #ff98d3 url(/sitewide/images/u/hats/better-tomorrow.jpg) no-repeat 50% 0;}
body.hat55 {background-color: #000000;} body.hat55 #container {background: #000000 url(/sitewide/images/u/hats/full-circle.gif) no-repeat 50% 0;}
body.hat56 {background-color: #a9a9a9;} body.hat56 #container {background: #a9a9a9 url(/sitewide/images/u/hats/hip-replacement.jpg) no-repeat 50% 0;}
body.hat57 {background-color: #000000;} body.hat57 #container {background: #000000 url(/sitewide/images/u/hats/area-52.jpg) no-repeat 50% 0;}
body.hat58 {background-color: #000000;} body.hat58 #container {background: #000000 url(/sitewide/images/u/hats/give-us-a-kiss.jpg) no-repeat 50% 0;}
body.hat59 {background-color: #f17448;} body.hat59 #container {background: #f17448 url(/sitewide/images/u/hats/the-greatest-mystery-of-our-time.jpg) no-repeat 50% 0;}
body.hat60 {background-color: #000000;} body.hat60 #container {background: #000000 url(/sitewide/images/u/hats/the-basement.jpg) no-repeat 50% 0;}
body.hat61 {background-color: #ccea54;} body.hat61 #container {background: #ccea54 url(/sitewide/images/u/hats/sixteen-stitches.jpg) no-repeat 50% 0;}
body.hat62 {background-color: #ddcdab;} body.hat62 #container {background: #ddcdab url(/sitewide/images/u/hats/look-at-me-tree.jpg) no-repeat 50% 0;}
body.hat63 {background-color: #bec8c9;} body.hat63 #container {background: #bec8c9 url(/sitewide/images/u/hats/fresh-and-so-clean-clean.jpg) no-repeat 50% 0;}
body.hat64 {background-color: #e9e9cd;} body.hat64 #container {background: #e9e9cd url(/sitewide/images/u/hats/designer-code.jpg) no-repeat 50% 0;}
body.hat65 {background-color: #000000;} body.hat65 #container {background: #000000 url(/sitewide/images/u/hats/icy-hot.jpg) no-repeat 50% 0;}
body.hatNoBanner {background-color: #000;} body.hatNoBanner #container {background: #000000 url(/sitewide/images/u/hats/thenewblack.jpg) no-repeat 50% 0;}
body.hatHipHop {background-color: #000;} body.hatHipHop #container {background: #000000 url(/sitewide/images/u/hats/fabric-havoc.gif) no-repeat 50% 0;}
body.hatHumanGiant {background-color: #000;} body.hatHumanGiant #container {background: #000000 url(/content/ontv/human_giant/HG_hat.jpg) no-repeat 50% 0;}
body.hattr3 {background-color: #794A02;} body.hattr3 #container {background: #794A02 url(/content/mtvTr3s/leak/hat_tr3s_1600x600.jpg) no-repeat 50% 0;}
body.hatMovie {background-color: #000;} body.hatMovie #container {background: #000000 url(/sitewide/css/charlie/themeMovies/hat.jpg) no-repeat 50% 0;}
body.hatMovieAwards {background-color: #000;} body.hatMovieAwards #container {background: #000000 url(/ontv/movieawards/2008/images/2008_hat2.jpg) no-repeat 50% 0;}
body.hatNewportHarbor {background-color: #000;} body.hatNewportHarbor #container {background: #252420 url(/content/ontv/newport_harbor/images/hat.jpg) no-repeat 50% 0;}
body.hatManuChao {background-color: #000;} body.hatManuChao #container {background: #794A02 url(/music/the_leak/manu_chao/la_radiolina/images/hat_tr3s_1600x600.jpg) no-repeat 50% 0;}
body.hatChooseOrLose {background-color: #DD1F26;} body.hatChooseOrLose #container {background: #DD1F26 url(/thinkmtv/chooseorlose/images/townhallHat.gif) no-repeat 50% 0;}
body.hatBluePeople {background-color: #ffffff;} body.hatBluePeople #container {background: #ffffff url(/thinkmtv/images/BluePeople.gif) no-repeat 50% 0;}
body.hatWinter {background-color: #07274E;} body.hatWinter #container {background: #07274E url(/style/holiday-guide/images/hat/Winter.jpg) no-repeat 50% 0;}
body.hatBeowulf {background-color: #000000;} body.hatBeowulf #container {background: #000000 url(/sitewide/images/u/hats/beowulf.jpg) no-repeat 50% 0;} body.hatBeowulf #topad {border: 0px;}
body.hatruns_house {background-color: #993333;} body.hatruns_house #container {background: #993333 url(/content/ontv/runs_house/runs_house-hat.jpg) no-repeat 50% 0;} body.hatruns_house #topad {border: 0px;}
body.hatpageant_place {background-color: #FBE0D5;} body.hatpageant_place #container {background: #FBE0D5 url(/content/ontv/pageant_place/pageant_place_hat.jpg) no-repeat scroll 50% 0;} body.hatpageant_place #topad {border: 0px;}
body.hatcribs {background-color: #000000;} body.hatcribs #container {background: #000000 url(/onair/cribs/cribs_hat.jpg) no-repeat scroll 50% 0;} body.hatcribs #topad {border: 0px;}
body.hatrealworld-season19 {background-color: #000000;} body.hatrealworld-season19 #container {background: #000000 url(/onair/cribs/cribs_hat.jpg) no-repeat scroll 50% 0;} body.hatrealworld-season19 #topad {border: 0px;}
body.hatnewsHub {background-color: #000000;} body.hatnewsHub #container {background: #000000 url(/news/assets/images/news_hat.jpg) no-repeat scroll 50% 0;} body.hatnewsHub #topad {border: 0px;}
body.hatHills {background-color: #150B08;} body.hatHills #container {background: #150B08 url(/content/ontv/the_hills/hat_thehills.jpg) no-repeat scroll 50% 0;}
body.hatthe_hills {background-color: #150B08;} body.hatthe_hills #container {background: #150B08 url(/content/ontv/the_hills/hat_thehills.jpg) no-repeat scroll 50% 0;}
body.hat_the_hills {background-color: #150B08;} body.hat_the_hills #container {background: #150B08 url(/content/ontv/the_hills/hat_thehills.jpg) no-repeat scroll 50% 0;}
body.hatthe_hills_season_3 {background-color: #150B08;} body.hatthe_hills_season_3 #container {background: #150B08 url(/content/ontv/the_hills/hat_thehills.jpg) no-repeat scroll 50% 0;}
body.hatrock_the_cradle {background-color: #000000;} body.hatrock_the_cradle #container {background: #000000 url(/content/ontv/rock_the_cradle/images/rtc_hat.jpg) no-repeat scroll 50% 0;}
body.hattila_tequila {background-color: #350515;} body.hattila_tequila #container {background: #350515 url(/content/ontv/tila_tequila/hat_tilaTequila.jpg) no-repeat scroll 50% 0;}
body.hatdance_crew {background-color: #000000;} body.hatdance_crew #container {background: #000000 url(/content/ontv/dance_crew/images/clubbing_hat.jpg) no-repeat scroll 50% 0;}
body.hatrwrr_challenge-gauntlet3 {background-color: #0b0414;} body.hatrwrr_challenge-gauntlet3 #container {background: #0b0414 url(/content/ontv/rwrr_challenge-gauntlet3/images/gauntlet3_hat.jpg) no-repeat scroll 50% 0;}
body.hatlife_of_ryan {background-color: #ffff99;} body.hatlife_of_ryan #container {background: #ffff99 url(/content/ontv/life_of_ryan/life_of_ryan_hat.jpg) no-repeat scroll 50% 0;}
body.hatmaking_the_band_4_season2 {background-color: #ad6d01;} body.hatmaking_the_band_4_season2 #container {background: #ad6d01 url(/content/ontv/making_the_band_4_season2/images/making-the-band-4_hat.jpg) no-repeat scroll 50% 0;}
body.hatmaking_the_band_4 {background-color: #ad6d01;} body.hatmaking_the_band_4 #container {background: #ad6d01 url(/content/ontv/making_the_band_4/images/making_the_band_hat.jpg) no-repeat scroll 50% 0;}
body.hatthe_paper {background-color: #d2cfbe;} body.hatthe_paper #container {background: #d2cfbe url(/content/ontv/the_paper/images/the_paper_hat.jpg) no-repeat scroll 50% 0;}
body.hatrealworld-season19 {background-color: #ABBECC;} body.hatrealworld-season19 #container {background: #ABBECC url(/content/ontv/realworld-season19/real-world-sydney_hat.jpg) no-repeat scroll 50% 0;}
body.hatrealworld-season20 {background-color: #9d9d9d;} body.hatrealworld-season20 #container {background: #9d9d9d url(/content/ontv/realworld-season20/images/rw-hollywood-hat-final.jpg) no-repeat scroll 50% 0;}
body.hatreal_world_brooklyn {background-color: #689a99;} body.hatreal_world_brooklyn #container {background: #689a99 url(/content/ontv/real_world_brooklyn/imgs/rw-brooklyn-hat-final.jpg) no-repeat scroll 50% 0;}
body.hatrob_and_big {background-color: #f6eeeb;} body.hatrob_and_big #container {background: #f6eeeb url(/content/ontv/rob_and_big/images/robandbig_hat_fin2.jpg) no-repeat scroll 50% 0;}
body.hatthats_amore {background-color: #dbd1c8;} body.hatthats_amore #container {background: #dbd1c8 url(/content/ontv/thats_amore/Thats-Amore_Hat_FINAL.jpg) no-repeat scroll 50% 0;}
body.hattrl {background-color: #00245b;} body.hattrl #container {background: #00245b url(/content/ontv/trl/images/trl_finale_hat.jpg) no-repeat scroll 50% 0;}
body.hatlegally_blonde_search_for_elle_woods {background-color: #dbd1c8;} body.hatlegally_blonde_search_for_elle_woods #container {background: #000 url(/content/ontv/legally_blonde_search_for_elle_woods/legallyBlonde2_hat.jpg) no-repeat scroll 50% 0;}
body.hatexiled {background-color: #c4d3cc;} body.hatexiled #container {background: #c4d3cc url(/content/ontv/exiled/exiled_hat.jpg) no-repeat scroll 50% 0;}
body.hattruelife {background-color: #000;} body.hattruelife #container {background: #000 url(/content/ontv/truelife/imgs/truelife_hat.jpg) no-repeat scroll 50% 0;}
body.hatmade {background-color: #999;} body.hatmade #container {background: #999 url(/content/ontv/made/imgs/made_hat.jpg) no-repeat scroll 50% 0;}
body.hatsweet_16 {background-color: #e0bbcc;} body.hatsweet_16 #container {background: #e0bbcc url(/content/ontv/sweet_16/imgs/sweet_16_flat.jpg) no-repeat scroll 50% 0;}
body.hatg_to_gents {background-color: #000000;} body.hatg_to_gents #container {background: #000000 url(/content/ontv/g_to_gents/images/g_gents_hat.jpg) no-repeat scroll 50% 0;}
body.hatbuzzin {background-color: #fffaba;} body.hatbuzzin #container {background: #fffaba url(/content/ontv/buzzin/images/mtv_hat_buzzin.jpg) no-repeat scroll 50% 0;}
body.hatbeavis {background-color: #8fb9ad;} body.hatbeavis #container {background: #8fb9ad url(/content/ontv/beavisandbutthead/images/beavis_and_butthead_hat.jpg) no-repeat scroll 50% 0;}
body.hatengaged_and_underage {background-color: #FFFFFF;} body.hatengaged_and_underage #container {background: #FFFFFF url(/content/ontv/engaged_and_underage/images/engaged-and-underage_hat.jpg) no-repeat scroll 50% 0;}
body.hatrwrr_challenge_the_island {background-color: #000000;} body.hatrwrr_challenge_the_island #container {background: #000000 url(/content/ontv/rwrr_challenge_the_island/images/rwrr_island_hat.jpg) no-repeat scroll 50% 0;}
body.hatbusted #container {background:#121212 url(/content/ontv/busted/images/hat_flat.jpg) no-repeat scroll center top;}
body.hataeon_flux {background-color: #FFFFFF;} body.hataeon_flux #container {background: #FFFFFF url(/content/ontv/aeon_flux/images/aeon_flux_hat.jpg) no-repeat scroll 50% 0;}
body.hatbeavis_and_butthead {background-color: #8fb9ad;} 
body.hatbeavis_and_butthead #container {background: #8fb9ad url(/content/ontv/beavisandbutthead/images/beavis_and_butthead_hat.jpg) no-repeat scroll 50% 0;}
body.hatparisbff #container {background: #E94196 url(/content/ontv/parisbff/images/paris_bff_hat.jpg) no-repeat top center;}
body.hatmtv_top_pop_group #container {background: #000000 url(/content/ontv/mtv_top_pop_group/images/PopGroup_hat.jpg) no-repeat top center;}
body.hatmanandwife #container {background: #660000 url(/content/ontv/manandwife/images/man_wifeHAT.jpg) no-repeat top center;}
body.hatsexwithmomanddad #container {background: #438061 url(/content/ontv/sexwithmomanddad/images/sex_with_my_parents_hat_flat.jpg) no-repeat top center;}
body.hatparental_control #container {background: #ffffff url(/content/ontv/parental_control/images/parental_control_hat.jpg) no-repeat top center;}
body.hat50_cent #container {background: #000000 url(/content/ontv/50_cent/images/50_cent_hat.jpg) no-repeat top center;}
body.hattwilight #container {background: #000000 url(/sitewide/css/charlie/themes/movies/369195/hat.jpg) no-repeat top center;}
body.hatdarkshang #container {background: #171717 url(/sitewide/images/u/hats/darkshang.jpg) no-repeat top center;}
body.hatdeadheader #container {background: #00001e url(/sitewide/images/u/hats/dead-header.jpg) no-repeat top center;}
body.hatitsalive #container {background: #000000 url(/sitewide/images/u/hats/its-alive.jpg) no-repeat top center;}
body.hatobama_inauguration {background-color: #efefef;} 
body.hatobama_inauguration #container {background: #efefef url(/content/ontv/obama_inauguration/i-ball-hat.gif) no-repeat top center;}
body.hatVMA09_alt #container {background: #B40E12 url(/content/ontv/vma/2009/images/vma09-hat-alt.jpg) no-repeat top center;}
body.hatRock_Band #container {background: #000 url(/sitewide/css/charlie/themes/shows/rock_band/hat.jpg) no-repeat top center;}
body.defaultMiscBucket #container {background: #FFF url(/sitewide/css/charlie/themes/buckets/misc/default/hat.jpg) no-repeat top center;}
/* franchise nav */
#nav ul#navlist.franchise-nav li a,
#nav ul#navlist.franchise-nav li span{
padding-left: 8pt;
padding-right: 8pt;
width:auto;
}
* html #nav ul#navlist.franchise-nav li a,
* html #nav ul#navlist.franchise-nav li span{
float:left;
}
*:first-child+html #nav ul#navlist.franchise-nav li a,
*:first-child+html #nav ul#navlist.franchise-nav li span{ /* for IE7 */
float:left;
}
#nav{
z-index: 500;
}
#nav ul#simplenav{
height: 31px;
}
#topad{
width: 728px;
height: 90px;
}
#clipboard{
position: absolute;
left: -999em;
}
div.marquee-half{
margin: 0px;
}
/* super promo */
div#super{
margin: 0 0 20px 0;
}
/* prevent wrapping in vidList slats */
#wrap div#vidclips.full ol li p.info{
width:80%;
float:right;
}
/* old article tools */
#wrap ul.tools{
margin: 15px 0 8px 0;
padding: 0 0 0 0;
list-style: none;
}
ul.tools li{
display: inline;
margin: 0 15px 0 0;
padding: 0;
font-size: 70%;
line-height: 1em;
}
ul.tools li a{
padding: 7px 0 0 6px;
background: url(/sitewide/images/u/icon-arrow.gif) no-repeat 0 9px;
}
ul.tools li.tools-del a{
padding-left: 16px;
background: url(/sitewide/images/u/icon-tool-del.gif) no-repeat 0 3px;
}
ul.tools li.tools-digg a{
padding-left: 19px;
background: url(/sitewide/images/u/icon-tool-digg.gif) no-repeat 0 2px;
}
ul.tools li.tools-news a{
padding-left: 17px;
background: url(/sitewide/images/u/icon-tool-news.gif) no-repeat 0 0;
}
/* overlay */
#overlay{
background-color:#000;
position:absolute;
z-index:999999;
top:0;
left:0;
width:100%;
opacity:0.7;
filter: alpha(opacity = 70);
display:none;
}
#overlay.open{
display:block;
}
#dialogue{
left: 0px;
position: absolute;
width:100%;
z-index:999999;
top:0;
display:none;
}
#dialogue.open{
display:block;
}
#dialogue-inner{
width: 344px;
margin:130px auto;
}
#communityUpload{
width:344px;
}
#communityLoading{
padding: 0 10px 0 0;
}
/* end overlay */
div#marquee.with-sub,
#wrap ol.with-sub{ 
margin-bottom: 0px; 
}
.div300x100{
width:300px;
height:100px;
background-color:#d1d1d1;
}
.div300x250{
width:300px;
height:250px;
}
/* for rating widget */	
h3.last{
margin: 0 0 18px 0;
}
table.last{
margin: 0 0 9px 0;
}
/* fixes the overlap bug in IE 6 (first rule) IE 7 (second rule) when the ajax code comes in and the content already rendered doesn't bump down to make room */
* html li div.thumb,
* html #topStoriesContainer,
* html #pollContainer{
height: 1%;
}
*:first-child+html li div.thumb,
*:first-child+html #topStoriesContainer,
*:first-child+html #pollContainer{
min-height: 1px;
}	
.date{
color: #A2AAB5;
font-size: 90%;
margin-bottom: 10px
}
#votingContainer{
width:580px;
margin:0;
_margin-right:-10px;
padding:0;
}
/* custom Photorail */
.photorail{float:left; padding:5px;}
.photorail a:hover img{background: #09f;}
/* gallery-alt */
#wrap ol.gallery-alt{
float: left;
margin: 0 0 10px 0;
padding: 0 3px 0 3px;
list-style: none;
/* font-size: 73%; */
line-height: 1.3em;
background: #000;
/*background: #000;*/
}
#wrap ol.gallery-alt li{
width: 144px;
float: left;
margin: 3px;
padding: 0;
border-top: none;
border-bottom: none;
color:#ccc;
display: inline;
}
#wrap ol.gallery-alt li div.thumb a:hover{
background: #09f;
}
#wrap ol.gallery-alt li div.thumb a:link,
#wrap ol.gallery-alt li div.thumb a:visited{
display: block;
margin: 0;
padding: 2px;
}
#wrap ol.gallery-alt li p.info{
margin: 2px 0 10px 2px;
font-size: 73%;
}
#wrap ol.gallery-alt li p.info a:link,
#wrap ol.gallery-alt li p.info a:visited{
color: #09f;
}
#wrap ol.gallery-alt li p.info strong{
font-size: 112%;
}
#wrap ol.gallery-alt li.first{
margin-left: 5px;
}
#wrap ol.gallery-alt li.last{
margin-right: 5px;
}
#wrap p.deckpad{
margin: 0 0 10px 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 93%;
}
/* Embed and Get URL form fields on video
---------------------------------------------------- */
#wrap ul.action li.noImage{
background-image:none;
}
#commForm ul{
margin:0;
padding:0;
list-style:none;
}
#commForm ul li{
margin:0 0 0 0;
}
#commForm ul li.fields{
height:28px;
}
#commForm label{
display:block;
font-family: Verdana, sans-serif;
font-size:73%;
font-weight:bold;
}
#commForm input{
display:block;
width:125px;
font-family: Verdana, sans-serif;
font-size:73%;
border:1px solid #C3C3C3;
}
#commForm ul li.fields input{
margin-top:3px;
float:left;
}
#commForm ul li.fields img{
float:right;
}
* html #commForm ul li.fields{
margin-bottom:8px;
height:10px;
}
* html #commForm ul li.fields input{
margin:3px 0 0 0;
}
* html #commForm ul li{
margin:0;
height:10px;
}
#communityCon #commForm input{
display:block;
width:110px;
font-family: Verdana, sans-serif;
font-size:73%;
border:1px solid #C3C3C3;
}
* html #communityCon #commForm input{
width:105px;
}
/* poll layout styles */
/* two columns with gutter */
div.twoColPoll{
margin: 0;
background: none;
}
div.twoColPoll-1{
float: left;
width: 290px;
margin: 0px;
}
div.twoColPoll-2{
float: right;
width: 290px;
margin: 0px;
}
#wrap div.twoColPoll ol.slat li{
margin: 0px;
width: 285px;
float: left;
padding: 0px;
background-color: #eee;
}
/* three columns */
div.threeColPoll{
margin: 0;
background: url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
div.threeColPoll-1{
float: left;
width: 193px;
margin: 0px;
}
div.threeColPoll-2{
float: left;
width: 193px;
margin: 0px;
}
div.threeColPoll-3{
float: left;
width: 194px;
margin: 0px;
}
#wrap div.threeColPoll ol.slat li{
float:left;
width: 175px;
margin: 4px;
padding: 0px;
background-color: #171F32;
height: 590px;
}
.pollQuestion{
padding: 0px;
font-size: 135%;
}
.pollThumb{
margin: 3px;
}
#wrap div.threeColPoll ol.slat li div.pollThumb{ margin:3px 18px 3px 18px;}
.resultsBar{ color:#000; top:0px;left:0px;background-color:#FF0000; height:22px;padding:0px;margin:0px;}
.resultsContainer{color:#000; left:0px;top:0px; height:22px;margin:3px;}
.percentText{color:#FF0000;font-weight:bold; font-size:115%;top:0px;width:40px;margin-top:-17px; left:0px;}
.closedCopy{padding: 7px;}
.twitterName{color:#fc0;}
.pollCaption{height:90px; overflow:hidden; font-size:85%; display:block;}
.pollCaption2{height:90px; overflow:hidden; font-size:85%; display:block;}
.thumbPoll{
float:left;
padding-right: 3px;
}
.pollHeader{
width: 100%;
background: #ebebeb url(/sitewide/images/u/module_bg.jpg) repeat-x top left;
}
.pollHeaderWrapper{
display: block;
margin: 0px;
width: 100%;
height: 107px;
}
.pollFooterWrapper{
width: 100%;
margin-bottom: 10px;
}
/* poll layout styles */
/* flipbook sponsorship */
.flipbook-sub{
padding-bottom: 30px;
}
.flipbook-credit{
float:left;
}
.flipbook-sponsor{
float:right;
}
/* for linked headers */
#wrap .slat-title a:link, 
#wrap .slat-title a:visited{
color: #191919;
}
/* usage line fix */
#wrap ol.slat li span.posted{
padding-right: 4px;
}
/* temp comment widget fix */
form.post-comment-form textarea{
width: 100%;
height: 120px;
}

/* for long video titles */
* html #sidebar{ 
overflow: hidden; 
}
*:first-child+html #sidebar{ 
overflow: hidden; 
}

* html #content{ 
overflow: hidden; 
}
* html div.artist-desc{ 
overflow: hidden; 
}
*:first-child+html div.artist-desc{ 
overflow: hidden; 
}	
/* flag popup hacks */
div.cse div.cmnt div.open{
margin-right: 0px;
right: 0px;
background: url(/sitewide/images/u/popup-top-flag-news.gif) no-repeat top right;
}
div.cs div.cmnt div.open{
margin-right: 172px;
}
/* memberbar */
#memberbar ul#memberlist li span{
padding-right: 10px;
}
#memberbar ul#memberlist li a{
color: #FFFFFF;
}

#memberbar ul#artistlist li#tvsched a{
color: #FFFFFF;
background: url(/sitewide/images/u/icon-tvsched-wht.gif) no-repeat 0 50%;
}
#memberbar ul#artistlist span.alpha a{
color: #FFFFFF;
}
div#quickmenu{
float: left;
width: 420px;
}
/* Flux Overrides */
/* hack for "you are not a member of the community" text */
.Flux .Widget .quickMenu .textGroup span{
display: none;
}
.Flux .Widget .quickMenu .textGroup .userGreeting,
.Flux .Widget .quickMenu .textGroup .spacer,
.Flux .Widget .quickMenu .textGroup .linksGroup,
.Flux .Widget .quickMenu .textGroup .linksGroup span{
display: inline;
}
.Flux .Widget a.commonButton{
padding-right: 3px;
}
.Flux .Widget a.commonButton .btnColorQuickMenu *{
background-image: url(/sitewide/community/images/btn_blue_thin-black.gif);
}
.Flux .Widget a.commonButton .btnColorQuickMenu .btnRight{
padding-right: 3px;
background-position: right -60px;
}
.Flux .Widget a.commonButton .btnColorQuickMenu .btnCenter{
background-position: center -30px;
color: #FFFFFF;
font-size: 11px;
line-height: 20px;
height: 20px;
}
.Flux .Widget a.commonButton .btnColorQuickMenu .btnLeft{
background-position: left 0px;
padding-left: 3px;
}
.Flux .Widget a.commonButton .btnColorQuickMenu .btnCenter{
font-family: Tahoma;
font-size: 9px;
font-weight: bold;
}
.Flux .Widget a.commonButton:hover .btnColorQuickMenu .btnCenter{
color: #FFFFFF;
}
/* shows grid */
#nav ul#navlist li:hover #shows-grid,
#nav ul#navlist li.sfhover #shows-grid{ 
left: -67px;
}
#nav ul#navlist #shows-grid div{
margin: 0 10px 0 0;
padding: 0;
}
#nav ul#navlist #shows-grid div div.shows-col1{
width: 140px;
float: left;
}
#nav ul#navlist #shows-grid div div.shows-col2{
float: right;
width: 150px;
margin: 0;
}
#nav ul#navlist #shows-grid #shows-1{
float: left;
width: 300px;
}
#nav ul#navlist #shows-grid #shows-2{
float: right;
width: 150px;
margin-right: 0;
}
#nav ul#navlist #shows-grid div strong{
display: block;
margin: 0 0 7px 0;
padding: 5px 8px;
font-weight: bold;
font-size: 11px;
text-align: left;
color: #999;
background: #1a1a1a;
}
#nav ul#navlist li #shows-grid div a{
float: none;
display: block;
width: auto;
height: auto;
margin: 0;
padding: 5px 8px;
font-size: 11px;
font-weight: normal;
text-align: left;
color: #fff;
border: none;
}
#nav ul#navlist li #shows-grid a#shows-all{
clear: both;
float: right;
width: auto;
height: auto;
white-space: nowrap;
margin: 10px 0 0 0;
padding: 2px 4px;
font-weight: normal;
font-size: 11px;
color: #fff;
border: none;
background: #4498c7;
}
#nav ul#navlist li #shows-grid a#shows-all:hover{
text-decoration: underline;
}
* html #nav ul#navlist #shows-grid div a{
height: 1%;
}
/* type ahead video search/autocomplete */
#acInput{
border:1px solid #FFFFFF;
color:#999999;
font-size:11px;
margin:8px 0pt 0pt 33px;
padding:0pt;
width: 240px;
}
#aciWrapper{
background:transparent url(/sitewide/images/u/acsearch-bg.gif) no-repeat scroll 9px 4px;
height:29px;
margin:0pt;
position:relative;
width: 300px;
padding-bottom:0px;
}
#sidebar #acInput{
border:1px solid #FFFFFF;
color:#999999;
font-size:11px;
margin:8px 0pt 0pt 28px;
padding:0pt;
width: 115px;
}
#sidebar #aciWrapper{
background:transparent url(/sitewide/images/u/acsearch_sub-bg.gif) no-repeat scroll 9px 4px;
height:29px;
margin:0pt;
position:relative;
width: 200px;
padding-bottom:0px;
}
#acWrapper{
background:transparent url(/sitewide/images/u/module_bg.jpg) repeat-x scroll left top;
padding-bottom:10px;
margin-bottom:10px;
}
/* misc */
ul.showsHAlign li{
font-size: 70%;
list-style: none;
display:inline;
float:left;
border: 0px;
padding: 0px;
border-style: none;
}
#wrap ol.slat li p.pad{
padding-top: 10px;
padding-bottom: 0px;
font-family: Arial, sans-serif;
font-size: 110%;
}
span.modH{
font-size: 145%;
}
b.scene{
color:#000;
}
/* fix for block links in featured item on grid pages - editorial content copy */
div.main-feature a:link, div.main-feature a:visited
{
display:inline;
}
.newTab{
background-color:#6D4D72;
color:#FFFFFF;
font-size:85%;
_font-size:70%;
float:left;
font-weight:bold;
margin:0pt 5px 0pt 0px;
padding:0pt 2px;
}
.newTabBL{
background-color:#6D4D72; 
color:#FFFFFF; 
float:left; 
font-size:11px !important; 
font-weight:bold; 
margin:5px 5px 0 0;
padding:0 2px;
}
.newTabBR{
background-color:#1da34f; 
color:#FFFFFF; 
float:right; 
font-size:11px; 
font-weight:bold; 
margin:5px 5px 0 0;
padding:0 2px;
}
.ad160x100{ padding: 0 0 10px 0; }
/* Modal/Overlay Asset Styles from feeds.css */
/* share buttons */
ul.share-btns{
clear:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
overflow:hidden;
padding:0;
width:80%;
}
ul.share-btns li{
cursor:pointer;
}
ul.share-btns li{
float:left;
margin:5px;
padding:0;
}
/* feed url */
#feed-url{
background:transparent url(/sitewide/images/charlie/feedurl-bg.gif) no-repeat scroll 0 0;
height:22px;
margin:0;
padding:0;
position:relative;
}
#feed-url input#feed-url-input{
background:transparent none repeat scroll 0 0;
border:medium none;
color:#999999;
font-size:11px;
margin:4px 0 0 5px;
padding:0;
width:346px;
}
#feed-url input{
vertical-align:middle;
}
#feed-url #feed-url-btn{
position:absolute;
right:3px;
top:2px;
}
/* RSS Icon Placements */
#musicfeeds1, #gamesfeeds2, #showsfeeds1{
float:right;
margin-top:7px;
margin-right:5px;
}
#title .rs, #title .rssPromo{
display:inline;
}
#title .rssPromo, * html li #title .rssPromo{
position:relative;
top:-3px;
}
/* IE 7 fix */
*:first-child+html #title .rssPromo{
top:-6px;
}
/* modal window styles */
#modalWindow{
position: absolute;
z-index: 999999;
}
.modal-top{
width: 446px;
padding-top: 17px;
background: url(/sitewide/images/charlie/sprites/sprite_images.png) no-repeat top left;background-position:-1px -174px;
}
* html .modal-top{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sitewide/images/charlie/sprites/sprite_images.png', sizingMethod='crop');background-position:-1px -174px;
background: none;
background-repeat: no-repeat top left;
background-color: transparent;
}
.modal-middle{
width: 446px;
background: url(http://mtv.mtvnimages.com/sitewide/images/charlie/modal_middle.png) repeat-y top left;
}
* html .modal-middle{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mtv.mtvnimages.com/sitewide/images/charlie/modal_middle.png', sizingMethod='scale');
background: none;
background-repeat: repeat-y top left;
background-color: transparent;
}
.modal-bottom{
width: 446px;
background: url(/sitewide/images/charlie/sprites/sprite_images.png) no-repeat top left;background-position:-1px -150px;
}
* html .modal-bottom{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sitewide/images/charlie/sprites/sprite_images.png', sizingMethod='crop');background-position:-1px -150px;
background: none;
background-repeat: no-repeat top left;
background-color: transparent;
}
#dialogContainer{
font-family: Tahoma, Verdana, sans-serif;
width: 396px;
margin-left: 25px;
margin-right: 25px;
padding-top: 9px;
padding-bottom: 8px;
background-color: #fff;
}
#dialogContainer div.title1{
margin: 0 0 15px 0;
padding: 0;
font-family: Arial;
font-size: 16px;
font-weight: bold;
line-height: 18px;
}
#dialogContainer div.title2{
margin: 10px 0 2px 0;
padding: 0;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 18px;
}
#dialogContainer a.dialog-close{
display: block;
width: 13px;
height: 13px;
text-align: right;
float: right;
background: url(/sitewide/images/charlie/btn-close.gif) no-repeat top right;
}
#dialogContainer a.dialog-close span{
position: absolute;
left: -9999px;
}
#dialogContainer ol.lst{
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:11px;
line-height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px 10px 0;
padding:0;
}
#dialogContainer ol.lst li.last{
border-bottom:medium none;
margin:0;
padding:0;
}
#dialogContainer ol.lst li div.title2{
font-size:11px;
font-weight:bold;
line-height:16px;
margin:0;
padding:0;
}
#dialogContainer ol.lst li img.last{
margin-bottom:10px;
}
#dialogContainer ol.lst li img.thumb{
float:right;
margin:0 0 0 10px;
}
#dialogContainer ol.lst li p.deck{
color:#333333;
font-size:11px;
}
#dialogContainer ol.lst li p{
color:#999999;
font-family:Verdana,sans-serif;
font-size:9px;
line-height:15px;
margin:0;
padding:0;
}
/* /Modal/Overlay Asset Styles from feeds.css */
/* Browser/artists Title Rhapsody embed */
.rhapsodyLogo_title{
float:right; 
margin-top:-3px;
*margin-top:-23px;
}
/* Browser/artists Title Rhapsody embed */
/*Title: MTV ie/win fixes */
/* for descenders */
* html #dash p{ 
padding-bottom: 1px; 
}
* html #searchmtv select#searchmtv-select{ /* for IE6 */
top: 6px;
}
*:first-child+html #searchmtv select#searchmtv-select{ /* for IE7 */
top: 6px;
}
/* no block-level links */
* html #memberbar ul#memberlist li#member-more ul li a,
* html #nav ul#navlist #shows-grid div a,
* html #wrap ul.section-nav li a{
height: 1%;
}
/* positioning numbers over thumbnails */
* html div#vidclips.simple ol li div.thumb{
margin-right: 4px;
}
*:first-child+html div#vidclips.simple ol li div.thumb{
margin-right: 4px;
}
* html div#vidclips.simple ol li a{ /* for IE6 */
display: inline-block;
}
* html div#vidclips.simple ol li span.clip-num{ /* for IE6 */
top: 5px;
margin-top: 0;
}
*:first-child+html div#vidclips.simple ol li a{ /* for IE7 */
display: inline-block; 
}
*:first-child+html div#vidclips.simple ol li span.clip-num{ /* for IE7 */
top: 5px;
margin-top: 0;
}
/* padding in video toggle bar */
* html ul.vid-toggle{ 
padding: 0 10px 2px 7px;
}
*:first-child+html ul.vid-toggle { 
padding: 0 10px 2px 7px;
}
/* double float margin bug */
* html #wrap ol.gallery li{
display: inline;
}
* html #wrap ol.fourby li{
margin-left: 5px;
}
* html #wrap div.twocol ol.promo li{
margin-right: 0;
}
/* vertically-centered thumbnails */
* html div.flipbook-thumbs ol li div.thumb{
position: relative;
}
* html div.flipbook-thumbs ol li {
display: inline;
}
* html div.flipbook-thumbs ol li a{
position: absolute;
top: 50%;
left: 50%;
}
* html div.flipbook-thumbs ol li a img{
position: relative;
top: -50%;
left: -50%;
}
/* border on hover problem */
* html div.flipbook-thumbs ol li div.thumb a img{
padding: 0;
border: 2px solid #111;
}
/* target the same rules to IE7 only using *+html */
*:first-child+html div.flipbook-thumbs ol li div.thumb{
position: relative;
}
*:first-child+html div.flipbook-thumbs ol li {
display: inline;
}
*:first-child+html div.flipbook-thumbs ol li div.thumb a{
position: absolute;
top: 50%;
left: 50%;
}
*:first-child+html div.flipbook-thumbs ol li div.thumb a img{
position: relative;
top: -50%;
left: -50%;
}
/* adjust for various img sizes */
* html #wrap ol.rich li.img53x53 p{
margin-left: 60px;
}
* html #wrap ol.rich li.img70x53 p{
margin-left: 77px;
}
* html #wrap ol.rich li.img105x53 p{
margin-left: 112px;
}
* html #wrap ol.rich li.img140x105 p{
margin-left: 147px;
}
* html #wrap ol.rich li.img211x281 p{
margin-left: 218px;
}
/* override again for alt class that sits ABOVE thumbnail */
* html #wrap ol.rich li p.alt{
margin-left: 0;
}
/* Fix for italics bug in slat list */	
* html p.info,
* html div.deck,
* html div.mod p.deck{
overflow: hidden;
o\verflow: visible;
width: 100%;
w\idth: auto;
he\ight: 1%;
}
/* fix 100% width textarea bug */
* html form.post-comment-form textarea{
width: 98%;
}
* html #container.cs form.post-comment-form textarea{
width: 735px;
}
/* Fix for floating ads */
*:first-child+html #header{
z-index:1;
}
* html #header{
padding: 119px 0;
z-index:1;
}	
* html #header.franchise{ height: 0px; }
/* section nav links */
* html ul.section-nav li a{
height: 1%;
}
/* adjust popup placement */
* html div.open{
margin-top: 10px;
}
/* self-clear floats */
/* trigger hasLayout and target ie5+6/win only */
* html #container,
* html #header, 
* html #memberbar, 
* html #nav,
* html #wrap,
* html #wrap-inner,
* html #wrap div.main-feature,
* html #wrap div.marquee-half,
* html #wrap ol.slat li,
* html div#vidclips.full ol li,
* html ul.vid-toggle,
* html div.main-artist,
* html p.search-alpha,
* html div.twocol,
* html div.twocol-row,
* html div.threecol,
* html div.alt,
* html div.threecol ul.threecol-list,
* html ol.gallery,
* html ol.promo,
* html ol.threeby,
* html ol.fourby,
* html ol.pop,
* html #ftr,
* html .results,
* html .results-nav,
* html div.main-graphic,
* html div.flipbook-thumbs,
* html ul.rateit,
* html ol.cmnts li,
* html div#tooltip .tooltipContent,
* html div.tabnav,
* html div.tabnav ul,
* html ol.cmnts li div.cmnt,
* html div.lyrics-wrap,
* html form#searchlyrics,
* html .group,
* html .mdl{
height: 1%;
}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #header, 
*:first-child+html #memberbar, 
*:first-child+html #nav, 
*:first-child+html #wrap, 
*:first-child+html #wrap-inner,
*:first-child+html #wrap div.main-feature,
*:first-child+html #wrap div.marquee-half,
*:first-child+html ol.slat li,
*:first-child+html div#vidclips.full li,
*:first-child+html ul.vid-toggle,
*:first-child+html div.full ol li,
*:first-child+html div.main-artist,
*:first-child+html p.search-alpha,
*:first-child+html div.twocol,
*:first-child+html div.twocol-row,
*:first-child+html div.threecol,
*:first-child+html div.threecol ul,
*:first-child+html ol.gallery,
*:first-child+html ol.promo,
*:first-child+html ol.threeby,
*:first-child+html ol.fourby,
*:first-child+html ol.pop,
*:first-child+html .results,
*:first-child+html .results-nav,
*:first-child+html div.main-graphic,
*:first-child+html div.flipbook-thumbs,
*:first-child+html ul.rateit,
*:first-child+html ol.cmnts li,
*:first-child+html div#tooltip .tooltipContent,
*:first-child+html div.tabnav,
*:first-child+html div.tabnav ul,
*:first-child+html ol.cmnts li div.cmnt,
*:first-child+html div.lyrics-wrap,
*:first-child+html form#searchlyrics,
*:first-child+html .group,
*:first-child+html .mdl{
min-height: 1px;
}
/* weird hover bounce */
* html ol{
height: 1%;
}
*:first-child+html ol{
height: 1%;
}
/* fix padding for nav drop-in */
* html #wrap-inner{ /* adjust top padding for text resize */
/*margin-top: 10px;*/
padding-top: 1.5em;
}
* html #wrap-inner.adv-alt{
background-position: 886px 69px;
}
* html #container-inner.franchise #wrap-inner{
padding: 4.7em 10px 10px !important;
width: auto;
}
/* Begin: flux WDK 3.0 css */
/* .meta fix */
#wrap ol.slat li div.meta{
height: 12px;
}
#wrap ol.rich li div.meta .posted{
float: left;
}
#wrap ol.rich li div.meta .views{
float: left;
margin-left: 10px;
}
#wrap ol.rich li div.meta .fluxWidget{
float: left;
}
#wrap ol.rich li div.meta .fluxWidget p{
margin-left:0;
}
#wrap ol.rich li div.meta .fluxWidget .contentAction .cacSmall .cacItem{
height: 12px;
line-height: 12px;
margin-top: 0;
}
#wrap ol.rich li div.meta .fluxWidget .contentAction .cacSmall .cacItem.commentCount{
width: 62px;
}
#wrap ol.rich li div.meta .fluxWidget .contentAction .cacSmall .cacItem.ratingCount{
width: 42px;
}
#wrap ol.rich li div.meta .fluxWidget .contentAction .cacSmall .commentCount .itemText .txtCount,
#wrap ol.rich li div.meta .fluxWidget .contentAction .cacSmall .ratingCount .itemText .txtCount{
padding:0 0 2px 13px;
color: #999;
font-weight:normal;
line-height: 1em;
font-size:11px;
}
#wrap ol.rich li div.meta .fluxWidget .contentAction .cacSmall .commentCount .itemText .txtCount{
background:url(/sitewide/images/u/icon-metacom.gif) no-repeat 0 0;
}
#wrap ol.rich li div.meta .fluxWidget .contentAction .cacSmall .ratingCount .itemText .txtCount{
background:url(/sitewide/images/u/icon-voteu.gif) no-repeat 0 0;
}
#wrap ol.rich li div.meta .fluxWidget .contentAction .cacSmall .commentCount .itemText .txtLabel,
#wrap ol.rich li div.meta .fluxWidget .contentAction .cacSmall .ratingCount .itemText .txtLabel{
display:none;
}
/* featured members */
#wrap .mdl.featured-members ol.lst-photos-three{
margin-left: 0;
}
#wrap .mdl.featured-members ol.lst-photos-three li{
width: 85px;
}
#wrap .mdl.featured-members ol.lst-photos-three li.last{
margin-right: 0;
}
#wrap .mdl.featured-members ol.lst-photos-three .deck img{
display: block;
}
/* comments mdl fix */
.mdl.comments-wrapper{
position:static !important;
overflow:visible !important;
}
.mdl.comments-wrapper .h-sub2{
font-size:26px;
line-height:19px;
}
.mdl.comments-wrapper .fluxWidget .comments .widgetTitle{
display:none;
}
#wrap .mdl.widgets-promo .lst-tbl{
list-style-type:square;
padding-left:15px;
color:#999;
}
#wrap .mdl.widgets-promo .lst-tbl li{
vertical-align: middle;
}
#wrap .mdl.widgets-promo .lst-tbl li.first{
margin-top:0;
}
#wrap .mdl.widgets-promo .lst-tbl li,
#wrap .mdl.widgets-promo .lst-tbl li.last{
padding:0;
margin:5px 0;
}
#wrap .mdl.widgets-promo .lst-tbl li span{
color:#1F1F1F;
}
/* meta-list overrides */
#wrap div.single ul.meta-list{
clear: left;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
list-style: none;
border-top: 1px dotted #d9d9d9;
font-family:Tahoma,Verdana,sans-serif;
height:2.2em;
}
#wrap div.single ul.meta-list li{
float: left;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 16px;	
} 
#wrap div.single ul.meta-list li.usage-views{
width:90px;
*-width:90px !important; /* ie6 fix */ 
}
#wrap div.single.small ul.meta-list li.usage-views{
text-align:left;
}
#wrap div.single ul.meta-list li.share{
*-margin-right:0px; /* ie6 fix */
}
#wrap div.single ul.meta-list li.form-copy.long{
*-width:353px;
}
#wrap div.single ul.meta-list li.form-copy.long form a{
*-overflow:hidden; /* ie6 fix */
}
#wrap div.single ul.meta-list li strong{
font-weight: normal;
color:#999;
margin-right:5px;
}
#wrap div.single ul.meta-list li.meta-rate strong{
float: left;
margin: 0 5px 0 0;
}
#wrap div.single ul.meta-list li.meta-insert{
padding-left: 0;
}
#wrap div.single ul.meta-list li ul{
float: left;
margin: 0;
padding: 0;
list-style: none;
}
#wrap div.single ul.meta-list li p{
font-size:100%;
}
/* end meta-list overrides */
.fluxWidget{
border:none;
}
.fluxWidget .widgetContainer{
-moz-border-radius: 0;
background-color:transparent !important;
border:none !important;
}
#wrap .fluxWidget .contentAction .cacSmall li.cacItem, .fluxWidget .contentAction .cacSmall li.cacItem{
border:none;
padding:0;
margin:2px 10px 0 0;
padding:0;
text-align:right;
}
#wrap .fluxWidget .contentAction .cacSmall li.cacItem.share, .fluxWidget .contentAction .cacSmall li.cacItem.share{
height:18px;
width:65px;
}
#wrap .fluxWidget .contentAction .cacSmall li.cacItem.addToMy, .fluxWidget .contentAction .cacSmall li.cacItem.addToMy{
width:94px;
}
#wrap .fluxWidget .contentAction .cacSmall li.cacItem.addToMy a, .fluxWidget .contentAction .cacSmall li.cacItem.addToMy a{
width:94px;
*-overflow:hidden; /* ie6 fix */
}
#wrap .fluxWidget .contentAction .cacSmall .cacItem.viewCount{
display:none;
}
#wrap .fluxWidget .contentAction .cacSmall .cacItem.commentCount{
width:114px;
}
#wrap .fluxWidget .contentAction .cacSmall .cacItem.commentCount p{
text-align:right;
}
#wrap .fluxWidget .contentAction .cacSmall .cacItem.ratingCount{
width:95px;
}
#wrap .small .fluxWidget .contentAction .cacSmall .cacItem.ratingCount{
width:86px;
}
#wrap .fluxWidget .contentAction .cacSmall .cacItem.ratingCount p{
text-align:right;
}
#wrap .fluxWidget .contentAction .cacSmall li:last-child{
margin-right: 0;
}
#wrap .fluxWidget .contentAction .cacSmall .viewCount .itemText .txtLabel, .fluxWidget .contentAction .cacSmall .viewCount .itemText .txtLabel{
background:url(http://mtv.mtvnimages.com/sitewide/images/u/icon-eye.gif) no-repeat 0 2px;
padding-left:13px;
}
#wrap .fluxWidget .contentAction .cacSmall .commentCount .itemText .txtLabel, .fluxWidget .contentAction .cacSmall .commentCount .itemText .txtLabel{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat 0 -214px;
padding-left:13px;
}
#wrap .fluxWidget .contentAction .cacSmall .ratingCount .itemText .txtLabel{
padding-left:13px;
}
#wrap .fluxWidget .contentAction .cacSmall .ratingCount .itemText.positive .txtLabel, .fluxWidget .contentAction .cacSmall .ratingCount .itemText.positive .txtLabel{
background:url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat 0 -250px;	
padding-left:13px;
}
#wrap .fluxWidget .contentAction .cacSmall .ratingCount .itemText.negative .txtLabel, .fluxWidget .contentAction .cacSmall .ratingCount .itemText.negative .txtLabel{
background:url(/sitewide/images/u/icon-voted.gif) no-repeat 0 2px;
}
.fluxWidget .contentAction .cacSmall .addToMy a{
display:block;
width:104px;
height:18px;
background:#fff url(/global/music/images/WDK3/btn-add-to-favorites.jpg) no-repeat 0 0;
text-indent:-99999999px;
}
.fluxWidget .contentAction .cacSmall .addToMy a:hover{
background-position:0 -18px;
}
.fluxWidget .contentAction .cacSmall .addToMy .inactive a,
.fluxWidget .contentAction .cacSmall .addToMy .inactive a:hover{
background:#fff url(/global/music/images/WDK3/btn-added-to-favorites.jpg) no-repeat 0 0;
}
.fluxWidget .contentAction .cacSmall .addToMy a:hover{
background:#fff url(/global/music/images/WDK3/btn-add-to-favorites.jpg) no-repeat 0 -18px;
}
.fluxWidget .contentAction .share{

}
.fluxWidget .contentAction .share .shareBtn{
padding:0;
}
#wrap .fluxWidget .share .fluxDropDown, .fluxWidget .share .fluxDropDown{
background-color:#212121;
border:none;
color:#fff;
padding:10px;
z-index:99999;
*-margin-top:-2px; /*IE7 AND BELOW*/
}
#wrap .fluxWidget .share .fluxDropDown li, .fluxWidget .share .fluxDropDown li{
float:none; 
text-align:left;
margin:0;
padding:2px 0px 2px 0;
}
#wrap .fluxWidget .share.btnActive .fluxDropDown, .fluxWidget .share.btnActive .fluxDropDown{
left:0px;
width:120px;
}
#wrap .fluxWidget .share .fluxDropDown li span.shareSubTitle, .fluxWidget .share .fluxDropDown li span.shareSubTitle{
color:#666;
}
#wrap .fluxWidget .share .fluxDropDown li a, .fluxWidget .share .fluxDropDown li a {
color:#fff !important;
text-decoration:none !important;
}
#wrap .fluxWidget .share .fluxBropDown li a:hover, .fluxWidget .share .fluxBropDown li a:hover{
background:none !important;
text-decoration:none !important;
}
#wrap .fluxWidget .share .fluxDropDown li ul.quickLinks, .fluxWidget .share .fluxDropDown li ul.quickLinks{
float:none;
}
#wrap .fluxWidget .share .fluxDropDown li ul.quickLinks li, .fluxWidget .share .fluxDropDown li ul.quickLinks li{
padding:0;
}
#wrap .fluxWidget .share .fluxDropDown li ul.quickLinks li a, .fluxWidget .share .fluxDropDown li ul.quickLinks li a{
padding: 5px 10px;
}
#wrap .fluxWidget .share .fluxDropDown li ul.quickLinks .moreLink, .fluxWidget .share .fluxDropDown li ul.quickLinks .moreLink{
text-align:right;
}
#wrap .fluxWidget ul.share li a span, .fluxWidget ul.share li a span{
left:auto;
position:static;
text-align:left;
}
.fluxWidget .contentAction .share img.communityIcon{
margin:7px 3px;
}
.fluxWidget .contentAction .share .txtLabel{
display:none;
}
.fluxWidget .contentAction .cacSmall .share .shareLeftDecor{
padding-left:0;
background:#fff url(/global/music/images/WDK3/btn-share.jpg) no-repeat 0 0;
width:65px; 
height:18px;
}
.fluxWidget .contentAction .cacSmall .share.btnActive .shareLeftDecor{
background-position:0 -18px;
}
.fluxWidget .contentAction .cacSmall .shareRightDecor{
display:none;
}
.fluxWidget div.quickMenu{
padding:0;
float:right;
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
line-height: 25px;
_margin-top:-25px;/*IE 6 quickMenu fix */
}
.fluxWidget div.quickMenu .container{
position:relative;
line-height: 25px;
*-text-align:right; /*IE7 AND BELOW*/
}
.fluxWidget div.quickMenu .container .userThumbnail{
}
.fluxWidget div.quickMenu .container .userName{
}
.fluxWidget div.quickMenu a,
.fluxWidget div.quickMenu span{
color:#fff;
font-size:11px;
line-height: 25px;
}
.fluxWidget div.quickMenu div.menuHolder,
.fluxWidget div.quickMenu div.menuHolder a,
.fluxWidget div.quickMenu div.menuHolder span{
color:#333;
}
.fluxWidget .quickMenu a.fluxDDItem.selected, 
.fluxWidget .quickMenu a.fluxDDItem.selected:hover{ 
background-color: #999; 
}
.fluxWidget div.quickMenu div.menuHolder a.selected span{
color:#fff;
}
.fluxWidget div.quickMenu .more.over{
vertical-align:baseline;
width: auto;

}
/* ie8 fix */
.fluxWidget div.quickMenu .more.over{
width /*\**/: 60px\9
}
/* ie7 fix*/
html>body .fluxWidget div.quickMenu .more.over{
*vertical-align:top;
}
/* ie6 fix*/
*html .fluxWidget div.quickMenu .more.over{
vertical-align:top;
width: auto;
}
.fluxWidget div.quickMenu .more span{
line-height: 18px;
}
.fluxWidget div.quickMenu div.menuHolder ul.menuDropDown{
*-margin-right:10px !important; /* ie6 fix */
}
.fluxWidget div.quickMenu .nonLoggedInView .fluxBtn{
line-height:25px;
height: 25px;
min-width: 0;
background:transparent;
vertical-align:baseline;
}
.fluxWidget div.quickMenu .more.link{
z-index:1000;
}
#wrap .fluxWidget .contentAction .cacItem.textItem, .fluxWidget .contentAction .cacItem.textItem{
width:75px;
}
#wrap .fluxWidget .contentAction .cacItem.textItem .itemText .txtLabel, .fluxWidget .contentAction .cacItem.textItem .itemText .txtLabel{
color:#999;
font-size:11px;
}
#wrap .fluxWidget .contentAction .cacItem.textItem .itemText .txtCount, .fluxWidget .contentAction .cacItem.textItem .itemText .txtCount{
float:right;
color:#1f1f1f;
margin-left:1px;
font-size:11px;
}
.fluxWidget .contentAction .fluxBtn{
padding:0; 
background:none; 
} 
.fluxWidget .contentAction .fluxBtn:hover{
background:none;
}
.hard-corners .fluxWidget .contentAction .rating{
/*background: #CCC;*/
margin-left: 0;
}
.fluxWidget .contentAction .rating{
margin-left:6px;
padding-left:4px;
height:18px;
*-width: 116px; /* ie6 fix */
*-overflow:hidden; /* ie6 fix */
}
.fluxWidget .contentAction .rating .ratingBtn{
margin-right: 0px;
margin-top: 4px;
}
.fluxWidget .contentAction .rating .fluxBtn{
color:#999;
font-weight:normal;
padding:0;
margin-right:5px;
*-margin-right:7px; /*IE7 AND BELOW*/
line-height:16px;
font-size:11px;
}
.fluxWidget .contentAction .rating.btnActive .fluxBtn{
/*color:#333;
*-color:#333 !important; *//* ie6 fix */
color:#999;
*-color:#999 !important; /*IE7 AND BELOW*/
}
.fluxWidget .contentAction .cacSmall .thumbUpBtn, 
.fluxWidget .contentAction .cacSmall .thumbDwnBtn{
height:18px;
width:24px;
}
.hard-corners .fluxWidget .contentAction .cacSmall .thumbUpBtn, 
.hard-corners .fluxWidget .contentAction .cacSmall .thumbDwnBtn{
height: 18px;
width: 20px;
}
.hard-corners .fluxWidget .contentAction .cacSmall .ratingBtn .thumbUpBtn{
background:transparent url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat scroll -270px -414px;
}
.hard-corners .fluxWidget .contentAction .cacSmall .ratingBtn .thumbDwnBtn{
background:transparent url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat scroll -216px -414px;

}
.fluxWidget .contentAction .cacSmall .ratingBtn .thumbUpBtn{
background:transparent url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat scroll -270px -414px;
}
.fluxWidget .contentAction .cacSmall .ratingBtn .thumbDwnBtn{
background:transparent url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat scroll -216px -414px;
}
.fluxWidget .contentAction .cacSmall .ratingBtn a,
.fluxWidget .contentAction .cacSmall .ratingBtn a:hover{
text-decoration: none !important;
}
.hard-corners .fluxWidget .contentAction .cacSmall .btnActive a:hover.thumbUpBtn{background-position:-270px -432px;}
.hard-corners .fluxWidget .contentAction .cacSmall .btnActive a:hover.thumbDwnBtn{background-position:-216px -432px;}
.fluxWidget .contentAction .cacSmall .btnActive a:hover.thumbUpBtn{
background-position:-270px -432px;
}
.fluxWidget .contentAction .cacSmall .btnActive a:hover.thumbDwnBtn{
background-position:-216px -432px;
}
.fluxWidget .contentAction .cacSmall .ratingBtn.inactive .thumbUpBtn{
background-position:-270px -450px;
}
.fluxWidget .contentAction .cacSmall .ratingBtn.inactive .thumbDwnBtn{
background-position:-216px -450px;
}
.fluxWidget .contentAction .rating .rateit{
float:left;
list-style:none;
margin:0;
padding:0;
}
.fluxWidget .contentAction .rating .rateit li.rate-up a{
background:transparent url(/sitewide/images/charlie/rating_thumb-up.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:18px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
width:24px;
}
.fluxWidget .contentAction .rating .rateit li.rate-down a{
background:transparent url(/sitewide/images/charlie/rating_thumb-down.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:18px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
width:24px;
}
.fluxWidget .contentAction .inactive a.fluxBtn, 
.fluxWidget .contentAction .inactive a.fluxBtn:hover{
background:none;
}
.fluxWidget .contentAction .btnActive a.fluxBtn, 
.fluxWidget .contentAction .btnActive span.fluxBtn, 
.fluxWidget .contentAction a.fluxBtn:hover{
background:none;
}
.fluxWidget .comments{
*-width:99%; /*IE7 AND BELOW*/
}
.fluxWidget .comments .fbLoginText{
line-height:21px;
*-margin-top:-15px; /* ie6 fix */
}
.fluxWidget .comments .groupTitle{
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
}
#wrap .fluxWidget .comments img, .fluxWidget .comments img{
border:none;
}
#wrap .fluxWidget .comments .commentContent .editorWrap .fluxFormBtns, .fluxWidget .comments .commentContent .editorWrap .fluxFormBtns{
*-width:110px; /*IE7 AND BELOW*/
}
#wrap .fluxWidget .comments .commentContent .editorWrap .textEditor, .fluxWidget .comments .commentContent .editorWrap .textEditor{
*-margin-top:-40px; /*IE7 AND BELOW*/
}
.fluxWidget .contentAction .shareOverlay .body .emails .items{
*-height:50px !important; /*IE7 AND BELOW*/
}
.fluxWidget .contentAction .shareOverlay .body textarea.shareMessage{
*-width:497px !important; /*IE7 AND BELOW*/
}
#wrap .fluxWidget .comments li.comment div.commentBody, .fluxWidget .comments li.comment div.commentBody{
border:none;
color:#262626;
background-color:#f5f5f5;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}
/* end: flux WDK 3.0 css */
#wrap div.single ul.meta-list li.share h3{
margin: 0;
text-align: left;
font-weight: normal;
font-size: 12px;
}
.fluxWidget .share.widgetContainer .moreElement,
.fluxWidget .share.widgetContainer .emailElement,
.fluxWidget .share.widgetContainer .feedElement,
.fluxWidget .share.widgetContainer .groupsElement{
padding: 5px;
cursor: pointer;
}
.fluxWidget .share.widgetContainer{

}
.fluxWidget .share.widgetContainer ul{
line-height: 16px;
}
.fluxWidget .share.widgetContainer .titleSection{
font-weight: bold;
}
.fluxWidget .share.widgetContainer li{
color: #999;
padding: 0 10px 0 0;
font-size: 9pt;
}
.fluxWidget .share.widgetContainer li.emailElement{
background: url(images/icon.email.jpg) 0 0 no-repeat;
padding-left: 18px;
}
.fluxWidget .share.widgetContainer li.emailElement:hover{
text-decoration: underline;
}
.fluxWidget .share.widgetContainer li.feedElement,
.fluxWidget .share.widgetContainer li.groupsElement{
background: url(images/icon.mtv.jpg) 0 0 no-repeat;
padding-left: 18px;
}
.fluxWidget .share.widgetContainer li.moreElement:hover,
.fluxWidget .share.widgetContainer li.emailElement:hover,
.fluxWidget .share.widgetContainer li.feedElement:hover,
.fluxWidget .share.widgetContainer li.groupsElement:hover{
text-decoration: underline;
}
.fluxWidget .share.widgetContainer li.moreElement{
color: #0076c0;
padding: 1px 0 !important;
}
.icons-large .fluxWidget .share.widgetContainer li.moreElement{
padding: 0 0 5px 0 !important;
}
.fluxWidget .share.widgetContainer li.granularItem{
margin: 0 10px 0 0 !important;
padding: 0;
}
.icons-large .fluxWidget .share.widgetContainer ul li.granularItem .icon{
width: 30px;
height: 30px;
line-height: 30px;
}
.icons-small .fluxWidget .share.widgetContainer ul li.granularItem .icon{
width: 18px;
height: 18px;
line-height: 18px;
}
.fluxWidget .share.widgetContainer li.granularItem .icon{
display: inline-block;
width: 56px;
height: 18px;
line-height: 18px;
cursor: pointer;
margin: 0 3px 0 0;
}
.fluxWidget .share.widgetContainer{
display: block;
clear: both;
margin: 10px 0;
}
.icons-large .fluxWidget .share.widgetContainer ul li.granularItem.facebook .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -108px -168px;
}
.icons-small .fluxWidget .share.widgetContainer ul li.granularItem.facebook .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat 0px -180px;
}
.fluxWidget .share.widgetContainer li.granularItem.facebook .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat 0px -270px; 
}
.icons-large .fluxWidget .share.widgetContainer ul li.granularItem.twitter .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -144px -168px;
}
.icons-small .fluxWidget .share.widgetContainer ul li.granularItem.twitter .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -36px -180px;
}
.icons-small .fluxWidget .share.widgetContainer ul li.granularItem.stumbleupon .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -253px -180px;
}
.icons-large .fluxWidget .share.widgetContainer ul li.granularItem.stumbleupon .icon{ 
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -217px -168px;
}
.fluxWidget .share.widgetContainer li.granularItem.stumbleupon .icon{ 
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -253px -180px; 
}
.fluxWidget .share.widgetContainer li.granularItem.twitter .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -144px -270px; 
}
.icons-large .fluxWidget .share.widgetContainer ul li.granularItem.myspace .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -180px -168px;
}
.icons-small .fluxWidget .share.widgetContainer ul li.granularItem.myspace .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -72px -180px;
}
.fluxWidget .share.widgetContainer li.granularItem.myspace .icon{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -72px -270px;
}
.fluxWidget .share.widgetContainer li.granularItem .count{
background: url(/sitewide/images/charlie/sprites/site_wide_original.png) no-repeat -284px -31px;
padding-left: 4px;
display: inline;
vertical-align: top;
line-height: 12px;
}
.fluxWidget .share.widgetContainer li.granularItem .count .value{
background: #ccc;
padding: 2px 5px 3px 5px;
vertical-align: top;
line-height: 19px;
color: #545454;

}
.icons-large .fluxWidget .share.widgetContainer li.granularItem .count .value{
padding: 2px 5px;
line-height: 16px;
}
/* mobileRingtonesWidget Header
---------------------------------------------------- */
#wrap-inner div.widget-mobile #flashcontent_light{
background: url(/mobile/ringtonesWidget/images/mobileRingtones_header.png) no-repeat scroll 0 0;
height: 30px;
}
#wrap-inner div.widget-mobile #default_flashcontent_light, #wrap-inner div.widget-mobile #flashcontent_dark_sm_dark, #wrap-inner div.widget-mobile #flashcontent_sm_light{
background: url(/mobile/ringtonesWidget/images/ringtones_header_160wide.png) no-repeat scroll 0 0;
height: 23px;
width: 160px;
}
/**/
.userProfileOverlay .flux4Widget .activityFeed .activityItem div.activityActionsContainer {margin-right:15px;}

/*######### Special ones based on MVOS-903 ################# */
.flux4Widget .userBar .myStuffElement .barPointerUp,
.flux4Widget .userBar .myStuffElement .barPointerDown { margin-top: 0; }
.flux4Widget .userBar .myStuffElement .loggedInMenu { width: 164px; }
.flux4Widget .userBar .hoverElement { box-shadow: none; }
/*######### END Special ones based on MVOS-903 ################# */

/*############### Special addition based on MVOS-972 ############################################*/

.flux4Widget .userBar .myStuffElement.openedElement .elementContainer .elementContent .loggedOut a { color: #8f8f8f !important; }
.flux4Widget .userBar .myStuffElement .loggedOut { padding-top: 0; margin-top:-7px; }
.flux4Widget .userBar .myStuffElement .loggedInMenu { width: 194px !important; }
.flux4Widget .userBar .myStuffElement .dropdownWrapper { width: 220px !important; }
.flux4Widget .userBar .barPointerUp .pointer { border-bottom-color: #8f8f8f; }
.flux4Widget .userBar .barPointerDown .pointer { border-top-color: #8f8f8f; }
.flux4Widget .userBar .dropdownIndent { border: 0; }
.flux4Widget .userBar .myStuffElement { margin-right: -10px; }
.flux4Widget .userBar ul.elements .myStuffElement .elementContainer .elementContent { padding-right: 10px; }
.flux4Widget .userBar .dropdownAnimation { top: auto !important; margin-top:7px; }
.flux4Widget .userBar .dropdownContent { top: -3px !important; }
.flux4Widget .userBar .hoverElement { height: 26px; top: -23px; }

/*############### Special addition based on MVOS-972 ############################################*/

/* Flux User Overlay */
.flux4Widget .userProfileOverlay .profileHeader .followUser {text-align: left; padding-top:5px;}
.flux4Widget .userProfileOverlay .tabsContainer .flag{margin-top:0;}
.flux4Widget .userProfileOverlay .jspContainer .flag{margin-right:15px;}
.flux4Widget .userProfileOverlay .activityFeed .mainHeader .sorterContainer {margin-right:12px;}
.flux4Widget .userProfileOverlay .profileHeader .userTitle {float:none;}
.flux4Widget .userProfileOverlay .profileHeader .userInfo .pageTitle {min-height: 25px;}

/*############### Special addition based on MVOS-1051 ############################################*/
.flux4 .overlayContentWrapper .closeButton {text-indent: -9999px;}
.flux4Widget .addComment .publishingContainer .help:before {display:none;}
.flux4 .overlayContentWrapper.auth41 .closeButton{
background-image: url("/global/music/images/flux4_sprites.png");
right: 0;
width: 35px;
background-position: -22px -22px;
height: 28px;
}

/* @group mtv footer */
#mtv_foot{
clear: both;
background-color: #1a1a1a;
overflow: hidden;
margin: 0 auto;
text-align: left;
font-family: verdana, sans-serif;
font-size: 8pt;
width: 960px;
}
#mf_container{
margin: 0 auto;
}
#mftop, #mfbottom{
width: 100%;
margin: 0 auto !important;
overflow: hidden;
}
#mtv_foot img{ display: inline; }
#mtv_foot a{ font-size: 8pt !important; }
#mfrow1{
padding: 8px 15px 10px 15px;
max-height: 83px;
overflow: hidden;
color: #4d4d4d;
font-size: 8pt;
}
#mfrow2{
padding: 4px 15px;
}
.mfbar{
width: 100%;
height: 2px;
background: url('/widgets/assets/hbar.gif');
background-repeat: none;
overflow: hidden;
}
.mfbar1{
width: 100%;
height: 1px;
background: #333333;
overflow: hidden;
border-top: 1px solid #000000;
}
.mfbar2{
width: 100%;
height: 1px;
background: #202020;
overflow: hidden;
border-top: 1px solid #000000;
}
#mftnetworks{ overflow: hidden; margin-bottom: 10px; }
#mflogo, #mfcopy{ float: left; }
#mfcopy{
height: 12px;
margin: 10px 0 4px 10px;
}
#mftlinks{
clear: both;
margin: 5px 0 0 0;
overflow: hidden;
font-size: 8pt;
}
.mftlinkbox{
float: left;
width: 286px;
line-height: 12pt;
padding: 2px 20px 2px 0;
}
.mftlinkitem{
text-decoration: none !important;
color: #f2f2f2 !important;
white-space: nowrap !important;
font-family: Tahoma;
}
#mtv_foot a.mftlinkitem{ font-size: 11px !important; }
.mftlinkitem:hover{ text-decoration: underline !important; }
.mflink{ display: block; }
#mfbottom{
font-size: 7pt !important;
line-height: 12pt;
text-align: left;
color: rgb(40,40,40);
padding: 0 0 20px 0;
}
#mfbottom a{
text-decoration: none !important;
color: rgb(93,93,93) !important;
white-space: nowrap !important;
font-size: 7pt !important;
}
#mfbottom a:hover{ text-decoration: underline !important; }
/* @end */
#mfpoplinks{
background-color: #424242;
color: #424242;
padding: 5px 10px;
}
#mfpoplinks span{
text-transform:uppercase;
margin-right: 10px;
color: #f2f2f2;
font-weight: bold;
font-family: Tahoma;
font-size: 11px !important;
}
#mfpoplinks a{
color: #f2f2f2;
font-weight: normal;
text-decoration: none;
font-family: Tahoma;
font-size: 11px !important;
}
#mfpoplinks a:hover{
text-decoration: underline;
}
/*FLUX4 SM USERBAR*/
*+html #wUserBar {height:30px;}
.flux4Widget .userBar .bar {height:27px;}
.flux4Widget .userBar .backgroundPanel {height:27px; overflow:hidden;}
.flux4Widget .userBar .myStuffElement .loggedIn .displayName:before {content:"Hi, ";}
.flux4Widget .userBar .myStuffElement img.smallOptionalThumbnail,
.flux4Widget .userBar .notMemberMessage {display:none;}
.flux4Widget .userBar .myStuffElement .loggedInMenu .hi img {border-color:transparent;}
.flux4Widget .userBar .dropdownContent,
.flux4Widget .userBar .dropdownIndent,
.flux4Widget .userBar .myStuffElement .loggedInMenu,
.flux4Widget .userBar a,
.flux4Widget .userBar a:hover,
.flux4Widget .userBar .pointerDown,
.flux4Widget .userBar .openedElement .elementTitle,
.flux4Widget .userBar .joinMessage a,
#memberbar .userBar a:link, 
#memberbar .userBar a:visited {color:#777;}
.flux4Widget .userBar a.signIn:hover {color:#fff;}
.flux4 a, .Flux .flux4 a, .flux4 .link { color: #25A0E7; cursor: pointer; font-size: 12px; text-decoration: none; }
.flux 4 a:hover, .Flux flux4 a:hover{background-color: #bae0f9; text-decoration:none;}
/* SPRITE */
.flux4 .thirdPartyAuth,
.flux4 .overlayContentWrapper .closeButton,
.flux4 .signinForm a.primaryButton { background-image:url('/global/music/images/flux4_sprites.png');}
.flux4 .signinForm a.primaryButton { width:100px; height:30px;}
.flux4 .overlayContentWrapper .closeButton { background-position:-22px -22px; width:35px; height:28px; margin: 10px;}
/*FLUX4 PROFILE OVERLAY*/
.flux4Widget .userProfileOverlay .profileHeader { background-color: #EEEEEE; display: block; padding: 15px; }
.flux4Widget .userProfileOverlay .profileHeader .userTitle {line-height: 24px; margin-top: 18px;}

.flux4 .flux4Widget .userProfileOverlay a.bigLink { font-size: 20px; font-weight: bold; text-transform: lowercase; }
.flux4 .flux4Widget .userProfileOverlay a, 
.Flux .flux4 .flux4Widget .userProfileOverlay a, 
.flux4 .flux4Widget .userProfileOverlay .link { color: #25A0E7; cursor: pointer; font-size: 12px; text-decoration: none; }

.flux4Widget .userProfileOverlay .tabsContainer ul.tabList li a.tabLink { border-right: 2px solid #EEEEEE; }
.flux4Widget .userProfileOverlay .tabsContainer ul.tabList li:hover {background:none;}
.flux4Widget .userProfileOverlay .tabsContainer ul.tabList li.first-child a.tabLink.selected { border-left: 2px solid #EEEEEE; padding-left: 13px; }

.flux4Widget .userProfileOverlay .tabsContainer a.tabLink.selected, 
.flux4Widget .userProfileOverlay .tabsContainer a.tabLink.selected:hover, 
.flux4Widget .userProfileOverlay .tabsContainer .tabPanel a.accountLink.selected:hover {background: none repeat scroll 0 0 #FFFFFF; border-bottom: medium none; border-top: none; color: #1a1a1a; cursor: auto; padding: 7px 14px 12px; }
.flux4Widget .userProfileOverlay .tabsContainer a.tabLink.selected, 
.flux4Widget .userProfileOverlay .tabsContainer a.tabLink.selected:hover, 
.flux4Widget .userProfileOverlay .tabsContainer .tabPanel a.accountLink.selected:hover { color: #1A1A1A; cursor: auto; }
.flux4Widget .userProfileOverlay .tabsContainer .tabPanel {background: #F8F8F8; border-bottom: 2px solid #EEEEEE; padding-bottom:1px;}
.flux4Widget .userProfileOverlay .tabsContainer a.tabLink,
.flux4Widget .userProfileOverlay .tabsContainer a.accountLink { background: #F8F8F8; border-bottom: 2px solid #EEEEEE; display: block; height: 20px; line-height: 20px; padding: 7px 14px 10px; }
.flux4Widget .userProfileOverlay .tabsContainer a.tabLink:hover, 
.flux4Widget .userProfileOverlay .tabsContainer .tabPanel a.accountLink:hover, 
.flux4Widget .userProfileOverlay .tabsContainer a.hovered{ background: #f8f8f8; text-decoration:underline; border-bottom:1px solid #eeeeee;}
.flux4 .regularUserAvatar { border: none; }
.flux4Widget .activityFeed .userAvatarWithPointer .rightPointer {display:none;}
.flux4Widget .activityFeed .userAvatarWithPointer .userAvatarContainer {border:0;}
.flux4Widget .activityFeed .activityItem .itemContent { margin-left: 65px;}
.flux4Widget .userProfileOverlay .activityFeed .itemMessage { background:url('/global/music/images/flux4_sprites.png') no-repeat -59px -238px; padding-left:10px; }
.flux4Widget .userProfileOverlay .activityFeed .quote {background-image:none; background-color: #EEEEEE;}
#container-outer{
min-width:976px;
}
#container{
min-width:976px;
}
#container-inner{
width:976px;
}
#header{
width:976px;
}
#wrap{
width:976px;
}
#wrap-inner{
width:976px;
}
#mtv_foot{
width:976px;
}
#memberbar{
width:974px;
}
/*
#nav ul#navlist li#n-movies .n-link{
width:169px;
}
*/
#wrap #opaad{
text-align:center;
margin: 0 auto;
}
#wrap #opaad table,
#wrap #opaad span{
margin-left: auto;
margin-right: auto;
}
/* Global Footer Styles */
#gft{
background-color: #1a1a1a;
font-family:Tahoma,Verdana,sans-serif;
color: #4D4D4D;
font-size: 8pt;
width: 976px;
clear: both;
margin: 0 auto;
text-align: left;
}
#gft a{
text-decoration: none;
}
#gft a:hover{
text-decoration: underline;
}
#gft ul{
list-style: none;
margin: 0;
padding: 0;
}
#gft li{
list-style: none;
margin: 0;
}
#gft .gft-row{
padding: 5px 20px;
clear: both;
}
#gft .gft-row:after{
content: ".";
display: block;
_display: inline-block;
height: 0;
clear: both;
visibility: hidden;
zoom: 1;
}
#gft .gft-row-header{
clear: both;
font-weight: bold;
font-size: 12pt;
color: #666666;
}
#gft .gft-row-subrow{
float: left;
clear: both;
width: 100%;
}
#gft .gft-col{
float: left;
width: 15%;
padding-right: 1.6% !important;
margin-top: 15px !important;
}
#gft .gft-col li{
padding-bottom: 5px;
}
#gft .gft-col-header{
font-weight: bold;
padding-bottom: 8px !important;
}
#gft #gft-network .gft-col-header{
font-weight: bold;
padding-bottom: 4px !important;
}
#gft .md1{
display: none !important;	/* Override for odd <div class="md1"> that is getting injected into the footer of some pages */
}
/* MTV Search Footer */
#gft #gft-search{
height: 28px;
overflow: hidden;
clear: both;
padding: 20px;
background-color: #262626;
color: #535353;
font-family: "nimbus-sans", "helvetica neue", helvetica, arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 17px;
text-transform: lowercase;
}

#gft #gft-search a{
color: #999999 !important;
margin-right: 10px;
/*font-weight: bold !important;*/
}
#gft #gft-search a.gft-search-hi{
color: #f2f2f2 !important;
}

#gft #gft-search .gft-search-links{
margin-top: -4px;
width: 565px;
display: inline-block;
}

#gft #gft-search-logo{
float: left;
margin-right: 15px;
}
#gft #gft-search div#searchmtv, #gft #gft-search div#searchmtvF{
height: 28px;
width: 300px;
margin-right: 0px;
margin-left: 0px;
overflow: hidden;
display: inline-block;
}
#gft #gft-search div#searchmtv form, #gft #gft-search div#searchmtvF form{
margin-top: 0px;
}
/* Brand-specific */
#gft #gft-brand{
padding: 3px 20px 10px;
}
#gft #gft-brand a, #gft #gft-brand a:visited{
color: #b3b3b3 !important;
font-weight: normal;
}
#gft #gft-brand .gft-col-header{
color: #666666;
}
/* Sponsor footer
------------------------------------------------*/
#gft .gft-row#gft-sponsors{background:url(http://mtv.mtvnimages.com/sitewide/navigation/img/bg_footerHolder_brdr.jpg) repeat-x scroll 0 0 transparent;}
#gft #gft-sponsors a, #gft #gft-sponsors a:visited{
color:#B3B3B3 !important;
font-weight: normal;
}
/* Brand Footer Styles VH1 Style
---------------------------------------------------- */
#gft-brand .gft-col{ padding-right:50px; }
#gft-brand .gft-col.last{ padding-right:0px; }
#gft-brand .gft-row-subrow{ margin-bottom:12px; }
#gft-brand li{ color:#ffffff; }
/* Network-wide Footer */
#gft #gft-network{
padding: 10px 20px;
color:#838383;
}
#gft #gft-network a, #gft #gft-network a:visited{
color:#B3B3B3 !important;
font-weight: normal;
}
#gft #gft-network .gft-col-header{
color: #575757;
}
/* Network-wide Footer Styles VH1 Style
---------------------------------------------------- */
#gft .gft-row#gft-network{background:url(http://mtv.mtvnimages.com/sitewide/navigation/img/bg_footerHolder_brdr.jpg) repeat-x scroll 0 0 transparent;}
#gft-network .gft-col{ width:100%; }
#gft-network li{ float:left; margin-right: 15px; }
#gft-network li.gft-col-header{ clear:both; float:none; padding-bottom:3px; color:#fff; }
/* MTV Networks Copyright Footer */
#gft #gft-mtvnetworks{
border-top: 1px solid #333333;
padding: 20px 18px;
height: 20px;
clear: both;
}
#gft #gft-logo, #gft #gft-copy{
float: left;
}
#gft #gft-copy{
height: 12px;
margin: 10px 0 4px 10px;
color: #606060;
}
#gft-logo span.mtv-logo-wide{
background:url(/shared/images/logo_viacom_white.png) no-repeat scroll 0 2px transparent;
float:none;
display:block;
text-indent:-9999px;
width:136px;
height:24px;
}
#gft #gft-adChoicesLogo, #gft #gft-adChoicesCopy{
float: right;
}
#gft #gft-adChoicesCopy{
height: 12px;
margin: 10px 10px 0px 10px;
color: #606060;
}
#gft #gft-adChoicesCopy a{
color: #B3B3B3;
font-weight: normal;
}
#gft #gft-adChoicesLogo{
margin: 10px 0 0 0;
}
#gft-adChoicesLogo span.mtv-adChoicesLogo{
background:url(/sitewide/images/charlie/sprites/sprite_images.png) no-repeat scroll 0px 0px transparent;background-position:-111px 0;
float:none;
display:block;
text-indent:-9999px;
width:15px;
height:16px;
}

/* VSW Ad */

#vsw-ads{
width: 960px;
background-color: #262626;
padding: 0 5px;
}

#vsw-ads h2{
color:#ffffff;
border-bottom:1px solid #b3b3b3;
font-family: "nimbus-sans","helvetica neue",helvetica,arial,sans-serif;
font-size:18px;
font-weight:700;
margin: 0 0 10px;
padding: 7px 0 5px;
}

#vsw-ads .era_ad_block.horizontal {
width: 960px !important;
}

#vsw-ads div.era_ad_block{
background-color:transparent !important;
}

#vsw-ads div.era_ad_block .vsw-ad-rc * {
background-color:transparent !important;
}

#vsw-ads div.era_ad_block .vsw-ad-rc .vsw-ad-text {
color: #b3b3b3!important;
font-size: 8pt !important;
}

#vsw-ads div.era_ad_block .vsw-ad-title {
color: #ffffff!important;
font-size: 12px !important;
margin-bottom: 3px !important;
}

#vsw-ads div.era_ad_block .vsw-ad-domain {
text-align:left !important;
color: #E62970!important;
}

#vsw-ads div.era_ad_block img.eraMicrositeLinkImage {
margin-right:7px !important;
}
#vsw-ads .era_ad_block.horizontal div.vsw-ad-rc a.vsw-ad-item {
width:228px !important;
padding: 2px 10px 2px 2px !important;
}

#vsw-ads .era_ad_block.horizontal div.vsw-ad-rc a.vsw-ad-item.vsw-index-4{
padding-right: 0px !important;
width:236px !important;
}

#vsw-ads div.era_ad_block .vsw-ad-rc .vsw-ad-footer{
text-align: right !important;
position: static !important;
}

#vsw-ads div.era_ad_block .vsw-ad-footer a.vsw-ad-privacy:link {
float: none !important;
display: inline !important;
margin-right: 5px !important;
padding-right: 5px !important;
border-right: 1px solid #888888 !important;
}

#vsw-ads div.vsw-ad-rc .vsw-ad-footer a.vsw-ad-privacy, 
#vsw-ads div.vsw-ad-rc .vsw-ad-footer a.vsw-ad-privacy:link, 
#vsw-ads div.vsw-ad-rc .vsw-ad-footer a.vsw-ad-privacy:hover, 
#vsw-ads div.vsw-ad-rc .vsw-ad-footer a.vsw-ad-privacy:active {
position:static !important;
}

#vsw-ads div.vsw-ad-rc .vsw-ad-footer a.vsw-ad-privacy span{
display: inline !important;
}

#vsw-ads div.era_ad_block .vsw-ad-footer a.vsw-ad-family {
float: none !important;
}

#vsw-ads div.vsw-ad-rc .vsw-ad-footer a.vsw-ad-family{
display: inline !important;
}

#vsw-ads .era_ad_block.horizontal div.vsw-ad-rc img.eraMicrositeLinkImage {
height: 40px !important;
width: 40px !important;
}

#vsw-ads div.era_ad_block div.vsw-ad-rc a.vsw-ad-type-1 img.eraMicrositeLinkImage, 
#vsw-ads div.vsw-ad-rc a.vsw-ad-type-1 img.eraMicrositeLinkImage {
height: auto !important;
width: 100% !important;
}

#vsw-ads .era_ad_block.horizontal div.vsw-ad-rc .vsw-ad-title, 
#vsw-ads .era_ad_block.horizontal div.vsw-ad-rc .vsw-ad-text,
#vsw-ads .era_ad_block.horizontal div.vsw-ad-rc.yahoo .vsw-ad-title{
padding-left: 44px !important;
}

#vsw-ads div.era_ad_block .vsw-ad-domain {
text-decoration: none !important;
}

#vsw-ads .era_ad_block.horizontal div.vsw-ad-rc a.vsw-ad-item:hover .vsw-ad-domain,
#vsw-ads .era_ad_block.horizontal div.vsw-ad-rc a.vsw-ad-item:hover .vsw-ad-title{
/*text-decoration: underline !important;*/
}

.ac_results{
border-left: 1px solid #262626;
border-right: 1px solid #262626;
border-bottom: 1px solid #262626;
background-color: white;
overflow: hidden;
z-index: 99999;
margin-left: -1px;
padding: 0 4px 2px 4px;
}
.ac_results ul{
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li{
margin: 0;
padding: 2px 5px;
margin-bottom: 4px;
cursor: default;
display: block;
font-family: Arial, sans-serif;
/* 
if width will be 100% horizontal scrollbar will apear 
when scroll mode will be used
*/
/*width: 100%;*/
font-size: 16px;
/* 
it is very important, if line-height not setted or setted 
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
color: #4698ca;
}
.ac_loading{
background: white url('/global/music/images/indicator.gif') right center no-repeat;
}
.ac_results li.ac_odd{
}
.ac_results li.ac_over{
/*background-color: #4698CA;*/
color: #fff;
}
/* Music Videos search module */
#search-videos{
float: none;
width: auto;
}
#search-videos .slat-title{
display: none;
}
#search-videos-input{
background: none;
width: auto;
height: auto;
padding: 0;
}
#acWrapper{
background: none;
margin-bottom:10px;
}
#aciWrapper{
background:transparent url(/sitewide/images/charlie/sprites/site_wide.png) no-repeat scroll 0 -554px;
height:29px;
margin:0;
position:relative;
padding-bottom:0;
}
#acInput{
border:1px solid #FFFFFF;
color:#999999;
font-size:11px;
margin:8px 0 0 24px;
padding:0pt;
position:relative;
}
#aciWrapper .inputLoader{
position:absolute;
top:8px;
left:5px;
}
/* sidebar */
#wrap #search-videos.sidebar #acInput{
width: 120px;
}
/* music hub */
#wrap #search-videos.hub{
float: right;
margin:	0 10px 0 0;
width: 300px;
}	
#wrap .hub #aciWrapper{
/*background: none;*/
}
#wrap .hub #aciWrapper form{
background:transparent url(/sitewide/images/charlie/mvSearchBarInit.gif) no-repeat scroll 0px 0px;
height:22px;
width:280px;
margin:0pt;
padding-bottom:0px;
float: left;
}
#wrap .hub #aciWrapper form #acInput{
margin: 4px 0 0 20px;
width: 220px;
height:14px;
background-image:none;
border:none;
}
/* drop down overrides */
.videoSearchResults.ac_results{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.videoSearchResults.ac_results ul{
padding-top: 4px;
}
#artistVideosAC .mdl{
margin-left: 0;
margin-right: 0;
padding: 0;
}
#artistVideosAC p.loading{
margin: 0;
}
#acWrapper .autocomplete .yui-ac-content li{
font-size:11px;
cursor:pointer;
}
* html #acWrapper .autocomplete .yui-ac-content{
position: relative;
}
*:first-child+html #acWrapper .autocomplete .yui-ac-content{
position: relative;
}
/* styles for entire widget */
.autocomplete .yui-ac{
position:relative;
font-family:tahoma;
font-size:11px;
}
/* styles for input field */
.autocomplete .yui-ac-input{
}
/* styles for results container */
.autocomplete .yui-ac-container{
position:relative; 
top:1.6em;
width:100%;
}
/* styles for header/body/footer wrapper within container */
.autocomplete .yui-ac-content{
width:276px;
border:1px solid #c3c3c3;
background:#fff;
overflow:hidden;
z-index:9050;
position:absolute;
}
/* styles for results list */
.autocomplete .yui-ac-content ul{
margin:0px;
padding:0px;
width:100%;
position:relative;
}
/* styles for result item */
.autocomplete .yui-ac-content li{
margin:0px;
padding:5px 5px;
white-space:nowrap;
font-family:tahoma;
font-size:80%;
color: #028dc6;
list-style: none;
}
/* styles for prehighlighted result item */
.autocomplete .yui-ac-content li.yui-ac-prehighlight{
background:#B3D4FF;
}
/* styles for highlighted result item */
.autocomplete .yui-ac-content li.yui-ac-highlight{
background:#028dc6;
color:#FFF;
font-family:tahoma;
font-size:80%;
}
/* styles for this implementation */
#myContainer{
z-index:9050;
}
.playIconInline{
margin-right: 5px;
}
.paginationAlt{
float:right;
}
.paginationAlt ul li{
float:left;
margin:0pt;
padding:0pt;
}
.paginationAlt ul{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt 10px 0pt 0pt;
}
.paginationAlt #sm2{
color:#999999;
float:left;
font-size:9px;
font-weight:normal;
line-height:20px;
margin:0pt 5px 0pt 0px;
padding:0pt;
}
.artistsInner{
height: 150px;
}
/* overrides */ 
#sidebar .autocomplete .yui-ac-content{
width:136px;
margin-left:5px;
}
.group-a #aciWrapper{
background:transparent url(/sitewide/images/u/acsearch_sub-bg.gif) no-repeat scroll 0 4px;
}
.group-a #acInput{
margin-left:16px;
}
.group-c #acInput{
width: 240px;	
}

/* testing */
div.elementContent{ height:15px !important;}
.flux4Widget .userBar ul.elements{margin-top:3px;}
.flux4Widget .userBar ul.elements .withDropdown{height:15px !important;}

.flux4Widget .userBar .barElement, .flux4Widget .userBar ul.elements .elementContainer{height:15px !important;}
.flux4Widget .userBar .backgroundPanel{height:25px !important;}
.flux4Widget .userBar .bar{height:15px !important;}
.flux4Widget .userBar .myStuffElement .elementContainer .elementContent {
line-height: normal;
}

.flux4Widget .userBar .dropdownAnimation{
top:32px;	
}

.flux4Widget .userBar .myStuffElement .loggedOut .thirdPartyAuth{
display:none; visibility:hidden;
}

#nav .userBar a.signIn {
text-transform:none;
}

/*end test*/

#container-outer #nav-container-span { 
height: 49px;
}

div#nav.globalNav{
background-color:#000;
height:49px;	
}

div#nav.globalNav ul#topnavLinks li.first{
margin: 0 0 0 23px;
}

div#nav.globalNav ul#topnavLinks li{
margin:0 0 0 20px;
}

div#nav.globalNav ul#topnavLinks li a{
color: #8f8f8f;
font-size:12px;
}

div#nav.globalNav ul#topnavLinks li a:hover{
text-decoration:none;
color:#00bbef;
}

div#nav.globalNav ul#navlist li a.n-link {
color:#fff;
}

div#nav.globalNav ul#navlist li.hover a.n-link {
color:#00bbef;
background-color:inherit;
}

div#nav.globalNav ul#navlist li div.grid {
border-color:#000;
background-color:#232323;

}

div#nav.globalNav ul#navlist div.grid ul.centerCol{
border-right: 1px dotted #666; 
}

div#nav.globalNav ul#navlist div.grid ul.last {
border: 0 none;
}

div#nav.globalNav ul#navlist div.grid li a {
color:#fff; 
font-family: nimbus-sans, sans-serif;
font-size: 12px;
}

div#nav.globalNav ul#navlist div.grid li a:hover {
background:none; 
color: #00bbf0;
}

div#nav.globalNav ul#navlist div.grid ul.wide ul li a{
color:#fff;
font-size:12px;
}

div#nav.globalNav ul#navlist div.grid ul.wide ul li a:hover{
background:none; 
color: #00bbf0;
}

div#nav.globalNav div#mtvLogo{
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll 0 8px transparent;
width: 59px;
height: 46px;
margin:0 0 0 5px;
padding:0;
}

#nav div#searchmtv form input#searchmtv-text {
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll -60px 7px #000000;
width: 142px;
border-bottom: 1px solid #666;
border-top:none;
border-left:none;
border-right:none;
color:#8f8f8f;
padding-left:15px;
font-size:12px;
font-weight:bold;
height:14px;
text-transform:lowercase;
}

#nav ul#socialIcons li{	
display:inline;
float:left;
margin-right:5px;	
}

div#nav.globalNav ul#navlist{
width: 450px;
height:30px;
margin:0;
}

div#nav.globalNav ul#navlist li.toplvl{
margin:0 0 0 16px;
padding:0 5px 0 5px;
}

div#nav.globalNav ul#navlist li#n-music a.n-link{
/*width:93px;*/
width:auto;
}

div#nav.globalNav ul#navlist li#n-shows a.n-link {
/*width: 96px;*/
width:auto;
}

div#nav.globalNav ul#navlist li#n-news a.n-link {
/* width: 79px;*/
width:auto;
}

div#nav.globalNav ul#navlist li#n-movies a.n-link {
/*width: 109px;*/
width:auto;
}

#nav ul#socialIcons {
margin-top:7px;;
margin-bottom:0;	
display:inline-block;
padding-left:0px;

}

#nav ul#socialIcons li a{
width:22px;
height:22px;
display:block;
text-indent:-9999999px;
}

div#nav.globalNav ul#navlist li a.n-link{
font-size:30px;
letter-spacing: -0.25px;
line-height:30px;
margin-top:0;
}

#nav ul#socialIcons li a#si-facebook{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll 0px -39px #000000;
}

#nav ul#socialIcons li a#si-facebook:hover{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll -24px -39px #000000;
}

#nav ul#socialIcons li a#si-twitter{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll 0px -63px #000000;
}

#nav ul#socialIcons li a#si-twitter:hover{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll -24px -63px #000000;
}

#nav ul#socialIcons li a#si-tumblr{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll 0px -87px #000000;
}

#nav ul#socialIcons li a#si-tumblr:hover{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll -24px -87px #000000;
}

#nav ul#socialIcons li a#si-google{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll 0px -111px #000000;
}

#nav ul#socialIcons li a#si-google:hover{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll -24px -111px #000000;
}

#nav ul#socialIcons li a#si-pintrest{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll 0px -135px #000000;
}

#nav ul#socialIcons li a#si-pintrest:hover{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll -24px -135px #000000;
}

#nav ul#socialIcons li a#si-fourSquare{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll 0px -159px #000000;
}

#nav ul#socialIcons li a#si-fourSquare:hover{	
background: url("/sitewide/images/charlie/sprites/nav_sprite.png") no-repeat scroll -24px -159px #000000;
}

div#searchmtv form{
margin-top:0px;
}

div#nav.globalNav ul#navlist ul.gridContainer.hover li div#music-grid{
left:-94px;
}

div#nav.globalNav ul#navlist ul.gridContainer.hover li div#shows-grid{
left:-199px;
}

div#nav.globalNav ul#navlist ul.gridContainer.hover li div#news-grid{
left:-314px;
}

div#nav.globalNav ul#navlist ul.gridContainer.hover li div#movies-grid{
left:-404px;
}

div.ac_results{
width:207px !important;
/*top:47px !important;*/
background-color:#232323;	
border: 2px solid #000000;
}

div.ac_results li {
color: #fff;
font-size: 12px;
}

div.ac_results li:hover{
cursor:pointer;
color:#fff;
background-color:#e62970;

}

div#searchmtv form button{
line-height:10px;
}

div#searchmtv form button#searchmtv-btn:hover, div#searchmtv form button#searchweb-btn:hover{
background-color:#fff;
color:#000;
}

div#searchmtv form button, div#searchmtvF form button{
font-family: nimbus-sans, sans-serif;
}

div#nav.globalNav ul#navlist div.grid ul.wide ul li a.allshows {
color: #8f8f8f;
}

div#nav.globalNav ul#navlist div.grid ul.wide ul li a.allshows:hover {
color: #00bbf0;
}

div#nav.globalNav ul#navlist div.grid ul.wide ul li a.allshows:after{ content: '\203A'; }

#wUserBar{
min-height:15px;	
}

div#nav div#quickmenuWrap{min-height:15px;}

/***************************************** inner pages only **********************************/

div#nav.globalNav ul#topnavLinks {
margin: 0 0 0 0;
height:18px;
}

div#nav.globalNav ul#navlist li a.n-link{
padding:0;
}

div#searchmtv form button#searchweb-btn, div#searchmtvF form button#searchwebF-btn{
color:#fff;
}

div#searchmtv form button#searchmtv-btn, div#searchmtvF form button#searchmtvF-btn {
background-color: #E62970;
}

div#searchmtv form button {
height: 20px;
padding-bottom: 4px;
text-transform: lowercase;
width: 30px;
line-height:10px;
font-family: nimbus-sans, sans-serif;
}

div#searchmtv, div#searchmtvF {
height: auto;
margin-top:5px;
}

div#nav-container-span-old{
width:100%;
height:49px;
background-color:#000;
}

div#ad-container-span-old{
width:100%;
/*min-height:96px;*/
height:inherit;
background-color:#8f8f8f;
clear:both;
float:none;
}

div#ad-container-span-old div#header{
background-color:#8f8f8f;
/*width:728px;*/
margin:0 auto;
}

div#nav.globalNav div.navLogoToolTip {
left: auto;
position: absolute;
top: 50px;
}

div#nav-container-span-old div#nav.globalNav{
width:976px;
position:static;
margin:0 auto;
}

#container-inner{
padding-top:0px;
}

#container-inner.franchise #wrap-inner{
padding-top:10px;
}

div#nav-container-span-old div#nav.globalNav ul#navlist li.hover, div#nav-container-span div#nav.globalNav ul#navlist li.hover{ background-color:#232323;}

/* spirit day takeover 
div#nav.globalNav div#mtvLogo { background: url(/sitewide/images/charlie/sprites/nav_sprite_spirit_day.png) no-repeat scroll 0 8px transparent !important; }

*/

#wrap-inner {
width:936px;
}