/* =======================
Color Table:

Yellow			#F0DE49
Peach			#FBF6E3
Dark Blue		#101c45
Light Blue		#648CBA
Orange			#C07F35
Light Grey		#B1B1B1

========================== */

/* @group Layout Elments */

html {
	font: 62.5%/1.5 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;

/*Sets 1em=10px*/}

body {
	background-color: #fcf7e3;
	margin-top: 1em;
	font-size: 1.2em;}

div.outer_container {
	background-color: #b0b0b0;
	width: 882px;
	/*padding: 1px;*/
	margin: 0 auto;}

div.container {
	display: block;
	background-color: #f6f6f6;
	width: 880px;
	margin: 0 auto;}

div.pf_header {
	display: none;}

div.header {
	margin-bottom: 1em;
	background: #162956;
	border-bottom: 5px solid #598dbc;
	}

#logo {
	}

#user_nav {
	padding: 0 1em;}

div.rightcontainer {
	margin: 0 0 0 1em;
	float: left;
	width: 70%;}

div.content {
	margin-bottom: 2em;
	text-align: left;
	padding: .75em;
	}

div.footer {
	clear: both;
	background: #f6f6f6;
	border-top: 12px solid #648CBA;
	border-bottom: 1px solid #b0b0b0;
	position: relative;
	}

div#cert_icon {
	position: absolute;
	top: 1em;
	right: 1em;
}

div.footerlogos {
	padding: 1em;
	}
	
div.footerlogos img
	{
	margin: 0 1.5em 0 0;
	}

#omb {
	clear: both;
	margin: 0 5px 15px 5px;
	display: none;}

#login_block {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 50%;
	margin: 1em 0;}

#login_block form {
	margin: 1em 0;}

#logout {
	position: absolute;
	top: 0;
	right: 0;
	margin-bottom: .5em;}
	
#adminhomelink {
	position: absolute;
	top: 0;
	right: 100px;
	margin-bottom: .5em;}
	
	#adminhomelink img, #logout img {
		margin-right: .5em;
		vertical-align: middle;}
	
	#logout a, #adminhomelink a {
		border: 2px solid;
		text-decoration: none;
		padding: .5em;
		font-weight: bold;
		background: #fff;}
	
	#logout a:hover, #adminhomelink a:hover {
		color: #fff;
		background: #C07F35;
		border-color: #333;}

/* @end */

/* @group Typography */

a,
a:link,
a:visited,
h4 a {
	color: #C07F35;}

a:hover,
a:active,
h4 a:hover {
	background-color: #C07F35;
	color: #fff;
	cursor: pointer;}

a.cancel_edit {
	color: #990000;
	padding: .5em;}

a.cancel_edit:hover {
	color: #fff;
	background: #990000;}

a img,
a:hover img {
	border: none;
	outline: none;
	background: transparent;
	overflow: hidden;}

h1 {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	color: #162956;
	}

h2 {
	clear: both;
	margin: 0 0 0.5em 0;
	font-size: 1.4em;
	color: #162956;
	}

h3 {
	clear: both;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	color: #497dac;
	}
	
h4 {
	clear: both;
	margin: 0 0 0.5em 0;
	font-size: 1.0em;
	color: #162956;
	}

div.review_header h3 {
	float: left;}

div.form p {
	clear: both;}

div.form_row p {
	width: 80%;
	margin: 0;}

div.form_row div.column_01 p,
div.form_row div.column_02 p {
	width: 90%;
	margin-top: 1em;}

p.notice {
	color: #101c45;
	font-weight: bold;
	font-style: italic;}

p#send_mail a {
	display: block;
	border: 2px solid;
	width: 20%;
	text-decoration: none;
	padding: .5em;
	font-weight: bold;
	background: #fff;}

	p#send_mail a:hover {
		color: #fff;
		background: #C07F35;
		border-color: #333;}
	
	p#send_mail img {
		vertical-align: middle;}

p.remove_after_function {
	text-transform: uppercase;
	color: fuchsia;
	font-size: 1.2em;
	display: inline;}

p.save_option {
	text-indent: 1em;
	font-style: italic;
	margin: .5em 0;}

div.form p.indent_one {
	margin-left: 1em;}

div.form_row p span,
div.content p span {
	font-weight: bold;
	margin-right: 1em;}

div.footer p {
	margin: 0;}

p.inline_paragraph {
	display: inline;}

div.form_row p.review {
	margin-left: 2em;}

div.form_row blockquote {
	margin: 0 0 0 2em;}

div.form address {
	margin: .75em 2em;
	font-style: normal;
	width: 40%;}

div.form_row address {
	margin: .75em 2em;
	font-style: normal;}

div.column_01 address {
	margin: 0 0 0 2em;
	width: 80%;}

.error {
	display: block;
	font-weight: bold;
	color: #FF0000;}

span#char_count.error {
	display: inline;}
	
span.required {
	color: red;}

/* @end */

/* @group Application Navigation Tabs */

#tabs {
	height: 3em;
	width: 100%;
	display: block;
	overflow: visible;
	margin-bottom: 1em;
	border-bottom: 2px solid #162956;
	position: relative;}

#tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;}

#tabs li {
	float: left;
	width: 12em;
	margin: 0 .3em 0 0;}

#tabs li a, #tabs li a:visited {
	line-height: 3em;
	border-top: 2px solid #162956;
	border-right: 2px solid #162956;
	border-left: 2px solid #162956;	

	display: block;
	color: #C07F35;
	font-weight: bold;
	text-decoration: none;
	text-align: center;}

#tabs li a:hover, #tabs li a:active {
	text-decoration: none;
	background-color: #162956;}

#tabs li.tab_on a {
	background-color: #162956;
	font-weight: bold;
	color: #ffffff;}

/* Hide from IE5-Mac \*/

#tabs li a {
	float: none}

/* End hide */

/*@end*/

/* @group Progress Header */

#steps_row {
	float: left;
	width: 100%;
	clear: both;
	padding: 0;
	border: 1px solid #333;
	margin: 0 0 1em 0;}

#steps_row ul {
	width: 100%;
	list-style-type: none;
	margin: .25em 0;
	padding: 0;
	float: left;}

#steps_row ul li {
	float: left;
	width: 20%;}

div.step {
	float: left;
	width: 1.5em;
	height: 1.5em;
	margin: .5em;
	background-color: #648CBA;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;}

div.step_current {
	float: left;
	width: 1.5em;
	height: 1.5em;
	margin: .5em;
	background-color: #101c45;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.5em;}

div.steptext {
	font-size: 1em;
	margin: .5em;
	color: #999;}

div.steptext_current {
	margin: .5em;
	font-weight: bold;}

/* @end */

/* @group Form Styles */

div.form {
	}

form#form {
	clear: both;
	margin: 0;}

div.form_row {
	margin: .5em 0;
	width: 70%;
	display: table;}

div.form_row_wide {
	margin: .5em 0;
	width: 100%;
	display: table;}
	
div.form_row  div.column_01 {
	float: left;
	width: 48%;
	margin-right: 2em;}

div.form_row  div.column_02 {
	float: left;
	width: 48%;}

div.form_row_checkbox,
div.form_row_radio {
	margin: .5em 0 .5em 1em;}

div.form_row_checkbox input,
div.form_row_radio input {
	margin: 0;
	vertical-align: middle;}
	
div.form_row_checkbox label,
div.form_row_radio label {
	margin: 1em 0 1em 1em;
	vertical-align: middle;}

input[type="checkbox"], {
	margin: 0 1em 0 0;}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
	padding-top: .1em;}

fieldset legend,
div.form_row label {
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	display: block;}

legend {
	position:relative;
	left: 0 !important;
	left: -7px;}

legend span {
	color:#000;}

div.form_row div.column_01 label span,
div.form_row div.column_02 label span {
	color: #333;
	font-weight: normal;
	font-size: 80%;}

div#zip_code.column_02 input {
	width: 5em;}

input#phone_area_code,
input#phone_prefix {
	width: 3em;}

