@charset "utf-8";
/* CSS Document */

body {
margin:1px auto;
min-height:10px;
width:920px;
background:#EFF4F8 url(images/body-bg.gif) repeat-x scroll 0 0;
font-family:arial,sans-serif;
}

img {
border: none;}

h1 {
font-size: 150%;
border-bottom: 2px solid #006666;
line-height: 50px;
margin: 0 -15px;
padding-left: 15px;
}
h2 {
font-size: 100%; 
margin: 10px 0;
}
h2.error {
color: #CC0000;
font-style:italic;}
a:link, a:visited {
color:#008ECC;
text-decoration:none;
}
div.wrapper {
background:#FFFFFF url(images/wrapper-l.gif) no-repeat scroll 0 0;
margin:1px auto;
min-height:10px;
width:920px;
}

div.wrapper-inner {
background:transparent url(images/wrapper-r.gif) no-repeat scroll right top;
padding:10px;}

div.header {
background:#006666 url(images/banner-tl.gif) no-repeat scroll 0 0;
clear:both;
min-height:10px;
}
div.header-inner {
background:transparent url(images/banner-tr.gif) no-repeat scroll right top;
font-size:0.8em;}

div.middle {
background:transparent url(images/footer-r.gif) no-repeat scroll right bottom;
clear:both;
min-height:100px;
padding:10px 15px 0 0;}
div.middle-inner {
padding: 0 15px;
}
div.centre {
margin:0 275px 0 0;
min-height:450px;
position: relative;
}
div.right {
float:right;
font-size:0.8em;
min-height:100px;
padding:0 0 0 13px;
width:250px;
}
img.receipt {
margin-bottom: 15px;}
div.logo-container {
background:transparent url(images/banner-ribbon.gif) no-repeat scroll center bottom;
height:102px;
margin:0;
padding:0 10px;
}
img.title-lc {
float:left;
padding:27px 0 0 15px;
}
img.title-freedom {
float:left;
padding:27px 0 0;
}

form.tracking {
margin-top: 30px;
font-weight:700;
}

form.tracking input {
font-weight:100;
font-size: 100%;
margin: 5px 0;
}
form.tracking input.field {
width: 510px;
}
table.tracking-stage {
font-size: 13px;
text-align:center;
border-collapse:collapse;
font-weight:700;
float: left;
width: 125px;
}
img.stage-arrow {
float:left;
margin: 0 4px 0 6px;}
table.tracking-stage p {
padding: 0;
margin: 0;}
table.last {
background: none;}
table.tracking-stage th.level-1, table.tracking-stage th.level-1-off {
background: #339999;
color: #ffffff;
width: 120px;
padding: 3px;
height: 55px;
}
table.tracking-stage td.level-2, table.tracking-stage td.level-2-off {
background: #99cccc;
padding: 3px 0;
margin-top: 0;
color: #333333;
}
table.tracking-stage th.level-1 {
background: #329c98 url(images/track-tick.gif) no-repeat 93px center;
}
table.tracking-stage th.level-1 p {
width: 90px;
margin: 0 20px 0 0;
}
table.tracking-stage th.level-1-off {
background: #a0a0a0; 
color: #333333;
}
table.tracking-stage td.level-2-off {
background: #bdbdbd; 
color: #333333;
font-style:italic;}
th.arrow {
background: url(images/stage-arrow.gif) no-repeat 5px top;
width: 20px;}
a.link {
color: #0000FF;
text-decoration:underline;
font-size: 12px;
}

table.tracking-stage td.level-3, table.tracking-stage td.level-3-off {
background: #e3f5f5;
font-weight:100;
padding: 4px;
border-top: white 8px solid;
height: 100px;}
table.tracking-stage td.level-3-off {
background: #ecebeb;
}

p.explanation {
font-size:12px;
font-style:italic;
position:relative;
top: 20px;
clear:left;
}

p.preamble {
font-size:12px;
font-style:italic;
}

p.link {
padding-left: 205px;
padding-top: 20px;
margin-top: 0;
}
.clear-left {
clear:left;}
ul.footer {
background:#006666 url(images/footer-l.gif) no-repeat scroll left bottom;
clear:both;
color:#FFFFFF;
font-size:0.75em;
height:31px;
margin:30px 0 0 0;
overflow:hidden;
padding:0 0 0 5px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.footer li {
float:left;
padding:8px 0 0;
}
ul.footer li.logo-lc {
float:right;
width:72px;
}
ul.footer li.logo-lc a {
margin-left:12px;
margin-top:-22px;
position:absolute;
}

ul.footer a:link, ul.footer a:visited {
color:#FFFFFF;
}
ul.footer span.text {
padding:0 9px;
