body 
{
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    margin-left: 5%;
    margin-right: 5%;
}

div#topbar {
    background-color: #C0C0FF;
    padding: 5px;
    margin: 0;
    height: 120px;
    position: absolute;
    top: 0;
    left: 5%;
    width: 100%;
    max-width: 90%;
}

div#topbar img {
    border: none;
}

div#tagline 
{
    padding: 5px;
    text-align: left;
    font-family: serif;
    font-style: italic;
    background-color: #a0a0ff;
    color: white;
    font-weight: bold;
   
    position: absolute;
    bottom: 0;
    left: 0;
    width: 99%;
    
}

div#loggedin 
{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
	 background-color: #a0a0ff;
    font-size: 80%;
    margin-left: 150px;
   padding: 7px;
    color: #404060;
}

div#qAward 
{
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-size: 80%;
    margin-left: 150px;
    
	padding: 5px;
    color: #404060;
}
div#sidebar {
    position: absolute;
    top: 138px;
    right: 5%;
    width: 155px;
    margin-top: -1px;
    margin-right: -1px;
    padding: 0px;
    font-size: 90%;
    background-color: white;
}

ul#mainmenu 
{
    padding: 0px;
    list-style: none;
    margin: 0;
    margin-bottom: 1em;
    background-color: white;
}

ul#mainmenu li 
{
    margin: -1px;
    padding: 0;
    border: 1px white solid;
}

ul#mainmenu a, ul#mainmenu span.current 
{
    display: block;
    background-color: #f0f0ff;
    padding: 5px;
    margin: 0;
    margin-bottom: 5px;
    text-decoration: none;
}

ul#mainmenu a:hover 
{
    background-color: #7070ef;
    color: white;
    text-decoration: underline;
}

ul#mainmenu span.current, ul#mainmenu a.current
{
    
    background-color: #7070ef;
    color: white;
}

div#loginmenu 
{
    background-color: #c0c0ff;
    padding: 5px;
}

div#loginmenu h1
{
    font-size: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    border-bottom: 1px #d0d0ff solid;
    margin-bottom: 0.2em;
}

div#loginmenu h2
{
    font-size: 100%;
    font-weight: normal;
    font-style: italic;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-bottom: 0.1em;
    border: none;
}

div#loginmenu form
{
    text-align: center;
    font-size: 90%;
}

div#loginmenu form input
{
    width: 140px;
    padding-bottom: 0.1em;
}

div#loginmenu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

div#loginmenu ul li
{
    display: inline;
}

div#loginmenu ul li a
{
    display: block;
    margin-left: -5px;
    margin-right: -5px;
    padding: 5px;
    border-top: 5px white solid;
}

div#loginmenu ul li span
{
    display: block;
    margin-left: -5px;
    margin-right: -5px;
    padding: 5px;
    border-top: 5px white solid;
}

div#loginmenu ul a:hover, div#loginmenu ul li span
{
    background-color: #7070ef;
    color: white;
}

div#main 
{
    position: relative;
    margin-top: 138px;
    margin-right: 160px;
    font-size: 90%;
}

table.twocol 
{
    width: 100%;
    min-width: 100%;
}

table.twocol th 
{
    text-align: right;
    vertical-align: top;
    width: 20%;
}

table.twocol td 
{
    text-align: left;
    vertical-align: top;
    padding-left: 0.5em;
}

table.twocol td.subhead 
{
    text-align: right;
    padding-left: 0;
    font-style: italic;
}

a.editlink 
{
    margin: 0.2em;
    margin-top: -2.7em;
    background: #a0a0ff;
    padding: 0.2em;
    color: white;
    font-size: 12pt;
}

h2,h3 
{
    border-top: 1px #707070 dotted; 
}

h2.comp,h3.comp,h1.comp
{
    border-top: 0px #707070 dotted; 
	display: inline; 
}







table.log 
{
    border-collapse: collapse;
    font-size: 80%;
}

table.log td 
{
    border-bottom: 1px black solid;
    padding: 5px;
    border-right: 1px #c0c0ff solid;
    border-left: 1px #c0c0ff solid;
}

table.log th 
{
    border-bottom: 2px black solid;
    border-top: 2px black solid;
    border-right: 1px #ccf solid;
    border-left: 1px #ccf solid;
    background: #e0e0ff;
}



table.compActivity
{
    border: 1px black solid;
  width: 100%;
	
}

table.comp 
{
    border: 0;
   border-collapse: collapse;
	
}

table.comp td
{
    border: 0;
   
	 background: #E6E8FA;
	border-collapse: collapse;
	border-bottom: 2px white solid;
}
table.comp th
{
   text-align:left;
    border-bottom: 2px #cccccc solid;
	height:50px;
	font-size:18px;
}

