/* -------------------------------------------------------------- 
  
   The Mileage Company base CSS file.
   
-------------------------------------------------------------- */

/* Reset browser defaults */
@import "reset.css"; 

/* Apply basic typography styles */
@import "typography.css"; 

/* Apply layout styles */
@import "layout.css";


/* =Global Elements
-------------------------------------------------------------- */
body {text-align:center; background-color:#eee;}
blockquote {font:1.4em Georgia, Times, "Times New Roman", serif; color:#333;}
.caps {text-transform:uppercase; letter-spacing:1px;}
.important {font-weight:bold; color:#ff0000;}
.big {font-size:1.6em;}
.big02 {font-size:1.2em;}
.b {font-weight:bold;}
.n {font-weight:normal;}
.bdr {padding-bottom:1em; border-bottom:1px dashed #ccc;}
.blk {display:block;}
.lft {float:left;}
.rt {float:right;}
.off {display:none;}
.hide {visibility:hidden;}
.remove {position:absolute; left:-12000px; top:0;}
ul.list {list-style:disc;}
ol.list {list-style:decimal;}
ul.list, ol.list {margin:0 0 1.5em 25px;}

/* ----- Links ----- */
a:link, a:visited {color:#00728f; text-decoration:none; cursor:pointer; outline:none;}
a:hover, a:active, a:focus {color:#0aa9d1; text-decoration:underline; cursor:pointer;}
a.emph:link, a.emph:visited {color:#00728f; background:url(../images/common/arrow.gif) no-repeat 4px 4px; padding-left:14px;}
a.emph:hover, a.emph:active, a.emph:focus {color:#0aa9d1; text-decoration:underline; background:url(../images/common/arrow.gif) no-repeat 4px 4px;}
a.u {text-decoration:none; border-bottom:1px dotted #00728f;}
a.u:hover {text-decoration:none; border-bottom:1px solid #068eb1;}
p.btop {padding:10px 0 0; text-align:right; margin:0; font-size:0.90em;}
p.btop a {font-size:1.4em; color:#777; background:url(../images/common/b_top.gif) no-repeat 0 5px; padding-left:13px;}

ul.lnks {list-style:none;}
ul.lnks li {line-height:1.7em;}
ul.lnks li a:link, ul.lnks li a:visited {color:#00728f; background:url(../images/common/arrow.gif) no-repeat 4px 4px; padding-left:14px;}
ul.lnks li a:hover, ul.lnks li a:active, ul.lnks li a:focus {color:#0aa9d1; background:url(../images/common/arrow.gif) no-repeat 4px 4px;}

/* ----- Clearing ----- */
.clear {clear:both; height:0; font-size:0; line-height:0; margin:0; padding:0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {/* IE6 hack */ height:1px; display:block;}

/* ---- Accessibility ---- */
#access {position:absolute; top:0; left:-12000px;}

/* ----- Generic table formatting ----- */
/* NOTE: tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0; width:100%; margin:0 0 20px 0;}
.table-gen caption {text-indent:-9000px; height:0;}
.table-gen th {font-size:1.1em; font-weight:bold;text-align:left; background-color:#eee; border:1px solid #ccc; padding:7px;}
.table-gen tr.tot th, .table-gen tr.tot td {background-color:#00728f; color:#fff; font-weight:bold;}
.table-gen td {border:1px solid #ccc; padding:7px; text-align:left;}
.table-gen th em {font-weight:normal;}
.opt01 {width:70%;}
.opt02 {width:50%;}