/* ------------------------------------------------------------

Title: MTV XHTML site master styles

------------------------------------------------------------ */
/*
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: small;
text-align: center;
background: #fff;
}

h1 {
padding: 0;
font-size: 206%;
font-weight: bold;
color: #191919;
margin: 8px 10px 8px 25px;
width: 966px;
}
*/
/* links */

a:link,
a:visited {
color: #191919;
text-decoration: none;
}
a:hover {
color: #191919;
text-decoration: underline;
}
a:active {
color: #1a1a1a;
text-decoration: underline;
}	

/* stop-gap to keep links black */
#wrap a:link, 
#wrap a:visited {
font-weight: bold;
text-decoration: none;
color: #191919;
font-size: 95%;
}
#wrap a:hover {
text-decoration: underline;
}

/* page structure
---------------------------------------------------- 

#noFlash {
width: 966px; 
margin: 0 auto;
font-size: 95%;
text-align: left;
}
*/

#content {
float: right;
width: 765px;
margin: 0 10px 10px 0;	
}
.group-main { /* left main col */
float: left;
width: 377px;
margin: 0 0 10px 0;
}
.group-sub { /* right main col */
float: right;
width: 377px;
margin: 0 0 10px 0;
}
.group-full {
clear: both;
margin: 0;
}
#sidebar {
float: left;
width: 160px;
margin: 10px 10px 10px 3px;
}

#sidebar div.slat {
margin: 0;
padding: 10px;
font-size: 98%;
border: 1px solid #d8d8d8;
background: #ebebeb url(/sitewide/images/shadow/bg-boxfade.gif) repeat-x top left;
}	

#footer {
clear: both;
height: 213px;
background: #0e0e0e url(/sitewide/images/shadow/footer_bg.jpg) repeat-x top left;
}

.noside .group-main { /* left main col */
width: 454px;
margin-left: 7px;
display:inline;
}
.noside .group-sub { /* left main col */
width: 454px;
}

/* no sidebar, centered content style
---------------------------------------------------- */

#container.noside {

}
#container.noside #content {
width: 926px;
float: none;
margin-left: auto;
margin-right: auto;
}

/* article template 
---------------------------------------------------- */

#container.nosideSkyscraper #content {
float: left;
margin: 0 0 10px 0px;
width: 750px;
}

#container.nosideSkyscraper .group-main { /* left main col */
float: left;
width: 434px;
margin: 0 0 10px 0;
}

#container.nosideSkyscraper .group-sub { /* right main col */
float: right;
width: 300px;
margin: 0 0 10px 0;
}

#container.nosideSkyscraper .group-full { /* right main col */
clear: both;
margin: 0 0px 0 0 ;
}

#container.nosideSkyscraper #sidebar {
margin: 0 0 0 10px;
}

#container.nosideSkyscraper #thirdColumnAd {
float: right;
width: 160px;
margin: 10px 10px 10px 10px;
text-align: center;
}

#sidebar div.ad a:link,
#sidebar div.ad a:visited {
}

#sidebar div.ad a:hover,
#sidebar div.ad a:active {
background: none;
}	

/* skyscraper ad template 
---------------------------------------------------- */

#container.skyscraper #content { 
float: right;
width: 510px;
margin: 0 0 10px 0;
}

#container.skyscraper .group-main { /* left main col */
float: left;
width: 510px;
margin: 0 0 10px 0;
}

#container.skyscraper #sidebar {
float: left;
}	

#container.skyscraper #thirdColumnAd {
float: right;
width: 180px;
margin: 10px 10px 10px 40px;
text-align: center;
}	

/* banner ad
---------------------------------------------------- */	
#banner { padding-bottom: 0; }

#bannerAdBg { 
background: url(/sitewide/images/shadow/adframe_728x90.gif) repeat-x top left;
width: 730px;
height: 92px;	
margin: 0 auto;
padding: 10px;

}

#bannerAdBg div.ad { 
width: 728px;
height: 90px;
border: 1px solid #000000;
margin: 0;
padding: 0;

}

/* dashboard
---------------------------------------------------- */

