/*HTML styles */

body {
	background-color: #002D56 ;
	background-position: top ;
	background-repeat: repeat-x ;	
	margin: 0px ;	
	font-family: verdana, arial, sans-serif ;
	font-size: 12px ;
	color: #000000 ;
	line-height: 18px ;
}

/* TinyMCE specific rules */

body.mceContentBody {
   background: #FFF;
}

p, li, div, td {
	line-height: 18px ;
}

input, select, textarea, button {
	font-family: verdana, arial, sans-serif ;
	font-size: 12px ;
}

table {
	border-collapse: collapse ;
}

form {
	margin: 0px ;
	padding: 0px ;
}

td {
	font-size: 12px ;
	vertical-align: middle ;
}

h1 {
	font-size: 22px ;
	font-weight: normal ;
	letter-spacing: -2px ;
	line-height: 26px ;
	color: #002D56 ;	
	margin-top: 0px ;
}

h2 {
	font-size: 18px ;
	font-weight: normal ;
	letter-spacing: -1px ;
	line-height: 22px ;
}

h3 {
	font-size: 13px ; 
	font-weight: bold ;
}

a.button:link, a.button:active, a.button:visited, a.button:hover {
	display: block ;
	color: #ffffff ;
	font-size: 18px ;
	font-weight: normal ;
	letter-spacing: -1px ;
	text-decoration: none ;
	background-image: url(/images/nav_bg.gif) ;
	background-position: center ;
	text-align: center ;
	padding: 10px ;
	border-top: 1px solid #004A8A ;
	border-right: 1px solid #002D56 ;
	border-bottom: 1px solid #002D56 ;
	border-left: 1px solid #004A8A ;
	
}

a.button:hover {
	background-image: url(/images/button_up.gif) ;
	text-decoration: underline ;
}

#content {
	padding: 15px ;
}

a.link_white:link, a.link_white:active, a.link_white:visited {
	color: #ffffff ;
	text-decoration: none ;
}

a.link_white:hover {
	text-decoration: underline ;
}

.img_float {
	float: right ;
	clear: right ;
	margin-left: 10px ;
}

a:link {
	color: #002D56 ;
}

a:active, a:visited {
	color: #333333 ;
}

a:hover {
	color: #004A8A ;
}

.mceContentBody a {
	color: #002D56 !important; /* Should match standard anchors; FF requires a important here for mceContentBody */
}



div.blog {
	padding: 10px; 
	border-bottom: 1px dashed #333; 
}

div.blog_title {
	font-weight: bold; 
	font-size: 13px;
}

div.blog_author {
	font-weight: bold;
	font-size: 11px; 
}

div.blog_date {
	font-style: italic;
	font-size: 11px; 
}

div.blog_link {
	text-align: right;
}
.filter {
	margin-bottom: 10px; 
}

.item_detail_label {
	font-weight: bold;
	text-align: right; 
	vertical-align: top;
	padding-left: 10px; 
	padding-right: 5px; 
	white-space: nowrap; 
	width: 1%;	
	min-width: 20%; /*ff only*/	
	
	max-width: 40%; /*ff only*/
}

table.appointments {
	width: 100%;
	border-bottom: solid 1px #aaa;
}

td.appointments {
	padding: 3px; 
	width: 12.5%; 
	text-align: center; 
}

td.appointments.day {
	font-weight: bold;
}

td.appointments.time {
	width: 1%; 
	white-space: nowrap;
}

td.nonhour {
	border: solid 1px #ccc;
	border-bottom-width: 0px;
}

td.hour {
	border-top: solid 1px #aaa;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

td.unavailable {
	background-color: #eee;
}

td.available {
	background-color: #ffd;
}

td.scheduled {
	background-color: #DBE5F1;
}

div.appointments.legend {
	text-align: center; 
	border: solid 1px #aaa;
	padding: 3px; 
	margin: 3px; 
}

/* Month Picker Styles */

td.day {
	vertical-align: top;
	text-align: center; 
}

td.this_day, td.this_day a {
	background-color: #eee;
	font-weight: bold; 
	color: #000;
}

a.day {
	text-decoration: none;
	color: #888; 
}

a.day:hover {
	text-decoration: underline;
}


div.users_title {
	font-weight: bold; 
	font-size: 14px;
}

div.users_link {
	text-align: right;
}

table.users {
	width: 100%; 
}

table.users td {
	padding: 5px; 
	border-bottom: solid 1px #999;
}

td.users_photo {
	width: 1%; 
	vertical-align: top;
	text-align: center; 
}

td.users_info {
	vertical-align: top;
}