/**/
/** (C) Copyright 2011-2016 Hewlett Packard Enterprise Development LP */
html, body{height: 100%;margin: 0; padding: 0;}

.body {padding: 0 10px;}

input[type=text]::-ms-clear { display: none; }

span, div, table, th, tr, td {
	font-family: Arial, sans-serif, Verdana, Helvetica, LuzSans Book, HPFutura Book, Futura Bk;
	font-weight:normal;
	font-size:11px;
}

body
{
	background-color: #fff;
	font-family: Arial, sans-serif, Verdana, Helvetica, LuzSans Book, HPFutura Book, Futura Bk;
	font-weight:normal;
	font-size:11px;
	min-height: 100%;
	line-height: normal;
	color: black;
}
img {border: none;}
.body-flush-fit{margin: 0;border: 0;padding: 0;}

a{ font-size:11px; color:#003399;text-decoration:none;}
a:link, a:visited, a:active, a:hover {color:#039;text-decoration:none;}
a:hover {text-decoration:underline;}
h2
{	font-size:24px; color:#003366; border-bottom: 2px solid #7591AC; min-height:25px;
	background: #fff;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #D8E0E8 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D8E0E8 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #D8E0E8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D8E0E8));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D8E0E8 100%);
	background-image: linear-gradient(top, #FFFFFF 0%, #D8E0E8 100%);
	background-repeat: no-repeat;
	padding: 0 5px 0 5px;
	margin: 0;
	margin-bottom: 2px;
}
h3
{	font-size:16px; color:#000; border-bottom: 2px solid #7591AC; min-height:25px;
	background: #fff;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E6E6E6));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
	background-image: linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
	background-repeat: no-repeat;
	padding: 0 5px 0 5px;
	margin: 0;
	margin-bottom: 2px;
}
h3 span
{
	background:none;
	font-size:16px; color:#000;
	font-weight:bold;
}
h4
{	font-size:14px; font-weight:bold; color:#003366; border-bottom: 1px solid #aaa;
	background: #fff;
	padding: 0 1px 0 1px;
	margin: 0;
	margin-bottom: 2px;
}
h5
{	font-size:13px; font-weight:bold; color:#000;
	padding: 0 1px 0 1px;
	margin: 2px;
}

input.textfield, input.password, input[type="text"], input[type='password'],
 select
{
	color: #222;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*width: 180px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 4pt;
	padding-bottom: 4px;*/
	border: solid 1px #7591ac;
	background-color: white;
	/*height: 1.5em;*/
}
input.textfield_disabled, input.password_disabled, input[type="text"][disabled], input[type="password"][disabled], select[disabled]
{
	/*vertical-align:middle;*/
	color: #999;
	/*font-size: 11pt;*/
	/*width: 180px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 4pt;*/
	/*padding-bottom: 4px;*/
	/*margin-bottom: 4px;*/
	border: solid 1px #ccc;
	background-color: white;
}
input.textfield_readonly,input.password_readonly, input[type="text"][readonly],input[type="password"][readonly]
{
	color: #222;
	/*font-size: 11pt;*/
	/*width: 180px;*/
	/*height: 1.5px;*/
	/*padding-right: 5px;
	padding-left: 5px;
	padding-top: 4pt;
	padding-bottom: 4px;*/
	border: solid 1px #7591ac;
	background-color: #eee;
}
input.long_table_data , input[type="text"].long_table_data, input[type="password"].long_table_data
{
	width:100%; margin:0; padding:0; border:0; background:none; font-size: 11px; font-weight:normal; color:#222222;
	font-family: Arial, sans-serif, Verdana, Helvetica, LuzSans Book, HPFutura Book, Futura Bk;
}

table.full_HV
{
	width: 100%;
	height: 100%;
}
table.full_H
{
	width: 100%;
}

table.plain_data {
	border: 0;
	font-size: 11px;
}

table.plain_data td.data_subject {
	font-weight: bold;
}

input[type="checkbox"] {
	vertical-align: middle;
}

.waitContainer {
	text-align: center;
}

.icon13 {
	margin-top: 3px;
	width: 13px;
	height: 13px;
	border: 0;
}

/********* Login ***********/
.login-body{
	background: #eee;
	background-image: -ms-linear-gradient(top, #AAAAAA 0%, #AAAAAA 49%, #EEEEEE 100%);
	background-image: -moz-linear-gradient(top, #AAAAAA 0%, #AAAAAA 49%, #EEEEEE 100%);
	background-image: -o-linear-gradient(top, #AAAAAA 0%, #AAAAAA 49%, #EEEEEE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AAAAAA), color-stop(0.49, #AAAAAA), color-stop(1, #EEEEEE));
	background-image: -webkit-linear-gradient(top, #AAAAAA 0%, #AAAAAA 49%, #EEEEEE 100%);
	background-image: linear-gradient(top, #AAAAAA 0%, #AAAAAA 49%, #EEEEEE 100%);
	background-repeat: no-repeat;
	border:0; margin: 0; padding:0; height:99%; overflow:auto;
}
table.login-banner-table{
	border: 0; margin: 0; margin-top:-7px; padding: 0; height:47%; width:100%;
}
td.login-banner-left {
	background-color: #036;
	background: #036;
	background-image: -ms-linear-gradient(left, #003366 0%, #7591AC 100%);
	background-image: -moz-linear-gradient(left, #003366 0%, #7591AC 100%);
	background-image: -o-linear-gradient(left, #003366 0%, #7591AC 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #003366), color-stop(1, #7591AC));
	background-image: -webkit-linear-gradient(left, #003366 0%, #7591AC 100%);
	background-image: linear-gradient(left, #003366 0%, #7591AC 100%);
	vertical-align: top;
	width: 60%;
	padding: 0;
}
td.login-banner-right {
	background-color: #527dbe;
	background-repeat: no-repeat;
	background-image: url(../images/login_image_web.jpg);
	vertical-align: top;
	width: 40%;
	padding: 0;
	border-left: 7px solid #fff;
}
.login-banner-title {
	margin-right: 60px;
	text-align: right;
}
.login-banner-title h1, .login-banner-title h2 , .login-banner-title span {
	font-family: LuzSans Book, HPFutura Book, Futura Bk, Arial, Verdana, Helvetica, sans-serif;
	font: LuzSans Book;
	font-weight:normal;
	color: white;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	background: none;
	border:0;
}
.login-banner-title h1 { font-size: 28pt; }
.login-banner-title h2 { font-size: 20pt; }
.login-banner-title span { font-size: 13pt; }
img.login-logo {
	margin-top: 32px;
	margin-left: 20px;
	margin-bottom:50px;
}
.login-middle {
	width: 100%;
	height: 52%;
	margin: 0;
	padding: 0;
	border-top: 7px solid #fff;
}






td.login_appname
{
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 10px;
	padding-right: 35px;

}
td.login_appname h1
{
	font-weight:normal;
	font-size: 28pt;
	color: white;
	margin: 0;
	padding-left: 0;
	white-space: nowrap;
	float: right;
}

td.login_fields
{
	text-align: left;
	vertical-align: middle;
	height: 32px;
	/*padding-bottom: 13px;*/
}
td.login_help
{
	text-align: right;
	padding-bottom: 13px;
	vertical-align: top;
	padding-right: 20px;
}
td.login_fields_lable
{
	color: black;
	font-size: 11pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: right;
	vertical-align: middle;
	/*padding-bottom: 13px;*/
	height: 32px;
	padding-right: 10px;
}
td.login_button_field
{
	text-align: left;
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 20px;
}

.remember_text
{
	color: black;
	font-size: 10pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
}
.remember_cb
{
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	padding-top: 6px;
	vertical-align: top;
	padding-right: 5px;
}

.login-link{ cursor:hand; cursor:pointer; font-family:arial,sans-serif; color:#039; font-size:11px; text-decoration:underline;  }
.login-help{ font-family:arial,sans-serif; color:black; font-size:11px; padding-top:5px;padding-bottom:10px;}
div h5 {margin:5px 0 10px 0;color:#000;font-size:100%;}

/****** Application Layout ******/
#appHeader {
	top:0;
	width:100%;
	height:46px;
	position:absolute;
	z-index: 5;
}
#footpanel {
	bottom:0;
	width:100%;
	height:25px;
	position:absolute;
	z-index: 5;
}
#appContent, #appNavigator {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 46px;
	bottom: 25px;
	}
#appContent {
	left: 216px;
	right: 7px;
	z-index: 3;
}
#appNavigator {
	left: 7px;
	width: 200px;
	z-index: 4;
}
* html #appHeader {
	top: 0; height:46px;
}

* html #appContent, * html #appNavigator {
	top: 0;
	bottom: 0;
	height: 100%;
	border-top: 46px solid #FFFFFF;
	border-bottom: 28px solid #FFFFFF;
	}
* html #appContent {
	width: 100%;
	left: 0;
	right: 0;
	border-left: 216px solid #FFFFFF;
	border-right: 7px solid #FFFFFF;
}

* html #footpanel {
	bottom: 0; height: 25px;
}

/******************/
button::-moz-focus-inner{
  border:none;
}
button
{
	white-space:nowrap;
	text-decoration:none;
   /*outline: none medium; /* hide dotted outline in Firefox */
   -moz-box-sizing: border-box;
   /*outline: none none none;*/
   outline: inherit medium 0;
   text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
	text-overflow: ellipsis;
	overflow: visible;
   -webkit-box-shadow: rgba(178, 178, 178, 0.5) 0 2px 1px;
	-moz-box-shadow: rgba(178, 178, 178, 0.5) 0 2px 1px;
   margin: 6px 3px 6px 3px;
	display: inline-block;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
   font-weight: normal;
   color: white;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
	width: auto;
	min-width: 60px;
	/* max-width: 130px; */
	text-align: center;
	line-height: 11px;
	background-color: #6685a4;
	vertical-align: middle;
	height: 22px;
	padding: 1px 5px 3px 5px;
	border-width: 2px;
	border-style: double;
	border-color: #9cf;
	-moz-border-bottom-colors: #9cf #6685A4 ;
   -moz-border-top-colors: #9cf #6685A4 ;
   -moz-border-left-colors: #9cf #6685A4 ;
   -moz-border-right-colors: #9cf #6685A4 ;
	background-image: -ms-linear-gradient(top, #9EB2C5 0%, #7C97B1 31%, #33658C 100%);
	background-image: -moz-linear-gradient(top, #9EB2C5 0%, #7C97B1 31%, #33658C 100%);
	background-image: -o-linear-gradient(top, #9EB2C5 0%, #7C97B1 31%, #33658C 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9EB2C5), color-stop(0.31, #7C97B1), color-stop(1, #33658C));
	background-image: -webkit-linear-gradient(top, #9EB2C5 0%, #7C97B1 31%, #33658C 100%);
	background-image: linear-gradient(top, #9EB2C5 0%, #7C97B1 31%, #33658C 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
button{
    width:auto;
    overflow:visible;
}
button[type]
{
	/*overflow:hidden;*/
   padding: 1px 5px 3px 5px;  /* Firefox */
   /*line-height:17px;*/ /* Safari */
}
*:first-child+html button[type]
{
	overflow:visible;
}
button.hover, button:hover
{
	background-color: #70a2d6;
	/*padding: 0 5px 3px;*/
	/*height: 19px;*/
	border: solid 2px #9cf;
	-moz-border-bottom-colors: #9cf #6685A4;
   -moz-border-top-colors: #9cf #6685A4;
   -moz-border-left-colors: #9cf #6685A4;
   -moz-border-right-colors: #9cf #6685A4;
   text-shadow: rgb(255, 255, 255) 0 0 5px;
	background-image: -ms-linear-gradient(top, #70A2D6 0%, #70A2D6 31%, #33658C 100%);
	background-image: -moz-linear-gradient(top, #70A2D6 0%, #70A2D6 31%, #33658C 100%);
	background-image: -o-linear-gradient(top, #70A2D6 0%, #70A2D6 31%, #33658C 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #70A2D6), color-stop(0.31, #70A2D6), color-stop(1, #33658C));
	background-image: -webkit-linear-gradient(top, #70A2D6 0%, #70A2D6 31%, #33658C 100%);
	background-image: linear-gradient(top, #70A2D6 0%, #70A2D6 31%, #33658C 100%);
}
button.focus, button:focus { background-color: #70a2d6; /*padding: 0 5px 3px;*/
   /*height: 20px;*/
   /*border: solid 2px #fff;*/
   user-focus: none; outline : none; -moz-user-focus: none; -moz-outline: none;
   -moz-border-bottom-colors: #70a2d6 #fff ;
   -moz-border-top-colors: #70a2d6 #fff ;
   -moz-border-left-colors: #70a2d6 #fff ;
   -moz-border-right-colors: #70a2d6 #fff ;
   -webkit-box-shadow: rgba(178, 178, 178, 0.5) 0 1px 1px;
	-moz-box-shadow: rgba(178, 178, 178, 0.5) 0 1px 1px;
	background-image: -ms-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: -moz-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: -o-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88B1DC), color-stop(0.31, #88B1DC), color-stop(1, #33658C));
	background-image: -webkit-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
}
button.active, button:active { background-color: #436990; /*padding: 1px 5px 2px;*/
   /*height: 19px;*/
   border: solid 2px #9cf;
   user-focus: none; outline : none; -moz-user-focus: none; -moz-outline: none;
	background-image: -ms-linear-gradient(top, #88B1DC 0%, #7082D6 69%, #003366 100%);
	background-image: -moz-linear-gradient(top, #88B1DC 0%, #7082D6 69%, #003366 100%);
	background-image: -o-linear-gradient(top, #88B1DC 0%, #7082D6 69%, #003366 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88B1DC), color-stop(0.69, #7082D6), color-stop(1, #003366));
	background-image: -webkit-linear-gradient(top, #88B1DC 0%, #7082D6 69%, #003366 100%);
	background-image: linear-gradient(top, #88B1DC 0%, #7082D6 69%, #003366 100%);
	-moz-border-bottom-colors: #9cf #369;
   -moz-border-top-colors: #9cf #369;
   -moz-border-left-colors: #9cf #369;
   -moz-border-right-colors: #9cf #369;
	-webkit-box-shadow: rgba(178, 178, 178, 0.5) 0 1px 1px;
	-moz-box-shadow: rgba(178, 178, 178, 0.5) 0 1px 1px;

}
button[disabled], button.disabled
{
	background-color: #ccc;  /*padding: 0 5px 3px; */
	/*height: 19px;*/
	border: solid 2px #eee;
   color: #fff;
   text-shadow: 0 0 0;
	background-image: -ms-linear-gradient(top, #DDDDDD 0%, #DDDDDD 69%, #BBBBBB 100%);
	background-image: -moz-linear-gradient(top, #DDDDDD 0%, #DDDDDD 69%, #BBBBBB 100%);
	background-image: -o-linear-gradient(top, #DDDDDD 0%, #DDDDDD 69%, #BBBBBB 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DDDDDD), color-stop(0.69, #DDDDDD), color-stop(1, #BBBBBB));
	background-image: -webkit-linear-gradient(top, #DDDDDD 0%, #DDDDDD 69%, #BBBBBB 100%);
	background-image: linear-gradient(top, #DDDDDD 0%, #DDDDDD 69%, #BBBBBB 100%);
	-moz-border-bottom-colors: #eee #ccc;
   -moz-border-top-colors: #eee #ccc;
   -moz-border-left-colors: #eee #ccc;
   -moz-border-right-colors: #eee #ccc;
	-webkit-box-shadow: rgba(178, 178, 178, 0.5) 0 0 0;
	-moz-box-shadow: rgba(178, 178, 178, 0.5) 0 0 0;

}
button.enter
{
	background-color: #88B1DC;
	/*padding: 0 5px 3px;*/
	height: 21px;
	border: solid 3px #369;
	background-image: -ms-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: -moz-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: -o-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88B1DC), color-stop(0.31, #88B1DC), color-stop(1, #33658C));
	background-image: -webkit-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	-moz-border-bottom-colors: #369 #369 #fff;
   -moz-border-top-colors: #369 #369 #fff;
   -moz-border-left-colors: #369 #369 #fff;
   -moz-border-right-colors: #369 #369 #fff;
   -webkit-box-shadow: rgba(178, 178, 178, 0.5) 0 0 0;
	-moz-box-shadow: rgba(178, 178, 178, 0.5) 0 0 0;
}
button:enter
{
	background-color: #88B1DC;
	/*padding: 0 5px 3px;*/
	height: 21px; border: solid 3px #369;
	background-image: -ms-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: -moz-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: -o-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88B1DC), color-stop(0.31, #88B1DC), color-stop(1, #33658C));
	background-image: -webkit-linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	background-image: linear-gradient(top, #88B1DC 0%, #88B1DC 31%, #33658C 100%);
	-moz-border-bottom-colors: #fff #369 #369;
   -moz-border-top-colors: #fff #369 #369;
   -moz-border-left-colors: #fff #369 #369;
   -moz-border-right-colors: red white blue;
   -webkit-box-shadow: rgba(178, 178, 178, 0.5) 0 0 0;
	-moz-box-shadow: rgba(178, 178, 178, 0.5) 0 0 0;
}

/* styles for help fold effects */
.toggler
{
	width: 500px;
	height: 200px;
}
#effect
{
	width: 240px;
	height: 135px;
	padding: 0.4em;
	position: relative;
}
#effect h3
{
	margin: 0;
	padding: 0.4em;
	text-align: center;
}
.ui-effects-transfer
{
	border: 2px dotted gray;
}
Ohbody { background-color: #f1f4f7; padding: 10px; }

img.sorted { vertical-align: baseline; margin-right: 5px; margin-left: 5px; }

.width_full { width: 100%; }

table.data_table { color:#222222; font-family: Arial, Verdana, Helvetica, sans-serif; border: solid 1px #7591ac; font-size: 11px; }
table.data_table th { font-weight: bold; background-color: #eaeef2; text-align: left; white-space: nowrap;
	background-image: -ms-linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
	background-image: -moz-linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
	background-image: -o-linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAEEF2), color-stop(1, #C4D0DD));
	background-image: -webkit-linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
	background-image: linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
 vertical-align: middle; height: 20px; padding-right: 15px; padding-left: 5px; border-right: 1px solid #7591ac; border-bottom: 1px solid #7591ac; }
table.data_table th.sorted { background-color: #bbd0e6; background-image: none; }
table.data_table td { font-size: small; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; font-size: 11px; background-color: #f8f9fb; padding-right: 5px; padding-left: 5px; height: 18px; vertical-align: middle; border-right: 1px solid #bac8d5; border-bottom: 1px solid #bac8d5; }
table.data_table th.headerSortUp {
	background-image: url(../images/ic_sort_up.png);
	background-color: #bbd0e6;
	background-repeat:no-repeat;
	background-position: right center;
	padding-right: 15px;
}
table.data_table th.headerSortDown {
	background-image: url(../images/ic_sort_dn.png);
	background-color: #bbd0e6;
	background-repeat:no-repeat;
	background-position: right center;
	padding-right: 15px;
}
table.data_table tr.odd td {
	background-color:#eaeff3;
}
/* hack to support inner data_tables */
table.data_table tr.odd tr.even td {
	background-color: #f8f9fb;
}
table.data_table tr.trover td
{
	background-color: #e0f0ff;
}
table.data_table tr.trclick td
{
	background-color: #9CF;

}

.groupingBox{border: 1px solid #CCCCCC;padding:10px;}
table.groupingBox{border: 1px solid #CCCCCC;}
td.groupingBoxCell{padding:10px;}
td.groupingBox{padding:10px;border: 1px solid #CCCCCC;}


table.masthead, div.tray
{
	white-space: nowrap;
	border: 0;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	text-align:right;
	vertical-align:top;
	background-color: #036;
	background-image: -ms-linear-gradient(left, #003366 0%, #003366 5%, #7591AC 69%, #036 100%);
	background-image : -moz-linear-gradient(left, #003366 0%, #003366 5%, #7591AC 69%, #036 100%);
	background-image: -o-linear-gradient(left, #003366 0%, #003366 5%, #7591AC 69%, #036 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #003366), color-stop(0.05, #003366), color-stop(0.69, #7591AC), color-stop(1, #036));
	background-image: -webkit-linear-gradient(left, #003366 0%, #003366 5%, #7591AC 69%, #036 100%);
	background-image: linear-gradient(left, #003366 0%, #003366 5%, #7591AC 69%, #036 100%);
}

table.masthead
{
	width: 100%;
	top:0;
	margin-top:0;
	vertical-align:top;
	min-height: 46px;
}

.normal-header{
	border:1px solid #839CB4;
	height:25px;
	padding: 0;
	background: #839CB4;
	background-image: -ms-linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	background-image: -moz-linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	background-image: -o-linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D5DEE6), color-stop(1, #839CB4));
	background-image: -webkit-linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	background-image: linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.normal-header div{
	margin:0;
	padding:0;
	margin-top: 4px;
	margin-left: 4px;
}
.normal-header span{
	font-size: 14px;
	font-weight: bold;
}
.normal-body{
	border:1px solid #839CB4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*
table.masthead, div.tray
{
	min-height: 50px;
	white-space: nowrap;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #036;
	width: 100%;
	color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	text-align:right;
	vertical-align:top;
	/*position:absolute;
	top:0;
	margin-top:0;
	background-image: -webkit-gradient(linear, left top, right top, from(#036), color-stop(5%, #036),color-stop(69%, #7591ac), to(#036));
	background-image: -moz-linear-gradient(left, #036, #036 5%, #7591ac 69%, #036);
}

div.tray
{
	clear: both;
	margin: 0 0 0 0;
	top: auto;
	position:absolute;
	bottom:0;
	left:0;
	right: 0;
	min-height: 25px;
	height: 25px;
	line-height: 25px;
	z-index: 9999; /*--Keeps the panel on top of all other elements--
}

*html #tray { /*--IE6 Hack - Fixed Positioning to the Bottom--
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
*/
img.masthead_logo
{
   vertical-align:middle;
   text-align:left;
}
table.masthead span.app_name
{
   color:#fff;
   font-family: LuzSans Book, Arial, sans-serif, Futura Bk, Arial, Verdana;
   vertical-align:top;
   font-size: 20px;
   white-space: nowrap;
}
table.masthead td#platform_name
{
   line-height: 11px;
   margin-top:-5px;
   color:#fff;
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size: 11px;
   text-align: left;
   vertical-align: middle;
   white-space: nowrap;
}

table.masthead span.user_field, td.hostname, td.home_link_col
{
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size: 11px;
   color:#fff;
   text-align: left;
   vertical-align: middle;
   white-space: nowrap;
   text-align: right;
   vertical-align: middle;
   white-space: nowrap;
}
td.home_link_col
{
   padding-left:40px;
}
table.masthead span.cust_field
{
   text-align: right;
   vertical-align: middle;
   width: 20%;
   padding-left: 10px;
   white-space: nowrap;
}
table.masthead a, table.masthead a:hover, table.masthead a:active,table.masthead a:hover,table.masthead a:visited
{
   color: #fff;
   text-decoration: underline;
   text-align: right;
   vertical-align:middle;
   white-space: nowrap;
}
table.masthead button.logout
{
   vertical-align:middle;
   margin-right:5px;
   margin-left:5px;
   float: right;
   white-space: nowrap;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

.position_right
{
	 float:right; text-align:right;
}

/********** Navigation Tree **************/
.navigation-tree, .navigation-tree li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.navigation-tree .subtree-label-1{
	font-weight: bold;
	cursor:pointer;
}
.navigation-tree li{
	padding: 0.2em 0 0.2em 0;
}
.navigation-tree li .subtree{
	margin: 0;
	padding: 0;
	margin-left: 25px;
	padding-left: 0.5em;
	display:none;
}
.navigation-tree li .subtree li{
	font-weight: normal;
	margin:0;
}

.navigation-tree li .tree-expanded{
	display:block;
}

.subtree a, .subtree a:visited {
	color: black;
}
.subtree a.no-adv{
	color: grey;
	text-decoration: none;
}

.navigation-tree .tree-control{
	display: inline-block;
	margin:0;
	padding:0;
	margin-right: 0.5em;
	width: 14px;
	height: 14px;
	background-color: #EAEEF2;
	color: #036;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border: 1px solid #6685A4;
	background-image: -ms-linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
	background-image: -moz-linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
	background-image: -o-linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAEEF2), color-stop(1, #C4D0DD));
	background-image: -webkit-linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
	background-image: linear-gradient(top, #EAEEF2 0%, #C4D0DD 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.mainContent{
	position: absolute;
	left: 0;
	right: 0;
	top: 38px;
	bottom: 7px;
	border: 1px solid #839CB4;
	padding: 0;
	background-color: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.iframe-content{
	margin: 7px;
}
.content-with-tabs{
	position: absolute;
	left: 0;
	right: 0;
	top: 27px;
	bottom: 7px;
	border:1px solid #839CB4;
	-webkit-border-radius: 3px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 3px;
	-moz-border-radius-topleft: 0;
	border-radius: 3px;
	border-top-left-radius: 0;
}
.content-title{
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	border:1px solid #839CB4;
	height:25px;
	padding: 0;
	background: #839CB4;
	background-image: -ms-linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	background-image: -moz-linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	background-image: -o-linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D5DEE6), color-stop(1, #839CB4));
	background-image: -webkit-linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	background-image: linear-gradient(top, #D5DEE6 0%, #839CB4 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.content-title div{
	margin:0;
	padding:0;
	margin-top: 4px;
	margin-left: 4px;
}
.content-title span{
	font-size: 14px;
	font-weight: bold;
}


.subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
}
.subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}
#langpanel .subpanel {
	display: none;	/*--Hide by default--*/
	width: 125px;
	border-bottom: 0;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}
#langpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#langpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#langpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#langpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}

#langpanel .subpanel li tr:hover {
	cursor: pointer;
}
span.langicon
{
	white-space: nowrap;
	vertical-align: middle;
	/*min-height: 21px;
	height: 21px;*/
	width: 21px;
	margin: 0;
	border: 0;
	padding: 4px;
	background: blue;
	font-size: 14px;
	color:#fff;
}

span.langicon:hover { color: #fff; }
span.langicon:active { color: #fff; }

.justBold {
  font-weight: bold;
}