#dashbrd {
width: 966px;
padding-top: 10px;
font-family: Arial, sans-serif;
background: #000;
}
#dashbrd ul {
float: right;
margin: 0;
padding: 0;
list-style: none;
background: url(/sitewide/images/shadow/login_bg_r.gif) no-repeat top right;
}
#dashbrd ul li {
float: left;
margin: 0 10px 0 0;
padding: 4px 0;
font-size: 10px;
text-transform: uppercase;
background-image: none;
}
#dashbrd li#dash-first {
padding-left: 20px;
background: url(/sitewide/images/shadow/login_bg_l.gif) no-repeat top left;
}
#dashbrd a {
padding-left: 8px;
color: #9f9f9f;
font: 10px Arial, sans-serif;
text-decoration: none;
background: url(/sitewide/images/shadow/icon_dshbrd_off.gif) no-repeat 0 50%;
}
#dashbrd a:hover {
color: #fff;
background-image: url(/sitewide/images/shadow/icon_dshbrd_on.gif);
}
#dashbrd a:active {
background: none;
}

/* header
---------------------------------------------------- */

#hdr {
z-index: 2600;
position: relative;
width: 966px;
margin: 0;
padding: 4px 0 0 0;
font-family: Arial, sans-serif;
border-bottom: 10px solid #fff;
}

#topHdr { 
float: none;
padding: 3px 0 10px 0;
background: url(/sitewide/images/shadow/bgtile_top2.gif) repeat-x bottom left;
}

/* logo
---------------------------------------------------- */

#sitelogo {
position: relative;
margin: 10px 10px 0 10px;
padding: 0;

}

/* search form */

#search {
position: absolute;
width: 251px;
bottom: 2px;
left: 681px;
margin: 0;
padding: 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#search form {
margin: 0;
padding: 0;
border-left: 1px solid #4b4b4b;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
background: #000 url(/sitewide/images/shadow/nav_bg.jpg) repeat-x top left;
}	

input#search-text {
width: 161px;
height: 15px;
padding: 0;
font-size: 12px;
text-transform: uppercase;
margin: 11px 0 6px 10px;
vertical-align: top;
}

input#search-btn {
margin: 10px 0 7px 6px;
padding: 0;
vertical-align: top;
}

/* media btns */

#media-btns {
position: absolute;
top: 8px;
right: 6px;
margin: 0;
padding: 0;
list-style: none;
}

#media-btns li {
margin: 0;
padding: 0;
}
#media-btns li a {
display: block;
height: 9px;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: top left;
outline:0;
}
#media-btns li#media-video a,
#media-btns li#media-video { /* set on both elements to avoid IE flicker */
float: left;
width: 128px;
font-size: 6px;
text-indent: -9999px;
background-image: url(/sitewide/images/shadow/beta_comment.gif);
background-repeat: no-repeat;

}

#media-btns li#media-radio {
margin: 0 0 0 16px;
}	
#media-btns li#media-video {
margin: 0 0 0 1px;
}	

#media-btns li#media-radio a,
#media-btns li#media-radio {
float: left;
width: 77px;
text-indent: -9999px;
font-size: 6px;
background-image: url(/sitewide/images/shadow/beta_flash-site.gif);
}
#media-btns li#media-urge a,
#media-btns li#media-urge {
width: 224px;
height: 18px;
margin: 1px 0;
text-indent: -9999px;
background-image: url(/sitewide/images/shadow/beta_title.gif);
}
#media-btns li a:hover {
background-position: 0 -9px;
}

/* navigation
---------------------------------------------------- */

#sitenav {
position: absolute;
width: 606px;
bottom: 2px;
left: 66px;
margin: 0;
padding: 0;
list-style: none;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #0a0a0a;
}
#sitenav li {
float: left;
margin: 0;
padding: 0;
font-size: 11px;
font-weight: bold;
background-image: none;
}
#sitenav li a {
width: 92px;
height: 17px;
display: block;
padding: 22px 0 0 7px;
border-left: 1px solid #4b4b4b;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
background-image: url(/sitewide/images/shadow/nav_bg.jpg);
font: 11px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
vertical-align: bottom;
color: #fff;
}

#sitenav li#n-menu a {
width: 34px;
padding: 0;
border-right: none;
}
#sitenav li a:hover {
color: #09f;
border-left-color: #727272;
background: #111 url(/sitewide/images/shadow/nav_bg_over.jpg) repeat-x top left;
}

#sitenav li.stuck a { /* for active and "on" state */
font-weight: bold;
color: #fff;
}

/* suckerfish dropdowns */

#sitenav li ul { /* second-level lists */
clear: left;
position: absolute;
width: 90px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin: 0;
padding: 10px 0 7px 0;
list-style: none;
border: 1px solid #000;
border-top: none;
background: #111;
}
#sitenav li:hover ul,
#sitenav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
margin-left: -56px;
}
#sitenav li ul li {
width: 90px;
font-size: 10px;
text-transform: none;
}
#sitenav li ul li.group {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #282828;
}
#sitenav li#n-menu ul li a {
width: 70px;
padding: 3px 10px;
border: none;
text-align: left;
color: #787878;
background: none;
}
#sitenav li#n-menu ul li a:hover {
background: none;
color: #fff;
}

/* subnav
---------------------------------------------------- */

#subnav {
margin: 0;
padding: 5px 5px 5px 28px;
font-family: Verdana, sans-serif;
font-size: 9px;
}
#subnav ul {
margin: 0;
padding: 0;
list-style: none;
}
#subnav ul li {
float: left;
margin: 0;
padding: 0;
}
#subnav ul li a,
#subnav ul li span {
display: block;
margin: 0;
padding: 4px 13px;
color: #ccc;
border: 1px solid #464646;
border-left: none;
border-top: none;
background: #5c5c5c;
}
#subnav ul li.subdrop a,
#subnav ul li.subdrop span {
padding-left: 26px;
background-image: url(/sitewide/images/shadow/icon-subdrop.gif);
background-repeat: no-repeat;
background-position: 13px 6px;
}
#subnav ul li a:hover,
#subnav ul li span:hover {
cursor: pointer;
color: #fff;
background-color: #808080;
text-decoration: none;
}
#subnav ul li.subdrop a:hover,
#subnav ul li.subdrop span:hover {
background-image: url(/sitewide/images/shadow/icon-subdrop-hov.gif);
background-repeat: no-repeat;
background-position: 13px 6px;
text-decoration: none;
}

/* suckerfish dropdowns */

#subnav li ul { /* second-level lists */
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: 0 0 0 0;
padding: 2px 0 0 0;
list-style: none;
text-align: left;
border: 1px solid #464646;
border-top: none;
background: #bfbfbf;
}
#subnav li:hover ul,
#subnav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
margin-left: -1px;
}
#subnav li ul li {
width: 150px;
display: block;
font-size: 9px;
text-transform: none;
}
#subnav li ul li a,
#subnav li.subdrop ul li a {
display: block;
padding: 2px 10px;
color: #4d4d4d;
border: none;
background: none;
}
#subnav li ul li a:hover,
#subnav li.subdrop ul li a:hover {
color: #000;
background: none;
}

/* content
---------------------------------------------------- */

#content h2 {
/*
margin: 0;
padding: 5px 8px;
font-size: 120%;
font-weight: bold;
color: #fff;
background: #666 url(/sitewide/images/shadow/head_bg.gif) repeat-x top left; 
*/
font-family: Verdana, sans-serif;
margin: 0;
padding: 8px;
font-size: 75%;
text-transform: uppercase;
color: #191919;
border-bottom: 1px solid #dedede;
background: url(/sitewide/images/u/h4-bg.jpg) repeat-x top left;
}

#content h2 em {
margin-right: 10px;
font-style: normal;
/* color: #fff; */
}

#content div.group-full h2 {
width: 724px;
}	

/* "hide" slat cap titles in sub column */

#content div.group-sub h2 {
color: #fafafa;
text-indent: -9999px;
}

#content div.group-sub h2.single { /* but show it if there's only one in sidebar only */
color: #191919;
margin-top: 10px;
text-indent: 0;
}

/* alt style for listing titles */

#content div.group-main h2.listing,
#content div.group-sub h2.listing {
margin-top: 10px;
/* 
text-transform: none;
color: #fff; 
*/
}

#content div.group-main h2.top { 
margin-top: 0px;
}
/* slats */

#content div.slat {
margin: 0;
padding: 10px;
font-size: 98%;
border: 1px solid #d8d8d8;
border-top: none;
background: #ebebeb url(/sitewide/images/shadow/bg-boxfade.gif) repeat-x top left;
}
#content div.first { /* add border-top when no heading above */
border-top: 1px solid #d8d8d8;
}
#content div.single { /* add bottom margin when alone */
margin: 20px 0;
}
#content div.slat div.thumb a,
#content div.slat div.thumb span {
float: left;
display: block;
overflow: hidden;
border: 1px solid #999;
}
#content div.slat div.thumb a:hover {
border-color: #191919;
}
#content div.slat div.thumb a:active {
border-color: #1a1a1a;
}
#content div.slat h3 {
margin: 0;
padding: 0;
font-weight: bold;
color: #999;
font-size: 100%;

}
#content div.slat h3 em {
font-style: normal;
color: #999;
margin-right: .5em;
}
#content div.med h3 em {
display:block;
}	
#content div.lg h3 em {
display:block;
}	
#content div.slat p {
margin: 0;
padding: 0;
font-size: 75%;
font-family: Verdana, sans-serif;
color: #191919;
}
#content div.slat p.meta {
margin-top: 2px;
}

