body {
	background-color: white;
	font-family: Whitney, Arial, Verdana, sans-serif;
	font-size: 14px;/*0.7em;*/
}

*::-webkit-scrollbar {
    width:12px;
}

*::-webkit-scrollbar-track {
    box-shadow:inset 0 0 4px rgba(0,100,100,0.2);
    -webkit-box-shadow:inset 0 0 6px rgba(0,100,100,0.2);
}

*::-webkit-scrollbar-thumb {
    background:#A6BCC9; /* wave blue */
	box-shadow:inset 0 0 4px rgba(0,100,100,0.2);
	border-top:1px solid #A0BAC8;
	border-bottom:1px solid #A0BAC8;
}

/* Titles */

H1, H2, H3, H4, H5, TH, THEAD, TFOOT {
	font-family: Santral Regular, Verdana, sans-serif;
	color: #015174;
}

H1	{	
	font-family: Santral Bold, Verdana, sans-serif;
}

H2 {
	text-align: left;
	margin: 20px;
	font-size: 19px;
	color: #87657D; /* flow purple*/
}
		
H3	{	
	font-size:	1.58em;
}

H4 {
	font-size: 1.33em;
}

H5, dt {
	font-size: 1em;
	font-weight: 700;
}

H6 {
	font-size: 0.8em;
	font-weight: 700;
}

.subtitle {
	font-family: Santral Bold, Verdana, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#015174;
}

.bar {
	background-color: #F7F4F3; /* pearl */
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	border:1px none;
}

.bar button.icon {
	font-weight:bold;
	color:#434342;  /* lava */
}

.bar button.button {
	font-weight: bold;
    color: #015174; /* arjo blue */
}

.bar .title {
    padding: 2px;
    margin: 2px;
    font-size: 21px;
}

.foot {
    position: absolute;
	position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 12px;
    line-height: 17px;
    max-height: 25%;
    overflow-y: auto;
    font-weight: 200;
    padding: 20px;
    background-color: #015174; /* arjo blue */
    color: #FFFFFF;
	background-repeat:no-repeat;
	background-position:bottom left;
	background-size:40px;
}

.foot a:link {
    color: #FFFFFF;
}

.foot .statement {
    font-weight: bold;
    font-style: italic;
    margin: 10px 15%;
    max-width: 1200px;
    padding: 0px 5%;
	color: #F7F4F3; /* pearl */
}

.foot img.logo {
	position:absolute;
	bottom:20px;
	left:20px;
	height:40px;
	width:auto;
}

/* Links */

a:link	{	
	text-decoration:none;
	color:#015174; /* arjo blue */
}

a:visited {
	text-decoration: none;
	color: #015174; /* arjo blue */
}

a:active {
	text-decoration: underline;
	color: #87657D; /* flow purple*/
}
		
a:hover
{
	text-decoration: underline;
	color: #87657D; /* flow purple*/
}

a.link {
	text-decoration: underline;
	padding:4px;
	color: #87657D;
}

.node:hover{
	color: #87657D; /* flow purple*/
}

/* Other */

blockquote, pre {	
	font-family: Santral Regular;
	color: #F8C276;
}

hr {
    border-color: #E9E4E0;
    border-style: solid;
    border-width: 0px;
    border-top-width: 1px;
    margin: 10px;
}

.hint {
	padding:4px;
    border-width:1px;
    border-style:solid;
    border-color:gray;
    font-size:1.2em;
    box-shadow: 0px 6px 20px -2px rgba(0, 0, 0, 0.5);
}

.hint button {
	margin:5px;
	width:92px;
}

.hint i {
	font-size:1em;
}

/* Tables */

tfoot, thead {
	font-size: 1em;
	font-family: Santral Bold, Verdana, sans-serif;
}

th {
	vertical-align: baseline;
	font-size:14px;
	font-weight: bold;
	font-family: Santral Bold, Verdana, sans-serif;
	color:#015174;
}

