/* Example style sheet file (note how this comment was created) */
HTML, BODY {
	height: 100%;
}

BODY {
	background: #FFFFFF;
	margin-top: 20px;
	margin-left: 0px;
}

H1 {
	font-weight: bold;
	text-align: left;
	color: #42a2f4;
	font-family: 'Gill Sans', Arial, sans-serif
}

/* Main Page Content Styles */
TH, TD, P, UL, OL, LI, TEXTAREA, INPUT, PRE, LEGEND, LABEL {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #45464a;
}

input:focus {
	color: #000;
	border: 1px solid #73A6FF;
	background: transparent linear-gradient(to bottom, #DDE9FF, #EFF5FF, #FFF) repeat scroll 0% 0%;
}

textarea:focus {
	color: #000;
	border: 1px solid #73A6FF;
	background: transparent linear-gradient(to bottom, #DDE9FF, #EFF5FF, #FFF) repeat scroll 0% 0%;
}


.bold, B {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	/*color: #45464a;*/
}

.italic {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	font-style: italic;
	color: #45464a;
}

.small {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #45464a;
}

.small-bold {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #45464a;
}

.tabord {
	border-color: #0320B4
}

border-color {
	border-color: #0320B4
}

/*Page Header Title*/
.pageHeader {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #6783AB;
}

/* Table Styles*/
table {
	border: none;
	cellspacing: 0;
}

table.fwtable {
	border-width: 1px;
	border-style: solid;
	border-color: #BECADC;
}

.workspaceTable {
	border-width: 1px;
	border-style: solid;
	border-color: #BECADC;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: auto;
}

td.form-label, th.form-label, div.form-label {
	/*background-color: #f5f5f5;*/
	height: 18px;
	padding-left: 8px;
	padding-right: 8px;
	
	/*background: linear-gradient(270deg, #F5F5F5, #F5F5F5, #F5F5F5, #FFF);*/
	color: white;
	background-color: #069;
	font-weight: bold;
}

td.form-value, div.form-value {
	/*background-color: #f7f7ef;*/
	height: 18px;
	padding-left: 8px;
	padding-right: 8px;
	
	background-color: #FFF;
	border: 1px solid lightgrey;
	border-radius: 4px;
}

td.form-separator, th.form-separator {
	background-color: #f5f5f5;
	height: 18px;
	padding-left: 8px;
	padding-right: 8px;
}

table.list {
	empty-cells: show;
	border-collapse: collapse;
}

table.list th {
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
	font-weight: bold;
	height: 20px;
}

table.list td {
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #dddddd;
}

table.navigator {
	empty-cells: show;
	border-collapse: collapse;
}

table.navigator td {
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #dddddd;
}

table.navigator td.special {
	background-color: #f5f5f5;
}

table.navigator td a.current {
	font-weight: bold;
} /*current selected data page*/
em {
	font-style: normal;
}

/*tr.odd td { background-color: #eeeeee; }*/
tr.odd {
	background-color: #F8FAFB;
}

tr:hover.odd {
	background-color: #EBF4FC;/*#FFFCEA;*/
}

tr.even {
	background-color: #FFFFFF;
}

tr:hover.even {
	background-color: #EBF4FC;/*#FFFCEA;*/
}

/*.odd tr:hover { background-color: #FFF5E1; }  #FFF9DD*/
/* Special Styles */
.link-marks {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #CC0000;
}

/* Body Styles */
.main-title {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #42a2f4;
}

.main-subtitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #01265c;
}

.main-attention {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #01265c;
}

.page-smalllink {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #01265c;
}

.page-price {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #01265c;
}

.pane-title {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #05163f;
}

.pane-subtitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #05163f;
}

.page-callout {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #CC0000;
}

.page-header {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #45464a;
}

.page-subheader {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}

.smalltextcaps {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #999900;
}

.small_link {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #01265c;
}

.logout_link {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #45464a;
}

.logout_link a:visited {
	color: #45464a;
}

.logout_link a:hover {
	color: #CC0000;
}

/* Special Page Styles */
.footer {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}

.copyright {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: black;
}

.header_link {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #002b5b;
}

