/* Section Top
*/
body{
background-color:rgb(113,130,138);
}

#top {
/*position:fixed;
top:0;
left:0;
z-index:5;*/
width:100%; 
color:#346799; 
border:2px solid #1d1c56;
-moz-border-radius:15px;
text-align:right;
background-color:#dfdfdf;
}

#top span {
font-size:xx-small;
}
#top h1 {
display:inline;
margin:0 80px 15px 0;
}
#top a{
color:#346799; 
}
#top a:hover{
color:rgb(231,91,9); 
font-size:medium;
}
/* Section Top
*/

#menu , .bookmark, .colon{
margin:5px 0 0 0; 
padding : 15px 0 5px 10px;
width:130px; 
border:2px solid #1d1c56;
-moz-border-radius:15px;
background-color:#F0F7D4;
}

.menuL{
float:left; 
}
.menuR{
float:right; 
}

#menu ul, .bookmark ul {
list-style-type:none; 
margin:0;
padding:0;
width:100%; 
color:#346799; 
text-align:left;
}
#menu li, .bookmark li {
margin-bottom:15px;
font-weight:bold;
}

#menu a, .bookmark a {
display:block;
width:110px; 
padding:3px 5px 3px 5px;
border:2px solid #848484;
text-decoration: none;
text-align:center;
color:#346799;
background-color:white;
font-style:italic;
}

#menu a:hover, .bookmark a:hover {color:#848D5F; border:3px solid #848D5F; background-color:#1d1c56;}

/* Section Content
*/
#content, .section{
-moz-border-radius:15px;
color:#1d1c56;
margin-left:150px;
margin-right:150px;
margin-top:10px;
padding:10px 20px 10px 20px;
background-color:#dfdfdf;
border:2px solid #1d1c56;
}
.insidesection{
-moz-border-radius:15px;
color:#1d1c56;
margin-top:10px;
padding:10px 20px 10px 20px;
background-color:#dfdfdf;
border:2px solid #1d1c56;
}

#content .label,.insidesection .label{
display:block;
float:left;
width:180px;
font-weight:bold;
}

#content select .std{
color:#1d1c56; 
font-weight:bold; 
width:180px;
}

#content input .std{
color:#1d1c56; 
font-weight:bold; 
width:180px;
}

#content textarea{
width:280px;
}
/*Footer CSS*/
#footer{
margin-top:20px;
}
#footer img{
border-style:none;
}
/*Fieldset CSS*/
fieldset{
background-color:#F0F7D4;
border:2px solid #848484;
color:#1d1c56;
padding:10px 0 10px 10px;
}

legend{
color:#1d1c56;
font-weight:bold;
font-size:x-large;
text-align:center;
}

.form div{
margin-bottom:3px;
}

/*menu CSS*/
ul.menu{
list-style-type:none; 
margin:3px 0 0 0;
padding:0;
width:100%; 
}
ul.menu li{
float:left;
margin:15px 5px 0 0;
}

/*Links CSS*/
a.menu {
padding:3px 5px 3px 5px;
border:2px solid #848484;
text-decoration: none;
text-align:center;
color:#346799;
background-color:white;
font-style:italic;
}
a.menu:hover {color:#848D5F; border:3px solid #848D5F; background-color:#1d1c56; font-weight:bold;}
a.menu img{
border-style:none;
}

a.googleearth:hover {background-image:url('http://localhost/OpenAtlas/gfx/Logoz/googleEarth.gif');}

.menugreen , .menugreentxt {
border:1px solid #848484;
text-decoration: none;
text-align:center;
color:#848D5F;
background-color:white;
font-style:italic;
padding:0px 5px 0px 5px;
}
.menugreen{
padding:3px 5px 3px 5px;
}
a.menugreen:hover,a.menugreentxt:hover {color:red; border:1px solid #848D5F; background-color:#1d1c56;}

a.menuflash{
background-color:#FF6000;
color: #1d1c56;
}
/*TAbList CSS*/
ul.tablist{
list-style-type:none; 
padding:0;
margin:0;
}
ul.tablist ul{
list-style-type:disc;
color:white;
}

.tablist li{
  background-color:#5D4D15;
  margin:0 0 10px 0; 
  padding: 0 0 0 10px;
  font-weight:bold;
  width:98%;
}

.tablist li:hover{
  background-color:#bd8e49;
}

.tablist li a{
  color:white;
  text-decoration:none;
}

.tablist li a:hover{
  color:orange;
  text-decoration:underline;
}
.tablist li ul li a{
color:orange;
}
.tablist li ul li a:hover{
color:white;
}
.tablist li img{
  float:left;
  margin:5px 5px 5px 0;
  height:50px;
}

/*Info HTML section*/
#infohtml .contain{
border:2px solid #848D5F; 
background-color:black; 
padding:15px 15px 15px 15px; 
margin-top:10px;
font-weight:bold;
color:#848D5F;
}
#infohtml .comment{  
width:300px;  
float:left;
margin-right:10px;
}
#infohtml .xcomment{
margin-top:15px;
padding:0 10px 10px 0; 
border-bottom:1px dotted #F0F7D4; 
border-right:1px dotted #F0F7D4;
}
#SlideShow{
width:380px;
}

/*Delete list line setion in tablists*/
.listdelete{
padding:2px 10px 2px 10px; 
border-left:2px solid black;
border-bottom:2px solid black; 
background-color:rgb(113,130,138); 
float:right;
}

hr.cb{
clear:both;
visibility:hidden;
}

.txtimgtop{
vertical-align:text-top;
}
.txtimgmed{
vertical-align:middle;
}

.x-small{
font-size:x-small;
}

.hide{
display:none;
}
.vhide{
visibility:hidden;
}

.mandatory{
color:red;
font-weight:bold;
}
.admin{
background-color:#FF6600;
}

.debug{
border:1px dotted red;
}