/****************************************
   ea.com/css/nav.css for EA.com
   code by Allan (allan.chang(AT)blastradius.com)
   version 2.0.4
*****************************************/

/* IMPORT EA.COM global.css */
 @import url(/css/gus.css);




/*******************************
   SITE NAVIGATION
********************************/
#header { background: url(http://images.ea.com/ea/_img/nav/bg_global.gif) repeat-x top left transparent; }

.extenededLayer { background: url(http://images.ea.com/ea/_img/nav/bg_gus_gamefinder.gif) repeat-x top left #fff; }
#headerBG { display: none: }

#siteNav { background: none; font-size: 0.75em; }

#siteNav .masthead { width: 1px; height: 1px; top: 0px; left: 0px; }
#siteNav #mastheadNorm     { display: none; }
#siteNav #mastheadGF       { display: none; }
#siteNav .mastheadPL       { display: none; }
#siteNav .mastheadPLlogged { display: none; background-image: url(http://images.ea.com/ea/_img/nav/masthead.gif); }

#siteNav #siteLinks { top: 0px; left: 0px; }
#siteNav #gamesLink { width: 115px; background-image: url(http://images.ea.com/ea/_img/nav/global_game_finder.gif); }
#siteNav #EALink    { width: 115px; background-image: url(http://images.ea.com/ea/_img/nav/global_ea.gif); }
#siteNav #newsLink  { width: 99px; background-image: url(http://images.ea.com/ea/_img/nav/global_worldwide.gif); }
#siteNav #tipsLink  { width: 98px; background-image: url(http://images.ea.com/ea/_img/nav/global_shop.gif); }

#siteNav #nationLoginLink    { width: 77px; background-image: url(http://images.ea.com/ea/_img/nav/btn_global_login.gif); }
#siteNav #nationRegisterLink { width: 94px; background-image: url(http://images.ea.com/ea/_img/nav/btn_global_register.gif); }

#siteNav #nationLogin    { height: 25px; top: 0px; left: 802px; }
#siteNav #nationRegister { height: 25px; top: 0px; left: 879px; }


#siteNav #nationPersona {
   border-left: solid 1px #afafaf;
   font-family: Arial, Helvetica, San-serif; font-size: 12px; font-weight: bold; color: #000; line-height: 23px;
   background: url(http://images.ea.com/ea/_img/nav/bg_gus_loggedin.gif) repeat-x 0px 0px transparent;
}
#siteNav #nationPersona a { color: #325280; text-decoration: none; background: url(http://images.ea.com/ea/_img/nav/icn_gus_login.gif) no-repeat center right transparent;  }
#siteNav #nationPersona span { color: #000; }


#header .flyoutMenu { padding-bottom: 0px; border-color: transparent; border: 0; font: normal 11px/18px Arial, Helvetica, San-serif; }
#header .flyoutMenu a { color: #000; }
#header .flyoutMenu a:hover{ color: #fff; background: #f14e23; }

.flyoutMenuBG{ background-color: transparent; }




/****************
   ***************/

.enColumn {  }
#persistentNation .enColumn {  }
.enLabel { color: #ffffff; }
.enLabel div { background: transparent; }




/****************
   EA Dropdown
*****************/
#EAMenu { background: url(http://images.ea.com/ea/_img/nav/bg_gus_ea_left.gif) repeat-y 0px 0px #fff; width: 115px; padding-bottom: 5px; height: auto; }
#EAMenuBG { position: absolute; width: 100%; height: 5px !important; top: auto; bottom: 0px; background: url(http://images.ea.com/ea/_img/nav/bg_gus_ea_bot.gif) repeat-x bottom left transparent; }
#EAMenu ul { margin: 0 0 0 1px; padding: 8px 0 6px 0; list-style: none; background-color: transparent; }
#EAMenu li { border-top: solid 1px #c6c6c6; padding: 0; margin: 0; list-style-type: none; font-family:Arial,Helvetica,San-serif; font-size:11px; font-weight: bold; font-size-adjust:none; line-height:18px; }
#EAMenu a { display: block; float: none; color:#000; text-decoration: none; padding-left: 10px; padding-right: 5px; }
#EAMenu a:hover { color:#fff; background-color: #f14e23; }




/****************
   NATION
*****************/

#persistentNation {  }
#persistentNation .enLabel{ color: #ffffff; border-color: #999999; border-style: solid; }
#persistentNation .enLabel div{ background: #000000; }

#persistentBannerFull {  }
#persistentBannerHalf { display: none; background-image: url(http://images.ea.com/ea/_img/nav/persistence_banner_online.gif); }
#plLogBtnContainer    {  }
#plBtnChange { background-image: url(http://images.ea.com/ea/_img/nav/btn_gus_change_persona.gif); }
#plBtnLogin  { background-image: url(http://images.ea.com/ea/_img/nav/btn_login.gif); }
#plSearchGo  { background-image: url(http://images.ea.com/ea/_img/nav/btn_go.gif); }

#plLogin { background-color: #333; }
.plLinkList span { color: #666; }
.plLinkList a { color: #000; }


#plBtnLogout { position: absolute;  top: 0px; right: 0px; }
#plBtnLogout span { position: absolute; left: -9999px; font-size: small; }
#plBtnLogout a { display: block; width: 74px; height: 24px; top: 0px; right: 0px; background: url(http://images.ea.com/ea/_img/nav/btn_global_logout.gif) no-repeat top left transparent; }




#designHack { display: none; } /* FILLS IN A SMALL BLANK SQUARE UNDER THE RIGHT SIDE OF THE ANGLED LOGO */

#plWelcome { display: none; }

#welcomeMsg { font-family: Arial, Verdana, "Lucida Grande", Trebuchet MS, sans-serif; font-weight: bold; color: #3399CC; }
#welcomeMsg span { color: #ffffff; }
#persistentBannerHalf #welcomeMsg{ font-size: 16px; }

#plWelcome #welcomeMsg{
   font-size: 11px;
   padding: 9px 0 18px 0; margin: 0 9px;
   background: url(http://images.ea.com/ea/_img/nav/pl_ln_br_dots.gif) bottom center no-repeat;
   }

#plMessage a { color: #999999; text-decoration: none; }
#plMessage a:hover { color: #3399CC; }

#plRepCont { top: 99px; background: #000; }

#plRep{
   padding: 19px 0 0 13px;
   color: #ffffff;
   text-transform: uppercase;
   background-repeat: no-repeat; background-position: 74px 20px; background-image: url(http://images.ea.com/ea/_img/nav/rep0.gif);
}

#plSearch { display: none; }
#plNumOnline { color: #3399CC; background-image: url(http://images.ea.com/ea/_img/nav/pl_ln_br_dots.gif); }
#plplayercounter { color: #ffffff; font-weight: bold; }
#plFindPlayer div { background-image: url(http://images.ea.com/ea/_img/nav/pl_ln_br_dots.gif); }
#plFindPlayerName { border-color: #999999; color: #999999; font-weight: bold; }


#plNation { background: url(http://images.ea.com/ea/_img/nav/bg_gus_games_playing.gif) no-repeat top left transparent; }
#plNation div.enLabel { display: block; width: 224px; height: 32px; border: 0; background: url(http://images.ea.com/ea/_img/nav/hdr_gus_games_you_are_playing.gif) no-repeat top left transparent; }
#plNation div.enLabel div { position: absolute; left: -9999px; font-size: small; }


#plTools { border-left: solid 1px #ccc; border-right: solid 1px #fff; background: url(http://images.ea.com/ea/_img/nav/bg_gus_account_info.gif) no-repeat top left transparent; }
#plTools div.enLabel { display: block; width: 250px; height: 32px; border: 0; background: url(http://images.ea.com/ea/_img/nav/hdr_gus_account_info.gif) no-repeat top left transparent; }
#plTools div.enLabel div { position: absolute; left: -9999px; font-size: small; }

#plTools .plColRight { display: none; }


#plTools .plLinkList a, #plTools .plLinkList span { background-position: bottom; }

.plColLeft { top: 122px; left: 18px; }
.plColLeft .plBtnContainer { display: block; width: 116px; height: 14px; margin-top: 8px; }


#plGamesList .plLinkList { font: normal 11px/14px Arial, Helvetica, San-serif; }
#plGamesList .plLinkList a { padding-top: 2px; padding-bottom: 1px; border-bottom: solid 1px #c6c6c6; }
#plGamesList .plLinkList a:hover { text-decoration: none; color: #fff; background: url(http://images.ea.com/ea/_img/nav/bg_gus_game_highlight.gif) repeat-y top left #f14e23; }

#plGamesList .plLinkList p { margin: 0; padding: 2px 15px 1px 18px; border-bottom: solid 1px #c6c6c6; }



#plTools .plLinkList { font: normal 11px/14px Arial, Helvetica, San-serif; }
#plTools .plLinkList a { padding-top: 2px; padding-bottom: 1px; border-bottom: solid 1px #c6c6c6; background: url(http://images.ea.com/ea/_img/nav/btn_arrow.gif) no-repeat center left transparent; }
#plTools .plLinkList a:hover { text-decoration: none; color: #000; background-position: -220px center; }
#plTools .plLinkList span { display: none; }

.plListBreak{  }













/****************
   GAME FINDER
*****************/

#gameFinder{ color: #cccccc; border: 0; font-family: Arial, Helvetica, San-serif; }

#gfFilterOne{
   background: url(http://images.ea.com/ea/_img/nav/hdr_gus_search_in.gif) no-repeat top left transparent;
   border-left: solid 1px #afafaf;
   margin-left: 1px;
}

#gfFilterOneTabs { padding-top: 31px; }

#gfFilterOneTabs .tab {
   overflow: hidden;
   position: static;
   background: none;
   border: 0px;
   border-top: 1px solid #c6c6c6;
   width: 113px;
   height: 18px;
   \height: 19px;
   he\ight: 18px;
   }
#gfFilterOneTabs .tab.On { background: #f14e23 !important; }
#gfFilterOneTabs .tab.On div { color: #fff !important; }
#gfFilterOneTabs .gfTab { color: #ccc; }
#gfFilterOneTabs .gfTab div {
   font-weight: bold; font-size: 11px; line-height: 19px;
   margin: 0;
   color: #000;
   background: none;
}

#gfGameName{ font-weight: bold; color: #999999; }
#gfSectionPogo a { background: transparent url(http://images.ea.com/ea/_img/nav/pogo_graphic.jpg) no-repeat; }
#pogo-blind {  }

#gfSectionMobile a { background: transparent url(http://images.ea.com/ea/_img/nav/eamobile_graphic.jpg) no-repeat; }
#mobile-blind {  }


#gfPrompt { background: url(http://images.ea.com/ea/_img/nav/bg_gus_game.gif) no-repeat top left transparent; }
   #gfPrompt-EA { margin-bottom: 15px !important; display: block; width: 455px; height: 40px; background: url(http://images.ea.com/ea/_img/nav/hdr_find_a_game.gif) no-repeat top left transparent !important; }
   #gfPrompt-EA span { position: absolute; left: -9999px; font-size: small; }



#gfPromptText{ color: #383838; font-size: 12px; font-weight: bold;}
#gfPromptText .gfPromptHdr {
   font-size: 14px; font-weight: bold; color: #000;
   background: url(http://images.ea.com/ea/_img/nav/pl_ln_br_dots.gif) bottom repeat-x;
}

.gfPromptRefineSearchBG {  }
#gfPromptRefineSearch { font-family: Arial, Verdana, "Lucida Grande", Trebuchet MS, sans-serif; }
#gfPromptRefineSearch .gfResultTextHighLight{ color: #325280; }
#gfPromptRefineSearch #gfFeedBackNarrow{ font-family: Verdana, Arial,"Lucida Grande", Trebuchet MS, sans-serif; font-size: 10px; }
#gfPromptRefineSearch a { background: url(http://images.ea.com/ea/_img/nav/btn_view_all_games.gif); }
#gfPromptText .gfResultsFeedText{ font-size: 14px; font-weight: bold; }
#gfPromptText #gfPromptRefineSearch .gfResultsFeedText { font-size: 18px; font-weight: normal; }
.gfResultFilterFeedback { color: #325280; font-size: 11px; font-weight: normal; }

#gfFreeSearch{
   background: #000000;
   border-left-width: 1px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 201px;
   }
html>body #gfFreeSearch { width: 201px; }

#gfRelatedLinks { background-color: transparent; }

.gfTab{ color: #ffffff; border-color: #999999; border-style: solid; }
.gfTab div{ background: #3d3d3d; }

.enColumn .On { color: #3399cc; }
.enColumn .On div { color: #3399cc; background: #000000; }

#gfFilterTwo{ background: url(http://images.ea.com/ea/_img/nav/hdr_gus_find_games_by.gif) no-repeat top left transparent;
   border-left: solid 1px #afafaf; border-right: solid 1px #afafaf; border-bottom: solid 1px #afafaf;
}
#gfFilterTwo .enLabel { display: none; }

#gfFilterTwoTabs { padding-top: 31px; }
#gfFilterTwoTabs .tab {
   overflow: hidden;
   position: static;
   background: none;
   border: 0px;
   border-top: 1px solid #c6c6c6;
   width: 115px;
   height: 18px;
   \height: 19px;
   he\ight: 18px;
   }

#gfFilterTwoTabs .tab.On { background: #f14e23 !important; }
#gfFilterTwoTabs .tab.On div { color: #fff !important; }
#gfFilterTwoTabs .gfTab { color: #ccc; }
#gfFilterTwoTabs .gfTab div {
   font-weight: bold; font-size: 11px; line-height: 19px;
   margin: 0;
   color: #000;
   background: none;
}

#gfFilterThree {
   background: url(http://images.ea.com/ea/_img/nav/hdr_gus_filter3.gif) no-repeat top left transparent;
   border-right: solid 1px #cfcfcf;
}
#gfFilterThree .enLabel { display: none; }
.gfList { font-size: 11px; line-height: 18px; }
.gfFilterList {  }
.gfFilterList .gfList a { text-decoration: none; color: #000; }
.gfFilterList .gfList a:hover{ color: #fff; background: #f14e23; }
.gfFilterList .gfList div { color: #000; }
.gfFilterList .gfList .On { color: #fff; background: #f14e23; }

#gfResultsContainer .viewSite  { background-image: url(http://images.ea.com/ea/_img/nav/btn_gus_website.gif); width: 55px; margin-right: 6px; }
#gfResultsContainer .buyIt     { background-image: url(http://images.ea.com/ea/_img/nav/btn_gus_buy.gif); width: 37px !important; }
#gfResultsContainer .findRetail{ background-image: url(http://images.ea.com/ea/_img/nav/btn_gus_find_a_store.gif); position: absolute; float: none; top: 20px; left: 1px; }
#resetBtn  { background-image: url(http://images.ea.com/ea/_img/nav/btn_gus_reset.gif); }


#gfResults{ background-color: transparent; }
#gfResults .enLabel { background: transparent; }
#gfResults .enLabel div { color: #325280; }
#gfResultsContainer{  }
.gfResult { background: url(http://images.ea.com/ea/_img/nav/bg_gus_result.gif) no-repeat; }

.gfGameTitle { color: #000; font-size: 11px; }
.gfGameEsrb  { color: #325280; font-size: 11px; }
#gfResultsArrowLeft  { background-image: url(http://images.ea.com/ea/_img/nav/btn_gus_scroll_left.gif); }
#gfResultsArrowRight { background-image: url(http://images.ea.com/ea/_img/nav/btn_gus_scroll_right.gif); }
.gfGameLink  { color: #cccccc; text-decoration: none; }

#gfPromo { background: url(http://images.ea.com/ea/_img/nav/bg_gus_promo.gif) no-repeat 18px 25px #0f0f0f; }
#gfPromo a{ color: #cccccc; text-decoration: none; }
#gfPromo a:hover { color: #3399cc; }
#gfPromo .enLabel { height: 26px; border: 0; }
#gfPromo .enLabel div { padding-left: 18px; font-size: 11px; font-weight: bold; color: #63cbe8; text-transform: uppercase; line-height: 25px; }

div#gfPromo div.gfResult { background: url(http://images.ea.com/ea/_img/nav/bg_gus_promo_game.gif) no-repeat 0px 0px transparent; }
div#gfPromo div.gfResult img.gfThumb    { position: absolute; display: block; margin: 0; width: 64px; height: 90px; top: 1px; left: 124px; }
div#gfPromo div.gfResult div.gfGameText { left: 0px; top: 0px; }
div#gfPromo div.gfResult div.gfGameLinks { left: 0px; top: 59px !important; }

div#gfPromo .gfGameTitle { color: #fff; }
div#gfPromo .gfGameEsrb  { color: #ccc; }
div#gfPromo .viewSite  { background-image: url(http://images.ea.com/ea/_img/nav/brtn_website.gif); width: 55px; margin-right: 6px; }
div#gfPromo .buyIt     { background-image: url(http://images.ea.com/ea/_img/nav/btn_buy.gif); width: 38px !important; }
div#gfPromo .findRetail{ background-image: url(http://images.ea.com/ea/_img/nav/btn_gus_promo_store.gif); position: absolute; float: none; top: 22px; left: 1px; }




#gfRelatedLinks a {  }
#gfRelatedLinks a:hover{ color: #3399cc; background-color: #0e0e0e; }

.gfResultNum{ color: #325280; font-weight: bold; font-size: 18px;}
#resultsFeedback {
   position: absolute; width: 456px; height: 30px; top: 2px; left: 18px; 
   background: url(http://images.ea.com/ea/_img/nav/hdr_gus_results.gif) no-repeat bottom left transparent !important;
   font-size: 8px;
}
#resultsFeedback div { padding-left: 58px !important; padding-top: 4px;}



/****************
   SCROLLBAR
*****************/

#gfScrollbar { width: 11px !important; height: 116px !important; border: 0 !important; }
#gfScrollbar_track { width: 11px; height: 116px !important; background-image: url(http://images.ea.com/ea/_img/nav/bg_scroll.gif) !important; background-repeat: repeat-y; }
#gfScrollbar_thumb { border-left: solid 1px #858585; border-bottom: solid 1px #858585; width: 10px; background-image: url(http://images.ea.com/ea/_img/nav/thumb_scroll.gif) !important; background-color: #d4d4d4; }
#gfScrollbar_aOne { display: none; }
#gfScrollbar_aTwo { display: none; }


.scrollbar { width: 11px !important; height: 116px !important; border: 0 !important; }
.scrollbar .track { width: 11px; height: 116px !important; background-image: url(http://images.ea.com/ea/_img/nav/bg_scroll.gif) !important; background-repeat: repeat-y; }
.scrollbar .thumb { border-left: solid 1px #858585; border-bottom: solid 1px #858585; width: 10px; background-image: url(http://images.ea.com/ea/_img/nav/thumb_scroll.gif) !important;  background-color: #d4d4d4; }
.scrollbar .arrowTop { display: none; }
.scrollbar .arrowBot { display: none; }