body {
	font-family: Arial, Helvetical, sans-serif;
	font-size: small;
}

h1 {
	color: #707070;
}
p {
	max-width: 50em;
}

hr {
	border: 0px;
	color: #666666;
	background-color: #666666;
	height: 1px;
}

.whitebold {
	color: #FFFFFF;
	font-weight: bold;
}

a img {
	border-width: 0px;
}

/* Layout */
div.header {
}

div.menu {
	float:left; 
	width:15em;
	*width: 13em;
}

div.body {
	margin-left: 16em;
	*margin-left: 13em;
	max-width: 55em;	
}

div.footer {
	clear:both;
}
/* End of Layout */

/* Tables */
td, th {
	padding: 2px 5px;
	font-size: small;
}

td.numeric {
    text-align: right;
}

table.header {
	width: 50em;
}

table.header h1 {
	padding-top: 1em;
}
/* End of Tables */

/* Menu */
table.menu {
	width: 12em;
}

td.option, th.option {
	font-weight: bold;
	background-color: #666666;
	color: #ffffff;
}

th.header {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
}
/* End of Menu */

/* Displaytag Styles */
thead th {
	font-weight: bold;
	background-color: #666666;
	color: #ffffff;
}

th a, td.option a{
	list-style-type: none;
	text-decoration: none;
	color: #ffffff;	
}

td a {
	text-decoration: none;
	color: #005482;
}

th.sorted {
    background-color: #222222;
	color: #ffffff;
}

th a, th a:visited, th a:hover {
    color: #ffffff;
	display: block;
    text-decoration: none;
    background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
}

th.sortable a {
	background-image: url("../images/arrow_off.png");
	color: #ffffff;
	background-position: right;
    background-repeat: no-repeat;
	font-weight: bold;
    padding-right: 10px;
	display: block;
}
th.order1 a {
	background-image: url("../images/arrow_down.png");
	background-position: right;
    background-repeat: no-repeat;
	display: block;
}
th.order2 a {
	background-image: url("../images/arrow_up.png");
	background-position: right;
    background-repeat: no-repeat;
	display: block;
}
/* End of Displaytag Styles */

/* Styles for the Pop-up Calendar control */
div.calendar, div.popup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	background-color: #f0f3f6;
	border-width: 1px;
	border-style: solid;
	border-color: #505d6e;
}

div.popup {
	z-index: 10;
}
div.popup span {
	display: block;
}

table.calHead {
	background-color: #d6dde6;
	width: 100%;
}

table.calHead tr {
	background-color: #f0f3f6;
	line-height: 1em;
	height: 1.5em;
}

table.calHead tr img {
	vertical-align: middle;
}

span.control, span.controlHover {
	cursor: pointer;
	margin: 0px 3px;
}

#spanMonth, #spanYear {
	padding-left: 2px;
	background-color: #e2e7ee;
	vertical-align: middle;
}

table.month, table.year {
	font-size: x-small; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #e2e7ee;
	background-color: #f0f3f6;
	cursor: pointer;
}

table.year {
	text-align: center;
}

td.monthHover, td.yearHover {
	background-color: #d6dde6;
}

table.calendar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 100%;
	text-align: right;
}

th.divider {
	border-right: 1px solid #505d6e;
}

a.date {
	text-decoration: none;
	color: #000000;
}

a.selected {
	background-color: #505d6e;
	color: #ffffff;
	padding: 0px 2px;
}

a.holiday {
	color: #808d9e;
}

a.weekend {
	color: #808d9e;
}
a.today {
	font-weight: bold;
}

td.today {
	background-color: #b1becf;
	text-align: center;
	padding: 5px;
	color: #000000;
}

td.today a {
	text-decoration: none;
	color: #000000;
}
/* End of Calendar Styles */

/* xhtml theme Styles */
.tdLabel {
	text-align: right;
}

.required {
	color: #ff6600;
}

/* End of xhtml theme Styles */

/* Messages and errors */
div.messages li, div.errors li {
	list-style-type: none;
}

.errorMessage {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
	padding: 2px 5px;
}

.errorMessage li {
	list-style-type: none;
}

.actionMessage {
	border: 1px solid #00ff00;
	background-color: #eeffee;
	padding: 2px 5px;
}

/* End of Messages and errors */


/* Section Headings */
#sectionA {
	text-align: left;
	background-color: #8db3e2;
	font-weight: bold;
	font-size: larger;
}

#sectionB {
	text-align: left;
	background-color: #ccc0d9;
	font-weight: bold;
	font-size: larger;
}

#sectionC {
	text-align: left;
	background-color: #fbd4b4;
	font-weight: bold;
	font-size: larger;
}