html, body{
overflow-x: hidden;
overflow-y: hidden;
margin:0;
padding:0;
height:100%;
width:100%;
font-size: 100%;
}
p{
margin: 0;
padding: 4px;
}
#top{
background: #9AB4CA;
font-family: verdana;
position:absolute;
z-index: 1;
top:0;
left:0;
width:100%;
height:12%;
margin:0;
padding:0;
}
#header{
position: absolute;
z-index: 2;
width: 100%;
left:0;
margin-top: auto;
margin-bottom: auto;
}
#logo{
position: absolute;
top: 6px;
left: 5px;
margin-top: -28px;
z-index: 2;
}
#logo h1{
color: #fff;
padding: 0;
margin: 0;
font-family: tahoma;
}
#topnav
{
position:absolute;
top: 25px;
left: 0px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
border-top: 3px solid #D1D9DF;
z-index: 1;
}
#topnav ul
{
list-style-type: none;
text-align: center;
margin-top: -8px;
margin-left: 30%;
padding: 0;
position: relative;
z-index: 3;
}
#topnav li
{
display: inline;
text-align: center;
margin: 0 5px;
}
#topnav li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
border: 2px solid #D1D9DF;
text-decoration: none;
}
#topnav li a:hover
{
border: 2px solid #D1D9DF;
color: #fff;
background-color: #9AB4CA;;
}
#topnav li a#current
{
color: #fff;
border: 2px solid #D1D9DF;
font-weight: bold;
background-color: #9AB4CA;
}
#topnav2{
position:absolute;
top:12%;
left:0;
background:white;
height:5%;
width:100%;
margin:0;
padding:0;
overflow:auto;
border-top: 3px solid #D1D9DF;
}
#left,#leftI{
position:absolute;
left:0;
background:white;
width:30%;
margin:0;
padding:0;
overflow:auto;
}
#left{
top:12%;
height:83%;
border-top: 3px solid #D1D9DF;
}
#leftI{
top:17%;
height:78%;
border-top: 2px solid #D1D9DF;
}

#center,#centerI{
position:absolute;
left:30%;
background:white;
width:10%;
margin:0;
padding:0;
overflow:auto;
}
#center{
top:12%;
height:83%;
border-top: 3px solid #D1D9DF;
}
#centerI{
top:17%;
height:78%;
border-top: 2px solid #D1D9DF;
}
iframe{
width: 100%;
height: 100%;
border-width: 0;
}
#country{
border: 2px solid #D1D9DF;
width: 80%;
height: 50%;
}

#sose,#soseI{
position:absolute;
left:30%;
background:white;
width:70%;
margin:0;
padding:0;
/*overflow:auto;*/
}
#sose{
top:12%;
height:12%;
border-top: 3px solid #D1D9DF;
}
#soseI{
top:17%;
height:12%;
border-top: 2px solid #D1D9DF;
}
#right,#rightI{
position:absolute;
z-index: 9;
left:30%;
background:white;
width:70%;
margin:0;
padding:0;
/*overflow:auto;*/
}
#right{
top:12%;
height:83%;
border-top: 3px solid #D1D9DF;
}
#rightI{
top:17%;
height:78%;
border-top: 2px solid #D1D9DF;
}
#bottom{
background: #9AB4CA;
position:absolute;
z-index: 12;
bottom:0;
left:0;
width:100%;
height:5%;
margin:0;
padding:0;
text-align: center;
border-top: 3px solid #D1D9DF;
}

ul.navau a:link {text-decoration: none;}
ul.navau a:visited {text-decoration: none;}
ul.navau a:hover {text-decoration: underline;}
UL.navau {
padding: 0 0 0 24px;
margin: 0 0 0 -16px;
font-weight: bold;
list-style-type: none;
}
UL.navau LI UL{
margin-left: 8px;
list-style-type:none;
font-weight: normal;
}
UL.navau  li { font-size: 90%; color: #f60;font-family:tahoma;}
UL.navau  li ul li a{color: #666;}

ul#botnav{
margin: 5px;
}
ul#botnav li{
display: inline;
padding: 0px 10px;
border-left: 1px solid #000;
}
ul#botnav li.first{
border-left: 0;
}
ul#botnav li a{
font-family: verdana;
font-size: 80%;
color: #000;
}
ul#botnav li a:hover{
color: #03C;
text-decoration: none;
}

ul#navlist2{
margin: 0px;
}
ul#navlist2 li{
display: inline;
padding: 0px 10px;
border-left: 3px solid #D1D9DF;
}
ul#navlist2 li.first {
border-left: 0;
}
ul#navlist2 li a{
font-family: verdana;
font-size: 80%;
color: #666;
}
ul#navlist2 li a:hover {
color: #000;
text-decoration: none;
}
#switch{
text-align:center;
vertical-align:middle;
position:absolute;
z-index:10;
top:-15px;
right:20px;
height:30px;
width:30px;
background-color:#ffffff;
border:3px solid #D1D9DF;
cursor: pointer;
}

#b1, #e1{
color:#000;
font-size:84%;
/*font-weight:bold;*/
border:1px solid;
border-color: #9AB4CA;
}
#b1 {
background-color:#D1D9DF;
}

.inp{
color:#000;
font-size:84%;
border:1px solid;
border-color: #9AB4CA;
}

/*NAV*/

.pde{
	font-family:tahoma;
}
ul.pde li { font-size: 90%; color: #666;}

ul.pde li a{ font-size: 100%; color: #666;}
ul.pde li ul li a{ font-size: 90%; color: #3399cc;}
ul.pde li ul li ul li a{ font-size: 80%; color: #3366cc;}
ul.pde a:link {text-decoration: none;}
ul.pde a:visited {text-decoration: none;}
ul.pde a:hover {text-decoration: underline;}

ul.pde,ul.pde li{
margin:0;
padding:0;
list-style:none;
}
ul.pde{
text-align:left;
margin:.5em auto;
border: 2px solid #D1D9DF;
width:80%;
}
ul.pde ul{
margin:0 0 0 1em;
padding:0;
}
ul.pde li{
padding:.2em 0;
margin:0;
padding-left:15px;
}
ul.pde li.parent{
		padding-left:0;
}
ul.pde li.parent img{
border:none;
padding-right:5px;
}
ul.pde li.current li{
padding-left:0;
}
.hide{position:absolute;top:0;display: none}
.show{position:static;display: table;top:0;left:1em;}

#register{
position:relative;
left:0px;
text-align:left;
margin:.5em auto;
border: 1px solid #9AB4CA;
width:60%;
}
#update{
text-align:left;
margin:.5em auto;
border: 1px solid #9AB4CA;
width:90%;
}
.tfvHighlight
  {color: #f60;}
.tfvNormal
  {color: #666;}
.inputHighlighted
  {color: red;}
.inputNormal
  {color: black;}