@charset "utf-8";
/* CSS Document */


/* grey tab styles here */
	
  #subnav {
    float:left;
    width:100%;
    font-size:100%;
    line-height: 13px;
	background: url("../common_imgs/grey/tab_bottom_border.gif") repeat-x bottom;
	margin:0px 0px -1px -10px;
	padding:0px 0px 0px 10px;
	position:relative;
    }
  #subnav ul {
    margin:0;
    padding:0;
    list-style:none;
    }
  #subnav li {
    float:left;
    margin:0px 2px;
    padding:0;
    background:url("../common_imgs/grey/sub_tab.gif") no-repeat right top;	
    }
  #subnav a {
    display:block;
    background:url("../common_imgs/grey/sub_tab_corner.gif") no-repeat left top;
    padding:5px 15px 4px;;	
    }

  #subnav #selected {
    background-image:url("../common_imgs/grey/sub_tab_selected.gif");
    }
  #subnav #selected a {
    background-image:url("../common_imgs/grey/sub_tab_corner_selected.gif");
	color:#FFFFFF;
	padding-bottom:5px;	
    }

/* grey layout styles here */

.bc_trail_top	{
	background: url(../common_imgs/grey/bc_trail_top.gif) no-repeat bottom; 
	padding:1px 0px 0px 0px;
	margin:0px auto; 
	width:752px; 
	clear:both; 
	height:6px;
	}

.game_info	{
	clear:both;
	padding:14px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	}
.game_info_forums	{
	clear:both;
	padding:14px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-top:-30px;
	position:relative;
	}
.greybg	{
	background: url("../common_imgs/grey/game_info_bg1.gif");
	}
.col1 {
	float:right;
	width:467px;
	margin: 0px 0px 5px 0px;
	}
.col1_grey_top	{
	padding: 7px 0px 0px 0px;
	background: url("../common_imgs/grey/game_info_col1_endcaps_grey.gif") no-repeat;
	}
.col1_grey_bottom	{
	background: url("../common_imgs/grey/game_info_col1_endcaps_grey.gif") bottom no-repeat;
	padding: 7px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	}
.col1_content	{
	background: #222222;
	padding:7px 10px 10px 15px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	}
.col1_content ul	{
	list-style:none;
	margin:7px 0px 0px 0px;
	}	

	
.col2	{
	float:left;
	width:240px;
	}
.col2_grey_top	{
	padding: 7px 0px 0px 0px;
	background: url("../common_imgs/grey/game_info_col2_endcaps_grey.gif") no-repeat;
	}
.col2_grey_bottom	{
	background: url("../common_imgs/grey/game_info_col2_endcaps_grey.gif") bottom no-repeat;
	padding: 7px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	}
.col2_content	{
	background: #222222;
	padding:7px 10px 10px 15px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	overflow:hidden;
	}
.col2_content ul	{
	list-style:none;
	margin:7px 0px 0px 0px;
	}

.col3	{
	width:720px;
	}
.col3_grey_top	{
	padding: 7px 0px 0px 0px;
	background: url("../common_imgs/grey/game_info_col3_endcaps_grey.gif") no-repeat;
	}
.col3_grey_bottom	{
	background: url("../common_imgs/grey/game_info_col3_endcaps_grey.gif") bottom no-repeat;
	padding: 7px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	}
.col3_content	{
	background: #222222;
	padding:7px 10px 10px 15px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	overflow:hidden;
	}
.col3_content ul	{
	list-style:none;
	margin:7px 0px 0px 0px;
	}
	
.page_bottom_cap	{
	background: url(../common_imgs/grey/content_endcap.gif) no-repeat bottom;
	padding:1px 0px 0px 0px; 
	margin:0px auto; 
	width:752px; 
	clear:both; 
	height:6px; 
	}	
			
/* col1 image style */

.screenshot	{
	margin:5px 0px 15px -15px;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;

	}

/* col2 button style */
.button	{
	margin:10px 0px 10px 0px;
	border:none;
	}
	
/* additional tab styles */

	
.tab_icon_not	{
	background:url(../common_imgs/grey/icon_not.gif) no-repeat; 
	padding:10px 10px 0px 0px; 
	margin:2px 3px -2px -2px;
	float:left;
}

