
/* somewhat messy css file, product of months of editing */

div#postagecalculator{
    width:450px;
    font-family: arial;
    font-size:75%;
    font-weight:bold;
    height: auto;
}

a:link
{
    text-decoration:none;
    font-style:italic;
}

span.alert{
    color:red;
    font-weight:bold;
}
span.green{
    color:#006600;
    font-weight:bold;
}

ul#items{
    list-style:none;
    width:450px;
    margin:0;
    padding:0;
float:left;
}

img#help{
display:block;
float:right;
margin:10px 50px 0 0;
}
img#help a{
text-decoration:none;
}
ul#items li{
    float:left;
}

ul#items li ul.item-block{
    list-style:none;
    width:110px;
    margin:15px;
    padding:0;
}

ul#items li ul.item-block li{

}
ul#items li ul.item-block li.title{

    line-height:30px;
}
ul#items li ul.item-block li.image{

}
ul#items li#letter ul.item-block li.image{
    padding-top:10px;
}
ul#items li#large-letter ul.item-block li.image{
    padding-top:2px;
}
ul#items li#packet ul.item-block li.image{
    padding-top:47px;
}
ul#items li#packet-rolled ul.item-block li.image{
    padding-top:17px;
}
ul#items li#parcel ul.item-block li.image{
    padding-top:21px;
}
ul#items li#postcard ul.item-block li.image{
    padding-top:25px;
}
ul#items li ul.item-block li.moreinformation{
margin-top:5px;
}
ul#items li ul.item-block li.moreinformation a{
    color: #00488a;
}
span.clear-all{
    clear:both;
}

table#result .greyrow
{
    color:#999 !important;
}



table#result .greyrow span.alert,
table#result .greyrow span.green
{
    color:#999 !important;
}


div#help h1{
    font-size:1.2em;
}

div#help p{
    font-size:0.9em;
}
a img
{
    border:none;
}
dfn{
    border-bottom:dotted 1px black;
}
p#instructions,
p#result,
td.subtitle,
h1,
div#postagecalculator a:link,
div#postagecalculator a:visited
{
    color:#AF1523;
}

/* POSTAGE CALC RESULTS TABLE */

table#result
{
    text-align:center;

}

table#result tr td.shipping
{
    border-left:1px solid #d0d0d0;
min-width:110px;
}
table#result tr td.insurance_limit
{
    border-right:1px solid #d0d0d0;
}

table#result * th
{
    font-weight:300;
    border-bottom:1px solid #d0d0d0;
}

table#result td
{
    border-bottom:1px solid #d0d0d0;
    font-weight:normal;
    padding:3px;
    padding-left:5px;
}
table#result tr td.logo
{
    border-left:1px solid #d0d0d0;
    border-right:1px solid #d0d0d0;
}
table#result * .shipping
{
    text-align:left;
    font-weight:300;
}


div#postagecalculator a:link,
div#postagecalculator a:visited
{
    text-decoration:none;
    font-style:normal;
}

div#postagecalculator p a:link,
div#postagecalculator p a:visited,
div#postagecalculator a:hover{
    text-decoration:underline;
}


table#calculator-params {
    width: 430px;
}

td.label
{
    width:270px;
    height:45px;
    color: #003366
}


table#calculator-params td
{
    padding:0px;
    margin:0px;
}


table#calculator-params td.label,
table#calculator-params td.query
{
    border-top:1px solid #ddd;
}

table#calculator-params td.label.current
{
    background-color:#FCFFDF;
}

table#calculator-params td.current input
{
    background:#dedede;
    border:2px solid #888;

}


table#calculator-params td.subtitle,div#postagecalculator h1
{
    font-family:helvetica,verdana,arial;
    font-weight:300;
}
table#calculator-params td.subtitle
{
    font-size:1.2em;
    padding:5px 0 5px 0;
}
td.answer
{
    width:160px;
    height:45px;
}

td.answer input,td.answer select
{
    width:160px;
}

td.answer input.imagesubmit
{
    width:165px;
    margin-top:20px;
}


table#postcodes
{
    width: 430px;
    font-weight:100;
    border-top:1px solid #ccc;
    margin-bottom:5px;
}

table.postcode td.key
{
    font-weight:bold;
    width: 250px;
}


img#fedexlogo{
    margin:20px 10px 10px 5px;
}

p#dropoffdiscountmessage{
    font-weight:normal;
    font-style:italic;
    color:#006600;
    margin:5px 0 0 0;
}


.ui-dialog-title{
color:#b23821;
font-weight:normal;
}

.ui-dialog{
font-size:0.8em;
}
.ui-dialog  h3{
color:#c52537;
}