/* CSS Document */
body { 
	margin:3px auto; 
	font-family:"Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif; 
	font-size:85%; 	
	background:#303030; /* default bgd color */
	}
H1 { }
h3.bookings { margin:.5em 0;}
h4.bookings { margin:.3em 0; font-size:1em; font-weight:normal; }
A { color:#000; }
HR { border:0; height:1px; background-color:#ccc; color:#ccc; }
form { margin:0; padding:0; }
.text_input { width:200px; }
#wrapper { width:868px; margin:auto; }
#header { height:84px;  padding:0; overflow:hidden;  }
#nav { padding:3px 10px; font-weight:bold; text-decoration:none; }
#nav a { font-weight:bold; text-decoration:none; }
#nav a:hover { text-decoration:underline; }	
#nav_cms { padding:3px 10px; font-weight:bold;  }
#nav_cms a { text-decoration:none; }
#nav_cms a:hover { text-decoration:underline; }	
#col_wrapper { padding:0; background:#ffffff; }
#left_col { float:left;  width:190px; padding:15px 5px; }
#left_col .panel { margin-bottom:20px; border:1px dotted #a0a0a0; padding:10px; background-color:#fafafa; }
#left_col a { }

#right_col 	{ float:right; margin:0 10px 0 0;  border:0; padding:2em 10px; width:628px; background:#ffffff; }
/*#right_col 	{ float:left; margin:0 20px;  border:0px solid #000; padding-bottom:2em; width:628px; background:#ffffff; }*/

.two_cols { float:left; margin:0 1em 1em 0; border:0; min-width:206px; border:1px dotted #cccccc; background:#fdfdfd; padding:1em; }
.right_col_nested_col { float:left; margin:0 20px 0 0; padding:10px; width:270px;  border:1px dotted #cccccc; } 
.end_floats { clear:both; }
#court_times { margin:1em 0; }
#footer { padding:6px; text-align:center; background:#0C2B29; color:#e0e0e0; font-size:95%; border-top:1px solid #000000; }
#footer a { color:#e0e0e0; }
#hbi { margin:2em auto; padding:.5em 0; width:868px; text-align:center;  }
#hbi a { color:#e0e0e0; }
#hbi H1 { font-size:95%; padding:0; margin:1em 0; }
#map { width:600px; height:750px; }
.nested_column { float:left; margin:0 5px 4px 0; border:0px dotted #cccccc; padding:0px; width:150px; font-size:95%; }
.court_available { margin-bottom:2px; min-height:34px; border:1px solid #aaa; padding:0 3px; background:#fff; }
.court_available:hover { background:#fafafa; border-color:#999; }
.court_available a { }
.court_booked { margin-bottom:2px; min-height:34px; border:1px solid #a0a0a0; padding:0 3px 2px 3px; color:#000000; background:#eee;  }
.court_booked a {  }
.showcancellation { color:#bbbbbb; }
.showcost { margin-left:35px; color:#888888; }
.form_table { margin-left:30px; background:#cccccc; }
.form_table td { background:#fafafa; padding:2px 1em; font-size:95%; vertical-align:middle; }
.form_table th { background:#eee; padding:3px 1em; font-size:95%; font-weight:bold; text-align:left; }
.formInput { width:200px; }
.selected { color:#000000; text-decoration:none; font-weight:bold; }
#admin_sub_nav { padding-bottom:30px; }
.smaller { font-size:85%; }

.thumb_img_div { float:left; width:40px; height:35px; margin:1px; padding:0;}
.settings_image { float:left; margin-right:3px; height:37px; width:50px; padding:0; text-align:right; }
.settings_image img:hover { border-left:1px solid #ffffff; border-bottom:1px solid #ffffff; border-top:0; border-right:0; }
#div_comment { margin-bottom:1em;}
.private_comment, .private_comment a { color:#777777; }

.subnav { margin:0 0 1em 0; text-decoration:none; }
.subnav .selected { font-weight:bold; }

#editor_content TABLE { background:#ccc; }
#editor_content TABLE TD { padding:3px 6px; background:#fafafa; }

.alert { margin:4em 30px; padding:15px; background:lightyellow; border:1px solid #ccc; font-size:small; }