﻿
/* Begin Layout */
body {
	margin: 0;
	padding: 0;
}

.layout_row, .layout_col {
	position: absolute;
}

.layout_row {
	left: 0;
	right: 0;
}

.layout_col {
	top: 0;
	bottom: 0;
}

.scroll-x {
	overflow-x: auto;
}

.scroll-y {
	overflow-y: auto;
}

.header.layout_row {
	top: 0;
	height: 90px;
	background-color: #546e96;
}

.header.cui_layout_row {
	height: 25px;
	top: 0;
	text-align: center;
	background-color: #055A00;
	color: white;
}

.menu.layout_row {
	height: 50px;
	width: 100%;
	background-color: #465c71;
	top: 90px;
}

.body.layout_row.Authenticated {
	top: 140px;
	bottom: 25px;
}

.body.layout_row.NotAuthenticated {
	top: 90px;
	bottom: 25px;
}


.footer.layout_row {
	height: 25px;
	bottom: 0;
	text-align: center;
	background-color: #055A00;
	color: white;
}

.left {
	display: block;
	float: left;
}

.right {
	display: block;
	float: right;
}

.center {
	display: block;
	width: auto;
	height: 100%;
	min-height: 100%;
}

/* End Layout */

.splash {
	width: 100%;
	text-align: center;
}

/* LOGIN CONTROLS
---------------------------------------------------------*/

.loginButtons {
	width: 285px;
	height: 40px;
	font-family: Verdana;
	font-weight: bold;
	color: white;
	font-size: 1.10em;
	border-radius: 0.25rem;
}

.loginHeaderCells {
	font-family: Verdana;
	font-weight: bold;
	font-size: x-large;
	padding: 10px;
}

.loginCells {
	font-family: Verdana;
	font-size: small;
	padding: 5px;
}

.loginCellTables {
	background-color: lightgrey;
	border: solid;
	border-width: thin;
	text-align: center;
	border-radius: 10px;
	width: 500px;
	height: 275px;
	color: black;
}


/* Begin Splitter */

.splitV_Wrapper {
	top: 140px;
}

.splitV_Content {
	height: 100%;
	width: 100%;
}

.splitV_Left_Expanded {
	position: absolute;
	float: left;
	overflow-y: auto;
	width: 20%;
	height: 100%;
}

.splitV_Center_Expanded {
	position: absolute;
	left: 20%;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url('../images/collapseV.gif');
	background-color: #afafaf;
	float: left;
	width: 1%;
	height: 100%;
}

.splitV_Right_Expanded {
	position: absolute;
	overflow-y: auto;
	left: 21%;
	width: 79%;
	height: 100%;
}

.splitV_Left_Collapsed {
	position: absolute;
	float: left;
	visibility: collapse;
	width: 0%;
	height: 100%;
}

.splitV_Center_Collapsed {
	position: absolute;
	background-repeat: repeat-y;
	background-position: center;
	background-color: #afafaf;
	background-image: url('../images/expandV.gif');
	float: left;
	width: 1%;
	height: 100%;
}

.splitV_Right_Collapsed {
	position: absolute;
	overflow-y: auto;
	width: 99%;
	left: 1%;
	height: 100%;
}

.splitV_Center_Expanded:hover {
	cursor: pointer;
}

.splitV_Center_Collapsed:hover {
	cursor: pointer;
}

.splitH_Wrapper {
}

.splitH_Content {
	height: 100%;
	width: 100%;
	float: left;
}

.splitH_Top_Expanded {
	overflow-y: auto;
	top: 0;
	width: 100%;
	height: 30%;
	overflow-x: auto;
}

.splitH_Center_Expanded {
	position: absolute;
	top: 30%;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url('../images/collapseH.gif');
	background-color: #afafaf;
	width: 100%;
	height: 2%;
}

.splitH_Bottom_Expanded {
	position: absolute;
	top: 32%;
	width: 100%;
	height: 68%;
	overflow-x: auto;
	overflow-y: auto;
}

.splitH_Top_Collapsed {
	position: absolute;
	float: left;
	visibility: collapse;
	width: 100%;
	height: 0%;
}

.splitH_Center_Collapsed {
	position: absolute;
	float: left;
	background-repeat: repeat-x;
	background-position: center;
	background-color: #afafaf;
	background-image: url('../images/expandH.gif');
	width: 100%;
	height: 2%;
}

