/*********************************************************************
   sports/mvp06/_css/components.css for EA.com
*********************************************************************/

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


/***********************
   OPACITY OVERRIDE
************************/
.C_awards, .C_download, #newsEventsArticle {
   background: #151515;
   }

#downloadSwatch {
   background: url(../_img/bg_download_swatch.gif); height: 100%;
   }

#langSelect {
   background: url(../_img/bg_langselect.gif) top left no-repeat; height: 100%;
   }
#langSelectForm {
   position: relative; top: 60px; left: 15px;
   }
#langSelectForm select { width: 260px; color: #333; font-size: 90%; }

#C_espn { background: #000; margin: 5px; }
#C_espn .comphdr {
   margin: 0; padding: 0; width: 205px; height: 56px;
   background: url(../_img/hdr_insider_nation.jpg) top left no-repeat;
   }
#C_espn .comphdr span {margin-left: -200px;}
#C_espn .content { padding: 5px; font-size: 0.9em; }
#C_espn .hdr { color: #FF7D00; margin: 0 0 5px 0; padding: 0; font-size: 1em; }
#C_espn p { margin: 8px 0 0 0; }
#C_espn a { color: #FF7D00; }



/***********************
   COMP OVERRIDES
************************/
.COMP { color: #666; }

.COMP .comphdr{
   border: 0px; padding: 4px 6px; margin: 6px;
   color: #fff; 
   text-transform: uppercase;
   background: url(../_img/header_graphic.gif) #3266CC top right no-repeat;
   }

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

.COMP .scrollbar{ right: 6px; top: 36px; }

.COMP a { color: #ccc; font-weight: bold; text-decoration: none; }

.compbody a:hover { color:#FF6600}

.compbody a {
   background: url(../_img/bullet_link.png) left top no-repeat;
   padding-left: 14px;
   }

.compbody .hdr {
   padding: 4px 6px;
   color: #fff; background: #6699FF;
   }

.compbody .content {
   margin: 6px 0px; padding: 3px 6px; background: #151515;
   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{ 
   background: #333;    
}

.COMP .complinks{ 
    background:none;
	margin-top:0px;
	border:1px solid #000000;
	height:15px;
}

.COMP .complinks a {
   color: #FF6600;
   line-height:13px;
   }

.COMP .complinks a:hover {
	padding:none;
   text-decoration:none;
   }

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

#C_title_nav{ overflow: hidden; }


/****************************
  C_image COMPONENT 
****************************/
.C_image{ 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; 
	background: none; 
	padding: 0; 
	margin: 0; 
	color: #999; 	
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
}

.C_editorial_list .content a:hover { color: #FF6600; }
.C_editorial_list .comphdr{
	font-family:helvetica;   
   	color: #fff; 
	font-size: 11px;
	margin: 5px; 
	padding: 0 4px 0 10px; 
	height: 16px;
	text-transform: uppercase;        
	background: url(../_img/header_graphic.gif) #3266CC top right no-repeat;
}

.C_editorial_list .hdr{
   padding-left: 0px; 
   color: #6699FF; 
   background: none; 
   font-size: 10px;
   font-family:verdana
}

.C_editorial_list .date{
   color: #999; 
   padding-bottom: 4px; 
   margin-botom: 2px;
   background: url(http://images.ea.com/_img/line_dotted_h_666666.gif) bottom left repeat-x;
}

.C_editorial_list .complinkscontainer{}


/****************************
  C_teasers COMPONENT 
****************************/
.C_teasers .comphdr { display: none; }
.C_teasers .hdr {
   color: #fff; margin: 0; padding: 2px 4px 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase;
   background: #02A5E2 url(../_img/bg_hdr.gif) top left no-repeat;
   }
.C_teasers a { color: #ccc; }
.C_teasers a:hover { color: #2CABDD; }


/****************************
  C_features COMPONENT 
****************************/
.C_features {}
.C_features .comphdr {
   display:block;
   color: #fff; margin: 5px; padding: 0 4px 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase;
   background: url(../_img/header_graphic.gif) #3266CC top right no-repeat;
   }
.C_features .hdr {
   display:none;
   }
.C_features .content b { color: #999; }
.C_features .content { font-size: 11px; color: #666; }

/****************************
  C_rss_news COMPONENT 
****************************/
.C_rss_news .comphdr{
   color: #fff; margin: 5px; padding: 0 0 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase;
   }
.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_rss_news .usatodayLogo{
   width: 100%;
   background-color: #00529C;
   }

/****************************
  C_news_events_list COMPONENT
****************************/

/* Temporary measure until there is Community news */
#newsEventsTabs{
   display: none;
   padding-top: 4px; padding-left: 7px;
   }
#newsEventsTabs .tab{
   float: left;
   padding: 2px 10px;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 0.9em;
   color: #ccc;
   background: #333 url(../_img/bg_news_tab.gif) top right no-repeat;
   }
#newsEventsTabs .On{
   color: #000;
   background: #2CABDD url(../_img/bg_news_tab.gif) top right no-repeat;
   }
.C_news_events_list .hdr{
   padding-left: 0px;
   color: #669AFF;
   background: none;
   font-size:1.1em;
   }
.C_news_events_list .comphdr{
   color: #fff; margin: 5px 0 6px 5px; padding: 0 0 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase; width: 270px;
   }

.C_news_events_list .teaser a{
   display: block; background: none; color:#666; padding: 0; margin: 0;
   }
.C_news_events_list .teaser a:hover { color: #FF6600; }
.C_news_events_list .date{
   color: #ccc; padding-bottom: 4px; margin-botom: 2px;
   background: url(http://images.ea.com/_img/line_dotted_h_666666.gif) bottom left repeat-x;
   }

.C_news_events_article .hdr { margin: 10px 0 0 0; padding: 0; background: none; }
.C_news_events_article .hdr h2{
   color: #fff; margin: 0; padding: 2px 4px 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase;
   background: url(../_img/header_graphic.gif)#3266CC top right no-repeat;
   }
.C_news_events_article .date{
   color: #669AFF; padding-bottom: 4px; margin-botom: 4px;
   background: url(http://images.ea.com/_img/line_dotted_h_666666.gif) bottom left repeat-x;
   }
.C_news_events_article .body{
   padding: 6px;
   font-size:11px;
   line-height:17px;
   }
.C_news_events_article a { background: none; padding: 0; color: #669AFF }
.C_news_events_article a:hover { text-decoration: underline; }

#newsEventsArticle .body{
   margin-top: 6px;
   }
#newsEventsArticle .subtitle{display: none;}
#newsEventsArticle .icon{display: none;}
#newsEventsArticle .hdr{font-size:0.8em}


/****************************
C_single_download COMPONENT 
****************************/
.C_download { overflow:hidden; }
.C_download ul { margin:0px; padding:0px; }

.dfeature .border_dots_right { position: relative; }
.dfeature .hdr {
   position: absolute; top: 5px; left: 10px; width: 560px;
   color: #fff; margin: 0; padding: 2px 4px 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase;
   background: #3266CC url(../_img/header_graphic.gif) top right no-repeat;
   }
.dfeature .pic { position: absolute; top: 35px; left: 75px; }
.dfeature .compbody { position: relative; margin: 0; padding: 0; }
.dfeature .copy {
   position: absolute; top: 280px; left: 75px; width: 440px;
   font-size:0.9em; margin: 0; padding: 0;
   }
.dfeature .dlinks { position: absolute; top: 320px; }
.dfeature .dlinks li { float: left; width: 283px; margin-left: 1px; }

.C_download .dlinks { list-style:none; }
.dlinks li {
   background: #333; padding:2px 10px 2px 0px; margin: 0px; text-align: right;
   }
.dmulti li, .dfeature li { margin-top:4px; }
.dlinks a  { color:#ccc; font-size:10px; }
.dsingle .hdr {
   color: #fff; margin: 5px 0 6px 5px; padding: 2px 0 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase; width: 270px;
   background: #3266CC url(../_img/header_graphic.gif) top right no-repeat;
   }
.dmulti .hdr { margin-bottom:6px; }
.dsingle .pic {
   text-align:center;
   margin-bottom:5px;
   }
.dsingle .compbody { padding:0px; }
.dsingle .dlinks li {
   float:left; margin-left:1px; width:133px;
   }
.dsingle .wide li { width:265px; }
.dmulti .content { background:none; padding:0px 20px; }


/****************************
C_poll
****************************/

.COMP .C_poll {
   width: 95%;
   margin: 0px auto;
}

.C_poll .comphdr{
   border: 0px; padding: 0px 6px; margin: 6px;
   color: #fff; 
   text-transform: uppercase;
   background: url(../_img/header_graphic.gif) #3266CC top right no-repeat;
}

.C_poll .header {
   padding-left: 0px;
   display: inline;
}

.C_poll .footer {

}

.C_poll .content{
   width: 95%;
   padding: 0px 5px 0px 0px;
}

.C_poll .complinks{
   border: 0px;
   padding-right: 10px;
   padding-top:3px;
}

.C_poll .poll_option{
   color: #999;
   font-family:verdana;
   width: 100%;
}

.C_poll .question {
   color: #6699FF;
   font-family:verdana;
   font-weight: bold;
   padding-bottom: 5px;
   font-size: .9em;
}

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

.C_poll .resultPercentage {
   color: #fff;
   padding-left: 10px;
}