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




/* -- Page Structure / CSS Table of Contents -- */
#page { overflow: hidden; position: relative;
      background: url(http://images.ea.com/ea/_img/bg_page.jpg) no-repeat 0px 119px transparent;
      border: 0; padding: 0; margin: 0 auto !important; width: 960px !important; height: 1613px; top: 0px;
      font-size: 0.85em; }
	  
#takeSurvey {
	position:absolute;
	width: 960px;
	height: 20px;
	left:0px;
	top: -38px;
	z-index: 9000;
    display:hidden;
}

#footer { position: absolute; top: 1501px; }

div.C_flash        { position: absolute; display: block; overflow: hidden; }
div.C_promo        { position: absolute; display: block; overflow: visible; }
div.C_community    { position: absolute; display: block; overflow: hidden; }
div.C_headlines    { position: absolute; display: block; overflow: hidden; }
div.C_news_shorts  { position: absolute; display: block; overflow: hidden; }
#content           {  }

#grid {
	top:0px;
}


/* -- Basic HTML Elements -- */
img { border: 0; }












/* -- Buttons -- */
div.btn-more { font-family: Arial, Helvetica, San-serif; font-weight: bold; }
div.btn-more span { font-size: 10px; text-align: right; }
div.btn-more a { display: block; border: 0; padding: 2px 20px 2px 0; margin: 0;
      background: url(http://images.ea.com/ea/_img/buttons/btn_more.gif) no-repeat top right transparent;
      text-decoration: none; color: #2c2c2c; text-align: right; }










/***************************
*** Plugin Components
***************************/

/* -- Flash Component -- */
div.C_flash { border: 0; padding: 0; margin: 0; width: 710px; height: 465px; top: 143px; left: 232px; background-color: transparent; }










/***************************
*** Content Components
***************************/

/* -- Game Promo Component-- */
/* !!! changes to the top attribute here must also be copied to div#promo-detail-container !!! */
.C_promo { border: 0; padding: 0; margin: 0; width: 196px; height: 600px; top: 632px; left: 18px; z-index: 50; }
.C_promo .comphdr { position: absolute; left: -9999px; font-size: small; }


/* -- Promo Tabs -- */
div#promoTabs { position: relative; width: 196px; height: 30px; background-image: url(http://images.ea.com/ea/_img/headers/home_game_promos.gif); background-repeat: no-repeat; }
   #tab-new-releases { background-image: url(http://images.ea.com/ea/_img/buttons/btn_new_releases.gif); width: 102px; top: 0px; left: 0px; }
   #tab-coming-soon  { background-image: url(http://images.ea.com/ea/_img/buttons/btn_coming_soon.gif); width: 94px; top: 0px; left: 102px; }


/* -- Promo Games -- */
div.promo-game { position: relative; overflow: visible; display: block; border-top: solid 1px #b2b2b2; padding: 7px 0; font: normal 11px/15px Arial, Helvetica, San-serif; z-index: 50;}
   p.txt-gametitle { position: absolute; overflow: hidden; padding: 0; margin: 0; width: 118px; height: 69px; top: 10px; left: 78px; color: #000; font-weight: bold; }
   p.txt-gametitle strong { color: #37527f; }
   img.game-thumb  {  }

   div.iterate-first { border-top: none; }

   div.btn-buy { position: absolute; width: 37px; height: 14px; top: 84px; left: 77px;}
   div.btn-buy span { position: absolute; left: -9999px; font-size: small; }
   div.btn-buy a { display: block; width: 37px; height: 14px; background: url(http://images.ea.com/ea/_img/buttons/home_buy.gif) no-repeat 0px 0px transparent; }
      div.btn-buy a:hover { background-position: 0px -14px; }

   div.btn-website { position: absolute; width: 55px; height: 14px; top: 84px; left: 120px; }
   div.btn-website span { position: absolute; left: -9999px; font-size: small; }
   div.btn-website a { display: block; width: 55px; height: 14px; background: url(http://images.ea.com/ea/_img/buttons/home_website.gif) no-repeat 0px 0px transparent; }
      div.btn-website a:hover { background-position: 0px -14px; }

   div.btn-music { position: absolute; width: 15px; height: 15px; top: 83px; left: 181px;}
   div.btn-music span { position: absolute; left: -9999px; font-size: small; }
   div.btn-music a { display: block; width: 15px; height: 15px; background: url(http://images.ea.com/ea/_img/buttons/home_music.gif) no-repeat 0px 0px transparent; }
      div.btn-music a:hover { background-position: 0px -15px; }


/* -- Promo Detail Popup -- */
div#promo-detail-container
{
	z-index:10004; top: 632px;position:absolute;left:17px;
}
div.promo-detail { position: absolute; float: none; display: none;
         background: url(http://images.ea.com/ea/_img/promo/bg_popup.gif) no-repeat 0px 0px transparent;
         border: 0; padding: 0; margin: 0; width: 311px; height: 438px; top: 0px; left: 78px; }

div.promo-arrow { position: absolute; display: none;
         background: url(http://images.ea.com/ea/_img/promo/icon_arrow.gif) no-repeat 0px 0px transparent;
         width: 11px; height: 21px; top: 40px; left: 67px; z-index: 100; }

div.promo-detail div.headline { padding: 30px; font-family: Arial, Helvetica, San-serif; color: #fff; }
img.game-boxart { position: absolute; top: 54px; left: 218px; }


div.promo-detail-info { position: absolute; top: 28px; left: 28px; }
div.promo-detail-info p { margin: 0; padding: 0 0 6px 0; width: 180px; font-family: Arial, Helvetica, San-serif; }

div.promo-detail-features { position: absolute; overflow: hidden; width: 260px; height: 240px; top: 167px; left: 25px; }
div.promo-detail-features p { margin: 0; padding: 0 0 6px 0; font-family: Arial, Helvetica, San-serif; }
div.promo-detail-features p strong { font-size: 12px; }

div.promo-detail-feature-hdr { display: block;
         background: url(http://images.ea.com/ea/_img/promo/hdr_game_features_include.gif) no-repeat 0px 0px transparent;
         border: 0; padding: 0; margin: 0; width: 259px; height: 40px; }

div.promo-detail-feature-hdr span { position: absolute; left: -9999px; font-size: small; }


p.txt-title  { color: #000; font: bold; font-size: 12px; line-height: 16px; }
p.txt-info   { color: #fff; font-weight: normal; font-size: 11px; line-height: 14px; }
p.txt-rating { color: #ffffcb; font: bold 10px/15px; }

.txt-title strong { font-size: 14px; text-transform: uppercase; }


/* -- Promo Pagination -- */
div#promo-newgames   { display: block; }
div#promo-comingsoon { display: none; }

strong.current { color: #f14e23; }

div.new-page { display: none; }
div#new-controls { position: absolute; display: block; float: none;
      width: 196px; height: 27px; top: 572px; left: 0px;
      font: bold 11px/13px Arial, Helvetica, San-serif;
      background: url(http://images.ea.com/ea/_img/bg_paginate.gif) repeat-x 0px 0px transparent; }

div#new-prev { position: absolute; width: 20px; height: 15px; top: 6px; left: 0px; }
div#new-next { position: absolute; width: 20px; height: 15px; top: 6px; left: 181px; }
div#new-count { position: absolute; width: 146px; height: 18px; top: 7px; left: 26px; text-align: center; }
   div#new-count span.current { font-weight: bold; color: #f14e23; cursor: default; }

div.soon-page { display: none; }
div#soon-controls { position: absolute; display: block; float: none;
      width: 205px; height: 27px; top: 572px; left: 0px;
      font: bold 11px/13px Arial, Helvetica, San-serif;
      background: url(http://images.ea.com/ea/_img/bg_paginate.gif) repeat-x 0px 0px transparent; }

div#soon-prev { position: absolute; width: 20px; height: 25px; top: 6px; left: 8px; }
div#soon-next { position: absolute; width: 20px; height: 25px; top: 6px; left: 183px; }
div#soon-count { position: absolute; width: 140px; height: 18px; top: 7px; left: 33px; text-align: center; }
   div#soon-count span.current { font-weight: bold; color: #f14e23; cursor: default; }




/* -- Community: Screenshots / Polls / Forums Component -- */
.C_community {
      border: 0; padding: 0; margin: 0; width: 533px; height: 290px; top: 632px; left: 232px;
      background: url(http://images.ea.com/ea/_img/bg_ea_community.gif) no-repeat 0px 0px transparent;
}
div#game_community { overflow: hidden; font-family: Arial, Helvetica, San-serif; }



/* -- Screenshot Tabs -- */
div#screenTabs   { position: relative; width: 460px; height: 24px; }
   #tab-ss-week  { background-image: url(http://images.ea.com/ea/_img/buttons/btn_screenshot_of_the_week.gif); width: 181px; top: 0px; left: 0px; }
   #tab-ea-polls { background-image: url(http://images.ea.com/ea/_img/buttons/btn_ea_polls.gif); width: 71px; top: 0px; left: 182px; }
   #tab-forums   { background-image: url(http://images.ea.com/ea/_img/buttons/btn_forums.gif); width: 81px; top: 0px; left: 253px; }
   #tab-play     { background-image: url(http://images.ea.com/ea/_img/buttons/btn_online_play.gif); width: 107px; top: 0px; left: 334px; }
   #tab-forums a { display: block; float: none; border: 0; padding: 0; margin: 0; width: 81px; height: 24px; }

div.feature-set { font-family: Arial, Helvetica, San-serif; position: absolute; width: 530px; height: 264px; top: 24px; left: 0px; display: none; }
   #screenshots { display: block; }


div.feature-set .comphdr { position: absolute;
      border-bottom: solid 1px #b8b8b8; padding: 0; margin: 0; width: 494px; height: 31px; top: 21px; left: 20px;
      background-repeat: no-repeat; background-color: transparent; background-position: 0px 0px;
}
div.feature-set .comphdr span { position: absolute; left: -9999px; font-size: small; }

divfeature-set div.headline { padding: 20px; color: #666; font-weight: bold; font-size: 10px; }

div#screenshots { overflow: hidden; }
div#screenshots .comphdr { position: absolute; left: -9999px; font-size: small; }

div#screenshots img { position: absolute; width: 496px; height: 210px; top: 20px; left: 19px; z-index: 10; }
div#screenshots p.ss-credits { position: absolute; padding: 0; margin: 0; width: 496px; top: 6px; left: 19px; z-index: 11; font-size: 9px; overflow: hidden; text-align: right; }
div#screenshots p.ss-caption { position: absolute; padding: 0; margin: 0; width: 345px; top: 238px; left: 19px; z-index: 5; font-size: 12px; overflow: hidden; }
   div#screenshots p.ss-caption strong { color: #355586; }
   div#screenshots p.ss-caption span   { color: #333; }
   div#screenshots p.ss-caption a { padding-right: 10px; background: url(http://images.ea.com/ea/_img/icn_screenshot.gif) no-repeat center right transparent; text-decoration: none; }

div#btn-send-screenshot { position: absolute; top: 238px; right: 15px; }
div#btn-send-screenshot span { position: absolute; left: -9999px; font-size: small; }
div#btn-send-screenshot a { display: block; width: 170px; height: 15px; background: url(http://images.ea.com/ea/_img/buttons/btn_send_screenshot.gif) no-repeat 0px 0px transparent; }
   div#btn-send-screenshot a:hover { background-position: 0px -15px; }


/* -- Polls -- */
div#eapolls { font-family: Arial, Helvetica, San-serif; }
div#eapolls .comphdr { background-image: url(http://images.ea.com/ea/_img/headers/home_latest_poll.gif); }
div#eapolls .comphdr span { position: absolute; left: -9999px; font-size: small; }
div.C_poll div.header { display: none; }
div.C_poll div.footer { display: none; }

div.feature-set .content  { padding: 65px 19px 0px 19px; }
div.feature-set .question { padding-bottom: 10px; font-size: 12px; font-weight: bold; }

div.feature-set form { padding: 0 0 10px 0; margin: 0 0 10px 0; }
.question { padding-bottom: 6px; margin-bottom: 10px; background: url(http://images.ea.com/ea/_img/bg_dotted_line.gif) no-repeat bottom left transparent; }
div.feature-set div.poll_option { float: left; padding: 3px 0; width: 180px; font-size: 12px; line-height: 14px; }
div.feature-set div.poll_item   { padding: 3px 0 0 0; width: 180px; font-size: 12px; line-height: 14px; }
div.totalvotes { padding-top: 7px; font-size: 12px; font-weight: bold; }

div.feature-set div.complinkscontainer { position: absolute; bottom: 50px; left: 20px; }
div.feature-set div.totalvotes { position: absolute; bottom: 50px; left: 20px; }

#pollheaderblock { display: none !important; }
div#voteblock { width: 92px; height: 14px; background: url(http://images.ea.com/ea/_img/buttons/btn_submit_your_vote.gif) no-repeat 0px 0px transparent; }
div#voteblock span { position: absolute; left: -9999px; font-size: small; }
div#voteblock a    { display: none; }
div#voteblock a:hover { background-position: 0px -14px; }

div.feature-set p.ss-caption { position: absolute; padding: 0; margin: 0; width: 345px; top: 238px; left: 19px; z-index: 5; font-size: 12px; overflow: hidden; }

div#btn-send-poll { position: absolute; top: 238px; right: 15px; }
   div#btn-send-poll a { display: block; width: 130px; height: 15px; background: url(http://images.ea.com/ea/_img/buttons/btn_send_question.gif) no-repeat 0px 0px transparent; }
   div#btn-send-poll a:hover { background-position: 0px -15px; }
   div#btn-send-poll span { position: absolute; left: -9999px; font-size: small; }


/* -- Forums -- */
div#eaforums .comphdr { background-image: url(http://images.ea.com/ea/_img/headers/home_forums.gif); }
div#eaforums .compbody { padding: 70px 20px 0 20px; }
div#eaforums table.forum-table { width: 494px;  }
div#eaforums table.forum-table tr { padding-bottom: 1px; padding-top: 1px; background: url(http://images.ea.com/ea/_img/bg_news_list.gif) repeat-x bottom left transparent; }
div#eaforums table.forum-table td { width: 33%; font-size: 12px; line-height: 23px; }
div#eaforums table.forum-table td.forum-title { font-weight: bold; }
div#eaforums table.forum-table a { text-decoration: none; }
div#eaforums table.forum-table a:hover { text-decoration: underline; }
div#eaforums table.forum-table td.forum-link a {
   display: block;
   font-size: 11px; text-align: right; font-weight: bold; color: #333;
   background-image: url(http://images.ea.com/ea/_img/buttons/btn_join.gif); background-repeat: no-repeat; background-color: transparent; background-position: right 1px;
   padding-right: 20px;
   padding-bottom: 1px;
   width: 55px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 35px;
   }
html>body div#eaforums table.forum-table td.forum-link a {
      width: 35px;
}
div#eaforums table.forum-table td.forum-link a:hover { background-position: right -34px; }

div#eaforums table.forum-table h5 { border: 0; margin: 0; padding: 0; height: 25px; background-repeat: no-repeat; background-color: transparent; }
div#eaforums table.forum-table h5 span { position: absolute; left: -9999px; font-size: small; }
div#eaforums h5#hdr-forum-title{ width: 41px; background-image: url(http://images.ea.com/ea/_img/headers/hdr_table_forum.gif); }
div#eaforums h5#hdr-forum-msg  { width: 52px; background-image: url(http://images.ea.com/ea/_img/headers/hdr_table_message.gif); }
div#eaforums h5#hdr-forum-join { width: 72px; background-image: url(http://images.ea.com/ea/_img/headers/hdr_table_join_a_forum.gif); }

div#btn-see-all-forums { position: absolute; display: block; width: 92px; height: 15px; bottom: 11px; right: 15px; }
div#btn-see-all-forums a { display: block; width: 92px; height: 15px; background: url(http://images.ea.com/ea/_img/buttons/btn_see_all_forums.gif) no-repeat top left transparent; }
div#btn-see-all-forums a:hover { background-position: 0px -15px; }
div#btn-see-all-forums span { position: absolute; left: -9999px; font-size: small; }


/* -- Online Play -- */
div#eaplay .comphdr { background-image: url(http://images.ea.com/ea/_img/headers/home_online_play.gif); }
div#eaplay .compbody { padding: 55px 20px 0 20px; }
div#eaplay { font-size: 12px; line-height: 16px; }

div#btn-play-now { position: absolute; width: 45px; height: 14px; bottom: 11px; left:465px; }
div#btn-play-now a { display: block; width: 100%; height: 100%;  background: transparent url(http://images.ea.com/ea/_img/buttons/btn_more_short.gif) no-repeat 0px 0px; }
div#btn-play-now a:hover { background-position: 0px -14px; }
div#btn-play-now span { position: absolute; left: -9999px; font-size: small; }

div#eaplay .compbody p { margin: 9px 0px 16px 0px; }
div#eaplay .compbody ul {list-style: none; padding:0px; margin:0px; width:519px; height:102px; background: transparent url(http://images.ea.com/ea/_img/bg_online_play_promo.gif) no-repeat scroll 252px 0px;}
div#eaplay .compbody strong { background: transparent url(http://images.ea.com/ea/_img/buttons/btn_friends_list.gif) no-repeat scroll 0px 0px; border-bottom: 1px dotted #686868; color: #325280; display:block; font-size: 12px; font-family: Arial; height:23px; padding: 7px 0px 0px 33px; width:187px; }
div#eaplay .compbody li { float: left; height: 30px;  margin-bottom: 3px; width: 211px; }
div#eaplay .compbody li.right { margin-left: 34px; padding-left: 33px;}/* border-left: 1px dotted #686868;*/

div#eaplay .compbody .create_gamer_profile strong { background-image: url(http://images.ea.com/ea/_img/buttons/btn_create_gamer_profile.gif); }
div#eaplay .compbody .expand_game strong { background-image: url(http://images.ea.com/ea/_img/buttons/btn_expand_game.gif); }
div#eaplay .compbody .personalize_console strong { background-image: url(http://images.ea.com/ea/_img/buttons/btn_personalize_console.gif); }
div#eaplay .compbody .download_demos strong { background-image: url(http://images.ea.com/ea/_img/buttons/btn_download_demos.gif); border-bottom: 0px;}
div#eaplay .compbody .enter_online_events strong { background-image: url(http://images.ea.com/ea/_img/buttons/btn_enter_online_events.gif);  border-bottom: 0px;}

div#eaplay a { text-decoration: none; }

/* -- Latest News Headlines Component -- */
.C_headlines {
      border: 0; padding: 0; margin: 0; width: 533px; height: 290px; top: 942px; left: 232px;
      background: url(http://images.ea.com/ea/_img/bg_ea_community.gif) no-repeat 0px 0px transparent;
}
.C_headlines .comphdr { position: absolute; left: -9999px; font-size: small; }

div#headlineTabs { position: relative; width: 360px; height: 24px; }
   #tab-latest-headlines { background-image: url(http://images.ea.com/ea/_img/buttons/btn_latest_headlines.gif); width: 141px; top: 0px; left: 0px; }

#the_domain { display: none; }
#game_news {  }


/* -- Custom Font Related Stuffs : part of news headlines component -- */
html .replacement-imgs .eas-38 img { margin-left: 1px; margin-right: 3px; }


/* -- Latest headline listings -- */
ul#latest-headlines {
   border: 0; padding: 0; margin: 0 0 0 19px; width: 495px;
   font-family: Arial, Helvetica, sans-serif; font-size: 12px;
   list-style: none;
   color: #333;
}

ul#latest-headlines li { overflow: hidden; list-style: none;
      background: url(http://images.ea.com/ea/_img/bg_news_list.gif) repeat-x top left transparent;
      padding: 4px 0 2px 0; margin: 0;
      height: 16px;
      \height: 22px;
      he\ight: 16px;
}

ul#latest-headlines li strong.title { font-weight: normal; }
ul#latest-headlines li strong.date {
      padding-left: 10px; margin-right: 4px;
      background: url(http://images.ea.com/ea/_img/headers/small_latest_arrow.gif) no-repeat 0px 4px;
      color: #4c688f;
}
ul#latest-headlines li p.teaser { display: none; }
ul#latest-headlines li a.perma { float: right; width: 38px; height: 16px; background: url(http://images.ea.com/ea/_img/buttons/home_read.gif) no-repeat 0px 0px; }
   ul#latest-headlines li a.perma:hover { background-position: -38px 0px; }

ul#latest-headlines li.first-iterate { background: none; padding: 0; margin: 0; height: 140px !important; }
ul#latest-headlines li.first-iterate p.teaser { display: block; margin-top: 0px; margin-bottom: 21px; }
ul#latest-headlines li.first-iterate a.perma  { float: none; background: none; color: #4c688f; }
ul#latest-headlines li.first-iterate strong   { display: block; margin-bottom: 0; font-weight: bold; }
ul#latest-headlines li.first-iterate strong.date { display: block;
      background: url(http://images.ea.com/ea/_img/line_news_date.gif) repeat-x 0px 55px transparent;
      border: 0; padding: 22px 0 11px 0; margin: 0; width: 100%;
      height: 31px;
      \height: 64px;
      he\ight: 31px;
}

a#see-all-latest-headlines {
   display: block; position: absolute; overflow: hidden;
   background: url(http://images.ea.com/ea/_img/buttons/btn_see_news.gif) no-repeat 0 0 transparent;
   width: 85px; height: 15px; top: 57px; right: 24px; z-index: 20;
   text-decoration: none; color: #000;
}
a#see-all-latest-headlines:hover { background-position: 0px -15px; }
a#see-all-latest-headlines span { position: absolute; left: -9999px; font-size: small; }




/* -- News Shorts -- */
div.C_news_shorts { border: 0; padding: 0; margin: 0; width: 933px; height: 150px; top: 1260px; left: 18px; }

div.comp_shorts { overflow: hidden; position: absolute;
      background: url(http://images.ea.com/ea/_img/bg_news_shorts.gif) no-repeat 0px 0px transparent;
      width: 453px; height: 148px;
}
   div#short1 { top: 0px; left: 0px; }
   div#short2 { top: 0px; left: 472px; }

div.comp_shorts .teaser-thumb      { position: absolute; top: 17px; left: 15px; width: 208px; height: 118px; }
div.comp_shorts h1.teaser-headline { position: absolute; left: 242px; top: 15px; width: 191px; height: 23px; border-bottom: 1px solid #999; overflow: hidden; font-size: 15px; background: transparent no-repeat 0px 0px;}
div.comp_shorts div.teaser-text    { position: absolute; left: 242px; top:50px; width: 191px; height: 60px; overflow: hidden; font-size: 12px; font-family: Arial, sans-serif;}

div.comp_shorts a.more {
      position: absolute; display: block; overflow: hidden;
      padding: 0; width: 45px; height: 14px; left: 388px; top: 119px;
      background: url(http://images.ea.com/ea/_img/buttons/btn_more_short.gif) no-repeat 0px 0px transparent;
}
div.comp_shorts a.more:hover { background-position: 0px -14px; }
div.comp_shorts a.more span { position: absolute; left: -9999px; font-size: small; }















/* -- Service Information -- */

#service_information {
position: absolute;
left: 19px; top: 1434px; width: 923px; height: 23px; padding-top: 12px;
font-size: 11px; line-height: 11px; font-family: Arial;
background: transparent url(http://images.ea.com/ea/_img/bg_service_information.gif) scroll repeat-x 0px 0px;
}

#service_information strong { color: #325280; }
#service_information a { color: #4C688F; text-decoration: underline; }
#service_information a:hover { text-decoration: underline;}