/*********************************************************************
   sports/home.css for EA.com
   code by Byron Tredwell (byron(AT)blastradius.com)
   modified by A.Chang (allan.chang(AT)blastradius.com)
   css for easports.com home page
*********************************************************************/

body { background: url(../_img/bg_page_home.jpg) no-repeat top center #fff; }

#page{ z-index:2;
   background-color: transparent;
   border: 0; margin: 0 auto; padding: 0 20px !important;
   width: 890px;
   \width: 935px;
   w\idth: 890px;
   height: 1065px; }

#grid{  }

.hide { position: absolute; left: -9999px; font-size: small; }

#headerBG { background-image: none; }

.blockBg{
   background: #ffffff;
   opacity: 0;
   -moz-opacity: 0;
   -khtml-opacity: 0;
   filter: alpha(opacity=0);
}


/*****************
 scrollbar classes
*****************/

.scrollbar { background-color: #fff; border-color: #fff; }

.scrollbar .track {
   background-image: url(../_img/home/sb_gradient.gif);
   background-repeat: y-repeat;
   background-color: #fff; }

.scrollbar .thumb { background: url(../_img/home/sb_thumb.gif) repeat-y top left #d00000; }
.scrollbar .arrow { border-color: #fff; }
.scrollbar .arrowTop   { background-image: url(../_img/home/sb_arrow_up.gif); }
.scrollbar .arrowBot   { background-image: url(../_img/home/sb_arrow_down.gif); }
.scrollbar .arrowTopOn { background-image: url(../_img/home/sb_arrow_up_on.gif); }
.scrollbar .arrowBotOn { background-image: url(../_img/home/sb_arrow_down_on.gif); }




/* Global Navigation */
   div#globalNav { background-color: transparent;
         width: 100%;
         border: 0; padding: 0; margin: 0 auto; }
     #globalNav .navItem{ border-right: 1px #979797 solid; }
     #globalNav a { color: #b3b3b3; font: normal 11px/22px Arial, Helvetica, San-serif !important; }
     #globalNav a:hover { color: #fff; background-color: #000000; }

   div#topBar { border-top: solid 1px #fff; border-left: solid 1px #fff; border-right: solid 1px #fff;
      background-color: #666666 !important; margin: 0 auto;
      width: 912px !important;
      \width: 914px !important;
      w\idth: 912px !important; }
   div#topBar a { margin: 0 auto; }




/* Footer Information */
#footer { padding: 0; margin: 0; height: 100px; background-color: transparent;}

#footerbg { background-image: none !important; }
#footerbox { position: relative; width: 890px; margin: 0 auto; border-top: solid 1px #909294; padding-top: 10px; }

#footerbg a { text-decoration: underline; }
#footerbg a:link, #footerbg a:visited { color: #7c7f7f; }
#footerbg a:hover { color: #000; }

#esrb { margin-top: 10px; }



/* using Editoral Item component to display Service Info module */
.C_editorial_feature .comphdr{display:none}
.C_editorial_feature .hdr{text-transform:uppercase;margin-bottom:10px;}
.C_editorial_feature .compbody{margin:2px 8px;line-height:14px;}
.C_editorial_feature a { color:#333 }




/*********************************************************************
   Widgets
*********************************************************************/

#comp_4 .complinkscontainer{
   position: absolute; top: 130px; left: 0px; }

.COMP .complinkscontainer{
   background-image: none;
   background-color: transparent;
   padding-bottom: 3px;
   overflow: hidden;
   text-align: right; }

/* EA Sports Line Up */

div#promo-lineup { background: url(../_img/home/bg_easports_lineup.gif) no-repeat top left transparent;
   padding: 28px 1px 3px 5px;
   width: 285px;
   \width: 291px;
   w\idth: 285px;
   height: 210px;
   \height: 241px;
   he\ight: 210px;
   overflow: hidden; }

div#comp_0 { background-image: none; border: 0; }

table.ea-lineup { font: 10px/15px Verdana, Helvetica, San-serif; }
table.ea-lineup th { padding-left: 6px; font-weight: bold; color: #ca0607; text-align: left; }
   tr.row0 { background-color: #f9f9f9; }
   tr.row1 { background-color: #e5e5e5; }

   td.bullet { width: 20px; }

   td.gmtitle { width: 182px; }
      td.gmtitle a { color: #333; text-decoration: none; }
      td.gmtitle a:hover { text-decoration: underline; }

   td.gmpurchase { width: 60px; text-align: center; }
      td.gmpurchase a { color: #e00000; text-decoration: none; }
      td.gmpurchase a:hover { text-decoration: underline; }


/* Players Online */
div.C_players_online { background: url(../_img/home/bg_players_online.gif) no-repeat top left transparent; color: #fff;
   border: 0; padding: 2px 10px; margin: 0;
   width: 270px;
   \width: 290px;
   w\idth: 270px;
   height: 39px;
   \height: 43px;
   he\ight: 39px;
   }

.C_players_online #playercounter{ background:  url(../_img/home/mask_players_online.gif) no-repeat top right #585858;
   float: left;
   font: bold 2em Verdana; line-height: 28px;
   margin-top: 5px; padding-left: 5px; padding-right: 10px; height: 29px; }

.C_players_online .textcontainer{ float: left; margin: 2px 10px; }
.C_players_online .title{ color: #b7b7b7; font: bold 14px Verdana; line-height: 20px; }
.C_players_online .content { font-size: 10px; line-height: 10px; color: #999; }
.C_players_online .content a { text-decoration: none; font-weight: bold; color: #999; }


/* EA Sports Headlines*/
div.C_editorial_list { background:  url(../_img/home/bg_easports_headlines.gif) no-repeat top left transparent;
   border: 0; padding: 9px 0 2px 0; margin: 0;
   width: 291px;
   \width: 291px;
   w\idth: 291px;
   height: 230px;
   \height: 241px;
   he\ight: 230px; }
   div.comphdr { position: absolute; left: -9999px; font-size: small; }

   div.btn-rss { background:  url(../_img/home/btn_rss.gif) no-repeat top left transparent;
      position: absolute; border: 0; padding: 0; margin: 0; top: 8px; left: 247px; width: 36px; height: 14px; }
      div.btn-rss a { display: block; float: none; border: 0; padding: 0; margin: 0; width: 36px; height: 14px; }
      div.btn-rss span  { position: absolute; left: -9999px; font-size: small; }

   ul.headline-home { list-style: none; margin: 0; padding: 0; border: 0; font: normal 10px Verdana, Helvetica, San-serif; color: #333; }
      ul.headline-home li { padding: 2px 8px 3px 20px; margin: 1px 0 0 6px; background:  url(../_img/home/bullet_lineup.gif) no-repeat 2px 5px; }
      ul.headline-home li.row1 { background-color: #f9f9f9; }
      ul.headline-home li.row0 { background-color: #e5e5e5; }
      ul.headline-home a { text-decoration: none; color: #333; }
      ul.headline-home a:hover { text-decoration: underline; }


/* EA Sports Locker Talk */
div#promo-locker-talk { background: url(../_img/home/bg_locker_talk.gif) no-repeat top left transparent;
   border: 0; padding: 32px 0 0 0;
   width: 291px;
   height: 109px;
   \height: 141px;
   he\ight: 109px;
   overflow: hidden; }

table.forum-talk { margin-left: 10px; }
table.forum-talk a { text-decoration: none; color: #000; }
table.forum-talk a:hover { text-decoration: underline; }

table.forum-talk { font: 10px/15px Verdana, Helvetica, San-serif; }
table.forum-talk th { font-weight: bold; color: #ca0607; text-align: left; }
table.forum-talk td { padding-left: 15px; }

div.btn-forums { position: absolute; top: 123px; left: 197px; z-index: 50; width: 89px; height: 15px; border: 0; padding: 0; margin: 0; 
      background: url(../_img/home/btn_go_to_the_forums.gif) no-repeat top left transparent; }
div.btn-forums a { display: block; float: none; width: 89px; height: 15px; border: 0; padding: 0; margin: 0; }
div.btn-forums span { position: absolute; left: -9999px; font-size: small; }


div.gridBlock div.C_image { border: 0; padding: 0 !important; margin: 0; background-image: none; height: auto; }


/* poll */
.COMP.C_poll { background: url(../_img/home/bg_easports_poll.jpg) no-repeat top left transparent;
   border: 0; padding: 0 0 2px 0; margin: 0;
   width: 291px;
   height: 289px;
   \height: 291px;
   he\ight: 289px; }

#pollheaderblock { display: none; }
.C_poll .complinkscontainer { bottom: 25px; float: left; left: 20px; width: 71px; height: 19px; overflow: hidden; }

#voteblock {
   background: url(../_img/home/btn_vote_now.gif) no-repeat top left transparent;
   cursor: hand; cursor: pointer;
   position: absolute;
   border: 0; padding: 0 0 0 71px; margin: 0; width: 142px; height: 19px; left: 0px; }

.C_poll .question { background: none; }

div#pollblock {
   background: none; position: relative; background-color: transparent;
   padding: 45px 15px 15px 15px; margin: 0px; top: 30px;
   width: 240px;
   height: 150px;
   \height: 220px;
   he\ight: 150px;
   color: #92BAC5;
   font-size: 10px; }

#pollblock .question {
   float: none; position: absolute;
   font-weight: bold; font-size: 11px; line-height: 12px;
   padding: 0; width: 240px; height: 25px; top: 3px;
   color: #000; }

#pollblock .poll_option {
   float: none; position: relative; clear: both;
   padding: 0 0 1px 0; top: 0px; width: 240px;
   color: #000; }

#pollblock .school { color: #558091; }
#pollblock .resultPercentage { color: #000; }
#pollblock .totalvotes { color: #000; margin-top: 15px; padding-left: 0px; font-weight: bold; font-size: 11px; }


/* Nation Bio */
div#nationBio {
   background: url(../_img/home/bg_nation_bio.jpg) no-repeat top left transparent;
   border: 0; padding: 51px 0 0 0; margin: 0; }

div#nationBio .COMP { background-image: none; background-color: transparent;
   border: 0; padding: 0; margin: 0;
   height: 110px;
   }

div#bio { display: block; margin: 0; width: 100px; height: 140px; }
div#bio-profile { display: block; margin: 0 0 0 9px; width: 100px; height: 140px; }
   div.bio-avatar { background: url(../_img/home/bg_avatar.gif) no-repeat top left transparent;
   padding: 20px 20px 20px 21px;
   width: 50px;
   \width: 91px;
   w\idth: 50px;
   height: 56px;
   \height: 96px;
   he\ight: 56px; }

   div.btn-profile { border: 0; padding: 0; margin: 0; width: 92px; height: 17px; }
   div.btn-profile a { border: 0; width: 92px; height: 14px; display: block; float: none; }
   div.btn-profile span { position: absolute; left: -9999px; font-size: small; }
      div#btn-view { background: url(../_img/home/btn_view_profile.gif) no-repeat top left transparent; }
      div#btn-edit { background: url(../_img/home/btn_edit_profile.gif) no-repeat top left transparent; }

div#bio-text { position: absolute; top: 51px; left: 108px; border: 0; padding: 0; margin: 0; width: 174px; height: 135px; font-family: Arial, Helvetica, San-serif; overflow: hidden; }
   #bio-text h3 { border: 0; padding: 0; margin: 0; font-weight: bold; font-size: 14px; }
   #bio-text h4 { border: 0; padding: 0; margin: 0; font-weight: bold; font-size: 11px; }
   #bio-text p { padding-top: 0; margin-top: 0; font-size: 11px; }
   #bio-text p.quote { font-style: italic; }

div#comp_5 { height: 150px !important; }
   p.online-games { margin: 0 0 5px 11px; font: bold 10px Verdana, Helvetica, San-serif; color: #cc0000; }
   ul.online-games { list-style: none; margin: 0; padding: 0 0 0 9px; border: 0; font: normal 10px Verdana, Helvetica, San-serif; color: #333; }
      ul.online-games li { padding: 2px 8px 3px 20px; margin: 1px 0 0 0; background:  url(../_img/home/bullet_lineup.gif) no-repeat 2px 5px; }
      ul.online-games li.row1 { background-color: #f9f9f9; }
      ul.online-games li.row0 { background-color: #e5e5e5; }
      ul.online-games a { text-decoration: none; color: #333; }
      ul.online-games a:hover { text-decoration: underline; }


/* Nation Bio Start*/
div#nationBioStart {
   background: url(../_img/home/ea_sports_nation_start.jpg) no-repeat top left transparent;
   border: 0; padding: 51px 0 0 0; margin: 0; color: #fff; }

div#nationBioStart .COMP { background-image: none; background-color: transparent;
   border: 0; padding: 0; margin: 0;
   height: 110px;
   }

div#nationBioStart h3 { position: absolute; width: 268px; height: auto; top: 162px; left: 11px; font-size: 16px; border: 0; padding: 0; margin: 0; }
div#nationBioStart p { position: absolute; width: 268px; height: auto; top: 181px; left: 11px; font-size: 11px; border: 0; padding: 0; margin: 0; }
ul.btn-profile { position: absolute; float: none; border: 0; padding: 0; margin: 0; width: 275px; height: 35px; top: 235px; left: 8px; list-style-type: none; }
   ul.btn-profile li { position: absolute; width: 135px; height: 16px; list-style: none; border: 0; padding: 0; margin: 0; background: url(../_img/home/btn_nation_start.gif) no-repeat transparent; }
   ul.btn-profile li a    { display: block; width: 135px; height: 16px; text-decoration: none; }
   ul.btn-profile li span { position: absolute; left: -9999px; font-size: small; }
   li#bio-eastore  { top: 0px; left: 0px; background-position: 0px 0px; }
   li#bio-forums   { top: 0px; left: 140px; background-position: -0px -32px; }
   li#bio-register { top: 18px; left: 0px; background-position: 0px -16px; }
   li#bio-support  { top: 18px; left: 140px; background-position: 0px -48px; }


/* Additional Links */
div#C_additional_links { background-image: none; background-color: transparent; border: 0; font-family: Verdana, Helvetica, San-serif; font-size: 10px; line-height: 15px; overflow: hidden; }

   #C_additional_links ul { list-style: none; }
   #C_additional_links ul li { background: url(../_img/home/bg_add_links.gif) no-repeat top left transparent;
      float: left;
      border: 0; padding: 0; margin: 0 0 3px 8px ; list-style-type: none;
      width: 216px; height: 16px; overflow: hidden;
      text-align: center; }
   #C_additional_links ul li a { color: #7c7c7c; }
   #C_additional_links ul li a:hover { color: #000; }
      ul li.first { margin-left: 0 !important; }

p#legal { color: #898989; position: absolute; bottom: 5px; }
p#legal a, p#legal a:link, p#legal a:visited { color: #898989; }
p#legal a:hover { color: #000; }




/* Leader Boards */
.COMP.C_leaders { 
background: url(../_img/home/bg_leader_boards.gif) no-repeat top left transparent;
border: 0; padding: 45px 0 0 0; margin: 0;
   width: 291px;
   height: 246px;
   \height: 291px;
   he\ight: 246px; }

div#comp_6 { background-image: none; border: 0;
   margin-left: 5px;
   width: 285px; height: 225px; }

.C_leaders .comphdr { position: absolute; left: -9999px; font-size: small; }

table#board-leader { width: 259px; border: 0; padding: 0; margin: 0; font: normal 10px/20px Verdana, Helvetica, San-serif; }
table#board-leader a { color: #333; }
table#board-leader a:link, table#board-leader a:visited  { text-decoration: none; color: #333; }
table#board-leader a:hover  { text-decoration: underline; color: #000; }


td.leader-category { float: left; padding: 0 4px 0 8px;
   width: 108px;
   \width: 120px;
   w\idth: 108px; }
td.leader-player { float: left;  padding: 0 8px 0 0;
   width: 130px;
   \width: 138px;
   w\idth: 130px; }




/* Feature Flash Piece */
.FLASH { border: 0; padding: 0; margin: 0; background-image: none; }