/* CSS Created by Bright AI Ltd. for Operation Sports on 01/11/2007 */ @font-face { font-family: 'Economica'; font-style: normal; font-weight: bold; src: url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/bold.eot'); /* IE9 Compat Modes */ src: url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/bold.woff') format('woff'), /* Modern Browsers */ url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/bold.svg#economicaBold') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Economica'; font-style: normal; font-weight: normal; src: url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/regular.eot'); /* IE9 Compat Modes */ src: url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/regular.woff') format('woff'), /* Modern Browsers */ url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://assets1.osftw.com/fonts/UwwUK2drWdq8pH/regular.svg#economica') format('svg'); /* Legacy iOS */ } /* Main Site */ html { border:0; } body { margin:34px 0 0 0; border:0; padding:0; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#393939; /*background-image:url(http://assets1.osftw.com/images/gen_bg.gif);*/ background-color: #494949; } #wrap { width:980px; margin:auto; min-height:100%; background-image:url(http://assets1.osftw.com/images/bgcol.gif); background-repeat:repeat-y; position:; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#393939; } #wrap_f { margin: auto; /*width: 976px; */ width: 980px; min-height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#393939; } #wrap_skin { margin:auto; width:980px; min-height:100%; background-repeat:repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#393939; } * html #wrap { heightc:100%; } #inner-wrap { overflow: hidden; clear: both; padding: 13px 14px 0 14px; background-color:#2b2b2b; box-shadow: 0 -1px 20px black; -webkit-box-shadow: 0 -1px 20px black; -moz-box-shadow: 0 -1px 20px black; khtml-box-shadow: 0 -1px 20px black; o-box-shadow: 0 -1px 20px black; } #inner-wrap:after { content:""; display:block; clear:both; } #footer { position:relative; bottom:0; height:60px; width:100%; background-image:url(http://assets1.osftw.com/images/footerbg_intergi_980.png); background-repeat:no-repeat; color:#CCC; text-align:left; clear:both; box-shadow: 0 15px 20px black; -webkit-box-shadow: 0 15px 20px black; -moz-box-shadow: 0 15px 20px black; khtml-box-shadow: 0 15px 20px black; o-box-shadow: 0 15px 20px black; } #inner_footer { margin-top:10px; } #topnav { /*background-color: #000; */ /*background-color: #484848;*/ /*background-color: #333333;*/ background-color: #3d3d3d; /*border-bottom: 1px solid gray; */ border-bottom: 1px solid #696969; color: #cbcbcb; position: relative; } /*#topnav li a:link, { color: #9aa3ad; text-decoration:none;}*/ #topnav_red { background-image:url(http://assets1.osftw.com/images/gen_topnav.gif); background-position:center; background-repeat:no-repeat; color:#FF0028; height:20px;} #topnav_red li a:link, { color: #FF0028; text-decoration:none;} #topnav_promo { background-image:url(http://www.operationsports.com/images/topnav_fantasy09.jpg); background-position:center; background-repeat:no-repeat; color:#cbcbcb; height:40px;} #topnav_forums { margin-left:9px; background-image:url(http://assets1.osftw.com/images/gen_topnav.gif); background-position:left; color:#cbcbcb; height:20px;} #topnav_forums li a:link, { color: #9aa3ad; text-decoration:none;} #header { background-image:url(http://assets1.osftw.com/images/headerbg_sports.jpg); background-position:center; background-repeat:no-repeat; height:125px; } #header_blackbar { position:relative; background-image:url(http://assets1.osftw.com/images/headerbg_intergiv8.png); background-repeat:no-repeat; height:125px; /* box-shadow: 0 0 25px #333; -webkit-box-shadow: 0 0 25px #333; -moz-box-shadow: 0 0 25px #333; khtml-box-shadow: 0 0 25px #333; o-box-shadow: 0 0 25px #333;*/ } #header_blackbar_e3 { background-image:url(http://assets1.osftw.com/images/headerbg_e3.jpg); background-position:center; background-repeat:no-repeat; height:125px; } #header_forums { margin-left:9px; background-position:left; background-repeat:no-repeat; height:125px; } #header_skin { background-position:center; background-repeat:no-repeat; height:125px; } #mainnav {background-image:url(http://assets1.osftw.com/images/mainnav.gif); color:#CCC; line-height:30px; font-weight:bold; height:30px;} #bannerlogin { margin-left:auto; margin-right:auto; padding-left:3px; margin-bottom:10px;} #left { float:left; width:166px; background-image:url(http://assets1.osftw.com/images/gen_navbg.gif); background-repeat:repeat-y; border-bottom:1px solid rgb(131, 141, 151); } #left a:hover {color:#FFFFFF;} a:active { outline: none; } #content { float:left; padding:0px; text-align:left; width: 642px; } #content_forums { width:942px; float:left; margin-left:4px; padding:2px; text-align:left; } #content_forums_21 { width:780px; float:left; margin-left:6px; padding:2px; text-align:left; } .headlinelink { padding-top:5px; color:#393939; clear:both; font-size:9pt;} .headlinelink a:link {color:#006EA6; text-decoration:none; font-weight:bold;} .headlinelink a:visited {color:#006EA6; text-decoration:none; font-weight:bold;} .headlinelink a:hover {color:red; text-decoration:underline; font-weight:bold;} #right { float: right; width:300px; text-align:left;} #main { margin-left:0px } #loggedin {color: #FFF; background-image:url(http://assets1.osftw.com/images/gen_loggedinbox.gif); background-repeat:no-repeat; float:left; height:100px; text-align:left; width:229px;} #loggedin_skin {color: #FFF; background-image:url(http://assets1.osftw.com/images/gen_loggedinbox_skin.gif); background-repeat:no-repeat; float:left; height:100px; text-align:left; width:236px;} #loginicon{ float:left; position:relative; left:18px; top:5px; width:50px; height:50px; } #logindetails {float:left; position:relative; left:18px; top:5px; height:50px; width:160px; } #title_text{ padding:6px 0 0 20px; color:#FFF; font-weight:bold; text-transform: uppercase;} #title_text a:link {color:#d4d4d4; text-decoration:none; font-weight:bold;} #title_text a:visited {color:#d4d4d4; text-decoration:none; font-weight:bold;} #title_text a:hover {color:#FFFFFF; text-decoration:none; font-weight:bold;} #title_text_feat{ padding:6px 0 0 20px; color:#FFF; font-weight:bold;} #nav_text { padding:6px 0 0 6px; color:#FFF; font-weight:bold; text-transform: uppercase;} /* Font Styles */ p {margin:10px 0px 10px 0px; padding:0;} h1 { margin:0;font-size: 1em;font-weight: normal;} } .maintext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; color: #FFFFFF;} .text_white { color:#FFF; text-decoration: underline;} .white {color:#FFF;} .formbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .submitdate { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;} .colour {color: #9aa3ad} a { color:#393939; text-decoration:none;} a.topnav:link, a.topnav:active, a.topnav:visited, a.topnav:hover { color: #cbcbcb; text-decoration: none;} a.topnav_red:link, a.topnav_red:active, a.topnav_red:visited, a.topnav_red:hover { color: #FF0028; text-decoration: none;} a.colour:link, a.colour:active , a.colour:visited , a.colour:hover{color: #9aa3ad; text-decoration: none;} a.news:hover{ text-decoration: underline;} a.gameslist:link, a.gameslist:active , a.gameslist:visited { font-weight:bold; text-decoration: none;} a.gameslist:hover{ font-weight:bold; color: #9aa3ad; text-decoration: underline;} a.n:hover{ text-decoration: underline;} /*Launch Area*/ .lcdstyle{ /*Example CSS to create LCD countdown look*/ background-color:#3B3B3B; color:white; font: bold 21px Arial; padding: 3px; } .lcdstyle sup{ /*Example CSS to create LCD countdown look*/ font-size: 70% } #launch_area{ background-image:url(http://assets1.osftw.com/images/ncaa_launch.gif); height:44px; width:480px; padding-top:7px;} #launch_area{ height:44px; width:480px; position:relative; } /* Ads */ #120x600{ margin:10px; .margin:10px 10px 66px 10px; clear:both; position: relative;} #ad300x250{ margin-bottom: 5px; position: relative; } #ad468x60{ margin:10px 10px 10px 6px; .margin:10px 10px 66px 6px; } /* Top Nav */ #topnavinside{ bottom: -7px; position: absolute; text-align: left; color: #cbcbcb; font-weight: bold; } #topnavinside_promo{ float:left; position:relative; top:2px; left:17px; text-align:left; color: #cbcbcb; font-weight: bold;} #date a { color: #CBCBCB; } #date { position:absolute; right: 0; bottom: -11px; line-height:20px; color: #CBCBCB; font-weight: bold; } /* Header / Search */ #hdleft1{ float:left; height:110px; width:135px; } #hdleft2{ float:left; height:100px; width:505px;} #hdlogo{ float:left; position:relative; height:75px; width:380px; text-align:right; color:#FFF; } #hdlogo[id]{top:3px;}/*Mozilla*/ #hdmenu{ clear:both; width:796px; text-align:left; color:#FFF; top:72px; left:135px; position: absolute; z-index: 1000001;} #hdoption{ float:left; margin-right:6px; color:white; font-weight:bold;} #hdoption a{ color:white;} #hdoption a:hover { text-decoration:underline;} #hdright{ width:329px; height:22px; top: 42px; right:10px; position:absolute; text-align:center; } #hdsearch{ float:left; width:223px; height:22px; top: 4px; left:0px; position:relative; text-align:left;} #hdsearch[id]{ left:3px; top: 3px; width:225px;} #hdsearchbutton{ float:left; top: 1px; left:1px; position:relative; text-align:left; } #hdsearchbutton[id]{top:0px;} .hdsearchbox{ border:none; background-color: #FFF; width:216px; height:15px; font:Arial, Helvetica, sans-serif; font-size:12px;} /*Feature Area*/ #feature_top { clear:both; height:150px; overflow: hidden; background-repeat:no-repeat; background-position: 4px 0px } #feature_top a{ color:white; } #feature_top1 { clear:both; height:150px; overflow: hidden; background-repeat:no-repeat; background-position: 4px 0px } #feature_top1 a{ color:white; } #feature_top2 { clear:both; height:150px; overflow: hidden; background-repeat:no-repeat; background-position: 4px 0px } #feature_top2 a{ color:white; } #feature_top3 { clear:both; height:150px; overflow: hidden; background-repeat:no-repeat; background-position: 4px 0px } #feature_top3 a{ color:white; } #feature_top4 { clear:both; height:150px; overflow: hidden; background-repeat:no-repeat; background-position: 4px 0px } #feature_top4 a{ color:white; } #feature_btm { clear:both; height:60px; } #feature_box { float:left; width:110px; height:60px; margin:0px 4px 0px 4px; } #feature_box[id] { margin:5px 0px 0px 8px; } * html #feature_box{ margin:5px 0px 0px 5px; } /*IE6 Hack*/ #feature_text { margin-top:115px; height:35px; width:470px; line-height:35px; font-weight:bold; font-size:14px; background-image:url(http://assets1.osftw.com/images/black50.png); text-align:left; } #feature_text[id] {margin-left:4px;} /*Moz Hack*/ * html #feature_text{ background-color:#333333; background-image:none; } /*IE6 Hack*/ #feature_text_inner { padding-left:10px;} * html #feature_text_inner{ margin-top:10px; } /* Banner Login */ /*#login{ color: #FFF; background-image:url(http://assets1.osftw.com/images/gen_loginbox.gif); background-repeat:no-repeat; float:left; height:95px; text-align:left; width:229px; }*/ #login_skin{ color: #FFF; background-image:url(http://assets1.osftw.com/images/gen_loginbox_skin.gif); background-repeat:no-repeat; float:left; height:95px; text-align:left; width:229px; } #loginsignup { height:30px; .height:29px; text-align:right; } #loginuser { height:18px; position:relative; left:18px; } #loginforgotten { height:11px; margin-top:3px; float:left; width:223px; text-align:right; } #loginpass { float:left; height:20px; position:relative; left:18px; margin-top:2px; width:128px; text-align:left; } #loginbutton{ float:left; height:20px; position:relative; left:25px; text-align:left; } .loginbox1{ margin-top:3px; border:none; background-color: #646464; width:159px; overflow:hidden; height:16px; color:#FFF; font:Arial, Helvetica, sans-serif; font-size:12px;} .loginbox2{ margin-top:4px; border:none; background-color: #646464; width:159px; overflow:hidden; height:16px; color:#FFF; font:Arial, Helvetica, sans-serif; font-size:12px;} .loginbox1_old{ border:none; background-color: #FFF; width:200px; height:14px; font:Arial, Helvetica, sans-serif; font-size:12px;} .loginbox2_old{ border:none; background-color: #FFF; width:128px; height:14px; font:Arial, Helvetica, sans-serif; font-size:12px;} #login_new_text { color: #FFF; font-weight:bold; font-size:8pt; width:97px;} #login_new_text a { color: #DCDADA; text-decoration: none; } #login_new_text a:hover { color: #FFFFFF; text-decoration: none; } #login_box_hover { padding-left:2px; width:97px; height:20px; } #login_box_hover a { width:97px; height:20px; } #login_box_hover:hover { background: url(http://assets1.osftw.com/images/darkgrey50.png); display:block; width:97px; height:20px; } #login_box_hover_text { padding-left:15px; position:absolute; padding-top:2px; } /* Game Details */ #det_row { clear:both; } #det_row_S, #det_row_S2 { float:left; padding:2px; border:#6d6d6d 1px solid; margin-bottom:2px; height:23px; background-color:#; background-image:url(http://assets1.osftw.com/images/gen_detbg1.gif); background-repeat:repeat-x;} #det_row_S2 { margin-left:2px; width:64px; } #det_row_S { width:65px;} #det_row_B, #det_row_B2 {float:left; width:67px; height:20px; padding-right:6px; padding-bottom:4px;} #det_row_B2 {padding-right:0px; } #det_row_M, #det_row_M2, #det_row_M3 { float:left; padding:2px; border:#6d6d6d 1px solid; margin-bottom:2px; height:23px; background-color:#; background-image:url(http://assets1.osftw.com/images/gen_detbg2.gif); background-repeat:repeat-x;} #det_row_M2 { margin-left:2px; width:136px; } #det_row_M3 { width:281px; } #det_row_M { width:137px; } #det_row_L { color:#9aa3ad; float:left; padding:2px; border:#6d6d6d 1px solid; margin-bottom:2px; width:281px; height:70px; background-image:url(http://assets1.osftw.com/images/gen_detbg1.gif); background-repeat:repeat-x;} #det_row_L2 { color:#9aa3ad; float:left; padding:2px; border:#6d6d6d 1px solid; margin-bottom:2px; width:281px; height:51px; background-image:url(http://assets1.osftw.com/images/det_scorebg.gif); background-repeat:none;} #det_row_L2A { color:#9aa3ad; float:left; padding:2px; border:#6d6d6d 1px solid; margin-bottom:2px; width:281px; height:51px; background-image:url(http://assets1.osftw.com/images/gen_monster_score.gif); background-repeat:none;} #det_row_screen { float:left; padding:2px; border:#6d6d6d 1px solid; margin-bottom:2px; width:190px; height:107px; background-image:url(http://assets1.osftw.com/images/gen_detbg4.gif); background-repeat:repeat-x;} #det_row_userrating { float:left; padding:2px; border:#6d6d6d 1px solid; margin-bottom:2px; width:190px; height:40px; background-image:url(http://assets1.osftw.com/images/gen_detbg4.gif); background-repeat:repeat-x;} #det_rowtitle { height:20px; line-height:10px; margin-top:5px;} #det_rowtop { height:6px; padding-top:2px;} #det_rowbtm { color: #9aa3ad} #det_thumb {width:100px; color:#FFFFFF; height:70px; margin-right:5px; float:left;} #det_rating { float:left; padding:2px; margin-bottom:2px; width:85px; height:109px; margin-left:2px; color:#FFFFFF; text-align:center; background-image:url(http://assets1.osftw.com/images/score_bg_sml.jpg); background-repeat:no-repeat;} #det_rating1 { color:#333333; font-size:30px; font-weight:bold; padding-top:12px; text-align:center; float:left; width:70px; height:50px; } #det_rating2 { float:left; margin-left:7px; margin-top:16px; width:50px; height:50px;} #det_rating2a { float:left; width:50px; height:50px;} #det_rating3 { color:#FFFFFF; font-size:35px; font-weight:bold; padding-top:10px; text-align:center; float:left; width:70px; height:41px; } /* Navigation */ #left a{font-size:11px;font-weight:bold; color:#d4d4d4; text-decoration:none; } #nav_option{ text-align:left; padding-left:6px; margin-top:0; height:18px; } #nav_header_t{ background-image:url(http://assets1.osftw.com/images/gen_navhead_t.gif);} #nav_header_m{ background-image:url(http://assets1.osftw.com/images/gen_navhead_m.gif);} #nav_header_t, #nav_header_m {margin-left:0px; margin-top:0px; height:30px; width:166px;} #nav_header_space{ height:5px; width:166px;} /* Feature Blades/Menu */ #feature_title {margin-top:5px;} .feature_title a:link {color:white; text-decoration:none; font-weight:bold;} .feature_title a:visited {color:white; text-decoration:none; font-weight:bold;} .feature_title a:hover {color:gray; text-decoration:none; font-weight:bold;} #title_med{ background-image:url(http://assets1.osftw.com/images/title_med_640.gif); height:30px; width:646px;} #title_med_score{ background-image:url(http://assets1.osftw.com/images/blog_title_med_white.gif); height:30px; width:640px;} #feature{ text-align:center; color:white; background-color:#3e3e3e; width:478px; height:220px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97;} #feature_640{ text-align:center; color:white; background-color:#3e3e3e; width:644px; height:220px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97;} /* Author Profile Area */ #a_title_med{ background-image:url(http://assets1.osftw.com/images/title_med.gif); height:30px; width:480px;} #a_feature{ text-align:left; color:white; background-color:#3e3e3e; width:478px; height:160px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97;} #a_feature a:link {color:white; text-decoration:underline; font-weight:bold;} #a_feature a:visited {color:white; text-decoration:underline; font-weight:bold;} .a_name { text-align:left; padding:0px 0px 0px 10px; font-size:12pt; font-weight:bold; margin-left:10px;} .a_bio { text-align:left;padding:0px 0px 0px 0px; font-size:8pt; margin-left:0px; width:440px;} /* Latest News */ #title_micro_white{ background-image:url(http://assets1.osftw.com/images/title_micro_white.gif); height:35px; width:237px;} #title_med_white{ background-image:url(http://assets1.osftw.com/images/blog_title_med_white.gif); height:35px; width:640px;} #title_med_white_forums{ background-image:url(http://assets1.osftw.com/images/title_med_white.gif); height:35px; width:480px;} #box_latestheadlines{ text-align:center; background-color:#FFF; width:217px; border-left: solid 1px #4c4b4b; border-right: solid 1px #4c4b4b; border-bottom: solid 1px #4c4b4b; background-image:url(http://assets1.osftw.com/images/gen_whitebg_sml.gif); text-align:left; padding:5px 9px 9px 9px; } #latestnews{ text-align:center; background-color:#FFF; width:460px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97; background-image:url(http://assets1.osftw.com/images/gen_whitebg.gif); text-align:left; padding:5px 9px 9px 9px; } #latestnews_640{ text-align:center; background-color:#FFF; width:620px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97; background-image:url(http://assets1.osftw.com/images/blog_gen_whitebg.gif); text-align:left; padding:5px 9px 9px 9px; } #newscomments { float:left; font-weight:bold; margin-left:5px; } #newswrapp {padding-top:10px;width:460px } #newswrapp_640 {padding-top:10px; } #newsthumb {float:left; width:110px; height:75px;} #newsthumbinner {width:30px; height:30px; margin-right:10px; float:left;} #newstext {float:left; width:560px; text-align:left;} #newstext_640 {float:left; width:530px; text-align:left;} #blogtext {float:left; width:560px; text-align:left;} #newsbullet {padding-right:8px; float:left; width:7px; text-align:left;} #newsshort {width:460px; text-align:left; clear:both;" align="center; height:20px;} #news_break { margin:0px 0px 5px 0px; height:1px; overflow:auto; background-color:#CCCCCC;} .newsheadline { font-weight:bold; font-size:14px; } .blogheadline { font-weight:bold; font-size:14px; font-family:Georgia; } .newsdate { color:#999999; text-decoration:none; height:16px; float:left;} .newsdate a:link {color:#006EA6; text-decoration:none; font-weight:bold;} .newsdate a:visited {color:#006EA6; text-decoration:none; font-weight:bold;} .newsdate a:hover {color:red; text-decoration:underline; font-weight:bold;} .newscontent { padding-top:5px; color:#393939; clear:both; font-size:12px;} .newscontent a:link {color:#006EA6; text-decoration:none; font-weight:bold;} .newscontent a:visited {color:#006EA6; text-decoration:none; font-weight:bold;} .newscontent a:hover {color:red; text-decoration:underline; font-weight:bold;} .newscomments, .newscomments a, .newsSub a { color:#9aa3ad; text-decoration:none; margin: 0px; } .newscomments a:hover, .newsSub a:hover { color:#9aa3ad; text-decoration:underline; margin: 0px;} #news_separator { clear:both; background:url(http://assets1.osftw.com/images/gen_separator.gif) no-repeat; width:100%; height:13px; } #blog_separator { clear:both; background:url(http://assets1.osftw.com/images/blog_gen_separator.gif) no-repeat; width:100%; height:13px; } /*Form*/ #form_drop {background-color:#FFF; color:#262626; font-weight:bold;} #form_text {border-style:solid; border-color:#FFF; height:300px; width:448px; color:#000; border-width:1px;} #form_box {border-style:solid; border-color:#FFF; height:20px; color:#000; border-width:1px;} /*Comment*/ #comment, .box-content { font-size:11px; padding-top:5px; text-align:center; background-color:#FFF; width:638px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97; background-image:url(http://assets1.osftw.com/images/blog_gen_whitebg.gif); background-repeat:repeat-y;} #comment_row { text-align:left; padding:5px 10px 5px 10px; margin-bottom:0px; clear:both; overflow:auto; } #comment_row1 { text-align:left; padding:5px 10px 5px 10px; margin-bottom:0px; overflow:auto; width:350px;} #comment_row2 { text-align:left; padding:5px 10px 5px 10px; margin-bottom:0px; overflow:auto; width:80px;} #comment_row3 { text-align:left; padding:5px 10px 5px 10px; margin-bottom:0px; overflow:auto; width:160px;} #comment_col1 { text-align:left; float:left; width:160px; margin-right:1px; overflow:auto; } #comment_col2 { padding:0px 5px 0px 5px; text-align:left; float:left; width:285px; overflow:auto; } #comment_col01 { background-color:#CCCCCC; padding:5px; text-align:left; float:left; width:150px; margin-right:1px; margin-bottom:5px;} #comment_col02 { background-color:#CCCCCC; padding:5px; text-align:left; float:left; width:285px; margin-bottom:5px;} #comment_break { margin:5px; height:1px; clear:both; overflow:auto; background-color:#CCCCCC;} #comment_avatar { width:40px; height:40px; float:left; border:#CCCCCC 1px solid; background-image:url(http://assets1.osftw.com/images/gen_avatar.jpg); background-repeat:no-repeat; } /*Articles*/ #article{ text-align:center; background-color:#FFF; width:638px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97; background-image:url(http://assets1.osftw.com/images/blog_gen_whitebg.gif); margin-bottom:5px; } .articleheadline { text-align:left; font-weight:bold; font-size:20px; padding:8px 10px 0px 10px; } .articledate { text-align:left; padding:0px 10px 0px 10px; } .articlecontent { font-family:Arial, Helvetica, sans-serif; text-align:left; padding:12px; font-size:12px;} .articlecontent a:hover {color:red; text-decoration:underline;} .articlecontentnews { text-align:left; padding:12px; font-size:12px;} .articlecontentnews a:link {color:#006EA6; text-decoration:none; font-weight:bold;} .articlecontentnews a:visited {color:#006EA6; text-decoration:none; font-weight:bold;} .articlecontentnews a:hover {color:red; text-decoration:underline; font-weight:bold;} .previewtype {background-color:#; text-align:left; font-weight:bold; font-size:15px; padding:8px 0px 0px 10px; color:#9aa3ad;} .previewheadline { text-align:left; font-weight:bold; font-size:20px; padding:0px 10px 0px 10px; } #articlewrapp { overflow:auto; } #articletext { } #affiliate { position: relative; width:159px; background-color:#009933; height:60px; top:15px; .right:-19px; float:right; margin:0px 9px 20px 0px;} #affiliate[id] {margin:0px 0px 20px 10px; } #writtenby { text-align:right; padding:5px 10px 5px 10px; height:50px; background-image:url(http://assets1.osftw.com/images/gen_writtenby_bg.jpg);} #writtenby_col1 {float:right; margin-top:8px; margin-left:10px; height:40px; width:40px;} #writtenby_col2 {float:right; margin-top:15px;} .screenshotheadline { color:#FFFFFF; text-align:left; font-weight:bold; font-size:16px; padding:0px 0px 10px 10px; } .screenshotheadline a:link {color:#d4d4d4; text-decoration:none; font-weight:bold;} .screenshotheadline a:visited {color:#d4d4d4; text-decoration:none; font-weight:bold;} .screenshotheadline a:hover {color:#FFFFFF; text-decoration:none; font-weight:bold;} /*overviews*/ #overview, #screenshot { color:#FFF; text-align:center; background-color:#3e3e3e; width:644px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97; background-repeat:repeat-y;} .articleheadline { text-align:left; font-weight:bold; font-size:20px; padding:10px 10px 0px 10px; } .articledate { text-align:left; padding:0px 10px 0px 10px; } .articlecontent { text-align:left; padding:10px 10px 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .articlecontent a{ text-decoration:underline;} #articlewrapp { overflow:hidden;} #articletext { } #affiliate { position: relative; width:159px; background-color:#009933; height:60px; top:15px; .right:-19px; float:right; margin:0px 9px 20px 0px;} #affiliate[id] {margin:0px 0px 20px 10px; } /* Link Row */ #link_row{ margin:1px 0px 5px 0px; padding:1px; text-align:left; width:476px; border:#6d6d6d 1px solid; background-image:url(http://assets1.osftw.com/images/gen_detbg.gif); background-repeat:repeat-x; height:20px;} #link_row2{ margin:5px 10px 5px 10px; padding:6px; text-align:center; width:606px; border:#6d6d6d 1px solid; background-color: #FFF; background-repeat:repeat-x; height:15px;} #link_button { float:left; padding:0px 2px 0px 2px; background-image:url(http://assets1.osftw.com/images/gen_link_row.gif); margin-right:1px; height:20px; cursor:pointer; color:white;} #link_button a{ color:white; font-weight:bold; } /* Side Generic */ #title_sml{ background-image:url(http://assets1.osftw.com/images/title_sml.gif); height:30px; width:300px;} #title_sml_gillette{ background-image:url(http://assets1.osftw.com/images/title_sml_gillette.gif); height:30px; width:300px;} #middlecontent{padding:0px 5px 5px 5px; background-color:#00CCCC} #box_last5, #box_podcast, #box_games, #box_details, #box_support, #box_poll, #box_releases { color:#FFFFFF; text-align:left; padding: 0px 5px 5px 5px; margin-bottom:5px; background-color:#3e3e3e; width:288px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97;} #box_poll_gillette { color:#FFFFFF; text-align:left; padding: 0px 5px 5px 5px; margin-bottom:5px; background-color:#393939; width:288px; height:200px; border-left: solid 1px #08428C; border-right: solid 1px #08428C; border-bottom: solid 1px #08428C;} #box_last5{ height:240px; overflow:hidden; } .tab_hover { color:#9aa3ad; cursor:pointer; float:left; height:20px; border:0px; font-weight:bold; } .tab { cursor:pointer; float:left; height:20px; border:0px; font-weight:bold; } #last5_row { clear:both; font-weight:normal; margin-bottom:2px; height:42px;} #last5_capL, #last5_capR { height:42px; } #last5_capL { float:left; width:50px; overflow:hidden;} #last5_capR { float:left; width:20px;} #last5_main { float:left; width:210px; text-align:left; padding-left:8px; height:35px; padding-top:7px; background-image:url(http://assets1.osftw.com/images/gen_last5_capMain.gif); background-repeat:repeat-x;} #box_last5 a{ color:#FFFFFF; font-weight:bold;} #box_details { overflow:hidden;} #box_details a{ color: #9aa3ad; text-decoration: none;} #box_details a:hover { color: #FFF; text-decoration: none;} #box_podcast { height:75px;} #box_podcast a{ color: #FFF; text-decoration: none;} #box_podcast a:hover { color: #9aa3ad; text-decoration: underline;} #box_games { height:245px; overflow:scroll; overflow-x:hidden; text-align:left; color:#FFF; scrollbar-3dlight-color:#6f7172; scrollbar-arrow-color:#4c4b4b; scrollbar-darkshadow-color:#646464; scrollbar-face-color:#747474; scrollbar-highlight-color:#7c7c7c; scrollbar-shadow-color:#838d97; scrollbar-track-color:#4c4b4b;} #box_games a{ color:#FFF; } #box_support { } /*#box_poll, #box_poll_gillette { .margin:0px 0px 66px 0px; width:50px;}*/ #box_poll a{color:white;} /* Foooter */ #footerinside{ text-align: left; margin-top: 8px; color: #cbcbcb; height: 20px; } #colophon { margin-left: 32px; } #footerbadge { float: right; margin-top: 15px; margin-right: 25px; } #footerinside a{color: #cbcbcb; text-decoration:none; } #footerinside a:hover{ color: #cbcbcb; text-decoration:underline; } /*IE7 Moz Work around*/ #footerlogo{ float:right; position:relative; right:28px; text-align:right; margin-top:-8px; .margin-top:10px; width:200px; color: #cbcbcb; } #copyright{ height: 20px; text-align: left; width: 600px; color: #cbcbcb; padding-top: 10px } #copyright a{ color: #cbcbcb; text-decoration:none; } #copyright a:hover{ color: #9aa3ad; text-decoration:none; } #affiliatebar{ height:20px; position:relative; width:930px; left:30px; text-align:left; color: #cbcbcb; clear:both; } #affiliatebar a{ color: #9aa3ad; text-decoration:none; } #affiliatebar a:hover{ text-decoration:underline; } /* Game Score 2.0 */ #review_score_box { padding:0px 5px 5px 5px; text-align:left; width:640px; background-image:url(http://assets1.osftw.com/images/score_2_bg_wide.jpg); background-repeat:no-repeat;} #review_score_row_M { padding:0px; width:420px; overflow:hidden; margin-top:6px; margin-bottom:8px; height:30px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #review_score_row_M { margin-bottom:10px; } } #review_score_rowbtm { margin-left:10px; overflow:hidden; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:15px;} #review_score_col1 { width:492px; margin-top:3px; float:left; } .review_score_row_title { color: #FFF; font-weight:bold; margin-left:18px;} /* Game Score */ #scorebox { padding:0px 5px 5px 5px; text-align:left; width:640px; .margin-bottom:60px; background-image:url(http://assets1.osftw.com/images/score_bg_wide.gif); background-repeat:no-repeat;} #score_row { clear:both; overflow:hidden; width:640px; height:180px;} #score_row_M { float:left; padding:0px; width:470px; overflow:hidden; } #score_rowbtm { height:22px; margin-left:10px; overflow:hidden; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;} #score_col1 { width:492px; margin-top:23px; float:left; } #score_col2 { width:98px; margin-top:66px; float:left; } #score_row_score { float:left; padding:0px; margin:0px; width:100px; height:70px; color:#FFFFFF; font-size:40px; font-weight:bold;} #score-outof10 { color: #fff; text-align:center; width:100px; } #score_num {float:right; position: relative; margin-top:3px; height:23px; width:23px; background-color:#FFCC66 ; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;} /* Video View*/ #videoviewer{ color:#FFF; text-align:center; background-color:#3e3e3e; width:478px; height:290px; margin-bottom:6px; border-left: solid 1px #838d97; border-right: solid 1px #838d97; border-bottom: solid 1px #838d97; } /*Latest Media*/ #latestmedia_box1{width:191px; margin-right:1px; padding-left:5px;} #latestmedia_box2{width:27px; margin-right:0px; text-align:center;} #latestmedia_box01{width:191px; margin-right:1px; padding-left:5px;} #latestmedia_box02{width:27px; margin-right:0px; text-align:center;} #latestmedia_box01, #latestmedia_box02 {float:left; height:19px; line-height:19px; margin-bottom:1px; background-color: #4c4b4b;} #latestmedia_box1, #latestmedia_box2 {float:left; height:20px; line-height:20px; margin-bottom:1px; background-color:#2a2a2a;} #latest_image { text-align:center; width:225px; height:120px; clear:both; } /* Filter Drop Downs */ #topfilter { color: #FFFFFF; border: 1px outset #FFFFFF; padding: 0; background-color: #293849; } /*Overview / Row Styles*/ #over_row { color:#333333; clear:both; width:100%; margin-bottom:1px; height:20px; font-size:11px;} #over_row_feature { color:#333333; clear:both; width:100%; margin-bottom:1px; height:41px; font-size:11px;} #over_row_full { color:#333333; clear:both; width:100%; margin-bottom:1px; font-size:11px} #over_row_wide { color:#FFF; background-color: #505050; text-align:center; clear:both; padding:3px; font-weight:bold; font-size:11px} #over_column_wide { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_wide { background-color: #f9f9f9; } #over_column_wide, #over_column0_wide { width:455px; float:left; text-align:left; line-height:20px; padding:0px 0px 0px 5px; overflow:auto; } #over_column_10 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_10 { background-color: #f9f9f9; } #over_column_10, #over_column0_10 { width:13px; float:left; text-align:center; line-height:20px; padding:0px 0px 0px 2px;overflow:auto; height:20px; } #over_column_12 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_12 { background-color: #f9f9f9; } #over_column_12, #over_column0_12 { width:12px; float:left; text-align:center; padding:0px; margin-left:1px; overflow:hidden; height:20px; } #over_column_15 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_15 { background-color: #f9f9f9; } #over_column_15, #over_column0_15 { width:15px; float:left; text-align:center; line-height:20px; padding:0px 0px 0px 2px; margin-right:1px; overflow:auto; height:20px; } #over_column_30 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_30 { background-color: #f9f9f9; } #over_column_30, #over_column0_30 { width:30px; float:left; text-align:center; padding:3px; margin-left:1px; height:14px; } #over_column_45 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_45 { background-color: #f9f9f9; } #over_column_45, #over_column0_45 { width:45px; float:left; text-align:center; padding:3px; margin-left:1px; height:14px; } #over_column_55 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_55 { background-color: #f9f9f9; } #over_column_55, #over_column0_55 { width:55px; float:left; text-align:center; padding:3px; margin-left:1px; overflow:auto; height:14px; } #over_column_58 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_58 { background-color: #f9f9f9; } #over_column_58, #over_column0_58 { width:65px; float:left; text-align:center; padding:3px; margin-left:1px; overflow:auto; height:14px; } #over_column_70 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_70 { background-color: #f9f9f9; } #over_column_70, #over_column0_70 { width:70px; float:left; text-align:center; padding:3px; margin-left:1px; height:14px;} #over_column_80 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_80 { background-color: #f9f9f9; } #over_column_80, #over_column0_80 { width:80px; float:left; text-align:center; padding:3px; margin-left:1px; height:14px; } #over_column_90 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_90 { background-color: #f9f9f9; } #over_column_90, #over_column0_90 { width:90px; float:left; text-align:center; padding:3px; margin-left:1px; height:14px;} #over_column_97 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;} #over_column0_97 { background-color: #f9f9f9; } #over_column_97, #over_column0_97 { width:97px; float:left; text-align:center; padding:3px; margin-left:1px; height:14px;} #over_column_115 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_115 { background-color: #f9f9f9; } #over_column_115, #over_column0_115 { width:115px; float:left; padding:3px; margin-left:1px; height:14px;} #over_column_165 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_165 { height:relative; background-color: #f9f9f9; } /*#over_column_165, #over_column0_165 { width:155px; float:left; padding:3px; margin-left:1px; height:14px;}*/ #over_column_165 { width:148px; float:left; padding:3px; margin-left:1px; height:14px;} #over_column0_165 { width:148px; float:left; padding:3px; margin-left:1px;} #over_column_185 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_185 { height:relative; background-color: #f9f9f9; } /*#over_column_185, #over_column0_185 { width:175px; float:left; padding:3px; margin-left:1px; height:14px;}*/ #over_column_185 { width:175px; float:left; padding:3px; margin-left:1px; height:14px;} #over_column0_185 { width:175px; float:left; padding:3px; margin-left:1px;} #over_column_200 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_200 { height:relative; background-color: #f9f9f9; } /*#over_column_200, #over_column0_200 { width:195px; float:left; padding:3px; margin-left:1px; height:14px;}*/ #over_column_200 { width:195px; float:left; padding:3px; margin-left:1px; height:14px;} #over_column0_200 { width:195px; float:left; padding:3px; margin-left:1px;} # 2201 #over_column_2201 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_2201 { height:relative; background-color: #f9f9f9; } /*#over_column_2201, #over_column0_2201 { width:210px; float:left; padding:3px; margin-left:1px; height:14px;}*/ #over_column_2201 { width:210px; float:left; padding:3px; margin-left:1px; height:14px;} #over_column0_2201 { width:210px; float:left; padding:3px; margin-left:1px;} #over_column_210 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_210 { background-color: #f9f9f9; } #over_column_210, #over_column0_210 { width:378px; float:left; padding:3px; margin-left:1px; height:14px;} #over_column_220 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_220 { background-color: #f9f9f9; } #over_column_220, #over_column0_220 { width:395px; float:left; padding:3px; height:14px;} #over_column_240 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_240 { background-color: #f9f9f9; } #over_column_240, #over_column0_240 { width:241px; float:left; padding:3px; height:14px;} #over_column_260 { background-color:#303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_260 { background-color: #f9f9f9; } #over_column_260, #over_column0_260 { width:430px; float:left; padding:3px; height:14px;} #over_column_270 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_270 { background-color: #f9f9f9; } #over_column_270, #over_column0_270 { width:270px; float:left; padding:3px; height:14px; } #over_column_275 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_275 { background-color: #f9f9f9; } #over_column_275, #over_column0_275 { width:275px; float:left; padding:3px; height:14px; } #over_column_320 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_320 { background-color: #f9f9f9; } #over_column_320, #over_column0_320 { width:320px; float:left; padding:3px; height:14px; } #over_column_385 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_385 { background-color: #f9f9f9; } #over_column_385, #over_column0_385 { width:385px; float:left; padding:0px 3px; height:20px; } #over_column_390 { background-color: #303e4e; color:#FFF; background-image:url(http://assets1.osftw.com/images/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; } #over_column0_390 { background-color: #f9f9f9; } #over_column_390, #over_column0_390 { width:390px; float:left; padding:3px; height:14px;} /* Page Numbers */ .pages { width:460px; outline: none; cursor: pointer; font-family: Arial, Helvetica, Sans-serif; text-align: center; display: inline; clear: left; font-size: 100%; } .pages a, .pages span { display:inline; padding: 0.2em 0.5em; margin-right: 0.2em; border: 1px solid #fff; background: #fff; } .pages span.current { border: 1px solid #3B4B5C; font-weight: bold; background: #3B4B5C; color: #fff; } .pages a { border: 1px solid #3B4B5C; text-decoration: none; } .pages a:hover { border-color: #FF0000; color: #FF0000; } .pages a.nextprev { font-weight: bold; } .pages span.nextprev { color: #666; } .pages span.nextprev { border: 1px solid #3B4B5C; color: #999; } .pages .nextprev-next { display:inline; } .relatedstuff { text-align:left; padding:10px; margin-top:15px; font-color:#929aa5; font-weight:bold;} .relatedstuff a:link {color:#006EA6; text-decoration:none; font-weight:bold;} .relatedstuff a:visited {color:#006EA6; text-decoration:none; font-weight:bold;} .relatedstuff a:hover {color:red; text-decoration:underline; font-weight:bold;} } /* OperationSports Readers Rating */ .hide { display: none; } #bar { position: relative; width: 300px; height: 40px; } #blocks { width: 260px; height: 14px; background: url(http://assets1.osftw.com/images/op_rating.png) no-repeat; } #blocks.rating0 { background-position: 0 0; } #blocks.rating1 { background-position: 0 -14px; } #blocks.rating2 { background-position: 0 -28px; } #blocks.rating3 { background-position: 0 -42px; } #blocks.rating4 { background-position: 0 -56px; } #blocks.rating5 { background-position: 0 -70px; } #blocks.rating6 { background-position: 0 -84px; } #blocks.rating7 { background-position: 0 -98px; } #blocks.rating8 { background-position: 0 -112px; } #blocks.rating9 { background-position: 0 -126px; } #blocks.rating10 { background-position: 0 -140px; } #blocks a { outline: none; display: block; float: left; width: 22px; height: 14px; margin-right: 4px; } #blocks a span { display: none; } /* OperationSports Readers Rating */ /* MediaView border effect */ .video-play-btn { cursor:pointer; background:url(http://assets1.osftw.com/images/play-btn_v2.png) no-repeat center center; width: 100%; height:100%; display:block; } #related-videos .video-play-btn { background:url(http://assets1.osftw.com/images/play-btn_v3.png) no-repeat center center; } #related-videos .video-play-btn:hover { background:url(http://assets1.osftw.com/images/play-btn_v3-darker.png) no-repeat center center; } div.video-thumb-wrapper { -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #ccc; padding: 2px; } div.video-thumb-wrapper:hover { border: 1px solid #838D97; } .media img { padding: 4px; border: 1px solid #6d6d6d; } .media img:hover { padding: 4px; border: 1px solid #838d97; } .newsmedia a img { margin-top:20px; padding: 4px; border: 1px solid #b7b7b7; } .newsmedia a { outline: none 0; } .newsmedia a img:hover { margin-top:20px; padding: 4px; border: 1px solid #838d97; } .thead { background: #6F7072; color: #FFFFFF; font: bold 11px verdana, helvetica, sans-serif; } .thead a:link, .thead_alink { color: #ffffff; } .thead a:visited, .thead_avisited { color: #ffffff; } .thead a:hover, .thead a:active, .thead_ahover { color: #ffffff; } .vbmenu_popup { background: #000000; color: #000000; border: 1px solid #000000; position: relative; } .vbmenu_option { background: #ffffff; color: #10375D; font: 11px verdana, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #10375D; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #10375D; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #000000; text-decoration: none; } .vbmenu_hilite { background: #6F7072; color: #000000; font: 11px verdana, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #ffffff; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #ffffff; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #ffffff; text-decoration: none; } /* Scrollable jquery tool */ /* root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable { /*margin:0px auto 0px auto; */ /*display:table; */ /*white-space: nowrap;*/ /* required settings */ position: relative; overflow: hidden; width: 555px; height: 152px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width: 20000em; position: absolute; clear: both; } .items .panel { float: left; width: 555px; } div.video-thumb-wrapper { cursor:pointer; margin-bottom:3px; width: 170px; } div.video-entry-wrapper { text-align: center; margin-left: 12px; float: left; width:170px; } div.video-thumb-wrapper a { display: block; width: 100%; height: 100%; } div.video-entry-wrapper span a, div.video-entry-wrapper span a:link { color: #006EA6; text-decoration: none; font-size: 12px; font-weight: bold; margin-top: 3px; } /* active item */ .scrollable .active { border:2px solid #000; position:relative; cursor:default; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ #related-videos a.browse { background:url(http://assets1.osftw.com/images/scrollable/arrow/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; } /* right */ #related-videos a.right { background-position: 0 -30px; clear:right; margin-right: 0px;} #related-videos a.right:hover { background-position:-30px -30px; } #related-videos a.right:active { background-position:-60px -30px; } /* left */ #related-videos a.left { margin-left: 0px; } #related-videos a.left:hover { background-position:-30px 0; } #related-videos a.left:active { background-position:-60px 0; } /* up and down */ #related-videos a.up, a.down { background:url(http://assets1.osftw.com/images/scrollable/arrow/vert_large.png) no-repeat; float: none; margin: 10px 50px; } /* up */ #related-videos a.up:hover { background-position:-30px 0; } #related-videos a.up:active { background-position:-60px 0; } /* down */ #related-videos a.down { background-position: 0 -30px; } #related-videos a.down:hover { background-position:-30px -30px; } #related-videos a.down:active { background-position:-60px -30px; } /* disabled navigational button */ #related-videos a.disabled { visibility:hidden !important; } #_CI_widget_1 div { width:100% !important; } /*#ad300x250 div, #ad300x250 table, #ad300x250 tbody, #ad300x250 tr, #ad300x250 td, #ad300x250 img, #ad300x250 object, #ad300x250 embed, #ad300x250 p, #ad300x250 span, #ad300x250 iframe { z-index:990 !important; }*/ .hidden { visibility: hidden } #crave-logo { position: absolute; top: 26px; right: 8px; width: 68px; height: 25px; } /* New Menu CSS */ #wrapper_menu { width: 980px; margin:0 auto; display: block; position: relative; z-index:9999; } #hdmenu .menu { text-align: left; position: absolute; margin: 0; padding: 0; list-style: none; height: 43px; } #hdmenu .menu li { float: left; text-align: center; position: relative; margin-top: 6px; border: none; } #hdmenu .menu li.fullwidth { position:static !important; } #hdmenu .menu li:hover { background: #171717; border-top: 2px solid #406388; height: 32px; } #hdmenu .menu li.nodrop:hover{ background: #eeeeee; border: 1px solid #444444; padding:4px 8px 4px 9px; background: -moz-linear-gradient(top, #f4f4f4, #eeeeee); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#eeeeee)); background: -o-linear-gradient(top, #f4f4f4, #eeeeee); } #hdmenu .menu li.nodrop:hover a{ padding:0px; } #hdmenu .menu li a { color: #EEEEEE; outline: 0; padding: 7px 8px 3px; text-decoration: none; display: block; } #hdmenu .menu li:hover a { color: #D3D3D3; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); position: relative; z-index: 11; padding: 4px 8px; } #hdmenu .menu li:hover div a { display: inline; } #hdmenu .menu li .drop { padding-right: 9px; } #hdmenu .menu li:hover .drop{ padding-right: 9px; } #hdmenu .menu .right{ float: right; right: 0; margin-right: 0px; } #hdmenu .menu li.right:hover{ margin-right:-1px; } #hdmenu .menu .dropdown_1column, #hdmenu .menu .dropdown_2columns, #hdmenu .menu .dropdown_3columns, #hdmenu .menu .dropdown_4columns, #hdmenu .menu .dropdown_5columns, #hdmenu .menu .dropdown_fullwidth { margin: 4px auto; left: -999em; position: absolute; background: #171616; border-color: #282828 #282828 #282727 #181818; border-style: solid; border-width: 0 1px 1px 0; padding: 10px 4px 10px 10px; text-align: left; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6); -icab-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6); -khtml-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6); z-index: 9999; } #hdmenu .menu .dropdown_1column { width: 250px; } #hdmenu .menu .dropdown_2columns { width: 160px; } #hdmenu .menu .dropdown_3columns { width: 455px; } #hdmenu .menu .dropdown_4columns { width: 610px; } #hdmenu .menu .dropdown_5columns { width:765px; } #hdmenu .menu .dropdown_fullwidth { width: 920px; } #hdmenu .menu li:hover .dropdown_1column, #hdmenu .menu li:hover .dropdown_2columns, #hdmenu .menu li:hover .dropdown_3columns, #hdmenu .menu li:hover .dropdown_4columns, #hdmenu .menu li:hover .dropdown_5columns { left: 0px; top: 28px; } #hdmenu .menu li:hover .dropdown_fullwidth { left: 21px; top: 33px; display: block; } #hdmenu .menu li:hover .align_right { left: auto; right: -1px; top: 25px; } #hdmenu .menu li.right:hover .dropdown_fullwidth { right: 18px; top: 33px; } #hdmenu .menu .col_1, #hdmenu .menu .col_2, #hdmenu .menu .col_3, #hdmenu .menu .col_4, #hdmenu .menu .col_5, #hdmenu .menu .col_6 { display: inline; float: left; position: relative; margin-left: 10px; } #hdmenu .menu .col_1 { width: 250px; } #hdmenu .menu .col_2 { width: 160px; } #hdmenu .menu .col_3 { width: 455px; } #hdmenu .menu .col_4 { width: 610px; } #hdmenu .menu .col_5 { width: 765px; } #hdmenu .menu .col_6 { width: 920px; } #hdmenu .menu .firstcolumn { margin-left: 0; clear: left; } #hdmenu .menu p, #hdmenu .menu ul, #hdmenu .menu li, #hdmenu .menu h2, #hdmenu .menu h3 { font-size: 12px; font-family: Arial,Helvetica,sans-serif; line-height: 21px; text-align: left; } #hdmenu .menu .strong { font-weight:bold; } #hdmenu .menu h2 { font-size: 12px; font-weight: bold; } #hdmenu .menu li:hover div a { text-decoration: none; text-shadow: none; border: none; padding: 0; } #hdmenu .menu li ul { list-style: none; padding: 0; } #hdmenu .menu li ul li { font-size: 12px; line-height: 24px; position: relative; padding: 0; margin: 0; float: left; text-align: left; width: 145px; } #hdmenu .menu li ul li a { padding: 0; } #hdmenu .menu li ul li:hover { background: none; border: none; padding: 0; margin: 0; } #hdmenu .menu_black li:hover div a { color: #444; } #hdmenu .menu_black li:hover div a:hover { color: #777; } #hdmenu .menu_black li ul li a:hover { color: #777; } #hdmenu .menu li a { font-weight: bold } #hdmenu .menu h2 { border-bottom: 1px solid #1f1f1f; margin: 0 4px 0 0; } #hdmenu .menu ul.links-list{ border-top: 1px solid #0a0a0a; list-style: none; padding-top: 4px; padding-bottom: 1px; margin-right: 4px; } #hdmenu .menu ul.links-list li{ clear: both; padding-left: 5px; width: 100%; padding: 0; margin: 0; line-height: 14px; /*font-size: 11px;*/ font-weight: normal; float: none; height: auto; } #hdmenu .menu ul.links-list li a { color:#99B9D6; font-weight: bold; } #hdmenu .menu ul.links-list li a:hover { text-decoration: underline; } #hdmenu .menu ul.links-list li span { text-transform: uppercase; background-color: #5e5e5e; font-size: 7px; display: block; float: right; padding:0pt 1px; color: #c8c8c8; border: 1px solid #6d6a6a; font-weight: bold; margin-top: 2px; line-height: 7px; } #new-expanded-menu { position: absolute; top: 84px; right: 0; /*right: 11px;*/ background: url(http://assets1.osftw.com/images/new-expanded-menuv3.png) no-repeat 0 0; width: 33px; height: 24px; } .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important;} .ad-container.top { overflow: hidden; width: 970px; height: auto; margin: 0px auto 15px; } .ad-container.transparent { background-image: none; } .ad-container .left { /*border: 1px solid gray;*/ float: left; width: 230px; height: 88px; } .ad-container.title-bar .right { float: none; height: auto; } .ad-container .right { position: relative; float: right; } .ad-container.title-bar .left { display: none; } #os-header { background: url(http://assets1.osftw.com/images/os-header-bgv3.png) repeat-x; height: 123px; margin-bottom: 5px; /*margin-top: 34px;*/ border-top: 1px solid #696969; } .wrapper { height: inherit; /*width: 976px;*/ width: 980px; margin: 0 auto; position: relative; } #top-bar { background-color: #414141; background-image: -moz-linear-gradient(center top, #434343, #414141); background-image: -ms-linear-gradient(top, #434343, #414141); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#434343), to(#414141)); background-image: -webkit-linear-gradient(top, #434343, #414141); background-image: -o-linear-gradient(top, #434343, #414141); background-image: linear-gradient(top, #434343, #414141); position: relative; top: 0; left: 0; width: 100%; height: 34px; margin: -34px 0 0 0; padding: 0; z-index: 999999999; box-shadow: 0 1px 3px rgba(116, 116, 116, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.2) inset; -o-box-shadow: 0 1px 3px rgba(116, 116, 116, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.2) inset; -icab-box-shadow: 0 1px 3px rgba(116, 116, 116, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 3px rgba(116, 116, 116, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 3px rgba(116, 116, 116, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.2) inset; -khtml-box-shadow: 0 1px 3px rgba(116, 116, 116, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.2) inset; } #top-bar.fixed { border-bottom: 1px solid #656565; position: fixed; margin: 0; } #top-bar ul.left-widgets { float: left; margin: 0; padding: 3px 0 0 0; max-width: 600px; } #top-bar ul.left-widgets li { list-style-type: none; display: block; float: left; margin-right: 16px; line-height: 30px; } #top-bar ul.left-widgets li.text { font-family: 'Economica', Arial,Helvetica,sans-serif; font-size: 17px; color: #eee; text-transform: uppercase; } #top-bar ul.left-widgets li.text a { color: #eee; line-height: 33px; height: 31px; padding: 0 8px; } #top-bar ul.left-widgets li.text a.online-info { display: block; background: url(http://assets1.osftw.com/images/users-online-icon.png) no-repeat 7px 7px; padding-left: 36px; } #top-bar ul.user-nav { float:right; margin: 0; padding: 3px 0 0 0; } #top-bar ul.user-nav li.topNav-link { list-style-type: none; height: 30px; float: left; } #top-bar ul.user-nav li.left-link:after, #top-bar ul.user-nav li.middle-link:after { width: 1px; height: 19px; background-color: #343434; content: " "; display: inline-block; margin-top: 6px; } #top-bar ul.user-nav li.toggle-on, #top-bar ul.user-nav li.topNav-link:hover, #top-bar ul.user-nav li.topNav-link:hover { padding-left: 1px; margin-left: -1px; border: none; background: none; } #top-bar ul.left-widgets li.text:hover, #top-bar ul.user-nav li.toggle-on, #top-bar ul.user-nav li.topNav-link:hover, #top-bar ul.user-nav li.topNav-link a:hover { background-color: #343434; border-radius: 2px 2px 0 0; } #top-bar ul.user-nav li.toggle-on, #top-bar ul.user-nav li.user-link:hover { background-color: #343434; border-radius: 2px 2px 0 0; } #top-bar ul.user-nav li.divider-vertical { padding: 0; } #top-bar ul.user-nav li.divider-vertical div { width: 1px; height: 19px; margin: 6px 0px; overflow: hidden; background-color: #505050; border-right: 1px solid #383838; } #top-bar ul.user-nav li img.mini-avatar { margin: 4px 3px 3px -2px; } #top-bar ul.user-nav li.topNav-link a { outline: none; font-size: 17px; font-family: 'Economica', Arial,Helvetica,sans-serif; font-size: bold; text-transform: uppercase; color: #EEEEEE; vertical-align: top; line-height: 33px; height: 31px; display: block; display: inline-block; /*padding: 0 8px;*/ padding: 0 5px 0 7px; } #top-bar ul.user-nav li.topNav-link a:active { outline: none; } #top-bar ul.user-nav li.topNav-link span.username { font-size: 17px; font-family: 'Economica', Arial,Helvetica,sans-serif; font-size: bold; text-transform: uppercase; color: #EEEEEE; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; max-width: 175px; } #top-bar ul.user-nav li.topNav-link a#nav-account-link { padding-right: 2px; } #top-bar ul.user-nav li.topNav-link a#nav-account-link img.caret-down { padding-left: 3px; margin-bottom: 12px; } #top-bar ul.user-nav li.text span { font-size: 17px; font-family: 'Economica', Arial,Helvetica,sans-serif; font-size: bold; text-transform: uppercase; color: #EEEEEE; vertical-align: top; } #top-bar ul.user-nav span.ovr-number { color: #3AC8FF; } #top-bar ul.user-nav li.text span.ovr-number { color: #3AC8FF; } #top-bar div.menu-pull-down { background: url("http://assets1.osftw.com/images/alerts-icon.png") no-repeat scroll center 9px transparent; overflow: hidden; text-indent: 30px; width: 17px; position: relative; } #top-bar a.notifications div.unread { -o-box-shadow: 0 0 1px #000; -icab-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; -webkit-box-shadow: 0 0 1px #000; -khtml-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; background-color: #D20000; color: #FFFFFF; font-size: 10px; font-weight: bold; font-family: 'Economica', Arial,Helvetica,sans-serif; line-height: normal; margin: 0; padding: 0 2px; position: absolute; right: 3px; top: 4px; z-index: 1; } #top-bar ul.user-nav li.dd-menu { position: relative; } #top-bar ul.user-nav li.toggle-on div.dd-container { display: block; } #top-bar ul.user-nav li.dd-menu.right { border-right: 1px solid transparent; } #top-bar ul.user-nav li.dd-menu.right div.dd-container { right: -1px; left: auto; } #top-bar ul.user-nav li.dd-menu.toggle-on { height: 32px; } #top-bar ul.user-nav li.dd-menu.right.toggle-on { border-right: 1px solid #474747; border-left: none; } /*#top-bar ul.user-nav li.dd-menu.toggle-on { border-left: 1px solid #474747 }*/ #top-bar li.toggle-on a.dd-trigger { height: 32px; } #nav-account-link { height: 31px; } #top-bar div.dd-container { border-left: 1px solid #434343; border-bottom: 1px solid #262626; border-right: 1px solid #414141; background: #343434; z-index: 9999999; position: absolute; top: 32px; left: -1px; min-width: 196px; padding: 7px 0; display: none; } #top-bar li.user-link div.dd-container { background: #343434; z-index: 1; position: absolute; top: 100%; min-width: 190px; padding: 8px 0; } #top-bar div.dd-container.logged-out { min-width: 238px; height: 95px; } #top-bar li.dd-menu div.dd-container ul li { list-style-type: none; cursor: pointer; } #top-bar li.dd-menu div.dd-container a.nav-subMenu { font-size: 15px; font-weight: bold; text-transform: none; line-height: 22px; color: #EEE; height: 100%; width: 100%; } #top-bar li.dd-menu div.dd-container a.nav-subMenu:hover { background: none; border-radius: 0; } #top-bar li.dd-menu div.dd-container ul li:hover { background-color: gray; } #top-bar li.dd-menu div.dd-container ul { padding: 0 8px; margin: 0; list-style-type: none; } #login-form { background: url("http://assets1.osftw.com/images/loginbox_new_loggedout_new.jpg") no-repeat; height: 95px; margin: 3px 9px; position: relative; } #login-form input.submit { position: absolute; width: 54px; height: 22px; top: 0; right: 0; } #login-form input { position: absolute; border: none; background-color: transparent; color: #eee; font-family: 'Economica', Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; padding-left: 3px; } #login-form input.username { height: 21px; left: 2px; top: 1px; width: 163px } #login-form input.password { height: 21px; left: 2px; top: 23px; width: 163px; font-family: Arial,Helvetica,sans-serif; } #login-form a { display: block; position: absolute; } #login-form a:hover { background-color: transparent !important; border-radius: 0 !important; } #login-form a.new-arena { left: 0; top: 45px; width: 105px; height: 46px; } #login-form a.signup { left: 108px; top: 50px; width: 106px; height: 32px; } #login-form a.lost-pw { left: 166px; top: 23px; width: 52px; height: 20px; } #os-header ul.network-sites { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 640px; top: 7px; } #os-header ul.network-sites li { color: #EDEDED; list-style-type: none; float: left; display: block; } #os-header ul.network-sites li a { color: #EDEDED; font-weight: bold; } #os-header ul.network-sites li a:hover { border-bottom: 1px dotted #eee; } div.osTooltip.bbCodeImageTip { padding-left: 18px; background-image: url(http://assets1.osftw.com/images/magnifier.png); background-position-y: 5px; background-position-x: 4px; background-repeat: no-repeat; padding-bottom: 3px; } .osTooltip { font-weight: bold; font-size: 11px; color: rgb(234, 234, 234); background-color: rgb(86, 86, 86); padding: 5px 10px; display: none; z-index: 15000; cursor: default; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset, 2px 7px 11px #232323; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset, 2px 7px 11px #232323; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset, 2px 7px 11px #232323; -khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset, 2px 7px 11px #232323; } img.attach, img.bbCodeImage { max-width: 100%; display: block; margin: auto; } .bbCodeImageFullSize { position: absolute; z-index: 2147483647; } div.os-video { text-align: center; } .os-video__posterlink { position: relative; display: block; } .os-video__playarrow { z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(49,49,49,.5); -webkit-user-select: none; -webkit-user-drag: none; display: block; } .os-video__playarrow--hover:hover { cursor: pointer; color: #18adf3 } .os-video__playarrow--hover:hover .os-video__icon { color: #18adf3; fill: #18adf3; } .os-video--small .os-video__icon { height: 50px; margin-left: -25px; margin-top: -25px; width: 50px; } .os-video__icon { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; overflow: hidden; pointer-events: none!important; } .os-video__foreground { color: #fff; fill: #fff; } #osbar{margin:0;padding:5px 0 0 0;max-width:430px;overflow:hidden}#osbar:hover ul.buttons li.btn,#osbar.active ul.buttons li.btn{background:#313131;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;border-top-color:#585656}#osbar:hover ul.buttons li.btn.twitter div.icon,#osbar.active ul.buttons li.btn.twitter div.icon{background-position:-79px 3px}#osbar:hover ul.buttons li.btn.facebook div.icon,#osbar.active ul.buttons li.btn.facebook div.icon{background-position:0 1px}#osbar:hover ul.buttons li.btn.gplus div.icon,#osbar.active ul.buttons li.btn.gplus div.icon{background-position:-13px 3px}#osbar:hover ul.buttons li.btn.videos div.icon,#osbar.active ul.buttons li.btn.videos div.icon{background-position:-35px 3px}#osbar:hover ul.buttons li.btn.headlines div.icon,#osbar.active ul.buttons li.btn.headlines div.icon{background-position:-56px 3px}#osbar ul.buttons li.btn div.icon{background:url(http://assets1.osftw.com/images/topbar/icons/spritev1.png) no-repeat}#osbar ul.buttons li.btn.facebook div.icon{background-position:0 -22px;width:13px;height:23px;margin-right:3px}#osbar ul.buttons li.btn.twitter div.icon{background-position:-79px -20px;width:21px;height:23px;margin-right:3px;margin-left:2px}#osbar ul.buttons li.btn.gplus div.icon{background-position:-13px -20px;width:21px;height:23px;margin-right:3px}#osbar ul.buttons li.btn.videos div.icon{background-position:-35px -20px;width:21px;height:23px;margin-right:3px}#osbar ul.buttons li.btn.headlines div.icon{background-position:-56px -20px;width:21px;height:23px;margin-right:3px}div.osbar ul.buttons{padding:0;margin:0;list-style-type:none}div.osbar ul.buttons li.btn{list-style-type:none;display:block;float:left;font-size:12px;line-height:26px;margin-right:2px;height:28px;-webkit-transition:background-color 0.4s linear;-moz-transition:background-color 0.4s linear;-ms-transition:background-color 0.4s linear;-o-transition:background-color 0.4s linear;transition:background-color 0.4s linear;-webkit-border-radius:1px 1px 0 0;border-radius:1px 1px 0 0;border-top:1px solid transparent}div.osbar ul.buttons li.btn div.icon{float:left}div.osbar ul.buttons li.btn.open{height:30px;margin-top:1px}div.osbar ul.buttons li.btn:hover,div.osbar ul.buttons li.btn.open{-webkit-transition:background-color 0s linear !important;-moz-transition:background-color 0s linear !important;-ms-transition:background-color 0s linear !important;-o-transition:background-color 0s linear !important;transition:background-color 0s linear !important;background:#262626 !important}div.osbar ul.buttons li.btn a.label{display:inline-block;line-height:26px;padding:0 7px 0 4px}div.osbar ul.buttons li.btn a.label img{height:22px;padding-top:3px}div.osbar ul.buttons li.btn a.label span{color:#d6d6d6;display:inline-block;float:right}div.osbar.button.container{border:7px solid #262626;background:#fff;z-index:9999999;position:absolute;top:29px;left:-1px;min-width:196px;margin:0;padding:0;display:none;z-index:999999999}div.osbar.button.container iframe{overflow:hidden;border:0}div.osbar.button.container iframe[name="btn-osbar-videos-widget"]{width:331px;height:351px}div.osbar.button.container iframe[name="btn-osbar-headlines-widget"]{width:246px;height:297px;overflow-y:hidden !important}div.osbar.button.container iframe[name="btn-osbar-fb-widget"]{width:331px;height:326px}div.osbar.button.container iframe[name="btn-osbar-twitter-widget"]{width:331px;height:326px}div.osbar.button.container.open{display:block} .b-ad { position: relative; } .b-ad.ad728x90 { width: 728px; height: 90px; } .ad728x90.ad728x90--below { margin: 10px auto 12px; } .mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(//assets1.osftw.com/images/meplayer/bigplay.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(//assets1.osftw.com/images/meplayer/bigplay.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(//assets1.osftw.com/images/meplayer/background.png);background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url(//assets1.osftw.com/images/meplayer/loading.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(//assets1.osftw.com/images/meplayer/background.png);background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url(//assets1.osftw.com/images/meplayer/controls.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(//assets1.osftw.com/images/meplayer/controls.png)}.mejs-controls .mejs-button button:focus{outline:solid 1px yellow}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time span{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(//assets1.osftw.com/images/meplayer/background.png);background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(//assets1.osftw.com/images/meplayer/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:0}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:45px}.mejs-captions-text{padding:3px 5px;background:url(//assets1.osftw.com/images/meplayer/background.png);background:rgba(20,20,20,0.8)}.me-cannotplay a{color:#fff;font-weight:bold}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(//assets1.osftw.com/images/meplayer/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(//assets1.osftw.com/images/meplayer/background.png);background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(//assets1.osftw.com/images/meplayer/background.png);background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer}