
/* General styles */
html { height: 100%; }

BODY.whitePage { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color:#ffffff; }
BODY { height: 100%; margin:0 auto; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color:#646C79; } /* BACAD9, 414141, #B1B6BF, 353a57 */

table.regularTable { background-color: #ffffff; border: 1px solid #808080; border-collapse: collapse; }

td, div {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #E9DEBE; color: #000000; text-align:center;  }

th a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline} 
th a:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline}
th a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline}
th a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none}

a:link {color: #2b2b2c; text-decoration: underline} 
a:active {color: #2b2b2c; text-decoration: underline}
a:visited {color: #2b2b2c; text-decoration: underline}
a:hover {color: #414141; text-decoration: none}

input { font-family: "Courier New", Courier, mono; font-size: 14px; color: #000000; }
input.textbox {font-family: "Courier New", Courier, mono; font-size: 14px; color: #000000; border: 1px solid #bbbbbb; }
input.checkbox {font-family: "Courier New", Courier, mono; font-size: 14px; color: #000000;  margin: 0 28px 0 0; }
textarea {font-family: "Courier New", Courier, mono; font-size: 14px; color: #000000; border: 1px solid #bbbbbb;}
select {font-family: "Courier New", Courier, mono; font-size: 14px; color: #000000; border: 1px solid #bbbbbb;}

input.inputsubmit { background-color:#B8C8D5; border-color:#cccccc #0E1F5B #0E1F5B #D9DFEA; border-style:solid; border-width:1px;
					color:#ffffff; padding:2px 15px 3px; text-align:center;	 font-size: 13px; font-family: Verdana,Arial; }

.controlButton { background-color:#B8C8D5; border-color:#cccccc #0E1F5B #0E1F5B #D9DFEA; border-style:solid; border-width:1px; color:#060606; padding: 2px 15px 3px;	
				text-align:center; font-size: 13px;	font-family: Verdana,Arial; text-decoration: none }
a.controlButton:link {color: #060606; text-decoration: none; display: inline-block; } 
a.controlButton:active {color: #060606; text-decoration: none; display: inline-block;}
a.controlButton:visited {color: #060606; text-decoration: none; display: inline-block;}
a.controlButton:hover {color: #060606; text-decoration: none; display: inline-block;}

.stepButton { width: 115px; height: 23px; background: transparent url('images/stepButton.gif') no-repeat; border-width:0; color:#060606; padding: 2px 15px 3px;	
				text-align:center; font-size: 13px;	font-family: Verdana,Arial; text-decoration: none; cursor: pointer; cursor: hand; }
a.stepButton:link {color: #060606; text-decoration: none; display: inline-block; } 
a.stepButton:active {color: #060606; text-decoration: none; display: inline-block;}
a.stepButton:visited {color: #060606; text-decoration: none; display: inline-block;}
a.stepButton:hover {color: #060606; text-decoration: none; display: inline-block;}

/* background-color:#B8C8D5; border-color:#cccccc #0E1F5B #0E1F5B #ffffff; border-style:solid; border-width:1px; */
.stepButtonActive { width: 115px; height: 23px; background: transparent url('images/stepButtonActive.gif') no-repeat; border-width:0; color:#060606; padding: 2px 15px 3px;	
				text-align:center; font-size: 13px;	font-family: Verdana,Arial; text-decoration: none; cursor: pointer; cursor: hand; }
a.stepButtonActive:link {color: #060606; text-decoration: none; display: inline-block; } 
a.stepButtonActive:active {color: #060606; text-decoration: none; display: inline-block;}
a.stepButtonActive:visited {color: #060606; text-decoration: none; display: inline-block;}
a.stepButtonActive:hover {color: #060606; text-decoration: none; display: inline-block;}

.stepButtonDisabled { width: 115px; height: 23px; background: transparent url('images/stepButtonDisabled.gif') no-repeat; border-width:0; color:#d0d0d0; padding: 2px 15px 3px;	
				text-align:center; font-size: 13px;	font-family: Verdana,Arial; text-decoration: none;  }
a.stepButtonDisabled:link {color: #060606; text-decoration: none; display: inline-block; } 
a.stepButtonDisabled:active {color: #060606; text-decoration: none; display: inline-block;}
a.stepButtonDisabled:visited {color: #060606; text-decoration: none; display: inline-block;}
a.stepButtonDisabled:hover {color: #060606; text-decoration: none; display: inline-block;}

div.box { background:#E9DEBE; padding: 10px 20px 5px 20px; margin-left:5px; margin-right:0px; margin-top:-12px; border:1px solid #B8C8D5; text-align:left; font-size: 12px; }
div.panelSettings { width: 800px; border: 1px solid #505050; padding: 5px; } /* Admin part */

/* Specific styles */
.sectionCnt { padding-left: 10px; }
.mainTable { width: 100%; height: 600px; background-color: #ffffff; border: 1px solid black; padding: 0px;  }
.subTitle {  font-family: Verdana, Arial, Tahoma; font-size: 14px; font-weight: bold; padding-left: 0px; color: #353a57; margin-top: 10px; margin-bottom: 10px; }
.sectionTitle { display: block; width: 940px; height: 24px; border-bottom: 1px dashed #353a57; padding-left: 0px; font-family: Verdana, Arial, Tahoma; font-size: 14px; color: #353a57;  letter-spacing: 1px;  }
.helpButton { float:right; height: 24px; font-family: Verdana, Arial, Tahoma; font-size: 17px; color: #353a57;border: 1px solid #cccccc; cursor: pointer; cursor: hand; }
.error {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000; font-weight: normal; font-style:normal; } 
.message {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #128512; font-weight: normal; font-style:normal; } 
.nbsp {font-family: Arial, Verdana, Helvetica, Sans-Serif;	font-size: 2px;}
.grayTxt {color: #6b6b6b;}
.note {font-size: 12px; font-weight: normal; font-style: italic;  }
.backToTop{font-family: Arial, font-size: 1	2px; }
.frameBox { border: 1px solid #cccccc; }

/* fresh green color: 669900; light blue: DEE7F7 */
.browserToolBar { height: 48px; display: block; float: none; text-align: right; margin-top: 0px; }

/* toolbar buttons */
a.toolBarButton { display: inline-block; *display: inline; zoom: 1; color: #000000; font-size: 14px; background-color:#efefef; padding: 7px 10px 7px 10px; white-space: nowrap; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
a.toolBarButton:link { color: #000000; font-size: 14px; text-decoration: none;} 
a.toolBarButton:active { color: #000000; font-size: 14px; text-decoration: none;}
a.toolBarButton:visited { color: #000000; font-size: 14px; text-decoration: none;}
a.toolBarButton:hover { color: #000000; font-size: 14px; text-decoration: none; background-color:#b8c8d5; }

a.toolBarButtonDisabled { display: inline-block; *display: inline; zoom: 1; color: #666666; font-size: 14px; background-color:#eaeaea; padding: 7px 10px 7px 10px; white-space: nowrap; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
a.toolBarButtonDisabled:link { color: #666666; font-size: 14px; text-decoration: none;} 
a.toolBarButtonDisabled:active { color: #666666; font-size: 14px; text-decoration: none;}
a.toolBarButtonDisabled:visited { color: #666666; font-size: 14px; text-decoration: none;}
a.toolBarButtonDisabled:hover { color: #666666; font-size: 14px; text-decoration: none;}


/* top menu */
a.topLinkButton { color: #29293f; padding-top: 2px; padding-bottom: 2px; padding-left: 3px;padding-right: 3px; white-space: nowrap;}
a.topLinkButton:link { color: #29293f; font-size: 14px; text-decoration: none;} 
a.topLinkButton:active { color: #29293f; font-size: 14px; text-decoration: none;}
a.topLinkButton:visited { color: #29293f; font-size: 14px; text-decoration: none;}
a.topLinkButton:hover {	font-size: 14px; text-decoration: none; color: #000000; background-repeat: repeat-x; background-color:#b8c8d5; }

/* main menu */
.menuContainer { background-color: #414141; height: 25px; } /* C3D9FF 76A9D9 */

#navContainer { width: 100%; height: 30px; /*background: url(images/menu_bgr1.png) repeat-x;*/ background-color: #2e2e2e; /* C3D9FF 76A9D9 */ } 
#subnavContainer { width: 100%; height: 30px; background-color: #E9DEBE; /* 97A8B9 E0EAF5 C3D9FF 76A9D9 DFE9F6 b8c8d5 E9DEBE 7FB9D3 */ } 
#cntHolder { background-color: #ffffff; /* C3D9FF 76A9D9 */	padding: 20px 20px 20px 20px; }

#nav { margin: 0; padding: 0; float: left; }
#nav li { margin: 0 0px 0 0px; padding: 0 2px 0 0; list-style: none; display: inline-block;	float: left; height: 30px; line-height: 30px; 
		border-left: 0px dashed #ffffff; background: url(images/menu_dev.png) no-repeat; background-position: right center; cursor: pointer; cursor: hand; 
		*display: inline; zoom: 1; /* IE5.5+ */ }
#nav a { display: inline-block; height: 30px; padding: 0 15px 0 15px; /*background: url(images/menu_bgr1.png) repeat-x;*/
		font-family: Verdana, Arial, Tahoma; font-size: 13px; font-variant:normal; font-weight: normal;	text-transform: capitalize;
		letter-spacing: 0.5px; color: #ffffff; text-decoration: none; }
#nav a:hover { /*background: url(images/menu_bgr_drk1.png) repeat-x; */background-color: #E9DEBE; color: #060606; text-decoration: none; }
#nav li.drk a { /*background: url(images/menu_bgr_drk1.png) repeat-x;*/ background-color: #E9DEBE; color: #060606; }


#subnavContainer a {display: inline-block; padding: 5px 10px 5px 10px; height: 20px; *height: 20px; font-family: Verdana, Arial, Tahoma; font-size: 15px; font-variant:small-caps; font-weight: normal; text-decoration: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {	#subnavContainer a { font-size: 17px; } } /* Chrome and Safari */

#subnavContainer a:active {color: #060606; text-decoration: none; } 
#subnavContainer a:link {color: #060606; text-decoration: none; } 
#subnavContainer a:visited {color: #060606; text-decoration: none; }
#subnavContainer a:hover {color: #1e3b89; text-decoration: none; }

#subnavContainer a.drk:active { color: #1e3b89; background-color: #ffffff; }
#subnavContainer a.drk:link { color: #1e3b89; background-color: #ffffff; }
#subnavContainer a.drk:visited { color: #1e3b89; background-color: #ffffff; }
#subnavContainer a.drk:hover { color: #1e3b89; background-color: #ffffff; }


/* vertical menu */
verticalMenuContainer { margin: 0; padding: 0; }
ul.verticalMenu{ margin: 0; padding: 0; }
ul.verticalMenu li { margin: 2px 0 0 0; padding: 0; list-style: none; height: 19px; }

reportMenuContainer { height: 30px; margin: 0; padding: 5px;  }
ul.reportMenu { margin: 0; padding: 0; }
ul.reportMenu li { margin: 0 15px 20px 0; padding: 0; list-style: none; height: 19px; display: inline-block; *display: inline; zoom: 1; }

a.selectedMenuLinkItem { background-color: #E9DEBE; }


/* Tinybox CSS */
#tinybox			{position:absolute; display:none; top:0; left:0; padding:0; background-color: #fff; z-index:2000; width: 1px; height: 1px; border:3px solid #D4D0C8; }
#tinymask			{position:absolute; display:none; top:0; left:0; padding:0; background-color: #000; z-index:1500; width: 1px; height: 1px; }
#tinyCoveringFrame	{position:absolute; display:none; top:0; left:0; padding:0; background-color: #000; z-index:1600; width: 1px; height: 1px; }
#tinycontent		{background:#ffffff; width:100%; height:100%; z-index:2100; border: 0px solid red; overflow:auto; }
#tinyToolBar {position:relative; width:100%; height:25px; background:#cccccc url(images/header_vline.gif); background-position: 0px -1px; border-bottom: 1px solid #505050; text-align: right;}
#tinyToolBarBtnClose {float:right; width:17px; height:17px;  background: #cccccc url(images/toolbar_close.gif) no-repeat; cursor: pointer; cursor: hand; border: 1px solid #c9c6be; margin: 2px;}
#tinyToolBarBtnMaximize {float:right; width:17px; height:17px;  background: #cccccc url(images/toolbar_maximize.gif) no-repeat; cursor: pointer; cursor: hand; border: 1px solid #c9c6be; margin: 2px;}
#tinyToolBarBtnRestore {float:right; width:17px; height:17px;  background: #cccccc url(images/toolbar_restore.gif) no-repeat; cursor: pointer; cursor: hand; border: 1px solid #c9c6be; margin: 2px;}

/*#tinyContentRow2 { height: 99%; }
*:first-child+html #tinyContentRow2 { height: expression((document.getElementById("tinybox").offsetHeight-document.getElementById("tinyToolBar").offsetHeight-4) + "px"); }
*/
