h2  {
        COLOR : #3D296B;
        FONT-SIZE : 18pt;
        font-family : Verdana, Arial, Helvetica;
        font-weight : bold;
}

h3  {
        COLOR : #3D296B;
        FONT-SIZE : 14pt;
        font-family : Verdana, Arial, Helvetica;
        font-weight : normal;
}

h4 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color: #000000;
        font-weight : bold;
}

A {
        color: #095BA6;
; text-decoration: underline}

A:hover {
        text-decoration: underline;
}

A:whitetext{
        color: #FFFFFF; text-decoration:none;
}

.lgtext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12pt;
        color: #000000
}

.text {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #000000
}

.smtext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        color: #000000
}

.strikethroughtext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        text-decoration: line-through;
        color: #000000
}


.required {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        font-weight: bold
}

.checklist {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #006699;
}

.checklistfield {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #000000;
        background-color: #006699
}


.requiredfield {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #000000;
        background-color: #FFFF66
}

.requiredindexfield {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #FFFF66
}

.errorfield {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #000000;
        background-color: #FF3333
}

.errorindexfield {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #FF3333
}

.readonlytext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #000000;
        background-color: #CCCCCC
}

.readonlyindextext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #CCCCCC
}

.msgtext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #006699
}

.columnheading {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        text-align: center;
        color: #000000
}

.error {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: red
}

.smerror {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        color: red
}

.indextext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        color: #000000
}

.heading {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: #000000;
}

.mainheading {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11pt;
        font-weight: bold;
        color: #006699
}

.note {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        font-style: italic;
        color: #000000
}

.titletext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 16pt;
        color: #006699
}

.bluetext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #006699
}

.blueindextext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        color: #006699
}

.whitetext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #FFFFFF
}

.greytext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        color: #CCCCCC
}
.sidecell {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        text-align: center;
        color: #000000
}
.sidemenu {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12pt;
        font-weight: bold;
        text-align: center;
        color: #000000
}

.selectedtab {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        text-align: center;
        color: #000000;
        background-color: #9bbad6
}

.normaltab {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        text-align: center;
        color: #000000;
        background-color: #e4ecf6
}

.button {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 8pt;
  background: #ffffff;
  color: #000000;
  padding: 0;
  margin: 0
  width: 10em;
}

.menu {
        color: #000000;
        text-decoration: none;
}

.headline {  font-family: Helvetica, Arial, sans-serif; font-size: 11pt; font-weight: normal; color: #000000}
.labeltext { font-family: Helvetica, Arial, sans-serif; font-size: 7pt; color: #000000 ; letter-spacing: normal; word-spacing: normal}

.boldindextext {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        color: #000000
}

.titleBar {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        cursor: move;
        text-align: center;
        color: #000000;
        border-bottom: 2px solid #cccccc;
        background-color: #9bbad6
}

.hiddenPanel {
        position:absolute; 
        left:150; 
        top:190;
        width: 400;
        z-index: 1; 
        background-color:#ffffff; 
        border: 2px solid #cccccc; 
        text-align: center;
        visibility:hidden
}

.windowButton {
  height: 14px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
  letter-spacing: 0px; 
  font-size: 6pt; 
  font-weight: bold
}

.table {border-collapse: collapse; border-spacing: 0}
.table td {border: 1px solid; border-color: #999999}

.outerborder{
 border-top:  1px solid #999999;
 border-right:  1px solid #999999;
 border-bottom:  1px solid #999999;
 border-left:  1px solid #999999 
}

/*
body { background-color: #fff; color: #333; }

body, p{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}
*/
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table-cell;
}


#errorExplanation {
  width: 350px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 10px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 10px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

#modal_container {
    padding:5px;
    background-color:#fff;
    border:1px solid #666;
    overflow:auto;
    font-family:"Lucida Grande",Verdana;
    font-size:12px;
    color:#333;
    text-align:left;
}

#modal_overlay {
    background-color:#000;
}

/* Transparent form message (error and notice) for static form*/
.transparent_message {
  width: 95%;
  text-align: center;
  font-size: 30px;
  opacity:  0.8;
  position: absolute;
  top: 20px;
  -moz-border-radius:10px;
	
}

.transparent_error {
  background: #FFA3A9;
  border: 1px solid #750004;
}

.transparent_error p {
  color: #560109;
}

.transparent_notice {
  background: #9BFFA3;
  border-top: 1px solid #23571D;
  border-bottom: 1px solid #23571D;  
  margin: 10px;
}

.transparent_notice p {
  color: #23571D;
}

div p {
    margin-top: 5px;
    margin-bottom: 0px;
    padding: none;
    float: left;
}

div label {
    float: left;
    width: 100px;
    text-align: right;
    clear: left;
    padding-left: none;
    padding-right: 5px;
    margin-left: none;
    margin-top: 5px;
    font-weight: bold;
}

label.length {
    float: left;
    width: 100px;
    text-align: left;
    clear: left;
    padding-left: none;
    padding-right: 5px;
    margin-left: none;
    margin-top: 5px;
}

label.x {
    float: left;
    width: 10px;
    text-align: right;
    clear: left;
    padding-left: none;
    padding-right: 5px;
    margin-left: none;
    margin-top: 5px;
}



div input {
    margin-top: 5px;
    float: left;
}

div textarea {
    margin-top: 5px;
    float: left;
}

div select {
    margin-top: 5px;
    float: left;
}

div.secondCol {
    margin-top: 5px;
    float: left;
}

div p.center {
    clear: both;
    margin-right: 5em;
    margin-left: 5em;
    padding-left: auto;
    padding-right: auto;
    text-align: center;
}

div p.headingCenter {
    clear: both;
    margin-right: 0em;
    margin-left: 0em;
    padding-left: auto;
    padding-right: auto;
    text-align: center;
    background: #006699;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
}

.row0 {
    background-color: #ffcc33;
}

/* Saving message for static form */
#info_message {
  position: absolute;
  background: #FFF;
  opacity:  0.7;
}

#info_message p {
  color: #560109;
}

div.leftSide {
  float: left;
  margin-top: 10px;
  width: 50px;
}

.small_button {
  font-size: 8pt;
  background: #ffffff;
  color: #000000;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-right: 0.1em;
  padding-left: 0.1em;
  margin: 0;
  width: 60px;
  clear: right;
}

.simpleColorDisplay {
   float: left;
}
                        
/* these styles are for css tooltip */
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    font-size: 8pt;
    text-decoration:none}

a.info:hover{z-index:25;text-decoration:none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:11em;
    border:2px solid #006699;
    background-color:#cccccc; color:#000;
    text-align: left}