#content div.slat span.photocredit {
display:block;
color:#646464;
}

/* set dimensions for SMALL thumbnails */

#content div.small div.thumb a {
width: 70px;
height: 53px;
text-align: center;
}
#content div.small div.thumb a img {
width: 70px;
height: 53px;
}
#content div.small div.portrait a img {
margin-top: -20px;
height: auto;
}
#content div.small div.landscape a img {
margin-left: -20px;
width: auto;
height: 53px;
}
#content div.album-small div.thumb a {
width: 53px;
}
#content div.album-small div.thumb a img {
width: 53px;
height: 53px;
}

/* set dimensions for MEDIUM thumbnails */

#content div.med div.thumb a,
#content div.med div.thumb span {
width: 140px;
height: 105px;
}
#content div.med div.thumb a img, 
#content div.med div.thumb span img{
width: 140px;
height: 105px;
}
#content div.med div.portrait a img {
/*margin-top: -80px;*/
height: auto;
}
#content div.med div.landscape a img {
/*margin-left: -80px;*/
width: auto;
height: 105px;
}
#content div.album-med div.thumb a {
width: 105px;
}
#content div.album-med div.thumb a img {
width: 105px;
height: 105px;
}

/* set dimensions for LARGE thumbnails */

#content div.lg {
padding-bottom: 6px;
border-top: 1px solid #d8d8d8;
}
#content div.lg div.thumb a,
#content div.lg div.thumb span {
float: none;
margin: 0 0 10px 0;
border: none;
width: 281px;
height: 211px;
}
#content div.lg p {
margin: 0 0 10px 0;
}
/* special for ontv voting */

.radio {
float:left;
width:30px;
height:53px;
}

/* slats for sponsorable polls*/

#content div.slatNoBg {
margin: 0; 
padding: 10px; 
font-size: 90%; 
border: 1px solid #d8d8d8; 
border-top: none;
}

#content div.slatNoBg div.thumb a,
#content div.slat div.thumb span {
float: left;
display: block;
overflow: hidden;
border: 1px solid #999;
}
#content div.slatNoBg div.thumb a:hover {
border-color: #191919;
}
#content div.slatNoBg div.thumb a:active {
border-color: #1a1a1a;
}

#content div.slatNoBg h3 {
margin: 0;
margin-left:80px;
padding: 0;
font-weight: bold;
color: #000;
font-size: 100%;

}
#content div.slatNoBg h3 em {

font-style: normal;
color: #000;
margin-right: .5em;
}

#content div.slatNoBg p {
margin: 0;
padding: 0;
font-size: 75%;
font-family: Verdana, sans-serif;
color: #191919;
}

/* special rules for Ontv Schedule page */	
.scheduleWeekSelector {
text-align:right;
margin:10px;
}

.scheduleTimeZone {
width:740px;
font-size: 70%;
font-weight:normal;
color: #777;
text-align:right;
}	

/* set dimensions for MOVIE thumbnails */

#content div.movie {
margin-bottom: 10px;
border-top: 1px solid #d8d8d8;
}
#content div.movie div.thumb a,
#content div.movie div.thumb span {
width: 140px;
height: 200px;
}
#content div.movie div.thumb a img,
#content div.movie div.thumb span img {
width: 140px;
height: 200px;
}

/* set left margins so text won't wrap around thumbnail */

#content div.small h3,
#content div.small p,
#content div.small ul {
margin-left: 80px;
}
#content div.album-small h3,
#content div.album-small p {
margin-left: 63px;
}
#content div.med h3,
#content div.med p,
#content div.med ul {
margin-left: 150px;
}
#content div.album-med h3,
#content div.album-med p {
margin-left: 115px;
}

/* movie details list */

#content ul.movie-details {
margin: 10px 0 0 0;
padding: 0;
font-size: 90%;
line-height: 1.3em;
list-style: none;
}
#content ul.movie-details li a {
text-decoration: underline;
}

/* action links */

#content p.action a {
margin: 0 10px 0 0;
padding: 0 0 0 7px;
background: url(/sitewide/images/shadow/icon-arrow.gif) no-repeat 0 4px;
font-weight: bold;
}

#content p.action a:link,
#content p.action a:visited, 
#content ul.tools li a:link,
#content ul.tools li a:visited,
#footer a:link,
#footer a:visited
{
color: #09f;
}

#content p.action a:hover,
#content ul.tools li a:hover,
#footer a:hover

{
color: #09f;
}
#content p.action a:active,
#content ul.tools li a:active,
#footer a:active

