* {
	margin: 0;
	padding: 0;
	border: none;
}

html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #616364;
	font-size: 10pt;
	min-width: 770px;
	background-color: #f0f3f9;
}

p {
	padding: 5px 0;	
}

input, select {
	font-size: 9pt;
}

a {
	color: #466eae;
	font-weight: normal;
}

a:hover {
	font-weight: bold;
}

ul {
	margin: 5px 0 5px 30px;
}

input.btn{
	color:#ffffff;
	background: #ffffff url("images/btn_login.gif") no-repeat;
	height: 19px;
	width: 55px;
	cursor: pointer;
}

input.txt{
	font-size: 8pt;
	border: 1px solid #8f8f8f;
	height: 15px
}

#main {
 	width: 770px;
	margin: 0 auto;
	text-align: left;
 	background: #ffffff url('images/main_bg2.gif') repeat-y;
	min-height: 100%;
	height: 100%;
	position: relative;
}

 body>#main {
 	height: auto;
 }
 
#head {
	background: url('images/head_bg.gif') no-repeat top;
	height: 252px;
	padding: 14px 0 0 0;
	color: #0c3091;
	font-size: 9pt;
}

#head a {
	color: #0c3091;
	text-decoration: none;
}

#head .logo {
	height: 206px;
	margin: 0 7px;
 	background: #ffffff url('images/logotool.jpg') no-repeat right;
	position: relative;
}

#head .logo .tools {
	position: absolute;
	right: 0;
	bottom: 2px;
	width: 382px;
	padding-top: 2px;
	height: 42px;
	background-color: #ffc726;
}

#head .logo .tools table {
	float: right;
}

#head .logo .tools td {
	text-align: center;
}

#head .logo .language{
	float: right;
	padding: 4px;
}
/*
#head .logo .tools {
	clear: both;
	float: right;
	margin-top: 70px;
	_margin-top: 60px;
	padding: 4px;	
}

#head .logo .login {
	clear: both;
	float: right;
	padding: 2px;
	background-color: #ffc726;
	width: 378px;
	height: 39px;
}*/

#head .menu {
	height: 46px;
 	background: #ffffff url('images/menu_bg.gif') repeat-x;
	margin: 0 7px;
	padding-left: 15px;
}

#head .frmLng {
	width: 100px;
	border: 1px solid #8f8f8f;
}

#contentContainer {
	padding: 20px 20px 100px 20px;
}

#contentContainer .title {
 	
	padding: 15px 0 5px 0;
	margin-bottom: 8px;
}

#contentContainer h1, h2, h3, h4.new {
 	background: url('images/h1.gif') no-repeat;
	padding: 0 0 10px 25px;
	height: 30px;
	color: #003596;
	font-size: 13pt;
}

#contentContainer h4.tb {
 	background: url('images/h4.gif') no-repeat;
	margin-top: 30px;
	padding: 0 0 8px 25px;
	height: 30px;
	color: #616364;
	font-size: 12pt;
}

#contentContainer .aboutMenu {
	padding: 15px;
	background-color: #dbdbdb;
	margin: 10px 0 15px 140px;
}

#contentContainer th {
	padding: 5px;
	background-color: #dbdbdb;
}

#contentContainer td {
	padding: 2px;
}

#contentContainer .aboutMenu a {
	color: #466eae;
	font-weight: normal;
}

#contentContainer .aboutMenu a:hover {
	font-weight: bold;
}

#contentContainer .panel {
	width: 400px;
	float: right;
	position: relative;
	right: -15px;
	top: -30px;
}

#contentContainer .panel a {
	padding: 10px;
}

#footer {
 	height: 55px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('images/footer_bg.gif') no-repeat bottom;
	text-align: left;
	color: #FFFFFF;
	width: 770px
}

#footer .links {
	color: #FFFFFF;
	background: url('images/footer_link_bg.gif') repeat-x;
	height: 35px;
	margin: 0 7px;
	text-align: center;
}

#footer .adress {
	color: #ffffff;
	padding-top: 3px;
	font-size: 80%;
	text-align: center
}

#footer .active {
	font-weight: bold;
	font-size: 9pt;
	margin: 0 10px;
}

#footer a {
	color: #FFFFFF;
	font-size: 9pt;
	margin: 0 10px;
	text-decoration: none;
}
 
#footer a:hover {
	font-weight: bold;
}

/* Navigation - toc(1) ----------------------- */
div#nav {margin:0; padding:0 0 0 0; font-family: Arial, Helvetica, sans-serif;}
div#nav ul {float:left;padding:0; margin:0 /*height: 25px;*/}
div#nav li {position:relative;list-style:none;float:left;margin:0;font-size: 11pt;line-height: 40px;white-space: nowrap;background: url('menu/menu_bg.gif') 0 0 repeat-x;  text-align: center; height: 46px  }
div#nav li a{font-size: 11pt;display:block;float:left;text-decoration:none;font-weight: bold;background: url('menu/menu_bg.gif') 100% 0 no-repeat;color: #fff; width: 140px; text-align: center; }

/*html>body #nav a {width: 145px;} fixes IE6 hack*/
	/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
div#nav a {float: none;} /* End of IE5-Mac hack */
div#nav a:hover,div#nav a:focus{color:#000;}
div#nav .sdoc, div#nav .sdocs {color: #ffc726; background: url('images/menu_bg.gif') 0 0 repeat-x; width: 145px; text-align: center;}
div#nav .sdoc a, div#nav .sdocs a {color: #ffc726; background: url('images/menu_bg.gif') 0 0 repeat-x;}
div#nav ul.menulevel1 li:hover,div#nav ul.menulevel1 li:focus{background: url('images/menu_bg2.gif') 0 0 repeat-x; color:#000;}
div#nav li:hover a,div#nav li:focus a{background: url('images/menu_bg2.gif') 0 0 repeat-x; text-align: center; color:#000;}

/* Navigation - toc(2)/toc(3) ----------------------- */
div#nav li ul.menulevel2,div#nav li ul.menulevel3{width:180px; }
div#nav ul ul{position:absolute;top:41px;margin:0;left:-5px;display:none;}
div#nav ul.menulevel1 li.docs:hover ul.menulevel2,div#nav ul.menulevel1 li.sdocs:hover ul.menulevel2,div#nav ul.menulevel2 li.docs:hover ul.menulevel3,div#nav ul.menulevel2 li.sdocs:hover ul.menulevel3 {display:block; text-align: left; font-size: 10pt}
div#nav ul.menulevel2 li.doc,div#nav ul.menulevel2 li.docs{position:relative;list-style:none;float:left;padding: 0;margin:0;font-size: 10pt;line-height: 18px;width:180px;white-space: nowrap;background: url('images/menu_bg.gif') 0 0 repeat-x; height: 20px; padding-top: 2px; text-align: left; font-size: 10pt; }
div#nav ul.menulevel2 li.doc a,div#nav ul.menulevel2 li.docs a {display:block;float:left;text-decoration:none;font-weight: bold;color: #fff;width:160px;background-image:none; height: 20px; padding-left: 10px; text-align: left; font-size: 10pt}
div#nav ul.menulevel2 li.sdoc,div#nav ul.menulevel2 li.sdocs{position:relative;list-style:none;float:left;padding: 0;margin:0;font-size: 9pt;line-height: 18px;width:170px; padding-left: 10px; white-space: nowrap;background: url('images/menu_bg2.gif') 0 0 repeat-x; height: 20px; padding-top: 2px; text-align: left; font-size: 10pt}
div#nav ul.menulevel2 li.sdoc a,div#nav ul.menulevel2 li.sdocs a {display:block;float:left;text-decoration:none;font-weight: bold ;color: #0c3091;background-image:none; text-align: left; font-size: 10pt}
div#nav ul.menulevel2 li:hover,div#nav ul.menulevel2 li:focus {background: url('images/menu_bg2.gif') 0 0 repeat-x;}
div#nav ul.menulevel2 li:hover a,div#nav ul.menulevel2 li:focus a {color:black;}
div#nav li ul.menulevel3 {margin: -35px 0 0 160px;}

/* Navigation - toc(3) ----------------------- */
div#nav ul.menulevel2 ul.menulevel3 li.doc,div#nav ul.menulevel2 ul.menulevel3 li.docs{position:relative;list-style:none;float:left;padding:0;margin:0;font-size: 10px;line-height: 18px;width:180px;white-space: nowrap;background: url('images/menu_bg.gif') 0 0 repeat-x; height: 20px; padding-top: 2px}
div#nav ul.menulevel2 ul.menulevel3 li.doc a,div#nav ul.menulevel2 ul.menulevel3 li.docs a {display:block;float:left;text-decoration:none;font-weight: bold ;color: #fff;width:160px;background-image:none; height: 20px; padding-left: 10px;}
div#nav ul.menulevel2 ul.menulevel3 li.sdoc,div#nav ul.menulevel2 ul.menulevel3 li.sdocs{position:relative;list-style:none;float:left;paddingt:0;margin:0;font-size: 10px;line-height: 18px;width:180px;white-space: nowrap;background: url('images/menu_bg2.gif') 0 0 repeat-x; height: 20px; padding-top: 2px; padding-left: 0px }
div#nav ul.menulevel2 ul.menulevel3 li.sdoc a,div#nav ul.menulevel2 ul.menulevel3 li.sdocs a {display:block;float:left;text-decoration:none;font-weight: bold ;color: #0c3091; background-image:none;}
div#nav ul.menulevel2 ul.menulevel3 li:hover,div#nav ul.menulevel2 ul.menulevel3 li:focus {background: url('images/menu_bg2.gif') 0 0 repeat-x;}
div#nav ul.menulevel2 ul.menulevel3 li:hover a,div#nav ul.menulevel2 ul.menulevel3 li:focus a {color:Black;}

/* z-indices ----------------------------------- */
div#nav ul.menulevel1 {z-index:10;}
div#nav ul.menulevel2 {z-index:20;}
div#nav ul.menulevel3 {z-index:30;}
div#nav li:hover {z-index:40;}