/* Link Styles */
A:link {
	/*color: #45464a;*/
	color: #555;
}

/* Forms Styles */
.form-input {
	color: #000000;
	/* AE20151106 Look & Feel Update 1: Removed background gradient */
	/* background: linear-gradient(to bottom, #EEE, #FDFDFD, #FFF); */
	cursor: default;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	/*border: 1px solid #45464a;*/
	border: 1px solid #AAA;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/* FW-1470 - specify the login screen's input sizing. Overridden in fw_default_mobile.css for mobile devices */
.form-input-login {
	width: 25em;
}

/*Text*/
input[type='password'], input[type='text'], input[type='url'], input:not
	([type] ), input.form-input[type='text'], textarea, .form-textarea {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid #aaa;
	font-size: inherit;
	padding: 3px;
}

input.form-input[type='text'][disabled='disabled'], textarea[disabled='disabled']
	{
	color: #333333;
	background: #FFFFFF;
	cursor: default;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	border-top: 1px solid #C9C7BA;
	border-bottom: 1px solid #C9C7BA;
	border-left: 1px solid #C9C7BA;
	border-right: 1px solid #C9C7BA;
}

/*Button*/
button, input[type='submit'], input[type='file'], .form-input[type='submit'], .form-input[type='button']
{
	border-radius: 5px;
/*	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-user-select: none;
	background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	background: -moz-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',	endColorstr='#e5e5e5');*/
	zoom: 1;
	/*border: 1px solid #aaa;
	color: #444;*/
	font-size: inherit;
	margin-bottom: 0px;
	min-width: 4em;
	padding: 3px 12px 3px 12px;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	
	font-weight: bold;
	/* border: 1px solid #A22;*/
	border: 1px solid #007;

	color: #FFF;
	background: #069; /* Red: #D32;*/

	transition: background 1s;
}

button:hover, input[type='submit']:hover, input[type='file']:hover,	.form-input[type='submit']:hover, .form-input[type='button']:hover {
	/*-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);*/	
	/*background: #EBF4FC	-webkit-linear-gradient(#EBF4FC, #DDEDFC);*/ /*(#fefefe, #f8f8f8 40%, #e9e9e9);*/
	/*background: #EBF4FC    -moz-linear-gradient(#EBF4FC, #DDEDFC);*/ /*(#fefefe, #f8f8f8 40%, #e9e9e9);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBF4FC', endColorstr='#DDEDFC');/*(startColorstr='#fefefe', endColorstr='#e9e9e9');*/*/
	/*background: #0099FF;*/
	zoom: 1;
	/*border-color: #7EB4EA;*/ /* #999;*/
	
	background: #09D; /* Red: #F32;*/
	transition: background 1s;
}

button:active, input[type='submit']:active, input[type='file']:active,	.form-input[type='submit']:active, .form-input[type='button']:active {
	/*-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);*/
	/*background: #D9ECFC	-webkit-linear-gradient(#D9ECFC, #C5E1FC);*//*(#f4f4f4, #efefef 40%, #dcdcdc);*/
	/*background: #D9ECFC    -moz-linear-gradient(#D9ECFC, #C5E1FC);*//*(#f4f4f4, #efefef 40%, #dcdcdc);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9ECFC', endColorstr='#C5E1FC');*//*(startColorstr='#f4f4f4', endColorstr='#dcdcdc');*/
	zoom: 1;
	/*color: #333;*/
	
	background: #0AD; /* Red: #F00;*/
	transition: background 0s;/*remove the transition for active, make the background change immediatey after click */
}

button[disabled], button[disabled]:hover, button[file]:hover,
input[type='submit'][disabled], input[type='submit'][disabled]:hover, 
.form-input[type='submit'][disabled],.form-input[type='submit'][disabled]:hover,
.form-input[type='button'][disabled],.form-input[type='button'][disabled]:hover
{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	background: -moz-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e5e5e5');
	zoom: 1;
	border-color: #aaa;
	color: #888;
}

/* Need to add this for gradient to function on firefox (url encoded*/
/*select:not([multiple]), select.form-input:not([multiple]) {
	background: linear-gradient(to bottom, #EEE, #FDFDFD, #FFF);
	-webkit-background: inherit;
}*/


/*Select*/
select, select.form-input {
	/* FW-1283 - Removed appeareance on Chrome as button to allow normal scrolling to be displayed */
	/*-webkit-appearance: button;*/
	-moz-appearance: button;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-moz-padding-start: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	/*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sCDwEnBT3jKacAAABaSURBVCjPY2CgA4gC4jQ8OIpokxKBgJmZ+RuQ+R8dg8RB8kQb9v//f4UFCxYsZGNj+4lsEIgPEgfJk+RPdAPJNgjdQD4+vi8UGYRs4Nu3b5soNgjJQFZi1AEAhHNE/wdnPVcAAAAASUVORK5CYII="), linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	background-position: center right;
	background-repeat: no-repeat;*/
	/* AE20151106 Look & Feel Update 1: Removed background gradient */
	/*background: linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);*/
	border: 1px solid #aaa; 
	color: #555;
	font-size: inherit;
	margin: 0;
	/* FW-1283 - Removed overflow so it does not 'disable scrolling on Chrome's latest version */
	/*overflow: scroll;*/
	padding-top: 2px;
	padding-bottom: 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
}

html[dir='rtl'] select {
	background-position: center left;
}

select[active]:hover, select.form-input[active]:hover {
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	background-image:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sCDwEnBT3jKacAAABaSURBVCjPY2CgA4gC4jQ8OIpokxKBgJmZ+RuQ+R8dg8RB8kQb9v//f4UFCxYsZGNj+4lsEIgPEgfJk+RPdAPJNgjdQD4+vi8UGYRs4Nu3b5soNgjJQFZi1AEAhHNE/wdnPVcAAAAASUVORK5CYII="),
		-webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
	color: #333;
}

select[active]:enabled, select.form-input[active]:enabled {
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	background-image:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sCDwEnBT3jKacAAABaSURBVCjPY2CgA4gC4jQ8OIpokxKBgJmZ+RuQ+R8dg8RB8kQb9v//f4UFCxYsZGNj+4lsEIgPEgfJk+RPdAPJNgjdQD4+vi8UGYRs4Nu3b5soNgjJQFZi1AEAhHNE/wdnPVcAAAAASUVORK5CYII="),
		-webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
	color: #444;
}

select[disabled='disabled'], select[disabled='disabled']:active, select.form-input[disabled='disabled'],
	select.form-input[disabled='disabled']:active {
	color: grey;
	background-color: #EEE;
}

/*Fieldset*/
fieldset {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #aaa;
	/*   display: inline-block; */
}

legend {
	display: inline-block;
}

/*vertically align checkbox/radio labels with the input component*/
label {
	padding-right: 5px;
}

label>input[type='checkbox'], label>input[type='radio'] {
	/*     width: 13px;
    height: 13px; */
	padding: 0;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	vertical-align: sub;
	position: relative;
	*overflow: hidden;
	/* top: -1px; */
}

table.list {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #aaa;
}

/* Colour Styles */
.blue {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #003366;
}

.blue-bold {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #003366;
}

.blue-small {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #003366;
}

.red {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #990000;
}

.red-small {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #990000;
}

.white {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
}

.white-bold {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
}

.white-huge {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
}

.white-small {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
}

.black {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #000000;
}

.black-bold {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
}

.black-small {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #000000;
}

.grey {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #45464a;
}

.grey-bold {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #45464a;
}

.grey-small {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #45464a;
}

.unchanged-field, .unchanged-field a {
	color: #C9C7BA;
}

.unchanged-textfield-border {
	border-width: 1px;
	border-style: solid;
	border-color: #C9C7BA;
	color: #C9C7BA;
}

/* Feedback Panel */
.feedbackPanelERROR {
	color: #990000;
}

/*Vertical Menu*/
.menu {
	color: white;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: white;
}

/*Rounded DIV*/
div.rounded {
	width: 100%;
}

div.rounded div.top {
	background: url(../images/login_bkgd_top.gif) no-repeat bottom left;
	padding-top: 5px;
}

div.rounded div.content {
	background: url(../images/login_bkgd.gif) repeat-y;
	/*padding: 5px;*/
}

div.rounded div.bottom {
	background: url(../images/login_bkgd_bottom.gif) no-repeat top left;
	/*padding-bottom: 5px;*/
}

table.layoutTable {
	border: 0;
	width: 100%;
	height: 80%;
	border-spacing: 0px;
}

.message-warning, .message-warning td {
	color: #990099;
}

.message-error, .message-error td {
	color: #E60000;
}

/* Module tabs */
td.moduleContent {
	background: transparent url(../images/module_ribbon.gif) repeat-x left
		top;
}

td.moduleLead {
	background: url(../images/module_ribbon_lead.gif) no-repeat left top;
	height: 23px;
	width: 36px;
	/*Make sure that the lead image is not minimized to zero*/
	min-width: 36px;
}

table.modulecolortabs a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	font-weight: bold;
}

