body {font: normal ; background-color: #ffffff; font-family: sans-serif , arial, verdana, helvetica ; }
.top {margin: 0; padding: 0; border: solid 1px #305020; background-color: rgb(140,170,230);} /* 3C616A */
h1 {margin: 0; padding: 10px;  color: rgb(39,78,144);}

.crumbs {margin: 0; padding: 1px; background-color: rgb(0,51,153); color: #ffffff;} /* #3C657B */
.crumbs a {margin-left: 4px; color: #ffffff;}
.crumbs span {font-weight: bold; font-size: 10pt; text-decoration: none;}

a {font-weight: bold; font-size: 10pt; text-decoration: none; }
a:hover {text-decoration: underline;}
.main {margin-top: 15px; border: solid 1px #ffffff;}

.left { float: left;  border: 1px solid rgb(153,153,153); background-color: rgb(240,240,240);}
.left ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0 0 2 0;}
.left li {list-style: none; margin: 0; padding: 0.1ex 0;}
.left a { font-weight: normal; font-size: 8pt; color: rgb(0,102,204); background-color: transparent; text-decoration: none; margin: 0; padding: 0.5em 1ex 0.5em 5mm; display: block;}
.left a:hover { color: white; background-color: rgb(100,135,220); text-decoration: none; }

.right { float: right; border: solid 1px #ffffff;}
.right ul {margin: 0; padding: 0;}
.right li {list-style: none;}
.right a { font-weight: normal; font-size: 8pt; color: rgb(0,102,204); background-color: transparent; text-decoration: none; margin: 0; padding: 2 2 2 2;}
.right h4 {font-weight: bold; font-size:80%; margin: 1 1 1 1; padding: 1 1 1 1;}

.content  {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.0em;
  margin: 0 0 0 15em;
  padding: 0.5mm 5mm 5mm 5mm;
  border-left: 1px solid rgb(153,153,153);
}
.content h3 {margin: 0; color: #ffffff; font-family: verdana, helvetica, arial, sans-serif; font-size: 80%; margin: 0; font-weight: bold; background-color: rgb(100,135,220); padding: 0.5ex 0.5ex 0.5ex 2ex;}
.content p {margin: 1%; font-size:10pt}
.content a {
  color: rgb(0,102,204);
  font-size: 10pt;
  font-weight: normal;
  background-color: transparent;
  text-decoration: underline;
}

.content a:hover { text-decoration: none; }
.content span {font-size:10pt}
.content ul {margin: 0; padding: 0;}
.content li {font-size:10pt;}

.error { list-style-image: url(../images/star.gif); font-size:x-small; color:brown; vertical-align:middle; }

.footer {clear: both; margin: 0; padding: 2px; border: solid 1px #305020; background-color: rgb(100,135,220); color: #eeeeee; text-align: center;}
.footer h5 {margin: 0;}
	
.quickJump { float: right; margin: 0; margin-top: 5px; text-align: left; color: #ffffff; font-weight: bold;}
.quickJump p {margin: 0; font-size:9pt}
.quickJump a {color: #ffffff;}

.userInfo { float: right; margin: 0; margin-top: 5px; text-align: left; color: #ffffff; }
.userInfo p {margin: 0; font-size:9pt}
.userInfo a {color: yellow; font-weight: normal ; }
.userInfo span {margin: 1%; font-size:10pt; color:White }

.click1 {background-color: #e0e8d0; border: solid 1px #666666;}
.click	{ color: #000000; cursor: hand; border: solid 1px #808080; background: url(../images/button_back.gif) center; 
		  padding:1px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; }

.text1 {background-color: #f9f9f9; border: inset 1px #666666;}

span { font-size:10pt;}
label { font-size:10pt;}
.lerr {margin: 2pt; font-size:10pt; font-weight:bold ; color: Yellow;  }
.headerinfo { color: #3C657B; }
.chlist { margin: 2pt; font-size:10pt }


a.info{
    position:relative; /*this is the key*/
    z-index:24; /* background-color:#ccc;*/    
    color: rgb(0,102,204);
    text-decoration: underline; }

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

a.info span{display: none}

a.info:hover span
{ /*the span will display just on :hover state*/
    display: block;
    position:absolute;
    top:2em; left:3em; width:15em;
    border:1px solid #0cf;
    background-color:#FFFFCC; color:#000;
    text-align: left;
    font-size: xx-small;
    margin: 8px;
    padding: 6px;
 }