﻿* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1pt;
}
.blue {
	background-color: Transparent;
	border: 1px solid #00ff00;
}

/* Form elements
 =============================================== */
.input_label {
	display: block;
	float: left;
	width: 120px;
	margin: 0px 10px 2px 0px;
	text-align: right;
	font-size: 9pt;
}

.input_box, .input_watermark {
	color: #000000;
	border: 1px solid #8B8B8B;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 9pt;
	margin-bottom: 2px;
	width: 290px;
}

.input_watermark {
	color: #7e7e7e;
}

/* remove border from radio buttons, check boxes, labels */
span.input_box, table.input_box {
	border: 0;
}
table.input_box td {
	padding-right: 5px;
}

/* make drop-downs the same height as text boxes */
select.input_box {
	padding: 1px;
}

/* Add padding for select options */
select option {
	padding-left: 5px;
}

/* Add a space between the radio- or check-box and the text */
.input_radio input {
	margin-right: 4px;
}

.ValidationExtended {
	display: none;
}

.required {
	color: Red;
}

.instructions {
	border: 1px solid #cccccc;
	border-left: 0;
	border-right: 0;
	margin: 5px 20px 5px 20px;
	padding: 5px;
	font-size: 8pt;
}

h4 {
	font-weight: bold;
	margin-top: 1em;
}

a img {
	border: 0;
}

/* Table column alignments and styles
 =============================================== */
 
.Table {
	border: 1px solid #000034;
	color: #333333;
}

.Table .Row {
	background-color: white;
}
.Table .AlternatingRow {
	background-color: #ffeba4;
}
.Table .Head {
	background-color: #000034;
	color: white;
	font-weight: bold;
}

.Table td,
.Table th {
	padding: 4px;
}

table td.grid_right {
	text-align: right;
}
table td.grid_center {
	text-align: center;
}


/* Page Layout
 =============================================== */

html, body {
	font-family: 'Trebuche MS', Arial, Verdana, Sans-Serif;
	font-size: 10pt;
	background-color: #f79e1e;
}
/* Work around an issue in some browsers where text areas don't inherit fonts from the body */
textarea {
	font-family: 'Trebuche MS', Arial, Verdana, Sans-Serif;
	font-size: 9pt;
}

a {
	color: #000034;
}

.page_wrap {
	width: 933px;
	margin: 20px auto 20px auto;
	background-color: white;
	border: 1px solid #cccccc;
}
.page {
	margin: 20px;
	min-height: 600px;
}

.top_l {
	float: left;
	margin-left: 80px;
	margin-top: 0;
}
.top_r {
	margin: 0;
	border: 1px solid white;
	margin-left: 288px;
}

.top_name {
	font-family: Arial;
	font-size: 16pt;
	color: #000034;
	font-weight: bold;
	margin-top: 65px;
}
.sublogo {
	font-family: Arial;
	font-style: italic;
	font-size: 12pt;
	color: #000034;
	margin-bottom: 4px;
}
.nav_div {
	margin: 0 40px 0px 0px;
	text-align: center;
}

.nav {
	list-style: none;
	background-color: #000034;
	color: white;
	padding: 3px;
	width: inherit;
}
.nav li {
	display: inline;
	padding: 6px;
}
.nav a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
.nav a:hover {
	text-decoration: underline;
}
.sub_nav {
	display: none;
	list-style: none;
	border: 1px solid #dddddd;
	width: 380px;
	margin: 0px auto 25px auto;
	padding: 2px;
	font-size: 8pt;
}
#none_nav {
	display: block;
	border: 1px solid white;
}
.sub_nav li {
	display: inline;
	font-size: 8pt;
	padding: 2px;
}
.sub_nav a {
	text-decoration: none;
}
.sub_nav a:hover {
	text-decoration: underline;
}

.footer {
	margin: 20px auto 6px auto;
	width: 670px;
	border-top: 1px solid #dddddd;
	font-size: 8pt;
}

.foot_nav {
	text-align: center;
	list-style: none;
	margin-top: 5px;
}
.foot_nav li {
	display: inline;
	padding: 3px;
}
.foot_nav a {
	text-decoration: none;
}
.foot_nav a:hover {
	text-decoration: underline;
}

/* Modal Popup during UpdatePanel work 
 =============================================== */

.modalBox_backdrop {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #cccccc;
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	opacity: .25;
}
.modalBox_messageWrap {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1010;
}
.modalBox_message {
	width: 250px;
	margin: 200px auto;
	background-color: #fff;
	border: 1px solid #000;
	padding: 15px;
	text-align: center;
	z-index: 1020;
}
.modalBox_message_mainMaster {
	width: 250px;
	margin: 200px auto;
	background-color: #fff;
	border: 1px solid #000;
	padding: 15px;
	text-align: center;
	z-index: 1020;
}
