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

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

/****************************
  home page community component
  styles in home.css  
****************************/
/***********************
   COMP OVERRIDES
************************/

.COMP {
   border: 0;
   color:#c2c2c2;
   /* background-color:#181a0f; */
   }
.COMP .comphdr{
   height: 17px;
   padding-left: 5px;
   line-height: 17px;
   color: #f5d94c;
   background:#444727 url(../_img/comp_hdr_bg.gif) right no-repeat;
   text-transform: uppercase;
   font-weight: bold;
   }
   
.COMP .hdr{ 
   font-weight: bold;
   }
.COMP .scrollbar{
   right: 0px; 
   top: 0px; 
   }
.COMP a {
   text-decoration: none;
   color:#c2c2c2;
   }
.COMP a:hover {
   color:#f5d94c;
   }
.compwrapper {
   overflow: hidden; 
   width: 100%;
   }
.compbody {
   padding: 0px; 
   } 
.compbody .hdr {
   color: #9C8C61;
   }
.compbody .content {
   }
.compbody .copy {
   }
.compbody .source {
   font-style: italic;
   }
   
.COMP .date{ 
   color: #ded5a6;
   }
.COMP .number{
   font-weight: bold;
   color: #ffca00;
   }
.COMP .complinkscontainer{
   position: absolute;
   left: 0px;
   bottom: 0px;
   background: #181818;
   height: 17px;
   width: 100%;
   border: 1px solid #3a3a3a;
   }
.COMP .complinks{
   background: none;
   text-align: right;
   }
.COMP .complinks a {
   background: url(../_img/arrow_comp_link.gif) 0px 4px no-repeat;
   padding-left: 20px;
   padding-right: 10px;
   line-height: 16px;
   color: #c2c2c2;
   font-weight: bold;
   font-size: 10px;
   }
   
.COMP .complinks a:hover {
   color:#f5d94c;
   }
.COMP ul{
   padding-left: 16px;
   }
   
#C_title_nav{
   overflow: hidden;
   }
   
/************** BUTTON *********************/
.button{
   margin: 0px;
   padding: 0px;
   width: 126px;
   height: 22px;
   line-height: 22px;
   text-align: center;
   color: #cccccc;
   font-size: 10px;
   background: url(../_img/btn_bg.gif) no-repeat;
   cursor: pointer;
   cursor: hand;
   display: block;
   }

.button span{
   padding-left: 14px;
   background: url(../_img/arrow_tri_left_sm.gif) 0px 4px no-repeat;
   }

/************** TABS *********************/
.COMP .tabSet{ 
   height: 19px;
   position: relative;
   top: 1px;
   z-index: 5;
   }
.COMP .hdr-tabs .tab{
   cursor: default;
   } 
.COMP .tab{
   font-weight: bold;
   margin-right: 5px;
   color: #A7A699;
   float: left;
   height: 18px; 
   overflow: hidden;
   font-size: 11px;
   background: url(../_img/tab_off_left.gif) no-repeat;
   }
.COMP .tab div{
   padding: 0px 15px;
   height: 18px;
	font-size:.90em;
   line-height: 17px; 
   float: left;
   display: inline;
   background: url(../_img/tab_off_right.gif) top right no-repeat;
   }
   
.COMP .tab.On{
   color: #ffffff;
   height: 19px; 
   background: url(../_img/tab_on_left.gif) no-repeat;
   }
.COMP .tab.On div{
   line-height: 19px; 
   height: 19px; 
   background: url(../_img/tab_on_right.gif) top right no-repeat;
   }
   
.COMP .tabSet-secondary{
   border-color: #595959;
   }
.COMP .tabSet-secondary .tab{
   color: #7d7d7d;
   background-image: url(../_img/tab_off_left2.gif);
   }
.COMP .tabSet-secondary .tab div{
   padding: 0px 25px;
   background-image: url(../_img/tab_off_right2.gif);
   }
.COMP .tabSet-secondary  .tab.On{
   color: #ffffff;
   background-image: url(../_img/tab_on_left2.gif);
   }
