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

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


/***********************
   COMP OVERRIDES
************************/
/*TODO: needs to be cleaned up*/
.COMP {
 }
.COMP .comphdr{ }
.COMP .hdr{ }

.COMP .scrollbar{
   right: 6px; top: 36px; 
   }
.COMP a { }
.compbody a:hover { }
.compbody a { color:#ccc; }

.compbody .hdr { font-weight: bold; }

.compbody .content { }
.compbody .copy { }
   
.compwrapper {
   position: absolute; 
   overflow: hidden; 
   width:100%;
   }
.compbody {
   padding: 0; 
   }
.compbody .source { }
.COMP .complinkscontainer{ }
.COMP .complinks{ }
.COMP .complinks a { }

.comp_thin{background: url(../_img/bg_thin_module.gif) repeat-y;}
.comp_med{background:url(../_img/bg_med_module.gif) repeat-y;}
.comp_wide{background: url(../_img/bg_wide_module.gif) repeat-y;}

/****************************
  GENERAL COMPONENT CLASSES
****************************/

.COMP{
   color: #ACAAAA;
   }
   
.COMP .comphdr{
   font-family: Helvetica, Verdana, "Lucida Grande", Arial, sans-serif;
   color:#fff;
   height: 20px;
   overflow: hidden;
   font-weight: bold;
   font-size: 0.95em;
   line-height: 18px;
   text-transform: uppercase;
   padding: 0px 10px;
      voice-family: "\"}\"";
      voice-family: inherit;
      height: 18px;
   }
html>body .COMP .comphdr{
      height: 18px;
   }
.COMP .comphdr .tabSet{
   float: right;
   }
.COMP .comphdr .tabSet .tab{
   float: left;
   font-family: Verdana, "Lucida Grande", Arial, sans-serif;
   font-size: 0.85em;
   font-weight: normal;
   text-transform: none;
   }
.COMP .comphdr .tabSet .On{
   color: #22A9E1; 
   }

.COMP .complinkscontainer{
   position: absolute;
   bottom: 0px;
   width: 100%;
   height: 17px;
   overflow: hidden;
   text-align: right;
   background: url(../_img/bg_promo_link_b.gif) repeat-x;
   border:1px solid #333;
}
   
.COMP .complinks{
   padding-right: 6px;
   
   }
   
.COMP .complinks a{
   color: #fff;
   font-size: 0.8em;
   line-height: 17px;
   text-decoration: none;
   }
.COMP .complinks a:hover{
   text-decoration: underline;
   }
   
.COMP .halfWidth{
   width: 50%;
   }

.COMP .translucent{
	opacity: 0.0;
   -moz-opacity: 0.00;
   -khtml-opacity: 0.50;
   filter: alpha(opacity=50);
}
	

/****************************
  C_headline_list COMPONENT 
****************************/

.C_headline_list .container{height:100%;background:url(../_img/line_dotted_v_999999.gif) right repeat-y;}

.C_headline_list  #cont_headlinelist{
	top:25px;
	height:188px;
}
.C_headline_list #scrollbar_headlinelist{
	top:0px;
}
.C_headline_list .newsItems{
	width:190px;
	position:absolute;
}
.C_headline_list .content{
   margin: 0px 9px;
   padding: 6px 1px;
   background: url(../_img/line_dotted_h.gif) no-repeat bottom;
   }
.C_headline_list .content a{
   text-decoration: none;
   color: #ACAAAA;
   }
.C_headline_list #espn_news_20{position:relative;width:100%;height:100%;}

.C_headline_list .content a:hover{
   text-decoration: underline;
   }

/****************************
  C_event_list COMPONENT 
****************************/

.C_event_list  #cont_eventlist{
	top:30px;
	height:82%;
}
.C_event_list #scrollbar_eventlist{
	top:0px;
}
.C_event_list #eventlist{
	position:absolute;
	padding-right:30px;
}
.C_event_list .comphdr{
	margin-top:5px;
	height:25px ! important;
	line-height:1em;
}
.C_event_list .container{
	background:url(../../_img/line_dotted_v_999999.gif) right repeat-y;
	height:100%;
}
.C_event_list .compwrapper {
   border-bottom: 1px solid #ccc;
}
   