td {
	font-size:14px;
	padding: 3px;
}

/* Data Grid Styles */

.DataGrid_ItemStyle {
	background-color: #F7F4F3; /* pearl */
	color:#434342;  /* lava */
}

.DataGrid_AlternatingItemStyle {
	background-color: #FFFFFF; /* white */
	color:#434342;  /* lava */
}

.DataGrid_HeaderStyle,
.DataGrid_HeaderStyle td,
.DataGrid_HeaderStyle th,
table.Report .DataGrid_HeaderStyle td,
table.Report .DataGrid_HeaderStyle th
{
    text-align:left;  
    background-color:#A6BCC9; /* wave blue */
    color: #FFFFFF; /* white */
	padding:6px;
}

.DataGrid_HeaderStyle a
{
	text-decoration:underline;
	text-align:left;
	font-family: Verdana;
	font-weight: bold;
	color: #FFFFFF; /* white */
}

.DataGrid_HeaderStyle a:visited
{
	text-decoration:underline;
	color:#FFFFFF; /* white */
}

.DataGrid_HeaderStyle a:hover 
{
	text-decoration: none;
	color: #F7F4F3; /* pearl */
}

.DataGrid_SelectedItemStyle
{
	font-weight: bold;
	color: #87657D; /* flow purple*/
	background-color: #DFBEC2; /* sway pink*/
}

.DataGrid_FooterStyle
{
	background-color: #E9E4E0;/* pebble */ 
}

.DataGrid_PagerStyle
{
	color: #015174; /* arjo blue */
	background-color: #E9E4E0;/* pebble */  
	font-weight: bold;
	text-align: left;
}

.DataGrid_PagerStyle td a{
	padding:4px;
	font-size:12px;
}

.ReportSelectedCell,
#grdStatus td.ReportSelectedCell
{
    font-weight:normal;
    border-style:solid;
	border-color:#D02673; /* etrace pink */
	border-width:2px 0px 2px 0px;
	color: #015174; /* Arjo Blue */
	color: #D02673; /* etrace pink */
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.2);
	background-image:linear-gradient(rgba(208, 38, 115, 0.1), rgba(208, 38, 115, 0.4));
}

.ReportSelectedFirstCell,
#grdStatus td.ReportSelectedFirstCell
{
    font-weight:normal;
    border-style:solid;
	border-color:#D02673; /* etrace pink */
	border-width:2px 0px 2px 2px;
	color: #015174; /* Arjo Blue */
	color: #D02673; /* etrace pink */
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.2);
	background-image:linear-gradient(rgba(208, 38, 115, 0.1), rgba(208, 38, 115, 0.4));
}


/* Report Table */

table.Report {
	text-align:left;
	font-family: Santral Regular, Verdana, sans-serif;
	font-size:12px;
    margin:1em auto;
	border:0px none gray;
	border-bottom:1px solid #F7F4F3;
	border-bottom:1px solid #E6E6E6;
	border-collapse:collapse;
	background:white;
	margin: 5px 30px;
}

table.Report td,
table.Report th {
	border:0px none gray;
	font-style:normal;
	padding:6px;
} 

table.Report th.subheader,
table.Report.Data th.subheader {
	text-align:left;
	background-color:#E9E4E0; /* pebble */
	background-image:none;
	border-bottom: 1px solid #DDDDDD;
	color:black;
}

table.Report td, 
table.Report th, .fade {
    color:#434342;  /* lava */
    border-width:0px;  
}

table.Report th {
	background-color:#A6BCC9; /* Wave */
    color: #FFFFFF; /* white */
}

table.Report .DataGrid_PagerStyle td {
	box-shadow: none;
	border: 0px;
	font-weight: bold;
}

table.Report.Data {
	border: 1px solid #eae4e0;
}

table.Report.Data .DataGrid_HeaderStyle,
table.Report.Data th {
    font-size:14px;
    padding:6px 8px
} 

