@import url('navarea.css');
/* MAIN BODY CONTAINERS STYLES START */
a,
a:link,
a:active,
a:visited,
a:hover {outline:none; border:0;}
img {border:none;}
body {font-family: Tahoma; font-size: 8pt; background: #000 url('../images/0/main_bg.jpg') top center no-repeat; margin: 0}
.clear {clear: both; height: 0px}
.loading {width: 16px; height: 16px; margin-left: auto; margin-right: auto}
iframe { border: 0px}
.needFlash {width: 100%; height: 420px; padding: 10px}
.needFlash .nfIcon {background: url('../images/logos/flash.gif') no-repeat; width: 58px; height: 58px; float: left}
.needFlash .nfText {color: #FFF; margin: 0 0 0 10px; float: left}
.needFlash a {color: #FFF}
#video-player .needFlash {padding-top: 180px}
#media-pusher .needFlash {padding-top: 135px}
#jsPlayer { height: 469px; width: 750px; background: #191E22}
/* ARROWS START */
.moreArrow {background: url('../images/0/arrows.png') no-repeat -90px 0; width: 5px; height: 5px; float: right; margin: 5px}
.scroll .moreArrow,
.scroll2 .moreArrow {background: url('../images/0/arrows.png') no-repeat -90px -5px; width: 5px; height: 5px; float: right; margin: 24px 0 0 5px}
/* ARROWS END */
.columns {background: url('../images/0/columns_bg.jpg') repeat-y top center; width: 1000px; height: auto;
padding: 10px 0 0 0;
overflow: hidden; margin-left: auto; margin-right: auto; text-align: center; clear: both}
/* The values below need to assume that certain combinations add up to 1000px - 20px (980px) - including 10px padding between them */
.columns .column {text-align: left; min-height: 20px} /* ALL COLUMNS ARE GIVEN THIS CLASS TO START THE DRAGGABILITY FUNCTION */
.columns .column_tiny {float: left; width: 190px; padding: 0 5px 0 5px}
.columns .column_small {float: left; width: 320px; padding: 0 5px 0 5px}
.columns .column_medium {float: left; width: 420px; padding: 0 5px 0 5px}
.columns .column_mediumer {float: left; width: 550px; padding: 0 5px 0 5px}
.columns .column_larger {float: left; width: 620px; padding: 0 5px 0 5px}
.columns .column_large {float: left; width: 750px; padding: 0 5px 0 5px}
.columns .column_full {float: left; width: 950px; padding: 0 5px 0 5px; margin: 0 0 10px 0}
.columns .column_split {float: left; width: 470px; padding: 0 5px 0 5px}
.columns .column_quad {float: left; width: 230px; padding: 0 5px 0 5px}
.columns .leftSpacer {width: 20px; float: left}
.columns .column_centered {margin-left: auto; margin-right: auto; float: none} /* INTENDED FOR SMALLER (OLD) TITLES WITH ONLY ONE SMALL ELEMENT OF CONTENT */
.columns .element {margin: 0 0 10px 0}
.columns .elementNoDrag {margin: 0 0 10px 0}
.columns .element_full {width: 100%; float: none}
.columns .element_half {width: 50%; float: left}
/* Dragging (sorting) styles */
.sortHelper {border: 3px dashed #AAA; width: auto !important}
.groupItem {margin-bottom: 0}
.sortablehover {} /* THE AREA OF THE COLUMN TO WHICH THE NEW ITEM IS BEING DRAGGED */
.elementHeaderIcon {position: absolute; width: 36px; height: 36px; margin-top: 8px;
background-image:url('../images/icons/icon-sprite.png');background-repeat:no-repeat}
.elementHeaderIcon.hi_Menu {background-position:-134px 0;width:28px;margin: 8px 4px 0 4px}
.elementHeaderIcon.hi_Forum {background-position:-101px 0;width:33px;margin-right:3px}
.elementHeaderIcon.hi_Blog {background-position:-66px 0;width:35px;margin: 6px 1px 0 0}
.elementHeaderIcon.hi_Screen {background-position:-162px 0;width:31px;margin: 9px 5px 0 0}
.elementHeaderIcon.hi_Support {background-position: -193px 0; width:34px;margin: 7px 2px 0 0}
.elementHeaderIcon.hi_Videos {background-position:-261px 0; margin: 6px 1px 0 0; width:35px}
.elementHeaderIcon.hi_Twitter {background-position: -227px 0;width:34px;margin-right:2px}
.elementHeaderIcon.hi_None {background-image:none;}
.elementHeaderDrag {background: transparent url('../images/0/element_topright.png') no-repeat scroll top right;
color: #EAC350; display: block; float: left; font-weight: bold; width: 100%;
height: 47px; text-decoration: none; cursor: move; padding: 0 2px 0 0; overflow: hidden}
/* The padding above and the margin below need to add up to the width of the right image (9px) */
.elementHeaderDrag .elementHeaderChild {background: transparent url('../images/0/element_topleft.png') no-repeat;
display: block; line-height: 47px; padding: 0 0 0 7px;
margin: 0 7px 0 0}
.elementHeaderDrag .elementHeaderMerge {float: right}
.elementHeaderDrag .removeIcon {width: 36px; height: 36px; float: right; background: url('../images/icons/icon-sprite.png') no-repeat -296px 0;
margin: 7px 0 0 0; display: none;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0}
.elementHeaderDrag .customiseIcon {width: 36px; height: 36px; float: right; background: url('../images/icons/icon-sprite.png') no-repeat 0 0;
margin: 7px 5px 0 0; display: none;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0}
.elementHeaderDrag .customIcon {width: 30px; height: 33px; float: right; background: url('../images/icons/icon-sprite.png') no-repeat -36px 0;
margin: 10px 5px 0 0; display: none;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0}
.elementHeaderDrag .elementHeaderChild a {color: #FFF; text-decoration: none}
.elementSettings {background: #FFF; color: #000}
.elementSettings .elementSetting {width: 100%; padding: 5px 0 0 0}
.elementSettings .elementSetting .settingName {width: 35%; float: left; font-weight: bold;
text-align: right; padding: 3px 10px 0 0}
.elementSettings .elementSetting .settingValue {width: 55%; float: left}
.elementSettings .elementSetting input[type='text'] {font-size: 8pt; width: 100px}
.elementSettings .settingSubmit {width: 100%}
.elementSettings .settingSubmit input[type='button'] {font-size: 8pt; float: right}
.elementSettings .settingSubmit div {float: left; padding: 4px}
.elementHeader {background: transparent url('../images/0/element_topright.png') no-repeat scroll top right;
color: #FFF; display: block; float: left; font-weight: bold; width: 100%;
height: 47px; text-decoration: none; padding: 0 3px 0 0}
/* The padding above and the margin below need to add up to the width of the right image (9px) */
.elementHeader .elementHeaderChild {background: transparent url('../images/0/element_topleft.png') no-repeat;
display: block; line-height: 47px; padding: 0 0 0 7px; margin: 0 6px 0 0; height: 47px}
.elementHeader .elementHeaderMerge {display: none}
.elementHeader span a {color: #FFF}
.elementContent {clear: both; width: 100%; border-right: 1px solid #5E5E5E; border-left: 1px solid #5E5E5E;
background: #2C3339 url('../images/0/element_middlebg.jpg') repeat-x bottom; height: auto}
.elementContent .elementContentChild {display: block; color: #FFF}
.elementContent_leftnav {border: 0}
.elementFooter {clear: both; width: 100%; border-right: 1px solid #3a3f43;
background: url('../images/0/element_bottombg.gif') repeat-x; height: 21px;
border-bottom: 1px solid #ffbc24; padding: 0 1px 0 0}
.elementFooter .elementFooterChild {border-left: 1px solid #3a3f43; display: block; margin: 0;
height: 18px; padding: 3px 3px 0 0; text-align: right; font-size: 7pt;
color: #F2CD58}
.elementFooter .elementFooterChild .elementFooterMerge {float: right; display: none}
.elementFooter .elementFooterChild .theContent {}
.elementFooter .elementFooterChild .theContent a {float: right}
.elementFooter a:link,
.elementFooter a:visited,
.elementFooter a:active,
.elementFooter a:hover {color: #cdcdcd; text-decoration: none; font-size: 7pt}
.elementFooter a:hover {color: #FFF; text-decoration: underline}
span.normalHeading_0 {font-size: 10pt; color: #f9d055; text-align: center; font-weight: bold;
padding: 0 0 0 39px; text-align: left; margin: auto; height: 47px}
/*.sifrHeading_0 {font-size: 10pt; color: #f9d055; text-align: left; font-weight: bold;
padding-right: 40px; padding-left: 36px; height: 47px; text-align: left; background: Red}
.sifrHeading_0 .sIFR-flash {margin: 0; padding: 0; margin-right: auto}*/
.sifrHeading_0 {font-size: 10pt; color: #fff; text-align: center; font-weight: bold; height: 47px; padding: 8px 0 0 40px}
.sifrHeading_3 {padding: 7px 0 0 0}
.sifrHeading_4 {padding: 8px 0 0 40px}
.sifrHeading_5 {padding: 8px 0 0 40px}
.sifrHeading_6 {padding: 8px 0 0 40px}
.sifrHeading_7 {padding: 8px 0 0 40px}
.topOfContentLine {display: none} /* This is used in Nawaz's element skin */
/* This also uses the scroll class but this extra class hides on page load untill you atcualy search */
.home-search { display:none; }
.home-search .elementHeader .elementHeaderChild .sifrHeading_0 { background: url('../images/0/searchResults_txt.png') no-repeat 0 7px; } /* flash header doesnt work as starts off hidden so implement ourself */
#searchResults { text-align:left; color:#fff; margin-left:20px; position:relative; }
#searchResults .searchResult { margin-bottom:10px; }
#searchResults a { color:#f4cb57; text-decoration:none; font-size:9pt; }
#searchResults a:hover { color:#f4cb57; text-decoration:underline; }
#searchResults .link { color:#94bacd; }
#searchPagingContainer { width:240px; margin:auto auto -33px; }
#searchNumResultsContainer { position:absolute; top:-49px; right:20px; color:#000; }
/* Search results header for translations */
.tw_French .home-search .elementHeader .elementHeaderChild .sifrHeading_0 {background: url("../images/0/search-results-fr.png") no-repeat scroll 0 7px transparent;}
/* THIS IS SANDY'S SPECIAL SCROLL HEADER (ONLY FOR NEWS ELEMENTS) */
.scroll .elementHeader {background: transparent url('../images/0/scroll_topright.png') no-repeat scroll top right;
color: #000; display: block; float: left; font-weight: bold; width: 100%;
height: 60px; text-decoration: none; padding: 0}
.scroll .elementHeader .elementHeaderChild {background: transparent url('../images/0/scroll_topleft.png') no-repeat;
display: block; line-height: 35px; padding: 0 0 25px 22px; margin: 0 37px 0 0}
.scroll .elementHeader .elementHeaderMerge {background: url('../images/0/scroll_topmerge.png') no-repeat;
float: right; width: 37px; display: block}
.scroll .elementHeader .elementHeaderChild a {color: #FFF}
.scroll .elementContent {background: transparent url('../images/0/scroll_middleright.png') repeat-y scroll top right;
color: #000; display: block; font-weight: normal; width: 100%; border: 0;
text-decoration: none}
.scroll .elementContent .elementContentChild {background: transparent url('../images/0/scroll_middleleft.png') repeat-y;
display: block; margin: 0 22px 0 0; padding: 0 0 0 20px;
border: 0}
.scroll .elementFooter {background: transparent url('../images/0/scroll_bottomright.png') no-repeat scroll top right;
color: #000; display: block; float: left; font-weight: bold; width: 100%;
height: 49px; text-decoration: none; padding: 0; border: 0; margin: 0 0 5px 0}
/* The padding above and the margin below need to add up to the width of the right image (9px) */
.scroll .elementFooter .elementFooterChild {background: transparent url('../images/0/scroll_bottomleft.png') no-repeat;
display: block; padding: 0 0 31px 0; line-height: 47px; margin: 0 107px 0 0; border-left: 0}
.scroll .elementFooter .elementFooterChild .elementFooterMerge {background: url('../images/0/scroll_bottommerge.png') no-repeat;
float: right; width: 49px; display: block}
.scroll .elementFooter .elementFooterChild .theContent {position: relative; left: 120px; color: #000; text-align: right}
.scroll .elementFooter .elementFooterChild .theContent a {font-size: 7pt}
.scroll .elementFooter a:link,
.scroll .elementFooter a:visited,
.scroll .elementFooter a:active,
.scroll .elementFooter a:hover {color: #000; text-decoration: none; font-size: 7pt}
.scroll .elementFooter a:hover {color: #000; text-decoration: underline}
.scroll .elementHeader .elementHeaderChild .sifrHeading_0 {margin-left: 50px; margin-right: 50px; padding: 7px 0 0 0}
.elementHeader .elementHeaderChild .sifrHeading_0 {padding-top: 10px}
/* THIS IS SANDY'S SPECIAL SCROLL HEADER (ONLY FOR NEWS ELEMENTS) */
/* THIS IS NAWAZ'S SPECIAL SCROLL HEADER (ONLY FOR NEWS ELEMENTS) */
.scroll2 .elementContent {background: transparent url('../images/0/scroll2_middleright.png') repeat-y scroll top right;
color: #000; display: block; font-weight: normal; width: 100%; border: 0;
text-decoration: none}
.scroll2 .elementContent .elementContentChild {background: transparent url('../images/0/scroll2_middleleft.png') repeat-y;
display: block; margin: -20px 21px 0 0; padding: 0 0 0 21px;
border: 0}
.scroll2 .elementFooter {background: transparent url('../images/0/scroll2_bottomright.png') no-repeat scroll top right;
color: #000; display: block; float: left; font-weight: bold; width: 100%;
height: 47px; text-decoration: none; padding: 0; border: 0; margin: 0 0 5px 0}
.scroll2 .elementFooter .elementFooterChild {background: transparent url('../images/0/scroll2_bottomleft.png') no-repeat;
display: block; padding: 0 0 27px 20px; line-height: 47px;
margin: 0 20px 0 0; border: 0; color: #830100}
.scroll2 .elementFooter .elementFooterChild .elementFooterMerge {display: none}
.scroll2 .customContentContent {color: #000; padding-top: 10px}
.scroll2 .newsStoryContent .newsDate {color: #942C00; font-weight: bold}
.scroll2 .newsStoryContent .newsHeading {color: #471500; font-size: 10pt; font-weight: bold; text-decoration: underline}
.scroll2 .newsStoryContent .newsContent {color: #000}
.scroll2 .newsStoryContent .newsContent a:link,
.scroll2 .newsStoryContent .newsContent a:active,
.scroll2 .newsStoryContent .newsContent a:visited {color: #471500; font-weight: bold; text-decoration: underline}
.scroll2 .newsStoryContent .newsContent a:hover {color: #471500; text-decoration: none}
/* NAWAZ! */
.columns .column_tiny .scroll2 .elementFooter {background: transparent url('../images/0/scroll2_bottomright_2.png') no-repeat scroll top right}
.columns .column_tiny .scroll2 .elementContent {background: transparent url('../images/0/scroll2_middleright_2.png') repeat-y scroll top right}
.columns .column_small .scroll2 .elementFooter {background: transparent url('../images/0/scroll2_bottomright_2.png') no-repeat scroll top right}
.columns .column_small .scroll2 .elementContent {background: transparent url('../images/0/scroll2_middleright_2.png') repeat-y scroll top right}
.columns .column_medium .scroll2 .elementFooter {background: transparent url('../images/0/scroll2_bottomright_2.png') no-repeat scroll top right}
.columns .column_medium .scroll2 .elementContent {background: transparent url('../images/0/scroll2_middleright_2.png') repeat-y scroll top right}
.columns .column_mediumer .scroll2 .elementFooter {background: transparent url('../images/0/scroll2_bottomright_2.png') no-repeat scroll top right}
.columns .column_mediumer .scroll2 .elementContent {background: transparent url('../images/0/scroll2_middleright_2.png') repeat-y scroll top right}
.columns .column_split .scroll2 .elementFooter {background: transparent url('../images/0/scroll2_bottomright_2.png') no-repeat scroll top right}
.columns .column_split .scroll2 .elementContent {background: transparent url('../images/0/scroll2_middleright_2.png') repeat-y scroll top right}
.columns .column_quad .scroll2 .elementFooter {background: transparent url('../images/0/scroll2_bottomright_2.png') no-repeat scroll top right}
.columns .column_quad .scroll2 .elementContent {background: transparent url('../images/0/scroll2_middleright_2.png') repeat-y scroll top right}
.scroll2 .elementFooter a:link,
.scroll2 .elementFooter a:visited,
.scroll2 .elementFooter a:active,
.scroll2 .elementFooter a:hover {color: #000; text-decoration: none; font-size: 7pt}
.scroll2 .elementFooter a:hover {color: #000; text-decoration: underline}
.scroll2 h2.sifrHeading_0 {color: #000000; text-align: center; margin: 0 0 0 50px}
.scroll2 h2.sifrHeading_0 .sIFR-flash {margin: 9px 0 0 0}
.scroll2 .elementContent {width: 100%}
.scroll2 .elementContent .elementContentChild {padding: 0}
.scroll2 .customContentContent {padding: 10px 0 0 15px}
.scroll2 .topOfContentLine {display: block; width: 100%; height: 20px; margin: 20px 0 0 1px; padding: 0 0 0 21px; background: url('../images/0/scroll2_middlerepeat.png') no-repeat}
/*.scroll2 .elementContent_custom_content .topOfContentLine {display: block; width: 100%; height: 20px; margin: 20px 0 0 -19px; padding: 0 0 0 41px; background: url('../images/0/scroll2_middlerepeat.png') no-repeat}*/
/* THIS IS NAWAZ'S SPECIAL SCROLL HEADER (ONLY FOR NEWS ELEMENTS) */
/* WAR ROOM ELEMENT START */
.warroom .elementHeader,
.warroom .elementHeaderDrag {background: transparent url('../images/0/warroom_topright.png') no-repeat scroll top right;
color: #000; display: block; float: left; font-weight: bold; width: 100%;
height: 48px; text-decoration: none; padding: 0}
.warroom .elementHeader .elementHeaderChild,
.warroom .elementHeaderDrag .elementHeaderChild {background: transparent url('../images/0/warroom_topleft.png') no-repeat;
display: block; line-height: 43px; padding: 0 0 5px 10px;
margin: 0 9px 0 0}
.warroom .elementContent {background: #2a343c url('../images/warroom/element_middlebg.jpg') repeat-x bottom; height: auto}
.warroom .normalHeading_0 {padding: 8px 0 0 0}
.warroom .sifrHeading_0 {padding: 8px 0 0 0}
.warroom .sifrHeading_3 {padding: 7px 0 0 0}
.warroom .sifrHeading_4 {padding: 8px 0 0 0}
.warroom .sifrHeading_5 {padding: 8px 0 0 0}
.warroom .sifrHeading_6 {padding: 8px 0 0 0}
.warroom .sifrHeading_7 {padding: 8px 0 0 0}
.warroom_empire .elementHeader,
.warroom_empire .elementHeaderDrag {background: transparent url('../images/1/element_topright.png') no-repeat scroll top right;
color: #000; display: block; float: left; font-weight: bold; width: 100%;
height: 48px; text-decoration: none; padding: 0}
.warroom_empire .elementHeader .elementHeaderChild,
.warroom_empire .elementHeaderDrag .elementHeaderChild {background: transparent url('../images/1/element_topleft.png') no-repeat;
display: block; line-height: 43px; padding: 0 0 5px 10px;
margin: 0 9px 0 0}
.warroom_empire .elementContent {background: #472701 url('../images/warroom/element_middlebg_empire.jpg') repeat-x bottom; height: auto}
.warroom_empire .normalHeading_0 {padding: 8px 0 0 0}
.warroom_empire .sifrHeading_0 {padding: 8px 0 0 0}
.warroom_napoleon .elementHeader,
.warroom_napoleon .elementHeaderDrag {background: transparent url('../images/2/element_topright.png') no-repeat scroll top right;
color: #000; display: block; float: left; font-weight: bold; width: 100%;
height: 48px; text-decoration: none; padding: 0}
.warroom_napoleon .elementHeader .elementHeaderChild,
.warroom_napoleon .elementHeaderDrag .elementHeaderChild {background: transparent url('../images/2/element_topleft.png') no-repeat;
display: block; line-height: 43px; padding: 0 0 5px 10px;
margin: 0 9px 0 0}
.warroom_napoleon .elementContent {background: #1A1F23 url('../images/warroom/element_middlebg_napoleon.jpg') repeat-x bottom; height: auto}
.warroom_napoleon .normalHeading_0 {padding: 8px 0 0 0}
.warroom_napoleon .sifrHeading_0 {padding: 8px 0 0 0}
.warroom_shogun2 .elementHeader,
.warroom_shogun2 .elementHeaderDrag {background: transparent url('../images/3/element_topright.png') no-repeat scroll top right;
color: #000; display: block; float: left; font-weight: bold; width: 100%;
height: 48px; text-decoration: none; padding: 0}
.warroom_shogun2 .elementHeader .elementHeaderChild,
.warroom_shogun2 .elementHeaderDrag .elementHeaderChild {background: transparent url('../images/3/element_topleft.png') no-repeat;
display: block; line-height: 43px; padding: 0 0 5px 10px;
margin: 0 9px 0 0}
.warroom_shogun2 .elementContent {background: #191e24 url('../images/warroom/element_middlebg_shogun2.jpg') repeat-x bottom; height: auto}
.warroom_shogun2 .normalHeading_0 {padding: 8px 0 0 0}
.warroom_shogun2 .sifrHeading_0 {padding: 8px 0 0 0}
/* WAR ROOM ELEMENT END */
h1 {font-size: 10pt; margin: 3px 0 5px 3px}
h2 {font-size: 9pt; margin-top: 5px}
/* MAIN BODY CONTAINERS STYLES END */
/* SPECIFIC STYLES START */
.segapassProfile {border: 1px solid #000; color: #005CBA; margin: 0; padding: 3px; background: #FFF}
.element_preview {clear: both; background: #F33; padding: 2px}
.element_custom_content {clear: both; padding: 2px}
.noPreviewExists {color: #F00; font-size: 8pt; padding: 5px}
.achievementsArea .noPreviewExists {font-size: 8pt; padding: 15px; color: #FFF; font-weight: bold}
.statsArea .noPreviewExists {font-size: 8pt; padding: 15px; color: #FFF; font-weight: bold}
.element_screenshots {clear: both; padding: 16px 0 0 20px}
.screenshotThumb {width: 80px; height: 60px; float: left; margin: 0 16px 16px 0; background: #555 no-repeat center; border: 1px solid #000}
.element_videos {clear: both; padding: 16px 0 0 20px}
.videoThumb {width: 80px; height: 60px;float: left; margin: 0 16px 16px 0; background: #555 no-repeat center; border: 1px solid #000}
.element_screenshotplayer {
padding-top: 2px;
}
.element_videoplayer {
padding-top: 2px;
}
.element_nav {color: #000; padding: 0px}
.element_leftnav {color: #000; padding: 3px 0 0}
.element_news {color: #000; padding: 10px 0 0 7px}
.element_newsitem {color: #000; padding: 2px}
.element_press { color: #000; padding: 2px}
.element_support {color: #000; padding: 2px}
.element_forums {color: #000; padding: 2px}
.element_units {color: #FFF; padding: 2px}
.element_blogs {color: #000; padding: 2px}
.element_steam {color: #FFF; padding: 2px}
.element_profile {color: #FFF; padding: 2px}
.element_friends {color: #FFF; padding: 2px}
.element_login {color: #FFF; padding: 2px}
.element_twitter {color: #000; padding: 10px 0 0 7px}
.element_facebook {color: #FFF; padding: 10px 0 0 7px}
.element_facebook_like {color: #FFF; padding: 10px 0 0 7px}
.element_buzz {color: #FFF; padding: 10px 0 0 7px}
.element_redirect {padding: 5px; color: #FFF}
.element_leaving {padding: 5px; color: #FFF}
.element_leaving .button3 {margin: 15px 0 0 0}
.loginForm {padding: 2px}
.loginForm input[type='text'], .loginForm input[type='password'] {margin: 0 0 2px 0; font-size: 8pt}
.loginForm input[type='submit'] {font-size: 8pt}
.logoutForm {padding: 2px}
.logoutForm input[type='submit'] {font-size: 8pt}
/* SPECIFIC STYLES END */
/* MAIN BOTTOM STYLES START */
.mainBottom {width: 1000px; height: 190px; margin-left: auto; margin-right: auto}
.mainBottom .mainBottomArea {width: 995px; height: 190px; background: url('../images/0/mainBottom_bg.jpg') no-repeat top center; margin: 0 0 0 5px}
.mainBottom .mainBottomArea .mainBottomLinks {font-size: 9pt; color: #FFF; padding: 40px 0 0 25px}
.mainBottom .mainBottomArea .mainBottomLinks .linksArea {width: 190px; height: 125px; float: left; line-height: 1.5; border-right: 1px solid #3A3E41; margin: 0 10px 0 0}
.mainBottom .mainBottomArea .mainBottomLinks .linksAreaDoubleFirst {width: 160px; height: 125px; float: left; line-height: 1.5; margin: 0 10px 0 0}
.mainBottom .mainBottomArea .mainBottomLinks .linksAreaDoubleSecond {width: 160px; height: 125px; float: left; line-height: 1.5; border-right: 1px solid #3A3E41; margin: 0 10px 0 0}
.mainBottom a:link,
.mainBottom a:active,
.mainBottom a:visited {color: #FFF; text-decoration: none}
.mainBottom a:hover {text-decoration: underline}
/* MAIN BOTTOM STYLES END*/
/* COPYRIGHT AREA START */
.copyrightArea {width: 1000px; height: 100px; margin-left: auto; margin-right: auto}
.copyrightArea .companyLogos {width: 100%; height: 120px; text-align: center; padding: 10px 0 0 0}
.copyrightArea .companyLogos .esrbLogo {background: url('../images/logos/esrb_t.jpg') no-repeat; width: 211px; height: 98px; float: left; margin: 0 30px 0 180px}
.copyrightArea .companyLogos .esrb-rp-t {background: url('../images/logos/esrb_rp-t_descriptor2.jpg') no-repeat; width: 246px; height: 120px; float: left; margin: 0 30px 0 180px}
.copyrightArea .companyLogos .esrb-t {background: url('../images/logos/T-Rating_v2.jpg') no-repeat; width: 207px; height: 98px; float: left; margin: 0 30px 0 180px}
.copyrightArea .companyLogos .medieval-esrb {background: url('../images/logos/MedTW-ESRB.jpg') no-repeat; width: 211px; height: 98px; float: left; margin: 0 30px 0 180px}
.copyrightArea .companyLogos .medieval2-esrb {background: url('../images/logos/M2TW-ESRB.jpg') no-repeat; width: 211px; height: 98px; float: left; margin: 0 30px 0 180px}
.copyrightArea .companyLogos .shogun-esrb {background: url('../images/logos/ShogunTW-ESRB.jpg') no-repeat; width: 211px; height: 98px; float: left; margin: 0 30px 0 180px}
.copyrightArea .companyLogos .shogun2-esrb {background: url('../images/logos/shogun2-esrb.jpg') no-repeat; width: 180px; height: 90px; float: left; margin: 0 30px 0 180px}
.copyrightArea .companyLogos .oflcpg {background: url('../images/logos/oflc-pg.png') no-repeat; width: 63px; height: 60px; float: left; margin: 10px 30px 0 340px}
.copyrightArea .companyLogos .oflcpg.hidden {background: none; width: 1px}
.copyrightArea .companyLogos .oflcctc {background: url('../images/logos/oflc_ctc.gif') no-repeat; width: 151px; height: 52px; float: left; margin: 17px 30px 0 285px}
.copyrightArea .companyLogos .oflcctc.hidden {background: none; width: 1px}
.copyrightArea .companyLogos .usk12 {background: url('../images/logos/usk_12.png') no-repeat; width: 80px; height: 80px; float: left; margin: 10px 30px 0 340px}
.copyrightArea .companyLogos .esrbCertifiedLogo {background: url('../images/logos/privacy_certified-2008.gif') no-repeat; width: 144px; height: 53px; float: left; margin: 20px 30px 0 0}
.copyrightArea .companyLogos .pegiLogo {background: url('../images/logos/pegi_16_white.gif') no-repeat; width: 50px; height: 61px; float: left; margin: 15px 30px 0 340px}
.copyrightArea .companyLogos .segaLogo {background: url('../images/logos/sega.png') no-repeat; width: 105px; height: 35px; float: left; margin: 27px 0 0 30px}
.copyrightArea .companyLogos .caLogo {background: url('../images/logos/creative_assembly.png') no-repeat; width: 110px; height: 53px; float: left; margin: 20px 0 0 0}
.copyrightArea .copyrightText {font-size: 7pt; color: #FFF; padding: 10px 50px 10px 50px}
.copyrightArea .companyLogos .deflogopadding {width: 60px; height: 60px; float: left; margin: 10px 30px 0 280px}
/* COPYRIGHT AREA END */
/* MAIN TOP HEADER START */
.mainTopHeader {width: 1000px; height: 247px; margin-left: auto; margin-right: auto}
/* MAIN TOP HEADER END */
/* LEFT NAV STYLES START */
.leftNav {background: transparent url('../images/0/leftNav_bg.jpg') no-repeat scroll top center; padding: 0 10px 0 7px}
.leftNav .leftNavGroup {}
.leftNav .leftNavGroup:last-child {border-bottom: 1px solid #3A3F43}
.leftNav .leftNavGroup .leftNavParent {background: url('../images/0/leftNavParent_bg.png') repeat;
height: 22px; border-top: 1px solid #5b6164;
padding: 5px 0 0 10px; color: #f4cb57; font-size: 10pt;
font-weight: bold;}
.leftNav .leftNavGroup .leftNavParent.odd {}
.leftNav .leftNavGroup .leftNavParentIcon {background: url('../images/0/arrows.png') no-repeat -55px 0;
width: 19px; height: 19px; float: right; margin-right:5px}
.leftNav .leftNavGroup a {
display:block;
}
.leftNav .leftNavGroup a,
.leftNav .leftNavGroup a:link,
.leftNav .leftNavGroup a:active,
.leftNav .leftNavGroup a:visited,
.leftNav .leftNavGroup a:hover {outline:none;text-decoration:none;color:#F4CB57;}
.leftNav .leftNavGroup .leftNavChildren {}
.leftNav .leftNavGroup .leftNavChildren a {outline: none; text-decoration: none; color:#fff}
.leftNav .leftNavGroup .leftNavChildren a:hover .leftNavChild {color: #f4cb57}
.leftNav .leftNavGroup .leftNavChildren .leftNavChild {height: 17px; border-top: 1px solid #5b6164;
padding: 2px 0 0 14px; color: #FFF}
.leftNav .leftNavGroup .leftNavChildIcon {background: url('../images/0/arrows.png') no-repeat -17px 0;
width: 19px; height: 19px; float: left; margin: -2px 5px 0 0}
/* LEFT NAV STYLES END*/
/* NEWS LISTING START */
.newsFeed {overflow: hidden; padding: 0 10px 0 0}
.newsFeedScrollable {overflow: scroll; overflow-x: hidden; overflow-y: scroll; height: inherit; padding: 0 5px 0 0}
.extendedNewsItem {margin: 7px 0 7px 0; padding: 0 0 0 2px}
.extendedNewsItem .newsThumb_0 {float: left; width: 94px; height: 95px; text-align: center; background: url('../images/0/newsThumb.png') no-repeat top right; margin: 0 13px 0 0}
.extendedNewsItem .newsThumb_1 {float: left; width: 94px; height: 95px; text-align: center; background: url('../images/1/newsThumb.png') no-repeat top right; margin: 0 13px 0 0}
.extendedNewsItem .newsThumb_2 {float: left; width: 94px; height: 95px; text-align: center; background: url('../images/2/newsThumb.png') no-repeat top right; margin: 0 13px 0 0}
.extendedNewsItem .newsThumb_3 {float: left; width: 94px; height: 95px; text-align: center; background: url('../images/3/newsThumb.png') no-repeat top right; margin: 0 13px 0 0}
.extendedNewsItem .newsThumb_4 {float: left; width: 94px; height: 95px; text-align: center; background: url('../images/0/newsThumb.png') no-repeat top right; margin: 0 13px 0 0}
.extendedNewsItem .newsThumb_5 {float: left; width: 94px; height: 95px; text-align: center; background: url('../images/0/newsThumb.png') no-repeat top right; margin: 0 13px 0 0}
.extendedNewsItem .newsThumb_6 {float: left; width: 94px; height: 95px; text-align: center; background: url('../images/0/newsThumb.png') no-repeat top right; margin: 0 13px 0 0}
.extendedNewsItem .newsThumb {}
.extendedNewsItem .newsContent {height: 70px}
.extendedNewsItem .newsContent .newsDate {color: #94bacd}
.extendedNewsItem .newsContent .newsHeading {color: #f4cb57}
.extendedNewsItem .newsContent .newsSummary {color: #ffffff}
.extendedNewsItem .newsLink {float: right}
.extendedNewsItem a:link,
.extendedNewsItem a:active,
.extendedNewsItem a:visited {color: #f4cb57; text-decoration: underline}
.extendedNewsItem a:hover {text-decoration: none}
.newsBreak {width: 50%; height: 1px; clear: both; border-bottom: 1px dotted #000; margin-left: auto; margin-right: auto}
.socialFeed {margin: 0 15px 0 5px; overflow: hidden}
.socialFeedScrollable {overflow: scroll; overflow-x: hidden; overflow-y: scroll; height: inherit}
.simpleNewsItem {margin: 0 0 10px 0; padding: 0 5px 10px 0; border-bottom: 1px dotted #5e5e5e; background: url('../images/0/doubleArrow_yellow.png') no-repeat right center}
.simpleNewsItem .newsHeading {color: #FFF}
.simpleNewsItem .newsDate {color: #9b9a9a; font-size: 7.5pt}
.simpleNewsItem a:link, .simpleNewsItem a:active, .simpleNewsItem a:visited {text-decoration: none; color: #FFF}
.simpleNewsItem a:hover {text-decoration: underline; color: #94bacd}
/* NEWS LISTING END */
/* NEWS STORY STYLES START */
.newsStory {color: #FFF; overflow: hidden; padding: 0 10px 0 10px}
.newsStoryScrollable {overflow: scroll; overflow-x: hidden; overflow-y: scroll; height: inherit; padding: 0 5px 0 10px}
.newsStoryContent {}
.newsStoryContent .newsStoryImages {}
.newsStoryContent .newsStoryImages .newsStoryImage {width: 100px; height: 100px;
border: 1px solid #FFF; float: left;
margin: 0 5px 0 0}
.newsStoryContent .newsDate {color: #94bacd}
.newsStoryContent .newsHeading {color: #f4cb57}
.newsStoryContent .newsContent {color: #ffffff; margin: 15px 0 0 0}
.newsStoryContent .newsContent a:link,
.newsStoryContent .newsContent a:active,
.newsStoryContent .newsContent a:visited {color: #f4cb57; text-decoration: underline; font-weight: bold}
.newsStoryContent .newsContent a:hover {color: #94bacd; text-decoration: underline; font-weight: bold}
/* NEWS STORY STYLES END */
/* GAME INFO STYLES START */
.gameInfo {overflow: hidden;}
.gameInfoScrollable {overflow: scroll; overflow-x: hidden; overflow-y: scroll; height: inherit}
.gameInfoContent {color: #FFF; overflow: hidden; font-family: Tahoma; padding: 10px 15px;
color: #ffd; text-decoration: none; word-spacing: 0.15em;
text-align: left; letter-spacing: 0; line-height: 1.5em; font-size: 1.1em;
background-color: #191E24; margin-top: 2px;}
.gameInfoContent h1 {color: #94bacd; font-size: 10pt}
.gameInfoContent h2 {color: #f4cb57; font-size: 9pt}
.gameInfoContent h3 {color: #f4cb57; font-size: 8pt}
.gameInfoContent ul {margin: 0; padding: 0 0 0 15px; line-height: 1}
.gameInfoContent li {padding: 0; line-height: 1.2}
.gameInfoContent .newsContent a:link,
.gameInfoContent .newsContent a:active,
.gameInfoContent .newsContent a:visited {color: #f4cb57; text-decoration: underline; font-weight: bold}
.gameInfoContent .newsContent a:hover {color: #94bacd; text-decoration: underline; font-weight: bold}
.gi_i_l {float: left; clear: left; margin: 0 10px 0 0; padding: 5px 0 0 0}
.gi_i_r {float: right; clear: left; margin: 0 0 0 10px; padding: 5px 0 0 0}
.gi_i_c {margin: 10px auto 0 auto}
.gameInfo .buy-now-pack-info {float:left; width:210px; text-align:center;}
.gameInfo .buy-now-pack-info p {margin:0; padding:0;}
.gameInfo .packshot {float:left; border:1px solid #000;}
.gameInfo a.buy-now-button {display:inline-block; margin-top:20px;}
/* GAME INFO STYLES END */
/* SHARE AREA (SHAREA) START */
.sharea {float: right; margin: 20px 10px 0 0; width: 230px; height: 52px; background: url('../images/0/social_bg.png') no-repeat top center; padding: 12px 0 0 0}
.sharea .facebookShare {float: left; margin: 0 15px 0 40px}
.sharea .twitterShare {float: left; margin: 2px 0 0 0}
/* SHARE AREA (SHAREA) END */
/* TWITTER / FACEBOOK / BUZZ FEED AREA START */
.socialFeed {margin: 0 15px 0 5px; overflow: hidden}
.socialFeedScrollable {overflow: scroll; overflow-x: hidden; overflow-y: scroll; height: inherit}
.socialItem {margin: 0 0 10px 0; padding: 0 5px 10px 0; border-bottom: 1px dotted #5e5e5e}
.socialItem .socialHeading {font-weight: bold; margin: 0 0 5px 0}
.socialItem .twitterName {color: #94bacd}
.socialItem .content {color: #FFF}
.socialItem .date {color: #9b9a9a; font-size: 7.5pt}
.socialItem a:link, .socialItem a:active, .socialItem a:visited {text-decoration: none; color: #94bacd}
.socialItem a:hover {text-decoration: underline; color: #94bacd}
.twitterLogo {width: 97px; height: 20px; margin: 15px auto 18px auto;
background: url('../images/icons/icon-sprite.png') no-repeat 0 -36px}
.twitter-legal {display:block; font-size:10px; margin:0; padding:3px; text-align:center; width:160px;}
/* TWITTER / FACEBOOK / BUZZ FEED AREA END */
/* CUSTOM CONTENT AREA START */
.customContent {width: 100%}
.customContentScrollable {width: 100%; overflow: scroll; overflow-x: hidden; overflow-y: scroll; height: inherit}
.customContentContent {width: 100%; color: #FFF; font-size: 8pt; overflow: hidden}
.customContentContent h1 {font-weight: bold; font-size: 14pt}
.customContentContent h2 {font-weight: bold; font-size: 12pt}
.customContentContent h3 {font-weight: bold; font-size: 10pt}
.markItUpContainer {background: #FFF; overflow: hidden}
.customContentContent textarea {width: 100%; height: 300px; font-family: Tahoma; font-size: 8pt;
color: #000}
.customContentContent div.markItUp {width: 100%}
.customContentContent textarea.markItUpEditor {width: 100%}
.customContentResult {width: 100%; padding: 5px; background: #72AB00; margin: 0 0 5px 0;
font-weight: bold}
/* CUSTOM CONTENT AREA END */
/* MEDIA PUSHER */
div.elementContent_mediapusher {background: none repeat scroll 0 0 #191E22;}
#media-pusher { position: relative}
#media-pusher #flash-holder {float:left; top:-3px; height:344px; width: 613px; margin-left:4px;background:#000000;}
#media-pusher #flash-holder #jsPlayer { height: 344px; width: 613px;}
#media-pusher #media-links-holder {float:right; width:333px; background-color:#000;}
#media-pusher #media-links {position:absolute; width:333px; padding:0; margin:0; list-style:none;}
#media-pusher #media-links li {margin:0 5px 0 0;}
#media-pusher #media-links a {display:block; height:67px; background-image:url('../images/0/pusher_btns_all.png'); color:#fff; text-decoration:none; padding:9px 0;}
#media-pusher #media-links a.top {background-position:-330px 0px; margin-bottom:2px;}
#media-pusher #media-links a.top:hover, #media-pusher ul#media-links a.top.on {background-position:0px 0px;}
#media-pusher #media-links a.middle {background-position:-330px -87px; margin-top:1px;}
#media-pusher #media-links a.middle:hover, #media-pusher ul#media-links a.middle.on {background-position:0px -87px;}
#media-pusher #media-links a.bottom {background-position:-330px -172px; margin-top:1px;}
#media-pusher #media-links a.bottom:hover, #media-pusher ul#media-links a.bottom.on {background-position:0px -172px;}
#media-pusher #media-links span.image-border {float:left; margin:0 10px;}
#media-pusher #media-links a span.image-border {border:1px solid #000}
#media-pusher #media-links a.on span.image-border {border:1px solid #f6c858}
#media-pusher #media-links img {display:block;}
#media-pusher #media-links p {color:#fff; padding:0; margin:0;}
/* END MEDIA PUSHER */
/* VIDEO PLAYER */
#video-player #flash-holder {overflow:hidden; margin-left:4px;}
#video-player #hdFlash {background-color:#000;}
#video-player a, #video-player #tab-content a, #tab-content td {border:0; padding:0; margin:0;}
#video-player p {color:#fff; padding:0; margin:0;}
#video-player .blank-image {padding:0; margin:0; width:150px; height:90px; /*background-color:#000; border:1px solid #6f4c26;*/}
#video-player #tabs {width:100%; background:#101518 url('../images/0/mediaBarBg.jpg') no-repeat 3px top; text-align:center; padding-top:3px; min-height:150px;}
#video-player #left-tab-bar {width:25%; float:left;}
#video-player #right-tab-bar {width:24%; float:left;}
#video-player #centre-tab-bar {width:50%; display:inline; float:left; text-align:center;}
#video-player #game-dropdown {float:right; border:1px solid #3a3f43; background-color:#1d2124; padding:3px 3px 3px 10px; margin:5px 15px 0 0; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;}
#video-player #game-dropdown a.dd-button {text-decoration:none; color:#fff; margin:0;}
#video-player #game-dropdown.on a.dd-button {color:#f6c858;}
#video-player #game-dropdown a.dd-button span.arrow {margin-left:10px;display:inline-block; vertical-align:middle;background:url('../images/0/arrows.png') no-repeat 0 -18px;height:18px;width:17px;}
#video-player #game-dropdown.on a.dd-button span.arrow {background-position:0 2px;}
#video-player #game-dropdown a.dd-button:hover {color:#f6c858;}
#video-player #game-dropdown-content {position:relative; display:none;}
#video-player #game-dropdown-content ul {position:absolute; right:-4px; top:3px; width:200px; z-index:1000; list-style-type:none; border:1px solid #3a3f43; background-color:#1d2124; margin:0; padding:5px 0; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; text-align:left;}
#video-player #game-dropdown-content ul li {padding:3px 0 3px 10px;}
#video-player #game-dropdown-content ul li span {background:url('../images/0/arrows.png') no-repeat -17px 0;display:inline-block;vertical-align:middle;height:17px;width:14px;padding-right:10px}
#video-player #game-dropdown-content ul li a {color:#fff; text-decoration:none;}
#video-player #game-dropdown-content ul li a:hover, #video-player #game-dropdown-content ul li a.on:hover {color:#f6c858; text-decoration:none;}
#video-player #tab-content-wrapper {clear:both; padding-bottom:10px;}
#video-player #tab-content td {padding:3px;}
#video-player #tab-content a {position:relative; display: block;}
#video-player #tab-content a img {border:1px solid #6f4c26; padding:0; margin:0; display:block;}
#video-player #tab-content td.prevTableButton img, #video-player #tab-content td.nextTableButton img {border:0;}
#video-player #tab-content a div.image-border {border:1px solid #101518;}
#video-player #tab-content a div.image-border.on {border:1px solid #f6c858;}
#video-player #tab-content a div[id^="item-thumb-"] {background:#fff;}
#video-player #tab-content a span.title {display:none; background:#e9d4a5; padding:10px;}
#video-player #tab-content a:hover span.title {display:block; position:absolute; top:100px; left:-50px; z-index:10; width:20em; border:1px solid #000; color:#000; text-align: center}
#video-player .prevTableButton {width:30px;}
#video-player .nextTableButton {width:30px;}
#video-player #bottom-bar {width:100%; height:36px; background:url('../images/0/mediaBtmBarBg.jpg') no-repeat 3px top; padding-top:10px; text-align:right;}
#video-player #page-select {
zoom:1;
display:inline;
background:#101518;
text-align:center;
/*
padding:2px 0 4px 0;
margin-right:20px;
*/
float: right;
padding-top: 2px;
/**/
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#video-player .page-margin-right {
width: 20px;
display: block;
float: right;
}
#video-player #page-select a {color:#fff; text-decoration:none; padding:0 2px;}
#video-player #page-select a.mp-prev-page {display:inline-block; margin-right:15px; height:17px; width:17px; background:url('../images/0/arrows.png') no-repeat -36px -2px;}
#video-player #page-select a.mp-next-page {display:inline-block; margin-left:15px; height:17px; width:17px; background:url('../images/0/arrows.png') no-repeat -17px -2px;}
#video-player #page-select a img {vertical-align:middle; border:0; display:inline;}
#video-player #page-select a:active, #video-player #page-select a.on {color:#f6c858; font-weight:bold;}
.ui-tabs-nav {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; display:inline;}
.ui-tabs-nav ul {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;}
.ui-tabs-nav li {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; display:inline;}
.ui-tabs-nav li a:hover {}
.ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs-panel {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; clear:left; background-color:#101518;}
.ui-tabs-hide {display: none;}
/* END VIDEO PLAYER */
/* BUY NOW PAGE */
#buynow {padding:0 4px 6px 4px; background:url('../images/buynow/buynow3_poster.jpg') no-repeat 230px top;}
#buyNowOverlay {margin-left:226px; z-index:1; background: url('../images/0/buynow_Overlay.png') repeat; position: absolute; width:508px; height:600px; display: none}
#buynow #games-list {float:left; list-style:none; padding:0; margin:6px 0 0 1px;}
#buynow #games-list-items {display:inline-block; width:228px; clear:both}
#buynow #games-list-items .vertical-border {float:right; height:100%; margin:5px 0; background:url('../images/0/buyNow_dottedLine_vertical.gif') repeat-y top left;}
#buynow #games-list-items .main-game {display:block; height:44px; width:217px; background:url('../images/0/buyNow_btnOff.png') no-repeat top left; padding-bottom:10px;}
#buynow #games-list-items .main-game:hover, #buynow #games-list-items .main-game.on {background:url('../images/0/buyNow_btnOn.png') no-repeat top left;}
#buynow #games-list-items .main-game a {display:block; width:217px; height:44px}
#buynow #games-list-items .main-game a img {margin-top:5px;}
#buynow #games-list-items .main-game a span {width:170px; display:inline-block; text-align:center; margin-left:15px;}
#buynow #games-list-items .main-game a span.arrow {background:url('../images/0/arrows.png') no-repeat -74px -17px;display:inline-block;height:20px;width:22px;;margin:0 0 6px 0}
#buynow #games-list-items .game-type {display:block; height:45px; width:217px; padding-bottom:10px;}
#buynow #games-list-items .game-type:hover, #buynow #games-list-items .game-type.on {background:url('../images/0/buyNow_btnRollOver.png') no-repeat top left;}
#buynow #games-list-items .game-type a {display:block; width:217px; height:44px; text-decoration:none; color:#fff;}
#buynow #games-list-items .game-type a span {display:inline-block; margin-top:15px; width:190px; text-align:center; cursor:pointer;}
#buynow #games-list-items .game-type a span.arrow {background:url('../images/0/arrows.png') no-repeat -74px 0; margin:0; height:17px; width:16px;vertical-align:middle}
#buynow #games-list-items .game-type:hover a span, #buynow #games-list-items .game-type.on a span {color:#eacb5f;}
#buynow #games-list-items .separator {display:block; width:207px; height:1px; font-size:1px; line-height:1px; margin:5px; background:url('../images/0/buyNow_dottedLine_horizontal.gif') no-repeat top left; }
#buynow #game-editions {float:right; width:507px; min-height:367px;}
#buynow #game-editions .game-edition {display:none; float:left; width:217px; height:132px; margin:10px 0 0 10px; background:url('../images/0/buynow_titleBg.png') no-repeat top left; background-position:0 -133px;}
#buynow #game-editions .game-edition a {zoom:1; text-decoration:none; display:block;}
#buynow #game-editions .game-edition:hover, #buynow #game-editions .game-edition.on {background-position:0 0; cursor:pointer;}
#buynow #game-editions .game-edition img.packshot {float:left; margin:11px 0 0 5px; border:1px solid #000;}
#buynow #game-editions .game-edition .details {float:right; width:120px; overflow:hidden; margin:10px 4px; text-align:left;}
#buynow #game-editions .game-edition .details .game-name {color:#eacb5f; font-weight:bold;}
#buynow #game-editions .game-edition .details .logo {margin-bottom:15px;}
#buynow #game-editions .game-edition .details .more-info {margin:15px 5px; color:#fff; text-align:center; font-weight:bold;}
#buynow #game-editions .game-edition .details .more-info:hover {text-decoration:underline;}
#buynow #retailers {clear:both; position:relative; padding-bottom:20px; background:url("../images/0/element_middlebg.jpg") repeat-x scroll center bottom #2C3339; z-index:2; min-height:150px;}
#buynow #retailers .title {background:url('../images/0/buyNowRetailerBg.jpg') no-repeat top left; text-align:center; padding:5px; font-size:1.7em;color:#eacb5f; font-family: Tahoma;}
#buynow #boxed-game {float:left; margin-left:3px; width:50%;}
#buynow #digital-download {float:left; width:49%;}
#buynow #boxed-game .country-list {margin-right:1px;}
#buynow #digital-download .country-list {margin-left:1px;}
#buynow #retailers .header {background:#485659; padding:5px; font-size:1.3em; font-weight: bold; color:#eacb5f; text-align:center; font-family: Tahoma; margin:3px 0;}
#buynow #retailers .country {clear:both;}
#buynow #retailers .country a.accordian {zoom:1; background:#383f45; width:100%; padding:2px 0 0 0; display:inline-block; font-size:1.0em; color:#fff; font-weight:bold; text-align:left; font-family: Tahoma; text-decoration:none;}
#buynow #retailers .country a.accordian span.country-name {float:left;}
#buynow #retailers .country .toggle {float:right; margin:0 3px 1px 0;}
#buynow #retailers .retailer-status {font-size:1.0em; color:#fff; font-weight:bold; text-align:center; font-family: Tahoma;}
#buynow #retailers img.flag {float:left; margin:2px 10px 0 15px;}
#buynow #retailers .retailer-list {display:none; margin:10px 0; background:url('../images/0/buyNow_dottedLine_vertical.gif') repeat-y top right;}
#buynow #digital-download .retailer-list {background:url('../images/0/buyNow_dottedLine_vertical.gif') repeat-y top left;}
#buynow #retailers .retailer-link {margin:3px 5px 0 10px;}
#buynow #retailers div.retailer-link {display:block; float:left; position:relative; left:48%;}
#buynow #retailers a.retailer-logo {display: block; padding: 0 0 3px 3px; background:url('../images/preorder/retailer_bg_left.jpg') top left no-repeat; position:relative; right:50%;}
#buynow #retailers a.retailer-logo span {background:url('../images/preorder/retailer_bg_right.jpg') top right no-repeat; display: block; padding: 2px 3px 0 0;}
#buynow #retailers a.retailer-logo span img {border:0;}
#buynow #retailers .retailer {margin:3px 5px 20px 10px; text-align:center;}
#buynow #retailers .retailer a {text-decoration:none; color:#eacb5f; font-weight:bold;}
#buynow #retailers a.retailer-logo {display: block; padding: 0 0 5px 3px; background:url('../images/0/retailer_bg_left.jpg') top left no-repeat;}
#buynow #retailers a.retailer-logo span {background:url('../images/0/retailer_bg_right.jpg') top right no-repeat; display: block; padding: 2px 3px 2px 0;}
#buynow #retailers a.retailer-logo span img {border:0;}
#buynow #retailers .retailer span.unit-type {color:#fff; padding:3px 10px 30px 0;}
#game-editions-wrapper {width:496px; clear:both; margin-left:16px; z-index: 2; position: absolute; min-height:485px;}
.scrollableArea {overflow: scroll; overflow-x: hidden; overflow-y: scroll}
/* test */
#buynow #game-editions {float:none; margin-left: 226px;}
/* end test*/
/* END BUY NOW PAGE */
/* COMPACT ELEMENT (no header) */
.elementTop {
background: transparent url('../images/0/element_top_topright.png') no-repeat scroll top right;
color: #FFF;
display: block;
float: left;
font-weight: bold;
width: 100%;
height: 9px;
text-decoration: none;
padding: 0 2px 0 0
}
/* The padding above and the margin below need to add up to the width of the right image (9px) */
.elementTop .elementTopChild {
background: transparent url('../images/0/element_top_topleft.png') no-repeat;
display: block;
line-height: 9px;
padding: 0 0 0 12px;
margin: 0 7px 0 0;
}
.elementBottom {
background: transparent url('../images/0/element_bottomright.png') no-repeat scroll top right;
color: #FFF;
display: block;
float: left;
font-weight: bold;
width: 100%;
height: 9px;
text-decoration: none;
padding: 0 2px 0 0;
}
/* The padding above and the margin below need to add up to the width of the right image (9px) */
.elementBottom .elementBottomChild {
background: transparent url('../images/0/element_bottomleft.png') no-repeat;
display: block;
line-height: 9px;
padding: 0 0 0 12px;
margin: 0 7px 0 0;
}
/* END COMPACT ELEMENT */
/* WAR ROOM STATS START */
.statsArea {padding: 5px 0 5px 0}
/* Generic stats styles */
.statsGroup {margin: 10px 10px 0 10px}
.statsGroup .statsHeader {padding: 2px; font-weight: bold}
.statsGroup .statsHeader .statsHeaderLeft {float: left; padding: 2px}
.statsGroup .statsHeader .statsHeaderRight {float: right; width: 120px; padding: 2px}
.statsGroup .statsHeader .statsHeaderRight .statsHeaderWon {float: left; width: 50%}
.statsGroup .statsHeader .statsHeaderRight .statsHeaderLost {float: left; width: 50%}
.statsGroup .statsRow {width: 100%; clear: both; height: 18px}
.statsGroup .statsRow .statsHeading {float: left; padding: 2px; height: 16px}
.statsGroup .statsRow .statsContent {float: right; padding: 2px; width: 120px; height: 14px}
.statsGroup .statsRow .statsContent .statsContentWon {float: left; width: 50%}
.statsGroup .statsRow .statsContent .statsContentLost {float: left; width: 50%}
.statsGroup .statsRow .statsContent2 {float: right; padding: 2px; width: 120px; height: 14px}
.statsGroup .graphRow {width: 100%; clear: both; height: 16px}
.statsGroup .graphRow .graphContent {width: 100%}
.statsGroup .graphRow .graphContent .graphWon {height: 16px; float: left; font-weight: bold;
width: 1px; background: #B4DD2B; color: #000}
.statsGroup .graphRow .graphContent .graphLost {height: 16px; float: right; font-weight: bold;
width: 1px; background: #C30205; color: #000}
/* Generic achievements styles */
.achievementsArea {margin: 5px 0 5px 0}
.achievementsArea .hinchButton {margin: 0 0 0 18px}
.achievementsGroup {margin: 10px 0 10px 18px; text-align: left}
.achievementsGroup .achievementIcon {width: 64px; height: 64px; margin: 0 10px 10px 0; float: left}
/*
.achieved {display: block; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1}
*/
.achieved {display: block; filter:alpha(opacity=60); -moz-opacity:1; -khtml-opacity: 1; opacity: 1}
.achieved {display: block; -moz-opacity:1; -khtml-opacity: 1; opacity: 0; opacity: 1}
.notachieved {display: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0}
.gameDataNotFound {border: 1px solid #dfa600; margin: 5px; padding: 5px;
background: url('../images/warroom/element_middlebg.jpg') repeat-x top; height: 150px}
.gameDataNotFound .gamePackshot {width: 110px; height: 150px; float: left}
.gameDataNotFound .gameMessage {float: left; width: 335px; font-size: 11pt;
color: #dfa600; font-weight: bold; text-align: center}
.gameDataNotFound .gameMessage .gameLogo {margin-bottom: 40px; margin-left: auto; margin-right: auto}
/* Specific stats styles */
.game1 {padding: 5px 0 5px 0}
.game1 .gameDataNotFound .gamePackshot {background: url('../images/1/packshot_lrg.jpg') no-repeat}
.game1 .gameLogo {width: 95px; height: 32px; background: url('../images/logos/1_sml.png') no-repeat;
margin-left: auto; margin-right: auto}
.game1 .statsGroup {border: 2px solid #201404; border-bottom: 0px; background: #452701}
.game1 .statsGroup .statsHeader {background: #645337; color: #FFF; border-bottom: 2px solid #201404}
.game1 .statsGroup .statsRow {border-bottom: 2px solid #201404}
.game1 .statsGroup .statsRow .statsHeading {color: #FFF}
.game1 .statsGroup .statsRow .statsContent {background: #452701; color: #e8d59a;
border-left: 2px solid #201404;
border-bottom: 2px solid #201404}
.game1 .statsGroup .statsRow .statsContent2 {background: #645337; color: #e8d59a;
border-left: 2px solid #201404;
border-bottom: 2px solid #201404}
.game1 .statsGroup .graphRow {border-bottom: 2px solid #201404}
.game1 .statsGroup .graphRow .graphContent {}
.game2 {padding: 5px 0 5px 0}
.game2 .gameDataNotFound .gamePackshot {background: url('../images/2/packshot_lrg.jpg') no-repeat}
.game2 .gameLogo {width: 108px; height: 32px; background: url('../images/logos/2_sml.png') no-repeat;
margin-left: auto; margin-right: auto}
.game2 .statsGroup {border: 2px solid #11161a; border-bottom: 0px; background: #1e2329}
.game2 .statsGroup .statsHeader {background: #333c45; color: #FFF; border-bottom: 2px solid #11161a}
.game2 .statsGroup .statsRow {border-bottom: 2px solid #11161a}
.game2 .statsGroup .statsRow .statsHeading {color: #FFF}
.game2 .statsGroup .statsRow .statsContent {background: #1e2329; color: #e8d59a;
border-left: 2px solid #11161a;
border-bottom: 2px solid #11161a}
.game2 .statsGroup .statsRow .statsContent2 {background: #313e46; color: #e8d59a;
border-left: 2px solid #11161a;
border-bottom: 2px solid #11161a}
.game2 .statsGroup .graphRow {border-bottom: 2px solid #11161a}
.game2 .statsGroup .graphRow .graphContent {}
.game3 {padding: 5px 0 5px 0}
.game3 .gameDataNotFound .gamePackshot {background: url('../images/1/packshot_lrg.jpg') no-repeat}
.game3 .gameLogo {width: 95px; height: 32px; background: url('../images/logos/3_sml.png') no-repeat;
margin-left: auto; margin-right: auto}
.game3 .statsGroup {border: 2px solid #080b10; border-bottom: 0px; background: #191e24}
.game3 .statsGroup .statsHeader {background: #3d4552; color: #FFF; border-bottom: 2px solid #0a0b10}
.game3 .statsGroup .statsRow {border-bottom: 2px solid #0a0b10}
.game3 .statsGroup .statsRow .statsHeading {color: #FFF}
.game3 .statsGroup .statsRow .statsContent {background: #191e24; color: #fff;
border-left: 2px solid #0a0b10;
border-bottom: 2px solid #0a0b10}
.game3 .statsGroup .statsRow .statsContent2 {background: #3d4552; color: #fff;
border-left: 2px solid #0a0b10;
border-bottom: 2px solid #0a0b10}
.game3 .statsGroup .graphRow {border-bottom: 2px solid #0a0b10}
.game3 .statsGroup .graphRow .graphContent {}
.warroomHeading {width: 966px; height: 83px; margin: -15px 0 0 17px; background: #03070a;
background: #03070a url('../images/warroom/warRoom_logo.png') no-repeat center 10px;
padding: 0 0 2px 0; text-align: center}
.tw_Spanish .warroomHeading {background-image: url('../images/warroom/warRoom_logo_es.png')}
.tw_Italian .warroomHeading {background-image: url('../images/warroom/warRoom_logo_it.png')}
.tw_French .warroomHeading {background-image: url('../images/warroom/warRoom_logo_fr.png')}
.tw_German .warroomHeading {background-image: url('../images/warroom/warRoom_logo_de.png')}
.warroomHeading .button3 {float: right; margin: 15px 10px 0 0}
.warroomBottomArea {width: 966px; height: 27px; border-bottom: 1px solid #5e5238; margin: 0 0 10px 17px;
background: #000 url('../images/warroom/decorElement.png') no-repeat bottom center; text-align:right;}
.warroomBottomArea .find-war-room {font-weight:bold; color:#fff; font-size:10pt; margin-right:10px;}
.warroomAdmin {width: 966px; margin: 0 0 0 17px; background: #03070a; padding: 0 0 2px 0}
.warroomAdmin .warroomAdminOptions {display: none; margin: 0 0 0 10px}
.warroomAdmin .warroomAdminOptions .button1 {float: left; margin: 0 0 5px 25px}
.warroomAdmin .warroomAdminOptions .button3 {float: right; margin: 0 10px 0 0}
.warroomAdmin .warroomConfirmation {float: right; background: #48565A; margin: 0 10px 0 0;
height: 21px; padding: 8px 10px 2px 10px; font-weight: bold;
color: #FFF; border: 1px solid #D3A65B; display: none}
.button1 {width: 186px; height: 23px; background: url('../images/buttons/button1.jpg') no-repeat;
color: #FFF; padding: 4px 0 0 15px; text-align: left}
.button1:hover {text-decoration: underline}
.button2 {width: 181px; height: 23px; background: url('../images/buttons/button2.jpg') no-repeat;
color: #FFF; padding: 4px 0 0 15px; text-align: left}
.button2:hover {text-decoration: underline}
.button3 {width: 101px; height: 25px; background: url('../images/buttons/button3.png') no-repeat;
color: #FFF; font-weight: bold; padding: 9px 0 0 0; text-align: center}
.button3:hover {text-decoration: underline}
.button4 {background: transparent url('../images/buttons/button4_right.png') no-repeat scroll top right;
color: #FFF; display: inline-block; font-weight: bold; height: 46px;
text-decoration: none; padding: 0 8px 0 0}
/* The padding above and the margin below need to add up to the width of the right image (16px) */
.button4 span {background: transparent url('../images/buttons/button4_left.png') no-repeat;
display: block; line-height: 14px; padding: 12px 6px 0 20px; margin: 0 8px 0 0;
height: 40px; text-align: center}
a .button4:link,
a .button4:visited,
a .button4:active {text-decoration: none}
a .button4:hover {text-decoration: underline}
/*
a.lozenge2 {
background:url("../images/bg_button_grey_end.gif") no-repeat scroll right top transparent;
color:#FFFFFF;
display:inline-block;
font-weight:bold;
height:22px;
margin-right:6px;
padding-right:18px;
text-decoration:none;
}
a.lozenge2 span {
background:url("../images/bg_button_grey_span.png") no-repeat scroll 0 0 transparent;
display:block;
line-height:11px;
padding:5px 0 6px 16px;
}
*/
/* WAR ROOM STATS END */
/* FORUM PANEL STYLES START */
.forum {color: #FFF; padding: 12px 12px}
.forumContents {overflow: hidden}
.forumContents .fcLeft {float: left; width: 103px; color: #FFBC24}
.fcLeft .fcAvatar {border: 1px solid #E0BE76; width: 100px; height: 100px; margin: 0 0 2px 0}
.fcLeft .fcUsername {font-weight: bold}
.fcLeft .fcRank {color: #FFF; font-weight: normal}
.forumContents .fcRight {float: left; padding: 0 0 0 5px; margin: 0 0 0 4px}
.fcRight .forumMainHeading {font-weight: bold; font-size: 10pt; text-decoration: underline;
margin: 0 0 7px 0; color: #FFBC24}
.fcRight .forumContent {margin: 0 0 4px 0}
.fcRight .forumHeading {font-weight: bold; float: left; width: 100px; text-align: right;
margin: 0 10px 0 0}
.fcRight .forumInfo {float: left}
.fcRight .forumPost {width: 100%; margin: 0 0 5px 0}
.fcRight a:link,
.fcRight a:active,
.fcRight a:visited {color: #F3D899; text-decoration: none}
.fcRight a:hover {text-decoration: underline}
/* FORUM PANEL STYLES END */
/* PREMADE ELEMENT STYLES START */
.elementContent_premade_content_nein {border: 0; background: none; margin: 0} /* APPLIED TO ELEMENTS THAT GET NO HEADER TITLE IN ELEMENTUTILS */
.registernow_en {width: 197px; height: 79px; background: url('../images/premade_content/register_en.png') no-repeat; display: block}
.registernow_de {width: 197px; height: 79px; background: url('../images/premade_content/register_de.png') no-repeat; display: block}
.registernow_es {width: 197px; height: 79px; background: url('../images/premade_content/register_es.png') no-repeat; display: block}
.registernow_fr {width: 197px; height: 79px; background: url('../images/premade_content/register_fr.png') no-repeat; display: block}
.registernow_it {width: 197px; height: 79px; background: url('../images/premade_content/register_it.png') no-repeat; display: block}
.registernow_nl {width: 197px; height: 79px; background: url('../images/premade_content/register_nl.png') no-repeat; display: block}
.registernow_ru {width: 197px; height: 79px; background: url('../images/premade_content/register_ru.png') no-repeat; display: block}
/* PREMADE ELEMENT STYLES END */
/* EXCLUSIVE UNIT STYLES START */
.exclusiveUnit {padding: 11px 15px; font-family: Tahoma; color: #DDD; text-decoration: none;
word-spacing: 0.2em; letter-spacing: 0; line-height: 1.3em;
font-size: 1.2em;text-align: center}
.exclusiveUnit p {text-align: left;margin-top:0}
.exclusiveUnit strong {color: #FFF}
.exclusiveUnit p a:link,
.exclusiveUnit p a:active,
.exclusiveUnit p a:visited {color: #F3D899; text-decoration: none}
.exclusiveUnit p a:hover {text-decoration: underline}
/* EXCLUSIVE UNIT STYLES END */
/* STEAM PANEL STYLES START */
.steamlink {color: #FFF; padding: 12px 15px}
.steamSuccess {margin: 0 0 5px 0; border: 1px solid #FFBC24; padding: 10px; text-align: center;
background: #48565A; font-weight: bold; color: #FFF}
.steamFailure {margin: 0 0 5px 0; border: 1px solid #FFBC24; padding: 10px; text-align: center;
background: #111; font-weight: bold; color: #F00}
.steamNotice {margin: 0 0 5px 0; border: 1px solid #FFBC24; padding: 10px; text-align: center;
background: #48565A; font-weight: bold; color: #FFF; text-align: left;
margin: 0 10px 5px 10px}
.steamNotice .steamStyleOne {text-decoration: underline}
.steamStyleOne {font-size: 10pt; font-weight: bold; color: #FFBC24; margin: 0 0 10px 0}
.steamStyleTwo {margin: 0 0 10px 0; color: #FFF}
.steamStyleThree {margin: 0 0 15px 0; color: #FFF}
.steamStyleFour {margin: 0 0 15px 0; color: #FFF; font-weight: normal}
.steamButton {border: 1px solid #FFBC24; background: #1C2427; color: #FFBC24; font-weight: bold; font-size: 8pt; padding: 5px}
.steamButton:hover {background: #000; cursor: pointer}
.hinchButton {border: 1px solid #FFBC24; background: #1C2427; color: #FFBC24; font-weight: bold;
font-size: 8pt; padding: 5px; float: left}
.hinchButton:hover {background: #000; cursor: pointer}
#steam_achievements_34330 .hinchButton {border: 1px solid #3d4552; background: #191e24; color: #fff; font-weight: bold;
font-size: 8pt; padding: 5px; float: left}
#steam_achievements_34330 .hinchButton:hover {background: #000; cursor: pointer}
/* STEAM PANEL STYLES END */
/* POPUP BOX STYLES START */
.maskArea {position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; display: none}
.popupArea {position: absolute; width: 900px; display: none; z-index: 9999;
padding: 15px; border: 1px solid #FFBC24; font-family: Tahoma;
background: #000; word-spacing: 0.15em;
text-align: left; letter-spacing: 0; line-height: 1.5em; font-size: 1.1em;}
/* POPUP BOX STYLES END */
.rewardKey {font-size: 12pt; color: #FFBC24; font-weight: bold}
/* FORUM & BLOG FEEDS START */
#forumFeed {color: #FFF}
#forumFeed .socialItem {padding: 0 12px 12px 12px}
#forumFeed .socialItem:first-child {padding-top: 12px}
.forum-legal {display:block; font-size:10px; margin:0; padding:7px 3px; text-align:center; width:160px;}
#blogFeed {color: #FFF}
#blogFeed img {float: left; margin: 5px 10px 5px 0}
#blogFeed br {display: none}
#blogFeed .socialItem {padding: 0 12px 12px 12px}
#blogFeed .socialItem:first-child {padding-top: 12px}
/* FORUM & BLOG FEEDS END */
/* STEAM LEADERBOARD START */
#steamLeaderboard { padding:10px; }
#steamLeaderboard table { width:100%; margin-bottom: 10px; background-color:#000; }
#steamLeaderboard th { font-weight:bold; background-color:#313e46; padding:1px; text-align:center; }
#steamLeaderboard td { background-color:#1d242a; padding:3px; text-align:center; }
#steamLeaderboard td.avatar { text-align:left !important; color:#F6C858; }
#steamLeaderboard td.avatar img { margin-right:10px; vertical-align:middle; }
#steamLeaderboard .pagingContainer { float:right; }
#steamLeaderboard .pagingContainer #page-select{ margin:0; background-color:#1d242a; }
/* STEAM LEADERBOARD END */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
/*END OF SIFR*/
/* What is the War Room */
.whatiswarroom {width:320px; display:block;}
#whatiswarroom-header-en {width:320px; height:97px; background:url(../images/0/whatiswarroom/header_en.jpg) repeat-y left top;}
#whatiswarroom-header-de {width:320px; height:97px; background:url(../images/0/whatiswarroom/header_de.jpg) repeat-y left top;}
#whatiswarroom-header-fr {width:320px; height:97px; background:url(../images/0/whatiswarroom/header_fr.jpg) repeat-y left top;}
#whatiswarroom-header-es {width:320px; height:97px; background:url(../images/0/whatiswarroom/header_es.jpg) repeat-y left top;}
#whatiswarroom-header-it {width:320px; height:97px; background:url(../images/0/whatiswarroom/header_it.jpg) repeat-y left top;}
#whatiswarroom-header-nl {width:320px; height:97px; background:url(../images/0/whatiswarroom/header_nl.jpg) repeat-y left top;}
#whatiswarroom-header-ru {width:320px; height:97px; background:url(../images/0/whatiswarroom/header_ru.jpg) repeat-y left top;}
#whatiswarroom-content {width:280px; padding:5px 20px; background:url(../images/0/whatiswarroom/warroom_banner_bg.png) repeat-y left top; font-weight:bold; font-size:10pt;}
#whatiswarroom-content a {color:#F4CB57;}
/* Some more styles for featured warroom which is loaded via AJAX */
.featured-warroom {display:block; margin-top:20px; text-align:center; font-weight:normal; font-size:9pt;}
.featured-warroom .featured-warroom-loading{text-align:center; margin:20px;}
.featured-warroom .forum-image {float:left; margin:10px 10px 0 10px;}
.featured-warroom .forum-username {float:left; width:150px; margin:20px 5px 5px 5px; text-align:left;}
.featured-warroom .forum-rank {float:left; width:110px; margin:5px; margin-top:0; text-align:left;}
.featured-warroom .forum-posts {float:left; width:110px; margin:5px; margin-top:0; text-align:left;}
.featured-warroom a.link-to-warroom {float:left; width:110px; margin:5px; margin-top:0; text-align:left;}
a.wiwr-button-link {display:block;}
/* End What id the War Room */
/* Create Forum Account */
.create-forum-account {padding:20px; margin:20px;}
.create-forum-account p.error {font-weight:bold; color:red;}
/* End Create Forum Account */
/* Training Room Categories/Page */
.elementContent_training_categories {border:0;}
.training-room-categories {background: transparent url('../images/0/trainingRoomCat_bg.jpg') repeat-y scroll top center; padding:0 10px 0 7px;}
.training-room-categories .category-group {}
.training-room-categories .category-group:last-child {border-bottom: 1px solid #3A3F43}
.training-room-categories .category-group div[class^=top-level-category] {
background: url('../images/0/leftNavParent_bg.png') repeat; min-height: 22px; border-top: 1px solid #5b6164; padding: 5px 0 0 10px; color: #f4cb57; font-size: 10pt; font-weight: bold;
}
.training-room-categories .category-group .icon-top-level-category {background: url('../images/0/arrows.png') no-repeat -55px -2px; width: 19px; height: 19px; float: right; margin-right:5px;}
.training-room-categories .category-group a {display:block;}
.training-room-categories .category-group a,
.training-room-categories .category-group a:link,
.training-room-categories .category-group a:active,
.training-room-categories .category-group a:visited,
.training-room-categories .category-group a:hover {outline:none;text-decoration:none;color:#F4CB57; cursor:pointer;}
.training-room-categories .category-group .sub-categories {display:none; margin-top:3px;}
.training-room-categories .category-group .sub-categories a {outline: none; text-decoration: none; color:#fff; cursor:pointer;}
.training-room-categories .category-group .sub-categories a:hover .sub-category {color: #f4cb57;}
.training-room-categories .category-group .sub-categories .sub-category {min-height: 20px; padding: 2px 0 0 14px; color: #fff;}
.training-room-categories .category-group .icon-sub-category {background: url('../images/0/arrows.png') no-repeat -17px 0; width: 19px; height: 19px; float: left; margin: -2px 5px 0 0;}
.element_training_room_page {min-height:300px; padding-bottom:40px; position:relative;}
.element_training_room_page img {border:1px solid #F6C858; margin:30px;}
.tr-page-sub-categories ul {list-style:none; padding:5px 18px; margin:0;}
.tr-page-sub-categories ul ul {padding-left:25px;}
.tr-page-sub-categories ul li {padding-top:5px;}
.tr-page-sub-categories ul a {color:#fff; text-decoration:none; font-weight:bold; cursor:pointer;}
.sub-cat-arrow {display:inline-block; background: url(../images/0/arrows.png) no-repeat -17px -2px; width:19px; height:19px; margin-right:5px;}
.tr-page-navigation {position:absolute; bottom:0; height:40px; width:100%;}
.tr-page-navigation .prev-category {float:left; width:50%;}
.tr-page-navigation .next-category {float:right; width:50%; text-align:right;}
.tr-page-navigation a {margin:-15px 5px; cursor:pointer; display:inline-block; height:35px; font-weight:bold; color:#fff; text-decoration:none; padding-top:18px;}
.tr-page-navigation .prev-category a {padding-left:40px; background:url(../images/0/arrow_large_left.png) no-repeat left center;}
.tr-page-navigation .next-category a {padding-right:40px; background:url(../images/0/arrow_large_right.png) no-repeat right center;}
#training-manual-warning {height:44px;text-align:center; font-size:12pt; padding-top:20px;background:transparent url(../images/premade_content/training-room-alert.png) no-repeat top left;}
/* End TrainingRoom Categories */
/* War Room Search */
#warroom-search-panel {float:left; margin:20px 40px; background:url(../images/0/search_sort_bg.png) no-repeat left top; width:327px; height:352px; font-weight:bold;}
.warroom-search-username {text-align:center; margin-top:32px;}
.warroom-search-username p {margin-bottom:20px;}
.warroom-search-steam {margin-top:60px; text-align:center;}
.warroom-search-game {margin-top:20px; text-align:center;}
.warroom-search-submit {margin-top:70px; text-align:center;}
.warroom-search-submit a {display:block; margin:5px auto;}
#warroom-search-results {float:right; position:relative; margin:20px 10px; width:500px; height:352px; background:#12191f;}
#warroom-search-results table th {background:#333c45; color:#fff; font-weight:bold; padding:3px 3px 3px 10px;}
#warroom-search-results table td {background:#1e2329; color:#fff; font-weight:bold; padding:3px 3px 3px 10px;}
.wsr-username {width:200px;}
.wsr-skill-rating {width:100px;}
.wsr-command-stars {width:200px;}
#warroom-search-results table thead tr .headerSortUp {background:url(../images/0/asc.gif) no-repeat right center;}
#warroom-search-results table thead tr .headerSortDown {background:url(../images/0/desc.gif) no-repeat right center;}
#warroom-search-results table thead tr .headerSortDown, #warroom-search-results table thead tr .headerSortUp {background-color: #586776;}
#warroom-search-results table tbody td a {text-decoration:none; color:#f6c858;}
#bottom-bar {width:100%; height:36px; background:url('../images/0/mediaBtmBarBg.jpg') no-repeat 3px top; padding-top:10px; text-align:right;}
#pager {zoom:1; display:inline; background:#101518; text-align:center; padding:2px 0 4px 0; margin-right:20px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#pager #page-select {margin:8px; bottom:0;}
#pager #page-select a {color:#fff; text-decoration:none; padding:0 2px;}
#pager #page-select a.mp-prev-page {display:inline-block; margin-right:15px; height:17px; width:17px; background:url('../images/0/arrows.png') no-repeat -36px -2px;}
#pager #page-select a.mp-next-page {display:inline-block; margin-left:15px; height:17px; width:17px; background:url('../images/0/arrows.png') no-repeat -17px -2px;}
#pager #page-select a img {vertical-align:middle; border:0; display:inline;}
#pager #page-select a:active, #pager #page-select a.on {color:#f6c858; font-weight:bold;}
/* End War Room Search */
/* War Room Social Media */
.warroom-social-media {clear:both; padding:20px 0 10px 0; text-align:left;}
.warroom-social-media div {display:inline-block;}
.warroom-social-media div.twitter-button {text-align:right; width:50%;}
.warroom-social-media div.twitter-button iframe {margin-right:0px; padding:0;}
.warroom-social-media div.facebook-like {text-align:left;}
.warroom-social-media div.facebook-like iframe {margin-left:10px;}
/* End War Room Social Media */
/* Popup */
#popup {width:400px; min-height:400px; display:none;}
/*#popup .elementContentChild {height:450px;}*/
#popup .pack-details {float:left; width:100px; text-align:center;}
#popup .unlock-details {float:left; width:400px; text-align:center;}
#popup-success {padding:20px; display:none;}
#popup-loading {font-size:10pt; padding:20px; font-weight:bold;}
#popup .popup-button-bar {display-block; text-align:right;}
#popup .pop-up-close {display:inline-block; background:url(../images/war-cabinet/close.png) no-repeat right 10px; cursor:pointer; width:30px; height:30px;}
#popup .header {background:#485659; padding:5px; font-size:1.3em; font-weight: bold; color:#eacb5f; text-align:center; font-family: Tahoma; margin:3px 0;}
#popup p {line-height:20px;}
/****JQuery UI Dialog styles****/
.ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ui-widget-overlay {background-color: #666666; opacity: .60;filter:Alpha(Opacity=60);}
.ui-widget-shadow {margin: -5px 0 0 -5px; padding: 5px; background-color: #000000; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ui-dialog {position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar {padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title {float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close {position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px;}
.ui-dialog .ui-dialog-titlebar-close span {display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {padding:0;}
.ui-dialog .ui-dialog-content {position: relative; border: 0; padding: .5em 1em; background: none; overflow: hidden; zoom: 1;}
.ui-dialog .ui-dialog-buttonpane {text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;}
.ui-dialog .ui-dialog-buttonpane button {margin:.5em .4em .5em 0; cursor: pointer;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
/* EndPopup */
/* Portable Id */
#portable-id {padding:10px;}
#stat-selection {float:left; width:50%; margin:20px 0;}
#game-selection {float:left; width:50%; margin:20px 0;}
#stat-selection ul {margin:5px 0 0 13px; padding:0; display:none}
#stat-selection ul li {list-style-type:none;}
#stat-selection ul li span {display:inline-block; width:170px;}
#selection-error {display:none; font-weight:bold; color:red; padding:10px;}
#game-selection select {margin-top:10px;}
#portable-id #generate {width:20%;}
#portable-id #instructions {float:left; padding-left:20px; width:80%;}
#portable-id .banner {}
#portable-id .html-snippet {margin-top:10px; color:#000; background:#f6f5e5; font-family:'Courier New', monospace; padding:10px; overflow:auto;}
#portable-id .save-result {font-weight:bold; color:red;}
/* End Portable Id */
/* Steam friends list */
#steam-friends div {padding:10px;}
#steam-friends div a {padding-right:5px;}
#steam-friends a {color:#F3D899; font-weight:bold; text-decoration:none;}
#steam-friends .steam-avatar-icon {padding:10px;}
/* End Stema friends list */
/* home page social sites */
.official-social-media {border-right: 1px solid #3A3E41; float: left; height: 125px; line-height: 1.5; margin: 0 10px 0 0; width: 197px; border-right:0;}
.official-social-media ul li {list-style-type: none; height:30px; padding:10px 0 0 35px;}
.official-social-media ul li.facebook {background:url(../images/0/iconFacebook.png) no-repeat left center;}
.official-social-media ul li.twitter {background:url(../images/0/iconTwitter.png) no-repeat left center;}