.tab_icon_mes	{
	background:url(../common_imgs/grey/icon_mes.gif) no-repeat; 
	padding:10px 13px 0px 0px; 
	margin:2px 3px -2px -2px;
	float:left;
}

.tab_icon	{
	padding:10px 10px 0px 0px; 
	margin:2px 3px -2px -2px;
	float:left;
}

.icon_not_select	{
	background:url(../common_imgs/grey/icon_not_select.gif) no-repeat; 
}

/* Profile styles */


.profile_photo	{
	margin-right:14px;
	}

.profile_avatar	{
	padding:6px;
	background:url(../common_imgs/grey/avatar_frame.gif) no-repeat;
	}

.profile_link_icon	{
	float:left;
	margin:2px 3px 10px 0px;
	border:none;
	}
	
.thumb_photo	{
	border:1px solid #666666;
	}
	
.thumb_frame_left	{
	background:url(../common_imgs/grey/thumb_frame_left.gif) no-repeat;
	padding: 60px 5px 0px 0px;
	margin: 0px -5px 0px 0px;
	display:inline;
}
	
.thumb_frame_right	{
	/*background:url(grey/thumb_frame_right.gif) no-repeat;
	padding: 60px 5px 0px 0px; */
	margin: 0px 0px 0px -5px;
	border:none;
	position:relative;
}

.buddy_photo_small	{
	border: none;
	}

	
/* wall styles	*/

.input_wall	{
	height:28px;  
	background: url(../common_imgs/grey/input_frame_bg.gif) repeat-x; 
	border:none; 
	vertical-align:top;
	padding:6px 0px 5px 0px; 
	line-height:26px;
	cursor:text;	
	}
.wall_post	{
	clear:both;
	}
.dotted_line	{
	background:url(../common_imgs/grey/dotted_line.gif);
	padding: 1px 0px 0px 0px;
	margin-left: 60px;

	}
	
.wall_date	{
	text-align:right;
	padding-right:10px;
	}
.wall_text	{
	background:url(../common_imgs/grey/dotted_line.gif) repeat-x;
	margin-left: 60px;
	}
	

/* Game section styles */

.game_scores th	{
	border-bottom:1px solid #999999;
	text-align:left;
	padding: 0px 5px 5px 5px;
	}	

.game_scores td	{
	text-align:left;
	padding: 0px 5px;
	}	

/* edit profile styles	*/
.input_file	{
	height:25px;
	}
.upload_button	{
	margin: 0px 0px 0px 112px;
	}
.checkbox_terms	{
	height:20px;
	}
	
.avatar_option	{
	float:left;
	margin:0px 5px 5px 0px;
	cursor:pointer;
	}

.dotted_line_115	{
	background:url(../common_imgs/grey/dotted_line.gif);
	padding: 1px 0px 0px 0px;
	margin-left: 115px;
	}

.dotted_line_55	{
	background:url(../common_imgs/grey/dotted_line.gif);
	padding: 1px 0px 0px 0px;
	margin-left: 55px;
	}
	
.dotted_line_0	{
	background:url(../common_imgs/grey/dotted_line.gif);
	padding: 1px 0px 0px 0px;

	}	

.input_tag	{
	height:20px;  
	padding:6px 10px 0px 0px; 
	vertical-align:top;
	float:left;
	width: 100px;
	text-align:right;
	}
.gender	{
	padding: 5px 0px;
	}
.opt_in_updates	{
	padding: 5px 0px;
	}
.select_padding	{
	padding:3px;
	}

.text_area	{
	background: transparent;
	border:none; 
	padding:5px 0px 10px 10px;
	margin:10px 0px 15px 10px; 
	padding: 0px; 
	height:100px;
	width: 250px;
	cursor:text;
	}
.text_area_bg	{
	background: url(../common_imgs/grey/textarea_frame_bg2.gif) top center no-repeat;
	background-position: 65% 0%	
	}

.input_counter	{
	height:28px;  
	background: transparent; 
	border:none; 
	padding:5px 0px; 
	vertical-align:top;
	}	
	