.splitH_Bottom_Collapsed {
	position: absolute;
	overflow-y: auto;
	width: 100%;
	top: 2%;
	height: 98%;
}

.splitH_Center_Expanded:hover {
	cursor: pointer;
}

.splitH_Center_Collapsed:hover {
	cursor: pointer;
}

/* End Splitter */

/* Begin Menu */

.nav_menu {
	z-index: 999;
	line-height: 50px;
}

menuWrapper {
}

.menuHeaderWrapper {
	float: left;
	clear: left;
	width: 100%;
	background-color: lightgray;
}

.menuFooterWrapper {
	position: absolute;
	float: left;
	clear: left;
	width: 100%;
	bottom: 0;
}

.menuTitleWrapper {
	float: left;
	clear: left;
	width: 100%;
	background-color: lightgray;
}

.menuRowWrapper {
	float: left;
	clear: left;
	width: 100%;
}

.menuHeader_Left {
	float: left;
	font-size: 25px;
	font-weight: bold;
	padding: 5px 5px 10px 5px;
}

.menuHeader_Right {
	float: right;
	font-size: 25px;
	font-weight: bold;
	padding: 5px 5px 10px 5px;
}

.menuSubTitle_Left {
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 10px 5px;
}

.menuSubTitle_Right {
	float: right;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 10px 5px;
}

.menuSubTitle_Full {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 10px 5px;
}

.menuRow_Left {
	float: left;
	height: 25px;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
}

.menuRow_Right {
	float: right;
	height: 25px;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
}

.menuRow_Full {
	width: 98%;
	height: 25px;
	padding-left: 1%;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

.menuRow_Full_Left {
	width: 98%;
	height: 25px;
	padding-left: 1%;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: left;
}

.menuRow_Full_Right {
	width: 98%;
	height: 25px;
	padding-left: 1%;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: right;
}

/* End Menu */

/*cellpadding*/
.padTable.th, .padTable.td {
	padding: 5px;
}

.bold {
	font-weight: bold;
}

.submitButton {
	text-align: right;
	padding-right: 10px;
}

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPop {
	background-color: White;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 0;
	width: 250px;
	color: Black;
}

.errorText {
	font-size: 16px;
	font-weight: bold;
	color: red;
}

.gridHeader {
	background-color: lightgray;
	padding-left: 5px;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
}

.gridSubHeader, .gridSubHeader {
	background-color: lightblue;
	padding-left: 5px;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
}

.gridSubHeader:hover {
		cursor: pointer;
	}

.controlPad {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
}

.dropDown {
	font-size: 18px;
}

/*---------------------CUI Banner------------------------------*/

.BnrContainer {
	width: 100%;
	height: 558px;
}

.CntrTextContainer {
	top: 8px;
	border: 5px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: black;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
}

.statementcontainer {
	border: 5px;
	text-align: center;
	color: black;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
	top: 20px;
	position: relative
}

.lowerstmntcontainer {
	border: 5px;
	text-align: center;
	color: black;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
	top: 32px;
	position: relative
}

.frstBulletPoint {
	border: 5px;
	text-align: center;
	color: black;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
	top: 50px;
	position: relative
}

.scndBulletPoint {
	border: 5px;
	text-align: center;
	color: black;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
	top: 70px;
	position: relative
}

.thrdBulletPoint {
	border: 5px;
	text-align: center;
	color: black;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
	top: 90px;
	position: relative
}

.frthBulletPoint {
	border: 5px;
	text-align: center;
	color: black;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
	top: 110px;
	position: relative
}

.fifthBulletPoint {
	border: 5px;
	text-align: center;
	color: black;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
	top: 140px;
	position: relative
}

.sixthBulletPoint {
	border: 5px;
	text-align: center;
	color: black;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
	top: 160px;
	position: relative
}

.buttnContainer {
	border: 5px;
	text-align: center;
	color: black;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif','MS Sans Serif',sans-serif,Arial;
	top: 195px;
	position: relative
}

.cuiBnrButtn {
	border-radius: 8px;
	height: 30px;
	font-size: 18px;
	width: 150px;
	background-color: deepskyblue
}
.BnrContainer {
	width: 100%;
	height: 100%;
}