table.Report.Data a {
    background:none;
	cursor:pointer;
}

table.Report img.icon {
    height: 2.6em;
    width: auto;
}

table.Report.Data a:hover {
    text-decoration:underline;
}

table.Report.command {
	border: 1px solid #eae4e0;
}

table.Report.command tr {
	font-size: 12px;
	border: 1px solid #E9E4E0;
}

table.Report tr.selected {
	font-weight: bold;
	color: #87657D; /* flow purple*/
	background-color: #DFBEC2; /* sway pink*/
	border:1px dotted #DFBEC2;
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.3);
}

table.Report.command tr:hover td {
	color: #015174; /* arjo blue */
	color:#87657D !important; /* flow purple */
	background:rgba(223, 190, 194, 0.4) !important; /* sway pink */
}

table.DataInput td, table.DataInput th {
	border: 1px solid #eae4e0;
}

table.Report.Data {
	margin:20px auto;
}

/* Selection Table */

table.selection {
	border:0px none;
	padding:0px;
	padding: 10px;
	font-family: Santral Regular, Verdana, sans-serif;
}

tr.selected {
	border:1px solid #87657D; /* flow purple*/
}

tr.selected td {
	color: #87657D; /* flow purple*/
	background-color: #DFBEC2; /* sway pink*/
}

/* Form Elements */

TD.FormLabel, label
{
	text-align: right;
}

TD.FormInput
{
	text-align: left;
}

TD.FormCheckBox
{
	text-align: left;
}


/* Fields */

/*

select, input, textarea, button, .dropdown {
    padding: 2px;
    font-size: 12px;
    padding: 2px;
    font-size: 12px;
    border: 1px solid #AAA;
    padding-left: 4px;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
    vertical-align: middle;
}

input[type=button], input[type=submit], input[type=reset], input[type=image], button  {
   
    background: linear-gradient(white, silver);
    border: 1px outset #AAA;
    padding:2px 4px;
    cursor:pointer;
    font-size:13px;
	font-weight: normal;
	font-family: Verdana;
	cursor: pointer;
}
*/


label {
	margin: 2px;
    margin-right:6px;
	min-height: 1em;
	padding: 0px;
	text-align: left;
	text-overflow: ellipsis;
	color:#87657D; /* flow */
	color:#015174; /* arjo blue */
}

input, textarea, select, keygen, .file-control, blockquote, .value {
	text-align: left;
	border:1px solid #AAA;
	outline-width: 0px;
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	background:white;
	padding:1px;
	margin:1px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color:#DFBEC2 !important; /* sway pink */
}

input:focus, textarea:focus, select:focus, keygen:focus, .dropdown:focus {
	box-shadow:0 0 12px rgba(135, 101, 125, 0.8);
	border:1px solid rgb(135, 101, 125);
}

input:disabled, textarea:disabled, select:disabled, keygen:disabled, .file-control.disabled, .dropdown.disabled  {
	background: #F7F4F3 !important; /* pearl */
	box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
	color: #555555 !important;
}

input[readonly], textarea[readonly], select[readonly], keygen[readonly] {
	background:rgb(240,240,240) !important;
	box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
	color:#505050 !important;
}

input.highlight {
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0 0 12px rgba(110, 175, 220, 0.8);
	border: 1px solid rgb(92, 155, 202);
}

label.highlight {
	color:rgb(92, 155, 202);
}

input[type=checkbox], input[type=radio] {
    box-shadow:none;
    zoom: 1.2;
}