.COMP .tabSet-secondary .tab.On div{
   background-image: url(../_img/tab_on_right2.gif);
   }

.COMP .tabSet-tertiary .tab{
   color: #948C68;
   margin-right: 1px;
   background-image: url(../_img/tab_off_left3.gif);
   }
.COMP .tabSet-tertiary .tab div{
   background-image: url(../_img/tab_off_right3.gif);
   }
.COMP .tabSet-tertiary .tab.On{
   color: #5A5436;
   background-image: url(../_img/tab_on_left3.gif);
   }
.COMP .tabSet-tertiary .tab.On div{
   background-image: url(../_img/tab_on_right3.gif);
   }
   
.COMP .tabSet-quaternary .tab{
   margin-right: 1px;
   font-size: 10px;
   }
.COMP .tabSet-quaternary .tab{
   color: #fff;
   background-image: url(../_img/tab_on_left4.gif);
   }
.COMP .tabSet-quaternary .tab div{
   background-image: url(../_img/tab_on_right4.gif);
   }
.COMP .tabSet-quaternary .tab.On{
   color: #fff;
   background-image: url(../_img/tab_on_left4.gif);
   }
.COMP .tabSet-quaternary .tab.On div{
   background-image: url(../_img/tab_on_right4.gif);
   }
   
.COMP .tabSet-quinary .tab{
   color: #7d7d7d;
   padding-left: 1px;
   background-image: url(../_img/tab_off_left5.gif);
   }
.COMP .tabSet-quinary .tab div{
   padding: 0px 25px;
   background-image: url(../_img/tab_off_right5.gif);
   }
.COMP .tabSet-quinary .tab.On{
   color: #ffcc00;
   background-image: url(../_img/tab_on_left5.gif);
   }
.COMP .tabSet-quinary .tab.On div{
   background-image: url(../_img/tab_on_right5.gif);
   }
   
.COMP .buttonLink {
	line-height: normal;
	float:left;
	background:url(../_img/bg_btn_left.gif) top left no-repeat;
	height:22px;
   }
.COMP .buttonLink div {
	background:url(../_img/bg_btn_right.gif) top right no-repeat;
	padding:4px 11px 5px 25px;
	font-size:.85em;
   }
.COMP .complinkscontainerBtn{
   position: absolute;
   bottom: 0px;
   background: #181818;
   height: 28px;
   width: 100%;
   }
.COMP .complinksBtn{
   text-align: right;
   }
.COMP .complinksBtn .buttonLink{
	float:right;
	display:inline;
	margin:3px 4px 0 5px;
}

/****************************
  C_image / FLASH COMPONENT  
****************************/
.C_image{}
.FLASH {}

/****************************
  C_multi 
****************************/
.C_multi{
   background-color: #181A0F;
   padding: 5px;
   }
/****************************
  C_editorial_feature COMPONENT 
****************************/

.C_editorial_feature .pic{
   padding-top: 6px;
   }
.C_editorial_feature .hdr{
   padding-left: 6px;
   }
   
/****************************
  C_editorial_feature COMPONENT 
****************************/
.C_generictext .hdr{
   padding: 0 20px 5px 5px;
   }
.C_generictext .compbody{
   padding: 0 20px 0 5px;
   }
/****************************
  C_editorial_list COMPONENT 
****************************/

.C_editorial_list .listItem { margin-bottom: 8px; }
.C_editorial_list .content { position: relative; margin-top: 10px; width: 100%;}
.C_editorial_list .hdr{ 
   padding: 30px 10px 0px 10px;
   }
.C_editorial_list .date{ 
   position: absolute;
   top: 0px;
   width: 100%;
   padding: 5px 10px 5px 10px;
   color: #ded5a6;
   background: url(../_img/hr_dots_66.gif) bottom repeat-x;
   }
.C_editorial_list .teaser{ 
   display: block;
   padding: 5px 0px 10px 10px;
   border-bottom: 1px solid #666666;
   }

