/** Football Manager - Main screen css file */

/** RESET *********************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline:0;}
body {line-height:1; color:black; background:white;}
ol, ul {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
input {vertical-align:middle;}
img { display:block; }


/** UTILS *********************************************************************/

.clear, .clearingDiv {clear:both; height:0px; font-size:0px; line-height:0px;}

/* .black-alpha-60 requires hasLayout=1 and backround to be set to 'transparent' in IE */
.black-alpha-60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background:rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background:rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.divider {display:inline-block; background:url(../images/navDivider.png) no-repeat center center; width:20px; height:35px;}


/* FancyBox - jQuery Plugin http://fancybox.net
 * Simple and fancy lightbox alternative
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * Dual licensed under the MIT and GPL licenses
 * CSS has been modified to correct path to images */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('../images/fancybox/fancybox.png')}
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}
#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}
#fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('../images/fancybox/fancybox.png') -40px 0;cursor:pointer;z-index:1103;display:none}
#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top}
#fancybox-frame{width:100%;height:100%;border:none;display:block}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('../images/fancybox/blank.gif');z-index:1102;display:none}
#fancybox-left{left:0}#fancybox-right{right:0}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}
#fancybox-left-ico{background-image:url('../images/fancybox/fancybox.png');background-position:-40px -30px}
#fancybox-right-ico{background-image:url('../images/fancybox/fancybox.png');background-position:-40px -60px}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible}
#fancybox-left:hover span{left:20px}
#fancybox-right:hover span{left:auto;right:20px}
.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('../images/fancybox/fancybox-x.png')}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -162px}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('../images/fancybox/fancybox-y.png');background-position:-20px 0}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -182px}
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('../images/fancybox/fancybox-x.png');background-position:0 -20px}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -142px}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('../images/fancybox/fancybox-y.png')}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -122px}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative}
.fancybox-title-outside{padding-top:10px;color:#fff}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}
#fancybox-title-over{padding:10px;background-image:url('../images/fancybox/fancy_title_over.png');display:block}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}
#fancybox-title-float-wrap td{border:none;white-space:nowrap}
#fancybox-title-float-left{padding:0 0 0 15px;background:url('../images/fancybox/fancybox.png') -40px -90px no-repeat}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('../images/fancybox/fancybox-x.png') 0 -40px}
#fancybox-title-float-right{padding:0 0 0 15px;background:url('../images/fancybox/fancybox.png') -55px -90px no-repeat}

@font-face {
    font-family: 'DroidSansBold';
    src: url('../images/font_DroidSans/DroidSans-Bold-webfont.eot');
    src: url('../images/font_DroidSans/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/font_DroidSans/DroidSans-Bold-webfont.woff') format('woff'),
         url('../images/font_DroidSans/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../images/font_DroidSans/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** GLOBAL STYLES *************************************************************/
a, a:link, a:active, a:visited {color:#bc5345; border:0; text-decoration:none;}
a:hover {color:#bc5345;}
p, dd {font-family:Verdana,sans-serif; font-size:1em; color:#000; margin:4px 0;}
/* The line below covers styling for all general "texty" bits! */
p, #game-features .game-description, dd, dl { line-height: 1.3em}
p a, p a:link, p a:active, p a:visited {font-weight:bold; text-decoration:none;}
p a:hover {text-decoration:underline;}
a.extlink span { padding-right: 20px; background: url('../images/popout.png') no-repeat 100% 5px;}




strong {font-weight:bold;}
h3 {font-size:14px; font-family:DroidSansBold,"Trebuchet MS",Helvetica,sans-serif; color:#fff; padding-bottom:10px;}
h2 {font-size:14px; font-family:Verdana,sans-serif; color:#000; font-weight:bold; margin:4px 0;}
h4 {font-size:12px; font-family:Verdana,sans-serif; color:#000; font-weight:bold; margin:4px 0;}

/** Black Button - with arrow at right **/
a.black-button { display: block; float: right; background: url(../images/btnSprite.png) repeat-x 0px -82px; height: 41px; line-height: 41px; color: #fff; font-weight: bold; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
a.black-button span { display: block; float:left; padding-left: 20px; background: url(../images/btnSprite.png) no-repeat 0px 0px; cursor: pointer}
a.black-button span.btnend { background-position: 0px -246px; width: 30px; height: 100%; float: right; margin-left: 10px; padding: 0px}
a.black-button:hover { background-position: 0px -123px;}
a.black-button:hover span { background-position: 0px -41px;}
a.black-button:hover span.btnend{ background-position: 0px -287px;}

/** Black Button - plain version **/
a.black-button-plain { display: block; float: right; background: url(../images/btnSprite.png) repeat-x 0px -82px; height: 41px; line-height: 41px; color: #fff; font-weight: bold; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
a.black-button-plain span { display: block; float:left; padding-left: 20px; background: url(../images/btnSprite.png) no-repeat 0px 0px; cursor: pointer}
a.black-button-plain span.btnend { background-position: 0px -246px; width: 30px; height: 100%; float: right; margin-left: 10px; padding: 0px}
a.black-button-plain:hover { background-position: 0px -123px;}
a.black-button-plain:hover span { background-position: 0px -41px;}
a.black-button-plain:hover span.btnend{ background-position: 0px -287px;}


/** Main black header **/
.header {display:block; background: url('../images/tabSprite.gif') #FFF; height: 46px; color: #000; font-size:16px; font-family:DroidSansBold,"Trebuchet MS",Helvetica,sans-serif; text-decoration:none;  text-transform: uppercase}
.header .title {height: 46px; line-height: 46px; padding:0px 10px; color:#000;}
.smaller {font-size:14px;}
.header .rss-link {float:right; height: 21px; padding:14px 10px 0px 10px;}

/** Blue header **/
.blueHeader {height:36px; background:#000 url(../images/demo_blueheader_bg.png) repeat-x left top; font-size:16px; font-weight:bold; color:#fff;  font-family:DroidSansBold,"Trebuchet MS",Helvetica,sans-serif; text-decoration:none; text-align:center; padding-top:18px; border-bottom: 2px #75a8d0; }

/** Black 'sliding doors' header for panels **/
.panel-header-min400 {margin:0 1px; background:url(../images/black_header_400_right.png) no-repeat right top; color:#fff; height:35px; border-bottom:0;}
.panel-header-min400 span {display:block; background:url(../images/black_header_400_left.png) no-repeat left top; height:15px; padding:10px; vertical-align:middle;}
.panel-header-min200 {margin:0 1px; background:url(../images/black_header_200_right.png) no-repeat right top; color:#fff; height:35px; border-bottom:0;}
.panel-header-min200 span {display:block; background:url(../images/black_header_200_left.png) no-repeat left top; height:15px; padding:10px; vertical-align:middle;}

/** Notice **/
.notice { padding:20px; margin-bottom:20px; border:1px solid #985c5b; line-height:1.2em; color: #000}
.notice.error {background:#d5bdbd;}
.notice.success {background:green;}

/** Forms **/
.form-error {height:20px; font-size:0.8em; color:red; text-align:center;}

/** Paginator **/
.paginator {display:block; height:38px; background: #EDE7E7; color:#fff; line-height: 38px; border-top: 1px solid #e8d9dc;  border-bottom: 1px solid #e8d9dc}
.paginator .previous{display:inline-block; width:24%; padding-left:10px;}
.paginator .next {display:inline-block; width:24%; text-align:right; padding-right:10px;}
.paginator a { display: inline-block; color: #4c554c; font-size: 14px; font-family:DroidSansBold,"Trebuchet MS",Helvetica,sans-serif; text-transform: uppercase; height: 100%}
.paginator a:hover {color:#c05c4c; text-decoration:underline;}
.paginator .previous a { padding:0px 0 0 16px; background:url(../images/mainArrow.png) no-repeat 0 -49px; }
.paginator .previous a:hover { background-position: 0 -78px;}
.paginator .next a {padding:0px 16px 0 0; background:url(../images/mainArrow.png) no-repeat right 9px;}
.paginator .next a:hover { background-position: right -20px;}
.paginator .page-links {display:inline-block; width:45%; margin:0; padding:0; text-align:center;}
.paginator .page-links ul {border:0;}
.paginator  span.page-links ul li {height:auto; display:inline; padding:3px;}
.paginator .page-links .current {color:#FFF; background:#d41818; padding:3px; font-weight: bold;}
.paginator .page-links .current:hover { text-decoration: none}
.paginator-small > * { float: left; display: block;}
.paginator-small ul li { float: left; display: block; padding: 1px 5px; width: 13px; text-align: center}
.paginator-small ul li.current { color:#FFF; background:#d41818; font-weight: bold;}
.paginator-small div { width: 24px; height: 21px; padding: 0px 5px}
.paginator-small div a { background:url(../images/mainArrow.png) no-repeat 0px 0px; display: block; width: 11px; height: 24px}
.paginator-small div.next a { background-position: right 0px;}
.paginator-small div.next a:hover { background-position: right -29px;}
.paginator-small div.previous a { background-position: 0 -59px; float: right}
.paginator-small div.previous a:hover { background-position: 0 -88px;}

/** LAYOUT ********************************************************************/
body { background: #f5f0ea; font-family:Verdana,sans-serif; font-size:0.8em;}
body.plain {background:url(../images/bgAll_plain.jpg) no-repeat 50% 0px #f5f0ea; font-family:Verdana,sans-serif; font-size:0.8em;}
.body_outer { background:url(../images/bgAll.jpg) no-repeat 50% 0px; width: 100%; min-height: 1000px}

body.fr_FR { background-image: url(../images/bgAll_FR.jpg);}
#global-nav {width:100%; height:27px; background:url(../images/globalNav/globalnav_bg.png) repeat-x top left;}
#social-media-links {float:right; height:25px; width:500px; padding:6px 14px 2px 2px;}
#main-nav {width:680px; float:left; height:38px; margin: 2px 0px 0px -6px; text-transform:uppercase;}
#main-container { background:#e9eeea url(../images/bgHome_middleBlackbar.jpg) no-repeat -10px 0px;}
body.plain #main-container {background-image: url(../images/bgHome_middleBlackbar_plain.jpg);}

#page-content {margin-top:80px; margin: 0px auto 0px; background: #E9EEEA; min-height: 473px}
body.plain #page-content { background: #FFFFFF}
#home #page-content {margin-top:80px; margin: 0px auto 0px; background: none; position: relative;}

#main-container-outer { width: 965px; background: url(../images/bgHome_middleBlackbar.jpg) no-repeat top left transparent; margin: 0px auto;}
body.plain #main-container-outer { background-image: url(../images/bgHome_middleBlackbar_plain.jpg);}

#page-spill { width:945px; margin:0 auto; background: #393232; min-height: 1000px}

/** GLOBAL NAVIGATION *********************************************************/
.navArea {width:700px; text-align:center; margin:auto;}
.navArea .navItem {position:relative; float:left;}
.navArea .navFlags1 {position:relative; float:left; height:27px; display:block; padding:0px 3px 0px 3px}
.navArea .navFlags2 {position:relative; float:left; height:27px; display:none; padding:0px 3px 0px 3px}
.navArea .navFlag {position:relative; float:left; margin:5px 3px 0px 3px; cursor:pointer;}
.navArea .spacer {position:relative; float:left; height:27px}
.navArea .arrow {position:relative; float:left; height:27px; margin:0px 0px 0px 5px}


/** MAIN NAV SOCIAL MEDIA ******************************************************/
#social-media-links img {float:right; margin-right:5px;}
#social-media-links p {float:right; height:21px; line-height: 21px; padding:0px 10px; margin: 0px; color:#fff; font-weight:bold; font-size:10pt; font-family:Verdana,sans-serif;}


/** MAIN NAV *******************************************************************/
#home .logo-top-menu { background: url('../images/navBar.png') no-repeat 48px 32px transparent;z-index:100;}
#home.ru_RU .logo-top-menu { background: none;}
#home .logo-top-menu { position: absolute; top: 0px; left:0px;}

#main-nav {list-style:none; font-weight: bold; font-size: 14px; color:inherit;  font-family:DroidSansBold,"Trebuchet MS",Helvetica,sans-serif; text-decoration:none;}
.fr_FR #main-nav { font-size: 12px; /* can be 12px if showing buy-now, 11px for pre-order */}
.it_IT #main-nav { font-size: 13px; /* can be 13px if showing buy-now, 14px for pre-order */}
.es_ES #main-nav { font-size: 12px;}
#main-nav > ul > li {display:block; float:left; background:none; height:36px; color:#000; background:url(../images/navDivider.png) no-repeat left center;}
#main-nav > ul > li:first-child {background:none;}
#main-nav > ul > li > a {display:block; padding:10px 14px 10px 14px; font-weight: normal; color:#333;}
#main-nav > ul > li.hassub > a {background:url(../images/navArrow.png) no-repeat 50% -39px;}
#main-nav > ul > li:hover {background:#fff url(../images/navActive.png) repeat-x left top;}
#main-nav > ul > li:hover > a, #main-nav > ul > li.on > a  {color:#fff; background-position: 50% -115px;}
#main-nav > ul > li.on {background:#fff url(../images/navActive.png) repeat-x left top;}
#main-nav > ul > li:hover + li[class*='on'] {background:#fff url(../images/navActive.png) repeat-x left top;}

.sub-nav {display:none; list-style-type:none; width:245px; position:absolute;  margin:-9px 0 0 -15px; text-align:left; padding: 0px; z-index: 50}
.sub-nav li {width:100%; color:#000; padding: 0px 15px; background:url('../images/dropdownSprite.png') repeat-y -282px 0px; margin:0px}
.sub-nav li:first-child {padding: 0px 45px 0px 0px; margin-left: 0px}
.sub-nav li:first-child {background:url('../images/dropdownSprite.png') no-repeat -6px 0px transparent; height: 15px; width: 230px;}
.sub-nav li.last {background:url('../images/dropdownSprite.png') no-repeat -6px -15px transparent; height: 28px; width: 245px;}
.sub-nav li a {display: block; color:#000; background: url('../images/dotDiv.gif') repeat-x 0px 100%; padding:0px 0px;font-family:Verdana,sans-serif; font-size:12px; height:44px;}
.sub-nav li a:hover, .sub-nav li a:active {color:#000; background: #e7e7e7}

.sub-nav li>a.extlink span { padding-right: 0px;}
#main-nav .sub-nav li a span { display: table-cell; vertical-align: middle; height: 43px; width: 200px}

#main-nav .sub-nav li a span.icon { display:block; float: left; background: url('../images/mainArrow.png') no-repeat 10px 2px; height: 21px; width: 35px; position: relative; top: 50%; margin-top: -10px;}
#main-nav .sub-nav li a:hover span.icon { background-position: 10px -27px;}
#fm-logo {display:block; float:left; margin:-4px 0 0 -15px; width:261px; height:124px; background:url(../images/fm2012_logo.png) no-repeat top left;}
#main-nav a.extlink span { background-position: 100% 17px}


/** MAIN MEDIA PLAYER *********************************************************/
#media-pusher {padding-left:3px; position: relative;}
#media-pusher #media-player { width: 940px; height: 461px; overflow: hidden}
.mediaViewer { width: 845px; height: 440px; display: none}
#imageViewer { vertical-align: middle; display: table-cell}
#imageViewer img { display: inline; text-align: center;}

.pusherNext, .pusherPrev { position:absolute; position: absolute; height: 59px; width: 45px; top: 200px; background: url('../images/pusher-arrows.png') no-repeat 0px 0px transparent; z-index: 100; cursor: pointer}
.pusherNext span, .pusherPrev span { display: none}
.pusherNext { right: 10px; background-position: -76px 0px}
.pusherNav { position: absolute; top: 411px; left: 698px; z-index: 99}
.pusherNav a { width:22px; height:20px; float: left; background: url('../images/bullets.png') no-repeat 0px 0px transparent; text-indent: -9999px}
.pusherNav a.active {background-position: 0px -20px}


/** PROMO AREA NAVIGATION *****************************************************/
#promo-area {width:100%; padding: 13px 0px 0px 0px; height: 173px; background: url('../images/promoBar.jpg') no-repeat left bottom transparent; z-index: 100; position: relative}
#promo-area ul {list-style:none;}
#promo-area ul li { background: url('../images/promoBox.jpg') no-repeat left top; float:left; width:144px; height:119px; margin-left:12px;}
#promo-area ul li:hover { background-position: 0px -119px;}
#promo-area ul li:first-child {margin-left:10px;}

/* #promo-area ul li#promolink_1 a {background:url('../images/promoPC.png') no-repeat left top;} */
/* #promo-area ul li#promolink_2 a {background:url('../images/promoPSP.png') no-repeat left top;} */
/* regionalisation of the promo images */
.en_AU #promo-area ul li#promolink_1 a {background:url('../images/promoPC_AU.png') no-repeat left top;}
.es_ES #promo-area ul li#promolink_1 a {background:url('../images/promoPC_ES.png') no-repeat left top;}
.fr_FR #promo-area ul li#promolink_1 a {background:url('../images/promoPC_FR.png') no-repeat left top;}
.en_GB #promo-area ul li#promolink_1 a {background:url('../images/promoPC_GB.png') no-repeat left top;}
.it_IT #promo-area ul li#promolink_1 a {background:url('../images/promoPC_IT.png') no-repeat left top;}
.en_AU #promo-area ul li#promolink_2 a {background:url('../images/promoPSP_AU.png') no-repeat left top;}
.es_ES #promo-area ul li#promolink_2 a {background:url('../images/promoPSP_ES.png') no-repeat left top;}
.fr_FR #promo-area ul li#promolink_2 a {background:url('../images/promoPSP_FR.png') no-repeat left top;}
.en_GB #promo-area ul li#promolink_2 a {background:url('../images/promoPSP_GB.png') no-repeat left top;}
.it_IT #promo-area ul li#promolink_2 a {background:url('../images/promoPSP_IT.png') no-repeat left top;}
#promo-area ul li#promolink_3 a {background:url('../images/promoIOS.png') no-repeat left top;}
#promo-area ul li#promolink_4 a {background:url('../images/promoMgrRoom.png') no-repeat left top;}
#promo-area ul li#promolink_5 a {background:url('../images/promoForums.png') no-repeat left top;}
/* #promo-area ul li#promolink_6 a {background:url('../images/promoPreorder.png') no-repeat left top;} */
.en_AU #promo-area ul li#promolink_6 a {background:url('../images/promoPreorder_AU.png') no-repeat left top;}
.es_ES #promo-area ul li#promolink_6 a {background:url('../images/promoPreorder_ES.png') no-repeat left top;}
.fr_FR #promo-area ul li#promolink_6 a {background:url('../images/promoPreorder_FR.png') no-repeat left top;}
.en_GB #promo-area ul li#promolink_6 a {background:url('../images/promoPreorder_GB.png') no-repeat left top;}
.it_IT #promo-area ul li#promolink_6 a {background:url('../images/promoPreorder_IT.png') no-repeat left top;}

#promo-area ul li a {display:block; width:144px; height:54px; overflow:hidden; padding: 144px 0px 0px 0px; margin: -25px 0px 0px 0px}
#promo-area ul li a span {display:table-cell; height:54px; width: 140px; font-family:DroidSansBold,"Trebuchet MS",Helvetica,sans-serif; font-size:12px; color:#fff; vertical-align: middle; text-align: center; padding: 0px}
#promo-area ul li a:hover span { color: #bc5345; text-decoration: underline}
#promo-area ul li.demo a {background:url('') no-repeat left top;}

/** COLUMNS *******************************************************************/
.column {float:left; background:#fff; margin:10px 7px;}
.column div.content { }
.column ul {}

.column ul.segments li {height:110px; background:#fff; border-bottom:1px solid #d5dfe8;}
.column ul.segments li img {float:left; margin-right:10px;}
.column ul.segments li div.content {float:left; margin:10px; border:0;}
.column ul.segments li a.content {display: block; padding:5px 30px 0 10px; border:0; height: 105px; position: relative}
.column ul.segments li a.content:hover { background: #f7f7f7}
.column ul.segments li a.content .read-more { position: absolute; top: 50%; right: 10px; background:url(../images/mainArrow.png) no-repeat 0px 0px; color:#9b3425; font-weight:bold; width: 11px; height: 22px; margin-top: -12px;}
.column ul.segments li a.content:hover .read-more { background-position: 0px -29px;}
.column ul.segments li a .read-more span { display: none;}
.column ul.segments li a.read-more { display: none;float:right; background:url(../images/mainArrow.png) no-repeat 0px -33px; color:#9b3425; font-weight:bold; margin-right:10px; width: 35px; height: 33px;}
.column ul.segments li a.read-more span { display: none;}
.column ul.segments li a.read-more:hover { background-position: 0px 0px;}
.column ul.segments li a.content.read-more {background:url(../images/mainArrow.png) no-repeat 0px bottom;}
.column ul.segments li .pubdate { font-size: 0.8em; color: #888; margin: 4px 0px}
.column ul.segments li .title { font-weight: bold; color: #9b3425}
.column .share-bar {display:block; height:38px; background:#ede7e7;color:#000; position: relative; border-bottom: 1px solid #d6d2d2}
.column .share-bar div.share {float:right; margin-top:9px; padding:0;}
.column .share-bar div.email.share {color:#000;}
.column .share-bar div.email.share img {display:inline; padding:4px 5px 5px 3px; vertical-align:middle;}
.column .share-bar div.email.share span {display:inline-block; color:#333; height:20px; padding:0px 5px 0px 0; margin:0;vertical-align:middle; font-size: 0.8em;}
.column .share-bar div.email.share a {display:inline-block; border: 1px solid #b5b5b5; background:url(../images/emailGradient.gif) repeat-x left top; height:17px; padding-left:3px; margin:0 10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.column .header-options { height: 46px; background:url(../images/tabSprite.gif) repeat-x 0px -46px;}
.column .header-options > li { float: left; width: 150px; height: 46px; background:url(../images/tabSprite.gif) repeat-x 0px -46px;}
.column .header-options > li > a { display: block; height: 46px; line-height: 46px; padding-left: 10px; color: #6f6f6f}
.column .header-options > li > a:hover { color: #000; text-decoration: underline;}
.column .header-options > li.on { background-position: 0px 0px;}
.column .header-options > li.on a { color: #000}
.column .header-options > li.divider { float: left;display: block; background: #b7beb8; width: 1px !important; padding: 0px !important;}
.email-address-popup { position:absolute; top:25px; right: -13px; width:406px; height:150px; background:url(../images/emailPanel.png) no-repeat left top; padding:17px 18px 12px; text-align:left; z-index:100; color:#fff; display:none; margin: 5px 5px 0px 0px }
.email-address-popup .email-popup-form  { padding: 12px;}
.email-address-popup.bottom {position:absolute; top:-129px;}
.email-address-popup input {margin:16px 0px 10px 0; width:265px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; border: 0px; font-size: 1.6em; padding: 3px 5px}
.email-address-popup a.cancelbtn { position: absolute; top: 4px; right: 2px; height: 30px; width: 30px; background: url(../images/fancybox/fancy_close.png);}
.email-address-popup a.cancelbtn span { display: none}
.email-address-popup .email-share-sending {display:none; text-align:center; font-weight:bold; padding:15px;}
.email-address-popup .sendbtn { margin:10px 0px}
div.column a.black-button {color:#fff;}

.halfCol {width:469px;}
.firstCol {margin-left:8px;}

/** HOME PAGE COLUMNS **/
#news {width:450px; margin-left:11px;}
#news div.content { padding: 0px; float: none}
#blogs-tweets {width:300px;}
#blogs-tweets div.content {float:left; width:300px; padding:0 10px;}
#blogs-tweets .tweet-title { width: 120px;}
#blogs-tweets .tweet-title a { width: 100px; padding-left: 42px; background: url('../images/tweets.png') no-repeat 5px 11px}
#blogs-tweets .blogs-title { width: 180px;}
#blogs-tweets .blogs-title a { width: 160px;}
.es_ES #blogs-tweets .blogs-title a { font-size: 0.8em;}
.it_IT #blogs-tweets .blogs-title a { font-size: 0.8em;}
/*
#tweets {width:384px; margin-left:10px;}
#tweets div.content {float:left; width:300px; padding:0 10px;}
*/

#facebook-twitter {width:144px;}
#facebook-twitter .content {text-align:left; margin-left:25px; padding-top:15px;}
#facebook-twitter .content div.share {padding-bottom:12px;}

#partners {width:144px; margin-left:0px;}
#partners div.content {height:266px; padding-top:8px;}
#partners .content { text-align:center;}
#partners .content .partner-logo { margin: 12px 0px;}
#partners img { display: inline;}

/** NEWS PAGE COLUMNS **/
#news-article {width:545px; margin-left:10px;}
#news-article div.content {padding:10px; color:#000;}
#news-article div.content img {margin:20px 20px 20px 10px; display:inline;}
#news-blogs-tweets {width:364px; margin-left:8px;}
#news-blogs-tweets div.content {float:left; width:270px;}
#news-blogs-tweets #feeds div.content {float:left; width:370px; margin-left:10px;}
#news-blogs-tweets .header-options .news { width: 70px}
#news-blogs-tweets .header-options .blogs { width: 170px}
#news-blogs-tweets .header-options .tweets { width: 122px}
.fr_FR #news-blogs-tweets .header-options .news { width: 115px}
.fr_FR #news-blogs-tweets .header-options .blogs { width: 125px}
.es_ES #news-blogs-tweets .header-options .news { width: 75px; font-size: 0.8em}
.es_ES #news-blogs-tweets .header-options .blogs { width: 165px; font-size: 0.8em}
.it_IT #news-blogs-tweets .header-options .news { width: 75px;}
.it_IT #news-blogs-tweets .header-options .blogs { width: 165px; font-size: 0.8em}
#news-blogs-tweets .header-options .tweets a  { width: 100px; padding-left: 42px; background: url('../images/tweets.png') no-repeat 5px 11px}
#feeds {display:none;}

/** GAMES COLUMNS **/
#game-features {width:537px; margin-left:10px;}
#game-features img.feature-game {float:left; margin:10px 10px 10px 50px; position: relative}
#game-features.ios img.feature-game { margin-left: 15px;}
#game-features div.game-release {float:right; width:250px; margin:20px 20px 10px 0; padding-left:20px;}
#game-features.ios div.game-release { padding-left: 10px; margin-right: 15px}
#game-features div.game-release img {margin-bottom:20px; z-index: 50}
#game-features div.blurb {margin:10px;}
#game-features div.blurb p {padding:5px 0;}
#game-features div.blurb .title { font-weight: bold}
#game-features ul.segments {width:100%; border:0;}
#game-features ul.segments li {color:#000; height:auto; padding:10px 0;}
#game-features ul.segments div {margin:10px;}
#game-features div.content { line-height:1.2em;}
#game-features div.note {padding:10px;}
#game-features .header-options  li a { padding-left: 15px}
#game-features .header-options .pc { width: 96px;}
#game-features .header-options .psp { width: 56px;}
#game-features .header-options .ios { width: 383px;}
#game-features .pagetitle {height: 46px; line-height: 46px; padding:0px 10px; color:#000;font-size:16px; font-weight:bold; font-family:DroidSansBold,"Trebuchet MS",Helvetica,sans-serif; text-decoration:none;}
#game-features .gamepageheader { background: #f6f7f6; border-bottom: 1px solid #d6d7d6}
#game-features .game-description { padding: 20px 10px 10px;}
#game-features a.black-button { float: left; margin-top: 10px}
.column .header .title a {padding:0 25px;}
#videos {width:376px;}
#videos div.content {padding:20px 20px; border-width:0 1px 1px 1px;}
#videos a span { margin-top: 83px}
.video {float:left; width:148px; height:83px; margin:10px; border:4px solid #DDD;}
.video a {display:inline-block; height:83px; width:148px; text-decoration:none; background:url(../images/videoPlayBtn_sml.png) no-repeat 50% 50%}
.video.on { border-color: #9b3425}
.video.on a {background:none;}
.video a span {display:inline-block; width:138px; margin-top: 0px; height:0; color:#fff; font-size:0.8em; padding:0px 5px; overflow:hidden;}
#screenshots {width:376px;}
#screenshots div.content {padding:20px 20px; border-width:0 1px 1px 1px;}
.screenshot {float:left; width:140px; height:83px; margin:10px; border:4px solid #DDD;}
.screenshot a {display:inline-block; height:83px; width:150px; text-decoration:none;}
.screenshot.on a {background:none;}
.screenshot a span {display:inline-block; width:130px; margin-top:83px; height:0; color:#fff; font-size:0.8em; padding:0 5px; overflow:hidden;}
#gamedescription .strong {font-weight:bold;}
#gamedescription p {padding-bottom:5px;}
#gamedescription ul > li {list-style-type:disc; margin-left:30px;}


/** MEDIA PAGE ****************************************************************/
#mplayer {padding:15px 50px 18px; background: url('../images/linenBg.gif')}
#mplayer #media-player{text-align:center; width: 845px; height: 440px}
#mplayer #hdFlash{margin:30px auto;}
#media-bar { background: none; margin: 10px; float: none; width: 925px}
#media-bar .bar-container, #media-bar .title { float:left; display: block; height: 38px; line-height: 38px; white-space: nowrap}
#media-bar .title { font-size: 1.2em; color: #9b3425}
#media-bar .share-bar { background: none; float: right; border: 0px}
#media-bar .header-options .videos { width: 77px}
#media-bar .header-options .screenshots { width: 128px}
.fr_FR #media-bar .header-options .screenshots { width: 142px}
#media-bar #page-select { float: right; position: relative}
#media-bar #page-select .paginator-small { position: absolute; right: 10px; top: 50%; margin-top: -10px}
#media-thumbs { float:left;}
.bar-container {display:inline-block; padding:0px 8px;}
#thumb-content { width: 925px;}
.media-list { width: 100%}
.media-list table {margin:10px auto; width:80%}
#media-thumbs .video span, #media-thumbs .screenshot span { padding-top:0; padding-bottom: 0px; margin-top: 83px; height: 0px; display: inline-block;}
div[class^='item-thumb'] {margin:10px auto;}
.media-list td {vertical-align:middle;}
.prevTableButton a {display:inline-block; width:35px; height:33px; background:url(../images/arrowBtn_Left.png) no-repeat 0 -33px;}
.nextTableButton a {display:inline-block; width:35px; height:33px; background:url(../images/arrowBtn_Right.png) no-repeat 0 -33px;}
.prevTableButton a:hover, .nextTableButton a:hover {background-position:0 0;}
.blank-image {width:148px; height:83px;}
.media-list p {text-align:center;}

/** BUY NOW PAGE **************************************************************/
#buynow { width: 925px; margin:10px 10px 20px 10px; padding-bottom: 20px; background:url(../images/linenBg.gif) repeat;}

#progress-bar {height:35px; margin:20px 10px 0 10px; background:url(../images/progress_arrow_bg_norm.png) repeat-x left top;}
#progress-bar .step {float:left; display:inline-block; padding-right:10px; height:35px; color:#fff; font-weight:bold; font-size:0.9em; background:url(../images/progress_arrow_norm-norm.png) no-repeat right top;}
#progress-bar .step.pre-current {background:url(../images/progress_arrow_norm-hl.png) no-repeat right top;}
#progress-bar .current {background:url(../images/progress_arrow_hl-norm.png) no-repeat right top;}
#progress-bar .step span {display:block; padding:10px 10px 10px 25px; margin-right:5px; height:15px; background:url(../images/green_tick.png) no-repeat 8px center; cursor:pointer;}
#progress-bar .step.current span {display:block; padding:10px; height:15px; background:url(../images/progress_arrow_bg_hl.png) repeat-x left top; cursor:inherit;}

#buynow .step-description {margin:30px 0px; color: #FFF; font-weight: bold; text-align: center}
#buynow .option .content { background: #FFF; padding-bottom: 30px;}
#buynow .noretailers { margin: 10px;}
#buynow #buynow_noscript .retailers .title { margin: 10px; color: #9B3425}
#buynow #buynow_noscript .option,
#buynow #buynow_step1 .option,
#buynow #buynow_step3 .option { width: 860px; margin: 0px auto}
#buynow #buynow_noscript .option .content,
#buynow #buynow_step1 .option .content,
#buynow #buynow_step3 .option .content { float: left; width: 860px}
#buynow #buynow_noscript .retailers li,
#buynow #buynow_step3 .retailers { width: 800px; margin: 0px auto}
#buynow #buynow_step3 .retailers li{ float: left; width: 280px; margin: 20px 60px; background-repeat: no-repeat; background-position: 0 0}
#buynow #buynow_step3 .retailers .title { display: none}
#buynow #buynow_step0 .option .content { min-height: 300px;}
#buynow #buynow_step2 .option .content { min-height: 300px; float: left; width: 437px}
#buynow #buynow_step0 a { width: 153px;}
.en_GB #buynow #buynow_step0 a { width: 120px;}
#buynow #buynow_step0 .option,
#buynow #buynow_step2 .option { width: 437px; float: left; margin: 0px 10px}
#buynow #buynow_step0 .option2,
#buynow #buynow_step2 .option2 { margin-left: 20px}
#buynow #buynow_step0 .version a {float:right;}
#buynow #buynow_step0 .version.pc {margin:30px 20px 30px 25px; height:128px; background:url(../images/buynow_pcmac.jpg) no-repeat left top;}
#buynow #buynow_step0 .version.pc .black-button-plain {margin-top:50px;}
#buynow #buynow_step0 .version.psp {margin:20px 20px 0 25px; height:41px; background:url(../images/buynow_platforms_psp.jpg) no-repeat 23px 3px; padding:4px 0 6px 0; border-bottom:1px solid #d2d2d2;}
#buynow #buynow_step0 .version.apple {margin:5px 20px 2px 25px; height:41px; padding:4px 0 6px 0; border-bottom:1px solid #d2d2d2; overflow:hidden;background:url(../images/buynow_platforms_iphone.jpg) no-repeat 0px 4px}
#buynow #buynow_step0 .version.android {margin:5px 20px 2px 25px; height:41px; background:url(../images/buynow_platforms_android.jpg) no-repeat 30px 3px; padding:4px 0 6px 0; border-bottom:1px solid #d2d2d2;}
#buynow #buynow_step0 .version .comingsoon { float: right; margin-top: 14px;}
#buynow #buynow_step1 .option a { float: none}
#buynow #buynow_step1 .option li { float: left; width: 180px; margin: 10px 30px}
#buynow #buynow_step1 .countrychooser { width: 720px; margin: 10px auto}
#buynow #buynow_step2 .option .version { margin-top: 20px; padding-top: 285px; height: 60px; background-position: center top; background-repeat: no-repeat}
#buynow #buynow_step2 .option .version a { position: relative; bottom: 0px; margin: 0px auto; width: 170px; float: none}
.en_GB #buynow #buynow_step2 .option .version a { width: 130px}
#buynow #buynow_step2 .option #physical-pack.version.pc { background-image: url(../images/gamefeaturesPack_pc_en.png)}
.it_IT #buynow #buynow_step2 .option #physical-pack.version.pc { background-image: url(../images/gamefeaturesPack_pc_it.png)}
.es_ES #buynow #buynow_step2 .option #physical-pack.version.pc { background-image: url(../images/gamefeaturesPack_pc_es.png)}
.en_AU #buynow #buynow_step2 .option #physical-pack.version.pc { background-image: url(../images/gamefeaturesPack_pc_au.png)}
.fr_FR #buynow #buynow_step2 .option #physical-pack.version.pc { background-image: url(../images/gamefeaturesPack_pc_fr.png)}
.ru_RU #buynow #buynow_step2 .option #physical-pack.version.pc { background-image: url(../images/gamefeaturesPack_pc_ru.png)}
#buynow #buynow_step2 .option #digital-pack.version.pc { background-image: url(../images/buynow_digitaldownload_fm_pc.jpg)}
#buynow #buynow_step2 .option #physical-pack.version.psp { background-image: url(../images/gamefeaturesPack_psp_en.png)}
.it_IT #buynow #buynow_step2 .option #physical-pack.version.psp { background-image: url(../images/gamefeaturesPack_psp_it.png)}
.es_ES #buynow #buynow_step2 .option #physical-pack.version.psp { background-image: url(../images/gamefeaturesPack_psp_es.png)}
.en_AU #buynow #buynow_step2 .option #physical-pack.version.psp { background-image: url(../images/gamefeaturesPack_psp_au.png)}
.fr_FR #buynow #buynow_step2 .option #physical-pack.version.psp { background-image: url(../images/gamefeaturesPack_psp_fr.png)}
.ru_RU #buynow #buynow_step2 .option #physical-pack.version.psp { background-image: url(../images/gamefeaturesPack_psp_ru.png)}
#buynow #buynow_step2 .option #digital-pack.version.psp { background-image: url(../images/buynow_digitaldownload_fm_psp.jpg)}
#buynow #buynow_noscript .option a,
#buynow #buynow_step3 .option a { width: 153px}
.en_GB #buynow #buynow_noscript .option a,
.en_GB #buynow #buynow_step3 .option a { width: 120px}

#buynow .fmlogo {height:110px; margin:0; background:#efefef url('../images/fm12logo_basic.png') no-repeat center center; border-bottom:1px solid #d2d2d2;}
#buynow .fmhlogo {height:110px; margin:0; background:#efefef url('../images/fm12handheldlogo_basic.png') no-repeat center center; border-bottom:1px solid #d2d2d2;}

/*#choose-retailer {margin-left:3px; margin-right:3px; }
#choose-retailer ul.left {float:left;width:381px;}
#choose-retailer ul.right {float:right;width:381px;}
#choose-retailer ul li {padding:23px 0 0 25px; height:64px; background:url(../images/buynow_greyfadefromtop.jpg) repeat-x 0 0;}
#choose-retailer ul li.promo { height:167px !important; }
#choose-retailer div.retailer-button {display:inline-block; width:171px; margin-left:55px; height:41px; background:url(../images/buynow_arrowBtn_sml_Right.png) no-repeat left -41px; padding:0; cursor:pointer;}
#choose-retailer div.retailer-button-promo { margin-left:0 !important; }
#choose-retailer div.retailer-button:hover {background-position:0 0px;}
#choose-retailer div.retailer-button a {display:inline-block; width:194px;  margin:13px 0; color:#000; font-weight:bold; padding-left:30px;}
#choose-retailer div.retailer-button a.fr,
#choose-retailer div.retailer-button a.es,
#choose-retailer div.retailer-button a.it {width:120px;  margin:7px 0; padding-left:12px;}

.retailer-link {float:left; display:inline-block;}
.retailer-link-promo {width:170px;}
.retailer-promo-text{ margin:5px 0 5px 0; width:170px; min-height:42px; }
.retailer-logo {display:inline; width:100px; padding:0 0 3px 3px;}
.retailer-logo span { display:inline-block; width:100px; padding:2px 3px 0 0;}
.retailer-logo span img {border:0;}
.retailer-image-promo { float:right; margin-right:10px; }
.retailer-free-gift{ display:inline !important; }*/

/** DEMO PAGE **************************************************************/

#demo-header { width: 925px; margin:10px;}
#demo-header img.demo-pack { float: right; margin: -30px 20px 0px 20px }
#demo-header img.demo-img { float: right; margin: 15px 20px 0px 20px; }
#demo-header .text { float: left; width: 450px; padding: 10px}
#demo-header p { padding-bottom: 10px}

#demo-download { width: 564px; margin: 10px}
.ru_RU #demo-download { width: 375px; margin: 10px 5px}
#demo-download .demo-amble { padding: 10px}
#demo-download .demo-amble ul { list-style-type:disc; list-style-position:outside; margin: 10px 50px;}
#demo-download .demo-amble li { margin-top:10px;}
#demo-download .demo-amble li span { font-weight: bold}
#demo-download .flag { float:left; margin-top:12px; margin-left:40px; margin-right:10px; }
#demo-download .filesize {padding:10px 0px; font-weight:bold; text-align:center; }
#demo-download .demo-sponsors .assoc { padding:10px 0px; text-align:center;}
#demo-download .demo-sponsors .logos-small { text-align: center}
#demo-download .demo-sponsors .logos-small img { display: inline; margin: 0px 20px; vertical-align: middle}
#demo-download .demo-dl-list li { margin: 10px 20px; background: #F7F7F7; padding: 10px;}
#demo-download .demo-dl-list li .col { float: left; height: 41px;}
/*#demo-download .demo-dl-list li .col1 { width: 60px;}
#demo-download .demo-dl-list li .col2 { width: 140px; text-transform: uppercase; font-weight: bold; font-size: 1.2em}
#demo-download .demo-dl-list li .col3 { width: 300px; text-align:right;} */
#demo-download .demo-dl-list li .col3 { width: 500px; text-align:right;}
#demo-download .demo-dl-list li .col3 a { margin: 0px auto; float: none; width: 290px}
.en_GB #demo-download .demo-dl-list li .col3 a,
.es_ES #demo-download .demo-dl-list li .col3 a { width: 215px}
/*.ru_RU #demo-download .demo-dl-list li .col2 { width: 255px}*/
.ru_RU #demo-download .demo-dl-list li .col3 { clear: both; width: 315px}
.ru_RU #demo-download .demo-dl-list li .col3 a { width: 225px}

#demo-problems { position: relative; margin: 10px;}
#demo-problems a { background:url(../images/demoProblems_sprite.jpg) no-repeat 0 0; height:180px; width: 340px; display: block}
#demo-problems a span { display:none}
#demo-problems a:hover { background-position: 0px -180px}
.es_ES #demo-problems a { background-position: 0px -360px}
.es_ES #demo-problems a:hover { background-position: 0px -540px}
.fr_FR #demo-problems a { background-position: 0px -720px}
.fr_FR #demo-problems a:hover { background-position: 0px -900px}
.it_IT #demo-problems a { background-position: 0px -1080px}
.it_IT #demo-problems a:hover { background-position: 0px -1260px}
#demo-requirements { width: 340px; margin: 10px}
#demo-requirements .content { padding: 0px 10px 10px 10px;}
#demo-requirements h4 { font-weight: bold; font-size: 1.4em; padding: 10px 0px 5px 0px }
#demo-requirements dt { font-weight: bold; float: left}
#demo-requirements dt:after { content: " -"; padding-right: 5px}


/** PATCHES **************************************************************/
#patches { width: 545px; margin-left: 10px}
#patches ul.segments img.title {display:block; float:none; margin:0 0 10px 0;}
#patches-content ul {border:none;}

#patches ul.segments li {height:auto;}
#patches ul.segments li {padding:10px;}

#patches ul.segments ul {margin:10px 0;}
#patches ul.segments ul li {position:relative; overflow:hidden; background:transparent; border:none; padding:3px 0;}
#patches ul.segments ul li .title, #patches-content .column ul.segments ul li .content {float:left; width:65px;}
#patches ul.segments ul li .title {font-weight:bold;}
#patches .black-button-glow-verybig {font-size:12.8px;}

#patches .seperator {border-top:1px solid #CCC; margin-bottom:10px;}

#patches ul.segments li .body table {margin-bottom:20px;}
#patches ul.segments li .body table tr th {padding:0 10px 0 0; text-align:left;}
#patches ul.segments li .body table tr th, #patches ul.segments li .body table tr th * {font-weight:bold; font-size:11px;}
#patches ul.segments li .body table tr th.title {width:300px;}

#patches-content #news {width:364px; margin-left:10px; margin-right:0;}
#patches-content #news .header .title {padding:7px 10px;}
#patches-content #news .content {width:375px; margin-bottom:10px;}
#patches-content #news .read-more {float:none;}
#patches-content h2 { text-transform: uppercase}
#patches-content .column .header-options > li { width: auto; padding-right: 10px}

.filelist li { margin: 10px 0px}
.filelist li > div { float: left; height: 41px}
.filelist .col1 { width: 255px;padding-right: 5px}
.filelist .col2, .filelist .col3 { width: 65px; font-size: 0.8em; padding-top: 3px;}
.filelist .col4 { width: 135px; float: right}
.fr_FR .filelist .col1 { width: 243px;}
.fr_FR .filelist .col4 { width: 146px;}
.it_IT .filelist .col1 { width: 245px;}
.it_IT .filelist .col2 { width: 75px;}
.filelist .colheading { font-weight: bold}
.filelist .date { color: #888; font-size: 0.8em}
.filelist h4 {color:#9B3425;}
.filelist .sub { color: #999}


/** OTHER FILE DOWNLOAD PAGES *************************************************/

#files-content ul.segments > li { padding: 10px 10px 30px 10px; height: auto; overflow: auto}
#files-content .filelist > li { border: none; height: auto; padding: 3px 0px; overflow: auto}


/** NOTICE PAGES **************************************************************/

#noticepage { background: #FFF; width: 945px; margin: 0px;}
#noticepage .message { font-size: 1.2em; padding: 20px;}
#noticepage .alertimg { background: url(../images/alert.png) no-repeat 0 0 transparent; height: 69px; width: 69px; margin: 30px auto 20px;}
#noticepage.antipiracy .black-button { width: 145px; float: none; margin: 0px auto}

/** FOOTER LINKS **************************************************************/
#footer-links {width:100%; background:#393232; color:#fff;}
#footer-links a, #footer-links a:link, #footer-links a:visited {color:#bc5345;}
#footer-links a:hover {text-decoration:underline;}
#footer-links div.social-media {float:left; padding:10px; width:557px;}
#footer-links .social-media a {padding:10px; float: left}
#footer-links div.link-column {float:left; padding:15px 20px 10px 20px; width: 140px}
#footer-links div.link-column ul li {color:#000; padding-top:3px;}


/** FOOTER GAME LOGOS *********************************************************/
#footer-game-logos {width:100%; background:#2d2626;}


/** FOOTER COPYRIGHT **********************************************************/
#copyright {width:100%; background:#393232; text-align:center; font-size:0.9em;}
#copyright a:hover {color:#bc5345; text-decoration:underline;}
#copyright div.copyright-links {padding:10px; margin-bottom:5px; text-align:center; background:#393232; color:#a59e9e;}
#copyright p {padding:3px; text-align:center; font-size:0.9em; color:#a59e9e;}
#copyright p.last { margin-bottom: 0px;padding-bottom: 20px;}
#copyright img {display:inline; vertical-align:middle;}


/** GAME MANUAL STYLES ********************************************************/

em{font-style:italic}
acronym{border-bottom:1px dotted #000;cursor:help}
#manual-content{width: 945px; background: #fff}
body#demo #manual-content{margin-left:10px; width:925px; background:#fff;}
.manual-disable-notice { padding: 20px; font-weight: bold; font-size: 1.2em}
.manual-search {margin:20px 0px 0px 10px;}
.manual-search-caption{color:#707070;font-weight:bold; font-size: 1.1em}
.manual-search-input{padding-top:6px;float:left;width:150px}
.manual-search-input input{ font-size: 1.6em; border:1px solid #959595; padding: 2px 5px;width:159px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.manual-search-action{float:right;padding-left:3px}
.breadcrumb{padding:10px; background: #fff; font-weight: bold}
.breadcrumb a { white-space: nowrap}
.breadcrumb a, .breadcrumb a:link,.manual-breadcrumb a:hover,.manual-breadcrumb a:visited{color:#000}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb .crumbdivide{color:#9B3425}
.manual-left-margin { float:left;width:265px}
.manual-main-menu { margin-bottom: 30px;}
.manual-main-menu li { background: #E9EEEA; height: 38px;margin-left: 10px; padding: 0px 5px; }
.manual-main-menu li a { display: block; color: #000; line-height: 38px; background: url('../images/manual_navicon_manual.png') no-repeat 0 7px; font-size: 1.2em; font-weight: bold}
.manual-main-menu li a span { padding-left: 40px;}
.manual-main-menu li.on, .manual-main-menu li:hover { background: url('../images/navActive.png') repeat-x 0 0;}
.manual-main-menu li.on a, .manual-main-menu li:hover a { color: #FFF;}
.manual-main-menu li.manual-faq a { background-image: url('../images/manual_navicon_faqs.png');}
.manual-main-menu li.manual-support a { background-image: url('../images/manual_navicon_support.png');}
.manual-main-menu a.extlink:hover span { background-position: right -29px;}
.manual-main-menu li.manual-portuguese a { background-image: url('../images/portugal-flag.png');}
.manual-main-menu li.manual-dutch a { background-image: url('../images/dutch-flag.png');}
.manual-main-menu li.manual-korean a { background-image: url('../images/korean-flag.png');}
.manual-content-area { float:left;width:658px; margin: 0px 10px 30px 10px; border: 1px solid #d0d8d1;}
.manual-cat-title-cnt{float:left;width:100%;background-color:#f1f1f1;margin-bottom:15px}
.manual-cat-title{padding:7px;font-weight:bold;font-size:14px;color:#000}
.manual-page { padding: 10px; position:relative}
.manual-page ul{padding-left:10px;padding-top:5px;padding-bottom:5px}
.manual-page ul li{padding-bottom:3px;padding-top:3px;background:url("../images/arrowSmall.png") no-repeat 8px 6px;padding-left:20px;font-weight:bold}
.manual-page ul li:hover{background-color:#f7f7f7}
.manual-page a, .manual-page a:link,.manual-right-cnt a:visited{color:#000}
.manual-page a:hover{color:#9b3425}
#manual-content.manual .paginator { position: relative; bottom: -2px; border-bottom: 0px}
#manual-content.manual .paginator a { font-size: 0.8em;}
#manual-content.manual .paginator .page-links { width: 30px;}
#manual-content.manual .paginator .previous, #manual-content.manual .paginator .next { width: 299px;}
#manual-content.search .search-header { padding-bottom: 15px; font-weight: bold}
.manual-search-results .result { display: block; padding: 10px 0px; border-top: 1px solid #D5DFE8}
.manual-search-results .result:hover { background: #f7f7f7; color: #000}
.manual-search-results .result .title { font-weight: bold; color: #9B3425; padding-bottom: 2px}
.manual-search-results .result .title, .manual-search-results .result .description { padding: 0px 5px;}
.bp-red-155{display: block;background: url("../images/manual/bp_red.png") no-repeat left center;padding: 0px;margin: 0px;padding-left: 25px;min-height: 11px;width: 155px;}
