/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column {
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 96%;
	border: 2px solid #818181;
	position: relative;
}

#content-main-two-column {
	width: 96%;
	float: left;
}

#content-side-two-column {
	float: right;
	width: 16%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - THREE COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column {
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 100px;
	border: 1px solid #818181;
	background: url(./Images/bg-three-column-main.png) repeat-y;
	position: relative;
}

#content-main-three-column {
	width: 355px;
	float: left;
	margin-left: 25px;
}

#content-side2-three-column, #content-side1-three-column {
	width: 180px;
	font-size: .9em;
}

#content-side2-three-column {
	float: right;
}

#content-side1-three-column {
	float: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HOME PAGE - THREE COLUMN SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container {
	background: url(./Images/bg-three-column-home.png) repeat-y;
	padding: 0;
	margin: 20px 0 10px 0;
}

#three-column-side1 {
	float: left;
	width: 30%;
}

#three-column-side2 {
	float: right;
	width: 30%;
}

#three-column-middle {
	width: 30%;
	margin: 0px 32% 0px 35%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
 Default (login) Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tableLogin {
	color: #404040;
	font-family: verdana, arial;
	font-size: 14px;
	background-color: #f2f3f7;
}

.tdLogin {
	padding: 8px 8px 8px 8px;
}

.tdLoginRegister {
	font-family: arial;
	font-size: 12px;
	padding: 18px 0 6px 10px;
}

.loginSessions {
	width: auto;
	height: 23px; /* Note: IFrame is 24px */
	color: #ededed;
	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	background-color: #5f9ea0;
}

.loginSite {
	font-family: arial;
	color: #505050;
	font-size: 14px;
	margin: 20px 8px 10px 8px;
}

.loginStatus {
	font-family: arial;
	color: #d61719;
	font-size: 11px;
	text-decoration: underline;
}

.LoginLabel {
	font-family: arial;
	font-size: 12px;
	font-weight: 200;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #363636;
}

p {
	margin: 10px 0;
}

th {
	text-align: left;
	border: 1px solid #686868;
	padding: 2px 2px 2px 6px;
}

hr {
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border: 0;
	margin: 15px 0;
}

blockquote {
	padding: 0 0 0 12px;
	margin: 12px 0 0 0;
	background: url(./Images/bg-quote.png) no-repeat;
}

	blockquote p {
		margin: 2px 0;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1, h2, h3, h4, h5, h6 {
	font-size: 1.8em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin: 5px 0;
}

h1 {
	margin-bottom: 0;
	letter-spacing: 1px;
}

h1, h2 {
	margin-top: 0px;
}

h2 {
	font-size: 1.3em;
	letter-spacing: 3px;
	white-space: nowrap;
	margin: 12px;
}

h3 {
	font-size: 1.1em;
}

	h3.small {
		font-size: 1.2em;
	}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link {
	color: #d61719;
	text-decoration: none;
	outline-style: none;
}

a:visited {
	color: #980000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #980000;
}

#content-side-two-column a:link, #content-side2-three-column a:link, #content-side1-three-column a:link, #content-side-two-column a:visited, #content-side2-three-column a:visited, #content-side1-three-column a:visited {
	text-decoration: none;
}

#content-side-two-column a:hover, #content-side2-three-column a:hover, #content-side1-three-column a:hover {
	text-decoration: underline;
}

.grayed-out_link {
	color: Gray;
}

.radiusBox {
	margin: 8px;
	padding: 4px 6px 4px 6px;
	border: solid 1px #50515c;
	border-collapse: collapse;
	border-radius: 3px;
	font-weight: 600;
	background-color: #d6dadf;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TOP INFORMATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.redTitle {
	color: red;
	font-size: 14px;
	font-weight: bold;
}

.redCheckButton {
	color: #12126F;
	font-size: 14px;
	font-weight: bold;
	border-radius: 4px;
	border: 1px solid #494949;
	padding: 3px 5px 3px 3px;
	background-color: #DAD9E7;
}

.header {
	font-family: geneva, verdana, arial, sans-serif;
	color: #03326a;
	z-index: 1;
	font-size: 16px;
	font-weight: bold;
}

.headerTable {
	width: 100%;
	border: 0;
	padding: 3px;
	margin: 10px 0 0 0;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.commonTable {
	width: 100%;
	text-align: left;
	padding: 3px;
	border: solid 1px #a9a9a9;
	background-color: #f2f3f7;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	position: absolute;
	top: .5em;
	left: 15px;
	font-size: 2.6em;
	font-family: Rockwell, Centaur, Georgia,serif;
	height: 2.8em;
	padding: .1em 0 .2em 0;
	font-variant: small-caps;
}

	#logo a {
		color: #360b11;
		text-decoration: none;
	}

#logoComments {
	color: #360b11;
	text-decoration: none;
	position: absolute;
	top: 92px;
	left: 32px;
	font-size: 2.6em;
	font-family: Rockwell, Centaur, Georgia,serif;
	height: 2.8em;
	padding: .1em 0 .2em 0;
	font-variant: small-caps;
}

#top-information {
	height: 4.0em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	color: #595858;
	font-size: .85em;
	position: relative;
	width: 980px;
}

#top-information-home {
	text-align: right;
	border-bottom: 1px dashed #CACACA;
	position: absolute;
	top: 0;
	right: 25.5%;
	height: 2em;
	width: 15%;
	padding: 0 1.5% 0 0;
}

#top-information-base {
	text-align: center;
	border-left: 1px dashed #CACACA;
	position: absolute;
	font-size: 1.8em;
	top: 0;
	left: 75%;
	height: 100%;
	padding: 1% 0% 1% 2%;
}

#top-information-link {
	text-align: center;
	border-left: 1px dashed #CACACA;
	position: absolute;
	top: 0;
	right: 0;
	height: 2em;
	width: 8.5%;
	padding: 0 0 0 1.5%;
}

#heading {
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
}

#subheading {
	font-size: 1.1em;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
ASP Grid Views
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gridViewHeader {
	font-family: Verdana;
	padding: 3px;
	font-size: 12px;
	text-align: center;
	color: #efefef;
	height: 22px;
	border: 1px solid #cdcdcd;
	background-color: #5f9ea0;
}

	.gridViewHeader a {
		color: #efefef;
		text-decoration: underline;
	}

.gridViewRow {
	font-family: Arial;
	padding: 4px 0px 4px 3px;
	font-size: 12px;
	color: #000000;
	border: 1px solid #A0A0A0;
	background-color: #EFEFEF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Custom Grid View Tables
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gridTableMain {
	width: 98%;
	font-size: Small;
	color: Navy;
	border: solid 1px #acacac;
	border-collapse: collapse;
	background-color: #cacaca;
	padding: 1px;
}

.gridTableRowHead {
	color: Black;
	background-color: #BBBBBB;
	font-weight: bold;
}

.gridTableRow {
	background-color: #FFFFFF;
}

.gridTableRowOdd {
	background-color: #FFFFFF;
}

.gridTableRowEven {
	background-color: #D2F0D2;
}

.gridTableRowTotal {
	background-color: #D2D8EA;
}

.gridTableRowNeutral {
	background-color: #e6e9ed;
}

.gridTableRowOrange {
	background-color: #F9E0CB;
}

.gridTableRowBlue {
	background-color: #DBE5F1;
}

.gridTableRowPurple {
	background-color: #E5E0EC;
}

.chartTableRow {
	background-color: #e6e9ed;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MAIN NAV 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main {
	/*background:  url(./Images/bg-nav-square.png) no-repeat; /*#608fc8 0a527f*/
	background-color: #5f9ea0; /*cadetblue*/
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	padding: .8em;
	position: relative;
	font-weight: bold;
	font-size: 1.3em;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

	#nav-main ul {
		margin: 0;
		padding: 0 10% 0 0;
	}

	#nav-main li {
		display: inline;
		list-style: none;
		padding: 0 1em 0 0;
		background: none;
	}

	#nav-main a:link, #nav-main a:visited {
		color: #FFFFFF; /*padding: 0 1.6em 0 0;  causes height change? */
		text-decoration: none;
	}

	#nav-main a:hover {
		color: #d91523;
		text-decoration: underline;
	}

	#nav-main a:active {
		color: #FFFFFF;
	}

	#nav-main li.current a:link, #nav-main li.current a:visited {
		text-decoration: underline;
	}

	#nav-main li.current a:hover {
		color: #d91523;
		text-decoration: underline;
	}

	#nav-main li.current a:active {
		color: #FFFFFF;
	}

	/* ACTIVE PAGES */
	#nav-main a.StaticSelectedStyle:link, #nav-main a.StaticSelectedStyle:visited {
		color: #d91523;
		text-decoration: underline;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	AJAX Form Editing
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.detailDiv {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2px;
	width: auto;
	padding: 4px;
	white-space: normal;
	background-color: #ecd9bf;
	color: #000000;
	border: 1px solid #686868;
}

.detailButton {
	margin-left: 3px;
	margin-right: 3px;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight: 600;
	border: 1px solid #B52020;
	width: auto;
	text-align: left;
	white-space: nowrap;
}

.detailNotice {
	margin-left: 3px;
	margin-right: 3px;
	padding: 5px 5px 5px 5px;
	color: #454545;
	font-size: 12px;
	font-weight: 600;
	width: auto;
	white-space: nowrap;
}

.narrowSpan, .mediumSpan, .wideSpan, .doubleTable {
	margin: 4px 0px 0px 0px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	padding: 4px 2px 4px 2px;
	font-size: 12px;
	/*border: 1px solid #B6A0A0;*/
	width: auto;
	text-align: left;
	white-space: nowrap;
}

.doubleTable {
	display: inline-block; /* ! */
	padding: 0px 3px 0px 3px;
}

.narrowInput, .mediumInput, .wideInput {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 50px;
}

.mediumInput {
	width: 100px;
}

.wideInput {
	width: 420px;
}

.doubleInput {
	margin-top: 1px;
	margin-bottom: 1px;
	width: 480px;
	height: auto;
}

.successSpan {
	color: #C02317;
	margin-left: 16px;
}

.SandboxSection {
	color: #686868;
	font-weight: 600;
	font-size: 14px;
	margin: 8px 0px 8px 20px;
}

.ScenarioSection {
	color: #686868;
	font-weight: 600;
	font-size: 14px;
	margin: 16px 0px 6px 20px;
}

.dataCell {
	text-align: right;
	padding-right: 6px;
}

.dataCellTotal {
	text-align: right;
	padding-right: 6px;
	color: Maroon;
}

.dataCellTotalLeft {
	text-align: left;
	padding-right: 6px;
	color: Maroon;
	font-weight: 600;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	page title
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pagetitle {
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	background: #608fc8;
	position: relative;
	color: #d5e8ff;
	font-size: large;
	padding: .5em 20px .7em 20px;
}

	#pagetitle a:link, #pagetitle a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}

	#pagetitle a:hover {
		color: #FB9C2B;
		text-decoration: none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LISTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
	background: url(./Images/list-bullet-02.gif) no-repeat 0 .8em;
	padding: .2em 0 .2em 1em;
	margin-left: 0.4em;
}

quick-link {
	padding-top: 6px;
}

ul.quick-links li {
	padding: 4px;
}

ul.quick-links li a {
	padding: 6px;
	font-size: 1.3em;
}

ul.list-of-links {
	border-bottom: 1px dotted #B2B2B2;
	font-weight: 600;
	font-size: 12px;
}

#content-side1-three-column ul.list-of-links, #content-side2-three-column ul.list-of-links {
	margin: 0 0 30px 0px;
}

ul.list-of-links li {
	border-top: 1px dotted #B2B2B2;
	background-image: url(./Images/list-bullet-01-link.gif);
}

	ul.list-of-links li.current {
		background-color: #E5E5E5;
	}


ul.no-lines, ul.no-lines li {
	border: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	IMAGES & PHOTOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border: none;
}

.photo-border {
	border: 1px solid #cecece;
	/*padding: 4px;*/
	background: #d9d9d9 url(./Images/bg-photo.png) top repeat-x;
	margin-bottom: 3px;
	display: block;
}

.photo-float-left {
	float: left;
	margin-right: 10px;
}

.image-border-none {
	border: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	/*background: #608fc8 url(./Images/bg-nav.png) bottom left no-repeat;*/
	background-color: #5f9ea0;	/*#405f8e*/
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	padding: .8em 0 1em 20px;
	position: relative;
	color: #fefefe;
	font-size: .9em;
}

	#footer div {
		background: #4b6cb5 url(./Images/bg-nav-side.png) bottom right no-repeat;
		width: 25%;
		position: absolute;
		top: 0;
		right: 0;
		padding: .8em 0 1em 0;
	}

.footerDiv {
	background: #3F5FAA url(./Images/bg-nav-side.png) bottom right no-repeat;
	width: 25%;
	top: 0;
	right: 0;
	padding: 0px;
	margin: 0px;
}

#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color: #FB9C2B;
	text-decoration: none;
}

#footer a:active {
	color: #FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER-SUB
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub {
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align: center;
	padding: .1em 0 2em 0;
	position: relative;
	font-size: .8em;
	color: #999999;
}

	#footer-sub ul {
		margin: 0;
		padding: 0;
	}

	#footer-sub li {
		display: inline;
		list-style: none;
		padding: 0 1em 0 0;
		background: none;
	}

	#footer-sub a:link, #footer-sub a:visited {
		text-decoration: underline;
		color: #999999;
	}

	#footer-sub a:hover {
		color: #565656;
		text-decoration: none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MISC CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.nav-footer {
	color: #494969;
	font-weight: 600;
	margin-left: auto;
	margin-right: auto;
	width: 830px;
}

.news-date {
	font-size: 0.9em;
	font-style: italic;
	color: #A4A4A4;
}

.arrow {
	vertical-align: middle;
}

input.button-big {
	font-weight: bold;
	padding: .7em 1.5em;
	font-size: 1.1em;
	vertical-align: bottom;
}

input.button-small {
	font-weight: normal;
	padding: .4em 1em;
	font-size: .8em;
	vertical-align: bottom;
}

.clear {
	clear: both;
}

.none {
	display: none;
}

.warningNotice {
	color: #d61719;
	font-size: 14px;
	font-weight: 500;
	margin-left: 30px;
	padding-bottom: 5px;
}

.warningNoticeSm {
	color: #d61719;
	font-size: 12px;
	margin: 0px 0px 5px 10px;
}

.responseText {
	color: #468e2a;
	font-size: 12px;
	font-weight: 600;
	width: 200px;
	margin: 0px 0px 5px 20px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PROGRAMMER TOOLS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.programmerTool {
	width: 980px;
	margin: auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	ABOUT BOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.aboutMainTitle {
	background-color: #03326a;
	color: #ffffff;
	font-weight: bold;
	height: 20px;
}

.aboutDiv {
	background-color: #f9f8f9;
	padding: 10px;
}

.aboutDivTitle {
	background-color: white;
	border: solid 3px #CCCCCC;
	margin: 10px;
	padding: 5px;
}

.aboutTitle {
	font-size: 140%;
	font-weight: bold;
}

.aboutDescription {
	font-style: italic;
	margin: 10px;
	margin-left: 20px;
}

.aboutSmallFont {
	font-size: small;
}