/* Styles used all across the site for the most basic HTML tags */
* {padding:0; margin:0}
html { min-height: 100%; margin-bottom: 1px; }
body {
	color:#444444;
	font-family: "Arial";
	font-size:12px;
	padding:0;
}
a {
	text-decoration:none;
}
a:hover {
	color:Maroon;
}
th, th a {
	font-weight:bold;
	color:#444444;
	padding: 6px 0;
	margin-bottom: 6px;
}
th a {
	text-decoration:none;
}
h1 {
	display:none;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 -10px 10px -10px;
	padding:6px;
	font-size: 22px;
	font-weight:normal;
	color: #333333;
	border-bottom: 1px solid #888888;
}
h2.sub {
	font-size: 18px;
	font-weight:normal;
	color: #9f0000;
	margin-left:10px;
}
h2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:normal;
}
h2 .small {
	font-size: 12px;
	font-weight:normal;
}
h2 input {
	margin-bottom:2px;
}
h3, h4 {
	font-weight:bold;
	margin-bottom:6px;
}
h4 {
	margin: 12px 0 6px 0;
}
ul {
	list-style:none;
}
ul.bullets {
	list-style-type:decimal;
	margin-left: 20px;
}
ul.bullets ul {
	list-style-type:lower-roman;
	margin-left: 20px;
}
li {
	line-height:20px;
}
option {
	padding-right:10px;
}
/* end block */

/* Styles used for the main page layout components. i.e. header, footer, content and popups */
#container {
	width:1000px;
	margin:0 auto;
	margin-bottom: 20px;
}
#header {
	width:1000px;
	margin:0 auto;
	font-size:15px;
	position:relative;
}
#header #logo {
	position:absolute;
	left:0;
	top:0;
	padding:2px;
	font-size:24px;
	background:transparent url('../../images/logo.gif') no-repeat 1px 2px;
}
#header #logo img {
}
#welcome {
	position:absolute;
	right:0;
	top:15px;
	padding-right:10px;
	letter-spacing:1px;
	font-weight:bold;
	font-size:15px;
	color:#008000;
}
#header #menu {
	font-family:serif;
	letter-spacing:1px;
	font-weight:bold;
	position:absolute;
	top:0;
	right:0;
	padding:6px;
}
#header #menu a {
	padding:0 6px;
}
#content {
	min-height:300px;
	padding:10px;
	border:1px solid #888888;
}
#footer {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	text-align:center;
	color:#222;
	clear:both;
	padding:10px;
}
#footer .legal {
	color:#888888;
	padding:10px;
}
#footer a {
	text-decoration:none;
	color:#444444;
	margin:0 10px;
}
#footer a:hover {
	text-decoration:underline;
	color:Maroon;
}
/* end block */

/* Styles for the most generic classes used with any and all elements on the website */
.fl {
	float:left;
}
.fr {
	float:right;
}
.cf {
	clear:both;
	float:none;
}
.hide {
	display:none;
}
.show {
	display:'';
}

input.error, select.error, textarea.error {
	border:1px solid red;
	background-color:#ffeeee;
}
td.error, div.error, label.error, span.error {
	color:red;
}
td.pass, div.pass, label.pass, span.pass {
	color:green;
}
td.warn {
	color:orange;
}

.success, .divsuccess, .fail, .spanfail {
	color:#008000;
	text-align:center;
	margin-bottom:6px;
}
.fail, .divfail {
	color:#800000;
}
.divsuccess, .divfail {
	padding:6px;
	background-color:#f0f0f0;
	border:2px solid #8eb541;
}
.divfail {
	border:2px solid red;
}

.fail .msg, .success .msg{
	color:#444;
	text-align:left;
}
.fail a, .error a {
	color:Maroon;
	text-decoration:underline;
}
.fail div, .success div {
	text-align:left;
}
.fail a, .success a {
	font-size:110%;
	font-weight:bold;
}
/* end block */

/* Styles used for AJAX based paging links generated by scripts/paging.js */
div.paging {
	text-align:right;
	color:#888888;
}
div.paging span {
	padding:0 10px;
}
div.paging a, div.paging a:hover, a.paging, a.paging:hover {
	color:#141414;
	text-decoration:none;
	padding:0 4px;
}
/* end block */
.whiteround {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	background-color:White;
	padding:6px;
}
#screen, .screen {
	position:absolute;
	left:0px;
	top:0px;
	background-color:White;
	layer-background-color:White;
	height:100%;
	width:100%;
	display:none;
	/*
	Scenario 1:
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
	Scenario 2:
		filter:alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
	*/
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	z-index:2001;
}
#divobject, .divobject {
	border:2px solid #f9cccc;
	padding:5px;
	position:absolute;
	left:10%;
	top:10%;
	background-color: White;
	layer-background-color:White;
	height:80%;
	width:80%;
	display:none;
	z-index:2002;
	overflow:auto;
}
/* end block */
.DHTMLSuite_formCoverDiv {
	position:absolute;
	left:0px;
	top:0px;
	layer-background-color:Black;
	height:100%;
	width:100%;
	display:none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	z-index:2001;
	background:Black url('../../images/loading.gif') no-repeat 50% 50%;
}
.box {
	background-color:#fcfcfc;
	border:1px solid #e4e4e4;
	padding:6px;
}