/*********************************************************************
   sports/madden06/components.css for EA.com
   code by Byron Tredwell (byron(AT)blastradius.com)
*********************************************************************/

/* IMPORT SPORTS.COM components.css */
@import url(../../_css/components.css); 

/***********************
   COMP OVERRIDES
************************/

.COMP {
   border: 1px solid #000000;
   color:#669999;
   }
.COMP .comphdr{
   border: 0px;
   padding: 4px 6px;
   color: #fff;
   background:#203F3E;
   margin:6px;
   text-transform: uppercase;
}

   
.COMP .hdr{ 
   color: #66FFFF;
   font-family:  Helvetica, Verdana, "Lucida Grande", Arial, sans-serif;
   font-weight: bold;
   font-size:0.9em;
   }


.COMP .scrollbar{
   right: 6px; top: 36px; 
   }
.COMP a {
   text-decoration: none;
   color:#669999;
   font-weight:bold;
   }
.compbody a:hover {
   color:#e00000;
   }
.compbody a {
   background:url(../_img/bullet_link.png) left top no-repeat;
   padding-left:14px;
}  

.compbody .hdr {
   padding: 4px 6px;
   color: #fff;
   background:#203F3E;

}

.compbody .content {
   margin:6px 0px;
   padding: 3px 6px ;
   background:#000;
   line-height:1.4em;
   font-size:0.85em;
   }
.compbody .copy {
   padding: 8px;
   line-height:1.4em;
}
   
.compwrapper {
   position: absolute; 
   overflow: hidden; 
   width:100%;
   
   }
.compbody {
   padding: 0 6px; 
   
   }
   
.compbody .source {
   margin-top:5px;
   font-style:italic;
   }
.COMP .complinkscontainer{
   bottom: 6px;
   background: none;
   }
.COMP .complinks{
   background: none;
   }
.COMP .complinks a {
   background: url(../_img/bg_complinks.png) top left no-repeat;
   color:#fff;
   padding:2px 10px 2px 60px;
   }

.COMP ul{
   padding-left: 16px;
   }

#C_title_nav{
   overflow: hidden;
   }
   
/****************************
  C_image COMPONENT 
****************************/
.C_image{
   border: 0px;
   }
.FLASH {
   border: 0px;
   }
   
/****************************
  C_editorial_feature COMPONENT 
****************************/

.C_editorial_feature .pic{
   padding-top: 6px;
   }
.C_editorial_feature .hdr{
   padding-left: 6px;
   }

/****************************
  C_editorial_list COMPONENT 
****************************/

.C_editorial_list .listItem { margin-bottom: 8px; }
.C_editorial_list .content a { display:block;}
   
.C_editorial_list .hdr{ 
   padding-left: 0px;
   color: #66ffff;
   background: none;
   font-size:1.1em;
   float: left;
   width: 70%;
   }
.C_editorial_list .date{ 
   float: right;
   text-align: right;
   width: 25%;
   }
.C_editorial_list .teaser{ 
   }
   
/****************************
  C_press COMPONENT 
****************************/
.C_press .new {
   background: #ccc;
   padding: 2px 0; 
   margin-bottom:8px;
   }
.C_press .content a { display:block;}
.C_press .new span { background: #e00000; color: #fff; padding: 3px 5px; }
.C_press .notNew { display: none; }

/****************************
  C_awards COMPONENT 
****************************/
.C_awards { background: url(../_img/bg_checkers.gif) top left repeat; border: none; }
.C_awards .comphdr{ color: #fff; }
.C_awards .comphdr div { border-color: #fff; }
.C_awards .awardList { width: 100%; text-align: center; }
.C_awards .awardList img { margin: 5px 2px; }

.C_teasers .content a { display:block;}
/****************************
  C_rss_news COMPONENT 
****************************/

.C_rss_news .content{
   font-weight: bold;
   padding:6px 0px;
   }
.C_rss_news .intro {
  padding:6px 6px;
}
.C_rss_news .content a { display:block;}

.C_rss_news .pic{
   padding-top: 6px;
   }
/****************************
  C_news_events_list COMPONENT
****************************/

#newsEventsTabs{
   padding-top: 4px;
   padding-left:7px;
   }
#newsEventsTabs .tab{
   float: left;
   padding:2px 10px;
   font-weight:bold;
   text-transform:uppercase;
   font-size:0.9em;
   }
#newsEventsTabs .On{
   color: #fff;
   background:#f00;
   
   }
.C_news_events_list .hdr{
   padding-left: 0px;
   color: #66ffff;
   background: none;
   font-size:1.1em;
   }
.C_news_events_list .teaser a{
   display:block;
   }  
.C_news_events_article .hdr h2{
	font:bold 15px arial, Sans-serif;	
}
  
.C_news_events_article .date{
   padding-bottom: 6px;
   }
   
.C_news_events_article .body{
   padding: 6px;
   font-size:11px;
   line-height:17px;
   }
   
#newsEventsArticle .body{
   margin-top: 6px;
   background: #000000;
 }
 
#newsEventsArticle .subtitle{display: none;}
#newsEventsArticle .icon{display: none;}
#newsEventsArticle .hdr{font-size:0.8em}

/****************************
  C_blog COMPONENT 
****************************/
.C_blog .hdr {
   padding: 4px 6px;
   color: #fff;
   background:#203F3E;
   }