input[type=button], input[type=submit], input[type=reset], input[type=image], button {
	 box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	 background:#E9E4E0; /* pebble */
	 text-align:center;
	 vertical-align:middle;
	 border:0px none;
	 padding:2px 4px;
	 cursor: pointer;
	 color: #015174; /* arjo blue */
     font-weight: bold;
	 font-size:14px;
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active, input[type=image]:active, button:active {
	 box-shadow:inset 0px 1px 1px rgba(0,0,0,0.3);
}


/* Forms */

.searchLabel {
	font-size:14px;
}

.rowDetail {
    font-size:1.1em;
    padding:3px;
	color:#434342;  /* lava */
}

.rowField {
	font-size:14px;
}

.rowLabel {
	font-size:14px;
	color:#87657D; /* flow */
	color:#015174; /* arjo blue */
}

.rowControl {
    display:inline-block;
    height:20px;
    width:200px;
}


/* Buttons */

input.default 
{
    border-width:1px;
    border-style:solid;
    border-color:#999999;
    border-radius:4px;
    background:#DDDDDD;
}

/* Basic Button*/
input.Button, 
button.Button
{
	color: #F7F4F3; /* pearl */
	background-color:#015174; /* arjo blue */
	margin:3px;
    vertical-align: middle;
	padding: 4px 6px;
}

/* Small Button in line with data fields */
input.GoButton, 
button.GoButton
{
    padding:2px 3px;
	color: #F7F4F3; /* pearl */
	background-color:#015174; /* arjo blue */
	font-size:14px;
	font-weight:normal;
}

/* large button for login */
input.BigGoButton, 
button.BigGoButton
{
    height: 34px;
    min-width: 100px;
	*width:100px;
    color: #F7F4F3;/* pearl */
    background-color: #015174; /* arjo blue */
    font-size: 18px;
    font-weight: normal;
    line-height: 31px;
}

/* large button for page update */
input.BigButton, 
button.BigButton
{
    height:35px;
	min-width:100px;
    *width:100px;
	margin:2px;
	color: #F7F4F3; /* pearl */
	background-color:#87657D; /* flow purple */
	font-size:15px;
	font-weight: bold;
	vertical-align:middle;
}

input.BigButton:hover,
button.BigButton:hover {
      color:#DFBEC2; /* sway pink */
}

button[disabled],
input.Button[disabled],
input.GoButton[disabled],
input.BigGoButton[disabled],
input.BigButton[disabled] {
    color:#E9E4E0 !important;/* Pebble */ 
    text-shadow: 1px 1px #CCC !important;
	background-color: #F7F4F3 !important;/* pearl */
}

button:active,
input.Button:active,
input.GoButton:active,
input.BigGoButton:active,
input.BigButton:active {
    box-shadow:inset 0px 3px 10px rgba(0,0,0,0.2);
    border-style:inset;
}

button.danger,
button.GoButton.danger,
input[type=button].GoButton.danger,
input[type=submit].GoButton.danger,
input[type=button].GoButtonS.danger,
input[type=submit].GoButtonS.danger {
    background-color: #D02673; /* etrace pink */
}

button.GoButton.plain,
input[type=button].GoButton.plain,
input[type=submit].GoButton.plain,
input[type=button].GoButtonS.plain,
input[type=submit].GoButtonS.plain {
    color: #015174; /* arjo blue */
    background-color :#E9E4E0; /* pebble */
}

input.close,
button.close {
    position:absolute;
    float:right;
    right:4px;
	top:4px;
	padding:4px;
    width:2em;
    margin:1px;
    font-size: 12px;
    border-radius:4px;
    background:none;
    color: #87657D; /* flow purple */
    font-weight:bold;
}

/* ListSelection */

ul.list {
    display:inline-block;
    margin:1px 0px;
    padding:0px;
    background:white;
    overflow:scroll;
    overflow-x:hidden;
    border: 1px inset silver;
}

ul.list li.option {
	position:static;
	*height:1.7em;
	line-height:1.7em;
	font-size:1em;
	vertical-align:middle;
	margin:auto;
	padding:2px;
	padding-left:2%;
	border-bottom: 1px solid #E0E0E0;
	color:#434342; /* lava */
	cursor:pointer;
    *background-color:white;
}

ul.list li:hover{
	color:#A6BCC9 /* wave blue */
}

ul.list li.selected {
    background-color:#DFBEC2 !important; /* sway pink */
	background-color:#D4CCC7 !important; /* sand */
	background-color:#A6BCC9 !important; /* wave blue */
	color:#87657D; /* flow purple */
	color:#015174; /* arjo blue */
}


ul.list li.selected:hover{
	color:#FFFFFF /* white */
}

ul.list li.disabled:hover{
	color:#015174 !important; /* arjo blue */
}

ul.list::-webkit-scrollbar-thumb {
    background:#A6BCC9; /* wave blue */
	box-shadow:inset 0 0 4px rgba(0,100,100,0.2);
}


/* Sections */

.Panel, .tree {
   background:#F7F4F3; /* pearl */
   box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
   padding:6px;
}

.Panel.Main {
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
    padding: 8px;
}

.PanelSection {
     background:#F7F4F3; /* pearl */
}

.Panel label {
	font-size:13px;
}

.section {
	padding:4px;
}

.ie .section input[type=checkbox] {
	width:12px;
}

.collapse h2 {
	color: #87657D; /* flow */
    font-weight: bold;
}

.grey
{
	background: #E9E4E0;/* pebble */
}

.green
{
	background:#A6BCC9; /* Wave */
}

.gold
{
	background:#D4CCC7; /* Sand */
}

.silver
{
	background:#F7F4F3; /* pearl */
}

.silver {
	background-color: #F7F4F3; /* pearl */
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	border:1px none;
}


/* Messages */

div.Message {
	font-size: 0.9em;
}

span.Message {
	font-weight: bold;
	color: #015174; /* Arjo Blue */
}

span.ErrorMessage {
	font-weight: bold;
	color: darkred;
}

div.Popup {
	text-align: justify;
	font-size: 0.9em;
	color: #F7F4F3; /* pearl */
	background: #015174; /* Arjo Blue */
	border: 1px none;
	border-collapse: separate;
	box-shadow: 0px 6px 20px -2px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0px 6px 20px -2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 6px 20px -2px rgba(0, 0, 0, 0.5);
}

div.Popup table {
	color: #F7F4F3; /* pearl */
}

.selectedCell {
	opacity:.60; 
	background-color:#DFBEC2; /* sway */
	filter:alpha(opacity=60);
}

.selectedRow {
	color: #87657D; /* flow */
	background-color: #DFBEC2; /* sway */
}

.selectedRow td {
    color: #87657D; /* flow */
	background-color: #DFBEC2; /* sway */
}

.popup-title {
    color:white;
    text-align:center;
	background-color:#015174; /* Arjo Blue */
}

/* Gradients */

.highlight {
    background: #F8C276; /* beam */
}

ul.highlight {
    background: #F8C276; /* beam */
	color:#FFFFFF /* white */
}

.messageFade {
    width: 100%;
    z-index: 9999;
}

.messageBody,
.floating {
    position:absolute;
    z-index: 9999;
	color:#434342; /* lava */
    background-color:#F7F4F3; /* pearl */
    border-color:#F7F4F3; /* pearl */
	border-width:2px;
    border-style:solid;
    border-collapse:separate;
    font-size:1.2em;
    box-shadow: 0px 6px 20px -2px rgba(0, 0, 0, 0.5);
}

.messageMask {
    position:absolute; 
    background :#BFB4AE; /* stone */
    opacity :0.5;
    filter: alpha(opacity=50); 
}

.messageBody {
	display:inline-block;
	text-align:center;
	border-width:0px;
	border-style:solid;
	background-color:#F7F4F3; /* pearl */
}

.messageTitle {
	display: block;
	border: 0;
	padding: 6px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	font-family: Santral Bold, Arial, Verdana, sans-serif;
	background-color:#015174; /* arjo blue */
	color:#FFFFFF; /* white */

	font-size: 16px;
	background-color:transparent;
	color:#015174;  /* arjo blue */
    padding: 8px;
    margin: 3px 2px;
    padding-bottom: 6px;
}

.messageInner {
	display: inline-block;
	text-align: center;
	border:0px;
	background-color: #F7F4F3; /* pearl */
	color:#434342; /* lava */
	z-index: 1000;
}

.messageInner .button {
	background:#87657D;
}

.hover {
	position:absolute;
	background:#F7F4F3; /* pearl */
    border-color:#F7F4F3;  /* pearl */
	border-width:1px;
    border-style:solid;
	box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.5);
	z-index:90;
}

