/* General declarations -------------------------------------- */

body {
	font-family: Arial,sans-serif;
	line-height: 1.166;
	margin: 10px;
	padding: 0px;
	background-Color: #F0F0F0;
	background-attachment: scroll;
	color: #596787;
	font: 16px "Arial";
	behavior: url(csshover.htc);
}

a:link,
a:active {
  color: #596787;
}

a:visited {
  color:#B6C1D9; 
}

div#main {
  padding: 1px 0 1px 10px;
  border-left: 1px solid #596787;
  margin-left: 11em;
}

H1 {
	font-family: Arial,sans-serif;
	color: #596787;
	font: 24px "Arial";
}

H2 {
	font-family: Arial,sans-serif;
	color: #596787;
	font: 18px "Arial";
	font-style: italic;
}

img.imgbord {
  	border:1px solid #596787;
}

table {
	font: 16px "Arial";
}

p.smallfont {
	font: 10px "Arial";
}

p.redfont {
	font: 16px "Arial";
	color: #FF0000;
}

/* Header declarations ---------------------------------------- */

div#Header {
  position: relative;
  width: 100%;
  height: 48px;
  margin: 0px;
  Left: 0px;
  background-image:  url(../img/headerCenter.png);
  background-repeat: repeat-x;
}

div#hdtext {
	position: absolute;
	top: 4px;
	Left: 19px;
	color: #D1D6E4;
	font: 30px "Arial";
	font-style:italic;
	margin-right:160px;
	height: 40px;
	overflow:hidden;
}

div#hdshadow {
	position: absolute;
	top: 3px;
	Left: 18px;
	color: #596787;
	font: 30px "Arial";
	font-style:italic;
	margin-right:160px;
	height: 40px;
	overflow:hidden;
}

div#hdshadow2 {
	position: absolute;
	top: 5px;
	Left: 20px;
	color: #FFFFFF;
	font: 30px "Arial";
	font-style:italic;
	margin-right:160px;
	height: 40px;
	overflow:hidden;
}

div#headerleft {
	position: absolute;
	top: 0px;
	left:0px;
	height: 48px;
	width: 16px;
	background: transparent url(../img/headerleft.png) top left no-repeat;
}

div#headerrightNoFlag {
   position:absolute; 
	top:0px; 
	right:-1px;
	height: 48px;
	margin: 0; 
	padding: 0;
	width: 140px;
	background: transparent url(../img/HeaderRight.png) top right no-repeat;
}

ul#headerright{
	position: absolute;
	top: 0px;
	right: -1px;
	height: 48px;
	width: 140px;
	margin: 0; 
	padding: 0;
	background: transparent url(../img/headerright_en.png) top left no-repeat;
}

li#flag_en{
	position: absolute;
	left: 3px;
	top: 27px;
	margin: 0;
	padding: 0;
	list-style: none;
}

li#flag_en a{ 
   position: absolute; 
	width: 18px; height: 12px; 
	text-decoration: none; 
}

li#flag_en a span{ 
  display: none; 
}

li#flag_en a:hover{ 
	position: absolute; 
	background: transparent url(../img/headerright_en.png) -3px -75px no-repeat; 
	top: 0px; left: 0px; 
}

li#flag_en a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F8F8F8;
	position: absolute;
	top: 26px; right: 0px;
	border: 1px solid #596787; 
	margin: 0;
	padding: 5px;
	width: 160px;
  font-family: Arial,sans-serif;
  color: #596787;
  font: 9px "Arial"; 	
}

/* Footer declarations ---------------------------------------- */

table#Footer {
  clear:both;
  font-family: Arial,sans-serif;
  color: #596787;
  font: 9px "Arial";
  border-top: 1px solid #596787;
}

/* Navigation (Popup Menu) ------------------------------------ */

div#nav {
	float:left; 
	width: 160px;
	color: #596787;
	font: 12px "Arial";
	padding-top:5px;
	margin: 0 0 0 0;
	z-index: 1;
}

div#nav ul {
 	margin:0;
	padding:0;
	width: 160px;
	background: white;
	border-left: 1px solid #B0B0B0;
	border-top: 1px solid #B0B0B0;
	z-index: 1;
}