table.compdiff 
{
    border: 0;
   border-collapse: collapse;
	
}

table.compdiff td
{
    border: 0;
   
	 background: red;
	border-collapse: collapse;
	border-bottom: 2px white solid;
	color: #ffffff;
}
table.compdiff th
{
   text-align:left;
    border-bottom: 2px #cccccc solid;
	height:50px;
	font-size:18px;
}

table.comp2 
{
text-align:center;
   height:100px;
	font-size:18px;
	border-collapse: collapse;
}



table.comp2 tr
{

 border: 1px #9090c0 solid;
 

}
table.comp2 td
{
    border: 0;
   
	 background: #E6E8FA;
	border-collapse: collapse;
	
}
table.comp2 th
{
   text-align:left;
   
	height:50px;
	font-size:18px;
}

table.comp3
{
    border: 0;
   border-collapse: collapse;
	
}

table.comp3 td
{
    border: 0;
   
	 background: #9AFF9A;
	border-collapse: collapse;
	border-bottom: 2px white solid;
}
table.comp3 th
{
   text-align:left;
    border-bottom: 2px #cccccc solid;
	height:50px;
	font-size:14px;
}

table.comp4
{
    border: 0;
   border-collapse: collapse;
	
}

table.comp4 td
{
    border: 0;
   
	 background: #DB7093;
	border-collapse: collapse;
	border-bottom: 2px white solid;
}
table.comp4 th
{
   text-align:left;
    border-bottom: 2px #cccccc solid;
	height:50px;
	font-size:14px;
}

div.printaddress 
{
    display: none;
}

form.infoform
{
    text-align: center;
}

div.testimonial 
{
    margin-right: 10%;
    margin-left: 10%;
}

div.testimonial p.content {
    background-color: #f0f0ff;
    border: 1px #9090c0 solid;
    padding: 5px;
    margin-bottom: 0;
}

div.testimonial p.credit {
    text-align: right;
    font-size: 90%;
    font-weight: 700;
    margin-top: 0;
    padding-top: 0.2em;
}

div.faq	{
    margin-right: 10%;
    margin-left: 10%;	
}

div.faq p.question {
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 2em;
}

div.faq p.answer {
    background-color: #f0f0ff;
    border: 1px #9090c0 solid;
    padding: 5px;
    margin-bottom: 0;
    margin-top: 0;
}

div.faq p.top {
    text-align: right;
    font-size: 90%;
    margin-top: 0;
}

div#footer {
    font-size: 75%;
    border-top: 1px dotted #707070;
    color: #707070;
    margin-top: 2em;
    margin-bottom: 0.2em;
    clear: left;
}

div#rightfooter {
    color: #d0d0d0;
    float: right;
}

hr {
    border: none;
    border-top: 1px dotted #707070;
}

.noline {
    border: none;
}

p.note {
    margin-top: -0.5em;
    font-style: italic;
    font-size: 90%;
}

div.alert {
    background-color: #000090;
    color: white;
    padding: 0.2em;
    margin-bottom: 0.5em;
    font-weight: bold;
    text-align: center;
}

div.alert ul {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

div.alert a {
    color: #d0d0ff;
}

div.info {
    background-color: #c0c0ff;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

div.info h3 {
    color: white;
    border: none;
    margin: 0;
}

div.info p {
    padding: 0;
    margin: 0;
    margin-top: 0.2em;
}

div.info a {
    color: #5050e0;
}

div#leftbar {
    width: 150px;
    float: left;
}

div#mainbox {
    margin-left: 170px;
}

div.newstitle {
    font-size: 80%;
    padding: 0.2em;
}

div.newscredit {
    color: #707070;
    font-size: 80%;
    text-align: right;
}

div#news {
    width: 150px;
    background-color: #f0f0ff;
    border: 1px #c0c0c0 solid;
}

table#stocks {
 width: 150px;
 border: 1px #c0c0c0 solid;
 margin-bottom: 1em;
 border-spacing: 0;
}

table#stocks td, table#stocks th {
  font-size: 9px;
  margin: 0;
}

table#stocks th.head {
  text-align: left; 
  background-color: #6666b0; 
  color: #FFFFFF; 
  font-weight:bold; 
}

table#stocks tr td {
  font-family:Tahoma; 
  background-color: #f0f0ff;
  border-top: 1px white solid;
  border-left: 1px white solid;
  border-right: 1px #777 solid;
  border-bottom: 1px #777 solid;
  padding: 0.3em;
}

table#stocks tr td.price {
  text-align: center;
}

table#stocks tr.byline th {
  background-color: white;
}

table#stocks tr.byline th a {
  text-decoration: none;
  color: #777;
  font-weight: normal;
}

div.sponsored {
    background-color: #d0d0ff;
    font-size: 65%;
    border-bottom: 1px #c0c0c0 solid;
    text-align: center;
}

tt {
    color: #7070ff;
}

table.small td {
    font-size: 85%;
}

td.hidesmall small {
    font-size: 10%;
}

th small {
   font-weight: normal;
}

div.agent {
  background-color: #e0e0ff;
  font-size: 100%;
  text-align: center;
 padding: 0.4em;
  border: 1px #a0a0e0 solid;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.survey {
  background-color: #fff;
  font-size: 100%;
  text-align: center;
 padding: 0.4em;
  border: 2px #573158 solid;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.survey h2
{
  font-size: 140%;
 color: #573158;
 border: none;
 padding: 0;
 margin: 0;
}

div.survey h2 a
{
  text-decoration: none;
 color: #573158;
}

div.survey p
{
 margin: 0;
 padding: 0;
}

img.pdflogo {
 border: none;
  vertical-align: bottom;
}

div#dev {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ff7000;
  color: white;
  border: 1px black solid;
  padding: 0.4em;
  z-index: 50;
}

table.monthtable
{
 border-collapse: collapse;
 font-size: 90%;
}

table.monthtable td
{
 border: 1px #909090 solid;
}

table.monthtable td.day
{
 text-align: center;
 font-size: 90%;
}

td.grey {
    color: #909090;
    background-color: #e0e0e0;
}

div.bar {
    width: 0.5em; 
    vertical-align: bottom; 
    border:1px #777 solid; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top:5px
}



/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
  width: auto;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
  font-size: 12pt;
}



/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#000000;
	font-weight:bold;
    text-decoration:none;
	cursor: help;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #333333; background:;}
a.tt:hover span.tooltip{
    display:block;
	
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #333333;
    text-align: justify;
	 font-size: 8pt;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.png) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bt.gif) no-repeat bottom;
}
/*
a.tt:after {
	
	
  padding-left: 2px;  
          /* eye candy 
  content: url(bubble.png);
 background:;
}

#content a.tt::after {
   padding-left: 2px;  
          /* eye candy 
  content: url(bubble.png);
  background:;
}
/* Competency Assessment*/
div.compAssessment{
width: 100%;
padding:4px 4px 4px 4px;
	/* background: #E6E8FA;*/
	background: #FEF1B5;
	 
}

table.compAssessment 
{
    border: 0;
   border-collapse: collapse;
	
}

table.compAssessment td
{
    border: 0;
   
	 background: #FEF1B5;
	border-collapse: collapse;
	border-bottom: 2px white solid;
}
table.compAssessment th
{
   text-align:left;
    border-bottom: 2px #cccccc solid;
	height:50px;
	font-size:18px;
}


div.compCerts{
width: 100%;
padding:4px 4px 4px 4px;
	/* background: #E6E8FA;*/
	background: #CDE472;
	 
}

table.compCerts 
{
    border: 0;
   border-collapse: collapse;
	
}

table.compCerts td
{
    border: 0;
   
	 background: #CDE472;
	border-collapse: collapse;
	border-bottom: 2px white solid;
}
table.compCerts th
{
   text-align:left;
    border-bottom: 2px #cccccc solid;
	height:50px;
	font-size:18px;
}

div.compVerification{
width: 100%;
padding:4px 4px 4px 4px;
	/* background: #E6E8FA;*/
	background: #FFCC99;
	 
}

table.compVerification 
{
    border: 0;
   border-collapse: collapse;
	
}

table.compVerification td
{
    border: 0;
   
	 background: #FFCC99;
	border-collapse: collapse;
	border-bottom: 2px white solid;
}
table.compVerification th
{
   text-align:left;
    border-bottom: 2px #cccccc solid;
	height:50px;
	font-size:18px;
}

div.compDeclaration{
width: 100%;
padding:4px 4px 4px 4px;
	/* background: #E6E8FA;*/
	background: #c0c0ff;
	 
}

table.compDeclaration 
{
    border: 0;
   border-collapse: collapse;
	
}

table.compDeclaration td
{
    border: 0;
   
	 background: #c0c0ff;
	border-collapse: collapse;
	border-bottom: 2px white solid;
}
table.compDeclaration th
{
   text-align:left;
    border-bottom: 2px #cccccc solid;
	height:50px;
	font-size:18px;
}
div.vhelp{
position: relative; 
top: 60px; 

}

div.gradeMenu{
 position: relative;
float:right;
width:200px;
background: #FF0000;
}


/* css/tooltip.css */
/*
a.comp span{width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}


*/
/*
a.comp span{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

a.comp span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

a.comp b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}
/*
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center*/
/*
padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top	*/
