/* CSS Document */
body,td
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
}

body 
{
 background-color: #FFFFFF;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 background-image: url();
 background-repeat: no-repeat;
}

th{
 background-color: #EEE;
 color: #6698c1;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 border-bottom: #6698c1 1px dotted;
}

.menutitle{
 background-color: #EEE;
 color: #6698c1;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 border-bottom: #6698c1 1px dotted;
 margin-bottom: 2px;
 width:160px;
 cursor: pointer;
}

.submenu{
font-size: 12px;
}

a:link 
{
 color: #003366;
 text-decoration: none;
}

a:visited 
{
 text-decoration: none;
 color: #003366;
}

a:hover 
{
 text-decoration: underline;
 color: #336699;
}

a:active 
{
 text-decoration: none;
 color: #0099CC;
}

h1,h2,h3,h4,h5,h6 
{
 font-weight: bold;
}

h1 
{
 font-size: 14px;
 color: #000000;
}

h2 
{
 font-size: 12px;
 color: #003366;
}

h3 
{
 font-size: 12px;
 color: #000000;
}

.footer 
{
 background-color: #6698C1;
 text-align: center;
 padding: 5px;
 font-size:10px;
}

.left 
{
 width: 202px;
}

.left2 
{
 width: 10px;
}

#main 
{
 border-style: none;
 table-layout: fixed;
 width: 100%;
 padding: 0px;
 margin: 0px;
 display: table;
}

.okbutton 
{
 background-attachment: fixed;
 background-image: url(pic/ok_off.gif);
 background-repeat: no-repeat;
}

.loginform 
{
 width: 50px;
 height: 15px;
 font-size: 10px;
}

/*.smalltxt 
{
 font-size: 8px;
}*/

.leftmenu 
{
 width: 160px;
 margin: 1px;
}

.leftmenu tr th 
{
/* text-align: right ! important;
 background-color: #EEE;
 color: #6698c1;
 border-bottom: #6698c1 1px dotted;*/
 font-size: 12px;
 font-weight: bold;
 
}

.leftmenu tr th:hover 
{
 /*text-align: right ! important;*/
 background-color: #EEE;
 color: #6698c1;
 border-bottom: #6698c1 1px dotted;
 font-size: 12px;
 font-weight: bold;
 
}

.leftmenu tr th  a:hover
{
 /*text-align: right ! important;*/
 background-color: #EEE;
 color: #6698c1;
 font-size: 12px;
 font-weight: bold;
 border-bottom: #6698c1 1px dotted;
 text-decoration:none;
}

.leftmenu tr th a:active 
{
 background-color: #FFFFFF;
 border-bottom-width: 1px;
 border-bottom-color: #CCCCCC;
 border-bottom-style: dotted;
}

#maintable 
{
 border-width: 0px;
 width: 90%;
 padding: 3px;
}

#maintable th 
{
 background-color: #EEE;
 color: #6698c1;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 border-bottom: #6698c1 1px dotted;
}

.odd 
{
 background-color: #F4F4F4;
 border-bottom-width: 1px;
 border-bottom-color: #6698c1;
 border-bottom-style: dotted;
}

.even 
{
 background-color: #E3EEF4;
 border-bottom-width: 1px;
 border-bottom-color: #6698c1;
 border-bottom-style: dotted;
}


/* These classes are used in wrapContent function */  
div.img { text-align:center }  
div.msg { font-size:12px; line-height:1.3; margin-top:6px }

.smalltxt {
	font-size:9px;
}

.error{
	color:#CC0000;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#EEE}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #6698c1;
    background-color:#EEE; color:#6698c1;
    text-align: justify}

#topmenutable {
	position:absolute;
	z-index:5;
	top: 150px;
	left: 300px;
	right: 10px;
}	
a.topmenu
{
 color: #eee;
 font-size: 12px;
 text-align: center;
 margin: 3px;
 padding: 3px;
}

a.topmenu:hover
{
 color: #fff;
 font-size: 12px;
 text-align: center;
 margin: 3px;
 padding: 3px;
 text-decoration:none;
}


a.info{
    position:relative; /*this is the key*/
    /*z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none*/
	}

a.info:hover{z-index:2500;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px dotted #6698c1;
    background-color:#EEE; color:#000;
    text-align: left;
	padding:5px;}
	
	
dl { width: 160px; }
 dl,dd { margin: 0; }
 dt {
 background-color: #EEE;
 color: #6698c1;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 border-bottom: #6698c1 1px dotted;
  margin: 2px;
 }
 dt a { color: #6698c1; }
 dd a { color: #003366; }
 ul { 
 list-style: none; padding: 5px; 

 }
 
 #languageflags{
	top: 35px;
	right: 30px;
	position:absolute;
	margin: 2px;
 }