/*********************************************************************
   sports/madden07/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: 0 none;
   color:#999;
   }
.COMP .comphdr{
   border: 0px;
   padding: 4px 6px;
   color: #fff;
   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:#999;
   font-weight:bold;
   }
.compbody a:hover {
   color:#82DF59;
   }
.compbody a {
   background:url(../_img/bullet_link.png) left top no-repeat;
   padding-left:14px;
}  

.compbody .hdr {
   padding: 4px 6px;
   color: #558091;


}

.compbody .content {
   margin:6px 0px;
   padding: 3px 6px ;

   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_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:#15242b;
   
   }
.C_news_events_list {
   background:url(../_img/bg_content.gif);
   }
.C_news_events_list .hdr{
   padding-left: 0px;
   color: #558091;
   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 {
  background:url(../_img/bg_content.gif);
  }
.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;
 }
 
#newsEventsArticle .subtitle{display: none;}
#newsEventsArticle .icon{display: none;}
#newsEventsArticle .hdr{font-size:0.8em}

/****************************
  C_blog COMPONENT 
****************************/
.C_blog .hdr {
   padding: 4px 6px;
   color: #558091;
   font-size:1.2em;
   }
.C_blog {
  background:url(../_img/bg_content.gif);
}
.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 
****************************/
#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:right;}
.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_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_ads COMPONENT 
****************************/

#C_ads {
   background: url(../_img/bg_ads.jpg) no-repeat;
   display: block;
   width: 290px;
   height: 120px;
   margin-top: 32px;
   padding: 0px;
   }
   
#C_ads .compbody {
   margin: 0px;
   padding: 34px 0px 0px 0px;
   }
   
#C_ads .ad {
   display: block;
   float: left;
   padding-left: 7px;
   }
#C_ads .ad a {
   padding: 0px;
   margin: 0px;
   }


/****************************
  Tabs
****************************/

.COMP .tabSet, .COMP .tabset-secondary, .COMP .tabset-tertiary { 
   height: 22px;
   position: relative;
   top: 1px;
   z-index: 5;
   }
   
.COMP .tab{
   font-weight: normal;
   margin-right: 1px;
   color: #8D979A;
   float: left;
   height: 22px; 
   overflow: hidden;
   font-size: 10px;
   background: url(../_img/tab_off_left.gif) no-repeat;
   cursor: pointer;
   }
.COMP .tab div{
   padding: 0px 7px;
   height: 22px;
   font-size:.90em;
   line-height: 19px; 
   float: left;
   display: inline;
   background: url(../_img/tab_off_right.gif) top right no-repeat;
   }
   
.COMP .tab.On{
   color: #8D979A;
   height: 22px; 
   background: url(../_img/tab_on_left.gif) no-repeat;
   }
.COMP .tab.On div{
   line-height: 19px;
   height: 22px; 
   background: url(../_img/tab_on_right.gif) top right no-repeat;
   }   

.COMP .tabSet-secondary .tab{
   background: url(../_img/tab2_off_left.gif) no-repeat;
   }
.COMP .tabSet-secondary .tab div{
   background: url(../_img/tab2_off_right.gif) top right no-repeat;
   }
   
.COMP .tabSet-secondary .tab.On{
   background: url(../_img/tab2_on_left.gif) no-repeat;
   }
.COMP .tabSet-secondary .tab.On div{
   background: url(../_img/tab2_on_right.gif) top right no-repeat;
   }   

.COMP .tabSet-tertiary .tab{
   background: url(../_img/tab3_off_left.gif) no-repeat;
   }
.COMP .tabSet-tertiary .tab div{
   background: url(../_img/tab3_off_right.gif) top right no-repeat;
   }
   
.COMP .tabSet-tertiary .tab.On{
   background: url(../_img/tab3_on_left.gif) no-repeat;
   }
.COMP .tabSet-tertiary .tab.On div{
   background: url(../_img/tab3_on_right.gif) top right no-repeat;
   }   


/****************************
  C_personal_info COMPONENT 
****************************/
.C_personal_info {
   background: url(../_img/bg_home_profile.jpg) no-repeat !important;
   }
.C_personal_info #avatar {
   position: relative;
   top: 50px;
   left: 10px;
   background: url(../_img/bg_avatar.jpg) no-repeat;
   display: block;
   vertical-align: center;
   width: 90px;
   height: 90px;
   padding: 20px;
   }
.C_personal_info #favorite-team {
   position: absolute;
   top: 50px;
   left: 110px;
   width: 90px;
   height: 90px;
   display: block;
   z-index: 1000;
   }
.C_personal_info #quickinfo {
   position: relative;
   top: 25px;
   left: 10px;
   width: 250px;
   }
