#header {
	position:relative;
	background-image:url('graphics/header.jpg');
	width:780px;
	height:100px;
	z-index:500;
}
#header #logo {
	position:absolute;
	top:0px;
	left:0px;
}

#header #listSel {
	position:absolute;
	top:5px;
	right:5px;
	color:#CCCCCC;
	text-align:right;
}
#header #listSel input {
	height:20px;
}

/* MENU */
#header #mainMenu {
	position:absolute;
	left:125px;
	bottom:5px;
	z-index:500;
	font-weight:bold;
	font-size:12px;
	color:#DDDDDD;
	width:655px;
}
#nav { position:relative; z-index:500; }

/* STYLING OF MENU HEADERS  */
#nav li a:link, #mainMenu a:link { color:#FFFFFF; text-decoration:none; }
#nav li a:active, #mainMenu a:active { color:#FFFFFF; text-decoration:none; }
#nav li a:visited, #mainMenu a:visited { color:#FFFFFF; text-decoration:none; }
#nav li a:hover, #nav li:hover a, #nav li.over a, #mainMenu a:hover  { color:#F0F6FD; text-decoration:none; }

/* STYLING OF MENU ITEMS */
#nav li li a:link { color:#000000; text-decoration:none; }
#nav li li a:active { color:#000000; text-decoration:none; }
#nav li li a:visited { color:#000000; text-decoration:none; }
#nav li li a:hover { color:#000000; text-decoration:none; background-color:#FFFFFF; }

ul#nav, ul#nav ul { /* all lists; Id: nav */
	padding:0;
	margin:0;
	list-style: none;
	padding-top:5px;
}
#nav li { /* all list items */
	float:left;
	position:relative;
	width:auto;
	margin-right:10px;
}
#nav li ul { /* second-level lists */
	/*display:none;*/
	visibility:hidden;
	position: absolute;
	top:15px;
	left:0;
}
#nav li ul li {
	clear:both;
	float:left;
	width:100%;
	background-color:#EEEEEE;
	background-image:url('graphics/nav_bg.gif');
	background-repeat:repeat-y;
	border-left:1px solid #336699;
	border-right:1px solid #666666;
	padding-left:5px;
	text-indent:5px;
	font-size:11px;
	line-height:22px;
	font-weight:normal;
}
#nav li ul li.item:hover { background-color:#FFFFFF; }
* html li li a { height:1px; }/* hide from IE5/Mac \*/
#nav li li a { display:block; }
#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top:auto;
	left:auto;
}
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	/*display: block;*/
	visibility:visible;
}
#nav li ul li.spacer {
	line-height:1px;
	font-size:1px;
	text-align:center;
}
#nav li ul li.spacer img {
	background-color:#CCCCCC;
	height:1px;
	width:80%;
	margin:5px 0 5px -5px;
}
#nav li ul li.lastItem {
	border-bottom:1px solid #666666;
}

#header #mainMenu #logout {
	position:absolute;
	right:5px;
	bottom:0;
}

body {
	background-image:url('graphics/bg.gif');
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0px;
	padding:0px;
}
form {
	margin:0px;
	padding:0px;
}

a:link { color:#227EE9; text-decoration:none; }
a:visited { color:#227EE9; text-decoration:none; }
a:active { color:#227EE9; text-decoration:none; }
a:hover { color:#227EE9; text-decoration:underline; }

img { behavior: url('scripts/pngfix.htc'); }
a img { border:0 }

#container {
	width:780px;
	background-image:url('graphics/container_bg.gif');
	background-repeat:repeat-y;
}
#mainContent {
	float:left;
	width:610px;
	max-width:610px;
	padding:10px;
}

#sidePanel {
	float:left;
	width:140px;
	background-color:#F0F6FD;
	padding:5px;
	font-size:11px;
}

#sidePanel ul li { margin-left:-20px; margin-bottom:2px; margin-top:2px;}

#sidePanel hr {
	border:0;
	width:60%;
	height:1px;
	color:#003399;
	background-color:#003399;
}

.small { font-size:11px; }
.normal { font-size:12px; }
.large { font-size:14px; }

h1, h2, h3 {
	color:#336699;
	padding:0px;
	margin:0px;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-weight:normal;
	border-bottom:1px solid #999999;
	margin-bottom:20px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

#bottomBar {
	background-color:#225588;
	width:774px;
	text-align:right;
	font-size:10px;
	color:#DDDDDD;
	padding:3px;
	clear:both;
}

