/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1.2; font-family: tahoma; font-size: 11px; background-color: #E1EBFF }
div.clear {clear: both;}
b.topCorners b { height: 1px; display: block; background-color: #333333;}
b.topCorners b.line5{ height: 1px; }
b.topCorners b.line4{ margin: 0 1px; height: 2px;}
b.topCorners b.line3{ margin:0 2px;}
b.topCorners b.line2{ margin:0 3px;}
b.topCorners b.line1{ margin:0 5px;}
b.bottomCorners b { height: 1px; display: block; background-color: #333333;}
b.bottomCorners b.line5{ height: 1px;}
b.bottomCorners b.line4{ margin: 0 1px; height: 2px;}
b.bottomCorners b.line3{ margin:0 2px;}
b.bottomCorners b.line2{ margin:0 3px;}
b.bottomCorners b.line1{ margin:0 5px;}
#siteContainer { margin:0 auto; width:1000px; }
div.headerBlock { }
div.header{ background-color: #333333; height: 135px}
div.header a.logo { background:transparent url(../img/css/SoLogo.png) no-repeat scroll 0 0; height:111px; margin:10px 0 0 25px; text-decoration:none; width:154px; display: block; float: left; }
div.header a.logo span { display:none; }
div.header a.logo:hover { background-position: 0px -119px;}
div.adBlockTop {float:right; margin:20px 40px 0 0;padding:2px;border: 2px solid #FFF;}
div.clear { height: 9px; }
div.infoBar {background-color: #ff9933; color:#333333; height:22px; line-height:22px; margin:0 auto; padding:0 20px; width:936px;}
div.infoBar a {color:#222222;}
div.infoBar a:hover {text-decoration: none;}
div.breadCrumbs { float:left; width:75%}
div.auth { float:right; width:25%; text-align: right;}
div#middleContainer {display:block; margin-top:10px; overflow:hidden; width:100%;}
div.content { display:block; float:right; margin:0 40px 0 0; width:734px; }
div.manchette {}
div.manchette b.topCorners b.line5{ padding-bottom: 10px;}
div.manchette h1 {background-color:#666666; color:#FFFFFF; font-size:1.27em; letter-spacing:5px; line-height:23px; padding-left:5px; margin:0; }
div.manchette .cycleBox{background-color:#333333; padding: 20px 5px;}
div.manchette .cycleBox b.topCorners b {background-color: #000; }
div.manchette .cycleBox b.bottomCorners b {background-color: #000; }
/* CODE SLIDER PLUGIN STYLES */
.coda-slider-wrapper {background-color: #000;}
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
.coda-slider, .coda-slider .panel { width: 700px; background-color: #000; }
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 700px }
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
.coda-nav ul li a.current { background: #ff6600; color: #FFF; }
.coda-slider .panel-wrapper { padding: 20px }
.coda-slider div.panel .panel-wrapper a.cycleImgLink { float: left; display: block; margin-right: 10px; width: 105px;}
.coda-slider div.panel .panel-wrapper a img { border: 2px solid #FFF;}
.coda-slider div.panel .panel-wrapper div { float: left; color: #FFF; width: 530px; font-size: 1.3em;}
.coda-slider div.panel .panel-wrapper div a { color: #FFF; text-decoration: none;}
.coda-slider div.panel .panel-wrapper div a:hover { color: #FF9933; }
.coda-slider div.panel .panel-wrapper div h2 { font-size:1.4em; display: block; margin-bottom: 10px;}
.coda-slider div.panel .panel-wrapper div a.more { display: block; font-weight: bold; margin-top: 10px;}
.coda-slider div.panel .panel-wrapper h3 a { color: #FFF; font-weight: bold; text-decoration: none;}
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-nav {float: left; }
.coda-nav ul { display: block; overflow: hidden }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: #ffcc99; color: #000; display: block; float: left; margin-right: 1px; padding: 5px 15px; font-size: 0.95em; text-decoration: none; font-weight: bold; }
.coda-slider-wrapper { clear: both; overflow: hidden; }
.coda-slider { overflow: hidden; position: relative; margin-bottom: 20px; margin-top: -18px }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left; }
.coda-nav-left {margin-left: 70px}
.coda-nav-left a, .coda-nav-right a { display:block; height:16px; width:16px; text-indent:-9000em;}
.coda-nav-left a { background:transparent url(../img/css/slideArrowLeft.png) no-repeat scroll center center;}
.coda-nav-right a { background:transparent url(../img/css/slideArrowRight.png) no-repeat scroll center center;}
div.categories {}
div.category {width: 363px; margin-top: 10px; position: relative; }
div.category-even {float: left;}
div.category-odd {float: right;}
div.category img.teaserImg {position: absolute; bottom:0; right:0 }
div.category div.links{background-color:#333333;}
div.category div.links div.overlay {display: none;}
div.category div.links h2 {background-color:#666666; color:#FFFFFF; font-size:1.27em; letter-spacing:5px; line-height:23px; padding-left:5px; margin:0; }
div.category div.links ul {height:115px; padding:10px; overflow:hidden;}
div.category div.links ul li {margin-bottom: 5px; list-style-type: none; }
div.category div.links a {color: #FFFFFF; text-decoration: none; font-weight: bold; }
div.category div.links a:hover {color: #FF9933; }
div.category div.links a.more {bottom:10px; left:10px; position:absolute;}
div.sideBar {float: left; width: 184px}
div.sideBar b.topCorners b.line5{ height: 10px; }
div.sideBar b.bottomCorners b.line5{ height: 10px; }
ul.menu {background-color: #333333; }
ul.menu li a.menuHeader {background:transparent url(../img/css/SoMenuBg.gif) repeat-x scroll 0 0; color:#FFFFFF; height:26px; line-height:20px; text-decoration: none; font-size:1em; font-weight: bold; border:2px solid #ff6600; display: block; text-align:center; color: #333}
ul.menu li a.menuHeader span.label {display: block; padding-top:5px;}
ul.menu li ul {}
ul.menu li ul a {background-color: #FFFFFF; display: block; border-top: 1px solid #333333; margin: 0px 3px; padding: 5px 8px; color: #333333; text-decoration: none; font-weight: bold;}
ul.menu li ul a:hover {color: #ff6600;}
ul.menu li ul li.bottom { margin: 0px 3px; padding-bottom:6px;}
ul.menu li ul li b.bottomCorners b {background-color: #FFFFFF;}
ul.menu li.active ul li.active a {color: #FF6600; }
div.advertorialBlock { margin-top: 10px; }
div.advertorialBlock b.topCorners b{ background-color: #FFF; }
div.advertorialBlock div.ad{ background-color: #FFF; text-align: center;}
div.advertorialBlock b.bottomCorners b{ background-color: #FFF; }
div.partners { margin-top: 10px; }
div.partners b.topCorners b{ background-color: #FF9933; }
div.partners b.bottomCorners b{ background-color: #FF9933; }
div.partners div.heading {background-color: #FF9933; color:#333333; font-size:1em; font-weight:bold; line-height:20px; text-align:center; padding-bottom: 1em;}
div.partners ul {background-color: #FFF; }
div.partners ul li a {background-color:#FFFFFF; border-top:1px solid #333333; color:#333333; display:block; font-weight:bold; margin:0 3px; padding:5px 8px; text-decoration:none;}
div.partners ul li a:hover {color:#FF6600; }
div.footCrumbs {background-color: #FF9933; color:#333333; height:22px; line-height:22px; margin:20px auto 0; padding:0 20px; width:936px; }
div.footCrumbs a {color:#222222;}
div.categoryOverview {}
div.categoryOverview b.topCorners b.line5{ padding-bottom: 10px;}
div.categoryOverview b.bottomCorners b.line5{ padding-top: 10px;}
div.categoryOverview h1 {background-color:#666666; color:#FFFFFF; font-size:1.27em; letter-spacing:5px; line-height:23px; padding-left:5px; margin:0; }
div.categoryOverview ul {background-color: #333333;}
div.categoryOverview ul li {list-style-type: none;}
div.categoryOverview ul li.overview {width:355px; height:164px; margin-top: 10px; overflow: hidden;}
div.categoryOverview ul li.overview-even {float: left; margin-left: 8px; margin-right: 3px;}
div.categoryOverview ul li.overview-odd {float: right; margin-left: 3px; margin-right: 8px;}
div.categoryOverview ul li.overview b.topCorners b{ background-color: #000; padding: 0;}
div.categoryOverview ul li.overview b.bottomCorners b{ background-color: #000;}
div.categoryOverview ul li.overview b.bottomCorners b.line5{ padding-top: 5px;}
div.details {background-color: #000; padding: 10px; width: 100%;}
div.details h2 { font-size:1.6em; margin-bottom: 10px;}
div.details a { color: #FFF; text-decoration: none;}
div.details a:hover { color: #FF9933; }
div.details a.imgLink { float: left; display: block; margin-right: 10px; width: 85px;}
div.details a img { border: 2px solid #FFF;}
div.details div.info { float: left; color: #FFF; width: 235px;}
div.details div.clear { text-align: right;}
div.details div.clear a.more { display: block; font-weight: bold; margin-top: 10px; text-decoration: underline; padding-right:20px;}
div.game {}
div.game b.topCorners b.line5{ padding-bottom: 10px;}
div.game h1 {background-color:#666666; color:#FFFFFF; font-size:1.27em; letter-spacing:5px; line-height:23px; padding-left:5px; margin:0; }
div.game div.gameBox { background-color: #333333; margin:0; padding: 10px}
div.game div.gameBox div.frame {background-color: #000; padding: 10px; color: #FFF;}
div.game div.gameBox div.frame p.description span.title {margin:10px 0; font-weight:bold; font-size:1.2em; display: block}
div.game div.gameBox div.frame div.swf {text-align: center; padding: 20px}
div.game div.gameBox div.frame div.swf img {display:none;}
div.game div.gameBox div.frame div.rate {width:125px; margin: 2em auto;}
div.game div.gameBox div.frame div.rate #rating-label {float:left;}
div.shareIt {margin:auto; width:370px}
div.shareIt img {vertical-align:middle;}
div.comments { color:#000000; margin: 2em auto; width:400px; background-color: #FFF; font-size: 1.1em;}
div.comments li.comment { background-color: #ECEFF5; margin-bottom: 2px; padding: 2px; }
div.comments li.comment img { float:left; margin: 2px 5px; }
div.comments li.comment div.commentContent {float:right; width:340px; padding:4px}
div.comments li.comment div.commentText span {color: #3B5998; font-weight: bold}
div.comments li.comment div.commentText div.text {display: inline; color: #333}
div.comments li.comment div.commentMeta {color:#777777; padding:2px 0 1px;}
div.comments li.comment form div.commentActions {text-align: right;}
div.comments li.comment form div.commentActions input {border-color: #29447E #29447E #1A356E; background-color: #5B74A8; color: #FFF; font-weight: bold;}
div.comments li.comment form div.commentActions input:hover {cursor: pointer;}
div.mainBox {}
div.mainBox b.topCorners b.line5{ padding-bottom: 10px;}
div.mainBox h1 {background-color:#666666; color:#FFFFFF; font-size:1.27em; letter-spacing:5px; line-height:23px; padding-left:5px; margin:0; }
div.mainBox div { background-color: #333333; margin:0; padding: 10px; color: #FFF; }
div.faq ul li {list-style:none;}
div.faq ul li a {color: #FFF;}
div.mainBox2 {margin-bottom: 3em;}
div.mainBox2 b.topCorners b {background-color: #FFFFFF}
div.mainBox2 b.bottomCorners b {background-color: #FFFFFF}
div.mainBox2 b.topCorners b.line5 { padding-bottom: 10px;}
div.mainBox2 h1 {background-color:#FF9933; color:#333333; font-size:1.27em; letter-spacing:5px; line-height:23px; padding-left:5px; margin:0; }{}
div.mainBox2 div.contentContainer {background-color:#FFFFFF; color: #000; padding: 2em;}{}
#tooltipOverlay{ position:absolute; border:3px solid #ccc; background:#333; padding:5px; color:#FFF; z-index:500; width:250px; }
#tooltipOverlay img { display:inline; float:left; margin:0 5px 0 0; }