/* ---( template )---------------------------------- */
body {font-family:arial; font-size:9pt;background-color:#ffffff; color:#000000; background-image: url(images/bgmenu.gif)}
body.register {background-image: url(images/bgmenu_reg.gif)}
body.default {background-image: none;  background-color:none;}

td.highlight {color:red;}

.pageHeaderStyle {font-family:arial; font-size:14pt; background-color:#ffcc00; height:0;}
.pageFooterStyle {}
.pageMenuStyle {font-family:Verdana; font-size:8pt; background-color:Green;}
.leftFrameStyle {font-family:arial; font-size:8pt; background-color:green; padding-top:2; padding-left:0; height:100%; width:134px;}
.rightFrameStyle {padding-left:8; padding-top:5; width:1500;}
div.content {
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
}

#footer {
	text-align:center;
	/*background-color:#ffcc00;*/
	font-family:Verdana;
	font-size:11px;
	}


.formDiv {border-top: 1px dashed #CCCCCC; border-bottom: 1px solid #ffffff;}
/* ---( validation )---------------------------------- */
.valText {font-family:arial; font-size:8pt; color:black; font-weight:bold;}
.valRequired {font-family:arial; font-size:10pt; color:red;}
.valExpr {font-family:arial; font-size:10pt; color:red;}
.valSummary {font-family:arial; font-size:8pt; color:red;}
.valStatusPanel {font-family:arial; font-size:10pt; color:red; padding-top:5px; padding-bottom:10;}
.valStatus {font-family:arial; font-size:10pt; color:red;  background-color:ffcc00; border-style:dashed; border-width:1; padding:5 10 5 10; width:400px;}

/* ---( forms )---------------------------------- */
input.navlink {background-color:#ffcc00;}
input.txtNumber, input.numberReadonly {text-align:right;}
input.readonly, input.disabled, input.numberReadonly, textarea.readonly { background-color:#eeeeee; }
.formHeader1{font-family:arial; font-size:13pt; font-weight:bold;}
.formHeader2{font-family:arial; font-size:12pt; margin-bottom:10;}
.formHeader3{font-family:arial; font-size:10pt; margin-bottom:10; margin-top:18;}

.tbFormHeader1{font-family:arial; font-size:8pt;}
.tbFormData1  {font-family:arial; font-size:8pt;}
.tbFormData  {font-family:arial; font-size:8pt;}

.menuItem1 {font-family:arial; font-size:9pt;}


/* ---( data grids )---------------------------------- */
.dgFont, .dgHeader, .dgAltItem, .dgItem, .dgFooter 
{
	font-family:arial;
	font-size:8pt;
}

.dgItemFontStyle1   {font-family:arial; font-size:9pt;}
.dgHeaderStyle1 {background-color:#0064A6; font-family:arial; font-size:11pt; color:white; font-weight:bold;}
.dgHeaderStyle2 {font-family:arial; font-size:9pt; background-color:#c0c0c0;}
.dgItemStyle1 {font-family:arial; font-size:9pt; background-color:#ffffff;}
.dgAltItemStyle1 {font-family:arial; font-size:9pt; background-color:#eeeeee;}
.dgFooterStyle1 {font-family:arial; font-size:9pt; background-color:#eeeeee;}
.dgFooterStyle2 {font-family:arial; font-size:9pt; background-color:#ffcc99; font-weight:bold;}

.form-cmts {font-family:arial; font-size:9pt;}

/* ---( nav )---------------------------------- */

#menu {
	height: 250px;
	width:134px;
	padding-left: 4px;
	margin: 0;
	/*border: 2px solid #fff;*/
	border-left: none;
	border-right: none;
	line-height: 20px;
	text-align: left;
	white-space: nowrap;
	}

#menu ul, #menu li {
	margin: 0; 
	padding: 0 0 0 0;
	display: inline-block;
	list-style-type: none;
	list-style: none;
	}

#menu a {
	/*float: left;*/
	padding: 0 0px 0 0px;
	margin: 0;
	background: transparent;
	font-weight: bold;
	font-size: 9px;
	font-family:Verdana;
	/*line-height: 30px;*/
	text-decoration: none;
	white-space: nowrap;
	color:#eeeeee;

	display: block !important;
	display: inline;
	display/**/:/**/ block;
	line-height: 1.35em;	
	padding: 0.2em 0 0.2em 0px !important;
	/*padding: 0.2em 0 0.2em;
	padding/\**\/:/\**\/ 0.2em 0 0.2em 8px;*/

	/*z-index: 1000;*/
	}

#menu img {	
	float: left;
	/*display: inline;*/
	margin: 0;
	padding: 0;
	/*vertical-align: middle;*/
	border: 0;
}

#menu li a:hover {
  color: black !important;
  background-color: #ffcc00;
}

#menu ul li{
  /*padding: 0em 0.3em 0em 6px;*/
  /* dbe0e6 */
  border-bottom: 0.01em solid tan;
  list-style: none;
}

#menu ul li.first 
{
	color:#ffcc00;
	padding: 0 0 0 0;
	font-weight:bold;
}

#menu ul 
{
  padding-left: 0px;
	margin: 6px 1px 10px 0;
}

/* ---( frame title )---------------------------------- */
#frameMenu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#frameMenu ul, #frameMenu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#frameMenu a:link, #frameMenu a:visited	{
	background : #ffffff;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-family:Verdana;
	font-size : 12px;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
	border-bottom-color:white;
	border-left-color:white;
	border-right-color:white;
	border-top-color:white;
}

#frameMenu a:link.active, #frameMenu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#frameMenu a:hover	{
	color : #f00;
}

	
#frameMenu li#nav-1
{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

 #frameMenu ul a:hover {
	color : #f00 !important;
}

#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 5px;
}

#contents2 {
	background : #fff;
	border : 1px solid #ccc;
	clear : both;
	margin : 0px;
	padding : 5px;
}


/* ---( tab menu )---------------------------------- */
div.tab-1 #tabmenu li#nav-1 a, 
div.tab-2 #tabmenu li#nav-2 a,
div.tab-3 #tabmenu li#nav-3 a,
div.tab-4 #tabmenu li#nav-4 a
{
	background : #fff;
	border-bottom : 3px solid #000000;
	color : #FFFFCC;
 }

#tabmenu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	/*margin-bottom:31px;*/
	padding-bottom : 19px;
	padding-left : 10px;
}

#tabmenu ul, #tabmenu li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;

}
	
#tabmenu a:link,
#tabmenu a:visited
{
	background : green;
	border : 1px solid #ccc;
	color : #FFFFCC;
	float : left;
	font-size : 11px;
	font-weight : bold;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#tabmenu a:link.active,
#tabmenu a:visited.active
{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#tabmenu a:hover	{
	color : yellow;
}


#tabmenu li#navs a
{
	background : green;
	border-bottom : 1px solid #fff;
	/*color : #000000;*/
	font-size:11px;
	font-family:Arial;
}
	
div.tab-1 #tabmenu li#nav-1 a, 
div.tab-2 #tabmenu li#nav-2 a,
div.tab-3 #tabmenu li#nav-3 a,
div.tab-4 #tabmenu li#nav-4 a,
div.tab-5 #tabmenu li#nav-5 a,
div.tab-6 #tabmenu li#nav-6 a
 {
	/* #990000; */
	background : #990000;
	border-bottom : 1px solid #fff;
	/*color : #FFFFCC;*/
	font-size:11px;
	font-family:Arial;
}
/*
div.tab-5 #tabmenu li#nav-5 a span
{
	padding : 2px 10px 2px 10px;
	margin-left: -1px;
	background: url(images/tablc.gif) top left no-repeat;
}
*/

/*
div.tab-submenu
{
	padding-left: 15px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: solid;
	border-bottom: solid;
	height: 18px;
	width:100%;
}


#subnav-1,
#subnav-2,
#subnav-3,
#subnav-4,
#subnav-5 {
	display : none;
	width: 100%;
}
*/
#subnav-1 li,
#subnav-2 li,
#subnav-3 li,
#subnav-4 li,
#subnav-5 li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

div.tab-1 ul#subnav-1, 
div.tab-2 ul#subnav-2,
div.tab-3 ul#subnav-3,
div.tab-4 ul#subnav-4,
div.tab-5 ul#subnav-5 {
	list-style-type : none;
	display : inline;
	padding:0;
	margin:0;
	margin-top:4px;
	position:absolute;
	top:200px;
	left:180px;
}

div.tab-1 ul#subnav-1 a, 
div.tab-2 ul#subnav-2 a,
div.tab-3 ul#subnav-3 a,
div.tab-4 ul#subnav-4 a,
div.tab-5 ul#subnav-5 a {
	background : #c0c0c0;
	border : none;
	/*border-left : 1px solid #ccc;*/
	border-bottom : 1px dashed #ccc;
	border-right : 1px solid #c0c0c0;
	color : black;
	font-size : 11px;
	/*font-weight : bold;*/
	line-height : 12px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
	float:left;
}

div.tab-1 ul#subnav-1 li.selected a, 
div.tab-2 ul#subnav-2 li.selected a,
div.tab-3 ul#subnav-3 li.selected a,
div.tab-4 ul#subnav-4 li.selected a,
div.tab-5 ul#subnav-5 li.selected a
{
	background : #ffcc00;
	border-bottom : 1px dashed #ffcc00;
}

 #tabmenu ul a:hover {
	color : #f00 !important;
}


.toc
{
	/*float: left;*/
	width:700px;
	margin-left: 5px;
	margin-bottom: 5px;
	background-color: #eee;
	padding: 10px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}