/*********************************************************************
   sports/marchmadness06/components.css for EA.com
*********************************************************************/

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


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


/***********************
   FREEFORM STYLES
************************/
#freestyle1 .comphdr {
   background: url(../_img/bg_hdr_small.gif) top left no-repeat;
   border: 0; padding: 0 6px 4px 6px; margin: 5px; height: 16px;
   color: #fff; text-transform: uppercase;
   }
#freestyle1 .hdr { color: #2CABDD; font-size: 1.2em; margin: 0 0 5px 0; }
#freestyle1 .content {
   background: #151515; padding: 10px; margin: 0 5px 5px 5px; height: 180px;
   }

#freestyle2 .comphdr {
   background: url(../_img/bg_hdr_medium.gif) top left no-repeat;
   border: 0; padding: 0 6px 4px 6px; margin: 5px 5px 0 5px; height: 16px;
   color: #fff; text-transform: uppercase;
   }
#freestyle2 .hdr { color: #2CABDD; font-size: 1.2em; margin: 0 0 5px 0; }
#freestyle2 .contentAll {
   background: #151515; padding: 10px 10px 14px 10px; margin: 5px; height: 180px;
   }
#freestyle2 .content0 { background: url(../_img/bg_freestyle0.jpg) bottom left no-repeat; }
#freestyle2 .content1 { background: url(../_img/bg_freestyle1.jpg) bottom left no-repeat; }
#freestyle2 .content2 { background: url(../_img/bg_freestyle2.jpg) bottom left no-repeat; }
#freestyle2 .content3 { background: url(../_img/bg_freestyle3.jpg) bottom left no-repeat; }
#freestyle2 .content4 { background: url(../_img/bg_freestyle4.jpg) bottom left no-repeat; }
#freestyle2 .content5 { background: url(../_img/bg_freestyle5.jpg) bottom left no-repeat; }
#freestyle2 .contentAll div { width: 315px; }

#freestyle2 .content {
   background: url(../_img/bg_freestyle2.jpg) bottom left no-repeat;
   background: #151515; padding: 10px 10px 14px 10px; margin: 5px; height: 180px;
   }
#freestyle2 .content div { width: 315px; }

#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{
   color: #fff; margin: 5px; padding: 0 4px 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase;
   background: url(../_img/bg_hdr.gif) #3598FB top right no-repeat;
   }

.COMP .hdr{ 
   color: #6FF;
   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:#2CABDD; }

.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: 0; background: #333; }

.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; }


/****************************
  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: #666; }
.C_editorial_list .content a:hover { color: #2CABDD; }

.C_editorial_list .comphdr{
   display:block;
   color: #fff; margin: 5px; padding: 0 4px 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase;
   background: url(../_img/bg_hdr.gif) #3598FB top right no-repeat;
   }

.C_editorial_list .hdr {
   color: #3598FB; margin: 0; padding: 2px 4px 0 0px; height: 16px;
   font-size: 11px; 
   background: #000000 top right no-repeat;
   }

.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: #3598FB url(../_img/bg_hdr.gif) top right 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/bg_hdr.gif) #3598FB top right no-repeat;
   }
.C_features .hdr {
   display:none;
   }
.C_features .content b { color: #999; }
.C_features .content { font-size: 11px; color: #666; }


/****************************
  C_press COMPONENT 
****************************/
.C_press .comphdr {
   color: #fff; margin: 5px 0 0 5px; padding: 0 4px 0 10px; height: 16px; width: 540px;
   font-size: 11px; text-transform: uppercase;
   background: #3598FB url(../_img/bg_hdr.gif) top right no-repeat;
   }
.C_press .new {
   background: #ccc; padding: 2px 0; margin-bottom:8px;
   }
