/* CSS Document */
BODY { 
	margin:0 auto;
	padding:0; 
	color:#000;
	background-image: linear-gradient(to right, #4178c6, #1e457f);
	background-size:100% 85px;
	background-repeat:no-repeat;
	}

A { color:#000; }
H1, H2, H3 { }

#wrapper { margin:0 auto; width:1110px; padding:0; background:none;  }
	
	#header { 
		height:85px; 
		margin:0; 
		padding:0; 
		background:url(../images/74_header.png) left no-repeat; 
	}
	
	#nav { margin:3em 0 3em 0; padding:8px 0; background:none; }
	#nav A { margin:0 20px 0 0; padding:8px 10px; background:#4178c7; color:#fff; border:1px solid #ccc; font-weight:normal; }
	#nav A:HOVER, #nav A.selected { color:#000; background:yellow; text-decoration:none; }
	#nav_cms { display:none;  }
	
	#col_wrapper { margin:0; padding:0; background:none; }
		#left_col { float:left; margin:0 20px 0 0; width:220px; padding:0; background:none; }
		#left_col .panel { border:0; background:#fafafa; border:1px dotted #ccc; } 
		#left_col #login_panel { }
		#left_col #select_date_wrapper { }
		#nav_booking_rules {}

			#select_date { background:none; }
			.left_side_date A {
				margin:0;
				padding:3px 10px;
				display:block; 
				text-decoration:none;
				border-bottom:1px dotted #ddd;
				background:#fafafa;
				}
			DIV#select_date DIV.left_side_date:first-child A  { border-top:1px dotted #ddd; }
			.left_side_date A:HOVER, .left_side_date A.selected { background:yellow; font-weight:normal; } 	

	
		#right_col { float:left; margin:0; width:850px; padding:0; background:none; }
		
			.nested_column { width:32%; margin:0 1% 0 0; border-bottom:1px dotted #aaa; }
			#tab323 .nested_column { width:24%; margin:0 1% 0 0; border-bottom:1px dotted #aaa; }
			.nested_column:last-child { margin:0; }
			#court1275 { clear:left; }
			/*
			.courtname { margin:1em 0 0 0 !important; }
			.courtdescr { text-transform:uppercase; font-weight:normal; margin:0 0 1em 0 !important; }
			*/

			#court1275 { clear:left; }
			
		.pp_court#court1272 { clear:left; }
	
	#footer { margin:0; padding:1em 0; border:0;  color:#fff; background:#000;  }
	#footer A { color:#fff; }

#hbi {   }
#hbi, #hbi A { } 
#mycourts_logo { content:url("/images/mycourts_black_150.png") }

@media only screen and (max-width:600px) {
	
	BODY { margin:0; padding:0;  } 

	#header { height:4em !important; background-position:5% 0% !important;  }
	
	#menu_control  { background:#000; }

	#menu_control A { color:#fff; }
	
	#menu_wrapper { 
		background-image: linear-gradient(#4178c6, #1e457f);
		color:#fff;
	}

	.close_wrapper A { color:#fff; }
	#menu_show_member { color:yellow; }
	#menu_links UL LI A { color:#fff;  }
	
	#menu_links A.selected { color:yellow; }
	A.na { color:#ddd !important; }
	
}