html,html body {height:100%;}
div.wrap {height:100%; min-height:100%; _height:auto;}
div#content {height:100%; min-height:100%; overflow:hidden; _zoom:1; position:relative;}
body div#content {height:auto; min-height:100%;}


.wrap {width:997px; _width:1010px; margin:0 auto; background:url("../ciyobi/fba347aa_bg_topnav.gif") repeat-x;}

.nav {clear:both; float:left; padding-left:13px; width:984px; _width:997px;}
.nav ul, .nav li {margin:0; padding:0; list-style:none;}
.nav li {float:left; border-right:1px solid #16007F; font:bold 90%/120% arial,sans-serif; text-transform:uppercase;}
.nav li.nav1 {border-left:1px solid #16007F;}
.nav li a {display:block; padding:5px 7px; color:#fff !important;}
.nav li a:hover {color:#fff !important;}
#navTop li a.sel {float:left; font:bold 11px arial,sans-serif; color:#000 !important; background-color:#FFF; background-image:none; padding:5px 7px 6px 7px;}
#navBot {background-color:#29138E;}



.ltCol {float:left; width:633px; margin-left:15px; _margin-left:10px;margin-right: 7px;margin-top: 8px;}
.ltColA {clear:both; float:left; width:309px; margin-right:15px;}
.ltColB {float:left; width:309px; background-color:#FFF;}
.ltColC {float:left; width:633px; background-color:#FFF; margin: 15px 0 7px 0;}

.rtCol {float:left; width:339px;}
.rtCol .rLinks {float:right; margin-top:3px; font:12px arial, sans-serif;}
.rtCol .rLinks a {color:#29138E;}
.rtCol .rLinks .rq {line-height:0; font-size:13px;}
.rtCol .ad300 {width:300px; margin-left:auto; margin-right:auto; text-align:center;}
.rtCol .ad309 {margin:0 15px;}
.rtCol .ad88 {margin:5px 0 0 199px;}
.rtCol a.subscribe {text-decoration:underline; color:#29138E; font-size:14px;}

.ad956 {width:956px; margin-bottom:5px;}

.cmAd {width:285px; margin:0 auto; border:8px solid #29138E; text-align:left;}
.cmAd .logo {margin:0 auto; width:103px; padding:3px 0;}
.cmAd h3 {font:210%/100% "arial black", arial, sans-serif; letter-spacing:-1px; padding:0 8px 3px 8px;}
.cmAd h3 a {color:#000;}
.cmAd ul {margin:0 23px 10px 23px; padding:0;}
.cmAd ul li, .cmAd ul li a {font:100%/100% arial, sans-serif; color:#000;}
.cmAd ul li {padding:3px 0 0 0; margin:0;}

#insideTime {clear:both; float:left; width:967px; margin:0 10px; _margin:0 8px; border-bottom:1px solid #E5E5E5; background-color:#FFF;}
#insideTime .tout {float:left; padding:7px 7px 7px 0; width:259px;}
#insideTime .last {float:left; padding:0; margin:0; width:216px;}
#insideTime h3 {float:left; padding:7px 7px 7px 0; _padding:7px 4px 7px 0; font:normal 140%/90% arial black, arial, sans-serif; letter-spacing:-1px; _letter-spacing:-2px; color:#29138E; width:150px;}
#insideTime h4 {font:normal 110%/105% georgia,"times new roman",times,serif; color:#000;}
#insideTime .thumb {position:relative; margin:0; float:left; width:77px; padding:0 7px 0 0;}
#insideTime .thumb .video {position:absolute; top:0; left:0;}

.lathd {width:287px; border:1px solid #ccc; padding:10px; margin:0 15px; font:normal 105%/105% Georgia,"Times New Roman",Times,serif;}
.lathd h2, .lathd h3 {font:normal 135%/95% "arial black",arial,sans-serif; letter-spacing:-1px; color:#29138E; padding-bottom:3px;}
.lathd h2 a, .lathd h3 a {color:#29138E;}
.lathd .date {font:11px arial, sans-serif; margin:2px 0;}
.lathd ul {color:#29138E; margin:3px 0 0 1.2em; padding:0;}
.lathd li {padding:0 0 4px 0; margin:0; font-size:70%; line-height:140%;}
.lathd li a {font-size:130%; line-height:110%;}

.polls {margin:0 15px; float:left; width:287px; padding:10px; border:1px solid #ccc; background-color:#FFF;}
.polls h2, .polls h3 {font:normal 135%/95% "arial black",arial,sans-serif; letter-spacing:-1px; color:#29138E; padding-bottom:3px;}
.polls h2 a, .polls h3 a {color:#29138E;}

/* New Most Pop */
.tabsMod {width:289px; _width:287px; padding:9px 9px 9px 9px; _padding:8px 8px 8px 8px; margin:0 15px 15px 15px; border:1px solid #ccc; overflow:hidden;}
.tabsMod ol {padding:7px 0 0 30px; margin:0; list-style-position:outside;}
.tabsMod ol li {font:normal 100%/100% Georgia, "Times New Roman", Times, serif; padding:0 0 5px 0; color:#29138E; display:list-item;}
.tabsMod #tabContent8:after, .tabsMod #tabContent9:after, .tabsMod #tabContent10:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.tabsWrap {clear:both;}
.tabsMod #tab8 a, .tabsMod #tab9 a, .tabsMod #tab10 a {cursor:pointer; display:inline-block; padding-left:10px; text-decoration:none; background:transparent url("../ciyobi/b29bfacd_bg_tabs_rounded.png") no-repeat left 0; outline:none; font:bold 11px arial,sans-serif; color:#FFF;}
.tabsMod #tab8 a:hover, .tabsMod #tab9 a:hover, .tabsMod #tab10 a:hover {color:#fff !important; text-decoration:none; cursor:pointer;}
.tabsMod #tab8.off a:hover, .tabsMod #tab9.off a:hover, .tabsMod #tab10.off a:hover, .tabsMod #tab8.off a:visited, .tabsMod #tab9.off a:visited, .tabsMod #tab10.off a:visited {color:#000;}
.tabsMod #tab8.off a:hover span, .tabsMod #tab9.off a:hover span, .tabsMod #tab10.off a:hover span {color:#666; text-decoration:underline !important;}
.tabsMod #tabContent8, .tabsMod #tabContent9, .tabsMod #tabContent10 {clear:left; width:260px;}
.tabsMod #tabContent8.off, .tabsMod #tabContent9.off, .tabsMod #tabContent10.off {display:none;}
.tabsMod h3 {font:normal 140%/75% arial black, arial, helvetica, sans-serif; letter-spacing:-1px; color:#29138E; padding-bottom:6px;}
.tabsMod h3 a:link, .tabsMod h3 a:visited {color:#29138E;}
.tabsMod ol li {list-style-type:decimal;}
.tabsMod #tab8.off a, .tabsMod #tab9.off a, .tabsMod #tab10.off a {color:#666; font-size:11px;}
.tabsMod #tab8 a span, .tabsMod #tab9 a span, .tabsMod #tab10 a span {background:transparent url("../ciyobi/b29bfacd_bg_tabs_rounded.png") no-repeat right 0; height:20px; display:inline-block; vertical-align:top; padding-top:4px; padding-right:10px;}
.tabsMod .off a, .tabsMod .off a span {background:none !important;}
.tabsMod .ad88 {clear:both;}
.tabsMod #tab8, .tabsMod #tab9, .tabsMod #tab10, .tabsMod #tabContent8, .tabsMod #tabContent9, .tabsMod #tabContent10, .tabsMod h3 {float:left; _display:inline;}
.tabsMod .rLinks {float:right; _display:inline;}

#marketAds {width:88px;}
#marketAds .mpAd {float:left; padding:0 3px 11px 0; width:88px;}
.link, .link a {font:normal 95%/90% arial, helvetica, sans-serif; color:#29138E; text-align:center;}
.link {padding-top:2px;}

.botColA {clear:both; float:left; margin:15px 20px 10px 15px;}
.botColB {float:left; margin:15px 0 10px 0;}

.module {border:1px solid #ccc; padding:10px; width:287px; font:15px georgia, serif; color:#000; overflow:hidden;}
#nlHead {font:24px/1em "Arial Black", Arial, sans-serif; color:#29138E; background:url("../ciyobi/55cbfd87_newsletterLogo.png") no-repeat left center; padding:0 0 0 80px; min-height:85px; _height:85px; letter-spacing:-1px;}
#nlEmail {width:200px; background:url("../ciyobi/e8495882_inputBG.png") no-repeat; border-style:none; padding:2px 0 2px 2px; margin:0;}
.nlEmailActive {color:#ccc;}

.searchWrap {float:right; position:relative; width:309px;}
#search1, #search2 {float:right; font:.8em arial; width:309px;}
#frmSearch, #frmSearch2 {float:right;}
#search1 ul, #search2 ul {padding-left:0;  background-color:#fff;}
#search1 input#query, #search2 input#query2 {width:178px; _width:168px; height:21px; margin-left:1px; background-position:1px 5px; font:normal 16px arial, sans-serif; padding:5px 3px 1px 3px; background-repeat:no-repeat; float:left; color:#29138E; border:1px solid #bbb;}
#search1 ul#searchCat, #search2 ul#searchCat2 {color:#29138E; width:185px; _width:175px; border:1px solid #ccc; display:none; margin-top:0; list-style-type:none; font:bold 12px arial,sans-serif; margin-left:3px; position:absolute; top:29px; left:90px; _left:100px; z-index:10;}
#search1 ul#searchCat {border-width:0 1px 1px 1px;}
#search2 ul#searchCat2 {border-width:1px 1px 0 1px; top:-65px !important;}
#search1 input.magnify, #search2 input.magnify {cursor:pointer; background-image:url("../ciyobi/978cc0c0_icon_glass.png"); display:block; height:29px !important; width:30px; float:left; margin:0; border-style:none;}
#search1 ul#searchCat li, #search2 ul#searchCat2 li {margin:0; padding:6px;}
#search1 ul#two, #search2 ul#two {display:none;}
#search1 label, #search2 label {display:none;}
#search1 .ad, #search2 .ad {float:left; width:88px;}

#feedModule, #feedModule2 {width:223px; float:right; text-align:left;}
#feedModule ul li a, #feedModule2 ul li a {color:#666;}
#feedModule ul li a:hover, #feedModule2 ul li a:hover {color:#29138E;}
#feedModule ul, #feedModule2 ul {float:left; width:200px; margin:0 0 0 60px; _margin:0;}
#feedModule li, #feedModule2 li {font:normal 130%/90% arial,sans-serif; padding:1px 0; list-style-type:none;}
#feedModule .border, #feedModule2 .border {float:left; border:1px solid #cbcbcb; border-width:1px 1px 0 1px; margin:0 0 0 27px; position:absolute; left:-17px; top:-25px; z-index:100; display:none; height:25px; width:124px;}
#feedModule2 .border2 {float:left; border:1px solid #cbcbcb; border-width:0 1px 1px 1px; margin:0 0 0 27px; position:absolute; left:-17px; top:-25px; z-index:100; display:none; height:25px; width:124px;}
#feedModule .myGoogle, #feedModule .myYahoo, #feedModule .netvibes, #feedModule .msn, #feedModule .aol, #feedModule .rss, #feedModule2 .myGoogle, #feedModule2 .myYahoo, #feedModule2 .netvibes, #feedModule2 .msn, #feedModule2 .aol, #feedModule2 .rss {background-repeat:no-repeat; background-position:left center; margin:0 0 0 10px; display:block; padding:1px 0 1px 30px; color:#29138E;}
#feedModule .myYahoo, #feedModule2 .myYahoo {background-image:url("../ciyobi/57fa0016_rss_yahoo.png");}
#feedModule .myYahoo {margin:0 0 0 4px !important;}
#feedModule .myGoogle, #feedModule2 .myGoogle {background-image: url("../ciyobi/dd8f30dc_rss_google.png");}
#feedModule .netvibes, #feedModule2 .netvibes {background-image: url("../ciyobi/0cb76b0c_rss_net.png");}
#feedModule .msn, #feedModule2 .msn {background-image: url("../ciyobi/b20df414_rss_msn.png");}
#feedModule .aol, #feedModule2 .aol {background-image: url("../ciyobi/5c5673ca_rss_aol.png");}
#feedModule .rss, #feedModule2 .rss {background-image: url("../ciyobi/961f19a8_rss_rss.png");}
#feedModule .seeAll, #feedModule2 .seeAll2 {margin-left:5px; position:relative; top:3px;}
#feedModule a.podcasts, #feedModule a.newsletters, #feedModule a.addTimeNews, #feedModule2 a.podcasts, #feedModule2 a.newsletters, #feedModule2 a.addTimeNews {text-transform:uppercase; margin-left:15px; background-repeat:no-repeat; background-position:left center; padding-left:22px; padding-top:2px; padding-bottom:3px; font-size:.7em; display:block; color:#666; width:92px; cursor:pointer;}
#feedModule a.newsletters, #feedModule2 a.newsletters {background-image:url("../ciyobi/9c955899_feedNewsletter.png");}
#feedModule a.podcasts, #feedModule2 a.podcasts {background-image:url("../ciyobi/641c7a12_feedPodcast.png");}
#feedModule a.addTimeNews, #feedModule2 a.addTimeNews {background-image:url("../ciyobi/961f19a8_rss_rss.png");}
#feedModule ul#menu {text-transform:none; border:1px solid #cbcbcb; border-width:0 1px 1px 1px; display:none; float:left; width:119px; position:absolute; top:0; left:10px; margin-top:0; margin-left:0; padding-left:5px; padding-top:5px;  background-color:#FFF;}
#feedModule2 ul#menu2 {text-transform:none; border:1px solid #cbcbcb; border-width:1px 1px 0 1px; display:none; float:left; width:119px; margin-top:0; margin-left:0; padding-left:5px; padding-top:5px;  background-color:#FFF; position:absolute;top:-180px;left:10px;}
#feedModule ul#menu li, #feedModule2 ul#menu2 li {height:14px; font-size:12px; margin-top:0; margin-bottom:0; position:relative; top:0;}
#feedModule ul#menu a, #feedModule2 ul#menu2 a {color:#29138E; padding-top:5px;}
#feedModule .line1, #feedModule2 .line1 {border-top:1px solid #666; margin:3px 0 0 6px !important; width:100px;}
#feedModule .line2, #feedModule2 .line2 {float:left; border-top:1px solid #666; margin:3px 0 3px 6px !important; width:100px;}
#feedModule ul#menu li, #feedModule2 ul#menu2 li {padding:5px 0; _padding:3px 0;}
#feedModule #pos, #feedModule2 #pos2 {position:relative; z-index:99;}

td.row1, td.row2, td.row3, td.row4, td.row5, td.row6, .tdrow7 {height: 13px;}
td.row1 {background-color: #336699;}
td.row2 {background-color: #AAD2E7;}
td.row3 {background-color: #B90600;}
td.row4 {background-color: #EBAE99;}
td.row5 {background-color: #669900;}
td.row6 {background-color: #B8CC90;}
td.row7 {background-color: #FF9900;}
td.row8 {background-color: #F5CC90;}

.toplists {float:left; width:287px; padding:10px; border:1px solid #ccc; background-color:#FFF;}
.toplists p.eyebrow {clear:left; display:block; margin:0; padding:3px 0 0 0; font:bold 11px/95% arial,sans-serif; color:#666; text-transform:uppercase;}
.toplists p.eyebrow a {color:#666;}
.toplists .tout {float:left; padding-bottom:10px; width:280px;}
.toplists h2 {font:normal 140%/95% "arial black",arial,sans-serif; letter-spacing:-1px; color:#29138E; padding-bottom:6px;}
.toplists .tout h3 {font:normal 140%/110% georgia,"times new roman",times,serif; color:#000;}
.toplists .tout p.byline {margin:0; padding:0; font-size:90%; text-transform:uppercase;}
.toplists .tout .thumb {position:relative; float:left; padding-top:3px;}
.toplists .tout .thumb a img {padding-right:8px;}
.toplists .tout .thumb .video {position:absolute; top:3px; left:0;}
.toplists .tout:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}

.topgames {float:left; width:611px; padding:10px; border:1px solid #ccc; background-color:#FFF;}
.topgames p.eyebrow {clear:left; display:block; margin:0; padding:3px 0 0 0; font:bold 11px/95% arial,sans-serif; color:#666; text-transform:uppercase;}
.topgames p.eyebrow a {color:#666;}
.topgames .tout {float:left; padding-bottom:10px;}
.topgames h2 {font:normal 140%/95% "arial black",arial,sans-serif; letter-spacing:-1px; color:#29138E; padding-bottom:6px;}
.topgames .tout h3 {font:normal 140%/110% georgia,"times new roman",times,serif; color:#000;}
.topgames .tout p.byline {margin:0; padding:0; font-size:90%;}
.topgames .tout .thumb {position:relative; float:left; padding-top:3px;}
.topgames .tout .thumb a img {padding-right:8px;}
.topgames .tout .thumb .video {position:absolute; top:3px; left:0;}
.topgames .tout:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.topgames .byline a {color: #29138E; text-decoration: underline;}
.topgames .byline a:hover {color: #000000; text-decoration: none;}

.news {float:left; width:611px; background-color:#FFF;}
.news p.eyebrow {clear:left; display:block; margin:0; padding:3px 0 0 0; font:bold 11px/95% arial,sans-serif; color:#666; text-transform:uppercase;}
.news p.eyebrow a {color:#666;}
.news .tout {float:left; padding-bottom:10px;}
.news h2 {font:normal 140%/95% "arial black",arial,sans-serif; letter-spacing:-1px; color:#29138E; padding-bottom:6px;}
.news .tout h3 {font:normal 140%/110% georgia,"times new roman",times,serif; color:#000;}
.news .tout p.byline {margin:0; padding:0; font-size:90%;}
.news .tout .thumb {position:relative; float:left; padding-top:3px;}
.news .tout .thumb a img {padding-right:8px;}
.news .tout .thumb .video {position:absolute; top:3px; left:0;}
.news .tout:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.news .byline a {color: #29138E; text-decoration: underline;}
.news .byline a:hover {color: #000000; text-decoration: none;}


/* New Search on Article pages */
.search {float:left; _display:inline; width:380px; width:370px; margin-top:3px;}
.frmSearchTd {width:100%;}
.search #frmSearchArticle {float:none; _zoom:1; padding-right:40px; _padding-right:32px; position:relative;}
.search #frmSearchArticle label {display:none;}
.search #frmSearchArticle #query {border:1px solid #bbb; color:#29138E; width:100%; font-family:arial,sans-serif; font-size:16px; height:23px; margin-left:1px; padding:5px 3px 1px;}
.search #frmSearchArticle .magnify {top:0; top:1px; right:0; position:absolute;}
#searchCat {background-color:#fff; color:#29138E; display:none; font-family:arial,sans-serif; font-size:12px; font-weight:bold; left:-2px;
line-height:normal; margin-left:3px; margin-top:0; border:1px solid #ccc; border-width:0 1px 1px 1px; top:31px; top:32px; position:absolute; z-index:9997;}
#searchCat li {padding:6px;}
#searchCat input.magnify {height:31px !important;}

.featNews {width:307px; border:1px solid #ccc; font:normal 100% arial, sans-serif; padding-bottom:13px; overflow:hidden;}
.featNews .tout {padding:10px 0; margin:0 10px; border-top:1px solid #ccc; clear:both;}
.featNews .first {border:none;}
.featNews .credit {font:9px arial, sans-serif; color:#666; text-transform:uppercase; text-align:right; margin-top:-10px;}
.featNews h3 {font:18px/1.1em "arial black", arial, sans-serif; letter-spacing:-1px;}
.featNews h4.eyebrow {font:18px/1.1em "arial black", arial, sans-serif; letter-spacing:-1px;}
.featNews .byline {margin-top:2px; font-size:11px;}
.featNews .name {text-transform:uppercase;}
.featNews ul.rel {position:relative; margin:5px 0 0 0; _margin:5px 10px 0 0; padding:0 0 0 16px; overflow:hidden; _float:left;}
.featNews ul.rel li {position:relative; margin:0 0 2px 0;}
.featNews ul.rel li a {color:#29138E; font-size:120%;}
.featNews .imgcont {float:left; margin:3px 5px 5px 0; position:relative;}
.featNews .imgcont .video {position:absolute; top:0; left:0; height:23px; width:23px;}
.featNews .txt {font:13px georgia, serif; margin:4px 0;}
.clearfix::after{content:"";display:table;clear:both}