/* ------------------------------------------------------------ * PROJECT : Matrix Games * FILENAME : matrixgames.css * ------------------------------------------------------------ * DATE CREATED : 01 Jul 2010 * UPDATED : 05 Aug 2010 * UPDATED : 13 Mar 2012 * ------------------------------------------------------------ * AUTHOR(S) : Alex Fiedler (http://www.capricorndigital.com.au/) * Patty Rutins (Matrix Games) * ------------------------------------------------------------ * NOTE(S) : Based on original design by Kevin Scholl * ------------------------------------------------------------ */ /* ------------------------------------------------------------ * Matrix Blue : #973311 * Matrix Orange : #C60 * Background : #F6F6F6 (faded gray) * : #FFF0EB (faded brown) * : #EFECE9 (faded orange) * Baseline Text : #333 * Heading 2 : #666 * Heading 3 : #973311 (background) * : #FFF (text) * Poststamp : #638DAC * ------------------------------------------------------------ */ body { margin: 0 0 10px 0; background-color: #67381E; padding: 0; } #skin { background: url(/images/bg_collage.jpg) center repeat; width:100%; height:1860px; position:absolute; display:block; top:0; z-index:-10 } #skin2 { background: url(/images/bg_collage.jpg) center no-repeat; width:100%; height:860px; position:absolute; display:block; top:0; z-index:-10 } H5 { margin:0 0 6px 0; } IFRAME { border:none; } .clear { clear:both } .left { float:left } .right { float:right } .center { text-align:center; } .small90 { font-size:90% } .small80 { font-size:80% } .small70 { font-size:70% } .large110 { font-size:110% } .large120 { font-size:120% } .righthalf { float:right; width:50% } .lefthalf { float:left; width:50% } .boxblue { background:#FFF0EB; padding:6px; } .bgblue { background:#FFF0EB; } .bgorange { background:#EFECE9; } .bggray { background:#F6F6F6; } div.colLeft1 { float: left; margin: 0; padding: 0; width: 349px; } div.colLeftSmall { float: left; margin:0; padding: 0; width: 149px; background:#FFF0EB; } div.colMid1 { float: left; margin: 0 2px 0 2px; padding: 0; width: 348px; } div.colRight1 { float: right; margin: 0; padding: 0; width: 349px; background:transparent; } div.colRight2 { float: right; margin: 0; padding: 0; width: 699px; } div.colRightLarge{ margin:0 0 0 152px; padding:0; } div.colLeft2 { float: left; margin: 0; padding: 0; width: 699px; background:transparent; } div.colRightBlue { background: URL(/images/bg_column_lightbrown.gif) 100% 0 repeat-y; } div.colLeftBlue { background: URL(/images/bg_column_lightbrown.gif) 0 0 repeat-y; } div.scrollNews { float: right; margin: 0; width: 348px; height:302px; overflow:hidden; background:#FFF0EB; text-align:left; } div.scrollNews a { text-decoration:none; } div.scrollNews .item { padding:10px; height:130px; border-bottom:2px solid white; } div.scrollNews img { float:left; width:100px; } div.scrollNews span.newsdate { font-size:95%; color:#ce5933; font-style:italic; display:block; } div.scrollNews h4 { margin: 0 0 2px 2px; padding: 0; font: bold 13px/16px Arial, Helvetica, sans-serif; color: #942D0C; } div.scrollNews p { margin: 0 0 2px 2px; padding: 0; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #333;} div.scrollNews p a { text-decoration:none; } div.scrollNews .body { height:117px; overflow:hidden; } div.scrollNews a.footer { font-size:95%; text-decoration:underline; } div b.newsDots { display:inline; margin-left:20px; color:#999; } div b.newsDots a { display:inline; padding:0 4px; font: bold 20px/14px times; color:#fff; text-decoration:none; } div b.newsDots a.sel { color:#C60; } div.homeRow1 { margin:0; height:230px; overflow:hidden; position:relative;} div.homeRow1 .prodLarge { height:210px; margin-top:10px; } div b.newDots { display:inline; margin-left:20px; color:#999; float:right; } div b.newDots a { display:inline; padding:0 4px; font: bold 20px/26px times; color:#fff; text-decoration:none; } div b.newDots a.sel { color:#C60; } div.homeRow2 { margin:0; } div.homeRow2 a { text-decoration:none; } div.homeRow2 ul { margin:0; padding:2px; background:#FFF0EB; height:300px; font-size:90%; } div.homeRow2 ul li { list-style:none; height:135px; padding:0 4px 0 0; clear:both;} div.homeRow2 img { height:100px; width:100px; float:left; border:0; margin:5px 0 10px 0;} div.homeRow2 h4 { font-size:120%; margin:4px 0 0 0;} div.homeRow2 p { margin:0px; } div.homeRow2 p a { text-decoration:underline; } div ul.gamerecon { text-align:center; } div ul.gamerecon li a { text-decoration:none; padding-top:4px; font-size:120%;} div ul.gamerecon img { width:205px; height:155px; border:0; float:none; margin:0 auto; padding:0; } div.homeRow3 { margin:0; } div.homeRow3 ul { margin:0; padding:5px; height:290px; font-size:90%; } div.homeRow3 ul li { list-style:none; margin:0; padding:0; clear:both; } div.homeRow3 h4 { font-size:120%; margin:4px 0 0 0;} div.homeRow3 h4 a { text-decoration:none; } ul.newsletters img { height:80px; margin:0 6px 20px 0; border:0; float:left; } div.item1 { margin:0; float:left; width:349px; } div.item1 img { float:left; padding:10px 0; } div.item1 p { margin:0 0 10px 100px; } .thumb { width:205; height:155px; border:0; margin:4px 0; } div.newsTop { background:#ddd; font-size:95%; text-align:right; padding:3px 6px; } div ul.news li { background: transparent url(/images/icon_news.gif) 0 0 no-repeat; padding-left:16px;} div ul.datelist li { padding-left:78px; } div ul.datelist li b { float:left; margin-left:-78px; } div.prodSmall { float:left; height:150px; padding:2px 10px 0px 0; position:relative; top:0; left:0; background:#FFF0EB; overflow:hidden; font-size:95%; } div.homeRow2 div.prodSmall { width: 339px; } /*div.colRight1 div.prodSmall li { height: 150px; } */ div.prodSmall a { text-decoration:none; } div.prodSmall p { margin:0px 0px 2px 105px; } div.prodSmall div.top { height:90px; text-align:justify; overflow:hidden; } div.prodSmall div.top2 { height:110px; text-align:justify; overflow:hidden; } div.prodSmall img { height:100px; width:100px; position:absolute; left:0px; padding-top:14px; border:0; } div.prodSmall h4 { margin:2px 0px 0px 105px; font-size:110%; padding:5px 0 0 0; text-align:left;} div.prodSmall p a { text-decoration:underline; } div.prodSmall p.date { font-size:95%; margin-bottom:2px; font-style:italic; } div.prodSmall span { font-size:95%; margin:0px 0px 2px 105px; display:block; } div.prodLarge { float:left; width:330px; height:200px; padding:10px 10px 0 0; margin-left:5px; position:relative; top:0; left:0; } div.prodLarge a { text-decoration:none; } div.prodLarge p { margin:0px; } div.prodLarge div.top { height:106px; text-align:justify; overflow:hidden; margin-left:140px; } div.prodLarge div.footer { margin-left:140px; } div.prodLarge img { height:180px; width:139px; position:absolute; left:0px; top:10px; border:0;} div.prodLarge h4 { font-size:130%; margin:4px 0; color: #942D0C; text-align:left; } div.prodLarge p.date { font-size:90%; color:#CE5933; margin-bottom:2px; font-style:italic;} div.prodLarge span { font-size:95%; margin:5px 0; display:block; } div.prodLarge p a { text-decoration:underline; } div.prodFull { margin:0; border:0; background:transparent; padding:15px 10px; width:660px; clear:both; border-top:2px solid #f0f0f0; } div.prodFull a { text-decoration:none; } div.prodFull h4 { margin:5px 0 1px 140px; padding:0; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#973311; } div.prodFull p { padding:2px 0 2px 140px; margin:0; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333; } div.prodFull .body { padding:5px 5px 5px 140px; background:#FFF0EB; } div.prodFull p.footer { font:normal 11px/15px Arial, Helvetica, sans-serif; } div.prodFull p.date { font:normal 11px/15px Arial, Helvetica, sans-serif; color:#638DAC; } div.prodFull p.footer a { text-decoration:underline; } div.prodFull img { float:left; display:block; margin:0; padding-bottom:10px; } div.prodGCFull { margin:0; border:0; background:transparent; padding:15px 10px; width:660px; clear:both; border-top:2px solid #f0f0f0; } div.prodGCFull a { text-decoration:none; } div.prodGCFull h4 { margin:5px 0 10px 0px; padding:0; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#973311; } div.prodGCFull p { padding:2px 0 2px 140px; margin:0; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333; } div.prodGCFull .body { padding:5px 5px 5px 160px; background:#FFF0EB; } div.prodGCFull p.footer { font:normal 11px/15px Arial, Helvetica, sans-serif; } div.prodGCFull p.date { font:normal 11px/15px Arial, Helvetica, sans-serif; color:#638DAC; } div.prodGCFull p.footer a { text-decoration:underline; } div.prodGCFull img { float:left; display:block; margin:20px 20px; padding-bottom:10px; } div.productDetails { font-size:100%; } div.productDetails a { text-decoration:none; } div.productDetails h4 { font-size:120%; padding:0px; color:#973311; } div.productDetails i { font-size:90%; margin:0 0 5px 0; color:#5080C0; display:block } div.productDetails p { margin:0 4px 0 170px; padding:0px; } div.productDetails p a { text-decoration:underline; } div.productDetails img { margin:5px 0; } div.productDetails .title { margin:0px; } div.productDetails .rating { margin:0 0 5px 170px; display:block; } div.productGCDetails { font-size:100%; text-align: justify; } div.productGCDetails a { text-decoration:none; } div.productGCDetails h4 { font-size:120%; padding:10px 0 0 10px; color:#973311; } div.productGCDetails i { font-size:90%; margin:0 0 5px 0; color:#5080C0; display:block } div.productGCDetails p { margin:0 4px 0 190px; padding:0px; } div.productGCDetails p a { text-decoration:underline; } div.productGCDetails img { margin:5px 10px; } div.productGCDetails .title { margin:0px; } div.productGCDetails .rating { margin:0 0 5px 170px; display:block; } div.productData { padding:5px 10px 10px 10px; font-size:100%; line-height:120%; color:#333 } div.productData li { list-style:none; } div.productReq { padding:5px 10px 15px 10px; font-size:100%; line-height:100%; color:#333; backgroundd:#FAEFE5 } div.productReq li { list-style:none; } div.product .colLeft1{ background:#FFF0EB } .ui-dialog div { font-size:80% } div.buynow { box-sizing: border-box; max-width: 330px; background:#FFF0EB; padding:10px; margin-left: 10px; margin-bottom: 5px; text-align: center; } div.buynow p { box-sizing: border-box; display: inline-block; text-align:center; vertical-align: top; padding:3px; background:transparent;} div.buynow p img { border: none; } div.buynow a.digital, div.buynow a.retail, div.buynow a.special { display:inline-block; max-width: 90px; color:black; text-decoration:none; padding-top:60px; } div.buynow a.digital:hover, div.buynow a.retail:hover, div.buynow a.special:hover { text-decoration:underline; } div.buynow a.digital { background:url(/images/buy_download.png) 50% 4% no-repeat; } div.buynow a.retail { background:url(/images/buy_boxed.png) 50% 4% no-repeat; } div.buynow a.special { background:url(/images/buy_special.png) 50% 4% no-repeat; } div.buynow_apps { height:130px; background:#FFF0EB; padding:10px; } div.buynow_apps p { float:left; width:150px; height:120px; text-align:center; padding:0; background:transparent; } div.buynow_apps a.appITunes, div.buynow_apps a.appAndroid { display:inline-block; height:70px; width:130px; margin:auto; color:black; text-decoration:none; padding-top:60px; } div.buynow_apps a.appITunes:hover, div.buynow_apps a.appAndroid:hover { text-decoration:underline; } div.buynow_apps a.appITunes { background:url(/images/badge_appstore-lrg.gif) 50% 4% no-repeat; } div.buynow_apps a.appAndroid { background:url(/images/get_it_on_play_logo_small.png) 50% 4% no-repeat; } table.storedata { width:600px; margin:10px auto 5px auto; padding:10px 0; border-top:2px solid #eee; border-bottom:2px solid #eee; clear:both; font-size:95%; position:relative; } table.storedata tr td { position:relative; } div.esrb { position:relative; bottom:0px; right:0px; margin:20px 10px 10px 0; text-align:right ; } div.esrb img { margin:5px 5px; float:right; } .edition1 { display:block; width:80px; height:64px; margin:auto; background:url(/images/editions.gif) 0 0 no-repeat; } .edition2 { display:block; width:80px; height:64px; margin:auto; background:url(/images/editions.gif) 0 -64px no-repeat; } .edition3 { display:block; width:80px; height:64px; margin:auto; background:url(/images/editions.gif) 0 -128px no-repeat; } div.merchandise { float:left; width:330px; height:220px; overflow:hidden; text-align:center; } div.merchandise .product A { color:#973311; text-decoration:none; font-weight:bold; font-size:110% } div.merchandise .product A:Hover { color:black; text-decoration:underline; } div.merchandise img { border:none; display:block; margin:auto; } div.wrapper { margin: 0 auto; border: 1px solid #999; border-bottom: 0; background: #fff; padding: 2px; width: 1050px; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #000; text-align: left; } div.wrapper h2 { margin: 0; border: 0; background: transparent; padding: 10px; font: normal 20px/1.0 Arial, Helvetica, sans-serif; color: #666; text-align: left; } div.wrapper h3 { margin: 0; border-bottom: 2px solid #FFF; background: #973311 url(/images/bg_h3.jpg) center center repeat-x; padding: 0 10px; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; } div.wrapper h3 span { float: right; font: bold 11px/25px Arial, Helvetica, sans-serif; color: #FFF; } div.wrapper h3 small { font: bold 11px/25px Arial, Helvetica, sans-serif; color: #BCC; text-decoration:none; } div.wrapper h3 span a:link, div.wrapper h3 span a:visited, div.wrapper h3 span a:hover, div.wrapper h3 span a:active, div.wrapper h3 small a { text-decoration: none; } div.wrapper p.pagenav { margin: 0; border-top: 1px solid #DDD; background: #F6F6F6; padding: 5px 10px; font: bold 11px/20px Arial, Helvetica, sans-serif; font-weight:bold; color: #999; text-align: left; } div.wrapper p.pagenav a, div.wrapper p.pagenav a:visited { font-weight: bold; text-decoration: none; } div.content { color:#333; padding:10px 12px; margin-bottom:6px; } div.content p { margin:0 0 8px 0; } div.content ul { margin:5px 5px 10px 20px; } div.awards { text-align:center } div.awards p { display:inline-block; } div ul.nodot { list-style:none; padding:10px 5px; } div ul.nodot li { margin-left:82px; } div ul.nodot span { float:left; font-weight:bold; margin-left:-82px; } HR.line { width:80%; border:1px dotted #fff; color:blue; margin:5px auto; } .red { color:red } .blue { color:blue } .green { color:green } .gold { color:gold } .userReview { overflow:hidden; height:70px; margin-bottom:20px; } .userReview i, .userReviewFull i { display:block; height:22px; } .userReview .rating, .userReviewFull .rating, .userReviewSmall .rating { float:left } .userReviewSmall { overflow:hidden; height:65px; margin-bottom:4px; } div.rating { background:url(/images/star-rating.gif) 0 0 no-repeat; width:76px; height:16px; display:block;} div.rating span { background:url(/images/star-rating.gif) 0 -16px no-repeat; height:16px; display:block; } /* ------------------------------------------------------------ * CONTENT, ELEMENTS * ------------------------------------------------------------ */ div.catalog ul li { background: transparent url(/images/icon_news.gif) 10px 5px no-repeat; padding-left: 28px; } div.feature5 { background:transparent; border-bottom: 2px solid #FFF; padding: 10px; text-align: left; } div.feature5 h4, div.feature5 label { margin: 0 0 5px 0; padding: 0; font: bold 11px/15px Arial, Helvetica, sans-serif; color: #973311; } div.feature5 h4 a:link, div.feature5 h4 a:visited { font-weight: bold; color: #973311; text-decoration: none; } div.feature5 p { margin: 0 0 5px 0; padding: 0; font: normal 11px/15px Arial, Helvetica, sans-serif; color: #333; } div.feature5 form { margin: 10px 0 5px 0; border-top: 2px dotted #FFF; padding: 10px 0 0 0; } div.feature5 label { float: left; margin-top: 3px; width: 78px; color: #333; text-align: right; } div.feature5 input, div.feature5 select, div.feature5 #imgSecurity, div.feature5 textarea { display: block; margin: 0 0 20px 88px; padding-right: 2px; padding-left: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; } div.feature5 select { padding-right: 0; padding-left: 0; } div.feature5 input.actionBtn { margin: 0 0 0 88px; padding: 2px 4px; font-weight: bold; text-transform: uppercase; } div.content .item, div.colRight2 .item { border-color:#F0F0F0; border-right:0 none; border-style:solid none none; border-width:2px 0 0; margin:0; padding:15px 10px; } div.item28 { margin: 0; border: 0; background: transparent; padding: 15px 10px; width: 620px; clear:both; border-top:2px solid #f0f0f0; } div.item28 h4 { margin: 0 0 5px 114px; padding: 0; font: bold 14px/18px Arial, Helvetica, sans-serif; color: #973311; } div.item28 p { margin: 0 0 5px 114px; padding: 0; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #333; display:block; } div.item28 p.descriptors { font: normal 11px/15px Arial, Helvetica, sans-serif; } div.item28 p.postStamp { font: normal 11px/15px Arial, Helvetica, sans-serif; color: #638DAC; } div.item23 img, div.item28 img { float: left; display: block; margin: 0; padding-bottom: 10px; } /* ------------------------------------------------------------ * LINKS * ------------------------------------------------------------ */ a:visited, a:link { color: #C60; text-decoration: underline; } a:hover { color: #FA5; } div#globalnav a:link, div#globalnav a:visited { color:white; text-decoration:none; font-weight:bold; } div#footernav a:link, div#footernav a:visited { font-weight: bold; color: #C60; text-decoration: none; } div.mhHidden form a:link,div.mhHidden form a:visited, div#mainnav a:link, div#mainnav a:visited { padding: 10px; color: #A44C30; text-decoration: none; border-left:1px solid #DDD; } div#mainnav a#mnStore { border:0; } div#globalnav a:hover, div#footernav a:hover { color:#FA5; } div.mhHidden form a:hover,div.mhHidden form a:active, div#mainnav a:hover, div#mainnav a:active { background: transparent url(/images/bg_mainnav_over.gif) center center no-repeat; color: #F93; } div H3 a:link, div H3 a:visited { color:white } div H3 a:hover { color:#FA5 } div.languagebutton { display: inline-block; vertical-align: middle; margin: 0 1px; } div#links { display: inline-block; margin: 2px 0; vertical-align: middle; } a.prodBtn:link, a.prodBtn:visited { display: block; margin: 0 auto; border: 1px solid #FFF; background: #C60 url(/images/bg_prodbtn_off.gif) right center no-repeat; padding: 0 26px 0 5px; width: 97px; font: bold 14px/20px Arial, Helvetica, sans-serif !important; color: #FFF !important; text-align: left; text-decoration: none !important; } a.prodBtn:hover, a.prodBtn:active { background: #F93 url(/images/bg_prodbtn_on.gif) right center no-repeat; } div.screenshots { margin: 0; border: 0; background: transparent; padding: 0; clear:both; } div.screenshots ul { margin: 0; padding: 0; list-style-type: none; } div.screenshots ul li { float: left; margin: 3px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; background: #F6F6F6; padding: 10px; } div.screenshots ul li img { display: block; margin: 0px; padding: 0px; width:205px; height:155px; } input, select {margin:0 3px} /* ------------------------------------------------------------ * SHOWCASE * ------------------------------------------------------------ */ div.showcase { margin:0; padding:0; position:relative; height:302px; width:699px; text-align:center; } div.showcase a { color:black; background:#bbb url(/images/showcase_off.gif); display:block; height:74px; width:97px; float:Right; clear:both; margin:0 0 2px 0; padding:0px; text-decoration:none; } div.showcase a:visited { color:black; text-decoration:none; } div.showcase a:link { color:black; text-decoration:none; } div.showcase a b { padding:0; margin:0; display:block; font-weight:bold; } div.showcase a b img { border:0; opacity:.33; zoom:1; filter:alpha(opacity=33);} div.showcase span { position:absolute; top:0; left:-10000px; width:600px; height:302px; border:0; padding:0; margin:0; } div.showcase span img { border:0 } div.showcase a.selected { color:white; background:#333 url(/images/showcase_on.gif) 0 0 no-repeat; text-decoration:none; } div.showcase a.selected span { left:0; } div.showcase a.selected b img { opacity:1; filter:alpha(opacity=100);} div.showcase a.selected:visited { color:white; background: #333 url(/images/showcase_on.gif) 0 0 no-repeat;} div.showcase span h4 { display:block; font-weight:bold; font-size:12pt; padding:8px 12px; background:black; position:absolute; left:0; top:20px; } /* ------------------------------------------------------------ * LOGO * ------------------------------------------------------------ */ div#logo { position: absolute; top: 21px; left: auto; overflow: hidden; margin: 0 0 0 0px; border: 0; background: transparent url(/images/bg_logo.png) center center no-repeat; padding: 0 0 0 30px;; width: 210px; height: 100px; z-index: 99; } div#logo h1 { position: absolute; top: -999px; left: 0; } /* ------------------------------------------------------------ * SITE SEARCH, LOGIN, AND PRODUCT SEARCH FORMS * ------------------------------------------------------------ */ div.mhHidden { display: none; position: absolute; top: 47px; left: 50%; margin: 0 0 0 -494px; border: 0; background: transparent; padding: 0; width: 1000px; height: 80px; z-index: 97; } div.mhHidden form { margin: 9px 0 0 0; border: 0; background: #FFF; padding: 10px 0 10px 10px; font: normal 18px/40px Arial, Helvetica, sans-serif; text-align: right; } form#searchProduct, form#searchProduct fieldset { margin: 20px 0; border: 0; background: transparent; padding: 0; font: normal 12px/12px Arial, Helvetica, sans-serif; } div.mhHidden form fieldset { margin: 0; border: 0; background: transparent; padding: 0; } div.mhHidden form span { display: none; } div.mhHidden form a { text-transform: lowercase; } form select#selSearch, form input#txtSearch, form input#txtUserid, form input#txtPasswd, form input#captchacode, form input#txtProdSearch { border: 1px solid #666; background: #F6F6F6; padding: 2px 3px; font: normal 12px Arial, Helvetica, sans-serif; color: #999; vertical-align: middle; } form select#selSearch { padding: 1px; color: #333; } form input#txtSearch, form input#txtProdSearch { background: #F6F6F6 url(/images/icon_search.gif) 3px center no-repeat; padding: 2px 3px 2px 18px; } form input#btnSearch, form input#btnLogin { margin-right: 10px; padding: 1px 5px; font: bold 12px Arial, Helvetica, sans-serif; color: #973311; text-transform: lowercase; vertical-align: middle; } /* ------------------------------------------------------------ * MASTHEAD * ------------------------------------------------------------ */ div#masthead { margin: 10px auto 0 auto; border: 1px solid #999; border-bottom: 0; background: #FFF; padding: 2px; width: 1050px; } div#mastheadWide { margin: 10px 10px 0 10px; border: 1px solid #999; border-bottom: 0; background: #FFF; padding: 2px; width: auto; } div#globalnav { margin: 0 0 2px 0; border: 0; background: #333 url(/images/bg_globalnav.jpg) center center repeat-x; padding: 0 10px; text-align: right; } div#globalnav p { display: inline; margin: 0; padding: 0; font: normal 11px/31px Arial, Helvetica, sans-serif; color: #666; text-transform: lowercase; } div#globalnav p span { font-weight: bold; color: #BBB; } div#globalnav p img { margin: 7px 0 7px 0; vertical-align: middle; } div#globalnav p a { font: bold 11px/31px Arial, Helvetica, sans-serif; } div#mainnav { position: relative; margin: 0; border: 0; background: transparent; padding: 20px 10px; } div#mainnav p { margin: 0; padding: 0; font: normal 18px/40px Arial, Helvetica, sans-serif; color: #CCC; text-align: right; text-transform: lowercase; } div#mainnav p span { height:60px; width:1px; display:inline-block; margin:4px; position:absolute; } div#mainnav h2 { font: bold 22px/40px Arial, Helvetica, sans-serif; color: #973311; text-align:right; } /* ------------------------------------------------------------ * ACTION BAR * ------------------------------------------------------------ */ div#actionbar { margin: 0 auto; border: 1px solid #999; border-top-color: #DDD; border-bottom: 0; background: #FFF; padding: 2px; width: 1050px; } div#actionbar a.facebook { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -64px; margin:0px 3px; } div#actionbar a.twitter { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -48px; margin:0px 3px; } div#actionbar a.rss { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -80px; margin:0px 3px; } div#actionbar a.blog { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -16px; margin:0px 3px; } div#actionbar a.youtube { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -32px; margin:0px 3px; } div#actionbar a.print { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -96px; margin:0px 3px; } div#actionbar a.email { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -112px; margin:0px 3px; } div#actionbar a.cart { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 0px; margin:0px 3px; } div#actionbar a.globe { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -128px; margin:0px 3px; } div#actionnav p { float:right } div#actionnav { margin: 0; border: 0; background: #F6F6F6; padding: 5px 10px; } div#actionnav p { margin: 0; font: normal 11px/15px Arial, Helvetica, sans-serif; color: #666; text-align: left; } div#actionnav p.breadcrumb { float:none; } div#actionnav p span { color: #BBB; } div#actionnav p a { text-transform: lowercase; } div#actionnav p a.linkEmail { background: transparent url(/images/icon_email.gif) 2px center no-repeat; padding-left: 20px; } div#actionnav p a.linkPrint { background: transparent url(/images/icon_print.gif) 2px center no-repeat; padding-left: 20px; } /* ------------------------------------------------------------ * FOOTER * ------------------------------------------------------------ */ div#footer { margin: 0 auto 10px auto; border: 1px solid #999; border-top-color: #DDD; background: #FFF; padding: 2px; width: 1050px; } div#footernav { margin: 0; border: 0; background: #F6F6F6; padding: 15px 10px; } div#footernav p { margin: 0 0 10px 0; font: normal 11px/15px Arial, Helvetica, sans-serif; color: #BBB; text-align: center; } div#footernav p a { text-transform: lowercase; } div#footernav p.copyright { color: #666; } #bannerContained { width:1050px; padding:6px 2px 6px 2px; margin:auto; text-align:center; background:#f0f0f0; border:1px solid #999; border-bottom:0;} /* --------------------------------------------------------------- * PARTNER/DEVELOPER GRID * ---------------------------------------------------------------- */ div.grid { margin: 0; border: 0; background: transparent; padding: 0; } div.grid ul { margin: 0; padding: 0; list-style-type: none; clear:both; text-align:center; } div.grid ul li { float:left; margin: 0 10px 0 15px; border: 0; background: transparent; padding: 10px; text-align: center; width:164px; height:160px; } div.grid ul li p { margin: 0; padding: 0; font: normal 11px/15px Arial, Helvetica, sans-serif; color: #333; text-align: center; } div.grid ul li p div { height:124px; vertical-align:center; } /* --------------------------------------------------------------- * SLIDER * ---------------------------------------------------------------- */ .sliderGallery { background:#FFF0EB URL("/images/site_gallery_bg.gif") repeat-x; overflow:hidden; padding:2px 5px 12px 5px; height:130px; width:99%; position:relative; } .sliderGallery TABLE { margin:0 6px; position:absolute; top:0; left:0; border-collapse:collapse; } .sliderGallery A { width:104px; display:block; txext-align:center; } .sliderGallery A:Hover { background:url(/images/box_selected.gif) 0px 0 no-repeat; } .sliderGallery IMG { height:120px; width:93px } .slider { width:1024px; height:8px; margin:0px 5px 0 5px; padding:0px; position:relative; top:124px; } div.slider .ui-slider-handle { border:1px solid #666; background:#ccc; cursor:pointer } div.slider .ui-slider-handle:hover { background:#aaa; cursor:pointer } .sliderGallery .moveleft { position:absolute; left:0; top:0; width:120px; height:122px; background:grey } .sliderGallery .moveright { position:absolute; right:0; top:0; width:120px; height:122px; background:grey } .storeGallery { background:#FFF0EB URL("/images/site_gallery_bg.gif") repeat-x; overflow:hidden; position:relative; padding:2px 5px 12px 5px; height:130px; width:99%; } .storeGallery TABLE { margin:0 6px; position:absolute; top:0; left:0; border-collapse:collapse; } .storeGallery A { width:104px; display:block; text-align:center; } .storeGallery A:Hover { background:url(/images/box_selected.gif) 2px 0 no-repeat; } .storeGallery IMG { height:120px; width:93px } /* --------------------------------------------------------------- * FORUMS * ---------------------------------------------------------------- .forum { font-size:12px; width:100%; } .forumHeaderL { font-weight:bold; text-align:center; width:120px; float:left; background:#C3A485; line-height:20px;} .forumHeaderR { font-weight:bold; margin-left:120px; background:#C3A485; line-height:20px;} .forumPost { margin:2px; padding:0; border-bottom:14px solid #C3A485; width:100%; clear:right; } .forumAuthor { width:110px; float:left; padding:3px; } .forumContent { margin-left:120px; overflow:auto; padding:4px; } .forumDate { font-size:11px; margin-bottom:10px; padding:2px 4px 4px 2px; color:#777; border-bottom:1px solid #C3A485; } .forumDate A { text-decoration:none; } .forumDate A:Hover { text-decoration:underline; } .forumSig { margin:10px 0 0 0;} .forumStatus { width:120px; float:left; border-top:1px solid #C3A485; padding:3px; } .forumLinks { margin-left:120px; font-size: 11px; border-top:1px solid #C3A485; padding:3px; } .forumLinks A { text-decoration:none; color:darkblue; } .forumLinks A:Hover { text-decoration:underline; } .forumAdmin { background:#D3BE96; line-height:24px; padding:10px;} .forums { font-size:12px; background: #fff; font-family:verdana; width:100%; border: 1px solid #8080f0; } .forums A { font-weight:bold; color:#102080; text-decoration:none; } .forums A:hover { color:black; text-decoration:underline; } .forums TD, .forums TH { } .forums TR.title { background:#90a0d0; } .forumsH3R { font-size:12px; font-weight:normal; float:right; padding-right:5px; } .forumPoll { margin:10px 0 5px 0; border-top:1px solid #C3A485; padding:10px 5px 5px 5px; } .forumPoll B { text-align:center; } .pollImg { margin:0px 0 4px 0; background:URL("/images/poll_bar.gif") no-repeat 0 50%; height:12px; width:350px; } .sub_forum { font-size:11px; font-style:italic; } .sub_forums A { font-weight:normal; } .sub_forums { font-size:11px; margin-top:6px; padding-top:10px; border-top:1px solid #aaa; } .sub_forums TD { border:none; } .img_newpost { background:URL("/images/icon_star.gif") no-repeat center; width:16px; height:15px; } .img_redirect { background:URL("/images/forum_link.gif") no-repeat center; width:16px; height:15px; } .sub_forums .img_redirect { background:URL("/images/forum_slink.gif") no-repeat center; width:7px; height:7px; display:inline; padding:3px; margin-left:4px;} */ #boxPad { padding:5px; } .table1, .table2 { font-size:12px; } .table1sm, .table2sm{ font-size:11px; } .table1 .title, .table1sm .title, .table2 .title, .table2sm .title { background:#e0e8f0; } .table1 TD, .table1 TH, .table1sm TD, .table1sm TH { border-bottom:1px solid #dddddd; padding:2px 4px 2px 4px; } .table2 TD, .table2 TH, .table2sm TD, .table2sm TH { border:none; } .table1 TR:hover, .table1sm TR:hover { background:#f4f4f4; } .actions { overflow:auto; margin:2px 0 0 2px; padding:5px; border:1px solid #d0d0d0; height:372px } .action { border-top:1px solid #d0d0d0; padding:5px 0 8px 2px; } .action SMALL { stext-decoration:underline; font-weight:bold; line-height:20px } .table { background: #336699; font-size: 1em; color: #000; width: 100%; border-radius: 5px; font-family:verdana; } .table a { color: #000; } .table .title { background: #336699 URL('/images/bg_h3.jpg'); color: #fff; font-weight: bold; font-size: 1.2em; } .table .category, .tTitle { background: #738FBF; color: #000; font-size: 1em; } .table .category a { color: #E1E1E1; font-weight: bold; font-size: 1em; text-decoration: none; } .table .category a:hover { text-decoration: underline; } .table .forum, .table .tRow { background: #E1E1E1; } .table .tMiddle { background: #D8D8DB; } .table a.forum-name { font-weight: bold; font-size: 1.1em; } .table .forum .sub_forums { padding-top: 6px; } .table .smText, .table .forum .desc, .table .forum .sub_forums, .table .forum .sub_forums a { font-size: 1em; } .buttons a, .buttons-simple a { background: #D8D8DB URL('/images/icon_goto.gif') 5px center no-repeat; padding: 3px 5px 3px 23px; font-weight: bold; color: #000; text-decoration: none; border: 1px solid #738FBF; margin: 0px; border-radius: 5px; } .buttons-simple a { background-image: none; padding-left: 5px; } .buttons a:hover, .buttons-simple a:hover { color: #738FBF; background-color: #EBEBEB; } .buttons a.disabled, .buttons a.disabled:hover { background-color: #D8D8DB; color: #000; opacity: 0.5; } .pageTitle { font-size: 1.1em; font-weight: bold; color: #000; background: URL('/images/icon_forum.gif') left center no-repeat; padding-left: 20px; } a.thread-title { font-weight: bold; font-size: 1em; } .author { font-weight: bold; font-size: 1.1em; } .posted-info { opacity: 0.5; } .message blockquote { background: #EBEBEB; border-radius: 15px; padding: 15px; margin: auto 5px auto 5px; } .message blockquote blockquote { background: #fff; } .message blockquote blockquote blockquote { background: #EBEBEB; } span.languagebutton { margin: 0 4px; } span.languagebutton img { border: none; margin: 0 !important; } /* AGEod Support */ div.supportformcontent { width: 95%; margin: 0 auto; padding: 20px; } p.supportconfirmationmessage { width: 95%; margin: 0 auto; padding: 20px; text-align: center; } p.supportwelcome { text-align: center; padding-bottom: 10px; } p.supporterrormessage { color: red; text-align: center; } div.formlabeltop { font-weight: bold; } div.formlabel { width: 140px; float: left; font-weight: bold; } div.formcontrol { margin-bottom: 10px; vertical-align: top; } div.formsubmit { text-align: center; } input.SupportFirstName, input.SupportLastName { width: 150px; } input.SupportEmail { width: 250px; } input.SupportSubject { width: 500px; } textarea.SupportMessage { } span.formrequired { color: red; vertical-align: top; } .smallnowrap { font-size: 0.7em; white-space: nowrap; } .nowrap { white-space: nowrap; } /*--- Beta Test Start---*/ div#BetaTestContent { text-align: center; margin: 10px 0; padding: 0 50px; } div#BetaGames { margin: 20px 0; } div.GameBeta { display:inline-block; width: 200px; vertical-align: top; padding-bottom: 20px; } p.GameTitle { font-weight: bold; font-size: 1.5em; margin-bottom: 40px; } div.GameBetaPlatform { background-color: #105080; color: white; font-weight: bold; font-size: 0.8em; display: inline-block; padding: 2px 4px; margin-bottom: 10px; } div#BetaCNDAContainer { width: 80%; max-height: 400px; overflow: auto; text-align: left; margin: 30px auto; border: solid 1px silver; padding: 10px; font-family:'Courier New', Courier, monospace; } p.BetaCNDATitle { font-size: 1.6em; font-weight: bold; text-align: center; padding: 20px 0; } p.BetaCNDASubTitle { font-size: 1.2em; font-weight: bold; } ul.BetaCNDAList li { margin-top: 10px; } input.BetaFormSubmit { padding: 1px 10px; } div.BetaSignupFormLabel { font-weight: bold; float: left; width: 450px; text-align: right; padding-right: 10px; } div.BetaSignupFormComment { font-size: 0.8em; font-style: italic; float: left; width: 450px; clear: left; text-align: right; padding-right: 10px; } div.BetaSignupFormDirections { font-size: 0.9em; font-style: italic; text-align: center; margin-bottom: 10px; padding: 0 100px; } div.BetaSignupFormControl { margin-bottom: 10px; text-align: left; } div.BetaSignupFormControl input, div.BetaSignupFormControl textarea { text-align: left; } input.BetaSignupFullName { width: 200px; } input.BetaSignupEmail, input.BetaSignupConfirmation { width: 250px; } .errormessage { color: red; } .standalonetext { padding: 10px 0; } .mandatory { color: red; font-weight: bold; } /*--- Beta Test End---*/