{
color: #09f;
}

#content ul.action-list {
margin: 6px 0 0 0;
padding: 0;
list-style: none;
}
#content ul.action-list li {
margin: 0 0 2px 0;
padding: 0;
}
#content ul.action-list li a {
padding: 0 0 0 7px;
background: url(/sitewide/images/shadow/icon-arrow.gif) no-repeat 0 4px;
}

/* chart position numbering */

#content h4.chart-pos {
float: right;
margin: 0 0 0 10px;
padding: 0;
font-size: 260%;
line-height: 1em;
font-weight: normal;
text-align: right;
color: #ddd;
}
#content div.slat p.chart-last {
clear: right;
float: right;
font-size: 85%;
text-align: right;
color: #c0c0c0;
}

/* generic, slat-like box */

#content div.box {
margin: 0;
padding: 10px;
font-size: 90%;
border: 1px solid #d8d8d8;
background: #ebebeb url(/sitewide/images/shadow/bg-boxfade.gif) repeat-x top left;
}
#content div.ad { /* center ad images */
margin: 0 0 10px 0;
text-align: center;
/*
width: 300px;
float: none;
padding: 2px;
margin-left: auto;
margin-right: auto;
*/
}
#content div.ad p {
margin: 0 16px 0 0;
padding: 0;
font-size: 90%;
text-align: center;
color: #999;
}

.noside #content div.ad { /* center ad images */
margin: 0 74px 10px 74px;
text-align: center;
}	

/* links */

#content div.bare { /* remove padding for full bleed */
margin: 10px 0;
padding: 0;
}

/* feature spot */

#content div.feature {
margin: 0 0 10px 0;
padding: 10px;
background: #fff;
}
#content div.feature p.caption {
margin: 4px 0 0 0;
padding: 0;
font-size: 85%;
color: #b4b4b4;
}
#content div.feature h1 {
margin: 5px 0;
padding: 0;
font-size: 195%;
font-weight: bold;
color: #191919;
}
#content div.feature h2 {
margin: 5px 0;
padding: 0;
font-size: 110%;
font-weight: normal;
text-transform: none;
border: none;
color: #191919;
background: none;
}
#content ul.tools {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}
#content ul.readmore { /* right-align read more link */
text-align: right;
}
#content ul.tools li {
display: inline;
margin: 0 8px 0 0;
padding: 0;
}
#content ul.tools li a:link,
#content ul.tools li a:visited
{
padding: 0 0 0 7px;
background: url(/sitewide/images/shadow/icon-arrow.gif) no-repeat 0 4px;
font-size: 75%;
font-family: Verdana, sans-serif;
font-weight: bold;
}
#content div.feature p.deck,
#content div.feature p.byline,
#content div.txt p.byline {
margin: 5px 0;
padding: 0;
font-size: 75%;
font-family: Verdana, sans-serif;
line-height: 1.4em;
color: #646464;
}

/* basic text module */

#content div.txt a:link,
#content div.txt a:visited {
color: #09f;
}
#content div.txt a:hover {
text-decoration: underline;
}
#content div.txt a:active {
text-decoration: none;
}

#content div.txt {
margin: 0;
padding: 10px;
padding-bottom: 0;
font-size: 98%;
}

#content div.txt h1 {
line-height: 1em;
margin: 5px 0;
width: 415px;
}

#content div.txt h2.plain {
padding: 0;
text-transform: none;
border: none;
background: none;
color: #191919;
font-size: 98%;	
}
#content div.txt h3 {
margin: 0 0 2px 0;
padding: 0;
font-weight: normal;
color: #191919;
}
#content div.txt h4 {
margin: 0;
padding: 0;
font-weight: bold;
color: #191919;
}
#content div.txt p {
margin: 0 0 10px 0;
padding: 0;
line-height: 1.4em;
color: #191919;
font-size: 93%;
}
#content div.txt ul {
margin: 0;
padding: 0;
list-style: none;
}
#content div.txt ul li {
margin: 0 0 5px 0;
padding: 0 0 0 7px;
background: url(/sitewide/images/shadow/icon-arrow.gif) no-repeat 0 4px;
}
#content div.txt ul li.last {
margin-bottom: 0;
}
#content div.txt ul li.back {
background-image: url(/sitewide/images/shadow/icon-arrow-back.gif);
}
#content div.txt ul.links li {
margin-bottom: 10px;
}
#content div.txt ul.tools li {
margin-right: 8px;
padding: 0;
background: none;
}
#content div.txt ol {
margin: 10px 0;
padding: 0 0 0 15px;
}
#content div.txt ol li {
margin: 0 0 5px 0;
padding: 0;
color: #191919;
}
#content div.txt blockquote {
margin: 10px -10px;
padding: 10px;
font-size: 133%;
border: 1px solid #d8d8d8;
background: #191919;
}
#content div.txt blockquote p {
margin: 0;
padding: 0;
line-height: 1.2em;
color: #ccc;
font-weight: bold;
}
#content div.txt blockquote p.cited {
margin-top: 5px;
text-transform: none;
color: #191919;
}