input#phone_extension {
	width: 4em;}

input#Applicant_phone_extension,
input#Library_contact_phone_extension,
input#Applicant_cert_phone_extension {
	width: 4em;
	display: inline;}

input.input_clear_form {
	color: #990000;}

div.review_header {
	margin: .5em 0;
	width: 70%;
	display: block;}

input[type="text"],
input[type="password"],
div.form_row textarea,
div.form_row input.input_text {
	width: 90%;
	border: 1px solid #999;
	padding: .5em;
	background-color: #fff;}

div.form_row div.column_02 #password_reminder {
	margin-top: 2.5em;}
	
div.form_row textarea {
	height: 10em;}	

input[type="text"]:focus,
input[type="password"]:focus,
input#quick_search_query:focus {
	background-color: #fff;
	border: 1px solid #333;
	color: #000;}

div.form_row input.input_button {
	cursor: pointer;
	margin: 1em 1em 1em 0;}

div.form table h1 {
	font-size: 1.5em;}
	
textarea#ApplicationContent_narrative {
	width: 40em;
	height: 20em;}
	
/* @end */

/* @group Review Header */

form.review_edit_input {
	float: right;}

/* @end */

/* @group Search Elements */

div.search_container {
	border: 1px solid #333;
	width: 598px;
	padding: 10px;
	background-color: #e5e5e5;
	margin: 0 0 2em 0;}

table.DCContainerTBT {
	width: 100%;}

div.search_container form {
	margin: 0;
	padding: 0;}

form.quick_search {
	width: 100%;}

input#quick_search_query {
	width: 75%;
	margin-right: 1em;
	color: #333;}

form.quick_search input#quick_search_submit {
	width: 15%;
	display: inline;
	margin: 0;}

div.filter_argument select {
	width: 20em;
	overflow: visible;}

input.date {
	width: 90%;
	color: #333;
	background: url(../tmpl_images/icon_calendar.png);
	background-repeat: no-repeat;
	background-position: right;}

#applicant_add_another,
#recipient_add_another {
	display: block;
	width: 10em;
	border: 1px solid #333;
	font-weight: bold;
	background: #fff;
	margin-left: .5em;}

#applicant_add_another div,
#recipient_add_another div {
	margin: .25em .5em;}

#applicant_add_another div p,
#recipient_add_another div p {
	margin: 0;
	padding: 0;
	display: inline;}
	
	#applicant_add_another:hover,
	#recipient_add_another:hover {
		color: #fff;
		background: #C07F35;
		border-color: #333;
		cursor: pointer;}
	
	#applicant_add_another div p img,
	#recipient_add_another div p img {
		vertical-align: sub;}

/* @end */

/* @group Mailer Styles */

.emailBuilderVarsMessage {
	float: right;
	width: 150px;
	padding: .5em;
	border: 1px solid #333;
	background-color: #e5e5e5;}

.emailContentPreview {
	font-size: 12px;
	margin: 1em 0 1em 2em;
	padding: .5em;
	border: 1px solid #999;
	font-family: monospace;
}

.emailCriteriaWrapper {
	margin: 10px 20px 10px 20px;
}

/* @end */

/* @group Admin Home */

ul#admin_home {
	margin: 0 0 2em 0;
	width: 100%;
	display: inline;
	float: left;}

ul#admin_home li {
	list-style-type: none;
	width: 30%;
	float: left;
	text-align: center;}

	ul#admin_home li img {
		margin: 0 auto;}

		ul#admin_home li a {
			display: block;
			padding: 0;
			text-decoration: none;
			border: 1px solid #333;
			margin-right: 2em;
			background: #fff;}
			
ul#admin_home li a:hover, ul#admin_home li a:active {
	color: #fff;
	background-color: #C07F35;}


/* @end */

/* @group Admin Menu */

div.leftcontainer {
	float: left;
	width: 20%;}

ul#nav_static {
	list-style: none;
	padding: 0;
	margin: 1em;
	padding: .5em;
	border: 1px solid #333;}

ul#nav_static li,
	div.uploaders li {
	border-bottom: 1px solid #ccc;
	padding: 0;}

ul#nav_static li a,
	div.uploaders li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0;
	padding: .2em;}

div.uploaders {
	padding: 0;
	margin: 1em;
	padding: .5em;
	border: 1px solid #333;}

div.uploaders h5 {
	margin: 0;
	font-size: 1.2em;
	padding-bottom: .25em;
	border-bottom: 1px solid #333;}

div.uploaders ul {
	margin: 0;
	padding: 0;
	list-style: none;}

/* @end */

/* @group Admin Page Header */

div.admin_page_header {
	border-bottom: 1px solid #ccc;
	padding-bottom: .5em;}

div.admin_page_header h2 {
	float: left;
	border: none;}

div.admin_help {
	float: right;}

table#application_datestamp {
	border-collapse: collapse;
	border: 1px solid #333;
	margin: 1em 0;}

table#application_datestamp td {
	border: 1px solid #333;
	padding: .5em 1em;}

table#application_datestamp td p {
	margin: 0;}
	
table#application_datestamp th {
	border: 1px solid #333;
	padding: .5em 1em;
	background-color: #ccc;}	

table#application_datestamp td.col_1 {
	background: #ccc;
	font-weight: bold;}

/* @end */

/* @group Admin Stats */

table.admin_app_statistics {
	border-collapse: collapse;
	border: 1px solid #333;
	margin: 1.5em 0;
	width: 100%;}

table.admin_app_statistics th {
	font-weight: bold;
	border: 1px solid #333;
	padding: .5em;
	background: #e5e5e5;}

table.admin_app_statistics td {
	padding: .5em;
	border: 1px solid #333;
	font-weight: bold;
	font-size: 1.2em;}

/* @end */

/* @group Application Search */

div.criteria_definition {
	width: 100%;	
	overflow: hidden;
	margin-bottom: 1em;}

div.criteria_definition div {
	float: left;
	margin-left: .5em;
	margin-right: 1em;}

div.criteria_definition div.delete {
	float: right;}

/* @end */

/* @group Application Delete */

form#deletion_reason {
	width: 400px;}

textarea#Applicant_deletion_comment {
	width: 100%;
	height: 10em;
	margin: 1em 0;}

/* @end */

/* @group Alerts */

p.validation_notice {
    margin-bottom: 1.5em;
    width: 50%;}

div.alert_error {
	border: 1px solid #f00;
	background-color: #ffaaaa;
	padding: .5em;
	margin-bottom: 1.5em;}

div.alert_caution {
	border: 1px solid #fc0;
	background-color: #fdff95;
	padding: .5em;
	margin-bottom: 1.5em;}

div.alert_success {
	border: 1px solid #030;
	background-color: #cfc;
	padding: .5em;
	margin-bottom: 1.5em;}

div.alert_caution p,
div.alert_error p,
div.alert_success p,
div.alert_caution_half p {
	margin: 0;
	color: #333;
	font-weight: bold;}

/* @end */

/* @group Scoring Styles */