table.modulecolortabs a span {
	display: block;
	padding: 4px 8px 2px 8px;
	color: white;
	height: 23px;
}

table.modulecolortabs a:hover, table.modulecolortabs a:hover span {
	color: white;
	text-decoration: underline;
	cursor: pointer;
}

/* Log Off tab */
table.modulecolortabs a:hover moduleLogOff, table.modulecolortabs a:hover
	.moduleLogOff span {
	
}

/*Selected tab*/
table.modulecolortabs moduleselected a, table.modulecolortabs a.moduleselected span
	{
	background: transparent url(../images/module_ribbon_portal.gif)
		no-repeat left top;
}

/* Menu tabs */
div.ddcolortabs {
	margin-left: 4px;
	padding: 0;
	width: 100%;
	height: 27px;
	background: transparent;
	color: white;
	padding-left: 5px;
}

div.ddcolortabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.ddcolortabs li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
}

div.ddcolortabs a {
	float: left;
	background: transparent url(../images/tab_grey_left.gif) no-repeat left
		top;
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
	text-decoration: none;
	color: #333333;
	/*height: 100%;*/ /*Commented out because it causes issues with the tab hight, the background images don't size properly when the padding is changed... */
}

div.ddcolortabs a span {
	float: left;
	display: block;
	background: transparent url(../images/tab_grey_right.gif) no-repeat
		right top;
	padding: 6px 9px 4px 6px;
	color: #333333;
	font-size: 1.1em;
}