#content div.txt form {
margin:0;
padding:0;
width:400px;
height:400px;
}

/* comments */

#content div.comment {
border-top: none;
}
#content div.comment p {
font-size: 98%;
}
#content div.comment p.comment-info {
margin-bottom: 0;
font-size: 98%;
color: #999;
}
#content div.comment ul {
margin: 0;
}
#content div.last {
margin-bottom: 10px;
}

/* edit links */

#content a.edit {
margin-left: 10px;
padding-left: 7px;
background: url(/sitewide/images/shadow/icon-arrow.gif) no-repeat 0 4px;
}

/* view all link at top */

#content a.view-all {
float: right;
display: block;
margin: 10px 0 0 0;
padding: 0 0 0 7px;
font-size: 85%;
background: url(/sitewide/images/shadow/icon-arrow-back.gif) no-repeat 0 4px;
}

/* basic list (articles, etc.) */

ol.listing {
margin: 0;
padding: 0;
border: 1px solid #d8d8d8;
border-top: none;
list-style: none;
}
ol.listing li {
margin: 0;
padding: 5px;
font-weight:bold;
}
ol.listing li.alt {
background: #fff;
}

/* fixed-height listing */

ol.fixed {
height: 255px;
overflow: auto;
}

ol.fixed-tall {
height: 510px;
overflow: auto;
}

/* alternate basic list style (articles, etc.) */

ol.alt {
background: #ebebeb url(/sitewide/images/shadow/bg-boxfade.gif) repeat-x top left;
font-size: 98%;
}
ol.alt li {
padding: 5px 10px 5px 17px;
background: url(/sitewide/images/shadow/icon-arrow.gif) no-repeat 10px 10px;
}

/* game screen shots list */

#content div.feature ul.game-screens {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
}
#content div.feature ul.game-screens li {
/*float: left;*/
display:inline;
margin: 0 1px 0 0;
padding: 0;
background: none;
}
#content div.feature ul.game-screens li.last {
margin-right: 0;
}

/* full data tables */

table.data {
margin: 10px 0;
padding: 0;
border: 1px solid #d8d8d8;
border-right: none;
}
table.data th,
table.data td {
margin: 0;
padding: 5px;
font-size: 90%;
border-right: 1px solid #d8d8d8;
}
table.data tr.last th,
table.data tr.last td {
border-right: none;
}
table.data th {
font-weight: normal;
text-align: left;
white-space: nowrap;
color: #191919;
border-bottom: 1px solid #d8d8d8;
}
table.data td {
font-size: 80%;
color: #191919;
}
table.data tr.alt td {
background: #fff;
}
table.data td.action {
text-align: center;
}
table.data td.action a {
padding-left: 7px;
background: url(/sitewide/images/shadow/icon-arrow.gif) no-repeat 0 4px;
}

/* special rules for tour dates */

table.tour {
width: 306px;
margin-top: 0;
border-top: none;
}
#content p.copyright {
margin: 0 0 10px 0;
padding: 0;
font-size: 85%;
color: #999;
}
#content p.copyright img {
float: left;
margin: 0 5px 5px 0;
}

/* compact, simple data tables */

table.data-mini {
margin: 10px;
padding: 0;
}
table.data-mini th,
table.data-mini td {
margin: 0;
padding: 2px 0;
font-size: 90%;
}
table.data-mini th {
padding-right: 20px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
white-space: nowrap;
color: #191919;
}
table.data-mini td {
font-size: 80%;
color: #191919;
}

/* sidebar
---------------------------------------------------- */

#sidebar {
color: #b3b3b3;
}
#sidebar h2 {
/*
margin: 0;
padding: 0 0 6px 6px;
font-size: 75%;
font-family: Verdana, sans-serif;
color: #999;
text-transform: uppercase;
border-bottom: solid 1px #E5E5E5;
*/
font-family: Verdana, sans-serif;
margin: 0;
padding: 8px;
font-size: 75%;
text-transform: uppercase;
color: #191919;
border-bottom: 1px solid #dedede;
background: url(/sitewide/images/u/h4-bg.jpg) repeat-x top left;
}
#sidebar div.slat {
margin: 0 0 20px 0;
font-size: 97%;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar ul li {
margin: 0;
padding: 0;
border-bottom: solid 1px #E5E5E5;
}

