body {
    background-color: #FFFFFF;
    font-size:11px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
}

h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:14px;
}
h4 {
	font-size:12px;
}
h5 {
	font-size:11px;
}

div#outer {
    width: 800px;
    background-color: #CC3333;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: 1px solid #000000;

}

div#header {
    height: 72px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background-color: #EEEEEE;
}

div#nav {
    width: 200px;
    padding: 10px;
    margin-top: 0px;
    float: left;
	background-color: #CCCCCC;
}
div#nav a {
	line-height: 200%;
	padding: 4px;
	margin: 4px;
}

div#main {
    margin-left: 220px;
    background-color: #EEEEEE;
	padding: 10px;
    min-height: 250px;

}

div#footer {
    padding: 15px;
    margin: 0px;
    background-color: #EEEEEE;
    border-top: 1px dashed #000000;
	text-align: center;
}

div#footer a{
	color: #000000;
    text-decoration: none;
}

div#footer a:hover{
    text-decoration: underline;
}

.listTable {
	border: 1px solid #000000;
	border-collapse: collapse;
}

.listTable td{
	vertical-align: top;
	text-align: left;
	padding: 2px;
	margin: 0px;
}

.listTable tr.row1 {
	background-color: #EEEEEE;
}

.listTable tr.row1 td{
	background-color: #EEEEEE;
}

.listTable tr.row1_hover:hover{
	background-color: #CCCCCC;
}
.listTable tr.row2 {
	background-color: #DDDDDD;
}

.listTable tr.row2 td{
	background-color: #DDDDDD;
}

.listTable tr.row2_hover:hover{
	background-color: #CCCCCC;

}

.listTable tr.header {
	background-color: #6BDAFF;
}

.listTable tr.header td{
	background-color: #CC3333;
}

.imglink {
	border: 0px solid #000000;
	text-decoration: none;
}
.imgalign {
	vertical-align: middle;
}
.imgalign_bottom {
	vertical-align: bottom;
}
.imgalign_top {
	vertical-align: top;
}


.tinyText {
	font-size: 6pt;
}
.smallText {
	font-size: 7pt;
}

.fault {
	color: #CC3333;
	background-color: #FFEBE5;
	border: 1px solid #CC3333;
}

.info {
	color: #006633;
	background-color: #E5FFE5;
	border: 1px solid #006633;
}


/* displays general messages to the user */
#screenMessages {
	padding: 4px;
}

.screenMessages p {
	width: 100%;
	padding: 4px;
}

.screenMessages p.info {
	color: #006633;
	background-color: #E5FFE5;
	border: 1px solid #006633;
}

.screenMessages .infoActive {
	color: #006633;
	background-color: #6BFF6B;
	border: 1px solid #006633;
}

.screenMessages p.fault {
	color: #CC3333;
	background-color: #FFEBE5;
	border: 1px solid #CC3333;
}

.screenMessages .faultActive {
	color: #CC3333;
	background-color: #FF8E6B;
	border: 1px solid #CC3333;
}

/* displays the content of an errorreport to the user */
.errorReports {
	color: #CC3333;
	padding: 4px;
}

.errorReports p.report {
	color: #CC3333;
	background-color: #FFEBE5;
	border: 1px solid #CC3333;
	padding: 2px;
}

.errorReports p.concludingMessage {
	color: #CC3333;
	/*background-color: #FFEBE5;
	border: 1px solid #CC3333;*/
}


/* changes the style of an input element when not validating */
.inputError {
	border-color: #FF0000;
}

.inputItem {
	border-color: #DDDDDD;
}

.inputItem_lit { 
	border-color: #AAAAAA;
}

.bo_button { 
	border-color: #AAAAAA;
}

.bo_button .special{ 
	border-color: #CCCCCC;
	background-color: #EDEDED;
}

.floatButton { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.floatButton a.button {
    background: transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.floatButton a.button span {
    background: transparent url('../images/buttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

.floatButton a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.floatButton a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.waitAjax * {
	cursor: wait;
}

.bg_green {
	background-color: #6BFF6B;
}

.bg_green_light {
	background-color: #C6FFE2;
}

.bg_red {
	background-color: #FF8E6B;
}

.bg_red_dark {
	background-color: #CC3333;
}

.bg_red_light {
	background-color: #FFEBE5;
}

.bg_blue{
	background-color: #B9EEFF;
}

.bg_blue_light{
	background-color: #D1F4FF;
}

.bg_blue_dark{
	background-color: #6BDAFF;
}

.bg_grey_1{
	background-color: #EEEEEE;
}
.bg_grey_2{
	background-color: #DDDDDD;
}
.bg_grey_3{
	background-color: #CCCCCC;
}
.bg_grey_4{
	background-color: #BBBBBB;
}
.bg_grey_5{
	background-color: #AAAAAA;
}
