body {font:1em verdana, arial, sans-serif;color:#000080; font-size:100%; }

h3 {font-weight:normal;	margin:0 0 5px 0;font-size:0.9em;color:#ffffff;background:#afa364;padding-left:5px;}
h4 {background-color: #afa364;font-weight: normal;margin-top: 0pt;margin-right: 5px;margin-bottom: 0pt;margin-left: 5px;font-size: 0.8em;}
h5 {color:#ffffff;background:#c0132e;	font-weight:normal;	margin:0 0 2px 0;font-size:0.7em;}
a.button {width:80px;margin:10px;border:1px black solid;padding:1px 16px;text-decoration:none;font-weight:bold;color:#000080;background-image: url(../../_img/colour_gradient_gray_25.png);background-repeat: repeat-x;}
a.button:hover {color:#ffffff;background-image: url(../../_img/colour_gradient_blue_25.png);background-repeat: repeat-x;}

form {width: 700px;}
input {float:left;width:90px;font-weight:bold;font-size:0.8em;color:#000080;background-image: url(../../_img/colour_gradient_gray_25.png);background-repeat: repeat-x;}
a:hover input:hover {color:#ffffff;background-color: #000080;text-decoration:none;background-image: url(../../_img/colour_gradient_blue_25.png);background-repeat: repeat-x;}
input:hover {color:#ffffff;background-color: #000080;text-decoration:none;background-image: url(../../_img/colour_gradient_blue_25.png);background-repeat: repeat-x;}
form span {float:left;margin-left:1px;margin-right:1px;}

fieldset {margin:2px;background:#FFFFFF;}
fieldset.noborder {border:none;}

table {margin:5px 2px;padding:0;background:#fff;width:700px;border:1px #999 groove;}
thead {color:#ffffff;background-color:#FFFFFF;text-align:left;padding:0;}


th {font-weight:normal;padding:0;width:270px;background-color: #afa364;}
td {normal;padding:0;width:270px;}
td#widecell {normal;padding:0;width:540px;}


label {float:left;	font-size:0.8em;color:#003366;margin:2px 10px;width: 130px;} /* this is the text label on the left of each input */
.premiumtype {float:left;font-size:0.8em;color:#ffffff;margin:2px 10px;width: 90px;} /* this is the text label on the left of each input */

.hidden {display:none;}

input.check {padding:0px;margin-left:0px;background:#ffffff;border:none;}
input.textfield {width:80px;padding:2px;border:1px #000000 solid;}

select {float:left;width:60px;font-size:0.80em;background:#F6F6F6;border:1px #000000 solid;margin:2px 0;padding:1px 0;}

/* Client Details */

/* Contact Details */
table label {width:120px;}
table select {width:90px;}
table input.textfield {width:90px;text-align:right;}
table input.check {text-align:right;}

table select#producttype {width:320px;margin-left:10px;}

/*Occupational Details */
table#life_insured_details select#life_occupation { width: 280px;}


.longlabel {width:245px;}
.textright {width:100px;}

fieldset#submitSection {background:#ffffff;}
input#submit {float:right;margin-right:5px;width:100px;display:inline;color:#000000;background:#eab63c;}
input#submit:hover {background:white;}


/* END OF THE FORM CSS*/

label {width:70px;}



table#life_insured_details {display:none;} 
table#life_cover {display:none;} 
table#life_cover_tpd {display:none;} 
table#life_cover_trauma {display:none;} 
table#life_cover_tpd_trauma {display:none;} 
table#SAtpd {display:none;} 
table#SAtrauma {display:none;} 
table#ip {display:none;} 
table#be {display:none;} 

div#submitSection{display:none;} 

/* Rates Viewer */
.headers {padding-left:30em;
font: 10px verdana, geneva, arial, sans-serif;
width:300px;
background:#ccc;
}

.names {
font: 10px verdana, geneva, arial, sans-serif;
width:2700px;
text-align:justify;
}

.cnames {
font: 10px verdana, geneva, arial, sans-serif;
width:420px;
}

.dollar {
font: 10px verdana, geneva, arial, sans-serif;text-align:right;

}

.dollarf {
font: 10px verdana, geneva, arial, sans-serif;text-align:right;
color:#ff0000
}

.rank {
font: 10px verdana, geneva, arial, sans-serif;
width:6px;text-align:center;
}

.edate {
font: 10px verdana, geneva, arial, sans-serif;text-align:right;
}

.header {
font: 12px verdana, geneva, arial, sans-serif;
background:#ccc;
text-align:left;
}

.headernoleft {
font: 10px verdana, geneva, arial, sans-serif;
background:#ccc;
}


.names2 {
font: 10px verdana, geneva, arial, sans-serif;
width:2700px;
background:Gainsboro;
text-align:justify;
}

.cnames2 {
font: 10px verdana, geneva, arial, sans-serif;
width:420px;
background:Gainsboro;
}
.dollar2 {
font: 10px verdana, geneva, arial, sans-serif;
background:Gainsboro;text-align:right;
}
.dollar2f {
font: 10px verdana, geneva, arial, sans-serif;
background:Gainsboro;text-align:right;
color:#ff0000
}

.rank2 {
font: 10px verdana, geneva, arial, sans-serif;
width:6px;text-align:center;
background:Gainsboro;
}

.edate2 {
font: 10px verdana, geneva, arial, sans-serif;
background:Gainsboro;text-align:right;
}

.edate2f {
font: 10px verdana, geneva, arial, sans-serif;
background:Gainsboro;text-align:right;
color:#ff0000
}
.edatef {
font: 10px verdana, geneva, arial, sans-serif;text-align:right;
color:#ff0000
}

.disclaimer1{
font: 10px verdana, geneva, arial, sans-serif;
}
.colorfix{
height: 25px;
background-color:#afa364;
padding-top:3px;
padding-left:3px;
}
.gennotes {
font: 10px verdana, geneva, arial, sans-serif;
width:700px;
}