#sidebar ul li a {
color: #666;
text-decoration: none;
display:block;
padding: 6px;
}

#sidebar ul li a.stuck{
color: #fff;
background-color: #999;
}

#sidebar ul li span {
display:block;
padding: 6px;
}

#sidebar div.ad p {
text-align:center;
}

#sidebar ul.action {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
font-family: Verdana, sans-serif;
font-size: 80%;

}

#sidebar ul.action li {
background: url(/sitewide/images/u/icon-arrow.gif) no-repeat 0px 9px;
border: none;
display: block;

}

#sidebar ul.action li a:link,
#sidebar ul.action li a:visited{
font-weight: bold;
text-decoration: none;
color: #09f;
}

#sidebar ul.action li a:hover{
text-decoration: underline;
background: none;
}

/* temp search-alpha styles until this is moved into #wrap */
#sidebar p.search-alpha {
margin: 0 0 20px 0;
padding: 4px;
background: url(/sitewide/images/u/slatitem-bg.jpg) repeat-x top left;
}
#sidebar p.search-alpha a {
float: left;
margin: 0;
padding: 4px;
font-weight: normal;
color: #333;
background: none;
}
#sidebar p.search-alpha:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* links */
/*	
#sidebar a:link,
#sidebar a:visited {
}

#sidebar a:hover,
#sidebar a:active {
color: #fff;
background-color: #09F;
}
*/

/* footer
---------------------------------------------------- */

#footer div {
font-size: 90%;
color: #999;
text-align: center;
}

#footer div img{
padding: 0px 0px 10px 0px;
border: none;
}

#footer div p {
color: #5D5D5D;
}

#footer div p a {
font-weight: bold; 
padding: 0px 10px 0px 10px;
}

#footer div p a.rss{
background: url(/sitewide/images/shadow/icon_rss.gif) no-repeat 0px 1px;
margin-left: 10px;
padding-left: 18px;
}

#footer div p a img{
padding: 0;
}

/* flipbook styles
---------------------------------------------------- */

#container.flipbook {
/*background-image: none;*/
}

#container.flipbook #content.narrow {
width: 765px;
margin: 0 100px;
float:none;
}

.wide{
width: 960px;
}

#container.flipbook #content h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 120%;
border: none;
background: none;
color: #000;
}

/* photo container */

div.flipbook-photo {
text-align: center;
background: #e5e5e5;
}

/* meta info */

div.flipbook-meta {
margin: 6px 0;
}
div.flipbook-meta h1 {
margin: 0 0 6px 0;
font-size: 120%;
font-weight: normal;
width: 600px;
}
div.flipbook-meta p {
margin: 0 0 2px 0;
padding: 0;
font-size: 90%;
color: #777;
}

/* nav controls */

div.flipbook-ctrls {
float: right;
text-align: right;
}
div.flipbook-ctrls p {
margin: 0 0 5px 0;
padding: 0;
}
div.flipbook-ctrls p.nav {
color: #999;
font-size: 110%;
}
div.flipbook-ctrls p.nav a.back {
margin-right: 3px;
padding-left: 7px;
background: url(/sitewide/images/shadow/icon-arrow-back.gif) no-repeat 0 50%;
}
div.flipbook-ctrls p.nav a.next {
margin-left: 3px;
padding-right: 7px;
background: url(/sitewide/images/shadow/icon-arrow.gif) no-repeat 100% 50%;
}

/* send to friend */

div.flipbook-ctrls p.send a {
padding-left: 7px;
background: url(/sitewide/images/shadow/icon-arrow.gif) no-repeat 0 4px;
}

/* thumbnail gallery */

ul.flipbook-thumbs {
margin: 0;
margin-bottom: 10px;
padding: 0;
list-style: none;
}
ul.flipbook-thumbs li {
float: left;
display: table;
margin: 0 9px 9px 0;
width: 90px;
height: 90px;
text-align: center;
border: 1px solid #d8d8d8;
background: #ebebeb url(/sitewide/images/shadow/bg-boxfade.gif) repeat-x top left;
overflow: hidden;
}
ul.flipbook-thumbs li a {
display: table-cell;
vertical-align: middle;
}
ul.flipbook-thumbs li a img {
border: 1px solid #000;
}

/* misc.
---------------------------------------------------- */

hr, .hide {
display: none;
}
a img {
border: none;
}
abbr {
border-bottom: 1px dotted #ccc;
cursor: help;
}

/* self-clearing floats for modern browsers */

#hdr:after,
#sitelogo:after,
#dashbrd:after,
#sitenav:after,
#subnav ul:after,
div.group:after,
div.slat:after,
div.flipbook-meta:after,
ul.flipbook-thumbs:after,
ul.game-screens:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#embeddedPlayerDiv {
padding: 0 6px;
}

/* widget
---------------------------------------------------- */
#widgetContainer{
padding: 0 0 0 14px;
}

#widgetList{
position: absolute;
width: 141px;
height: 200px; 
overflow: auto; 
text-align: left; 
font-size: 80%;
border: 1px solid #d8d8d8;
background: #ebebeb url(/sitewide/images/shadow/bg-boxfade.gif) repeat-x top left;
padding-left: 3px;
}

/* forms
---------------------------------------------------- */
label{
display:block;
padding: 0 0 2px 0;
font-size: 98%;
line-height: 1.4em;
color: #191919;
}

input, textarea, select{
margin-bottom: 6px;
}

input[type="hidden"]{
display:none;
}

.error{
color: #CC0000;
margin-left:1em;
}

.loading{
visibility:hidden;
color: #CC0000;
margin-left:1em;
}

#errorMsg {
margin:8px 0 8px 0;
padding:0;
text-align:center;
}

/* OnTv Schedule page
---------------------------------------------------- */
#schedule {
width:740px;
}

#schedule tr {
background: #ebebeb url(/sitewide/images/shadow/bg-boxfade.gif) repeat-x top left;
}

#schedule td {
margin: 0;
padding: 10px 0 10px 10px;
font-size: 90%;
border-left: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}

#schedule th {
margin: 0;
padding: 10px 0 10px 10px;
border: 1px solid #d8d8d8;
border-right: none;
border-left: none;
text-align:left;
}

#schedule .lftLne {
border-left: 1px solid #d8d8d8;
}

#schedule .rhtLne {
border-right: 1px solid #d8d8d8;
}

#schedule span {
font-size:98%;
}

/* popups
---------------------------------------------------- */
body#popup {
background: #fff;	
}

body#popup #wrap-inner{
width:auto;
padding:0px;
}

body#popup #content{
width:auto;
float:none;
padding:5px;	
}

body#popup .group-main {
margin: 0 auto;
}

body#popup #content .txt{
padding-left:4px;
}

div.overlay-inner label{
color: #999;
}

/* ------------------------------------------------------------

Title: Patches for IE/Win

------------------------------------------------------------ */

/* adjust weird width problem in nav by 1px */
* html #sitenav li#n-shop a {
width: 36px;
}

/* double float margin bug */
* html #dashbrd ul,
* html #dashbrd ul li,
* html #content, 
* html #sidebar {
display: inline;
}
* html #noFlash.noside #content { /* when no float, revert back to block */
display: block;
}

/* footer expanding box bug */
* html #footer {
height: 1%;
}

/* vertically-centered thumbnails
----------------------------------------------------- */

* html ul.flipbook-thumbs li {
position: relative;
}
* html ul.flipbook-thumbs li a {
position: absolute;
top: 50%;
left: 50%;
}
* html ul.flipbook-thumbs li a img {
position: relative;
top: -50%;
left: -50%;
}

/* target the same rules to IE7 only using *+html */

*+html ul.flipbook-thumbs li {
position: relative;
}
*+html ul.flipbook-thumbs li a {
position: absolute;
top: 50%;
left: 50%;
}
*+html ul.flipbook-thumbs li a img {
position: relative;
top: -50%;
left: -50%;
}

/* self-clearing floats
----------------------------------------------------- */

/* for IE7 */
#hdr, 
#sitelogo, 
#dashbrd, 
#sitenav,
#subnav,
#subnav ul,
div.group,
div.slat,
div.flipbook-meta,
ul.flipbook-thumbs { 
display: inline-block; 
}

/* target ie5+6/win only */
* html #hdr, 
* html #sitelogo, 
* html #dashbrd, 
* html #sitenav,
* html #subnav,
* html #subnav ul,
* html div.group,
* html div.slat,
* html div.flipbook-meta,
* html ul.flipbook-thumbs {
height: 1%;
}

/* reset display property for all browsers */
#hdr, 
#sitelogo, 
#dashbrd, 
#sitenav,
#subnav,
#subnav ul,
div.group,
div.slat,
div.flipbook-meta,
ul.flipbook-thumbs { 
display: block; 
}

/* 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; }

*/