/* LOGIN */

#LoginTable {
    margin: 0% 3%;
    width: 94%;
    max-height: 250px;
}

.login {
    position:static;
    width:100%;
    max-width:85%;
	border-collapse:separate;
	background:#F7F4F3; /* pearl */
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	margin-left: -240px;
	margin-top: -240px;
    width: 520px;
}

.login {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -240px;
}

.login .BigGoButton {
	background:#87657D; /* flow purple */
}

.loginTitle h1 {
    font-size: 24px;
    text-align: center;
}

.loginlabel {
    display: inline-block; 
    width: 95%;
    height: 19px;
    margin-top:3px;
    font-size:17px;
    vertical-align:baseline;
  	color:#87657D; /* flow purple */
	color:#434342; /* lava */
	font-weight:normal;
	padding: 4px;
}

.loginfeild {
	width: 85%;
    font-size: 16px;
    margin-bottom: 3px;
    margin-left: 22px;
    padding: 4px;
    margin-right: 14px;
}

ul.loginfeild,
span.loginfeild {
    font-size: 16px;
}

select.loginfeild {
     width: 88%;
}

.userMessage {
    display: inline-block;
    padding: 14px;
    font-weight: bold;
    font-size: 18px;
	text-align:center;
    color:#87657D; /* flow */
}