.C_event_list .generic .date{text-transform:uppercase; color:#22AAE2;}
.C_event_list .generic img{display:none;}
.C_event_list .feature{
   padding: 6px 0px;
	}
.C_event_list .feature .date{display:none;}
.C_event_list .feature img{display:block; float:left;}
.C_event_list .feature a{
   float: left;
   width: 116px;
   height: 74px;
   padding: 8px;
   background: #eeeeee;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 116px;
      height: 74px;
   }
html>body .C_event_list .feature a{
      width: 116px;
      height: 74px;
   }
	
.C_event_list .event{
   margin: 0 8px;
   background: url(../_img/line_dotted_h.gif) repeat-x bottom;
	padding:4px 0;
}  

.C_event_list .event a{
   text-decoration: none;
   color: #ACAAAA;
   }  
.C_event_list a:hover{
   text-decoration: underline;
   }

.C_event_list .complinkscontainer{
	display:none;
}

/****************************
  C_poll COMPONENT 
****************************/
.C_poll .poll_intro { background: #eee; padding: 10px; margin: 0 1px; }
.C_poll  .container{
	height:100%;
	background:url(../../_img/line_dotted_v_999999.gif) right repeat-y;
}

.C_poll p { margin: 2px 10px; padding: 0; clear: both; }
.C_poll p input, .C_poll p label { display: block; float: left; vertical-align: middle; }
.C_poll p input { margin: 2px 0 0 0; }
.C_poll p label { margin: 0 0 0 7px; }


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



/****************************
  C_news_multi COMPONENT 
****************************/
.C_news_multi {}
.C_news_multi .body { margin: 12px; }
.C_news_multi .modulehdr { margin: 0 0 8px 0; }
.C_news_multi .newsItem {
   margin: 5px 0 0 0; padding: 5px 0 0 0;
   background: url(../../_img/line_dotted_h_000000.gif) top right repeat-x;
   }
.C_news_multi .first { background: none; padding: 0; margin: 0; }
.C_news_multi .callOut { font-size: 95%; color: #666; font-weight: bold; }
.C_news_multi .content { font-size: 95%; margin: 0 0 1px 0;  }
.C_news_multi .hdr { margin: 1px 0 5px 0; font-size: 95%; }
.C_news_multi .complinkscontainer {
   position: relative; width: 190px; float: right; margin: 0; padding: 0;
   }
   
/****************************
  C_news_single COMPONENT 
****************************/
.C_news_single {}
.C_news_single .body { margin: 12px; }
.C_news_single .modulehdr { margin: 0 0 8px 0; }
.C_news_single .callOut { font-size: 95%; color: #666; font-weight: bold; }
.C_news_single .content { font-size: 95%; margin: 0 0 10px 0;  }
.C_news_single .hdr { margin: 10px 0 5px 0; }
.C_news_single .complinkscontainer {
   position: relative; width: 190px; float: right; margin: 0; padding: 0;
}
	
/***************************************
  C_news teaser and article COMPONENTS
****************************************/
.C_news .bg{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#000;
	z-index:-1;
   
}
.C_news .content{
	margin:5px 10px;
}
.C_news .icon{
	float:left;
	width: 40px;
	text-align:left;
}
.C_news .hdr{
	margin-left:0px;
	height:4.9em;
	overflow:hidden;
}
.C_news h2{
	font:18px Arial,sans-serif;
	line-height:18px;
}
.C_news h3{
	font:11px Arial,sans-serif;
	text-transform:uppercase;
}

.C_news_teaser {
	width:290px;
	height:140px;
}
.C_news_teaser .hdr{
	width:210px;
   color:#fff;
}
.C_news .teaser {
	font:11px Verdana;
	line-height:14px;
	height:5em;
	overflow:hidden;
}
.C_news_teaser .container{background:url(../_img/line_dotted_v.gif) right repeat-y;}

.C_news_article {
	width:570px;
	padding:0 10px;
	margin-bottom:10px;
   border-bottom:1px solid #ccc;
}

.C_news_article a {
   color:#666;
}
.C_news_article a:hover {
   color:#fff;
}
.C_news_article .compwrapper {background:url(../_img/line_dotted_v.gif) right repeat-y;}

.C_news_article .hdr{
	padding:10px 5px 0 10px;
	width:480px;
}
.C_news_article .subtitle{
	padding:0 5px 0 10px;
	width:480px;
}
.C_news_article .date{
	display:none;
}
.C_news_article .body{
	font:12px Verdana,sans-serif;	
	line-height:18px;
	padding:0 10px;
}

.C_news_article .body ul{
    padding-left:1em;
}

/****************************
  C_news_list COMPONENT 
****************************/
.C_news_list {
	width:290px;
   border-bottom:2px solid #333;
}

.C_news_list #newsTabs{
	width:270px;
	height:15px;
	margin:8px auto 0px auto;
	border-bottom:1px solid #fff;
}

.C_news_list #newsTabs .tab{
	height:15px;
	line-height:14px;
	padding-left:10px;
	margin-right:1px;
	background:#22A9E1 url(../_img/bg_tab_mask.gif) no-repeat right;
	float:left;
}

.C_news_list #newsTabs .On{
	background:#333 url(../_img/bg_tab_mask.gif) no-repeat right ! important;
}

.C_news_list #newsTabs .tab a{
	font:bold 10px Verdana,sans-serif;
	color:white;
	text-decoration:none;
}

