body{
font: normal 14px "lucida grande", tahoma, verdana, arial, sans-serif;
background: #fff;
margin: 0;
text-align: center;

}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

#nav {
text-align: right;
color: black;
font-size: 13px;
font-weight: bold;
padding: 10px 0px 0px 0px ;
margin: 0px;


}
#nav a, #nav a:visited {
color: #000;
text-decoration: none;
}
#nav a:hover {
border-bottom: 1px solid #c66300;
}


table { background:#D3E4E5;
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 9px verdana, arial, helvetica, sans-serif;
}
caption { border:1px solid #5C443A;
 color:#5C443A;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
td, th { color:#363636;
 padding:.4em;
}
tr { border:1px dotted gray;
}
thead th, tfoot th { background:#5C443A;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}
tbody td a { color:#363636;
 text-decoration:none;
}
tbody td a:visited { color:gray;
 text-decoration:line-through;
}
tbody td a:hover { text-decoration:underline;
}
tbody th a { color:#363636;
 font-weight:normal;
 text-decoration:none;
}
tbody th a:hover { color:#363636;
}
tbody td+td+td+td a { background-image:url('bullet_blue.png');
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
}
tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
 background-position:left center;
 background-repeat:no-repeat;
}
tbody th, tbody td { text-align:left;
 vertical-align:top;
}
tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
.odd { background:#fff;
}
tbody tr:hover { background:#99BCBF;
 border:1px solid #03476F;
 color:#000000;
}


.form_row {
white-space: nowrap;
padding-bottom: .5em;
}
.whole_page{
width: 50em;
margin: auto;
padding: 0;
text-align: left;
border-width: 1px 1px 1px 1px;
border-color:white;
border-style: solid;
}
h2 {
font-size: 22px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
color: #6ec6c6;
font-weight: bold;
margin-top: 20px;
margin-bottom: 3px;
} 
.header {
color: gold;
background: gray; /* No "ruby" defined in HTML color names! KR Bamboo*/
font-size: 27pt;
font-family: KR Bamboo;
font-weight: bold;
padding: 0.25em;
margin-bottom: 0;
}
.submit {
margin-left: 5em;
}
.content {
height: auto;
background: #667AB2;
background-position: 50% 50%; 
padding: 0;
}
.vert {
border-left: 1px #ccc solid;
}
.details{
margin-left: 20px;
font-weight: bold;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 8pt;
color: #b7b7b7;
}
.img{
padding: 10px;
}
.footer{
text-align:center; 
position: absolute; 
bottom: 10px; 
width: 100%;
height: 30px;
padding:0px;

}
fieldset {
width:85%;
margin-left:30px;
}
legend {
color: #000;
font-weight: bold;
background: #eee;
padding: .4em 1em;
}
label		{ display: block; font-size: 14px;}
form div	{padding: 5px 0;}