/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

INPUT {
font-size: 1em;
}

a:link {color:#0000FF;}
a:visited {color:#0000FF;}
a:hover {color:#FF6600;}

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 0 10px;
}

#spnExt {
  font-size:.9em;
  color:#666666;
}

.al { /* alert text */
font-size: 1em;
color:#993300;
font-weight:bold;
margin-left: 20px;
}

.bs { /* big section */
  width: 21%;
  margin-left:1%;
  margin-right:1%;
  height:450px;
  overflow:visible;
  border: double 6px #CCCCCC;
  float:left;
}

.bs p{
  padding:7px;
}

.bs form{
  margin: 0;
  padding:7px 7px 7px 7px;
  background-color:#EEE;
  height:130px;
}

.bs h1 {
  text-align:center;
  font-size:30px;
  letter-spacing:10px;
  width:100%;
  background-color:#336699;
  height:40px;
  margin:0;
  padding-top:20px;
  font-variant:small-caps;
  color:#ffcc00;
}

.bs h2 {
  text-align:center;
  font-size:17px;
  width:100%;
  background-color:#336699;
  margin:0;
  padding-bottom:7px;
  color:#FFF;
}

.inputClue {
  background:#FFFFCC url(../images/hint.gif) no-repeat scroll -10px 5px;
  border:1px solid #CC9933;
  display:none;
  margin-left:6px; 
  padding:0.5em;
  position:absolute;
  width:225px;
  font-size: small;
  z-index: 1;
}

.inputClue .inputCluePointer {
  position: absolute;
  left: -10px;
  width: 10px;
  height: 19px;
  background: url(../images/hint.gif) left top no-repeat;
  top: 0px;
}