TABLE.border { BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; Border-Color: #FFFFFF; }
.margins {	margin: 10px, 10px, 10px,10px; border:0px solid; border-color:#bcb6a7 }
.arrow {	Color: #3086a7; }
INPUT.format { font-size: 11px; color: #000000; background-color : #D2D2D2; font-style: normal;
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
Border-Color:#FFFFFF;
}
SELECT.format { font-size: 11px; color: #000000; font-style: normal;}
TEXTAREA { font-size: 11px; color: #000000; background-color : #D2D2D2;BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
Border-Color: #FFFFFF;font-style: normal;
}
INPUT.submit { font-size: 11px; color: #FFFFFF; Font-Family : Verdana, Arial, Helvetica, sans-serif;  font-style: normal; background-color : #8ea6ae; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; Border-Color: #FFFFFF;
}
INPUT.reset { font-size: 11px; color: #FFFFFF; Font-Family : Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-color : #8ea6ae; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; Border-Color: #FFFFFF;
}
a.info{
position:relative; /*this is the key*/
z-index:24; 
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:inline;
position:absolute;
top:1em; left:1em; width:15em;
background-color:#ffff80; color:#ff0000;
text-align: center}
.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(images/warning_obj.gif); background-position: right; background-repeat: no-repeat;}
.obli {color: #3086a7; Font-Family : Verdana, Arial, Helvetica, sans-serif; }
.mef { font-size: 11px; color: #000000; font-style: normal;
}