div#nav li{
	position: relative;
	list-style:none;
	margin:0;
	border-bottom: 1px solid #F8F8F8;
	z-index: 1;
}

div#nav li:hover {
	background: #DDDDDD;
	z-index: 1;	
}

div#nav li.submenu {
  	background: url(../img/submenu.gif) 95% 50% no-repeat;
	z-index: 1;	
}

div#nav li.submenu:hover {
  	background: #DDDDDD url(../img/led_bright.gif) 95% 50% no-repeat;
	z-index: 1;
}

div#nav li a{
	display: block;
	padding: 5px 0 5px 10px;
	text-decoration: none;
	width: 150px;
	color: #596787; 
	z-index: 1;
}

div#nav>ul a {
  width:auto;
  z-index: 1;
}

div#nav ul ul {
  position: absolute;
  top: -1px;
  left: 159px;
  display: none;
  z-index: 1;
}

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {
  display: block;
  z-index: 1;
}

/* Login Info -------------------------------------------------- */

div#login {
	float: left;
	width: 160px;
	color: #596787;
	font: 12px "Arial";
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px; 
	padding-right: 0px;
	margin: 5px 0 0 0;
	background: white;
	border-left: 1px solid #B0B0B0;
	border-top: 1px solid #B0B0B0;
	z-index: 0;
	text-align: center;
}

div#login form {
	margin: 2 0 2 0;
}

/* Led list item ----------------------------------------------- */

div#led li {
	background: url(../img/led_dark.gif) 0% 50% no-repeat;
	list-style: none;
	padding-left: 25px;
	line-height:1.4;
}

div#led li:hover {
	background: url(../img/led.gif) 0% 50% no-repeat;
	list-style: none;
	padding-left: 25px;
}

/* Page Footer navigation with Next / Back Led's --------------- */

div#PageFooter {
	padding: 20px 0px 40px 0px;
}

div#PageFooter li {
	float: left;
	line-height: 1.8;
	margin-right: 40px;
}

div#PageFooter li#ledback {
   background: url(../img/ledback_dark.gif) 0% 50% no-repeat;
	list-style: none;
	padding-left: 35px;
}

div#PageFooter li#lednext {
   background: url(../img/lednext_dark.gif) 0% 50% no-repeat;
	list-style: none;
	padding-left: 35px;
}

div#PageFooter li#lednext:hover {
   background: url(../img/lednext.gif) 0% 50% no-repeat;
	list-style: none;
	padding-left: 35px;
}

div#PageFooter li#ledback:hover {
   background: url(../img/ledback.gif) 0% 50% no-repeat;
	list-style: none;
	padding-left: 35px;
}

div#PageFooter li#pageno  {
	list-style: none;
}


/* Page Navigation ---------------------------------------------*/

ul#PageNav {
	position: absolute;
	float: Top;
	height: 10px;
	width: 920px;
	color: white;
	font: 12px "Arial";
	padding-top: 5px;
	margin: 0 0 0 0;
	z-index: 0;
	top: 110;
	left: 187;
	border-bottom: 1px solid #596787;
}

ul#PageNav li {
	position: relative;
	list-style: none;
	float: left;
	z-index: 0;
	padding-left: 10;
	margin: 0px 5px 0px 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

ul#PageNav li a:hover,
ul#PageNav li:hover {
	background: B6C1D9;
}

ul#PageNav li a {
	display: block;
	padding: 0px 10px 0 10px;
	text-decoration: none;
	width: 150px;
	color: white;
}

div.SubPageNavActive {
	position: absolute;
	top: 150px;
	height: 500px;
	width: 900px;
	z-index: 0;
	overflow: auto;
	visibility: visible;
}

div.SubPageNavInActive {
	position: absolute;
	top: 150px;
	height: 500px;
	width: 850px;
	z-index: 0;
	overflow: auto;
	visibility: hidden;
}

div#PageSpace {
	height: 550px;
}

table.SubPageTable {
	font: 12px "Arial";
}

table.SubPageTable td.redfont {
	font: 12px "Arial";
	color: #FF0000;
}

ul#PageNav li.TabInActive {
	background: #D1D6E4;
}

ul#PageNav li.TabActive {
	background: #596787;
}

table.SubPageTable td form {
	margin: 1;
	float: left;
}