.C_personal_info #view-profile {
   position: absolute;
   top: 60px;
   }
.C_personal_info .inforow, .C_personal_info .inforowAlt {
   padding: 0px;
   margin: 0px;
   }
.C_personal_info .inforow .label, .C_personal_info .inforowAlt .label {
   float:left;
   clear: both;
   display: block;
   padding:10px 0px 0px 0px;
   margin: 0px;
   color:#E6E6E6;
   font-weight: bold;
   font-size: 10px;
   }
.C_personal_info .inforow .data, .C_personal_info .inforowAlt .data {
   float:left;
   clear: both;
   display: block;
   padding: 0px;
   color: #9A9A9A;
   margin: 0px;
   font-size: 10px;
   width: 200px;
   }
.C_personal_info .compwrapper {
   position:relative;
   height:190px;
   }
.C_personal_info .compbody {
   width: 327px;
   }
.C_personal_info .scrollbar {
   top: 0px;
   right: 0px;
   }
.C_personal_info .scrollcontainer {
   position:absolute;
   top: 50px;
   left: 220px;
   height:190px;
   width: 220px;
   }
   

/****************************
  C_player_forums COMPONENT 
****************************/
#C_player_forums {
   background: #172930 url(../_img/bg_home_my_forums.jpg) no-repeat;
   }
#C_player_forums .comphdr {
   height: 72px;
   margin: 0px;
   padding: 0px;
   }
#C_player_forums .compbody, #C_player_forums .content, #C_player_forums .playerForumsContent {
   padding: 0px;
   margin: 0px;
   position: relative;
   top: 0px;
   }
#cont_forumlist {
   top:0px;
   }
#C_player_forums .compwrapper {
   margin: 0px !important;
   }
#C_player_forums .scrollbar {
   top: 0px;
   right: 0px;
   }
#C_player_forums .my_forums {
   padding:0 28px 0 10px;
   font-size:.85em;
   position:absolute;
   }
#C_player_forums .my_forums p {
   margin: 5px 0px;
   }
#C_player_forums .my_forums p a {
   color:#9A9A9A;
   font-weight:normal;
   font-size:8pt;
   text-decoration:none;
   padding: 5px 0px 20px 0px;
   clear: both;
   }
#C_player_forums .my_forums p a:hover {
   text-decoration: underline;
   }
#C_player_forums .my_forums .author {
   color: #5F8C9C;
   clear: both;
   }
#C_player_forums .my_forums .date {
   color: #2481A3;
   clear: both;
   margin-bottom: 10px;
   }
#C_player_forums .playerForumsLinks {
   position: absolute;
   bottom: 12px;
   left: 0px;
   }
#C_player_forums .playerForumsLinks a {
   padding-left: 10px;
   }
#forumTabs {
   position: absolute;
   top: 52px;
   left: 0px;
   z-index: 1000;
   }
div > #forumTabs {
   top: -20px;
   }
   
   
/****************************
scrollbars
****************************/

#calendar .scrollbar, #C_player_forums .scrollbar, .C_editorial_list .scrollbar, #C_coaching_center .scrollbar {
   background-color: #122429;
   border-color: #1a252a;
   }

#calendar .scrollbar .track, #C_player_forums .scrollbar .track, .C_editorial_list .scrollbar .track, #C_coaching_center .scrollbar .track {
   background-color: #122429;
   border-color: #1a252a;
   }

#calendar .scrollbar .thumb, #C_player_forums .scrollbar .thumb, .C_editorial_list .scrollbar .thumb, #C_coaching_center .scrollbar .thumb {
   background-color: #30464f;
   background-image:none;
   }
   
#calendar .scrollbar .arrow, #C_player_forums .scrollbar .arrow, .C_editorial_list .scrollbar .arrow, #C_coaching_center .scrollbar .arrow { 
   background-color: #747474;
   border-color: #171717;
   }
   
#calendar .scrollbar .arrowTop, #C_player_forums .scrollbar .arrowTop, .C_editorial_list .scrollbar .arrowTop, #C_coaching_center .scrollbar .arrowTop {
   background-image: url(../_img/scrollbar/btn_scrollbar_up.gif);
   }
#calendar .scrollbar .arrowBot, #C_player_forums .scrollbar .arrowBot, .C_editorial_list .scrollbar .arrowBot, #C_coaching_center .scrollbar .arrowBot {
   background-image: url(../_img/scrollbar/btn_scrollbar_down.gif);
   }