/* New Login */

.landing {
	max-width: 1700px;
	text-align:left;
    margin: auto;
}

.landing .login {
	margin:0px;
	float: right;
	padding: 2% 2%;
    position: absolute;
    margin: 0px;
    left: auto;
    right: 0px;
    top: 0%;
    width: 25%;
    box-shadow: none;
    min-width: 375px;
    margin: 5%;
}

.landing .login .BigGoButton {
	background:#87657D; /* flow purple */
	margin:1px 10px
}

.landing .login .padding {
	width:1px;
}

.landing #LoginTable {
	margin: 0 auto;
	width: auto;
}
.landing .loginlabel {
	width:100%;
}

.landing .login-info {

}

.landing .login-info h2 {
	color: #A6BCC9; /* wave blue */
    margin: 0px;
    font-size: 1.8em;
    font-weight: normal;
}

.landing .login-info hr {
	width:80px;
	border:0px none;
	border-top:6px solid #015174; /* arjo blue */
	margin:40px 0px;
	text-align:left;
}

.landing .login-icon {
	float: right;
    height: 120px;
    *border: 1px solid silver;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	border-radius: 20px;
	vertical-align: middle;
	margin:5px;
}

/* App Menu */

.app-menu {
	background-color:#F7F4F3; /* pearl */
	width: 99%;
    height: 100%;
    margin: 0px;
    overflow: auto;
    overflow-x: visible;
    xxxborder-right: 1px solid #E9E4E0; /* pebble */
}

.app-menu-title {
    display:inline-block; 
	width: 96%;
    height: 35px;
	font-size: 18px;
	color: #015174; /* arjo blue */
	font-weight:bold;
	padding-top:18px;
	vertical-align:middle;
	font-family: Santral Regular, Verdana, sans-serif;
}

.app-menu-item {
	padding:0px;
	margin:0px;
	color: #015174; /* arjo blue */
	font-size: 14px;
}

