/**********************************************
   Since 0.3 we now defer to a common Blade stylesheet
   This is located under the ROOT app.
*********************************************/

/*@import url(/blade_stylesheet.css);*/

/** START FLOODSAFE STYLING **/

body {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #fff;
}

#content {
        float:left;
        width: auto;
        padding: 10px;
        background: #fff;  
}

a {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #588AC8
}

a:link {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #588AC8
}

a:visited {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #588AC8
}

a:hover {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: underline;
        color: #588AC8
}

a:active {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #588AC8
}

P {
        margin: 5px 0px 10px 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #333;
        line-height: 130%;
        font-size: 80%;
}

UL {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 80%;
}

H1 {
        margin: 15px 0px 10px 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #FF9C00;
        font-size: 115%;
}

H2 {
        margin: 15px 0px 5px 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #205599;;
        font-size: 110%;
}

H3 {
        margin: 15px 0px 5px 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #333;
        font-size:95%;
}

H4 {
        margin: 15px 0px 5px 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #205599;
        font-size: 85%;
}

SMALL {
        font-family: Arial, Helvetica, sans-serif;
        font-size:75%;
        color:#000000
}


B {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
}

ul {

        font-family: Arial, Helvetica, sans-serif;
        color: #333;
}

ol {

        font-family: Arial, Helvetica, sans-serif;
        color: #333;
}

blockquote {
        font-family: Arial, Helvetica, sans-serif;
        color: #333;
}

.logoback {

         background: #fff url(../images/logo.jpg) no-repeat left top; 

}

.banner
 {
         background: #FF9900 ;
 }



/* table background colours */
.tablebg1 {
        background-color: #21427B;
}
.tablebg2 {
        background-color: #b7cfe9;
}
.tablebg3 {
        background-color: #d1e8ff;
}
.tablebg4 {
        background-color: #e6eff6;

}
.tablebg6 {
        background-color: #eeeeee;
}
.tablebg6 {
        background-color: #f1f6f9;
}
/* table text */

.tablehd1 {
        color: #ffffff;
        font-size: 80%;
        font-weight: bold;
}
.tablehd2 {
        color: #333;
        font-size: 80%;
        font-weight: bold;
}
.tablehd3 {
        color: #333399;
        font-size: 75%;
        font-weight: bold;
}
.tablehd4 {
        color: #000000;
        font-size: 75%;
}



.tabledata {
        color: #000000;
        font-size: 75%;
}
.tablelabel {
        color: #333333;
        font-size: 75%;
        font-style: italic;
}

/* table links */
.table:link {
        font-size: 75%;
        color: #33c;
        text-decoration: underline;
}
.table:active {
        font-size: 75%;
        color: #33c;
        text-decoration: underline;
}
.table:visited {
        font-size: 75%;
        color: #33c;
        text-decoration: underline;
}
.table:hover {
        font-size: 75%;
        color: #33c;
        text-decoration: underline;
}


/* table links */
.tableaction:link {
        font-size: 100%;
        color: #33c;
        text-decoration: underline;
}
.tableaction:active {
        font-size: 100%;
        color: #33c;
        text-decoration: underline;
}
.tableaction:visited {
        font-size: 100%;
        color: #33c;
        text-decoration: underline;
}
.tableaction:hover {
        font-size: 100%;
        color: #33c;
        text-decoration: underline;
}


/* form background colours */
.formbg1 {
        background-color: #5d9ac9;
}
.formbg2 {
        background-color: #b7cfe9;
}
.formbg3 {
        background-color: #d1e8ff;
}
.formbg4 {
        background-color: #EBEFFA;
}
.formbg5 {
        background-color: #EBEFFA;
}
.formbg6 {
        background-color: #fff;
}

/* form text */

.formhd1 {
        color: #fff;
        font-size: 80%;
        font-weight: bold;
}
.formhd2 {
        color: #000;
        font-size: 80%;
        font-weight: bold;
}
.formhd3 {
        color: #339;
        font-size: 75%;
        font-weight: bold;
}
.formhd4 {
        color: #000;
        font-size: 75%;
}

.formhd5 {
        color: #fff;
        font-size: 80%;
        font-weight: bold;
}
.formlabel {
        color: #21427B;
        font-size: 80%;
        font-weight : bold;
}
.formprompt {
        color: #000;
        font-size: 70%;
}
.formoption {
        color: #000;
        font-size: 75%;
}

.formouttext {
        color: #000;
        font-size: 75%;
}

.formtext {
        color: #000;
        font-size: 75%;
}
.formsubinfo {
        color: #000;
        font-size: 75%;
}

.formminitext {
        color: #333;
        font-size: 70%;
}

.compulsory {
        color: #f03;
}
.compulsorytext {
        color: #333;
        font-style: italic;
        font-size: 60%;
}
.formend {
        color: #666;
        font-size: 80%;
}
.formintro {
        color: #666;
        font-style: italic;
        font-size: 100%;
}


/* form links */
.form:link {
        font-size: 80%; color: #33c;
        text-decoration: underline;
}
.form:visited {
        font-size: 80%; color: #33c;
        text-decoration: underline;
}

.form:hover {
        font-size: 80%; color: #33c;
        text-decoration: underline;
}
.form:active {
        font-size: 80%; color: #33c;
        text-decoration: underline;
}



.infobutton {
        float: right;
        width: auto;
        margin: 0px 150px 0px 0px ;
        background: #ccc;
        padding: 0px;
        z-index: 10;
             
}

#stepsbox {
        float: right;        
        margin: 0px 0px 0px 30px ;
        background: #fff;
         
}

.stepbutton {
        float: right;
        width: auto;
        margin: 0px 7px 0px 0px ;
        padding: 0px;
        background: #ccc;
   
}

.stepstxt {
        font-family: Arial, Helvetica, sans-serif;
        font-size:80%;
        color:#666;
}

.footertxt {
        
        font-size: 65%; 
        color: #eee;
}
#addressBox {
        float: left;             
        margin: 0px 0px 10px 0px ;
        padding: 10px;
        background: #EBEFFA;
        font-size: 80%;
             
}

#planBox {
        float: left;        
        margin: 0px 0px 0px 0px ;
        padding: 10px;
        background: #EBEFFA;
             
}

#planBoxContent {
        float: left;        
        margin: 0px 0px 0px 0px ;
        padding: 10px;
        background: #FFF;
             
}

.redsubmit {
  font: 11px arial; color: #000000;
  border-top: solid #cccccc 2px;
  border-left: solid #cccccc 2px;
  border-right: solid #68696D 2px;
  border-bottom: solid  #68696D 2px;
  background-color:#ffffff;
}

/** END FLOODSAFE STYLING **/