div.scoringWrapper {
	width: 580px;
	padding: 10px;
	background-color: #f3f3f3;
	border: 1px solid #666;}

table.applicationScoringView {
	margin-top: 20px;}

table.applicationScoringView td {
	text-align: left;
	vertical-align: top;}

table.applicationScoringView td.lcol {
	font-weight: bold;
	border-top: 1px dotted #ccc;}

table.applicationScoringView td.rcol {
	padding-left: 15px;
	padding-bottom: 25px;
	border-top: 1px dotted #666;}

div.application_score div.radioWrapper {
	float: left;
	text-align: center;
	margin: 4px 3px 0px 3px;
	color: #666;
	font-size: 90%;}

div.scoreEndCap {
	float: left;
	padding: 6px 0 0 0;}

.submitButtonWrapper {
	margin: 10px 0 0 0;}

/* @end */

/* @group Data Grid Display */

div.pagination {
	}

div.pagination p{
	margin: 0;}
	
div.pagination p span {
	margin: 0 .25em;
	font-weight: bold;}

.indexTable {
	border-collapse: collapse;
	border: 1px solid #333;
	margin: 1.5em 0;}

.indexTable th {
	font-size: 1em;
	color: #fff;
	background-color: #101c45;
	padding: .5em;
	text-align: left;
	border: 1px solid #333;}

.indexTable th a:link,
.indexTable th a:visited {
	text-decoration: underline;
	color: #C07F35;
	padding: .25em;}

.indexTable th a:hover,
.indexTable th a:active {
	background-color: #C07F35;
	color: #fff;}

.indexTable td {
	font-size: 1em;
	padding: .5em;
	text-align: left;
	border: 1px solid #333;}

.indexTable td input[type="checkbox"] {
	margin: .5em;}

/* @end */

/* @group Page Editor */


/* @end */

/* @group Global Fix Styles */

.clearFloat:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;}

.clearFloat{
	_height: 1%;}

hr.section_break {
	clear: both;
	height: .1em;
	background-color: #B1B1B1;
	border: none;
	margin: 1em 0;
	width: 100%;}

hr.library_review {
	clear: both;
	height: .1em;
	background-color: #bbb;
	border: none;
	margin: 1em 0;
	width: 50%;}
	
/*Yes, this is redundant, but I'm not sure where each version was used, so we leave both*/

.clear_float:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;}

.clear_float {
	_height: 1%;}

/* @end */


/*Reviewer Page*/

div#review_narrative
{
	width: 70%;
	margin-left: 1em;
	padding: 1.5em;
	background-color: #d8d8d8;
	border: thin solid #b1b1b1;
}

table#review_rating
{
	width:80%;
	border: 2px solid #675638;
	margin: 1em;
}

table#review_rating td
{
	font-weight: bold;
	text-align: center;
	padding: .5em;
}

table#review_rating td.selected_score
{
	background-color: #F7E6BE;
}

table#review_rating td input
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

/* @group Alerts */

div.alert_error {
	border: 1px solid #f00;
	background-color: #ffaaaa;
	padding: .5em;
	margin-bottom: 1.5em;}

div.alert_caution {
	border: 1px solid #fc0;
	background-color: #fdff95;
	padding: .5em;
	margin-bottom: 1.5em;}

	div.alert_caution_half {
		border: 1px solid #fc0;
		background-color: #fdff95;
		padding: .5em;
		margin-bottom: 1.5em;
		width: 50%;}

div.alert_success {
	border: 1px solid #030;
	background-color: #cfc;
	padding: .5em;
	margin-bottom: 1.5em;}

div.alert_caution p,
div.alert_error p,
div.alert_success p,
div.alert_caution_half p {
	margin: 0;
	color: #333;
	font-weight: bold;}

/* @end */

/* @group xc_alerts styles */

ul#xc_alerts {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;}

ul#xc_alerts li {
	display: block;
	width: 500px;
	padding: .5em;
	margin: 0 0 1.5em 0;}

ul#xc_alerts li.error {
	border: 1px solid #f00;
	background-color: #ffaaaa;}

ul#xc_alerts li.warning {
	border: 1px solid #fc0;
	background-color: #fdff95;}


ul#xc_alerts li.notice {
	border: 1px solid #030;
	background-color: #cfc;}

/* @end */