/* Body */

body {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 11px;
}
body.blank {
	background-color: #31306B;
}
body.full {
	background-attachment: fixed;
	background-color: #31306B;
	background-image: url(Images/Site.png);
	background-position: center top;
	background-repeat: repeat-y;
}
body.popup {
	background-color: #efefef;
}
body.frame {
	background-color: white;
}
@media print {
	body {
		font-family: "Times New Roman",serif;
		font-size: 12pt;
	}
}


/* Site */

body.full #site {
	margin: 0 auto;
	width: 1200px;
}
body.popup #site {
	width: 100%;
}
body.frame #site {
	width: 100%;
}
@media print {
	#site {
		width: 100%;
	}
}


/* Header */

#header {
	background-color: white;
	background-image: url(Images/Banner.jpg);
	color: white;
	font-size: 13px;
	font-weight: bold;
	height: 19px;
	padding: 30px 400px 48px 370px;
	position: relative;
	text-align: right;
	white-space: nowrap;
}
@media print {
	#header {
		display: none;
	}
}


/* Navigation */

#navigation {
	background-color: #ffcb99;
	height: 20px;
	font-size: 11px;
}
#navigation span.status {
	color: #333366;
	float: left;
	text-decoration: none;
	margin: 3px 0 0 3px;
}
#navigation ul {
	float: right;
	margin: 3px 3px 0 0;
}
#navigation ul li {
	color: #333366;
	display: inline;
	margin-left: 10px;
}
#navigation ul li a {
	color: #333366;
	text-decoration: none;
}
@media print {
	#navigation {
		display: none;
	}
}


/* Menu */

#menu {
	background-color: #e6e2d7;
	border-bottom: solid 1px black;
	border-top: none;
	height: 24px;
}
#menu li {
	float: left;
	margin-left: 4px;
}
@media print {
	#menu {
		display: none;
	}
}


/* Content */

#content {
	padding: 12px;
}
body.frame #content {
	padding: 0;
}

/* Login */

#login {
	background-image: url(Images/Login.jpg);
	height: 114px;
	left: 50%;
	_left: 0; /* IE6 Only */
	margin-left: -275px;
	_margin-left: auto; /* IE6 Only */
	_margin-right: auto; /* IE6 Only */
	margin-top: -125px;
	_margin-top: 200px; /* IE6 Only */
	padding: 67px 216px 69px 0;
	position: fixed;
	_position: relative; /* IE6 Only */
	top: 50%;
	_top: 0; /* IE6 Only */
	width: 334px;
}


/* Error */

#error {
	background-image: url(Images/Error.jpg);
	height: 84px;
	left: 50%;
	_left: 0; /* IE6 Only */
	margin-left: -275px;
	_margin-left: auto; /* IE6 Only */
	_margin-right: auto; /* IE6 Only */
	margin-top: -125px;
	_margin-top: 200px; /* IE6 Only */
	padding: 103px 216px 63px 0;
	position: fixed;
	_position: relative; /* IE6 Only */
	top: 50%;
	_top: 0; /* IE6 Only */
	width: 334px;
}
#error div {
	margin: 0 auto;
	text-align: center;
}
#error ul {
	margin: 10px auto 0 auto;
	font-size: 12px;
	text-align: center;
}
#error ul li {
	display: inline;
	margin: 0 6px;
}
#error ul li a {
	color: #31306B;
	text-decoration: underline;
}


/* Global HTML */

fieldset {
	border: solid 1px #31306B;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 6px auto;
	padding: 6px;
}
div.box fieldset {
	border: solid 1px #e6e2d7;
}
fieldset legend {
	color: #31306B;
	font-weight: normal;
	padding: 0 8px 0 4px;
}

a,
a:active,
a:visited,
a:link,
a:hover {
	color: #31306B;
}

h1 {
	color: #31306B;
	font-weight: bold;
	font-size: 16px;
	margin: 1ex 0;
}
h1.title {
	text-align: center;
}
h2 {
	color: #31306B;
	font-weight: bold;
	font-size: 14px;
	margin: 1ex 0;
}

p {
	margin: 1ex 0;
}

input {
	padding: 2px;
}


/* States */

.error {
	color: red !important;
}

.disabled {
	color: #707073 !important;
}

.invisible {
	display: none !important;
}

.required {
	font-weight: bold !important;
}

.other {
	font-style: italic !important;
}


/* Boxes */