.C_press .new span { background: #e00000; color: #fff; padding: 3px 5px; }
.C_press .notNew { display: none; }

.C_press .content a {
   display: block; background: none; padding: 0;
   font-weight: bold; font-size: 1.1em; color: #2CABDD;
   }
.C_press .source { color: #999; font-style: normal; }




/****************************
  C_awards COMPONENT 
****************************/
.C_awards .comphdr{
   color: #fff; margin: 5px 0 6px 5px; padding: 0 0 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase; width: 270px;
   background: #3598FB url(../_img/bg_hdr_downloads_small.gif) top left no-repeat;
   }
.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 .comphdr{
   color: #fff; margin: 5px; padding: 0 0 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase;
   background: #3598FB url(../_img/bg_hdr_small.gif) top left no-repeat;
   }
.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: #2CABDD;
   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;
   background: #3598FB url(../_img/bg_hdr.gif) top right no-repeat;
   }

/*DCR ORDER IMPORTANT*/
.C_news_events_list #comphdr_9{
   color: #fff; margin: 5px 0 6px 5px; padding: 0 0 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase; width: 415px;
   background: #004A9D url(../_img/bg_hdr_medium_nation.gif) top left no-repeat;
   }


.C_news_events_list .teaser a{
   display: block; background: none; color:#666; padding: 0; margin: 0;
   }
.C_news_events_list .teaser a:hover { color: #2CABDD; }
.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: #3598FB url(../_img/bg_hdr.gif) top right no-repeat;
   }
.C_news_events_article .date{
   color: #2CABDD; padding-bottom: 4px; margin-botom: 4px;
   background:#000 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;
   background: #000;
   }
.C_news_events_article a { background: none; padding: 0; color: #2CABDD; }
.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; }
------------
.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;
   }

.dfeature .border_dots_right { position: relative; }
.dfeature .hdr {
   position: right; top: 5px; left: 10px; width: 122px;
   color: #fff; margin: 0; padding: 2px 4px 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase;
   background: #3598FB url(../_img/bg_hdr.gif) top right no-repeat;
   }
   .dfeature .pic {
   float:left;
   }
.dfeature .compbody {
   float:left;
   width:136px;
   margin-top:6px;
   }
.dfeature .copy {
padding: 12px 0px 0 6px; 
   font-size:0.9em;
}

.dfeature .dlinks { position: relative;}
.dfeature .dlinks li { float: right; width: 122px; margin: 1px; }

.C_download .dlinks { list-style:none; }
.dlinks li {
   background: #333; padding:2px 10px 2px 0px; margin: 0px; text-align: right; height:10px;
   }
   
.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: #3598FB url(../_img/bg_hdr.gif) top right no-repeat;
   }
.dmulti .hdr { height: 1px; margin-bottom:1px; background: #151515;} 
.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_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_stats 
****************************/
#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 #373737;
   color: #999;
	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:#2CABDD;
	}
#my_stats td.stats_avatar {text-align:center; padding-bottom: 10px;}
.my_profile {
	float:right;
	display:inline;
	margin-right:28px;
	width:50%;
	position:relative;
	}
#cont_infolist {height:223px;background:#151515;}
.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;
   font-weight:normal; color: #999;
   }
.infoItems td.info_val {
	padding:1px 0;
	font-weight:bold;
	color:#2CABDD;
	}
.infoItems td.info_val a {color:#2CABDD;}
.infoItems td.info_hr {padding:0;}
.infoItems td.info_hr div {display: none;}
.C_player_stats .comphdr {
   color: #fff; margin: 5px 0 6px 5px; padding: 0 0 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase; width: 415px;
   background: #004A9D url(../_img/bg_hdr_medium_nation.gif) top left no-repeat;
   }

/****************************
C_player_friends 
****************************/
.C_player_friends { background: #000; }
.C_player_friends .comphdr {
   color: #fff; margin: 5px 0 6px 5px; padding: 0 0 0 10px; height: 16px;
   font-size: 11px; text-transform: uppercase; width: 196px;
   background: #004B9D url(../_img/bg_hdr_small_nation.gif) top left no-repeat;
   }
#cont_friendlist { height: 128px; 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/leaderboard_icon_online.gif) 0px 3px no-repeat;
	}
.my_friends ul li a { font-weight: normal; text-decoration: underline; }


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

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

.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{
   width: 100%;
   color: #FFF;
}

.C_poll .question {
   color: #3598FB;
   font-weight: bold;
   padding-bottom: 5px;
   font-size: .9em;
}

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

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