.locked	{
	margin-top: 4px;
	}

.errorzone	{

	color:#CC3300;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:14px;
	text-transform:none;

	}
.error_icon_fix	{
	margin:2px 3px 2px 0px;
	}
	
.successzone	{

	color:#75c001;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px;
	text-transform:none;

	}	
	
.char_remaining	{
	display:inline; 
	line-height:23px;
	}

/* photo upload page styles */

.confirmzone	{

	color:#75c001;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px;
	text-transform:none;
	}

/* Dialogue box framework styles */

.dbox	{
	position: absolute; 
	width:240px; 
	display:none;
	}
.dbox_grey_top	{
	padding: 7px 0px 0px 0px;
	background: url("../common_imgs/grey/dbox_endcaps_grey.png") no-repeat;
	}
.dbox_grey_bottom	{
	background: url("../common_imgs/grey/dbox_endcaps_grey.png") bottom no-repeat;
	padding: 7px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	}
.dbox_content	{
	background: #222222;
	padding:7px 10px 10px 15px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	overflow:hidden;
	}

/* Notification Styles */

.photo_comment_spacer	{
	background: #222222;
	margin-left:-10px;
	padding-top:1px;
	float:left;
	width:8px;
}

/* Up sell styles	*/

.loading	{
	background: url(../common_imgs/processing.gif) 50% 40% no-repeat #222222;
	height:338px;
	}
.loadingphoto	{
	background: url(../common_imgs/processing.gif) 50% 40% no-repeat #222222;
	}
.whiteborder	{
 	border:1px solid #666666;
	}
.phone_pop_up	{
	background: url(../common_imgs/phone_pop_up.png) no-repeat;
}

/* New typography */

.game_header	{
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: bold; 
	text-transform:uppercase;
	color:#FFFFFF;
	}
.game_sidebarheader	{
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:24px;
	}
.game_subheader	{
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
	line-height:24px;
	
	}
.game_bodytxt	{
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height:14px;
	font-weight: normal;
	text-transform:none;
	color:#FFFFFF;
	}
.game_bodytxt a	{
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height:14px;
	font-weight: normal;
	text-transform:none;
	text-decoration:none;
	color:#FFB33F;
	}
.game_bodytxt a:hover	{
	color:#FFEE9E;
	}	
.game_bodytxt a:visited	{
	color:#FFB33F;
	}
	
.bold	{
	font-weight:bold;
	}
.greytext	{
	color: #999999;
	font-style:normal;
	font-size: 11px;

	}
.darkgreytext	{
	font-family: Arial, sans-serif;
	line-height:14px;
	font-weight: normal;
	color: #000000;
	font-style:normal;
	font-size: 11px;
	}
.medgreytext	{
	font-family: Arial, sans-serif;
	line-height:14px;
	font-weight: normal;
	color: #777777;
	font-style:normal;
	font-size: 11px;
	}			
.lists	{
	list-style:square;
	padding-left:34px;
	}
p 	{
	margin:15px 0px 15px 0px;
	}
	
/* Added Typography for up sell pages */

h1	{
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#FFFFFF;
	line-height:24px;
	
	}

h2	{
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
	line-height:24px;
	}	
	
p 	{
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	text-transform:none;
	color:#FFFFFF;
	}

/* BASICS	*/

.float_l	{
	float:left;
	}	

.float_r	{
	float:right;
	}
	
.margin_b_30{
	margin-bottom:30px;
	}		

.spacing_10{
	padding:10px 0px 0px 0px;
	}
.spacing_5{
	padding:5px 0px 0px 0px;
	}
	
.spacing_10_r	{
	margin: 0px 10px 0px 0px;
	}
.spacing_5_r	{
	margin: 0px 5px 0px 0px;
	}
	
.spacing_10_l	{
	margin: 0px 0px 0px 10px;
	}
	
.spacing_30_l	{
	margin: 0px 0px 0px 30px;
	}

.spacing_30_r	{
	margin: 0px 30px 0px 0px;
	}
	
.no_border	{
	border:none;
	}
.clear	{
	clear:both;
	}
.hide	{
	display:none;
	}
.active	{
	cursor:pointer;
	}