.C_news_list #newsTabs .tab a:hover, .C_news_list #newsTabs .tab a:active{
	text-decoration:underline;
}

.C_news_list #newsTabs #news_all_Tab{width:55px}
.C_news_list #newsTabs #news_easports_Tab{width:91px}
.C_news_list #newsTabs #news_community_Tab{width:91px}

.C_news_list .header{
	background:#333 !important;
	height:28px;
	padding:12px 0px 0px 14px;
	font:bold 11px Verdana,sans-serif;
	color:#999;
	width:264px;
	margin:auto;
}

.C_news_list #cont_newslist{
	top:65px;
	height:87%;
}

.C_news_list #scrollbar_newslist{
	top:75px;
	left:262px;
}

.C_news_list .newsItems{
	position:absolute;
}

.C_news_list .newsItems .item{
	font:11px Verdana,sans-serif;
	width:244px;
	margin:10px 0 0px 10px;
}

.C_news_list .newsItems .headline{
	background:url();
}
.C_news_list .newsItems .title{
	float:left;
	width:164px;
	overflow:hidden;
	line-height:15px;
	background-color:#000;
}
.C_news_list .newsItems .title a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:4px 10px;
	background:url(../_img/bg_news_headline.gif) repeat-y;
}

.C_news_list .newsItems .title a.on{
	/*background:#ccc;*/
	color:#3399cc;
}

.C_news_list .newsItems .title a.off{
	background:url(../_img/bg_news_headline.gif) repeat-y;
	color:#fff;
}

.C_news_list .newsItems .title a:hover, .C_news_list .newsItems .title a:active{
	background:url(../_img/bg_news_headline.gif) repeat-y;
	color:#3399cc;
}

.C_news_list .newsItems .date{
	float:left;
	width:60px;
   height:36px;
	text-align:center;
	text-transform:uppercase;
   background:#383838;
   padding-top:3px;
   font-weight:bold;
}

.C_news_list .newsItems .teaser{
	padding:8px;
}

.C_news_list .newsItems .teaserOn{
	padding:8px;
	background:#121212;
	
}
/****************************
  C_generictext COMPONENT 
****************************/

.C_generictext {
   border-bottom: 1px solid #333;
   }
.C_generictext .content { padding: 0 8px; }
.C_generictext .content .hdr {
   color: #000; padding: 0; margin: 0 0 8px 0;
   background: none; text-transform: uppercase;
   }
	
.C_generictext .compwrapper{ background: url(../_img/line_dotted_v.gif) right repeat-y; }

/****************************
C_sports_player_stats 
****************************/
#my_stats {
	margin:0 7px 0 8px;
	height:60px;
	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:right;}
.my_profile {
	position:relative;
	}
#cont_infolist {height:223px;}
.infoItems {padding:5px 2px;}
.infoItems table {width:100%;}
.infoItems td {vertical-align:top;font-size:.85em;}
.infoItems td.info_label {
	padding:1px 7px 1px 0;
	width:40%;
	font-weight:bold;}
.infoItems td.info_val {
	padding:1px 0;
	}
