/* Styles that we should be phasing out of production code. */
.formLabel, label {
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
}
.formControls { text-align: right; }
.level3On, .level3Off { font-weight: bold; }
a.level3On:link, a.level3Off:link { text-decoration: none; }
.level3Text {
	font-size: 10px;
	font-weight: bold;
}
.smallForm { font-size: 10px; }

#header {
	margin-bottom: 5px;
	background-position: 100% 6px;
	background-repeat: no-repeat;
}

/**
* Generic styles used for all sites.
* If anything here gets too complex, it should be separated out.
*/
html, body, div, form, table { padding:0; margin:0; }
body { font-size: 11px; }
dl, ol, ul {
	margin: 0 0 0 35px; 
	padding: 0;
	text-indent: -3px;
}
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 5px 0 0 15px; }
input, select { vertical-align: middle; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; }
p { margin: 5px 0; padding: 0; }
table { font-size: 1em; }
th { white-space: nowrap; }
tbody th { vertical-align: top; text-align: left; }
wbr:after { content: "\00200B" }
/* IE display bug, invisible text. */
* html .IE_View_Fix { position: relative; }

/* Standard interface elements */
.no_edit {
	border: 1px inset;
	padding: 1px 3px;
	width: 90%;
}
.pageTitle {
	font-size: 1.15em;
	font-weight: bold;
	text-indent: 15px;
	line-height: 140%;
	margin-left: 5px;
	white-space: nowrap;
}
.title {
	font-size: 1.5em;
}

/* Table Borders */
.brd_l {
	border-color: black;
	border-top: 1px solid;
	border-left: 1px solid;
}
.brd_r {
	border-color: black;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
}

/* Column Layout */
.left {
	float: left;
	width: 115px;
	margin:0; padding:0;
	left:0%;
	_position: absolute;
	_left: 0%;
}
.left dl, .left ol, .left ul {
	margin-left: 17px;
}
.left .pageTitle {
	margin-left: 0;
	text-indent: 5px;
}
.middle {
	margin: 0 0 0 115px;
	padding:0;
}
.cleaner {
	clear: both;
	margin: 0; padding: 0;
}

/* Footer */
.poser, .logout {
	text-align: center;
	margin-bottom: 1em;
	margin-top: 2em;
	clear: both;
}
.logout .branding {
	margin-bottom: 1em;
	margin-top: 2em;
}

/* System messages */
#messages, .error, .notice, .warning { margin: 5px 0 5px 15px; }

/* Page Forms */
#pageForm {
	width: 100%;
	height: 100%;
}
#pageFormCell {
	text-align: center;
	vertical-align: middle;
}
#pageForm .logo {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	display: block;
}
#pageForm #messages {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Dual Select Lists */
.selectLists label {
	display: block;
	margin-left: 5px;
}
.selectLists input {
	height: 16px;
	margin: 0 3px 3px 0;
	vertical-align: top;
	width: 16px;
}
.selectLists select { width: 190px; }
.selectLists #fromBlock, .selectLists #toBlock { float: left; }
.selectLists #toBlock select {
	float: left;
	margin-right: 3px;
}
.selectLists #toBlock input {
	display: block;
}


/* Login Form & other full page layouts*/
#login_form { }
#login_form table { margin: 5px auto; }
#login .form { width: 300px; margin: 0 auto; padding: 0; }
#login .form .field { width: 300px; }
#login .form .field .label { width: 100px; }
#login .form .field .value { width: 200px; }
#login .submit#forgot { text-align: center; font-weight: bold; }
#login .submit.notice { text-align: center; margin: 0; padding: 0;}
#change_password {
	width: 300px;
	padding-left: 10px;
}
#login #change_password {
	padding-left: 0;
}
#change_password .field { width: 300px; }
#change_password .label { width: 100px; }
#change_password .value { width: 200px; }
#change_password .submit.notice { text-align: center; margin: 0; padding: 0; }

/* Footer */
#footer {
	text-align: center;
	margin: 20px 0;
	clear: both;
}

/* result sets */
.resultset, .results {
	margin: 5px 0 0 15px;
	padding: 0 10px;
}
.rs_nav {
	float: left;
	width: 100%;
}
.rs_nav .items { float: left; }
.rs_nav .next_prev {
	float: right;
	margin-right: 10px;
}
.resultset table, .results table {
	float: left;
	margin: 5px 0;
	width: 100%;
}

/* auto clear result divs */
.resultset:after, .results:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .resultset, * html .results { height: 1%; }
/* End hide from IE-mac */

/* "wbd only" areas */
.wbd_only {
	background: #eaa;
}