.C_blog .content {
   padding:15px;
   margin-top:0px;
   }
.C_blog .date {
   float:right;
   font-weight:normal;
   font-style:normal;
   }
 
   
/****************************
  C_blog COMPONENT 
****************************/
.C_players_online {
   border: 0;
   }
.C_players_online .textcontainer {
   display: none;
   }
.C_players_online #playercounter {
   padding-top: 8px;
   color: #eeeeee;
   font-weight: bold;
   text-align: right;
   width: 48px;
   }
.C_players_online {
   background: url(../_img/bg_num_online.gif) no-repeat;
   }
   
/****************************
C_single_downloadCOMPONENT 
****************************/
.C_download {
   overflow:hidden;
   }
.C_download ul {
   margin:0px;
   padding:0px;
   }
.dfeature .pic {
   float:left;
   }
.dfeature .compbody {
   float:left;
   width:136px;
   margin-top:6px;
   }
.dfeature .copy {
   font-size:0.9em;
}
.C_download .dlinks {
   list-style:none;  
   }

.dlinks li {
   margin:0px;
   background: url(../_img/icon_download.png) #000 center right no-repeat;
   padding:2px 26px 2px 0px;
   }

.dmulti li, .dfeature li {
   margin-top:4px;
   }
.dlinks a  {
   color:#fff;
   font-size:10px;
   }

.dsingle .hdr {
   margin:6px;
   }
.dmulti .hdr {
   margin-bottom:6px;
   }

.dsingle .pic {
   text-align:center;
   margin-bottom:5px;

   }
.dsingle .compbody {
   padding:0px;
   }
.dsingle .dlinks li {
   float:left;
   margin-right:1px;
   width:118px;
   }

.dsingle .wide li {
   width:265px;
   }

.dmulti .content {
   background:none;
   padding:0px 20px;
}

/****************************
C_player_stats 
****************************/
#online_status{
 position:absolute;
 border:1px solid #000000;
 padding:5px;
 top:250px;
 left:105px;
 background:#203F3E;
 font-weight:bold;
 color:#FFFFFF;
}

#my_stats {
	float:left;
	width:40%;
	margin:0 7px 0 8px;
	display:inline;
	}
#my_stats table {width:100%;}
#my_stats td {
	border-bottom:1px solid #3A4141;
	vertical-align:top;
	font-size:.85em;
	}
#my_stats td.stats_label {
	padding:3px 7px 3px 0;
	width:55%;
	text-align:right;
	}
#my_stats td.stats_val {
	padding:3px 0;
	font-weight:bold;
	color:#6FF;
	}
#my_stats td.stats_avatar {
	text-align:center;
	padding-bottom:5px;
	}
.my_profile {
	float:right;
	display:inline;
	margin-right:28px;
	width:50%;
	position:relative;
	}
#cont_infolist {height:223px;background:#203F3E;}
.infoItems {padding:5px 2px;position:absolute;}
.infoItems table {width:100%;}
.infoItems td {vertical-align:top;font-size:.85em;}
.infoItems td.info_label {
	padding:1px 7px 1px 0;
	width:40%;
	text-align:right;}
.infoItems td.info_val {
	padding:1px 0;
	font-weight:bold;
	color:#6FF;
	}
.infoItems td.info_val a {color:#6FF;}
.infoItems td.info_hr {padding:7px 0;}
.infoItems td.info_hr div {
	background:#132322;
	height:1px;
	overflow:hidden;
	}

/****************************
C_player_forums 
****************************/
.C_player_forums {background:#000;}
#cont_forumlist {height:223px;top:36px;}
.my_forums {
	padding:0 28px 0 18px;
	font-size:.85em;
	position:absolute;
	}
.my_forums p {margin:0;padding:4px 0;}
.my_forums p a {color:#6FF;}
.my_forums p a.more {
	color:#6FF;
	font-weight:normal;
	text-decoration:underline;
	}


/****************************
C_player_friends 
****************************/
.C_player_friends {background:#000;}
#cont_friendlist {height:223px;top:36px;}
.my_friends {
	padding:5px 18px;
	font-size:.85em;
	position:absolute;
	}
.my_friends ul{padding:0;margin:0;}
.my_friends ul li{
	list-style:none;
	padding:0 0 4px 17px;
	background:url(../_img/li_friends.gif) 0px 3px no-repeat;
	}
.my_friends ul li a{font-weight:normal;text-decoration:underline;}

/****************************
C_poll
****************************/
#poll{
   width:100%;
}

#poll_image{
   background-image: url(../_img/nfl_matchup_jaws.jpg);
   width:277px;
   height: 63px;
}

#poll_text{
   padding: 4px 0px 0px 5px;
}

.C_poll .content{
   padding:6px;
}

.C_poll .teaser{
   font-size:0.8em;
}

.C_poll .complinks{
   padding-top:5px;
}

.C_poll .poll_option{
   width: 100%;
}

.C_poll .question {
   color: #6FF;
   font-weight: bold;
   padding-bottom: 2px;
}

.C_poll .totalvotes {
   width: 95%;
   padding: 0px 5px 0px 0px;
   text-align: right;
   color: #fff;
   float:left;
   clear:none;
}

.C_poll .resultPercentage {
   color: #fff;
}