/* nb. no hover states provided */
#calendar .scrollbar .arrowTopOn, #C_player_forums .scrollbar .arrowTopOn, .C_editorial_list .scrollbar .arrowTopOn, #C_coaching_center .scrollbar .arrowTopOn {
   background-image: url(../_img/scrollbar/btn_scrollbar_up.gif);
   }
#calendar .scrollbar .arrowBotOn, #C_player_forums .scrollbar .arrowBotOn, .C_editorial_list .scrollbar .arrowBotOn, #C_coaching_center .scrollbar .arrowBotOn {
   background-image: url(../_img/scrollbar/btn_scrollbar_down.gif);
   }


/****************************
C_nav_dropdowns
****************************/

.C_nav_dropdowns .compbody {
	padding: 14px 0px 0px 0px;
}
#primary_nav {
	padding: 0px;
	margin: 0px;
}
#primary_nav li {
	list-style-type: none;
	float: left;
}
#primary_nav li.primary {
	float: left;
	margin-right: 1px;
}
#primary_nav li.primary ul li.secondary, #primary_nav li.primary ul li.secondary ul li.tertiary {
	padding: 0px;
	margin: 0px;
	display: inline;
	width: 165px;
}
#primary_nav li.primary ul li.secondary a {
	color: #5E7A85;
	text-decoration: none;
	font-weight: normal;
	font-family: verdana;
	font-size: 10px;
	padding: 0px;
	display: block;
	background: #203B44;
	border-top: 1px solid #1B323A;
	padding: 9px 20px;
	height: 12px;
	width: 125px;
}
#primary_nav li.primary ul li.secondary a:hover {
	background: #172D35;
	color: #C9C9C9;
	font-weight: normal;
}
#primary_nav li.primary ul, #primary_nav li.primary ul li.secondary ul {
	display: none;
	position: absolute;
	width: 165px;
	padding: 0px;
	margin: 0px;
	background: #203B44;
}
#primary_nav li.primary ul.secondary_nav {
	border-top: 1px solid #1B323A;
	border-bottom: 1px solid #1B323A;
	padding-top: 30px;
}
#primary_nav li.primary ul.secondary_nav li.secondary ul.tertiary_nav {
	position: absolute;
	left: 165px;
	margin-top: -31px;
	border: 1px solid #1B323A;
	border-top: 0px;
}
#primary_nav li.primary:hover ul, #primary_nav li.over ul, #primary_nav li.primary ul li.secondary:hover ul, #primary_nav li.primary ul.secondary_nav li.over ul {
	display: block;
	z-index: 10000;
}

/* Image Placement */

#primary_nav li span {
	display: none;
}
#nav_game_info a, #nav_media a, #nav_news_events a, #nav_community a, #nav_stats_leaderboard a, #nav_profile a, #nav_technical_support a {
	display: block;
	position: relative;
	height: 26px;
	width: 126px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background: url(../_img/nav_buttons.gif) no-repeat; /*contains all hover states*/
}
#nav_game_info a {
	background-position: 0px 0px;
}
#nav_game_info a:hover, #nav_game_info:hover a, #nav_game_info.over a {
	background-position: 0px -26px;
}
#nav_game_info.on a {
	background-position: 0px -52px;
}
#nav_media a {
	background-position: -126px 0px;
}
#nav_media a:hover, #nav_media:hover a, #nav_media.over a {
	background-position: -126px -26px;
}
#nav_media.on a {
	background-position: -126px -52px;
}
#nav_news_events a {
	background-position: -252px 0px;
}
#nav_news_events a:hover, #nav_news_events:hover a, #nav_news_events.over a {
	background-position: -252px -26px;
}
#nav_news_events.on a {
	background-position: -252px -52px;
}
#nav_community a {
	background-position: -378px 0px;
}
#nav_community a:hover, #nav_community:hover a, #nav_community.over a {
	background-position: -378px -26px;
}
#nav_community.on a {
	background-position: -378px -52px;
}
#nav_stats_leaderboard a {
	background-position: -504px 0px;
}
#nav_stats_leaderboard a:hover, #nav_stats_leaderboard:hover a, #nav_stats_leaderboard.over a {
	background-position: -504px -26px;
}
#nav_stats_leaderboard.on a {
	background-position: -504px -52px;
}
#nav_profile a {
	background-position: -630px 0px;
}
#nav_profile a:hover, #nav_profile:hover a, #nav_profile.over a {
	background-position: -630px -26px;
}
#nav_profile.on a {
	background-position: -630px -52px;
}
#nav_technical_support a {
	background-position: -756px 0px;
}
#nav_technical_support a:hover, #nav_technical_support:hover a, #nav_technical_support.over a {
	background-position: -756px -26px;
}
#nav_technical_support.on a {
	background-position: -756px -52px;
}