/* RESET -------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,input,form,textarea,p, button { margin: 0; padding: 0; } /* Resets the default browser margins and paddings. Removed {blockquote,th,td} */ html,body { height: auto !important; } ul, ol { list-style: none; } img { border: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-size: 100% } address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; } caption,th { text-align: left; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } * { outline: 0; }/* body, td, div, table { text-shadow: #FFF 0 0 1px; win safari font bolding bug */ } #scroll { position: absolute; top: 0; bottom: -0.1px; width: 1em; z-index:-1;} .clearfix { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } body { color: #636363; font-family:Arial, Helvetica, sans-serif; } body h1 { display: none; } body.mainsite { background: #c6c6c6 url('images/bg-body.png') repeat-x center 110px; color: #636363; font-family:Arial, Helvetica, sans-serif; } body.mainsite h1 { display: block; } /* GLOBALS -------------------------------------------------------*/ .container { margin: 0 auto; width: 950px; } .hide { display: none !important; } .width33 { float: left; margin-right: 9px; width: 313px; } .width66 { float: left; margin-right: 17px; width: 627px; } .last-column { margin-right: 0; } .last-item, .last-module { margin-bottom: 0 !important; } .top-spacing { clear: both; height: 15px; } .bottom-spacing { clear: both; height: 15px; } .nowrap { white-space: nowrap; } .empty { color: #909090; font-weight: bold; padding: 15px; text-align: center; } .text-right { text-align: right; } .inline-block { display: inline-block; } .error-text { color: red; font-weight: bold; } .disabled { /* 45% opaque */ opacity:0.45; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=45)"; filter:alpha(opacity=45); zoom:1 } /* a[href="#"] { outline: 1px solid red; } a[href^="/?page="] { outline: 5px solid lightgreen; } */ div#stace { background: #FFFF00 url(images/korea.png); height: 60in; } div#stace:after { content: " <3"; } /* BUTTONS -------------------------------------------------------*/ a.btn { display: inline-block; width: 91px; height: 24px; position: relative; left: -3px; text-indent: -1000em; } a.btn span, button.btn span { display: none; } a#button-back { background: url(images/en_GB/button-back.png); width: 92px; } a#button-read { background: url(images/en_GB/button-read.png); width: 90px; } a#button-remove { background: url(images/en_GB/button-remove.png); width: 90px; } a#button-edit { background: url(images/en_GB/btn-edit.png) 0 -2px; width: 90px; } a#button-view-all { background: url(images/en_GB/button-view-all.png); width: 90px; } a#button-add-friend { background: url(images/en_GB/button-add-friend.png); width: 114px; } a#button-block { background: url(images/en_GB/button-block.png); width: 92px; } a#button-unblock { background: url(images/en_GB/button-unblock.png); width: 92px; } a#button-accept { background: url(images/en_GB/btn-accept.png); width: 92px; } a#button-deny { background: url(images/en_GB/btn-deny.png); width: 92px; } a#button-setup-now { background: url(images/en_GB/button-setup-now.png); width: 97px; } a#button-send-message { background: url(images/en_GB/button-send-message.png); width: 114px; } a#button-reply { background: url(images/en_GB/button-reply.png); width: 90px; } a#button-update-details { background: url(images/en_GB/button-update-details.png); width: 107px; float: right; } a#button-manage-connections { background: url(images/en_GB/button-manage-connections.png); width: 189px; float: right; } a#button_all_users { background: url(images/en_GB/button_all_users.png); width: 79px; } button.btn { height: 24px; padding: 0; border: 0; } button.btn:hover { cursor: pointer; } button#button-login { background: url(images/en_GB/button-login.png); float: left; margin-right: 10px; width: 90px; } button#button-post-comment { background: url(images/en_GB/button-post-comment.gif); float: right; width: 108px; } .edit button#button-post-comment { background: url(images/en_GB/button-post-comment.gif); width: 108px; } button#button-reset-password { background: url(images/en_GB/button-reset-password.png); float: left; width: 118px; } button#button-send-now { background: url(images/en_GB/button-send-now.png); width: 90px; float: left; } button#button-submit { background: url(images/en_GB/button-submit.png); width: 90px; } button#button-update { float:left; background: url(images/en_GB/button-update.png); width: 90px; } button#button_search_users { background: url(images/en_GB/button_search_user.png); float: left; width: 79px; } a#icon-report { background: url(images/icon-report.png); width: 24px; } /* SHELL -------------------------------------------------------*/ #header { background: #000000; padding: 0 4px; } #header .container { position: relative; } #header #user-panel { float: right; font-size: 70%; height: 37px; margin-top: 10px; min-width: 10px; } #header #user-panel span.guest-actions { color: #FFF; font-size: 100%; font-weight: bold; } #header #user-panel span.guest-actions a { color: #FFF; font-size: 100%; font-weight: normal; } #header #user-panel span strong { color: #FFF; font-size: 110%; margin-right: 5px; } #header #user-panel span strong a { color: red; } #header #user-panel img { height: 37px; vertical-align: top; } #header a#logo { display: block; width: 166px; height: 77px; float: left; background: url('images/logo.jpg') no-repeat; } #header a#logo span { display: none; } #header #corporate-nav { width: 270px; height: 23px; float: left; padding: 15px 0 0 514px; } #header #corporate-nav ul li { display: inline; } #header #corporate-nav ul li a { display: block; float: left; width: 90px; height: 23px; } #header #corporate-nav ul li a span { display: none; } #header #corporate-nav ul li a#corporate { background: url('images/en_GB/button-corporate.gif') no-repeat; } #header #corporate-nav ul li a#corporate.active { background: url('images/en_GB/button-corporate.gif') 0 -23px no-repeat; } #header #corporate-nav ul li a#corporate:hover { background: url('images/en_GB/button-corporate.gif') 0 -23px no-repeat; } #header #corporate-nav ul li a#studios { background: url('images/en_GB/button-studios.gif') no-repeat; } #header #corporate-nav ul li a#studios.active { background: url('images/en_GB/button-studios.gif') 0 -23px no-repeat; } #header #corporate-nav ul li a#studios:hover { background: url('images/en_GB/button-studios.gif') 0 -23px no-repeat; } #header #corporate-nav ul li a#forums { background: url('images/en_GB/button-forums.gif') no-repeat; } #header #corporate-nav ul li a#forums.active { background: url('images/en_GB/button-forums.gif') 0 -23px no-repeat; } #header #corporate-nav ul li a#forums:hover { background: url('images/en_GB/button-forums.gif') 0 -23px no-repeat; } /* #header #corporate-nav ul li a#press { background: url('images/en_GB/button-press.gif') no-repeat; } #header #corporate-nav ul li a#press.active { background: url('images/en_GB/button-press.gif') 0 -23px no-repeat; } #header #corporate-nav ul li a#press:hover { background: url('images/en_GB/button-press.gif') 0 -23px no-repeat; } */ #header #nav { background: url('images/bg-nav.png') bottom repeat-x; } #header #nav-left { background: url('images/bg-nav-left.png') no-repeat left bottom; } #header #nav-right { background: url('images/bg-nav-right.png') no-repeat right bottom; } #header #nav .container { padding: 0; } #header #nav ul li { display: inline; } #header #nav ul li.btn a { display: block; width: 81px; height: 37px; float: left; } #header #nav ul li.btn a span { display: none; } #header #nav ul li.btn a#home { background: url('images/en_GB/button-home.png') no-repeat; } #header #nav ul li.btn a#home:hover { background: url('images/en_GB/button-home.png') 0 -37px no-repeat; } #header #nav ul li.btn a#home.active { background: url('images/en_GB/button-home.png') 0 -37px no-repeat; } #header #nav ul li.btn a#logout { background: url('images/en_GB/button-logout.png') no-repeat; } #header #nav ul li.btn a#logout:hover { background: url('images/en_GB/button-logout.png') 0 -37px no-repeat; } #header #nav ul li.btn a#news { background: url('images/en_GB/button-news.png') no-repeat; } #header #nav ul li.btn a#news:hover { background: url('images/en_GB/button-news.png') 0 -37px no-repeat; } #header #nav ul li.btn a#news.active { background: url('images/en_GB/button-news.png') 0 -37px no-repeat; } #header #nav ul li.btn a#profile { background: url('images/en_GB/button-profile.png') no-repeat; } #header #nav ul li.btn a#profile.active, #header #nav ul li.btn a#profile:hover { background: url('images/en_GB/button-profile.png') 0 -37px no-repeat; } #header #nav ul li.btn a#games { background: url('images/en_GB/button-games.png') no-repeat; } #header #nav ul li.btn a#games:hover { background: url('images/en_GB/button-games.png') 0 -37px no-repeat; } #header #nav ul li.btn a#games.active { background: url('images/en_GB/button-games.png') 0 -37px no-repeat; } #header #nav ul li.btn a#store { background: url('images/en_GB/button-store.png') no-repeat; } #header #nav ul li.btn a#store:hover { background: url('images/en_GB/button-store.png') 0 -37px no-repeat; } #header #nav ul li.btn a#store.faded { background: url('images/en_GB/button-store-disabled.png') no-repeat; } #header #nav ul li.btn a#store.faded:hover { background: url('images/en_GB/button-store-disabled.png') no-repeat; } #header #nav ul li.btn a#store.active { background: url('images/en_GB/button-store.png') 0 -37px no-repeat; } #header #nav ul li.btn a#fans { background: url('images/en_GB/button-fans.png') no-repeat; } #header #nav ul li.btn a#register { background: url('images/en_GB/button-register.png') no-repeat; } #header #nav ul li.btn a#register:hover { background: url('images/en_GB/button-register.png') 0 -37px no-repeat; } #header #nav ul li.btn a#register.active { background: url('images/en_GB/button-register.png') 0 -37px no-repeat; } #header #nav ul li.form form { display: block; float: left;} #header #nav ul li.form form input { float: left; outline: 0; }#header #nav ul li.form form input.defaultText { color: #FFF; } #header #nav ul li.form form input.defaultTextActive { color: #636363; } #header #nav ul li.form form button { display: block; float: left; } #header #nav ul li.form form button:hover { cursor: pointer; } #header #nav ul li.form form button span { display: none; } #header #nav ul li.form form#login { width: 250px; height: 37px; padding: 0 0 0 10px; } #header #nav ul li.form form#login input { width: 80px; height: 25px; padding: 5px 10px 7px 10px; border: 0; background: url('images/bg-field1.gif') 0 8px no-repeat; font-size: 70%; } #header #nav ul li.form form#login button { width: 42px; height: 37px; border: 0; background: url('images/en_GB/button-login.gif') no-repeat; } #header #nav ul li.form form#search { width: 204px; height: 37px; float: right; } #header #nav ul li.form form#search input { width: 137px; height: 25px; padding: 5px 14px 7px 8px; border: 0; background: url('images/bg-field2.gif') 0 8px no-repeat; font-size: 68%; } #header #nav ul li.form form#search button { width: 45px; height: 37px; border: 0; background: url('images/en_GB/button-search.gif') no-repeat; } /* #header #nav ul li span.spacer { background: yellow; display: inline-block; height: 20px; width: 100px; } */ #content { clear: both; padding: 0 2px 0 2px; } #content .container { width: 958px; } #billboard { position: relative; clear: both; padding: 0 4px 13px 4px; } #billboard #processing { width: 950px; height: 250px; background: #211F1F url('images/billboard-processing.gif') no-repeat center center; } #billboard:after { clear: both; } #billboard div.shade { position: absolute; top: 0; left: 4px; } #billboard #main_image { display: block; height: 250px; } #billboard div.thumbnails { background: url('images/bg-thumb-showcase.png') no-repeat; height: 60px; } #billboard div.thumbnails a#thumb-prev { display: block; float: left; width: 25px; height: 60px; background: url(images/billboard-left-arrow.png) no-repeat; } #billboard div.thumbnails a#thumb-prev:hover { cursor: pointer; } #billboard div.thumbnails a#thumb-prev span { display: none; } #billboard div.thumbnails a#thumb-next { display: block; float: left; width: 25px; height: 60px; background: url(images/billboard-right-arrow.png) no-repeat; } #billboard div.thumbnails a#thumb-next:hover { cursor: pointer; } #billboard div.thumbnails a#thumb-next span { display: none; } #billboard div.thumbnails span { display: block; float: left; margin: 7px 12px 0 0; width: 45px; height: 45px; } #billboard div.thumbnails span:hover { cursor: pointer; } #billboard div.thumbnails span.highlight { display: block; float: left; margin: 7px 12px 0 0; width: 43px; height: 43px; border: 1px solid #FFF; overflow: hidden; } #billboard div.thumbnails span.highlight img { position: relative; top: -2px; left: -2px; /border: 1px 0 0 1px solid #FFF; } #billboard div.thumbnails span.last { margin: 7px 0 0 0; } #billboard div.thumbnails .opacity25 { opacity:0.15; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=15)"; filter:alpha(opacity=15); zoom:1; } #billboard div.thumbnails .opacity100 { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; filter:alpha(opacity=100); zoom:1; } /* ------------------------------------------------------- #footer { } #footer .container { clear: both; width: 935px; height: 235px; margin: 0 auto; padding: 10px 0 0 17px; background: url('images/bg-footer.png') no-repeat; font-size: 70%; position: relative; } #footer a { color: #afafaf; } #footer a:hover { color: #FFF; } #footer a.disabled { color: gray; } #footer dl { display: block; float: left; height: 107px; } #footer dl dt { color: #FFF; padding: 5px 54px 5px 0; text-transform: uppercase; font-weight: bold; } #footer dl.last dt { padding: 5px 0 !important; } #footer #footer-bottom { color: #C6C6C6; clear: both; } #footer #footer-bottom p.links { color: #C6C6C6; padding: 5px 0 0 0; position: relative; left: -5px; } #footer #footer-bottom a { color: #C6C6C6; padding: 0 3px; } #footer #footer-bottom a.first { padding: 0 3px 0 0; } -------------------------------------------------------*/ #footer { padding: 0 0 12px 0; } #footer .container { clear: both; margin: 0 auto; padding: 0; font-size: 70%; position: relative; } #footer #fhead { background: url(images/bg-fhead.png) no-repeat; height: 10px; } #footer #fbody { background: url(images/bg-fbody.png) repeat-y; padding: 0 10px; } #footer #ffoot { background: url(images/bg-ffoot.png) no-repeat; height: 10px; } #footer a { color: #afafaf; } #footer a:hover { color: #FFF; } #footer a.disabled { color: gray; } #footer dl { display: block; float: left; height: 107px; } #footer dl dt { color: #FFF; padding: 5px 39px 5px 0; /* padding: 5px 54px 5px 0; */ text-transform: uppercase; font-weight: bold; } /* table footer*/ #footer table { border-collapse: collapse; width: 100%; } #footer table thead tr td { color: #FFF; /* padding: 5px 54px 5px 0; */ text-transform: uppercase; font-weight: bold; } #footer table thead tr td.last { padding-right: 0 !important; } #footer table tbody tr td { margin: 0; padding: 0; border: 0; } #footer table tbody tr td.last { padding-right: 0 !important; } #footer table.en_US thead tr td { padding: 5px 54px 5px 0; } #footer table.en_GB thead tr td { padding: 5px 54px 5px 0; } #footer table.fr_FR thead tr td { padding: 5px 40px 5px 0; } #footer table.de_DE thead tr td { padding: 5px 42px 5px 0; } #footer dl.last dt { padding: 5px 0 !important; } #footer #copyright { color: #C6C6C6; clear: both; margin: 15px 0 0 0; } #footer #copyright p.links { color: #C6C6C6; padding: 5px 0 0 0; position: relative; left: -5px; } #footer #copyright a { color: #C6C6C6; padding: 0 3px; } #footer #copyright a.first { padding: 0 3px 0 0; } #language-select { font-size: 90%; padding: 0 0 13px 0; } #language-select strong { color: #FFFFFF; display: block; text-transform: uppercase; } #language-select a { display: inline-block; margin: 5px 7px 0 0; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter:alpha(opacity=50); zoom: 1; } #language-select a.active { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; filter:alpha(opacity=100); zoom: 1; } #language-select a img { border: 0; } .listing-cp { width: 958px; height: 50px; background: url(images/bg-listing-cp.png); clear: both; margin: 13px 0; font-size: 70%; color: #FFF; font-weight: bold; } .listing-cp select { font-size: 95%; } .listing-cp a.cp-link { display: block; color: #FFF; text-decoration: underline; padding: 0 0 0 20px; } .listing-cp span.cp-text { display: block; color: #FFF; padding: 18px 20px 10px 20px; float: right; } .listing-cp span#show-links { float: right; padding: 18px 20px 10px 0px !important; } .cp-top { margin: 3px 0 13px 0; } .cp-bottom { margin: 13px 0; } .counter { float: right; } .counter div { float: left; width: 14px; height: 15px; margin-left: 2px; } .counter div.d0 { background: url(images/counter-digit-0.png); } .counter div.d1 { background: url(images/counter-digit-1.png); } .counter div.d2 { background: url(images/counter-digit-2.png); } .counter div.d3 { background: url(images/counter-digit-3.png); } .counter div.d4 { background: url(images/counter-digit-4.png); } .counter div.d5 { background: url(images/counter-digit-5.png); } .counter div.d6 { background: url(images/counter-digit-6.png); } .counter div.d7 { background: url(images/counter-digit-7.png); } .counter div.d8 { background: url(images/counter-digit-8.png); } .counter div.d9 { background: url(images/counter-digit-9.png); } /* MODULES -------------------------------------------------------*/ .module { margin-bottom: 10px; } .mbody { font-size: 70%; } .mbody form table tbody tr td, .mbody .form table tbody tr td { padding: 5px 10px 5px 0; } .mbody form table tbody tr td.label, .mbody .form table tbody tr td.label { min-width: 90px; } .mbody form table tbody tr td label, .mbody .form table tbody tr td label { color: #636363; font-weight: bold; } .mbody form table tbody tr td label em, .mbody .form table tbody tr td label em, .mbody form table tbody tr td input[type="file"], .mbody form table tbody tr td input[type="text"], .mbody form table tbody tr td input[type="password"], .mbody form table tbody tr td textarea { background: #F3F3F3; border: 1px solid #D0D0D0; padding: 3px; } .mbody a.avatar { display: block; float: left; margin-right: 10px; } .mbody a.avatar img { height: 37px; } .mbody .postbit { float: left; padding: 3px 0 0 0; vertical-align: middle; width: 360px; } .mbody .postbit a { color: #515151; } .mbody .postbit strong { font-size: 120%; font-weight: normal; margin: 8px 0 0 0; } .mbody .postbit span { display: block; font-size: 90%; font-weight: bold; } div.m300 { width: 313px; } div.m300 h3 { height: 24px; padding: 12px 10px 0 15px; font-size: 65%; text-transform: uppercase; color: #FFF; font-weight: normal; background: url('images/mT-300.png') no-repeat; } div.m300 h3 span { display: none; } div.m300 h3 div.counter { text-align: right; } div.m300 div.mbody { padding: 10px 14px 0 14px; background: url('images/mBg-300-highlight.png') repeat-y; } div.m300 div.image { padding: 0px 0 0 4px; background: url('images/mBg-300.png') repeat-y; } div.m300 div.image-ad { padding: 0px 0 0 6px; background: url('images/mBg-300.png') repeat-y; } div.m300 div.video { padding: 0px 0 1px 5px; background: url('images/mBg-300-highlight.png') repeat-y; } div.m300 div.mfoot { height: 8px; background: url('images/mB-300.png') no-repeat; } div.m625 { width: 633px; } div.m625 h3 { height: 21px; padding: 14px 10px 0 15px; font-size: 65%; text-transform: uppercase; color: #FFF; font-weight: normal; background: url(images/mT-625.png) no-repeat; } div.m625 h3 span { display: none; } div.m625 h3 div.splitter { text-align: right; } div.m625 h3 div.splitter span { display: inline; } div.m625 h3 div.splitter ul { padding: 0 0 0 445px; float: right; } div.m625 h3 div.splitter ul li { float: left; color: #8d8b8b; margin: 0 4px 0 0; } div.m625 h3 div.splitter ul li.sp-prev a { width: 17px; height: 13px; background: url(images/sp-arrow-left.png) 2px 0 no-repeat; } div.m625 h3 div.splitter ul li.sp-prev a span { display: none; } div.m625 h3 div.splitter ul li.sp-next a { width: 17px; height: 13px; background: url(images/sp-arrow-right.png) 6px 0 no-repeat; } div.m625 h3 div.splitter ul li.sp-next a span { display: none; } div.m625 h3 div.splitter ul li.sp-active a { color: #FFF; text-decoration: underline; font-weight: bold; } div.m625 h3 div.splitter ul li a { display: block; color: #8d8b8b; } div.m625 div.mbody { padding: 10px 14px 5px 14px; background: url(images/mBg-625-plain.png) repeat-y; } div.m625 div.highlight { padding: 0 5px; background: url(images/mBg-625-plain.png) repeat-y; } div.m625 div.highlight div.mbody { padding: 10px 10px 5px 10px; background: #e9e9e9 url(images/mBg-625-highlight.png) no-repeat; } div.m625 div.mhead { height: 8px; background: url(images/mH-625.png) no-repeat; } div.m625 div.mhead-g { height: 8px; background: url(images/mH-625-g.png) no-repeat; } div.m625 div.mfoot { height: 8px; background: url(images/mB-625.png) no-repeat; } div.m625 div.mfoot-g { height: 8px; background: url(images/mB-625-g.png) no-repeat; } div.m625 h3 div.arrow-nav { text-align: right; } div.m625 h3 div.arrow-nav span { display: inline; } div.m625 h3 div.arrow-nav ul { padding: 0 0 0 580px; } div.m625 h3 div.arrow-nav ul li { float: left; color: #8d8b8b; margin: 0 0px 0 0; } div.m625 h3 div.arrow-nav ul li a { display: block; color: #8d8b8b; } div.m625 h3 div.arrow-nav ul li.sp-prev a { width: 14px; height: 13px; background: url(images/sp-arrow-left.png) 3px 0 no-repeat; } div.m625 h3 div.arrow-nav ul li.sp-prev a span { display: none; } div.m625 h3 div.arrow-nav ul li.sp-next a { width: 14px; height: 13px; background: url(images/sp-arrow-right.png) 3px 0 no-repeat; } div.m625 h3 div.arrow-nav ul li.sp-next a span { display: none; } div.m625-new div.mhead { height: 8px; background: url(images/mH-625-new.png) no-repeat; } div.m625-new div.mbody { padding: 10px 14px 5px 14px; background: url(images/mBg-625-new.png) repeat-y; } div.m625-new div.mfoot { height: 8px; background: url(images/mB-625-new.png) no-repeat; } div.m625-gradient div.mhead { height: 8px; background: url(images/mH-625-gradient.png) no-repeat; } div.m625-gradient div.mbody { padding: 10px 14px 5px 14px; background: url(images/mBg-625-gradient.png) repeat-y; } div.m625-gradient div.mfoot { height: 8px; background: url(images/mB-625.png) no-repeat; } div.m625-gradient2 div.mhead { height: 8px; background: url(images/mH-625-gradient2.png) no-repeat; } div.m625-gradient2 div.mbody { padding: 10px 14px 5px 14px; background: url(images/mBg-625-gradient2.png) repeat-y; } div.m625-gradient2 div.mfoot { height: 8px; background: url(images/mB-625.png) no-repeat; } div.m495 { width: 502px; height: 66px; background: url(images/mBg-495.png) no-repeat; } div.m495 div.mbody { padding: 10px; } div.m495-h { width: 502px; height: 66px; background: url(images/mBg-495-new.png) no-repeat; } div.m495-h div.mbody { padding: 10px; } div.m233 { width: 239px; height: 400px; background: url(images/mBg-233.png) no-repeat; } div.m233 h3 { height: 18px; padding: 13px 15px 0 15px; margin-bottom: 4px; font-size: 75%; font-weight: bold; color: #FFF; overflow: hidden;} div.m233 div.mbody { padding: 10px 20px 5px 20px; } div.mFull { } div.mFull h3 { height: 24px; padding: 12px 10px 0 15px; font-size: 65%; text-transform: uppercase; color: #FFF; font-weight: normal; background: url(images/mT-full.png) no-repeat; } div.mFull h3 span { display: none; } div.mFull div.mbody { padding: 25px 14px 30px 14px; background: url(images/mBg-full.png) repeat-y; } div.mFull div.mfoot { height: 8px; background: url(images/mB-full.png) no-repeat; } #dialogbox div.mhead { height: 7px; margin-top: 5px; padding: 2px 10px 0 15px; background-repeat: no-repeat; } #dialogbox div.mbody { padding: 5px 14px; background-repeat: repeat-y; position: relative; } #dialogbox div.mbody a.close { position: absolute; right: 14px; } #dialogbox div.mbody a.close span { } #dialogbox div.mfoot { height: 8px; background-repeat: no-repeat; } #dialogbox.red div.mhead { background-image: url('images/dialogbox-red-head.png'); } #dialogbox.red div.mbody { background-image: url('images/dialogbox-red-body.png'); color: #FFF; } #dialogbox.red div.mbody a { color: #FFF; } #dialogbox.red div.mfoot { background-image: url('images/dialogbox-red-foot.png'); } #dialogbox.blue div.mhead { background-image: url('images/dialogbox-blue-head.png'); } #dialogbox.blue div.mbody { background-image: url('images/dialogbox-blue-body.png'); color: #FFF; } #dialogbox.blue div.mbody a { color: #FFF; } #dialogbox.blue div.mfoot { background-image: url('images/dialogbox-blue-foot.png'); } #dialogbox.yellow div.mhead { background-image: url('images/dialogbox-yellow-head.png'); color: #525252; } #dialogbox.yellow div.mbody { background-image: url('images/dialogbox-yellow-body.png'); color: #333; } #dialogbox.yellow div.mbody a { color: #333; } #dialogbox.yellow div.mfoot { background-image: url('images/dialogbox-yellow-foot.png'); } #dialogbox.green div.mhead { background-image: url('images/dialogbox-green-head.png'); } #dialogbox.green div.mbody { background-image: url('images/dialogbox-green-body.png'); color: #FFF; } #dialogbox.green div.mbody a { color: #FFF; } #dialogbox.green div.mfoot { background-image: url('images/dialogbox-green-foot.png'); } /* HOME -------------------------------------------------------*/ div#news-latest h3 { background: url(images/en_GB/mT-300-latest-news.png) no-repeat; } div#news-latest div.news-thumb { float: left; margin: 0 8px 0 0; } div#news-latest div.news-thumb img { width: 82px; height: 49px; } div#news-latest div.news-head { padding: 5px 0 0 0; } div#news-latest div.news-head span.date { color: #000; display: block; } div#news-latest div.news-head span.title a { display: block; color: #000; font-size: 110%; font-weight: bold; } div#news-latest div.news-desc { clear: both; padding: 8px 0 0 0; height: 99px; line-height: 1.3; } div#news-latest div.news-cp { padding: 7px 0 0 0; height: 42px; } div#news-latest div.news-cp a { display: block; float: left; width: 91px; height: 24px; position: relative; left: -3px; } div#news-latest div.news-cp a span { display: none; } div#news-latest div.news-cp a.btn-learn-more { background: url(images/en_GB/button-learn-more.gif); } div#news-latest div.news-cp a.btn-more-news { background: url(images/en_GB/button-more-news.gif); } div#trailers h3 { background: url(images/en_GB/mT-300-trailers.png) no-repeat; } div#trailers div.trailer-game-box { float: left;} div#trailers div.trailer-game-info { padding: 0 0 0 115px; } div#trailers div.trailer-game-info span { font-weight: bold; color: #000; } div#trailers div.trailer-game-desc { padding: 15px 0 10px 0; height: 86px; line-height: 1.3; } div#trailers div.trailer-cp { height: 29px; padding-left: 100px; } div#trailers div.trailer-cp a { display: block; float: left; width: 91px; height: 24px; position: relative; left: 10px; } div#trailers div.trailer-cp a span { display: none; } div#trailers div.trailer-cp a.btn-wmv-file { background: url(images/en_GB/button-wmv-file.gif); } div#trailers div.trailer-cp a.btn-mov-file { background: url(images/en_GB/button-mov-file.gif); } /* style for the download latest flash version message */ .myPlayer { text-decoration: none !important; } #flash-error { font-size: 70%; width: 303px; padding: 70px 0 0 0 !important; height: 102px; background: #d5d5d5 !important; color: #8a8a8a; font-weight: bold; } #flash-error span { color: #c50000; text-decoration: underline; } #flash-error a { text-decoration: none !important; } div#users-latest h3 { background: url(images/en_GB/mT-300-latest-users.png) no-repeat; } div#users-latest div.mbody { padding: 7px 12px 3px 12px; } div#users-latest div.user { float: left; padding: 0 13px 0 0; } div#users-latest div.last { padding: 0; } div#my-friends h3 { background: url(images/en_GB/mT-300-friends.png) no-repeat; } div#my-friends div.mbody { padding: 7px 12px 3px 12px; } div#my-friends div.mbody p { padding-top: 8px; } div#my-friends div.user { float: left; padding: 0 13px 13px 0; } div#my-friends div.last { padding: 0; } div#friends-list h3 { background: url(images/en_GB/mT-625-friends.png) no-repeat; } div#friends-list div.mbody { padding: 7px 12px 3px 12px; } div#friends-list div.mbody p { padding-top: 8px; } div#friends-list div.user { float: left; padding: 0 13px 0 0; } div#friends-list div.last { padding: 0; } div#coming-soon h3 { background: url(images/en_GB/mT-300-featured-game.png) no-repeat; } /* MY PROFILE -------------------------------------------------------*/ #profile-tabs { width: 629px; height: 32px; background: url(images/bg-tabs.png); padding: 4px 0 0 4px; } #profile-tabs a.tab { display: block; float: left; width: 104px; height: 32px; } #profile-tabs a.tab span { display: none; } #profile-tabs #my-profile { background: url(images/en_GB/tab-profile.png); } #profile-tabs #my-mail { background: url(images/en_GB/tab-mail.png); } #profile-tabs #my-friends { background: url(images/en_GB/tab-friends.png); } #profile-tabs #my-settings { background: url(images/en_GB/tab-settings.png); } #profile-tabs #my-account { background: url(images/en_GB/tab-account.png); } #profile-tabs #my-profile:hover, #profile-tabs #my-profile.active { background: url(images/en_GB/tab-profile.png) 0 32px; } #profile-tabs #my-mail:hover, #profile-tabs #my-mail.active { background: url(images/en_GB/tab-mail.png) 0 32px; } #profile-tabs #my-friends:hover, #profile-tabs #my-friends.active { background: url(images/en_GB/tab-friends.png) 0 32px; } #profile-tabs #my-settings:hover, #profile-tabs #my-settings.active { background: url(images/en_GB/tab-settings.png) 0 32px; } #profile-tabs #my-account:hover, #profile-tabs #my-account.active { background: url(images/en_GB/tab-account.png) 0 32px; } #mail-tabs .mbody { padding-top: 15px; padding-bottom: 15px; } #mail-list { display: inline-block; margin-right: -20px; vertical-align: top; } #mail-list .mbody .postbit { padding: 0; width: 245px; } #mail-list .mbody .postbit span { font-weight: normal; } #mail-list .mbody .actions { height: 37px; line-height: 62px; right: 0; text-align: right; }/* #mail-list .mbody .actions a#read { background: url('images/en_GB/btn-read.png') } #mail-list .mbody .actions a#delete { background: url('images/en_GB/btn-remove.png') } */ #mail-compose { /* display: inline-block; margin-right: -20px; vertical-align: top; */ } #mail-compose .mbody .postbit { padding: 0; width: 245px; } #mail-compose .mbody .postbit span { font-weight: normal; } #mail-compose .mbody .actions { height: 37px; line-height: 62px; right: 0; text-align: right; } #mail-folders { display: inline-block; margin: 0 12px 0 4px; /float: left; /width: 120px; } #mail-folders ul { } #mail-folders ul li { margin-bottom: 8px; } #mail-folders ul li a { background-image: url('images/en_GB//mail-folders.png'); background-repeat: no-repeat; display: block; padding: 1px 0; text-indent: -1000em; width: 110px; } #mail-folders ul li#mail-inbox a { background-position: 0 0; } #mail-folders ul li#mail-bulletins a { background-position: 0 -30px; } #mail-folders ul li#mail-newsletters a { background-position: 0 -60px; } #mail-folders ul li#mail-outbox a { background-position: 0 -90px; } #mail-folders ul li#mail-trash a { background-position: 0 -120px; } #mail-folders ul li#mail-inbox a:hover { background-position: -108px 0; } #mail-folders ul li#mail-bulletins a:hover { background-position: -108px -30px; } #mail-folders ul li#mail-newsletters a:hover { background-position: -108px -60px; } #mail-folders ul li#mail-outbox a:hover { background-position: -108px -90px; } #mail-folders ul li#mail-trash a:hover { background-position: -108px -120px; } #mail-folders ul li#mail-inbox.active a { background-position: -108px 0; } #mail-folders ul li#mail-bulletins.active a { background-position: -108px -30px; } #mail-folders ul li#mail-newsletters.active a { background-position: -108px -60px; } #mail-folders ul li#mail-outbox.active a { background-position: -108px -90px; } #mail-folders ul li#mail-trash.active a { background-position: -108px -120px; } a#tab-messages { background-image: url("images/en_GB/button-messages.png"); } a#tab-compose { background-image: url("images/en_GB/button-compose.png"); } a#tab-invite { background-image: url("images/en_GB/button-invite.png"); } a#tab-messages:hover, a#tab-messages.active, a#tab-compose:hover, a#tab-compose.active, a#tab-invite:hover, a#tab-invite.active { background-position: 0 26px; } #profile-info h3 { background: url('images/en_GB/mT-300-profile.png') no-repeat; } #profile-comments h3 { background: url('images/en_GB/mT-625-comments.png') no-repeat; } #profile-friends h3 { background: url('images/en_GB/mT-300-friends.png') no-repeat; } .ac_results { background: #FFF; border: 1px solid black; } .ac_results ul li { padding: 0 2px; } /* PROFILE -------------------------------------------------------*/ #profile-info h1 span { background-image: url('images/online-status.png'); background-position: -39px center; background-repeat: no-repeat; margin: 0 2px 0 2px; padding-left: 13px; } #profile-info h1 span.online { background-position: -3px center; } #profile-info h1 span.idle { background-position: -21px center; } #profile-info a#avatar { /display: block; margin-right: 4px; vertical-align: top; /vertical-align: baseline; } #profile-info a.report-avatar { background: url('images/icon-report.png') no-repeat; display: block; height: 24px; width: 24px; margin-top: -20px; position: relative; topxx: -18px; left: -6px; } #profile-info .inline-block { float: left; } #profile-info .inline-block h1 { color: #000; font-size: 150%; } #profile-info ul { margin: 0; padding: 7px 0; } #profile-info ul:empty { padding: 0; } #profile-info p { margin: 7px 0 0 0; } #profile-info a.avatar img { height: 84px !important; } /* #profile-info h3 { display: inline-block; } */ #status-select { margin: 5px 0; } #status-select ul { list-style: none; margin: 2px 0 0 0; padding: 0; } #status-select ul li { display: inline-block; /display: inline; } #status-select ul li.status-online a { background-position: -2px -30px; } #status-select ul li.status-away a { background-position: -31px -30px; } #status-select ul li.status-inactive a { background-position: -60px -30px; } #status-select ul li.status-invisible a { background-position: -90px -30px; } #status-select ul li.status-online a:hover, #status-select ul li.status-online a.active { background-position: -2px -2px; } #status-select ul li.status-away a:hover, #status-select ul li.status-away a.active { background-position: -51px -2px; } #status-select ul li.status-inactive a:hover, #status-select ul li.status-inactive a.active { background-position: -26px -2px; } #status-select ul li.status-invisible a:hover, #status-select ul li.status-invisible a.active { background-position: -90px -2px; } #status-select ul li a { background-image: url('images/online-status-select.png'); background-repeat: no-repeat; display: inline-block; } #status-select ul li a span { text-indent: -1000em; display: block; height: 25px; width: 22px; } #profile-edit fieldset { border: 0; } #profile-edit fieldset legend { font-weight: bold; } #profile-edit fieldset table { width: 100%; } #profile-edit fieldset table td.label { width: 1%; } #profile-edit fieldset table textarea { background: #FFF; width: 100%; } #profile-account fieldset { border: 0; } #profile-account fieldset legend { font-weight: bold; } #profile-account fieldset table { width: 100%; clear: both; } #profile-account fieldset table td.label { width: 1%; } #profile-account fieldset table textarea { background: #FFF; width: 100%; } #profile-account .btn { margin: 10px 0; } #profile-email fieldset { border: 0; } #profile-email fieldset legend { font-weight: bold; margin-bottom: 10px; } #profile-email label { color: #636363; font-weight: bold; display: inline-block; } #profile-email fieldset p { margin-bottom: 10px; } #profile-comment-form label { color: #636363; font-weight: bold; display: inline-block; width: 129px; } #profile-comment-form label em { font-weight: normal; } #profile-comment-form textarea { background: #F3F3F3; border: 1px solid #D0D0D0; width: 470px; } #profile-comment-form .actions { margin-top: 7px; text-align: right; } #profile-comments .mbody a.avatar img { max-width: 100%; } #profile-comments .mbody img { max-height: 500px; max-width: 25%; } #profile-comments .mbody .postbit { margin-bottom: 15px; } #profile-comments .mbody .postbit strong { font-size: 120%; font-weight: bold; } #profile-comments .mbody .postbit span { font-size: 100%; font-weight: normal; } #profile-comments .mbody .actions { height: 30px; padding-top: 15px; right: 0; text-align: right; } #profile-comments .mbody .actions span { font-size: 120%; vertical-align: bottom; } #friends-manage .mbody { position: relative; } #friends-manage .mbody a:link, #friends-manage .mbody a:hover, #friends-manage .mbody a:visited { color: #000; } #friends-manage .mbody .actions { height: 30px; right: 0; text-align: right; } #friends-manage .mbody .actions input { margin: 5px 0 0 0; } #blocks-manage h4 { margin: 20px 0 10px 0; } #blocks-manage ul li { margin-bottom: 10px; } #blocks-manage .empty { border: 1px solid #d0d0d0; } /* NEWS -------------------------------------------------------*/ div#news-1st h3 { background: url(images/en_GB/mT-625-latest-news.png) no-repeat; } div.m625 div.news img.news-thumb { display: block; width: 200px; height: 170px; float: left; } div.m625 div.news div.news-info { padding: 0 0 0 210px; } div.m625 div.news div.news-info div.news-date { color: #000; } div.m625 div.news div.news-info div.news-title { color: #000; font-size: 180%; font-weight: bold; padding: 3px 0 4px 0; } div.m625 div.news div.news-info div.news-cp { padding: 10px 0 0 0; } div.m625 div.news div.news-info div.news-cp a { display: block; float: left; width: 91px; height: 24px; position: relative; left: -3px; } div.m625 div.news div.news-info div.news-cp a.btn-learn-more { background: url(images/en_GB/button-learn-more.gif); } div.m625 div.news div.news-info div.news-cp a.btn-print-it { background: url(images/en_GB/button-print-it.gif); } div.m625 div.news div.news-info div.news-cp a.btn-back-news, div.m625 div.news div.news-info div.news-cp a.btn-back-newsletters { width: 114px; background: url(images/en_GB/button-back-news.png); } div.m625 div.news div.news-info div.news-cp a span { display: none; } div.m625 div.news div.news-info div.news-cp span { display: block; float: right; color: #000; padding: 6px 4px 0 0; } div.m625 div.news div.news-info div.news-cp span em { font-style: normal; font-weight: bold; } div#eidos-games-studio h3 { background: url(images/en_GB/mT-300-eidos-studio.png) no-repeat; } div#eidos-games-studio div.studio-logo { padding: 7px 5px; } div#eidos-games-studio div.studio-desc { padding: 3px 5px 15px 5px; } div#eidos-games-studio div.studio-titles ul li { display: inline; margin: 0 2px 0 0; } div.m625 div.news div.news-gallery { padding: 15px 0 15px 0; } div.m625 div.news div.news-gallery ul li { display: inline; margin: 0 7px 0 0; } div.m625 div.news div.news-gallery ul li.last { margin: 0; } div.m625 div.news div.news-body p { padding: 0 0 15px 0; } /* COMMENT FORM -------------------------------------------------------*/ #comment-form td.comment-user a.user-avatar { display: block; float: left; } #comment-form td.comment-user span.warning { display: block; float: left; padding: 11px 0 0 10px; font-weight: bold; color: #b70000; } #comment-form td.comment-user a.btn-register-now { display: block; float: right; width: 108px; height: 24px; background: url(images/en_GB/button-register-now.gif); margin: 5px 0 0 102px; } #comment-form td.comment-user a.btn-register-now span { display: none; } #comment-form #form_comment_subject input { width: 510px; } #comment-form textarea { width: 510px; height: 140px; } #comment-form table tbody tr td.comments-label { vertical-align: top; padding-top: 10px;} #comment-form div.captcha { float: left; } #comment-form button.btn-post-comment { display: block; float: right; margin: 10px 7px 0 0; } #comment-form .mbody table tbody tr td, .mbody table tbody tr td { padding: 5px 10px 5px 0; } #comment-form .mbody table tbody tr td.label, .mbody table tbody tr td.label { min-width: 90px; } #comment-form .mbody table tbody tr td label, .mbody table tbody tr td label { color: #636363; font-weight: bold; } #comment-form .mbody table tbody tr td input[type="file"], #comment-form .mbody table tbody tr td input[type="text"], #comment-form .mbody table tbody tr td input[type="password"], #comment-form .mbody table tbody tr td textarea { background: #F3F3F3; border: 1px solid #D0D0D0; padding: 3px; } #list-emoticons { float: right; margin-top: 5px; text-align: right; width: 460px; } #comment-form.edit { padding: 20px 10px 20px 10px; } /* COMMENT -------------------------------------------------------*/ div.comment a.user-avatar { display: block; float: left; padding: 0 0 0 7px; } div.comment div.comment-info { float: left; padding: 0 0 0 15px; } div.comment div.comment-info div.author-name { font-size: 130%; } div.comment div.comment-info div.comment-title { font-size: 130%; font-weight: bold; color: #000; } div.comment div.comment-date { float: right; padding: 0px 10px 0 0; } div.comment div.comment-body { clear: both; padding: 13px 7px; } div.comment div.comment-body img { max-height: 500px; max-width: 25%; } div.comment #icon-report { float: right !important; } div.comment .actions { text-align: right; } /* GAMES -------------------------------------------------------*/ div#about-game h3 { background: url(images/en_GB/mT-300-about-game.png) no-repeat; } div#about-game .mbody { padding-right: 0; } div#about-game div.game-title { font-size: 180%; color: #000; font-weight: bold; } div#about-game div.game-info { padding: 10px 14px 0px 0px; color: #000; font-weight:bold; height: 60px; } div#about-game div.game-info span { color: #636363; } div#about-game div.game-info span.nowrap { color: #000; } div#about-game img.game-rating { margin: 0px 0 2px 0; } div#about-game div.game-desc { height: 98px; padding-right: 14px; margin: 0; } div#about-game div.game-platforms { height: 30px; } div#about-game a.game-site { display: block; float: left; width: 168px; height: 143px; margin: 0; } div#about-game a.game-site span { display: none; } div#about-game div.game-cp { float: left; padding: 0 0 0 15px; margin: 0; } div#about-game div.game-cp a { display: block; width: 91px; height: 24px; margin: 0 0 3px 0; } div#about-game div.game-cp a span { display: none; } div#about-game div.game-cp a.btn-requirements { background: url(images/en_GB/button-requirements.gif); } div#about-game div.game-cp a.btn-visit-website { background: url(images/en_GB/button-visit-website.gif); } div#about-game div.game-cp a.btn-buy-it-now { background: url(images/en_GB/button-buy-it-now.gif); } div#about-game div.game-cp a.btn-visit-forums { background: url(images/en_GB/button-visit-forums.gif); } div#game-trailer h3 { background: url(images/en_GB/mT-300-trailers.png) no-repeat; } div#game-trailer div.trailer-game-box { float: left; margin: 0 10px 0 0; } div#game-trailer div.trailer-game-info { padding: 0 0 0 0px; } div#game-trailer div.trailer-game-info span { font-weight: bold; color: #000; } div#game-trailer div.trailer-game-desc { padding: 15px 0 10px 0; height: 101px; line-height: 1.3; } div#game-trailer div.trailer-cp { float: left; height: 80px; padding-left: 100px; } div#game-trailer div.trailer-cp a { display: block; width: 91px; height: 24px; margin: 0 0 0 7px; } div#game-trailer div.trailer-cp span { font-weight: bold; margin-left: 8px;} div#game-trailer div.trailer-cp a span { display: none; } div#game-trailer div.trailer-cp a.btn-wmv-file { background: url(images/en_GB/button-wmv-file.gif); } div#game-trailer div.trailer-cp a.btn-mov-file { background: url(images/en_GB/button-mov-file.gif); } .pegi-3 { background: url(images/pegi-3.gif) no-repeat 1px 13px; } .pegi-7 { background: url(images/pegi-7.gif) no-repeat 1px 13px; } .pegi-12 { background: url(images/pegi-12.gif) no-repeat 1px 13px; } .pegi-16 { background: url(images/pegi-16.gif) no-repeat 1px 13px; } .pegi-18 { background: url(images/pegi-18.gif) no-repeat 1px 13px; } .esrb-EC { background: url(images/esrb-c.gif) no-repeat 1px 13px; } .esrb-E { background: url(images/esrb-e.gif) no-repeat 1px 13px; } .esrb-e10 { background: url(images/esrb-e10.gif) no-repeat 1px 13px; } .esrb-T { background: url(images/esrb-t.gif) no-repeat 1px 13px; } .esrb-M { background: url(images/esrb-m.jpg) no-repeat 0px 70px; } .esrb-A { background: url(images/esrb-a.gif) no-repeat 1px 13px; } .esrb-RP { background: url(images/esrb-rp.gif) no-repeat 1px 13px; } div#news-related h3 { background: url(images/en_GB/mT-300-related-news.png) no-repeat; } div#news-related div.news-thumb { float: left; margin: 0 8px 0 0; height: 49px; } div#news-related div.news-thumb img { width: 82px; height: 49px; } div#news-related div.news-head { padding: 5px 0 0 0; } div#news-related div.news-head span.date { color: #000; display: block; } div#news-related div.news-head span.title a { display: block; color: #000; font-size: 110%; font-weight: bold; } div#news-related div.news-desc { clear: both; padding: 8px 0 0 0; height: 301px; } div#news-related div.news-cp { padding: 7px 0 0 0; height: 42px; } div#news-related div.news-cp a { display: block; float: left; width: 91px; height: 24px; position: relative; left: -3px; } div#news-related div.news-cp a span { display: none; } div#news-related div.news-cp a.btn-learn-more { background: url(images/en_GB/button-learn-more.gif); } div#news-related div.news-cp a.btn-more-news { background: url(images/en_GB/button-more-news.gif); } div#trailer h3 { background: url(images/en_GB/mT-300-trailer.png) no-repeat; } div#images h3 { background: url(images/en_GB/mT-300-images.png) no-repeat; } div.m300 h3 div.splitter { text-align: right; } div.m300 h3 div.splitter span { display: inline; } div.m300 h3 div.splitter ul { padding: 0 0 0 165px; } div.m300 h3 div.splitter ul li { float: left; color: #8d8b8b; margin: 0 4px 0 0; } div.m300 h3 div.splitter ul li a { display: block; color: #8d8b8b; } div.m300 h3 div.splitter ul li.sp-prev a { width: 17px; height: 13px; background: url(images/sp-arrow-left.png) 2px 0 no-repeat; } div.m300 h3 div.splitter ul li.sp-prev a span { display: none; } div.m300 h3 div.splitter ul li.sp-next a { width: 17px; height: 13px; background: url(images/sp-arrow-right.png) 6px 0 no-repeat; } div.m300 h3 div.splitter ul li.sp-next a span { display: none; } div.m300 h3 div.splitter ul li.sp-active a { color: #FFF; text-decoration: underline; font-weight: bold; } #games-filter { padding: 16px 15px; float: left; } #games-filter select { width: 97px; } #genre-filter { padding: 16px 15px; float: left; } #genre-filter select { width: 97px; } #sort-order { padding: 16px 15px; float: left; } #sort-order select { width: 97px; } #search-games { display: block; float: right; padding: 4px 15px 0 0;} #search-games input { float: left; width: 137px; height: 19px; padding: 15px 14px 7px 8px; border: 0; background: url(images/bg-field-games.gif) 0 12px no-repeat; font-size: 100%; color: #636363; } #search-games button { display: block; float: right; width: 106px; height: 42px; border: 0; background: url(images/en_GB/button-search-game.gif) 0 0px no-repeat; cursor: pointer; } #search-games button span { display: none; } #go-top { float: left; padding: 18px 0 10px 20px; } #show-more { float: right; } #show-all { float: right; /* padding-right: 20px; */ } #games-list .m233 { float: left; } #games-list .m233 div.game-info { padding: 0px 0 0px 0px; background-position: 0 55px !important; } #games-list .m233 div.game-info span { font-weight: bold; } #games-list .m233 div.game-info img.game-rating { margin: 12px 0 2px 0; } #games-list .m233 div.game-platforms { height: 29px; font-weight: bold; } #games-list .m233 div.game-box { padding: 0px 0 0 0; } #games-list .m233 div.game-cp a { display: block; float: left; width: 91px; height: 24px; position: relative; left: -3px; } #games-list .m233 div.game-cp a span { display: none; } #games-list .m233 div.game-cp a.btn-learn-more { background: url(images/en_GB/button-learn-more.gif); } #games-list .m233 div.game-cp a.btn-visit-website { background: url(images/en_GB/button-visit-website.gif); } /* STATIC -------------------------------------------------------*/ .static { padding-bottom: 20px; } .static p { padding: 0 25px 15px 20px; text-align: justify; } #privacy h3 { background: url(images/en_GB/mT-full-privacy.png) no-repeat; } #piracy h3 { background: url(images/en_GB/mT-full-piracy.png) no-repeat; } #warranty h3 { background: url(images/en_GB/mT-full-warranty.png) no-repeat; } #submission h3 { background: url(images/en_GB/mT-full-submission.png) no-repeat; } #terms h3 { background: url(images/en_GB/mT-full-terms.png) no-repeat; } #terms ul li, #privacy ul li, #piracy ul li, #warranty ul li, #submission ul li { list-style: disc; margin-left: 60px; } #terms ol li, #privacy ol li, #piracy ol li, #warranty ol li, #submission ol li { list-style: decimal; margin-left: 60px; } /* SEARCH -------------------------------------------------------*/ div#search-results h3 { background: url(images/en_GB/mT-625-search-results.png) no-repeat; } div#search-results .mbody { padding-left: 12px; } div#search-results .search-count { padding: 2px 0 17px 5px; } div#search-results div.open, div#search-results div.close { clear: both; } div#search-results div.open div.res-header { width: 610px; height: 30px; background: url(images/results-bar-open.png); margin: 0 0 5px 0; } div#search-results div.close div.res-header { width: 610px; height: 30px; background: url(images/results-bar-close.png); } div#search-results div.res-title { float: left; padding: 8px 0px 0 27px; color: #FFF; font-weight: bold; } div#search-results div.res-count { float: right; padding: 8px 10px 0 0px; color: #FFF;} div#search-results div.res-set { clear: both; width: 583px; padding: 0 15px 0 12px; } div#search-results div.open div.res-footer { clear: both; width: 610px; padding: 10px 0 35px 0; } div#search-results div.open div.res-footer a { text-decoration: underline; color: #636363; } div#search-results div.open div.res-shown { float: left; font-weight: bold; padding: 0 7px 0 14px; } div#search-results div.open div.res-next { float: left; font-weight: bold; padding: 0 435px 0 10px; background: url(images/gray-right-arrow.png) 115px 1px no-repeat; } div#search-results div.open div.res-all { float: left; font-weight: bold; padding: 0 20px 0 0; background: url(images/gray-right-arrow.png) 40px 1px no-repeat; } div#search-results div.game-match { clear: both; padding: 10px 0 10px 10px; } div#search-results div.game-match img { float: left; } div#search-results div.game-match a { display: block; margin: 0 0 0 50px; font-weight: bold; color: #636363; } div#search-results div.game-match div { margin: 0 0 0 50px; } div#search-results div.news-match { clear: both; padding: 10px 0 10px 0; } div#search-results div.news-match a { display: block; font-weight: bold; color: #636363; } div#search-results div.fans-match { float: left; width: 100px; padding: 12px 8px 20px 8px; text-align: center; } div#search-results div.fans-match a img { margin: 4px 0; } div#search-results div.fans-match a.fans-match-name { display: block; font-weight: bold; color: #636363; } div#categories h3 { background: url(images/en_GB/mT-300-categories.png) no-repeat; } div#categories a { display: block; font-size: 110%; color: #636363; font-weight: bold; margin: 10px 0 0 0; padding: 0 7px; } div#categories a.active { width: auto; width: 92px; background: url(images/en_GB/btn-search-cat.png) left no-repeat; color: #FFF; padding: 0 0 0 10px; } div#categories .mbody { padding-bottom: 20px; } .no-results { padding: 5px 0 20px 10px; } /* STUDIO -------------------------------------------------------*/ div.studio-header { width: 950px; height: 250px; background: url(images/header-studio.jpg) no-repeat; margin: 0 0 20px 4px; } div.studio-list div.studio { float: left; margin-right: 9px; } div.studio-list div.last { margin-right: 0; } div.studio-list .empty-studio { float: left; padding: 4px 0 0 4px; background: url(images/bg-empty-studio.png) 4px 4px no-repeat; width: 305px; height: 453px; } div.studio div.studio-logo { float: left; width: 130px; padding: 7px 5px; height: 40px; } div.studio div.studio-desc { padding: 3px 5px 15px 5px; height: 162px; clear: both; } div.studio div.studio-titles ul li { display: inline; margin: 0 2px 0 0; } div.studio a.btn-visit-website { float: right; display: block; width: 91px; height: 24px; margin: 10px 0 0 0; background: url(images/en_GB/button-visit-website.png); } div.studio a.btn-visit-website span { display: none; } /* LOGIN/REGISTRATION -------------------------------------------------------*/ div#login-large h3 { background: url(images/en_GB/mT-full-login.png) no-repeat; } div#login-form-large h3 { background: url(images/en_GB/mT-625-login-form-large.png) no-repeat; } div#password-reset h3 { background: url(images/en_GB/mT-full-password-reset.png) no-repeat; } div#registration-form h3 { background: url(images/en_GB/mT-625-registration-form.png) no-repeat; } div#registration-form fieldset { border: 0 !important; } div#registration-form textarea, div#profile-account textarea { font-family:Arial, Helvetica, sans-serif; font-size: 100%; width: 150px; } div#registration-benefits h3 { background: url(images/en_GB/mT-300-registration-benefits.png) no-repeat; } div#eidos-connect h3 { background: url(images/en_GB/mT-300-eidos-connect.png) no-repeat; } div#eidos-connect .mbody { background: url('images/mBg-300-eidos-highlight.png') repeat-y; padding-top: 65px; height: 235px;} div#registration-benefits .mbody { height: 235px; } div#registration-benefits .mbody p, div#eidos-connect .mbody p { margin-bottom: 8px; } div#registration-benefits .mbody ul, div#eidos-connect .mbody ul { margin: 0 8px 0 0; padding-left: 20px; } div#registration-benefits .mbody ul li, div#eidos-connect .mbody ul li { list-style-image: url(images/bullet.png); margin-bottom: 5px; } form#new_user { background: #FFF; font-size: 70%; padding: 0 10px; } form#new_user li { list-style: none; padding: 5px 10px 5px 0; } form#new_user li>label { color: #636363; display: inline-block; font-weight: bold; min-width: 140px; text-transform: capitalize; } form#new_user li.boolean label { text-transform: none; } form#new_user li>label em { font-weight: normal; } form#new_user li fieldset { border: 1px solid #D0D0D0; padding: 5px 10px; } form#new_user li fieldset legend label { min-width: 2px; text-transform: capitalize; } form#new_user li input[type="file"], form#new_user li input[type="text"], form#new_user li input[type="password"] { background: #F3F3F3; border: 1px solid #D0D0D0; padding: 3px; } form#new_user li input[type="checkbox"] { margin: 0 5px 0 0; } form#new_user input[type="submit"] { margin: 10px 0 0 0; } .smallprint { font-size: 70%; margin: 10px; } /* ABOUT US -------------------------------------------------------*/ div#about-us h3 { background: url(images/en_GB/mT-full-about-us.png) no-repeat; } div#about-us-text { background: url(images/logo-square-enix-eu.gif) no-repeat 12px 0; padding: 0 0 0 265px; } /* CONTACT -------------------------------------------------------*/ div#contact h3 { background: url(images/en_GB/mT-full-contact.png) no-repeat; } .country-contact { float: left; padding: 30px 0 0 30px; color: #000; } #uk-contact.country-contact { background: url(images/flag-uk2.gif) 29px 0 no-repeat; } #fr-contact.country-contact { background: url(images/flag-fr2.gif) 29px 0 no-repeat; } #de-contact.country-contact { background: url(images/flag-de2.gif) 29px 0 no-repeat; } #us-contact.country-contact { background: url(images/flag-us2.gif) 29px 0 no-repeat; } /* AGE GATE -------------------------------------------------------*/ div#age-gate-gray { width: 301px; height: 170px; margin: 50px auto 200px auto; background: #AAA; border: 1px solid #7e7e7e; text-align: center; } div#age-gate-gray h5 { height: 15px; background: url(images/en_GB/title-age-gate.gif) no-repeat top center; margin: 35px 0 10px 0; } div#age-gate-gray h5 span { display: none; } div#age-gate-gray button { display: block; margin: 35px auto 0 auto; } div#age-gate-gray span.not-eligible { text-transform: uppercase; color: #fff; display: block; padding: 70px 10px 0px 10px; font-size: 75%; font-weight: bold; } div#age-gate-black { width: 301px; height: 170px; margin: 0; background: #000; border: 1px solid #000; text-align: center; } div#age-gate-black h5 { height: 15px; background: url(images/en_GB/title-age-gate-black.gif) no-repeat top center; margin: 35px 0 10px 0; } div#age-gate-black h5 span { display: none; } div#age-gate-black button { display: block; margin: 35px auto 0 auto; } div#age-gate-black span.not-eligible { text-transform: uppercase; color: #fff; display: block; padding: 70px 10px 0px 10px; font-size: 75%; font-weight: bold; } /* FLOWPLAYER -------------------------------------------------------*/ /* styling of the container. */ a.myPlayer { display:block; width: 303px; height:172px; text-align:center; } /* play button */ a.myPlayer img { margin-top:35px; } /* when container is hovered we alter the border color */ a.myPlayer:hover { } /* REPORT WINDOW -------------------------------------------------------*/ #report h1 {background:url(images/icon-warning.gif) no-repeat; height:43px; font-size:140%;} #report h1 span {margin-left:50px;line-height:43px;} #report button {cursor: pointer; border:0; margin:10px 0 10px 200px; background: url(images/en_GB/button-send-now.png); width: 90px;} #report button span {display: inline-block; width: 91px; height: 24px; position: relative; left: -3px; text-indent: -1000em;} /* USER SEARCH -------------------------------------------------------*/ #users h3 { background: url(images/en_GB/mT-full-users.png) no-repeat; } #users h3 .counter { margin-right: 113px; } #users .mbody { padding: 15px; } #users ul#userlist { width: 100%; float: left; margin: 20px 0; } #users ul#userlist li { float: left; position: relative; display: block; width: 205px; height: 57px; background-color: #e0e0e0; margin: 0 27px 20px 0; } #users ul#userlist li img { position: absolute; top: 5px; left: 5px; } #users ul#userlist li a.user { position: absolute; top: 21px; left: 78px; font-weight: bold; color: #636363;} #users ul#userlist li .online-status { position: absolute; top: 21px; left: 58px; } #users ul#userlist li .online-status span { background-image: url('images/online-status.png'); background-position: -39px center; background-repeat: no-repeat; margin: 0 2px 0 2px; padding-left: 13px; } #users ul#userlist li .online-status span.online { background-position: -3px center; } #users ul#userlist li .online-status span.idle { background-position: -21px center; } #users form#search-users { float: right; } #users div.splitter { float: right; margin-right: 10px; } #users div.splitter ul li { float: left; margin: 0 2px; } #users div.splitter ul li a { color: #636363; } #users div.splitter .sp-active a{ font-weight: bold; } #search-user h3 { background: url(images/en_GB/mT-300-search-user.png) no-repeat; } #search-user div.mbody { padding: 10px 12px } form#search-users input { background: #F3F3F3; border: 1px solid #D0D0D0; padding: 4px; float: left; width: 117px; font-size: 1.0em; margin-right: 3px;} form#search-users a { float: left; }