.infoItems td.info_val a {color:#333;text-decoration:none;}

/********************
C_personal_info
*********************/
.C_personal_info{
	overflow:hidden;
	background:#fff ! important;
}
.personal_info_no_border {
	border:none ! important;
	margin:10px 0;
	width:280px;
	height:270px;
}
.C_personal_info .head{
	height:60px;
	padding-left:10px;
	text-transform:uppercase;
}
.C_personal_info .head a{text-decoration:none;}
.C_personal_info .head .picture{
	margin-top:5px;
	margin-right:10px;
	width:50px;
	height:50px;
	float:left;
}
.C_personal_info .head .title{
	margin-top:5px;
	font:bold .75em Verdana,sans-serif;
	float:left;
}

.C_personal_info .head .editbutton-container{
	padding:1px;
	float:left;
	margin-top:5px;
	cursor:hand;
	cursor:pointer;
}
.C_personal_info .head .editbutton{
	padding:0 10px;
	line-height:14px;
	font-weight:normal;
}

.C_personal_info .inforow{
	margin:0 10px;
	font:10px Verdana;
}

.C_personal_info .inforow .label{
	font-weight:bold;
	float:left;
	width:95px;
	padding:0 5px 0 0;
	margin:4px 0;
}
	
.C_personal_info .inforow .data{
	float:left;
	width:140px;
	margin:4px 0;
}

#personal_info_container {
   height: 210px;
   position: relative;
   }
#personal_info {
   height: 210px;
   overflow:hidden;
   position: relative;
   }
#personal_info_content {
   left: 0;
   position: absolute;
   top: 0;
   width: 260px;
   }
#personal_info_scrollbar {
   position: absolute;
   right: 0;
   top: 0;
   }


/********************
C_stats_snapshot
*********************/
#cont_stats_snapshot{
	top:36px;
	height:86%;
}
.C_stats_snapshot .snapshot_game_header{background:url(../_img/profile/stats_header_bg.gif) top left;}
.C_stats_snapshot .snapshot_game_logo{
	float:left;
	width:100px;
	display:inline;
	margin-left:10px;
	padding:5px 0;
}
.C_stats_snapshot .snapshot_game_link{
	float:right;
	display:inline;
	margin-right:6px;
	padding:24px 0 8px 0;
}
.C_stats_snapshot .snapshot_game_link a{color:#333;}
.C_stats_snapshot .snapshot_logo{
	float:left;
	width:72px;
	margin:10px 10px 5px 10px;
	display:inline;
}
.C_stats_snapshot .snapshot_stats{
	float:left;
	width:220px;
	margin:10px 0 5px 0;
}
.C_stats_snapshot .snapshot_stats td {vertical-align:top;padding-right:5px;}
.C_stats_snapshot .snapshot_stats td a{color:#333;}
.C_stats_snapshot .snapshot_game{
	margin-bottom:10px;
	background:#eee url(../_img/line_dotted_h_000000.gif) bottom left repeat-x;
	padding-bottom:5px;
}
.C_stats_snapshot .snapshot_last_game, .C_stats_snapshot .snapshot_next_game {
	float:right;
	width:200px;
	margin:10px 10px;
	display:inline;
}
.C_stats_snapshot .snapshot_last_game table, .C_stats_snapshot .snapshot_next_game table{
	border:1px solid #CCC;
	width:100%;
}
.C_stats_snapshot .snapshot_last_game th{
	background:#D30000;
	color:#fff;
	font-weight:bold;
}
.C_stats_snapshot .snapshot_next_game th{
	background:#006FBA;
	color:#fff;
	font-weight:bold;
}
.C_stats_snapshot .snapshot_last_game th, .C_stats_snapshot .snapshot_last_game td, .C_stats_snapshot .snapshot_next_game th {padding:3px 5px;}
.C_stats_snapshot .snapshot_next_game td {padding:5px 5px 10px 5px;}
.C_stats_snapshot .snapshot_last_game td a, .C_stats_snapshot .snapshot_next_game td a{color:#333;}
.C_stats_snapshot .snapshot_last_game td.statsLastGameScore{
	font-family: Helvetica, Verdana, "Lucida Grande", Arial, sans-serif;
	color:#666;
	font-size:1.6em;
	text-align:right;
}
.C_stats_snapshot .snapshot_last_game tr.statsTopScore td{background:url(../_img/line_dotted_h_000000.gif) bottom left repeat-x;}
.C_stats_snapshot .my_stats_snapshot{
	margin:0 28px 0 6px;
	position:relative;
}