@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { background: #121212 url(/images/menu_line.gif) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; }
h1 { font-size: 35px; color: #96ff00; text-transform: uppercase; font-weight: normal; float: left; margin-top:8px;}
h2 { font-size: 24px; font-weight: normal; float: left; }
#page { width: 1000px; margin: 0 auto; }
p { font-size: 14px; padding-bottom: 10px; }
a {color: #96ff00;}
a:link {color:#96ff00; text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {text-decoration:none;}

#header { height: 150px; width: 100%; float: left; }
#header .logo { width: 480px; height:132px; margin-right:225px; float: left; background-image:url(/images/logo_again.gif); }
#header .box1 { width: 376px; height: 117px; float: left; margin-top: 16px; background: url(/images/top_30s.jpg) no-repeat; }
#header .time { width: 259px; float: left; margin: 38px 0 0 15px; }
#header .time .txt { width: 100%; float: left; color: #96ff00; font-size: 18px; }
#header .time .time_remainig { width: 259px; height: 57px; no-repeat; margin-top: 3px; font-size: 45px; color: #FFF; float: left; text-align: center; line-height: 46px; }

#top_adverts { height: 90px; width: 962px; float:left; margin-left:20px; margin-top:10px; margin-bottom:10px;}
#top_leaderboard { height: 90px; width: 728px; float:left;}
#top_small_ad { height: 90px; width: 222px; margin-left:12px; float:left;}

#menu { width: 100%; height: 57px; float: left; }
#menu ul { width: 832px; float: left; margin: 6px 0 0 84px; height: 41px;  }
#menu ul li { float: left; list-style: none; background: url(/images/menu.gif) no-repeat; width: 122px; height: 41px; text-align: center; line-height: 41px; margin-left: 20px; }
#menu ul li a { color: #FFF; text-decoration: none; }
#menu ul li.selected a { color: #96ff00; }
#menu ul li a:hover { text-decoration: underline; }

#content { width: 960px; margin-left: 20px; float: left; } 
.arrow { width: 101px; height: 40px; background: url(/images/arrow.gif) no-repeat; float: left; margin-top: 8px; }
.scroller {width: 260px; height: 40px; float: right; margin-top: 8px; background-image:url(/images/scroller_bg.gif); margin-bottom:8px;}
.scroller_bar { width: 260px; height: 20px; margin-top: 20px; font-size:14px; background-image:url(/images/scroller_bar_bg.gif); background-repeat:repeat-x;}
.youtube_link { width: 90px; height: 40px; float: right; margin-top: 8px; margin-left:5px; background-image:url(/images/youtube_icon.gif); margin-bottom:8px}
.twitter_link { width: 40px; height: 40px; float: right; margin-top: 8px; margin-left:5px; background-image:url(/images/twitter_icon.gif); margin-bottom:8px}
.facebook_link { width: 40px; height: 40px; float: right; margin-top: 8px; margin-left:5px; background-image:url(/images/facebook_icon.gif); margin-bottom:8px;}
.clear { clear: both; }

.leftcol { width: 232px; min-height:805px; float: left; }
.ads { width: 230px; float: left; }

.twitter { width: 232px; float: left; height: 270px; background: url(/images/twitter_line.gif) repeat-x; text-align: center; margin-top: 10px; }
.twitter .image { float: left; width: 100%; text-align: center; margin-top: 5px; }
.twitter .box { width: 204px; height: 162px; background: url(/images/twitter_box.gif) no-repeat; margin: 10px 0 0 14px; float: left;color: #005a77;  }
.twitter .box span { width: 204px; height: 40px; color: #005a77; font-size: 30px; font-family: Myriad Pro; display: block; float: left; line-height: 30px; margin-top: 10px; }
.twitter .box span a { color: #005a77; text-decoration: none; } 
.twitter .box p { padding-top: 20px; float: left; width: 100%; font-weight: bold; }

.content_page_h_line {margin-bottom:10px;}
.content_page_main {margin-bottom:10px;}
.content_page_video {margin-bottom:10px;}


.rightcol { width: 717px; float: left; margin-left: 10px; padding-bottom: 10px; }
.screen { width: 711px; float: left;  border: 3px solid #96ff00; background: url(/images/pattern.gif); }
.screen .live_tab { width: 355px; line-height: 38px; height: 38px; float: left; text-align: center; font-size: 24px; cursor:pointer; }
.screen .live_tab.selected { background: url(/images/live_tab.gif) no-repeat left; color: #000; cursor:pointer; }
.screen .prev_tab { width: 356px; line-height: 38px; height: 38px; float: left; text-align: center; font-size: 24px; cursor:pointer; }
.screen .prev_tab.selected { background: url(/images/prev_tab.gif) no-repeat right; color: #000; cursor:pointer; }

#home_page_player_info {width: 690px; float: left; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 10px;}
#home_page_info {width: 690px; height: 118px; float: left; margin-bottom:10px;}
#home_page_player {width: 690px; height: 400px; float: left; margin-bottom:10px;}
#flash {width: 690px; height: 400px; float: left; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 10px;}
#in_page_video {width: 686px; height: 414px; margin-bottom:10px;}
#watch_again_video {width: 690px; height: 400px; float: left; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 10px;}
#google_map {width: 690px; height:auto; float:left; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 10px;}
#google_info {width: 690px; height:auto; float:left; margin-top: 10px; margin-right: 0; margin-left: 10px;}

.screen .bottom_box { width: 100%; float: left; background: url(/images/bg.gif) no-repeat; height: 199px; border-top: 1px solid #96ff00; }
.screen .bottom_box .inside { width: 687px; float: left; margin: 10px 0 0 12px; background: #292929; height: 178px; }
.inside .box { width: 316px; height: 150px; float: left; margin: 9px; border: 6px solid #96ff00; background: #000; }
.inside .text_box { width: 328px; height: 158px; float: right; margin: 10px; margin-left:0px; }
.inside .text_box p { float: left; }
.inside .box_home_left { width: 328px; height: 158px; float: left; margin: 10px; background-image:url(images/home_best_bits_bg.gif);}
.inside .box_home_left_best_1 { width: 316px; height: 56px; margin-bottom:5px; margin-top:35px; float:left; margin-left:6px;}
.inside .box_home_left_best_2 { width: 316px; height: 56px; float:left; margin-left:6px;}
.inside .box_home_left_best_clips_1st { width: 100px; height: 56px; float:left; background-image:url(images/home_highlights.png);}
.inside .box_home_left_best_clips { width: 100px; height: 56px; float:left; margin-left:8px; background-image:url(images/home_highlights.png);}
.inside .box_home_right { width: 328px; height: 158px; float: right; margin: 10px; margin-left:0px; }
.inside .box_home_right_text { width: 328px; height: 74px; margin-bottom:10px; background-image:url(images/home_text_bg.gif);}
.inside .box_home_right_clue { width: 328px; height: 34px; background-image:url(images/home_clues_bg.gif); padding-top:40px;}
.inside .box_home_right_clue_scroll { width: 320px; height: 20px; margin-left:4px; background-image:url(images/home_scroll_bg.png);}
.inside .box_again_left { width: 328px; height: 158px; float: left; margin: 10px; background-image:url(images/previous_more_bg.gif);}
.inside .box_again_left_best_1 { width: 316px; height: 56px; margin-bottom:5px; margin-top:35px; float:left; margin-left:6px;}
.inside .box_again_left_best_2 { width: 316px; height: 56px; float:left; margin-left:6px;}
.inside .box_again_left_best_clips_1st { width: 100px; height: 56px; float:left; background-image:url(images/home_highlights.png);}
.inside .box_again_left_best_clips { width: 100px; height: 56px; float:left; margin-left:8px; background-image:url(images/home_highlights.png);}
.inside .box_again_right { width: 328px; height: 158px; float: right; margin: 10px; margin-left:0px; background-image:url(images/previous_highlighs_bg.gif);}
.inside .box_again_right_text { width: 316px; float: left; margin-top:30px; margin-left:10px; font-size:11px;}

.container {width: 687px; float: left; margin: 10px 0 0 12px; min-height:100px; __height: 600px;}
.container ul.videos { width: 100%; float: left; }
.container ul.videos li { width: 100%; float: left; border-bottom: 1px solid #313131; padding: 14px 0 10px 0; list-style: none; }
.container ul.videos li div.big { background: #292929; height: 130px; width: 100%; }
.container ul.videos li div.big .col1 { width: 120px; height: 112px; float: left; margin: 9px 0 0 10px; border-right:1px solid #6a6a6a; padding-right: 18px;}
.container ul.videos li div.big .col1 img { border: 1px solid #96ff00; float: left; margin-top: 0px; }
.container ul.videos li div.big .col2 { width: 150px; height: 112px; float: left; margin: 9px 0 0 0; border-right:1px solid #6a6a6a; text-align: center; font-size: 72px; line-height: 112px; color:#999999; }
.container ul.videos li div.big .col2 a { color:#96ff00;}
.container ul.videos li div.big .col2 a:link, a:visited  { color:#96ff00; text-decoration:none;}
.container ul.videos li div.big .col2 a:hover { color:#ffffff; text-decoration:none;}
.container ul.videos li div.big .col3 {width: 368px; height: 112px; float: left; margin: 9px 0 0 8px; float: left;}
.container ul.videos li div.big .col3 p { font-size: 12px; }

.clues_homepage {margin-bottom:10px;}
.clues_content_box {width:686px;}
.clues_content_top_1st {width:686px; margin-top:10px;}
.clues_content_top {width:686px;}
.clues_content_mid {width:666px; background-color:#343434; font-size:12px; padding-left:10px; padding-right:10px;}
.clues_content_bottom {width:686px; margin-bottom:10px;}

ul.footage { width: 100%; float: left; padding-bottom: 30px; }
ul.footage li { width: 124px; height: 100px; float: left; margin: 10px 0 0 10px; list-style: none; }
ul.footage li img {border: 1px solid #96ff00;}

.heading_one { width: 154px; text-align: center; color: #96ff00; font-size: 14px; float: left; margin-top: 18px; }
.heading_two { width: 150px; text-align: center; color: #96ff00; font-size: 14px; float: left; margin-top: 18px; }
.heading_three { width: 370px; text-align: center; color: #96ff00; font-size: 14px; float: left; margin-top: 18px; }

#footer { width: 100%; float: left; height: 106px; background: url(/images/footer.gif) repeat-x; }
#footer .footer_box { width: 1000px; margin: 0 auto; }
#footer .leftside { width: 800px; float: left; margin: 25px 0 0 20px; font-size: 10px; }
#footer .leftside_text { width: 480px; float:left;}
#footer .leftside_links_1st { width: 120px; float: left; margin-left:30px;}
#footer .leftside_links_2nd { width: 120px; float: left; margin-left:10px;}
#footer .rightside { width: 160px; float: left; margin-top: 30px; text-align: right; }
#footer a:link, a:visited {color:#96ff00; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.w_home { width: 960px; float: left; padding-bottom: 10px; }
.w_screen { width: 955px; float: left; margin-top: 10px;  border: 3px solid #96ff00; background: url(/images/pattern.gif); }
.w_container {width: 930px; float: left; margin: 10px 0 0 12px; min-height: 300px; __height: 600px;}
.w_container_e_l {width: 930px; float: left; margin-bottom:10px; min-height: 300px; __height: 600px;}
.w_enter {width: 430px; height:100px; float: left; margin: 18px 0 0 12px;}
.w_leave {width: 430px; height:100px; float: right; margin: 18px 10px 0px 0px;}

#prevous_highlights { height: 250px; width: 100%; }
#prevous_title { height: 30px; width: 100%; }
.prevous_img_box_1st { height: 100px; width: 225px; float:left; margin-top:5px; background-color:#666666; }
.prevous_img_box { height: 100px; width: 225px; float:left; margin-left:5px; margin-top:5px; background-color:#666666;}
.prevous_title_text {font-family: Arial, Helvetica, sans-serif; font-size: 24px;}

#google_maps_variation {font-family: Arial, Helvetica, sans-serif; font-size:18px; color: #96ff00; margin-bottom:10px;}
#google_maps_variation a {margin-left:5px; margin-top:5px; padding-bottom: 5px; color: #96ff00;}
#google_maps_variation a:link, a:visited {color:#96ff00; text-decoration:none;}
#google_maps_variation a:hover {text-decoration:underline;}

.clues_days_box { height: 100px; width: 686px; float:left; margin-bottom:5px; background-color:#666666; background-image:url(images/cryptic_objects_title.gif); background-repeat:no-repeat; }

.lcdstyle{ /*Example CSS to create LCD countdown look*/ color:#FFFFFF; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold;}
.lcdstyle sup{ /*Example CSS to create LCD countdown look*/ font-size: 80%;}

fieldset {
	width: 198px;
	border: 0px;
}
legend {
	font-size: 16px;
	color: #fed201;
	padding: 2px 4px;
	font-weight: bold;
}
dt {
	float: left;
	clear: left;
	width: 25%;
	padding: 5px;
	text-align: right;
	font-weight: bold;
	color: #666699;
}
dd {
	text-align: left;
	padding: 5px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.input {
	border: 1px solid #666699;
}
.btn {
	background-color: #666699;
	color: #fff;
	padding: 4px;
	font-size: 110%;
	font-weight: bold;
}


fieldset {width: 184px; border: 0px;}
legend {
	font-size: 20px;
	color: #fed201;
	padding: 2px 4px;
	font-weight: bold;
}
dt {float: left; clear: left; width: 25%; padding: 5px; text-align: right; font-weight: bold; color: #666699;}
dd {text-align: left; padding: 5px;}
textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}
.input {border: 1px solid #666699;}
.btn {background-color: #666699; color: #fff; padding: 4px; font-size: 110%; font-weight: bold;}