.app-menu-item a {
	text-decoration: none;
	min-height: 18px;
	line-height: 18px;
	font-size: 13px;
	font-weight:normal;
	color:#434342; /* lava */
	width:92%;
}

.app-menu.compressed .app-menu-item a {
    margin-bottom: 3px;
} 

.app-menu-item a:hover {
	color:#87657D; /* flow purple */
	text-decoration: underline;
}

.app-menu-item a.special {
	color:#87657D; /* flow purple */
	font-weight:bold;
}

.app-menu-item a.special:hover {
	color:#DFBEC2; /* sway pink */
}

/* App Banner */

.app-banner {
	background-color: #A6BCC9; /* wave blue */
	color:#015174; /* arjo blue */
	background-color:#015174; /* arjo blue */
	color: #A6BCC9; /* wave blue */
}

.app-banner-page {
    border-bottom: 1px solid #94a3af;
}

.app-banner-title {
	margin: 22px 30px;
    padding: 1px;
    font-weight: bold;
    font-family: Santral Bold, Arial, Verdana, sans-serif;
    color: #015174;/* arjo blue */
	color: #A6BCC9; /* wave blue */
    font-size: 28px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    vertical-align: middle;
}

.app-banner-logo {
	margin: 16px 30px;
    border: 0px;
    background-position: right center;
	background-image: url(../Images/arjo-clear.png);
	background-repeat: no-repeat;
	background-size: 120px;
}

.app-banner .app-banner-logo {
	background-image: url(../Images/arjo-white.png);
}

.app-banner-blank {
	background: #F7F4F3; /* pearl */
}

.app-banner-blank .app-banner-title {
	color:#015174; /* arjo blue */
}


/* Import Status Bar */

#statusBarParent {
    height:12px; 
    line-height:12px; 
    margin:12px; 
	border-radius:0px;
}

#statusBar {
    height:8px; 
    line-height:8px; 
    border:2px solid #87657D; /* flow purple */
    border-radius:0px;
    background:#DFBEC2; /* sway pink */ 
    box-shadow:inset 0px -4px 10px -4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow:inset 0px -4px 10px -4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:inset 0px -4px 10px -4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:inset 0px -4px 10px -4px rgba(0, 0, 0, 0.2);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#33FFFFFF', endColorStr='#55888888');   
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr='#33FFFFFF', endColorStr='#55888888')";   
}

.whiteGlow,.whiteSection {
    background:white;
    box-shadow: 0px 0px 6px 6px white;
    -o-box-shadow: 0px 0px 6px 6px white;
    -ms-box-shadow: 0px 0px 6px 6px white;
    -moz-box-shadow: 0px 0px 6px 6px white;
    -webkit-box-shadow: 0px 0px 6px 6px white;
}

.whiteGlow, .whiteSection {
    background: none;
    box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow:none;
    padding: 6px;
    background: #F7F4F3; /* pearl */
    color: white;
}

.whiteSection {
    padding:5px;
    height:32px;
    line-height:28px;
}



/* Date Picker */

#datepicker td {
    text-align: right;
    font-family: verdana;
    border: 1px outset #C0CACD;
    border-radius: 0.2em;
    background: #DEFAF4;
    color: navy;
    cursor: pointer;
    box-shadow: inset 0px -2px 5px 1px rgba(0, 0, 150, 0.4);
}

#datepicker td.highlighted {
    border: 2px outset #9DCECC;
    background: #99E9EC;
}

#datepicker td.chosen {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#44FFFFFF, endColorStr=#CC0055A0, gradientType='0'); 
	background-image:-webkit-gradient(linear, top, bottom, from(transparent), to(rgba(100,120,200, 0.7)));
	background-image:-webkit-linear-gradient(top, transparent, rgba(100,120,200, 0.7));
	background-image:-moz-linear-gradient(top, transparent, rgba(100,120,200, 0.7));
	background-image:-ms-linear-gradient(top, transparent, rgba(100,120,200, 0.7));
	background-image:-o-linear-gradient(top, transparent, rgba(100,120,200, 0.7));
	background-image:linear-gradient(to top, transparent, rgba(100,120,200, 0.7));
    border: 2px solid navy;
    font-weight:bold;
}