#bottomBar a {
	color:#FFFFFF;
	text-decoration:none;
}

#bottomBar a:hover {
	color:#FFFFAA;
}

ul {
	margin-top:0px;
	margin-bottom:5px;
	list-style-type:disc;
}

.tblDisplay {
	border:1px solid #33659e;
}

.tblDisplay tr td {
	background-color:#E1EDFB;
	color:#000000;
	padding:3px;
}
.tblDisplay tr:hover td { background-color:#eef6ff; }

.tblDisplay th {
	text-align:center;
	background-color:#336699;
	color:#FFFFFF;
	padding:3px;
}

.tblDisplay th.center {
	text-align:center;
}

.tblDisplay th.left {
	text-align:left;
}

/* Nice effect used for icons in tables as options... */
.tblDisplay a img { filter:alpha(opacity=35); -moz-opacity:.35; opacity:.35; }
.tblDisplay a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

#demoBar {
	width:100%;
	border-bottom:2px solid #FF0000;
	background-color:#FFE9E9;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
}
#demoBar a { color:#CC0000; }

fieldset { border:1px solid #999999; padding:0px 10px 0px 10px; }
legend {
	color:#336699;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	line-height:27px;
}

/* FORM STYLING */
input.frmField, textarea.frmField {
	background-color:#FCFCFC;
	border-width:1px;
	border-style:solid;
	border-top-color:#333333;
	border-left-color:#333333;
	border-right-color:#DDDDDD;
	border-bottom-color:#DDDDDD;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

fieldset input.frmField, fieldset select, fieldset textarea, fieldset input.frmButton { /* In a fieldset, organized without tables... space them 10px apart vertically */
	margin-bottom:10px;
}

input.frmField:focus, textarea.frmField:focus {
	background-color:#fffff4;
}

input.frmRadio {
	margin-bottom:10px;
}

textarea.autoExpand {
/*	height:125px; */
	height:325px;
}
textarea.autoExpand:focus {
	height:325px;
}

textarea.autoExpandSmall {
/*	height:75px; */
	height:200px;
}
textarea.autoExpandSmall:focus {
	height:200px;
}

select {
	background-color:#FAFAFA;
	border:1px solid #AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

input.frmButton {
	font-size:12px;
	font-weight:bold;
}

label {
	float:left;
	margin:0px 10px 10px 0px;
	clear:both;
	font-weight:bold;
}

.w50 { width:50px; }
.w75 { width:75px; }
.w85 { width:85px; }
.w100 { width:100px; }
.w101 { width:101px; }
.w125 { width:125px; }
.w150 { width:150px; }
.w175 { width:175px; }
.w200 { width:200px; }

div.progressBar {
	position:relative;
	width:100px;
	height:14px;
	border:1px solid #666666;
	background-color:#FFFFFF;
	text-align:left;
}
div.progressBar div.progress {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
}

table#dashboardTasks {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
}
table#dashboardTasks a {
	display:block;
	padding:10px;
	line-height:20px;
}

#tooltip {
	font-size:11px;
	position:absolute;
	width:175px;
	border:1px outset #000000;
	padding:5px;
	background-color:#FFFFDD;
	visibility: hidden;
	z-index:900;
}

#pageOverlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#222222;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; -khtml-opacity:.90;
	z-index:975;
}
#errorBox {
	position:absolute;
	left:50%;
	top:50%;
	width:600px;
	height:500px;
	margin:-250px -300px;
	background-color:#FFFFFF;
	padding:15px;
	z-index:999;
	overflow:auto;
}
#errorBoxSmall {
	position:absolute;
	left:50%;
	top:50%;
	width:600px;
	height:150px;
	margin:-75px -300px;
	background-color:#FFFFFF;
	padding:15px;
	z-index:999;
	overflow:auto;
}
#errorBoxClose {
	float:right;
	width:100px;
	text-align:right;
	margin:-5px 0px -5px 0;
	font-size:14px;
	font-weight:bold;
}
#errorBoxClose input {
	width:75px;
}
#errorHeader {
	font-size:22px;
	font-style:italic;
	text-decoration:underline;
	margin-bottom:5px;
}
.errorTitle {
	font-size:16px;
	color:#CC0000;
	font-weight:bold;
	border-bottom:1px dashed #666666;
	margin-bottom:5px;
	padding-top:20px;
}
.errorInfo {
	margin-left:20px;
}