/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

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

a:link {	color: #4DA0C6;}
a:hover {	text-decoration: underline;	color: #FF0000;}
a:visited {	color: #4DA0C6;}
img.white-border{	border: 5px solid #A2DAF4;	margin-right: 40px;}
body {		background: #ffffff url(images/back_all.gif) repeat-x;	font: 13px Arial, Helvetica, sans-serif;	color: #333333;}
#content{	margin: 0 auto;	background: #ffffff;	width: 880px;	text-align: left;	border-left: 10px solid #ffffff;	border-right: 10px solid #ffffff;	}
#main{width: 880px;padding-top: 10px;background: url(images/table_back.gif) repeat-x top;}

#header {	height: 387px;	text-align: right;	background: url(images/header.jpg) no-repeat;		}
#logo {width: 860px;height: 136px;text-align: right;padding-right: 20px;padding-top: 200px;}
#logo {text-decoration: none;	text-transform: uppercase;	font-style: italic;	font-size: 18px;	color: #ffffff; font-family: "Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive;}
#logo H2 {font-size: 20px;text-transform: uppercase;}

#menu{margin: 0 auto;width: 880px;height: 48px;padding-top: 10px;margin-left: 0px;background: url(images/menu.gif) no-repeat;}
#menu ul {	list-style: none;	padding-left: 20px;}
#menu li {		display: inline; 	}
#menu a {	float: left;	width: 120px;	height: 23px;    display: block;	text-align: center;	text-decoration: none;	color: #ffffff;	font-weight: bold;	padding-top: 10px;	font-size: 12px;	text-transform: uppercase;}
#menu a:hover {	width: 120px;    height: 23px;	color: #68C1EA;	text-decoration: underline;	background: #ffffff;}

#left{	width: 240px;	margin-left: 10px;}
#left H3{width: 215px;height: 30px;font-size: 14px;font-weight: bold;padding-left: 25px;padding-top: 15px;text-transform: uppercase;color: #ffffff;background: url(images/title.gif) repeat-x}
#left ul {	list-style: none;	margin-bottom: 10px;	background: url(images/title_back.gif) repeat-x top;}
#left li ul {	border: 0px;	margin-left: 20px;	margin-bottom: 10px;	padding-top: 20px;	background: none;}
#left li li {	padding: 4px 20px;}
#left a {	color: #4DA0C6;	text-decoration: none;}
#left a:hover {	color: #4DA0C6;	text-decoration: underline;}
#left a:visited {	color: #4DA0C6;}
#left p{padding: 8px;}
#left h4{padding-left: 8px; font-weight:bold;color: #4DA0C6; font-size: 12px }

#right{float: right;width: 595px;padding-right: 10px;}
#right H4{	margin: 0;	padding: 0px;	font-size: 12px;	color: #4DA0C6;}
#right a{color: #4DA0C6;text-decoration: none;}
#right a:hover{color: #4DA0C6;text-decoration: underline;}
#right a:visited{color: #4DA0C6;text-decoration: none;}
#right p {	margin: 0;	padding: 0;	padding-bottom: 10px;}
#right h2, #right h3 {	margin: 0;	padding: 0;	padding-top: 10px;	color: #4DA0C6;}
#right h5{	font-size: 14px;	color: #4DA0C6; padding-top: 10px; margin-right: 15px; border-bottom: solid 1px #4DA0C6;}
#right ol, #right ul{margin-left: 30px;}

#footer {	height: 49px;	clear: both;	padding-top: 20px;	background: url(images/footer.gif) repeat-x bottom;	border-top: 4px solid #4DA0C6;}
#footer p {	margin: 0;	font-size: 12px;	text-align: center;	color: #4DA0C6;}
#footer a {	color: #4DA0C6;}

/* ----- Date selector specific styles ----- */

form div {	clear: both;	margin-bottom: 18px;	overflow: hidden;}
form fieldset {	border: #E5E5E5 0px solid;	clear: none;	margin-bottom: 0px;	overflow: hidden;	padding: 0px 0px;}
form input,form select {	width: 75px; border-color: #ACACAC #E1E1E1 #E1E1E1 #ACACAC;	border-style: solid;	border-width: 1px;	float: left;	font: normal 12px Arial, sans-serif;	margin-right: 6px;}
form input {	padding: 1px 3px; margin-bottom: 5px;}
form label {	float: left;	margin-right: 6px;	text-align: right; font: normal 11px 'Century Gothic',Helvetica,Sans-serif;  color: #4DA0C6; width: 100px;	}
.button {float:right; margin-right: 40px; background-color: #4DA0C6; color:#fff; font-size: 11px; font-weight:bold; cursor:pointer;}
input.dashboard,select.dashboard {	width: 70px;}

button.dashboard {	background: url(images/dashboard-icon.gif);	border: 0;	cursor: pointer;	float: left;	height: 20px;	margin-right: 20px;	width: 20px;}
button.dashboard:hover,button.dashboard.active {	background-position: 0 20px;}

div.dashboard {	background: url(images/dashboard2.png);	height: 180px;	padding: 0 12px;	text-align: center;	width: 147px;}	
div.dashboard * {		margin: 0;		padding: 0;	}	
div.dashboard div {		background: none !important;		cursor: move;		height: 170px;		overflow: hidden;		padding-top: 10px;		position: relative;		width: 147px;	}	
div.dashboard caption {		color: #CF0;		font: normal 12px/17px Arial, Helvetica, sans-serif;		padding-top: 4px;		text-align: center;		width: 100%;	}
div.dashboard caption a {		cursor: pointer;		display: block;		height: 11px;		overflow: hidden;		position: absolute;		text-indent: -100px;		top: 16px;		width: 11px;	}
div.dashboard caption a.prev {		background-image: url(images/dashboard-prev.gif);		left: 1px;	}
div.dashboard caption a.next {		background-image: url(images/dashboard-next.gif);		right: 1px;	}
div.dashboard caption a:hover {		background-position: 0 11px;	}
div.dashboard caption span {		height: 25px;		position: relative;		text-align: center;	}
div.dashboard caption span.month {		padding-right: 8px;	}
div.dashboard caption span.month:after {		content: ',';	}
div.dashboard table {		border: 0;		border-collapse: collapse;		border-spacing: 0;		cursor: default;		margin: 0 auto;		overflow: hidden;		width: 147px;	}
div.dashboard td,	div.dashboard th {		border: 0;		color: #999;		font: normal 12px Arial, Helvetica, sans-serif;		height: 19px;		text-align: center;		width: 21px;	}
div.dashboard td {		color: #333;		font-size: 11px;		padding-right: 5px;		text-align: right;		width: 16px;	}
div.dashboard td.invalid {		color: #666;	}
div.dashboard td.valid {		color: #FFF;		cursor: pointer;	}
div.dashboard td.active,	div.dashboard td.hover {		color: #CF0;		cursor: pointer;	}