#MessageWelcome_Message {
	color: #015174; /* arjo blue */
	font-size: 17px;
}

#MessageWelcome_Message h1 {
	font-size: 27px;
	margin: 10px;
}

#MessageWelcome_Message h3 {
	margin: 0px;
	font-size: 23px;
	font-weight: normal;
}


#MessageWelcome_Message b {
	color:#87657D; /* flow purple */
}

/* Expanded Sections */

.expand-title {
	background-color: #F7F4F3; /* pearl */
}

.expand-title h1 {
	vertical-align:middle;
	text-align:left;
    color:#015174; /* arjo blue */
	margin:4px;  
	cursor:pointer; 
}

.expand-title h1:hover {
    color:#87657D; /* flow purple */
}

.expand-title h1 img {
	height:1.5em;
	vertical-align:middle;
	margin: 3px 5px;
}

.expand-title h1 span {
	vertical-align:middle
}

/*
	color: #F7F4F3; /* pearl * /
	color: #E9E4E0; /* pebble * /
	color:#87657D; /* flow * /
	color:#DFBEC2; /* sway * /
	color:#015174; /* arjo blue * /
	color:#A6BCC9; /* Wave * /
	color:#D4CCC7; /* Sand * /
	color:#F8C276; /* beam * /
	color:#434342; /* lava * /
	color:#0055A0 /* nice blue * /

*/

.app-info {
	font-size:18px;
	background:#015174; /* arjo blue */
	background:#87657D; /* flow purple */
	color:white;
}

.app-info .app-banner-title {
	color:#015174; /* arjo blue */
}

.app-info .app-banner {
	background: #A6BCC9; /* wave blue */
}

.app-info h1 {
	color:#FFFFFF; /*white */
}

.app-info h2 {
	color: #A6BCC9; /* wave blue */
	color: #DFBEC2; /* sway pink */
    margin: 0px;
    font-size: 1.8em;
    font-weight: normal;
}

.app-info hr {
	width:80px;
	border:0px none;
	border-top:6px solid white;
	margin:40px 0px;
}

.app-info-menu li {
	color:#FFFFFF; /* white */
	color:#87657D; /* flow purple */
}

.app-info-menu li a {
	font-weight:bold;
}

#content_right {
	background:#FFFFFF; /* white */
	background:#D4CCC7; /* sand */
	color:#015174; 
}

#banner {
	height:80px;
}

#content {

	height: calc(100% - 80px);
}

#content_main hr {
	text-align:left;
}

/* Alternate */

.xxapp-info {
	background:white; /* flow purple */
	color:inherit;
}

.xxapp-info h1 {
    color: #015174; /* arjo bue */
}

.xxapp-info h2 {
    color: #A6BCC9;
    margin: 0px;
    font-size: 1.8em;
    font-weight: normal;
}

.xxapp-info hr {
    border-color: #015174; /* arjo bue */
}


@media screen and (max-width:1300px) {

	.login{
		position:static;
		margin:2%;
	}

	#content_main {
		padding:3%;
		padding-bottom:200px;
	}

	.landing .foot {
		max-height: 180px;
		font-size:11px;
		padding:12px;
	}

	.landing .login-icon {
		height: 100px;
		margin: 20px;
	}

}

@media screen and (max-width:800px) {

	.landing .login {
		position:static;
		float:none;
		margin:4% auto;
	}

	.landing #content_main {
		padding:4%;
		width:92% !important;
	}

	.landing .foot {
		max-height: 84px;
		font-size:10px;
		padding:12px;
	}
}