html {
font: small/1.4 "Lucida Grande", Tahoma, sans-serif;
}
body {
font-size: 88%;
}
#page
{
width: 708px;
min-height: 100%;
margin: 0 auto;
padding: 0 0 0 0;
}
#nav {
margin: 0;
padding: 0;
background: #cc0000;
list-style-type: none;
width: 705px;
float: left; /* Contain floated list items */
}
#nav li {
margin: 0;
padding: 0;
float: left;
}
#nav a {
float: left;
width: 140px;
color: #FFF;
text-decoration: none;
line-height: 2.5;
text-align: center;
border-right: 1px solid #FFF;
background: url(images/tab1.gif) no-repeat; /* Add the background image */
}
#nav #nav_con a {
border: none;
}
#nav a:hover {
background-color: #660000;
background-position: -140px 0;
}
h2{
text-align: center;
font-weight: bold;
font-size: 1.8em;
}
#body_hom #nav_hom a, #body_map #nav_map a,#body_jou #nav_jou a,#body_his #nav_his a,#body_ref #nav_ref a,#body_con #nav_con a {
background-color: #333333;
background-position: -280px 0;
color: #FFFFFF;
font-weight: bold;
}
div.content {
border: #333333 solid 2px;
background-color:#cccccc;
height: 100%;
width: 700px;
bottom: 0px;
padding-bottom: 1em;
}
fieldset
{
position: relative;
float: left;
clear: left;
width: 100%;
margin: 0 0 -1em 0;
padding: 0 0 01em 0;
background-color: #cccccc;
border-style: none;
}
fieldset.alt
{
background-color: #E6E3DD;
}
legend
{
position: absolute;
left: 13px;
margin-top: 0.5em;
font-size: 135%;
width: 15.5em;
color: #333333;
font-weight: bold;
font-size: 140%;
}
fieldset ol
{
padding: 3em 1em 0 0em;
list-style: none;
zoom: 1;
}
ol.ending
{
padding: 0 0 1em 0;
list-style: none;
zoom:1;
}
ol.claim_part
{
padding: .5em 1em 0 0em;
list-style: none:
zoom: 1;
}
fieldset li
{
margin: 0;
padding: 0;
float: left;
padding-bottom: 1em;
width: 48%;
padding-left: 1em;
}
li.longways
{
width:100%;
}
li.state
{
width:17%;
}
li.zip
{
width:25%;
}
li.day
{
width:50%;
}
li.end
{
width:28%;
}
li.gen_question
{
width:72.5%;
padding-bottom: 1em;
float: left;
padding-left: 1em;
}
li.operation1
{
width:10%;
margin: 0;
padding: 0;
float: left;
padding-bottom: 1em;
padding-left: 1em;
}
li.operation2
{
width:18%;
padding: 0;
float: left;
padding-bottom: 0.5em;
padding-left: 1em;
}
li.operation_min
{
width:16.5%;
padding: 0;
float: left;
padding-bottom: 0.5em;
padding-left: 1em;
}
li.city
{
width: 51%;
padding-bottom: 1em;
text-align: right;
}
li.quarter
{
width:22%;
padding-bottom: 0.5em;
}
li.half
{
width:42%;
padding-bottom: 0.5em;
}
li.claim
{
width:24%;
}
li.no_claim
{
width:23%;
}
li.claim_answers
{
width:12%;
margin: 0;
padding: 0;
float: left;
padding-bottom: 1em;
padding-left: 1em;
}
li.item_name
{
width:37%;
padding-bottom: 0.5em;
}
li.age
{
width:20%;
}
li.htwt_restrictions
{
width:44%;
}
li.gear_required
{
width:30%;
}
li.agreement
{
width:85%;
}
li.check
{
width:3%;
}
li.date
{
width:32%;
}
li.spacer
{
width:62%;
}
label
{
float: left;
width: 9em;
margin-right: 1em;
font-size:12px;
}
label.state_l
{
float left;
width:5em;
margin-right:1em;
}
label.years
{
width:16em;
}
label.annual
{
width:12em;
}
label.gen_info
{
float: left;
width: 40em;
margin-right: 1em;
}
label.operation
{
float: left;
width: 1.5em;
margin: 0em;
}
label.location_address
{
width:13em;
}
label.quart
{
width:11em;
}
label.options
{
width: 6.5em;
float: left;
padding-left: 0.5em;
}
label.option3
{
width: 2.5em;
float: left;
padding-left: 0.5em;
}
label.options_min
{
width: 5.5em;
float: left;
padding-left: 0.5em;
}
label.last1
{
width: 12em;
float: left;
padding-left: 30px;
}
label.uploading
{
width:30em;
}
label.questions
{
width:24em;
}
label.policy_claims
{
float: left;
width: 14.5em;
margin-right: 0.5em;
text-align: right;
}
label.yes_no
{
float: left;
width: 4.5em;
margin: 0em;
text-align: right;
}
label.quarter
{
width:5.5em;
padding-bottom: 0.5em;
text-align: right;
margin-right: 0.5em;
}
label.claim
{
width:6.5em;
text-align: right;
}
label.confirmation
{
float: left;
width: 2.5em;
margin-right: 0.5em;
text-align: right;
}
label.first_name
{
width:16.5em;
}
label.equipment
{
float: left;
width: 19em;
margin-right: 0.5em;
text-align: right;
}
label.item
{
width: 6em;
float: left;
}
label.gear
{
width:7em;
width: 11.5em;
text-align: right;
}
label.age
{
width: 6.5em;
float: left;
text-align: right;
}
label.ht_wt_res
{
width:12em;
float:left;
}
label.how
{
width: 38em;
}
fieldset.next1
{
float: none;
width: auto;
padding-left: 35em;
background-color: #cccccc;
height: auto;
border-style: none;
}
input
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(images/formback.jpg);
}
input.radio{
background-image: none;
}
input.checkbox{
background-image: none;
}
input.text
{
width: 12.5em;
}
input.text_address
{
width: 37.5em;
}
input.text_years
{
width: 4.7em;
}
input.text_state
{
width:2.5em;
}
input.text_postcode
{
width: 4.5em;
}
input.text_effective_date
{
width: 1.5em;
}
input.text_effective_year
{
width: 2.5em;
}
input.text_estimated
{
width:9em;
}
input.text_gen_info
{
font-size: 11px;
}
input.text_city
{
width:13em;
}
input.text_state
{
width:2.5em;
}
input.text#construction_other
{
width:7em;
float: left;
}
input.text_b_age
{
width:6em;
}
input.text_number
{
width:3em;
}
input.claim_text
{
width:3.5em;
}
input.text_equipment
{
width: 12em;
}
input.two_digits
{
width:2em;
}
input.text_confirmation
{
width: 7em;
}
input.text_small
{
width:1.5em;
}
input.text_first
{
width:3.5em;
}
input.radio#construction_building
{
float:left;
}
input.checkbox_confirmation
{
}
textarea
{
width:14.5em;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(images/formback.jpg);
background-repeat: repeat-x;
}
select
{
width:3.5em;
float: left;
}
select.p_claim
{
width:4em;
float: left;
}
div.prev
{
background-image:url(images/prev.gif);
width: 67px;
height: 30px;
text-indent: -9999px;
background: cccccc;
margin: 0 auto;
}
div.next1
{
background-image:url(images/next.gif);
width: 67px;
height: 30px;
text-indent: -9999px;
background-color: cccccc;
margin: 0 auto;
}
div.logo
{
background:url(images/logo.png);
background-repeat:no-repeat;
height: 90px;
}
.formbutton{
cursor:pointer;
border:0;
background:url(images/submit.gif);
width: 67px;
height: 30px;
color: #FFFFFF;
}
input#enter{
background-image:url(images/submit.gif);
color:#FFFFFF;
height: 30px;
width: 67px;
border: 0;
}
div#confirmed
{
width:600px;
margin: 0 auto;
}