/* Main Menu styles */
.mainMenu { background-color: #CCD9FF; }
.menuBar { padding: 4px; background-color: #CCD9FF; color: #FFFFFF; }
.menuSeparator { color: #8CC8E6; background-color: #CCD9FF; border: #8CC8E6 1px solid; }

a.menuRightItem { font-weight: bold; font-size: 10px; color: #FFCC00; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.menuRightItem:hover { text-decoration: underline }
a.menuItem { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; text-decoration: none; border: #B4DCF0 1px solid}
a.menuItemSelected { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #0066cc; text-decoration: none }
a.menuItem:hover { border: #B38F00 1px solid; color: #FFCC00; background-color: #B38F00 }

.contextMenuBar {
	padding-bottom: 1px;
	padding-top: 1px;
	font-weight: bold;
	color: #000000;
	background-color: #CCD9FF;

}

.contextSubMenuBar {
	padding: 1px;
	font-weight: bold;
	text-align: center;
	color: #FFFFCC;
	background-color: #0066cc;

}

.contextSubSubMenuBar {
	padding: 0px;
	font-weight: bold;
	text-align: left;
 	color: #FFFFCC;
	background-color: #CCD9FF;
	border: #0066cc 1px solid;
}

.contextSubMenuCell {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #4896BE;
	background-color: #FFE38F;
}

.contextSubMenuCellSelected {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background-color: #D03030;
}

td.contextSubMenuCellSelected, td.contextSubMenuCell {
	padding-top: 5px;
	padding-bottom: 5px;
}


.contextSubMenuCellSelected:hover {
	color: #FFE38F;
}

.contextSubMenuLink {
	text-decoration: none;
	color: #4896BE;
}

/* status Bar styles */
.statusBar { padding-right: 4px; padding-left: 4px; background-color: #CCD9FF }
.selectedStatusBarItem { color: #D03030; font-weight: bold}
.levelName { font: 20px "helvetica ce","arial ce",arial,helvetica,sans-serif; color: #000000; font-weight: bold }
.welcome { font: 14px "helvetica ce" , "arial ce" ,arial,helvetica,sans-serif }

a.levels { font: 10px "helvetica ce" , "arial ce" ,arial,helvetica,sans-serif; color: #B4DCF0; text-decoration: none }
a.levels:hover { text-decoration: underline }

/* Content Styles */

.contentPanel 
{
	padding: 0px;
	color: #000000;
	background-color: #FFFFCC;
}

.contentBox
{
	background-color: #FFFFCC;
}


table#Tableoptions
{
	background-color: #0066CC;
	border: #0066CC 2px inset;
}

table#Tableoptions td
{
	background-color: #FFE38F;
	border: #0066CC 0px solid;
}

.product
{
	height: 100%;
	padding: 10px;
	background-color: #FFFFCC;
}
.test
{
	height: 100%;
	padding: 10px;
	background-color: #FFECE5;
}
.change
{
	height: 100%;
	padding: 10px;
	background-color: #EAF7CF;
}

/* Footer Styles */
.footerBar { font-size: 8pt; color: #666666; background-color: #CCD9FF; text-align: center }
a.footerBar {color: #666666;}

/* Forms */
.formTitle { font: 20px "helvetica ce","arial ce",arial,helvetica,sans-serif; color: #000000; font-weight: bold }
.formLabel { font: 12px "helvetica ce","arial ce",arial,helvetica,sans-serif; color: #000000; font-weight: bold }
.formTable { background-color: #FFE38F; border: #4896BE 1px solid; border-collapse: collapse }
.formHeader { font: 12px "helvetica ce","arial ce",arial,helvetica,sans-serif; font-weight: bold; background-color: #FFE38F; color: White; text-align: center }
.formFooter { font-weight: bold; background-color: #8CC8E6; color: White; text-align: center }
.formLink { font-weight: bold; color: black; text-decoration: underline}


/* Common styles */
.line { background-color: #8CC8E6 }

.dGrid { border: #146482  1px solid; background-color: #FFE38F; width: 100% }
.dGridHeader a, .dGridHeader { padding: 2px; background-color: #0066cc; xcolor: #FFFFCC; color: #FFE38F; font-weight: bold; text-align: center; height:20px; text-decoration: none }
.dGridFooter a, .dGridFooter { padding: 2px; background-color: #0066cc; xcolor: #FFFFCC; color: #FFE38F; font-weight: bold; text-align: center; height:20px }
.dGridEdit   { padding: 2px; background-color: #CCD9FF; color: #ffffff; font-weight: bold }
.dGridOdd    { padding: 2px; background-color: #CCD9FF; height:20px }
.dGridEven   { padding: 2px; background-color: #FFE38F; height:20px }
.dGridSelect { padding: 2px; color: #FFFFFF; background-color: #D03030; height:20px }
.dGridButton { color: #000000; font-weight: normal; text-align: center; margin-bottom: 5px; margin-top: 5px; }


.errorMessage { color: #D03030; font-weight: bold; text-align: center }

table {font-size: 9pt; table-layout: auto; border-style: none; }
td { font: 12px "helvetica ce" , "arial ce" ,arial,helvetica,sans-serif }
body { margin: 0px; height: 100%; background-color: #FFFFCC}
p, div, span, form, ul, ol { font: 12px "helvetica ce" , "arial ce" ,arial,helvetica,sans-serif }

#DetailsTable td span { margin-left: 10px; }

/* Turn border-box model */
div {
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
}


a { color: #000000; }
a:Hover { color: #D03030; }

.helpPanel
{
	background-color:#B38F00;
}
.helpExample
{
	font-style: italic;
	margin-top:5pt;
}
.helpTitle
{
	font-weight: bold;
	margin-bottom:5pt;
}
.helpField
{
	width: 80%;
	background-color: #FFFFCC;
	font-weight: bold;
	margin-top:15pt;
	margin-bottom:3pt;
}

.emph
{
	font-weight: bolder;
}

.error
{
	color: #D03030 !important;
}

/*Login page*/
table#TableLogin
{
	border: #FFE38F 5px solid;
}

.helpButton
{
	text-align: right;
}


h1.disclaimer
{
	text-align: center;
	color: #000000;
	margin-top: 1px;
	margin-bottom: 1px;
}

.instruction
{
	padding: 10px;
}

.instruction h1
{
	text-align: center;	
}

.instruction p
{
	text-align: justify;
}

.centered
{
	text-align: center;	
}

.welcome
{
	margin: 0 auto;
	padding: 10px;
	text-align: justify;
}

.welcome p
{
	width: 400px;
	margin: 0 auto;
	padding: 10px;
	text-align: justify;
}

.welcome h1, .welcome h2, welcome h3, .welcome h4
{
	text-align: center;
}


.resPersons
{
	background-color: #CCD9FF;
	border-width: 0px;
	border-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}
/*CollapsiblePanel*/
.collapsePanel
{
	background-color: #CCD9FF;
	overflow: hidden;
}

.collapsePanelHeader
{	
	width:100%;		
	background-color: #CCD9FF;
	color: #000000;
	font-weight: bolder;
	padding: 1em;
	cursor: pointer;
	padding: 2px;
}

.messageCol {
	width: 100%;
}

.welcomeTable tbody tr td label
{
	visibility: hidden;
}
.msgHidden
{
	visibility: hidden;
	display: none;
}

.msgVisible
{
	visibility: visible;
}

.clearCookiesPane
{
	float: right;
	cursor: pointer;
}

.clearCookiesButtonOn
{
	visibility: visible;
	opacity: 1.0;
}

.clearCookiesButtonOff
{
	visibility: visible;
	opacity: 0.2;
}

#ClearCookiesButton
{
	background-color: #CCD9FF;
	color: #000000;
	padding: 0.5em;
	
	border-color: #8CC8E6;
	border-width: 1px;
	border-style: solid;
	
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.rightPadding, comment
{
	padding-right: 10px;
}

.commentSet
{
	font-weight: bolder;
}

.commentUnset
{
	/*visibility: hidden;*/
}