/*
	forms.css
	
	This is meant to be used to display forms in a generic way.  This
	expects forms with the following layout:
	
	<div class="form">
		<div class="field">
			<span class="label">(text only)</span>
			<span class="value">...</span>
		</div>
		...
	</div>
	
*/

form { 
	margin: 0;
	padding: 0;
	display: inline;
}

.form { }

.form .formarea {
	clear: left;
}

.form .field {
	clear: left;
	width: 250px;
	padding: 5px 0;
}

.form .field .label, .form .field label {
	float: left;
	width: 75px;
	font-weight: bold;
	text-align: left;
}

.form .field .value {
	float: left;
	width: 125px;
}

.form .field .label .req, .form .field label .req {
	color: red;
}

.form .field input, .form .field textarea {
	width: 97%;
}
.form .field .selectOrType input {
	width: 60%;
}

.form input.submit, .form input.file, .form input.date, .form input.checkbox, .submit input {
	width: auto !important;
}

div.submit {
	text-align: right;
}

.form .errors ul {
	margin-left: 15px;
}

.form .errors li {
	color: red;
}

.form .error {
	margin-top: 0;
	margin-left: 0;
	/* 
	I think it's crazy that we have to clear these margin-lefts everywhere.
	Wouldn't it have made more sense to apply margins and padding to parent
	elements, that way you (a) don't have to apply the same margin to
	multiple children and (b) don't have to deal with clearing the margin
	when you don't want it?
	*/
}

.form .error input, .form .error textarea, .form .error select {
	background: #ffcfcf;
}

.wizard .actions {
	clear: both;
	padding: 10px;
	text-align: right;
}

.dual_select {
	display: block;
	position: relative;
	width: 400px;
}

.dual_select .left_label {
	position: absolute;
	font-weight: bold;
}

.dual_select .right_label {
	position: absolute;
	left: 176px;
	font-weight: bold;
}

.dual_select .from, .dual_select .to {
	position: absolute;
	width: 150px;
	margin-top: 15px;
}
.dual_select .to {
	left: 200px;
	margin-top: 15px;
}
.dual_select a {
	display: block;
	position: absolute;
	text-indent: -1000px;
	overflow: hidden;
	margin-top: 15px;
}
.dual_select a.move_right {
	left: 155px;
	width: 16px;
	height: 16px;
	background: transparent url("../images/rightArrow.gif") no-repeat;
	margin-top: 15px;
}
.dual_select a.delete {
	left: 355px;
	width: 18px;
	height: 15px;
	background: transparent url("../images/deleteIcon.gif") no-repeat;
	margin-top: 15px;
}
.dual_select .details {
	width: 100%;
	margin-top: 15px;
}
.dual_select .note {
	display: block;
	position: absolute;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
}

.form .selectMulti .toggle {
	display: block;
}

.form .note {
	display: block;
	font-style: italic;
}
/** 
* Navigation Menu, Base Settings
* STRUCTURE:
<div id="header">
	<div id="menu">
		<ul>
			<li><a href=""></a></li>
			<li class="on"><a href=""></a></li>
		</ul>
	</div>
	<div id="submenu">
		<ul>
			<li class="on"><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>
	</div>
</div>
*/
#header {
	position: relative;
}
#header .branding {
	position: absolute;
	right: 0;
	top: 6px;
	text-align: center;
}
#header #menu .branding {
	position: static;
	width: auto;
	text-align: left;
}
#header #menu .branding img { display: block; }

#menu { width: 100%; }
#submenu {
	width: 100%;
	clear: both;
	text-indent: 0; /* This is required so you can float right menu items */
	position: relative;
}
#menu ul, #submenu ul {
	margin:0; padding:0;
	list-style: none;
}
#menu ul {
	margin-left: 5px;
	padding: 0;
}
#submenu ul {
	padding: 5px 0 5px 10px;
	min-height: 1em;
}
/* ie/pc hack; hide from ie/mac \*/
* html #submenu ul { height: 1em; }
/* end hack */
#menu ul li {
	margin: 0 2px 0 0; 
	padding: 5px 7px;
	float: left;
	text-align: left;
}
#submenu li.right {
	position: absolute;
	right: 0;
	text-indent: 0;
}
#submenu ul li {
	display: inline;
	vertical-align: middle
}
#menu a, #submenu a, #submenu span {
	text-decoration: none;
	font-weight: bold;
}
#submenu a {
	padding-right: 10px;
}
/** 
* ACTIVE SITE CSS
* This is the specific CSS rules for a particular server.
*/
#wbdFeedback { display:none; }