/* ----------------- Common Elements ------------------ */

body {font-family:arial,helvetica,verdana,sans-serif;padding:0;margin:0;position:relative;background-color: #FFFFFF;repeat-x;text-align:left;}

td,p,ul,ol,blockquote {font-family: arial,helvetica,verdana,sans-serif;}

td,p,ul,ol,li,blockquote {font-size:12px;color:#666666;}

h1 {font-size:20px;color:#039498;margin-top:0px;margin-bottom:0px;}
h2 {font-size:16px;color:#039498;margin-top:0px;margin-bottom:0px;}
h3 {font-size:14px;color:#039498;margin-top:0px;margin-bottom:0px;}
h4 {font-size:13px;color:#039498;margin-top:0px;margin-bottom:0px;}

ul,ol {line-height:1.3em;margin-left: 25px;}

hr {
border: 0;
color: #9189c2;
background-color: #9189c2;
height:1px;
}

sup {
font-size: 8px;
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}

/* ------------------ Form Types ------------------ */

.textfield {
    font-family: arial,helvetica,sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #666666;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}


.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug
*/

* html .threepxfix{
margin-left: 3px;
}

/* ---------------------------------------------- */
/* -------------- Specialized ------------------- */
/* ---------------------------------------------- */

.reddot {
    font-family: arial,helvetica,sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #666666;
}

/* Clearfix - This is a great way to insure that boxes which contain floats have the proper heights */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-table;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */