body {
margin:0px;
padding:0;
background-color:#F5F5F5;
}

body,td,th,div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #222;
line-height:15px;
}

/* LAYERS AND POSITIONING */

#wrapper {
position:relative;
text-align:left;
float:left;
width:100%;
padding-bottom:20px;
background:white;
border-bottom:1px solid #990000;
}

#logo-box {
padding:15px;
font-family:Helvetica,Arial,Verdana;
font-size:20px;
border-bottom:1px solid #DDD;
background-color:#F5F5F5;
}

#menu-box {
height:37px;
background:#F0F2E0;
background:#990000;
border-bottom:1px solid #DDD;
}

#container {}

#maincontent-box {
padding:15px;
margin-bottom:20px;
}

p {margin-bottom:3px; padding:0; }

#msg-box {
position:absolute;
right:15px;
top:20px;
z-index:10;
text-align:right;
font-size:11px;
clear:both;
}

#footer-box {
height:80px;
clear:both;
}

#right {
float:right;
width:39%;
}

#center {
float:left;
width:60%;
}

#loginspacer {
height:120px;
}

#login {
width:50%;
margin:0 auto;
background:#F0F2E0;
background:#990000;
color:white;
border:1px solid #DDD;
}

#login form {
padding:10px;
}

#login td, #login a, #login a:visited {
color:white;
}

#loginhead {
padding-top:18px;
width:50%;
margin:0 auto;
background:white;
}

.bordertop {
border-top:1px solid #990000;
}

/* CONTENT TAGS */

a:link, a:visited {
color:#4B6583;
color:#990000;
}

a:hover, a:active {
color:red;
}

a.mainmenu:link, a.mainmenu:visited  {
display: block;
float:left;
color: #004D8A;
color:white;
text-decoration: none;
font-weight: bold;
padding-left:15px;
padding-right:15px;
height:37px;
line-height:37px;
font-size:12px;
text-transform:uppercase;
}

a.mainmenu:hover {
color:black;
background:#FFF;
}

h2 {
font-family:Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color:#11334F;
border-bottom:1px solid #DDD;
margin:0; padding:0;
padding-bottom:8px;
margin-bottom:8px;
}

.alt1 {}

.alt2 {
background-color:#F9F9F9;
}

span.step { 
color:#888888; 
padding-right:4px;
}

.head {
background:#F0F2E0;
background:#2d4c8d;
}

.add {
background:#F9F9F9;
}


/* FORM STYLES */

form {
margin:0;
padding:0;
}

input.inputbox, textarea {
border:1px solid #CCC;
background-color:#F6F6F6;
padding:2px;
padding-left:4px;
margin:2px;
}

input#submit {
cursor:pointer;
}

textarea#notes {
height:120px;
}

select.inputbox {
border:1px solid #CCC;
background-color:#F6F6F6;
margin:2px;
}

/* HINT BOX TAGS */

#hintbox{ /*CSS for pop up hint box */
position:absolute;
left:0px;
top:63px;
width:176px;
height:79px;
background-color: lightyellow;
width: 150px; 
padding:5px;
border:1px solid #CCCCCC;
line-height:18px;
z-index:100;
text-align:left;
visibility: hidden;
color:#333333;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
margin: 3px 8px;
}

.whiteText { 
font-weight: bold;
color: #666;
color:white;
text-transform: uppercase;
font-size:10px;
}

#submiteffect {
margin-top:20px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
/*background:#F0F2E0;
*/
}

#submiteffect input {
font-size:15px;
}

.red {
color:red;
}

#hostOrganizationName {
width:260px;
}

/* table sorting classes */

.sortedplus, .sortedminus {
background:#DDD;
}

.selrow {
background:#EBEBEB;
}

#jumpto {
position:absolute;
right:170px;
padding-top:5px;
}

#selected, #not_selected {
width:180px;
}

#line {
margin-top:6px;
border-top:1px solid #DDD;
margin-bottom:10px;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

select#id {
	width:350px;
}