/* GLOBAL */
body { margin: 0; padding: 0; color: #000; font-family: arial, sans-serif; font-size: 12px; }
a { color: #166495; text-decoration: none; }
a:hover { text-decoration: underline; }
p,h1,h2,h3,h4,h5,h6 { margin: 0; }
cite { font-style: normal; }
ul,li { margin: 0; padding: 0; list-style-type: none; }
input { font-family: arial, sans-serif; }
select { font-family: arial, sans-serif; font-size: 11px; }
div.ad { border: solid 1px #575757; margin: 0; }
div.content { background: #fff; border: solid 1px #666; padding: 8px; margin: 0 0 8px 0; }
div.fma { margin: 0 0 8px 0; }
div.advertiseOnRC { text-align: center; margin: 0 0 8px 0; }
div.advertiseOnRC a { color: #999; text-decoration: underline; }
p.moreCaps { text-align: right; text-decoration: underline; font-weight: bold; text-transform: uppercase; }
p.more { text-align: right; }
input[type="submit"] { background: #A0B416; border: none; font-size: 11px; color: #fff; font-weight: bold; padding: 2px 10px; text-transform: uppercase;
    -webkit-border-radius:6px;
    -moz-border-radius:6px; }
	
/* THE Hs */
h1 { font-size: 25px; letter-spacing: -.05em; margin: 0 0 10px 0; } 
h2 { color: #777777; border-bottom: solid 3px #c5dc1c; font-weight: bold; font-size: 18px; margin: 0 0 14px 0; text-transform: uppercase; }
h3 {  }
h4 { color: #777777; border-bottom: solid 3px #777777; font-weight: bold; font-size: 18px; margin: 0 0 14px 0; text-transform: uppercase; }
h5 { background: #dfdfdf; font-size: 12px; margin: 0 0 3px 0; text-align: center; padding: 2px; text-transform: uppercase; }
h6 { font-size: 11px; text-transform: uppercase; font-weight: bold; }

/* PAGE LAYOUT - ROWS */
div#rowA { background: #ccc; background-image: url(../images/background-bar1.jpg); background-repeat: repeat-x; border-bottom: solid 1px #fff;  height: 123px; }
div#rowAContainer { width: 1000px; margin: 0 auto; }
div#rowB { background: #eee; }
div#rowBContainer { width: 1000px; height: 27px; margin: 0 auto; }
div#rowC { background: #ddd; background-image: url(../images/background-bar3.gif); background-repeat: repeat-x; border-bottom: solid 1px #666; }
div#rowCContainer { width: 1000px; height: 47px; margin: 0 auto; }
div#rowD { background: #ccc; }
div#rowDContainer { width: 1000px; padding: 5px; margin: 0 auto; }

/* ROW A CONTENTS */
div#logo { float: left; margin: 13px 0 0 2px; }
div#topAd { float: right; margin: 13px 2px 0 0; }

/* ROW B CONTENTS */
div#rowBContainer { color: #666; }
div#rowBContainer a { color: #666; text-decoration: none; color: #666; }
div#rowBContainer a:hover { text-decoration: underline; }
div#globalNav { float: left; margin: 5px 0; text-transform: uppercase; font-size: 14px; font-weight: bold; }
	/* SUCKERFISH NAV */
	ul#nav, ul#nav ul { padding: 0; margin: 0; list-style-type: none; }
	ul#nav a { display: block; }
	/* first level LIs */
	ul#nav li { float: left; margin: 0 7px 0 0; padding: 0 7px 0 0;	border-right: solid 1px #666; position: relative; }
	ul#nav li.last { border-right: none; }
	/* second level LIs */
	ul#nav ul li { float: left; width: 200px; border-right: none; text-transform: capitalize; font-size: 11px; }
	/* second-level UL */
	ul#nav li ul { position: absolute; padding: 10px 5px 10px 5px; top: 14px; background: #fff; border: dotted 1px #666; width: 200px; left: -999em; }
	/* the magic that makes it work */
	ul#nav li:hover ul, ul#nav li.sfhover ul { left: auto; }

div#login { font-size: 11px; float: right; margin: 5px 0; }
div#login ul { margin: 0 20px 0 0; padding: 0; text-transform: capitalize; }
div#login li { display: inline; padding: 0 2px; }
div#login li:after { content: " | "; }
div#login li.last:after { content: ""; }
div#login li.last a { font-weight: bold; text-decoration: underline; }
div#login input#zip { width: 50px; margin: 0 5px 0 0; font-size: 11px; font-weight: bold; color: #999; }


/* ROW C CONTENTS */
div#rowCContainer { color: #666; }
div#rowCContainer a { color: #666; text-decoration: none; }
div#search { float: left; margin-top: 9px; }
div#search input#box { width: 500px; background-image: url(../images/background-sitesearch.gif); background-repeat: no-repeat; background-position: 3px 3px; border: solid 1px #999; height: 20px; padding: 4px 0 4px 30px; margin: 0 5px 0 0; font-size: 16px; font-weight: bold; color: #999; }
div#search div { float: left; }
div#provider { font-size: 11px; float: left; margin: 8px 0 0 40px; }
div#provider ul { font-weight: bold; margin: 3px 0 0 -2px; }
div#provider ul li { display: inline; list-style-type: none; padding: 0 2px; }
div#provider ul li:after { padding-left: 2px; content: " | "; }
div#provider ul li.last:after { content: ""; }

/* PAGE LAYOUT - COLUMNS */
div#columns { background: #666; background-image: url(../images/background-bottom-2.jpg); background-repeat: repeat-x; padding-top: 8px; }
div#columnsContainer { width: 1000px; margin: 0 auto; padding-top: 15px; }
div#columnA { float: left; width: 180px; margin-right: 8px; }
div#columnB { float: left; width: 502px; margin-right: 8px; }
div#columnBMinusA { float: left; width: 690px; margin-right: 8px; }
div#columnC { float: left; width: 302px; }

/* MOVIE & PERSON HEADER */
div#moviePerson { margin: 0 0 13px 0; color: #fff; }
div#moviePerson h1 { display: inline; padding: 0 10px 0 0; }
div#moviePerson h2 { color: #fff; text-transform: none; font-size: 12px; font-weight: normal; border-bottom: none; margin: 0 0 -5px 0; }
div#moviePerson span { color: #999; font-weight: bold; font-size: 25px; letter-spacing: -.05em;  }
div#moviePerson span a { color: #999; text-decoration: none; }
div#moviePerson span a:hover { text-decoration: underline; }
div#moviePerson ul { margin-top: 10px; font-size: 11px;  }
div#moviePerson li { display: inline; }
div#moviePerson li a, ul li span.tabOn { padding: 4px 8px 4px 8px; }
div#moviePerson li a { color: #666; text-decoration: none; border: 1px solid #ccc; background: #eee; }
div#moviePerson li a:hover { background: #c5dc1c; border: 1px solid #a0b416; }
div#moviePerson li span.tabOn { font-size: 11px; font-weight: normal; letter-spacing: normal; color: #000; background: #c5dc1c; border: 1px solid #a0b416; }

div#personShowtimes h3 { background: #eee; color: #666; padding: 3px; text-transform: uppercase; }

/* COLUMN A CONTENTS */
div#columnA { font-size: 11px; color: #777; }
div#columnAStuff { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }
div#columnAStuff ul { margin: 0 0 13px 0; padding: 0; }
div#columnAStuff li { margin: 2px 0; padding: 1px 0; border-bottom: solid 1px #ccc; }
div#columnAStuff li a { text-decoration: none; }
div#columnAStuff li a:hover { text-decoration: underline; }
div#onTV { margin: 0 0 10px 0; }
div#onTV ul { margin: 0 0 3px 0; }
div#onTV li { margin: 8px 0 0 0; padding: 0 0 8px 0; }
div#onTV img { margin: 3px 0; border: none; }
div#onTV a { font-weight: bold; }
div#onTV p { line-height: 13px; }
div#poster { text-align: center; background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }
div#poster img { border: solid 1px #ccc; margin: 0 0 10px 0; }
div#poster ul { text-align: left; color: #333; margin: 0; }
div#poster ul li { margin: 0; padding: 0 0 6px 0; border: none; line-height: 13px; }
div#poster ul li ul { display: inline; }
div#poster ul li ul li { display: inline; }
div#poster ul li ul li:after { content: ","; }
div#poster ul li ul li.last:after { content: ""; }
div#show { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; } 
div#show cite { display: block; text-align: center; margin: 3px 0 8px 0; font-size: 11px; font-weight: bold; } 
div#show p { margin: 0 0 12px 0; } 
div#show a { font-weight: bold; } 

/* showtimes */
div#movieTimes { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }
div#movieTimes a { text-decoration: underline; }
div#movieTimes input#zip { width: 34px; height: 11px; font-size: 11px; color: #666; }
div#movieTimes input#image { vertical-align: top; }
div#days ul { padding: 5px 0 8px 0; }
div#days li { display: inline; padding: 3px; margin: 0 3px 0 0; }
div#days li.active { background: #eee; }
div#times { }
div#times ul { padding: 0 0 4px 0; }
div#times ul li { font-weight: bold; line-height: 11px; padding-bottom: 3px; }
div#times ul li ul { padding-top: 1px; }
div#times ul li ul li { display: inline; font-weight: normal; margin: 0 3px 0 0; }

div#leftAd { margin: 0 -2px 0 -2px; }

/* COLUMN B CONTENTS */
div#contentBMinusA { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }
div#contentBMinusALeft { float: left; margin-right: 20px; width: 324px; }
div#contentBMinusARight { float: left; width: 324px; }
div#columnB a { font-weight: bold; text-decoration: none; }
div#columnB a:hover { text-decoration: underline; }
div#columnB a.more { display: block; text-align: right; text-decoration: underline; }
div#columnBMinusA a { font-weight: bold; text-decoration: none; }
div#columnBMinusA a:hover { text-decoration: underline; }
div#columnBMinusA a.more { display: block; text-align: right; text-decoration: underline; }

/* player */
div#player { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }
div#flashN { margin: 0 0 10px 0; }
div#clipsN { }
div#clipsN h2 { font-size: 14px; margin: 0 0 10px 0; }
div#clipsN div { width: 235px; float: left; }
div#clipsN div#left { margin-right: 10px; }
div#clipsN ul { margin: 0 0 10px 0; }
div#clipsN li { }
div#clipsN li a { display: block; width: 227px; height: 42px; border: solid 1px #fff; padding: 3px; }
div#clipsN li a:hover { background: #eee; border: solid 1px #ddd; text-decoration: none; }
div#clipsN li img { float: left; width: 68px; height: 38px; border: solid 2px #ddd; margin: 0 3px 0 0; }
div#clipsN li h3 { font-size: 11px; line-height: 11px; color: #777777; margin: 0 0 1px 0; }
div#clipsN li p { font-size: 10px; color: #bbb; line-height: 9px; }
/* player - can be combined with narrow "clip list" */
div#flashW { background: #666; text-align: center; padding: 10px 0; margin: 0 0 10px 0; }
div#bigPlayer { margin: 0 0 20px 0; }
div#bigPlayerTools { background: #eee; padding: 5px; margin: -10px 0 20px 0; }
div#bigPhoto { text-align: center; margin: 0 0 20px 0; }
div#bigPhoto > div { margin: 0 0 5px 0; }
div#bigPhotoTools { background: #eee; padding: 5px; margin: -10px 0 20px 0; }
div#clipsW { width: 668px; }
div#clipsW h2 {  margin: 0 0 10px 0; }
div#clipsW div { width: 329px; float: left; }
div#clipsW div#left { margin-right: 10px; }
div#clipsW ul { margin: 0 0 10px 0; }
div#clipsW li { }
div#clipsW li a { display: block; width: 321px; height: 62px; border: solid 1px #fff; padding: 3px; }
div#clipsW li a:hover { background: #eee; border: solid 1px #ddd; text-decoration: none; }
div#clipsW li a.active { background: #eee; border: solid 1px #c5dc1c; cursor: default; }
div#clipsW li a.active:hover { border: solid 1px #c5dc1c; }
div#clipsW li img { float: left; width: 68px; height: 38px; border: solid 2px #ddd; margin: 0 3px 0 0; }
div#clipsW li h3 { font-size: 11px; line-height: 11px; color: #777777; margin: 0 0 1px 0; }
div#clipsW li p { font-size: 10px; color: #bbb; line-height: 9px; }
/* player - can be combined with narrow "clip list" */
div#clipsS { width: 480px; }
div.center { margin: 0 0 0 94px; }
div#clipsS h2 { font-size: 14px; margin: 0 0 10px 0; }
div#clipsS ul { margin: 0 0 10px 0; }
div#clipsS li { }
div#clipsS li a { display: block; width: 472px; height: 42px; border: solid 1px #fff; padding: 3px; }
div#clipsS li a:hover { background: #eee; border: solid 1px #ddd; text-decoration: none; }
div#clipsS li a.active { background: #eee; border: solid 1px #c5dc1c; cursor: default; }
div#clipsS li a.active:hover { border: solid 1px #c5dc1c; }
div#clipsS li img { float: left; width: 68px; height: 38px; border: solid 2px #ddd; margin: 0 3px 0 0; }
div#clipsS li h3 { font-size: 11px; line-height: 11px; color: #777777; margin: 0 0 1px 0; }
div#clipsS li p { font-size: 10px; color: #bbb; line-height: 9px; }

/* main container */
div#contentB { font-size: 12px; background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; } 

/* histogram */
div#criticQuote { float: left; width: 220px; margin-right: 24px; line-height: 13px; }
div#criticQuote img { float: left; margin: 4px 5px 0 0; }
div#userQuote { float: left; width: 230px; line-height: 13px; }

/* cast */
div#cast { margin: 0 0 20px 0; }
div#cast h3 { color: #a3bf00; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 10px 0 8px 0; }
div#cast table { width: 480px; }
div#cast td { padding: 3px; border-bottom: solid 1px #ccc; }

/* profile */
div#profile h3 { background: #eee; color: #666; padding: 3px; text-transform: uppercase; }
div.profileAction { float: right; margin: 5px 0 10px 0; }

/* ratings */
div#userRatings { }
table.ratingsTable { width: 100%; border-collapse:collapse; }
table.ratingsTable tr { vertical-align: top; }
table.ratingsTable td { border-bottom: solid 1px #ccc; padding: 5px 0 5px 0; }
table.ratingsTable td.poster img { margin: 0 10px 0 0; width: 35px; height: 51px; }
table.ratingsTable td.review { width: 100%; padding-right: 10px; }
table.ratingsTable td.date { vertical-align: middle; padding-right: 10px; }
table.ratingsTable td.date cite { font-size: 11px; background: #999; color: #fff; }
table.ratingsTable td.rating { vertical-align: middle; margin: 1px 7px 0 0; width: 28px; height: 27px; }

/* alerts */
div#alerts { margin: 0 0 20px 0; }
div#alerts h3 { color: #a3bf00; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 10px 0 5px 0; }
div#alerts table { width: 480px; }
div#alerts td { padding: 3px; border-bottom: solid 1px #ccc; }

/* filmography */
div#filmography { margin: 0 0 20px 0; }
div#filmography table { margin: 0 0 15px 0; width: 100%; }
div#filmography th { text-align: center; text-transform: uppercase; color: #666; padding: 3px 5px 3px 5px; background: #eee; border-right: solid 1px #fff; }
div#filmography td { padding: 3px 0 3px 3px; }
div#filmography td.center { text-align: center; padding-left: 0px; }
div#filmography p { text-align: right; }

/* episodes */
div#episodes { margin: 0 0 20px 0; }
div#episodes span { display: block; color: #a3bf00; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: -6px 0 2px 0; }
div#episodes cite { text-transform: uppercase; font-weight: bold; color: #666; }
div#episodes ul li { padding: 8px 0; border-bottom: solid 1px #ccc; }
div#episodes ul li.last { border-bottom: none; }

/* show special */
div#showSpecial { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }

/* photos */
div#photos { margin: 0 0 20px 0; }
div#photosList img { border: none; }
div#photosList div { text-align: center; margin: 0 0 10px 0; }
div#photosList a { float: left; margin: 0 6px 6px 0; border: solid 3px #fff; }
div#photosList a:hover { border: solid 3px #ccc; }

/* features */
div#features { margin: 0 0 20px 0; }
div#features ul { margin: 0 0 10px 0; padding: 0; font-size: 12px; list-style-type: none; }
div#features li { margin: 2px 0; padding: 2px 0 6px 14px; background-image: url(../images/background-article.gif); background-repeat: no-repeat; background-position: 0 3px; line-height: 13px; }
div#features li.first { background-image: none; padding: 0 0 15px 0; line-height: 14px; }
div#features li.first a { font-size: 14px; margin: 0 0 3px 0; }
div#features li a { display: block; }
div#features li img { margin: 0 8px 2px 0; }
div#features cite { padding: 0 2px; font-size: 11px; color: #666; }

/* news */
div#news { margin: 0; }
div#news > ul > li { border-bottom: solid 1px #ccc; padding: 20px 0 20px 0; }
div#news > ul > li.first { padding: 0 0 20px 0; }
div#news > ul > li.last { border-bottom: none; }

/* condensed news list on overview */
div#newsCondensed { clear: both; border-top: solid 1px #ccc; margin-top: 20px; padding-top: 8px; }
div#newsCondensed h3 { font-size: 12px; }
div#newsCondensed p { color: #a3bf00; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 10px 0 8px 0; }
div#newsCondensed ul { }
div#newsCondensed ul li {  margin: 2px 0; padding: 0 0 6px 0; line-height: 14px; }
div#newsCondensed cite { font-size: 11px; font-style: normal; color: #555; }

/* blog detail */
div.blog { }
div.blog h1 { font-size: 18px; margin: 0 0 2px 0; }
div.blog p { line-height: 15px; margin: 0 0 15px 0; }
div.blog cite { display: block; color: #666; font-size: 11px; margin: 0 0 10px 0; }
div.blog blockquote { background: #eee; padding: 10px; margin: 15px 30px; }
div.blog > ul  { margin: 0 0 20px 0; padding: 0 0 0 70px; }
div.blog > ul > li { list-style-type: disc; }

/* next showing */
div.nextShowing { background: #eee; padding: 5px; margin: 0 0 10px 0; }
div.nextShowing p { margin: 0; }

/* reelz clip */
div.reelzClip { background: #eee; padding: 5px; margin: 0 0 10px 0; }
div.reelzClip img { float: left; margin: 0 5px 0 0; border: none; }
div.reelzClip p { margin: 2px 0 3px 0; }

/* related */
div.related { font-size: 11px; }
div.related p { float: left; margin: 0 8px 4px 0; color: #666; font-weight: bold; }
div.related ul { color: #666; margin: 0 0 5px 0; }
div.related ul li { display: inline; padding: 0 2px 0 0px; border-bottom: none; }
div#news div.blog div.related ul li a { font-weight: normal; }
div.related ul li:after { padding-left: 2px; content: " | "; }
div.related ul li.last:after { content: ""; }

/* share */
div.share { font-size: 11px; }
div.share p { float: left; margin: 0 8px 0px 0; color: #666; font-weight: bold; }
div.share ul { color: #666; margin: 0 0 5px 0; }
div.share ul li { display: inline; padding: 0 2px 0 0px; border-bottom: none; }
div#news div.blog div.share ul li a { font-weight: normal; }
div.share ul li:after { padding-left: 2px; content: " | "; }
div.share ul li.last:after { content: ""; }

div#share { float: right; width: 140px; border: solid 1px #ccc; margin: 0 0 50px 25px; }
div#share ul { }
div#share ul a { color: #999; font-weight: normal; }
div#share ul a:hover { text-decoration: underline; }
div#share ul li { display: block; padding: 0 0 3px 0; }
div#share ul li:after { content: ""; }

/* article detail */
div#article { background: #fff; border: solid 1px #666; padding: 20px; margin: 0 0 8px 0; }
div#article h1 { font-size: 18px; margin: 0 0 2px 0; }
div#article cite { display: block; color: #666; font-size: 11px; margin: 0 0 10px 0; }
div#article p { margin: 0 0 12px 0; }
div#article p#related { float: left; margin: 0 8px 10px 0; color: #666; font-weight: bold; }
div#article p#postTo { float: left; margin: 0 8px 20px 0; color: #666; font-weight: bold; }
div#article ul { color: #666; margin: 0 0 5px 0; }
div#article li { display: inline; list-style-type: none; padding: 0 2px 0 0px; }
div#article li:after { padding-left: 2px; content: " | "; }
div#article li.last:after { content: ""; }

/* histogram */
table#histogram td { text-align: center; }
table#histogram td { text-align: bottom; }

/* comments */
div#comments { }
div#comments > ul > li { border-bottom: solid 1px #ccc; padding: 20px 0 20px 0; }
div#comments > ul > li.first { padding-top: 0; }
div#comments > ul > li.last { border-bottom: none; }

/* pagination */
div.pagination { float: left; }
div.pagination ul { font-weight: bold; color: #666; }
div.pagination ul li { float: left; padding: 0 4px; border: solid 1px #fff; }
div.pagination ul li.active { border: solid 1px #ccc; }

/* sort */
div.sort { float: right; }
div.sort p { display: inline; font-weight: bold; margin: 0 3px 5px 0; }

/* comment detail */
div.comment h3 { margin: 0 0 5px 0; }
div.comment img { float: left; margin: 0 6px 0 0; }
div.comment p { margin: 0 0 10px 0; }
div.comment p.user { font-weight: bold; margin: 0; }
div.comment cite { display: block; font-size: 11px; margin: 0 0 5px 0; }
div.comment div.reply { float: left; }
div#comments div.comment div.reply a { font-weight: normal; }
div.comment div.reply span { padding: 0 4px; color: #666; }
div.comment div.vote { float: right; text-align: right; }
div.comment div.vote img { float: none; margin: 0 0 2px 2px; border: 0; }
div.comment div.vote p { font-size: 11px; margin: 0; font-weight: bold; }
div.replyA { margin-left: 10px; padding-left: 30px; background-image: url(../images/reply-arrow.gif); background-repeat: no-repeat; }
div.replyB { margin-left: 50px; padding-left: 30px; background-image: url(../images/reply-arrow.gif); background-repeat: no-repeat; }

div.commentForm { padding: 10px; background: #eee; margin: 0 0 20px 0; }
div.commentForm h3 { margin: 0 0 2px 0; }
div.commentForm span { font-size: 11px; margin: 0 0 5px 0; color: #666; }
div.commentForm p { margin: 5px 0 8px 0; }
div.commentForm fieldset { border: none; margin: 0; padding: 0; }
div.commentForm legend { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
div.commentForm label { font-weight: bold; width: 150px; display: block; }
div.commentForm input[type="text"] { width: 180px; margin: 0 0 3px 0; }
div.commentForm textarea { width: 400px; height: 100px; margin: 0 0 3px 0; }
div.commentForm textarea.narrow { width: 300px; height: 100px; margin: 0 0 3px 0; }
div.commentForm input[type="submit"] { }

/* listings */
div#listings { background: #fff; border: solid 1px #666; padding: 20px; margin: 0 0 8px 0; } 
div.tvNav { background: #ddd; padding: 10px; margin-bottom: 10px; /* for IE */ width: 628px; /* end for IE */ font-size: 11px; } 
div.tvNav a { font-weight: bold; }
div.tvNav ul { } 
div.tvNav ul li { display: inline; } 
div.tvNav select { font-size: 14px; font-weight: bold; padding: 2px; } 
div.tvNav > div { float: left; }
div.tvNav > div.right { float: right; }
div.tvNav > p.right { float: right; }
div#tvNavChannels { clear: left; width: 100%; margin: 10px 0 0 0; }
div#tvNavChannels > p { float: left; }
div#tvNavChannels > p.right { float: right; }
div#tvNavChannels > ul { float: left; margin: 0 0 0 5px; color: #666; }
div#tvNavChannels > ul > li { display: inline; }
div#tvNavChannels > ul > li:after { content: " | "; }
div#tvNavChannels > ul > li.last:after { content: ""; }
div#tvNavChannels > ul > li > a { font-weight: bold; }

table#tvListings { font-size: 11px; }
table#tvListings a { font-weight: bold; }
table#tvListings td { border-right: solid 1px #999; }
table#tvListings td.right { border-right: none; }
table#tvListings td h2 { background: #ccc; border-right: solid 1px #fff; border-bottom: none; margin-right: -1px; text-align: center; padding: 5px 0; margin-bottom: 0; }
table#tvListings td h2 img.back { float: left; margin: 0 0 0 0; padding: 2px 5px; border: 0; }
table#tvListings td h2 img.forward { float: right;  margin: 0 0 0 0; padding: 2px 5px; border: 0; }
table#tvListings td h2.right { border-right: none; }
table#tvListings td > ul > li { border-bottom: solid 1px #ccc; }
table#tvListings td > ul.tvChannelList a { font-weight: bold; color: #166495; }
table#tvListings td > ul > li.hd { background: #E4DFFE; }
table#tvListings td > ul > li img { float: left; clear: left; margin: 0 5px 0 0; width: 35px; height: 51px; border: solid 1px #ccc; }

/* here is the href that makes the bounding box */
/* internal lists do not work in FF. Don't try. Pain. */
table#tvListings td > ul > li > a { display: block; padding: 3px; color: #000; font-weight: normal; }
table#tvListings td > ul > li > a:hover { text-decoration: none; background: #eee; }
table#tvListings td > ul > li > a.hd { background: #E4DFFE; }
table#tvListings td > ul > li > a.hd:hover { background: #DAD5F4; }
table#tvListings td > ul > li > a > h3 { font-size: 11px; color: #166495; }
table#tvListings td > ul > li > a > p { line-height: 13px; }
table#tvListings td > ul > li > a > p img { float: right; line-height: 11px; width: 22px; height: 12px; margin: 2px 0 0 0; border: none; }

table#tvListings td > ul > li > a > p > span.clips {
background-image:url(http://www.reelzchannel.com/assets/global/clipnumber.gif);
background-position:center top;
background-repeat:no-repeat;
font-size:9px;
letter-spacing:-1px;
line-height:11px;
padding:0 6px 2px 6px;
text-align:center;
}

table#tvListings td > ul > li > a > p > span.hd {
background-image:url(http://cache.reelzchannel.com/assets/content/general/hdicon.png);
background-repeat:no-repeat;
font-size:9px;
line-height:11px;
padding:0 9px;
}

div#tvTimes { }
div#tvTimes ul { margin: 5px 0 20px 0; }
div#tvTimes ul li { margin: 0 0 4px 0; padding: 0 0 0 25px; }
div#tvTimes ul li.hd { background-image:url(http://cache.reelzchannel.com/assets/content/general/hdicon.png); background-repeat: no-repeat; background-position: 0 2px; }

/* CHANNEL-SPECIFIC CSS - PERHAPS BEST TO INCLUDE SEPARATELY */
div#tvListingsChannel > ul > li { border-bottom: solid 1px #ccc; font-size: 11px; }
div#tvListingsChannel > ul > li.hd { background: #E4DFFE; }
div#tvListingsChannel > ul > li img { float: left; margin: 0 5px 0 0; width: 96px; height: 144px; border: solid 1px #ccc; }

/* here is the href that makes the bounding box */
/* internal lists do not work in FF. Don't try. Pain. */
div#tvListingsChannel > ul > li > a { display: block; padding: 3px; color: #000; font-weight: normal; height: 146px; }
div#tvListingsChannel > ul > li > a:hover { text-decoration: none; background: #eee; }
div#tvListingsChannel > ul > li > a.hd { background: #E4DFFE; }
div#tvListingsChannel > ul > li > a.hd:hover { background: #DAD5F4; }
div#tvListingsChannel > ul > li > a > h2 { width: 150px; border-right: solid 1px #fff; border-bottom: none; margin-right: -1px; text-align: center; margin: 60px 0 0 0; }
div#tvListingsChannel > ul > li > a > h3 { font-size: 14px; color: #166495; margin: 0 0 3px 0; }
div#tvListingsChannel > ul > li > a > p { line-height: 13px; margin: 0 0 2px 0; }
div#tvListingsChannel > ul > li > a > p img { float: right; line-height: 11px; width: 22px; height: 12px; margin: 2px 0 0 0; border: none; }

div#tvListingsChannel > ul > li > a > p > span.clips {
background-image:url(http://www.reelzchannel.com/assets/global/clipnumber.gif);
background-position:center top;
background-repeat:no-repeat;
font-size:9px;
letter-spacing:-1px;
line-height:11px;
padding:0 6px 2px 6px;
text-align:center;
}

div#tvListingsChannel > ul > li > a > p > span.hd {
background-image:url(http://cache.reelzchannel.com/assets/content/general/hdicon.png);
background-repeat:no-repeat;
font-size:9px;
line-height:11px;
padding:0 9px;
}



/* DVD LISTINGS */
div#dvdNav { background: #ccc; padding: 10px; margin-bottom: 10px; } 
div#dvdNav ul { } 
div#dvdNav ul li { display: inline; } 
div#dvdNav select { font-size: 14px; font-weight: bold; padding: 2px; } 
table#dvdListings { font-size: 11px; }
table#dvdListings a { font-weight: bold; }
table#dvdListings td { border-right: solid 1px #999; }
table#dvdListings td.right { border-right: none; }
table#dvdListings td h2 { background: #ccc; border-right: solid 1px #fff; border-bottom: none; margin-right: -1px; text-align: center; padding: 5px 0; margin-bottom: 0; }
table#dvdListings td h2 img.back { float: left; margin: 0 0 0 0; padding: 2px 5px; border: 0; }
table#dvdListings td h2 img.forward { float: right;  margin: 0 0 0 0; padding: 2px 5px; border: 0; }
table#dvdListings td h2.right { border-right: none; }

/* tbd */
table#dvdListings td > ul > li { border-bottom: solid 1px #ccc; }
table#dvdListings td > ul > li img { float: left; clear: left; margin: 0 5px 0 0; width: 35px; height: 51px; border: solid 1px #ccc; }

/* here is the href that makes the bounding box */
/* internal lists do not work in FF. Don't try. Pain. */
table#dvdListings td > ul > li > a { display: block; padding: 3px; color: #000; font-weight: normal; height: 53px; }
table#dvdListings td > ul > li > a:hover { text-decoration: none; background: #eee; }
table#dvdListings td > ul > li > a.hd { background: #E4DFFE; }
table#dvdListings td > ul > li > a.hd:hover { background: #DAD5F4; }
table#dvdListings td > ul > li > a > h3 { font-size: 11px; color: #166495; }
table#dvdListings td > ul > li > a > p { line-height: 13px; }
table#dvdListings td > ul > li > a > p img { float: right; line-height: 11px; width: 22px; height: 12px; margin: 2px 0 0 0; border: none; }

table#dvdListings td > ul > li > a > p > span.clips {
background-image:url(http://www.reelzchannel.com/assets/global/clipnumber.gif);
background-position:left top;
background-repeat:no-repeat;
font-size:9px;
letter-spacing:-1px;
line-height:11px;
padding:0 6px 2px 4px;
text-align:center;
}

/* THEATER LISTINGS */
div#theaterNav { background: #ddd; padding: 10px; margin-bottom: 10px; /* for IE */ width: 628px; /* end for IE */ } 
div#theaterNav ul { } 
div#theaterNav ul li { display: inline; } 
div#theaterNav select { font-size: 14px; font-weight: bold; padding: 2px; } 
div#theaterNav > div > span { font-size: 14px; font-weight: bold; } 
div#theaterNav > div { float: left; }
div#theaterNav > div.right { float: right; }
div#theaterNav > div.right > div { float: left; }
div#theaterNav > div.right input#location { width: 200px; border: solid 1px #999; height: 16px; padding: 4px 0 4px 4px; margin: 0 5px 0 0; font-size: 14px; font-weight: bold; }
div#movieList { float: left; }
div#movieList > div { width: 266px; height: 325px; overflow: auto; border: solid 1px #ccc; }
div#movieList > div > div { padding: 3px; }
div#movieList > div > div > ul { margin: -3px 0; }
div#movieList > div > div a { display: block; margin: 0 -3px 0 -3px; padding: 1px 3px; }
div#movieList > div > div a:hover { background: #eee; text-decoration: none; }
div#theaterMap { float: right; }
div#googleMap { }
div#toolTip { background: #eee; padding: 5px; }
div#theatersAndMovies { margin: 20px 0 4px 0; }
div#theaterInfo { float: left; width: 260px; }

ul#theaterList { }
ul#theaterList > li { background: #eee; padding: 5px; }
ul#theaterList > li.singleTheater { margin: -12px 0 0 0; background: #fff; }
ul#theaterList > li > p > img { float: left; margin: 5px 8px 0 0; }
ul#theaterList > li a { font-size: 14px; font-weight: bold; }
ul#theaterList > li span { background: #999; color: #fff; padding: 2px; font-size: 14px; font-weight: bold; }
ul#theaterList > li > ul { background: #fff; margin: 3px -4px -4px -4px; font-size: 11px; }
ul#theaterList > li > ul > li { border-bottom: solid 1px #eee; padding: 4px; height: 52px; }
ul#theaterList > li > ul > li img { float: left; clear: left; margin: 0 5px 0 0; width: 35px; height: 51px; border: solid 1px #ccc; }
ul#theaterList > li > ul > li > div { float: left; width: 295px; }
ul#theaterList > li > ul > li > ul { float: left; margin: 15px 0 0 0; width: 300px; font-size: 14px; font-weight: bold; }
ul#theaterList > li > ul > li > ul > li { display: inline; padding: 0 10px 0 0; }


/* tbd */
div#theaterMovieList { font-size: 11px; }
div#theaterMovieList > ul > li { border-bottom: solid 1px #ccc; }
div#theaterMovieList > ul > li img { float: left; clear: left; margin: 0 5px 0 0; width: 35px; height: 51px; border: solid 1px #ccc; }

/* here is the href that makes the bounding box */
/* internal lists do not work in FF. Don't try. Pain. */
div#theaterMovieList > ul > li > a { display: block; padding: 3px; color: #000; font-weight: normal; height: 53px; }
div#theaterMovieList > ul > li > a:hover { text-decoration: none; background: #eee; }
div#theaterMovieList > ul > li > a.hd { background: #E4DFFE; }
div#theaterMovieList > ul > li > a.hd:hover { background: #DAD5F4; }
div#theaterMovieList > ul > li > a > h3 { font-size: 11px; color: #166495; }
div#theaterMovieList > ul > li > a > p { line-height: 13px; }
div#theaterMovieList > ul > li > a > p img { float: right; line-height: 11px; width: 22px; height: 12px; margin: 2px 0 0 0; border: none; }


ul#theaterMovieList > li > ul { background: #fff; margin: 3px -4px -4px -4px; font-size: 11px; }
ul#theaterMovieList > li > ul > li { border-bottom: solid 1px #eee; padding: 4px; height: 52px; }
ul#theaterMovieList > li > ul > li img { float: left; clear: left; margin: 0 5px 0 0; width: 35px; height: 51px; border: solid 1px #ccc; }
ul#theaterMovieList > li > ul > li > ul { float: left; margin: 5px 0 0 200px; font-size: 14px; font-weight: bold; }
ul#theaterMovieList > li > ul > li > ul > li { display: inline; padding: 0 15px 0 0; }

ul#singleMovieTheaters { }
ul#singleMovieTheaters > li { border-bottom: solid 1px #ccc; padding: 3px 0; min-height: 70px; }
ul#singleMovieTheaters > li > div { float: left; width: 230px; }
ul#singleMovieTheaters > li > div > img { float: left; margin: 10px 8px 5px 0; }

ul#singleMovieTheaters > li > div > p { font-size: 11px; }
ul#singleMovieTheaters > li > ul { float: left; font-size: 14px; font-weight: bold; margin: 25px 0 0 0; }
ul#singleMovieTheaters > li > ul > li { display: inline; padding: 0 15px 0 0;  }




/* COLUMN C CONTENTS */
div#featureArticles { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }
div#featureArticles ul { margin: 0 0 10px 0; padding: 0; font-size: 12px; list-style-type: none; }
div#featureArticles li { margin: 2px 0; padding: 2px 0 6px 14px; background-image: url(../images/background-article.gif); background-repeat: no-repeat; background-position: 0 3px; line-height: 13px; }
div#featureArticles li.first { background-image: none; padding: 0 0 15px 0; line-height: 14px; }
div#featureArticles li.first a { font-size: 14px; font-weight: bold; margin: 0 0 3px 0; }
div#featureArticles li a { text-decoration: none; }
div#featureArticles li a:hover { text-decoration: underline; }
div#featureArticles li img { margin: 0 8px 2px 0; }
div#featureArticles span { display: block; text-align: right; }

/* top videos */
div#topVideos { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }
div#topVideos ul { margin: 0 0 10px 0; }
div#topVideos li { }
div#topVideos li a { display: block; width: 272px; height: 42px; border: solid 1px #fff; padding: 3px; }
div#topVideos li a:hover { background: #eee; border: solid 1px #ddd; text-decoration: none; }
div#topVideos li a.active { background: #eee; border: solid 1px #c5dc1c; cursor: default; }
div#topVideos li a.active:hover { border: solid 1px #c5dc1c; }
div#topVideos li img { float: left; width: 68px; height: 38px; border: solid 2px #ddd; margin: 0 3px 0 0; }
div#topVideos li h3 { font-size: 11px; line-height: 11px; color: #777777; margin: 0 0 1px 0; }
div#topVideos li p { font-size: 10px; color: #bbb; line-height: 9px; }

/* top videos */
div#topVideosPop { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }
div#topVideosPop ul { margin: 0 0 10px 0; }
div#topVideosPop li { }
div#topVideosPop li a { display: block; width: 272px; height: 48px; border: solid 1px #fff; padding: 3px; }
div#topVideosPop li a:hover { background: #eee; border: solid 1px #ddd; text-decoration: none; }
div#topVideosPop li a.active { background: #eee; border: solid 1px #c5dc1c; cursor: default; }
div#topVideosPop li a.active:hover { border: solid 1px #c5dc1c; }
div#topVideosPop li div { float: left; margin: 0 3px 0 0; }
div#topVideosPop li div img { display: block; width: 68px; height: 38px; border: solid 2px #ddd; margin: 0 3px 0 0; }
div#topVideosPop li div img.pop { width: 70px; height: 4px; border: none; margin: 2px 0 0 1px; }
div#topVideosPop li h3 { font-size: 11px; line-height: 11px; color: #777777; margin: 0 0 1px 0; }
div#topVideosPop li p { font-size: 11px; color: #aaa; line-height: 12px; }

/* top comments */
div#topCommentsPop { background: #fff; border: solid 1px #666; padding: 10px; margin: 0 0 8px 0; }
div#topCommentsPop ul { margin: 0 0 10px 0; }
div#topCommentsPop li { }
div#topCommentsPop li a { display: block; width: 272px; height: 86px; border: solid 1px #fff; padding: 3px; }
div#topCommentsPop li a:hover { background: #eee; border: solid 1px #ddd; text-decoration: none; }
div#topCommentsPop li a.active { background: #eee; border: solid 1px #c5dc1c; cursor: default; }
div#topCommentsPop li a.active:hover { border: solid 1px #c5dc1c; }
div#topCommentsPop li div { float: left; margin: 0 3px 0 0; }
div#topCommentsPop li div img { display: block; width: 68px; height: 75px; border: solid 2px #ddd; margin: 0 3px 0 0; }
div#topCommentsPop li div img.pop { width: 70px; height: 4px; border: none; margin: 2px 0 0 1px; }
div#topCommentsPop li h3 { font-size: 11px; line-height: 11px; color: #777777; margin: 0 0 1px 0; }
div#topCommentsPop li p { font-size: 11px; color: #aaa; line-height: 12px; }



/* movie news */
div#movieNews { background: #fff; border: solid 1px #666; padding: 11px; margin: 0 0 8px 0; }
div#movieNews ul { margin: 0 0 0 0; padding: 0; font-size: 12px; list-style-type: none; }
div#movieNews li { margin: 2px 0; padding: 2px 0 6px 0; line-height: 14px; }
div#movieNews li a { text-decoration: none; display: block; }
div#movieNews li a:hover { text-decoration: underline; }
div#movieNews cite { background: #eee; padding: 0 2px; font-size: 11px; font-style: normal; color: #555; }
div#movieNews span { display: block; margin: 0; text-align: right; }

/* LOGIN */
div#loginBox {  }
div#loginBox span { font-size: 11px; }
div#loginBox div.close { float: right; margin: 0 0 5px 0; }
div#loginBox div#left { float: left; width: 360px; margin-right: 20px; }
div#loginBox div#right { float: left; width: 330px; background: #eee; padding: 20px; }
div#loginBox div#left p { margin: 0 0 3px 0; }
div#loginBox div#left p input[type="text"] { width: 150px; border: solid 1px #999; }
div#loginBox div#left p input[type="password"] { width: 150px; border: solid 1px #999; }
div#loginBox div#left p input[type="checkbox"] { vertical-align: middle; margin-bottom: 4px; }
div#loginBox div#left p select { width: 150px; border: solid 1px #999; font-size: 12px; }
div#loginBox div#left p label { font-weight: bold; display: block; float: left; width: 120px; padding: 3px 0 0 0; }

div#loginBox div#left fieldset { border: dotted 1px #ccc; margin: 10px 0 5px 0; }
div#loginBox div#left fieldset legend { color: #999; font-weight: bold; text-transform: uppercase; }
div#loginBox div#left > fieldset > p > label { width: 110px; }


/* FOOTER */
div#footer { width: 730px; margin: 5px 0 0 135px; }

/* FOOTER CONTENTS */
div#footer { color: #333; font-weight: bold; }
div#footer div.left { float: left; width: 122px; margin: 0 20px 15px 0; }
div#footer div.right { float: left; width: 500px; margin: 0 0 15px 0; }
div#footer ul { }
div#footer li { display: inline; list-style-type: none; }
div#footer li:after { content: " | "; }
div#footer li.last:after { content: ""; }
div#footer a { color: #333; text-decoration: none; }