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


/****************************
  GENERAL COMPONENT CLASSES
****************************/
.COMP{
   background: url(../_img/line_dotted_v.gif) repeat-y;
	border-top:2px solid #22AAE2;
	
   font-size: 0.95em;
   }

.COMP .border_dots_left{
   height: 100%;
   background: url(../_img/line_dotted_v.gif) left repeat-y;
   }

.COMP .border_dots_right{
   height: 98%;
   background: url(../_img/line_dotted_v.gif) right repeat-y;
   }

/* Call to action links */
.dlinks {
   list-style:none;
   }
.dlinks a  {
   color:#fff;
   font-weight:normal;
   text-decoration: none;
   padding: 0 4px;
   }
.dlinks li {
   padding: 2px 0;
   }


/****************************
C_single_download COMPONENT 
****************************/

/* Call to action links */
.C_download .dlinks { list-style:none; margin: 0; text-align: right; }
.C_download .dlinks li {
   background: url(../_img/bg_promo_link_b.gif) repeat-x;
   border:1px solid #333;
   }
.C_download .dlinks li div { background: url(../_img/promo_link_edge.gif) right no-repeat; }
.C_download .dlinks li a { padding-right: 20px; }
.C_download .dlinks li a:hover { color: #3399CC; }
.dfeature .dlinks {
   position: absolute; bottom: 2px; right: 2px; width: 146px;
   }
.dsingle .dlinks {
   position: absolute; bottom: 0; right: 0; width: 290px;
   }
.dsingle .dlinks li {
   float:left; margin-right:1px; width:142px; text-align: center;
   }
.dsingle .dlinks li a { padding-right: 0; }
.dsingle .wide li {
   width:287px; margin-left:1px; text-align: right;
   }
.dsingle .wide li a { padding-right: 20px; }

.dmulti .dlinks li {
   width: 250px; margin-left: 1px; text-align: right;
   }
.dmulti .wallpaper li {
   float: left; width: 123px; text-align: center;
   }
.dmulti .wallpaper li a { padding: 0; }

.C_download {
   overflow:hidden; font-size: .9em; height: 100%;
   background: url(../_img/line_dotted_v.gif) left repeat-y;
   }
.C_download .copy { margin: 4px 0; padding: 0; }
.C_download .hdr { text-transform: uppercase; padding:2px 0px;}
.dsingle, .dmulti { border-top: 2px solid #3399CC; }

/* Feature */
.dfeature { border: none; }
.dfeature .hdr {
   font-weight: bold; background: none; color: #fff; margin-bottom: 10px;
   padding:4px 0 6px 0;
   background: url(../_img/line_dotted_h_747474.gif) bottom repeat-x;
   
   }
.dfeature .pic { float: left; }
.dfeature .compbody {
   float: left; margin: 0; width: 137px; padding: 4px 4px 0 8px;
   border-top: 2px solid #3399CC;
   }

/* Single */
.dsingle { border-bottom: none; }
.dsingle .hdr {
   font-weight: bold; color: #fff; margin:6px;
   }
.dsingle .pic {
   text-align:left;
   background:url(../_img/bg_games_current.gif) right top no-repeat;
   }
.dsingle .compbody { padding:0px; }

/* Multi */
.dmulti .hdr {
   margin: 0 0 6px 8px; padding: 2px 4px;
   font-weight: normal; color: #fff; background: #000;
   }
.dmulti {
   border-bottom: 1px solid #ccc;
   }
.dmulti .content {
   background:none;
   padding: 0 0 10px 0;
   margin: 0 0 10px 8px;
   background: url(../../_img/line_dotted_h_000000.gif) bottom repeat-x;
   }
.dmulti .pic { text-align: center; }



/****************************
  C_games COMPONENT 
****************************/

/* styles for game mouseovers */
.platformImgHi {  }
.platformImgLo {  }

/* dotted border for platform pages */
.platforms {
   height: 100%; font-size: .9em;
  
   }

/* Call to action links */
.platforms .dlinks li {
   background: url(../_img/bg_promo_link_b.gif) repeat-x;
   border:1px solid #333;
   margin: 0;
   }
.platforms .dlinks li div {
   
   }
.platforms .dlinks li a { padding-right: 20px; }
.platforms .dlinks li a:hover { color: #3399CC; }
.platforms .dlinks {
   list-style:none; margin: 10px 0 0 0; text-align: right;
   }
.C_games_top .dlinks {
   position: absolute; bottom: 0px; right: 2px; width: 146px;
   }
.C_games_current .dlinks {
   position: absolute; bottom: 0; right: 0; width: 290px;
   }
.C_games_upcoming .dlinks {
   position: absolute; bottom: 0; right: 0; width: 290px;
   }


/* PLATFORM TOP */
.C_games_top { position: relative; border-top: none; }
.C_games_top .hdr {
   border: none; color: #3399CC; text-transform: uppercase;
   margin: 0 0 8px 0;
   padding:4px 0 6px 0;
   background: url(../_img/line_dotted_h_747474.gif) bottom repeat-x;
   }
.C_games_top .subhdr { text-transform: uppercase; margin: 0 0 4px 0; font-weight: bold; color: #666; }
.C_games_top .subhdr a { color: #fff; text-decoration: none; }
.C_games_top .subhdr a:hover { color: #3399CC; }
.C_games_top .pic { float: left; }
.C_games_top .compbody {
   float: left; width: 137px; padding: 4px 4px 0 8px; margin: 0; border-top: 2px solid #22AAE2;
   }

/* PLATFORM CURRENT */
.C_games_current { border-top: 2px solid #22AAE2; position: relative; }
.C_games_current .compbody{

}

.C_games_current .hdr {
   border: none; background: none; color: #fff; text-transform: uppercase;
   margin: 10px 0 10px 8px; padding: 0;
   }
.C_games_current .pic {border:0px;
   background:url(../_img/bg_games_current.gif) right top no-repeat;
}

/* PLATFORM UPCOMING */
.C_games_upcoming { border-top: 2px solid #22AAE2; position: relative; }
.C_games_upcoming .hdr {
   border: none; background: none; color: #000; text-transform: uppercase;
   margin: 4px 0 4px 8px; padding: 0;
   }
.C_games_upcoming .pic { text-align: center;}



/****************************
  C_allGames COMPONENT 
****************************/
.C_allGames {
   border-top: 2px solid #22AAE2;
   border-bottom: 1px solid #ccc;
   }
.C_allGames .content {
   background:none;
   padding:0px 20px;
   }
.C_allGames .pic {
   float:right; margin-top: -2px; width: 65px;
   }

.C_allGames .pic a { display: block; width: 65px; height: 19px; }



/* Buy Now hover */
#buyNowBtn {
   margin: 0; padding: 0; height: 19px; overflow: hidden;
   }
#buyNowBtn a {
   width: 65px; background: url(../_img/btn_buynow.gif) top left no-repeat;
   float: left; padding: 19px 0 0 0; overflow: hidden; height: 0px !important;
   height /**/:19px; /*IE5/win only*/
   }
#buyNowBtn a:hover { background-position: 0 -19px; }

#buyNowBtn a.viewsite {
   background: url(../_img/btn_viewsite.gif) top left no-repeat;
   }
#buyNowBtn a.viewsite:hover { background-position: 0 -19px; }

.C_allGames .console .compbody {
   float: left; margin: 0 4px; width: 156px;
   background:#0E0E0E;
   padding:10px 8px;
   }
.C_allGames .comphdr { font-size: 1em; }
.C_allGames .compbody .hdr { 
   padding-bottom:8px;
   margin-bottom:8px;
   background: url(../_img/bg_allgames_hdr.gif) left bottom repeat-x;
 }
.C_allGames .compbody .hdr a { color:#fff; text-decoration: none; }
.C_allGames .compbody .hdr a:hover { color:#22AAE2; }

.console { margin: 5px; }
.console .subhdr {
   background: #666; color: #fff; font-weight: bold;
   padding: 2px 6px; margin: 8px 0;
   text-transform: uppercase; 
   }
.console .fltClear {
   padding: 0;
   margin: 10px 14px 10px 8px;
   background: url(../_img/line_dotted_h_747474.gif) top repeat-x;
   }


/****************************
  C_news_events_list COMPONENT
****************************/
#newsEventsArticle .body { margin-top: 6px; background: none; }

.plain .header { background: #ccc; margin: 10px 0 0 8px; padding: 4px 0 0 4px; }
.plain  #cont_newslist{ top: 45px; height: 87%; }
.plain #scrollbar_newslist{ top: 55px; left: 262px; }

/****************************
  C_players_online COMPONENT
****************************/
.C_players_online{
	border:none;
	background:url(../_img/bg_players_online.gif) no-repeat;
	color:#3F3F3F;
	padding-top: 2px;
}

.C_players_online #playercounter{
	float:left;
	background:#000 url(../_img/mask_players_online.gif) no-repeat right;
	font:bold 2em Verdana;
	height:36px;
	line-height:34px;
   margin-left: 2px;
	padding: 0 10px 0 8px;
}

.C_players_online .textcontainer{
	float:left;
	margin:2px 10px;
   color:#fff;
}

.C_players_online .title{
	color:#ccc;
	font:bold 1.4em Verdana;
}

.C_players_online .content a{
	text-decoration:none;
	color:#fff;
}

/****************************
  C_newsletter_module COMPONENT 
****************************/
.C_newsletter_module{
	border-top: 2px solid #3399CC;
	overflow:hidden;
}

.C_newsletter_module .content{
	margin:37px 11px 5px 11px;
	font-size:0.85em;
	line-height:12px;
   color:#fff;
}

/****************************
  C_image COMPONENT 
****************************/
.C_image{border:none; background: none;}

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

/****************************
  Theater Component
****************************/

/* media list */
#media-list li a {
   color: #999;
   }
#media-list li a .postedDate {
   color: #666;
   }

/* current media description */
#current-media-description h2 {
   color: #fff;
   }
#current-media-description p#current-media-counter {
   color: #ccc;
   }
	
/********************
C_personal_info
*********************/
.C_personal_info {
	background:#fff;
	}
.C_personal_info .head{
	background:#eee;
}
.C_personal_info .head div{background:#eee;}
.C_personal_info .head .picture{
	background-color:#999;
}

.C_personal_info .head .editbutton-container{
	background:#333;
	border:1px solid #474747;
}
.C_personal_info .head .editbutton{
	background:#333;
	border:1px solid #fff;
	color:#fff;
}

.C_personal_info .inforow{
	background:url(../../_img/line_dotted_h_666666.gif) bottom repeat-x;
}

a.red{color:#22AAE2 ! important;text-decoration:none;}