/****************************
  C_news_events_list COMPONENT 
****************************/
.C_news_events_list .listItem { margin-bottom: 8px; }
.C_news_events_list .content { margin-top: 10px; position: relative; width: 100%;}
.C_news_events_list .hdr{ 
   padding: 30px 10px 0px 10px;
   }
.C_news_events_list .date{ 
   position: absolute;
   top: 0px;
   width: 100%;
   padding: 5px 10px 5px 10px;
   background: url(../_img/hr_dots_66.gif) bottom repeat-x;
   }
.C_news_events_list .teaser{ 
   display: block;
   padding: 5px 0px 10px 10px;
   border-bottom: 1px solid #666666;
   }
   
/****************************
  C_news_events_article COMPONENT 
****************************/
.C_news_events_article{
   background: #181A0F;
   }
.C_news_events_article #newsEventsArticle{
   padding: 10px;
   padding-left: 15px;
   }
.C_news_events_article .hdr h2{ 
   font-size: 17px;
   font-weight: bold;
   color: #9C8C61;
   padding-bottom: 5px;
   }
.C_news_events_article .subtitle h3{ 
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFD;
   padding-bottom: 5px;
   }
.C_news_events_article .icon{ 
   display: none;
   }
.C_news_events_article .date{ 
   padding-bottom: 5px;
   margin-bottom: 5px;
   color: #9C8C61;
   border-bottom: 1px solid #9C8C61;
   }
.C_news_events_article .body{ 
   font-size: 11px;
   line-height: 18px;
   color: #FFFFFD;
   }
.C_news_events_article .scrollbar{
   right: 5px;
   }
   
/******************************************
  My Clans / Clans Tools COMPONENT 
******************************************/

#clans-promo{
   background-color: #181a0f;
   }   
#clans-promo .compbody{
   padding: 5px;
   }
 
#clans-promo .content{
   color: #ffffff;
   background: #7A7964;
   border: 1px solid #A09A78;
   padding: 3px;
   }
#clan-logo{
   width: 75px;
   height: 75px;
   margin: 0px 5px 5px 0px;
   }

/****************************
  C_tabbed_container COMPONENT 
****************************/
.C_tabbed_container {
	background:#181A0F;
	padding:5px;
	height:340px;
      voice-family: "\"}\"";
      voice-family: inherit;
      height: 330px;
   }
html>body .C_tabbed_container {
     height: 330px;
}
.C_tabbed_container .tabContentContainer{
	background:#7A7964;
	border:1px solid #A09A78;
	border-top:none;
	padding:5px;
	height:310px;
      voice-family: "\"}\"";
      voice-family: inherit;
      height: 300px;
   }
html>body .C_tabbed_container .tabContentContainer {
     height: 300px;
}
.C_tabbed_container .tabContent {
	height:100%;
}

/****************************
  C_player_forums COMPONENT 
****************************/
#C_player_forums{
   background-color: #181a0f;
   }   
#C_player_forums .compbody{
   padding: 5px;
   }
#C_player_forums .hdr-tabs .tab{
   cursor: default;
   }  
#C_player_forums .content{
   color: #ffffff;
   background: #7A7964;
   border: 1px solid #A09A78;
   padding: 5px;
   }
#C_player_forums #cont_forumlist {
	position:relative;
	height:205px;
}
#C_player_forums .my_forums {
	background:#57563D;
	font-size:.85em;
	padding-right:16px;
	position:relative;
	}
#C_player_forums .my_forums p {color:#ccc;margin:0;padding:10px;border-bottom:2px solid #4e4d33;}
#C_player_forums .my_forums p.alt {background:#5f5e47;}
#C_player_forums .my_forums p a {color:#ffca00;font-weight:bold;font-size:1.2em;text-decoration:underline;}

#C_player_forums .playerForumsLinks {
	background:#3F3F2A;
	padding:10px 10px 0 10px;
	height:94px;
      voice-family: "\"}\"";
      voice-family: inherit;
      height: 84px;
   }
html>body #C_player_forums .playerForumsLinks {
	height: 84px;
}
#C_player_forums .playerForumsLinks .buttonLink {
	margin-bottom:4px;
}