html, body
{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	background-color: #CCC;
	font-size: 14px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;
	color: #333;
}

a:link, a:visited
{
	color: #333;
	text-decoration: underline;
}

a:focus, a:hover, a:active
{
	color: #900;
	text-decoration: underline;
}

#env
{
	width: 994px;
	margin: 0 auto;
	background-color: #FFF;
	background-image: url(./img/BGmain.jpg);
}

#header
{
	margin: 0;
	height: 100px;
	background-image: url(./img/BGheader.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#header .title
{
	text-align: right;
	font-size: 24px;
	font-weight: bold;
	padding: 26px 20px 0px 0px;
}

#contentarea
{
	padding: 4px 20px;
}

.leftcont
{
	width: 200px;
	float: left;
	background-color: #FFF;
}

.leftcont .midLayout
{
	padding: 0 0 0 16px;
}

.rightcont
{
	width: 743px;
	float: right;
	background-color: #FFF;
}

.rightcont .midLayout
{
	padding: 8px	16px;
}

#footer
{
	clear: both;
	height: 45px;
	background-image: url(./img/BGfooter.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

/* NAVIGATION */
.nwrap
{
	margin: 2px 0 0 0;
	padding: 0;
	background: #FFF;
	border: 1px #4a5567 solid;
}

.anav
{
	margin: 0;
	padding: 0;
}

.anav a
{
	display: block;
	margin: 0;
	color: #333;
	font-size: 13px;
	font-weight: normal;
}

.anav a:link, .anav a:visited
{
	text-decoration: none;
}

.anav a:focus, .anav a:hover, .anav a:active
{
	color: #000;
	text-decoration: none;
}

h1.display
{
	margin: 0;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica;
	background-image: url(./img/BG-navH1.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 1px 4px;
}

.navmain a
{
	display: block;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
	color: #333;
	font-weight: normal;
	margin: 0;
	padding: 1px 10px;
	background-color: #E3F3FF;
}

.navmain a:link, .navmain a:visited
{
	text-decoration: none;
}

.navmain a:focus, .navmain a:hover, .navmain a:active
{
	color: #000;
	text-decoration: none;
}

.xcelOnly
{
	background-color: #FBDDE2;
	border: #C00 1px dotted;
	padding: 0 2px 2px 2px;
}

/*FORM and FIELD ITEMS*/
fieldset
{
	margin: 10px 0;
	padding: 0 12px;
	border: 1px #333 solid;
	background-color: #DDD;
}

legend
{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 4px 10px;
	background-color: #FFF;
	background-image: url(./img/BG-mid.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	border: 1px #333 solid;
}

label
{
	margin: 0 12px;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	vertical-align: bottom;
	padding: 0;
	float: left;
	width: 25%;
}

input, textarea, select, submit
{
	text-align: left;
	color: #333;
	background-color: #EEE;
	font-size: 11px;
}

.formFieldRequired
{
	font-weight: bold;
}

.required
{
	border-right: 2px #C03 solid;
}

.button
{
	text-align: center;
	vertical-align: middle;
	padding-bottom: 20px;
}

/*FORM TABLE*/
.fTable
{
	margin: 12px 0;
	border: 1px #999 solid;
	background-color: #FFF;
}

.fTable thead tr
{
	background-color: #B6DFFD;
	background-image: url(./img/BG-mid.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	font-weight: bold;
	vertical-align: middle;
}

.fTable thead th
{
	padding: 2px 4px;
	vertical-align: middle;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	border: 1px #999 solid;
}

.fTable thead td
{
	padding: 2px 4px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	border: 1px #999 solid;
}

.fTable body tr
{
	background-color: #fff;
	vertical-align: middle;
	border-bottom: 1px #999 solid;
}

.fTable tbody th
{
	padding: 2px 4px;
	background-color: #E3F3FF;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
}

.fTable tbody td
{
	padding: 2px 4px;
	vertical-align: top;
	font-weight: normal;
	font-size: 12px;
}

/*OTHER TABLE*/
.oTable
{
	margin: 12px 0;
	border: 1px #999 solid;
	border-collapse: collapse;
	background-color: #FFF;
}

.oTable tr
{
	background-color: #FFF;
	vertical-align: top;
	border-bottom: 1px #999 solid;
}

.oTable th
{
	padding: 4px;
	background-color: #B6DFFD;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	border: 1px #999 solid;
	background-image: url(./img/BG-mid.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.oTable td
{
	padding: 4px;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	text-align: left;
}

.oTable td.right
{
	padding: 4px;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	text-align: right;
}

.oTable tbody th
{
	padding: 2px 4px;
	background-color: #EEE;
	background-image: none;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
}

.iTable
{
	margin: 0;
	border-collapse: collapse;
	background-color: transparent;
	border: 0;
}

.iTable tr
{
	background-color: transparent;
	border: 0;
}

.iTable td
{
	background-color: transparent;
	border: 0;
}

.icons tbody th
{
	background-color: transparent;
	background-image: url(./img/BG-mid.jpg);
}

/* CONTENT ITEMS */
.lisc
{
	padding: 0;
	color: #9DD3FF;
	text-align: right;
	font: normal 11px Arial,Verdana,Helvetica;
}

.caption
{
	margin: 4px 0;
	color: #666;
	font: normal 13px Arial, Verdana, Helvetica;
}

.reqd
{
	margin: 12px;
	padding: 10px;
	border: 1px #C03 dashed;
	background-color: #EEE;
	font: normal 13px Arial,Verdana,Helvetica;
}

.directions
{
	margin: 12px;
	padding: 10px;
	border: 1px #666 dashed;
	background-color: #FAFF9F;
	font: normal 13px Arial,Verdana,Helvetica;
}

.caution
{
	color: #C00;
	margin: 12px;
	padding: 10px;
	border: 1px #666 dashed;
	background-color: #F8FF43;
	font: normal 13px Arial,Verdana,Helvetica;
}

.success
{
	color: #060;
	/*color: #00A932;*/
	margin: 12px;
	padding: 10px;
	border: 1px #666 dashed;
	background-color: #CAFFBD;
	font: normal 13px Arial,Verdana,Helvetica;
}

.failure
{
	color: #C00;
	margin: 12px;
	padding: 10px;
	border: 1px #666 dashed;
	background-color: #FBDDE2;
	font: normal 13px Arial,Verdana,Helvetica;
}

/*LIST SHIT*/
.listItems ul
{
	list-style-image: none;
	list-style-type: none;
	margin-top: 5px;
	margin: 0px;
	padding: 0px;
}

.listItems li.dd
{
	background-color: #eeeeee;
	border: 1px solid #666666;
	cursor: move;
	padding: 2px 3px;
	margin: 1px;
	font: normal 11px Arial,Verdana,Helvetica;
}

.failure ul
{
	list-style-type: circle;
	margin: 4px;
}

.failure li
{
	margin: 0;
}

.error
{
	color: #C00;
	background-color: #FBDDE2;
	border: #F00 1px dotted;
	text-align: left;
}

.error ul
{
	list-style-type: circle;
}

.alert_message ul
{
	list-style: square inside;
	padding: 0 0 0 20px;
}

.alert_message li
{
	color: #F00;
	font-size: 14px;
	font-weight: bold;
	padding: 0 20px 0 12px;
	text-align: left;
}

/* Sortable tables */
table.sortable a.sortheader
{
	background-color: #eee;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

table.sortable span.sortarrow
{
	color: black;
	text-decoration: none;
}