div.box {
	border: solid 1px #31306B;
	border-radius: 5px;
	background-color: white;
	clear: both;
	margin: 0 auto 6px auto;
	padding: 6px;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.box div.commands {
	position: absolute;
	right: 5px;
	top: 5px;
}
@media print {
	div.box {
		border: solid 2pt black;
		background-color: inherit;
		margin: 0 auto 6pt auto;
		padding: 8pt;
	}
}


/* Header Boxes */

div.headerBoxPrimary {
	background-color: #d2d0ff;
	border-bottom: solid 1px black;
	font-size: 12px;
	padding: 6px;
	position: relative;
	width: 988px;
}


/* Form Tables */

div.form,
table.form {
	margin: 6px auto;
	clear: both;
}
div.box table.form,
div.tabPanel table.form,
div.tabPanelHeader table.form,
div.headerBoxPrimary table.form {
	width: 100%;
}
table.form th,
table.form td,
div.form {
	padding: 1px 3px;
	white-space: nowrap;
}
table.form th.long,
table.form td.long,
table.form th.long th,
table.form th.long td,
table.form td.long th,
table.form td.long td {
	white-space: normal;
}
table.form th.note,
table.form td.note {
	text-align: center;
	white-space: normal;
}
table.form th,
span.requiredMessage {
	color: #31306B;
}
div.headerBoxPrimary table.form th {
	color: #31306B;
}
table.form tbody th {
	text-align: right;
	padding-left: 5px;
}
table.form tbody td {
	text-align: left;
	padding-right: 5px;
}
table.form tfoot td {
	padding-top: 6px;
}
table.form hr {
	border-bottom: solid 1px #e6e2d7;
	border-left: none;
	border-right: none;
	border-top: none;
	margin: 7px auto;
	width: 75%;
}
@media print {
	table.form {
		margin: 8pt auto;
	}
	table.form th,
	table.form td {
		padding: 2pt 4pt;
	}
}


/* Loading Panel */

div.loadingPanel {
	background-color: white;
	border: dashed 2px #3f2f6c;
	color: #3f2f6c;
	filter: alpha(opacity=90);
	height: 0;
	font-weight: bold;
	font-size: 12px;
	opacity: 0.9;
	text-align: center;
	vertical-align: middle;
	width: 0;
}


/* Tabs */

div.tabSet table,
div.tabSetFull table {
	border-collapse: separate;
}
div.tabSetFull {
	margin-left: -12px !important;
	margin-right: -12px !important;
}
div.tabSet div table table,
div.tabSetFull table table {
	border-collapse: collapse;
}

td.tabSpacer {
	border-bottom: solid 1px #31306B;
	cursor: default;
}

td.tab {
	background-color: #31306B;
	border: solid 1px #31306B;
	cursor: pointer;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}
td.tab a,
td.tab a:active,
td.tab a:visited,
td.tab a:link,
td.tab a:hover {
	color: black;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

td.selectedTab {
	background-color: white;
	border-left: solid 1px #31306B;
	border-right: solid 1px #31306B;
	border-top: solid 1px #31306B;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}
td.selectedTab a,
td.selectedTab a:active,
td.selectedTab a:visited,
td.selectedTab a:link,
td.selectedTab a:hover {
	color: black;
	cursor: default;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

td.disabledTab {
	background-color: #e6e2d7;
	border-bottom: solid 1px #31306B;
	border-left: solid 1px #707073;
	border-right: solid 1px #707073;
	border-top: solid 1px #707073;
	color: #707073;
	cursor: default;
	font-size: 11px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}

div.tabPanelHeader {
	background-color: white;
	border-left: solid 1px #31306B;
	border-right: solid 1px #31306B;
	padding: 7px 7px 0 7px;
}
div.tabPanel {
	background-color: white;
	border-bottom: solid 1px #31306B;
	border-left: solid 1px #31306B;
	border-right: solid 1px #31306B;
	min-height: 150px;
	padding: 7px;
}
div.tabSetFull div.tabPanel {
	border-left: none;
	border-right: none;
	padding: 12px;
}


/* Specific Controls: CheckBox/CheckBoxList/RadioButton/RadioButtonList */

fieldset table.checkBoxList,
fieldset table.radioButtonList {
	margin: 0 auto;
	width: 98%;
}
span.checkBox,
table.checkBoxList td,
span.radioButton,
table.radioButtonList td {
	vertical-align: middle;
}
table.checkBoxList td,
table.radioButtonList td {
	padding-left: 0;
	padding-right: 0;
}
span.checkBox input,
table.checkBoxList input,
span.radioButton input,
table.radioButtonList input {
	margin-right: 3px;
	vertical-align: bottom;
	*vertical-align: middle; /* IE6/IE7 Only */
}
span.checkBox label,
table.checkBoxList label,
span.radioButton label,
table.radioButonList label {
	*padding-top: 6px; /* IE6/IE7 Only */
}


/* Specific Controls: DataCheckBoxCombo */

div.dcbcHeader a {
	font-size: 9px;
}
li.dcbcItem input {
	margin-right: 3px;
}


/* Specific Controls: ValidationSummary */

div.validationSummary li {
	list-style-type: circle;
	margin-left: 1.5em;
	color: red !important;
}


/* Miscellaneous */

.compact,
table.compact th,
table.compact td,
table.compact input {
	margin: 0 !important;
	padding: 0 !important;
}

.autoSize {
	margin-left: auto !important;
	margin-right: auto !important;
	width: auto !important;
}

.dockLeft {
	clear: left !important;
	float: left !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	width: auto !important;
}

.dockRight {
	clear: right !important;
	float: right !important;
	margin-left: auto !important;
	margin-right: 0 !important;
	width: auto !important;
}