div.ddcolortabs a:hover {
	background: transparent url(../images/tab_grey_hover_left.gif) no-repeat
		left top;
	color: #003366;
}

div.ddcolortabs a:hover span {
	background: transparent url(../images/tab_grey_hover_right.gif)
		no-repeat right top;
	color: #003366;
	cursor: pointer;
}

div.ddcolortabsline {
	clear: both;
	padding: 0; margin 0;
	width: 100%;
	height: 3px;
	line-height: 3px;
	background: #469737;
	color: white;
}

table.pageHeaderTable {
	background: transparent url(../images/page_header_bckgr.gif) no-repeat
		right top;
}

/**
 * Error page related styles
 */
.errorTitle {
	color: #3366CC;
	font-size: 18px;
	font-weight: bold;
}

.errorHeader {
	border: 1px solid #90bade;
	background-color: #90bade;
	color: #666699;
}

.errorHeaderText {
	font-weight: bold;
	font-size: 18px;
	color: white;
}

.errorDescriptionText {
	font-size: 16px;
}

.errorLog {
	border: 1px solid #90bade;
	overflow: scroll;
	font-zie: 15;
	visibility: hidden;
}

/* Page Header */
.panelHeader {
	background-color: white;
	color: #496185;
	/*background: white url(../images/blue_title_bottom.gif) repeat-x left bottom;*/
	background-color: #F8FAFB;
	height: 50px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

td.panelHeader, div.panelHeader, span.panelHeader {
	color: #496185;
}

.pageHeaderTitle {
	color: #496185;
	padding-top: 6px;
	font-weight: bold;
	font-size: 18px;
}

.pageHeaderHelp {
	color: #496185;
}

.topmenu {
	background-color: #F3F7F0;
	border-bottom: 1px solid #C1DDAE;
}

/* Left Menu */
.menu {
	margins: 0 0 0 0;
}

.menu li {
	display: block;
	color: black;
	border-bottom: 1px solid #E0CDC9;
	border-left: 1px solid #E0CDC9;
	border-right: 1px solid #E0CDC9;
	background-color: #FFF4E8;
}

.menu li a, .menu li.selected a, .menu li a.selected, .menu li a:visited,
	.menu li span a {
	display: block;
	padding: 3px 0;
	padding-left: 5px;
	text-decoration: none;
	color: #333333;
}

.menu li a:hover, .menu li span:hover a {
	background-color: #FFE4CC;
}
 
.menu div.menutitle {
	color: transparent;
	padding: 0 0;
	padding-left: 5px;
	background-color: #F09542;
}

.menu ul.menutitle li {
	display: block;
	padding: 1px 0;
	padding-top: 8px;
	padding-left: 5px;
	text-decoration: none;
	color: #6783AB;
	width: 160;
	font-weight: bold;
	border-bottom: 2px solid #6783AB;
	border-left: 0px;
	border-right: 0px;
	background-color: white;
}

/*Feedback*/
.feedback {
	width: 600px;
}

.feedbackulInfo {
	border: 1px solid #FFD700;
	background-color: #FFFACD;
	min-height: 50px;
	text-align: left;
	margin: 0;
	padding: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.feedbackulError {
	border: 1px solid #A52A2A;
	background-color: #FAF0E6;
	min-height: 50px;
	text-align: left;
	margin: 0;
	padding: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.feedbackulWarning {
	border: 1px solid #FFCC00;
	background-color: #FBF7E6;
	min-height: 50px;
	text-align: left;
	margin: 0;
	padding: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

li.feedbackPanelERROR {
	color: #990000;
	list-style: none;
	background-image: url(../images/errorMessage.png);
	background-repeat: no-repeat;
	background-position: 1em .1em;
	padding-left: 3em;
	padding-bottom: 1em;
}

li.feedbackPanelINFO {
	list-style: none;
	background-image: url(../images/infoMessage.png);
	background-repeat: no-repeat;
	background-position: 1em .1em;
	padding-left: 3em;
	padding-bottom: 1em;
}

li.feedbackPanelWARNING {
	color: #990000;
	list-style: none;
	background-image: url(../images/warningMessage.png);
	background-repeat: no-repeat;
	background-position: 1em .1em;
	padding-left: 3em;
	padding-bottom: 1em;
}

/**
 * The following feedback styles are used by
 * DependenceFoundExceptionHandler
 **/
.feedbackStyleINFO {
	background-color: #FBF7E6;
}

.feedbackStyleERROR {
	color: #990000;
	background-color: #FAF0E6;
}

/*Modal dialog title*/
div.wicket-modal div.w_caption {
	height: 1.4em;
	overflow: hidden;
	cursor: default;
	position: relative;
	background-color: white;
	cursor: default;
	line-height: 1.4em;
	color: #666;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	padding-bottom: 2px;
}

.form-container {
	border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid grey;
	display: inline-block;
}

.form-container div.header {
	height: 25px;
	overflow: hidden;
	position: relative;
	background: url(../images/blue_title_bottom.gif) repeat-x left bottom;
	font-weight: bold;
	font-size: 16px;
	line-height: 25px;
	padding: 5px;
}

.form-container div.content {
	
}

/* Displays logo + title of a specific module*/
.header-background {
	background: url(../images/header_background.png) no-repeat left;
	background-size: auto 100%;
	height: 94px;
}

.header-login-content {
	/* background: url(../images/header_login_center.png) repeat-x left / 100% 100%; */
	height: 150px;
	width: auto;
}

.header-login-left {
	/* background: url(../images/header_login_left.png) no-repeat left / 100% 100%; */
	height: 150px;
	width: 180px;
	float: left;
}

.header-login-right {
	/* background: url(../images/header_login_right.png) no-repeat right / 100% 100%; */
	height: 150px;
	width: 180px;
	float: right;
}

.header-login-padding-center {
	/* background: url(../images/header_login_center.png) repeat-x left; */
	height: 32px;
	width: auto;
}

.header-login-padding-left {
	/* background: url(../images/header_login_left.png) no-repeat left; */
	height: 32px;
	width: 180px;
	float: left;
}

.header-login-padding-right {
	/* background: url(../images/header_login_right.png) no-repeat right; */
	height: 32px;
	width: 180px;
	float: right;
}

.header-login-logo {
	float: right;
}

/* license expire message */
.license-expire-message {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FF0000;
	text-align: center;
}



/* AE20151106 Look & Feel Update 1: Use Designer's Blue color as the default color for all modules */

.topmenu {
	background-color: #ECF5FF;
	border-bottom: 1px solid #C2DAED;
}

/* Designer tab */
table.modulecolortabs moduleselected a,table.modulecolortabs a.moduleselected span
{
	background: transparent url(../images/module_ribbon_designer.gif) no-repeat left top;
}


div.ddcolortabs a.selected, div.ddcolortabs a:hover.selected {
	background: transparent url(../images/tab_blue_left.gif) no-repeat left top;
	color: white;
	font-weight: bold;
}

div.ddcolortabs a.selected span, div.ddcolortabs a:hover.selected span {
	background: transparent url(../images/tab_blue_right.gif) no-repeat right top;
	color: white;
	letter-spacing: 0.05em;
}

div.ddcolortabsline {
	background: #006699;
}

div.ddcolortabsline_thin {
	clear: both;
	padding: 0;
	width: 100%;
	height: 2px;
	line-height: 2px;
	background: #006699;
	color: white;
}

td.ddcolortabsline_thin2 {
	clear: both;
	padding: 0;
	background: #006699;
	color: white;
}

.navigationLink {
	background: #efefef;
	color: black;
}


/*Vertical Menu*/
.menu {
	margins: 0 0 0 0;
}

.menu li {
	display: block;
	border-bottom: 1px solid #90bade;
	border-left: 1px solid #90bade;
	border-right: 1px solid #90bade;
	color: #006699;
	background-color: white;
/* 	color: black;
	background-color: #ECF5FF; */
 }

.menu li a,.menu li.selected a,.menu li a.selected,.menu li a:visited, .menu li span a {
	display: block;
	padding: 3px 0;
	padding-left: 5px;
	text-decoration: none;
	color: #333333;
}

.menu li a:hover,.menu li span:hover a {
	background-color: #B7DEFF;
}
 
.menu li a.current,
.menu li a:visited.current,
.menu li a:hover.current
.menu li a.current span:hover,
.menu li span.current,
.menu li span.current a,
.menu li span.current a:hover,
.menu li span.current a:visited
{
	font-weight: bold;
/* 	color: #006699;
	background-color: white; */
	color: #006699;
}

.menu li div.current-menu-item
{
	background: #ECF5FF url("../images/user_state.png") no-repeat scroll 4px 4px;
	padding-left: 16px;
}

.menu li div.current-menu-item:hover
{
	background-color: #B7DEFF;
}

.menu div.menutitle {
	color: transparent;
	padding: 0 0;
	padding-left: 5px;
	background-color: #F09542;
}

.menu ul.menutitle li {
	display: block;
	padding: 1px 0;
	padding-top: 8px;
	padding-left: 5px;
	text-decoration: none;
	color: #6783AB;
	width: 160;
	font-weight: bold;
	border-bottom: 2px solid #6783AB;
	border-left: 0px;
	border-right: 0px;
	background-color: white;
}


#dropDownMenuItem {
	display: block;
	padding: 3px 0;
	padding-left: 5px;
}

.menu select {
	color: black;
	background: white;
	cursor: default;
	/* font-size: 16px; */
	font-family: Tahoma, Geneva, sans-serif;
	border-top: 1px solid #45464a;
	border-bottom: 1px solid #45464a;
	border-left: 1px solid #45464a;
	border-right: 1px solid #45464a;
}

.menu select[disabled='disabled'] {
	color: #666666;
	background-color: #EEE;
	border-top: 1px solid #C9C7BA;
	border-bottom: 1px solid #C9C7BA;
	border-left: 1px solid #C9C7BA;
	border-right: 1px solid #C9C7BA;
}