img, form, table, h1, h2 { margin: 0; padding: 0; border: none; }
body { position: relative; font: 12px arial; background-color: #FFF; color: #E0E0E0; margin: 0; }
h1, h2 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; }
h2 { font-size: 20px; padding-bottom: 4px; }
h2#myRoute { color: #95D32C; }
h2#myLocation { color: #2B99D5; }
img.alignMiddle, input.alignMiddle { vertical-align: middle; }
a { color: #E0E0E0; }
a:hover { text-decoration: none; }
a.optionGreen { font: normal 10px Arial; color: #B8E270; }
a.optionRed { font: normal 10px Arial; color: #F86F52; }
#inner { position: relative;  width: 755px; margin: 0 auto 0 auto; padding-top: 10px; }
#mapHeader { position: relative; width: 754px; background: #5A5A5A url(/i/mapheader2.png) no-repeat left top; }
div#nav { position: relative; width: 100%; float: left; margin: 0; padding: 0; font: bold 10px Tahoma "Trebuchet MS"; background-color: #5A5A5A; }
    div#nav div { display: inline; float: left; height: 2em; line-height: 2em; margin-right: 2px; }
        div#nav div a { display: block; padding: 0 8px; text-align: center; color: #000; text-decoration: none; background-color: #3C3C3C; }
        div#nav div a:hover { text-decoration: underline; background-color: #202020; }
        div#nav #update a,
        div#nav #save a { color: #95D32C; }
        div#nav #add a { color: #2B99D5; }
        div#nav #undo a { color: #F7502D; }
        div#nav #clear a,
        div#nav #logout a { margin: 0 6px; background-color: #F97457; color: #000; font-weight: bold; }
        div#nav #clear a:hover,
        div#nav #logout a:hover { background-color: #F7502D; }
        div#nav #logout a { margin-left: 2px; }
        div#nav div#loginBelow { margin-left: 3px; font-weight: normal; }
        div#nav #loginBelow a { display: inline; padding: 0; line-height: 1em; height: 1em; text-align: left; color: #E0E0E0; text-decoration: underline; background-color: transparent; }
        div#nav #loginBelow a:hover { text-decoration: none; }
#postcodeSearch { position: absolute; top: 5px; left: 200px; font-size: 11px; color: #E0E0E0; }
    #postcodeSearch a { color: #E0E0E0; text-decoration: none; font-weight: bold; }
#totalDistance { position: absolute; top: 2px; right: 7px; padding: 3px 0 0 10px; text-align: right; font: 42px "Trebuchet MS", Arial, sans-serif; color: #D0FF15; background: url(../i/divider.gif) repeat-y left top; }
    #totalDistance span.miles { font-size: 28px; }
#map { width: 750px; height: 400px; background-color: #444; border: 2px solid #666666; border-top: 2px solid #5A5A5A; }
#home { width: 787px; height: 404px; }
    #home.home { background: #666666 url(../i/home_background.jpg) no-repeat right top; }
#lin { width: 260px; margin: 3px 0px 8px 45px; padding: 10px 5px 10px 5px; background-color: #747474; border: 3px solid #95D32C; border-bottom: 3px solid #95D32C; }
.loggedOut { background: #666666 url(../i/home_logout.jpg) no-repeat right top; }
#homeContent, #reg { width: 377px; padding: 3px 3px 3px 7px; }
dl { margin: 0; }
    dt { margin-top: 5px; font-weight: bold; }
.route { position: relative; padding: 6px 70px 8px 4px; margin-bottom: 2px; background-color: #666666; border: 1px solid #404040; border-left: 5px solid #404040; }
.rn { font: bold 14px "Trebuchet MS"; }
.options { position: absolute; width: 65px; top: 3px; right: 2px; text-align: right; }
.rd { font: normal 12px "Trebuchet MS"; }
.editName, .deleteRoute { padding: 0px 3px 1px 3px; margin-bottom: 1px; background-color: #404040; text-align: center; }
.editName a, .deleteRoute a { display: block; }
.location { position: relative; background-color: #666666; margin-bottom: 2px; font: bold 12px "Trebuchet MS"; }
    .location a { display: block; padding: 3px 0 4px 4px; }
    .location a:hover { background-color: #5A5A5A; }
    .locationOptions { position: absolute; top: 3px; right: 2px; font: normal 12px Arial; }
.infoBox { margin-top: 5px; padding: 3px; width: 250px; }
.greenBox { background-color: #D3DF77; border: 2px solid #9AAA28; }
.blueBox { background-color: #C1E2F8; border: 2px solid #71BDF0; }
input.deleteButton { background-color: #FE766A; border: 1px solid #AF0E01; font: 11px Arial; }
input.saveButton { background-color: #FFFF99; border: 1px solid #D2D200; font: 11px Arial; }
input.searchButton, input.greenButton { background-color: #AACC5B; border: 1px solid #80A032; font: 11px Arial; }
input.textbox { margin: 0; padding: 1px; font: 11px arial; border: none; border-bottom: 1px solid #95D32C; }
input.textbox:focus {  border-bottom: 1px solid #FF8A20; }
#showCode { margin-bottom: 5px; font-size: 10px; }
span.link { cursor: pointer; text-decoration: underline; }
#mapFooter {position: relative; width: 754px; padding-top: 5px; background: #5A5A5A url(../i/footer_background.gif) repeat-y 472px 0px; background-color: #5A5A5A; }
#mapFooter #l { position: relative; width: 470px; float: left; }
#l .innerL { padding: 2px 3px 2px 8px; }
#myRouteAd, #myLocationAd { line-height: 18px; }
div.routeLinkUrl { margin-left: 5px; margin-top: 2px; }
span.routeLinkUrl { padding: 1px 4px; background-color: #8A8A8A; color: #2F2F2F; font: normal 12px Arial; }
div.routeLinkUrl a { font-size: 10px; color: #333333; text-decoration: none; font: normal 12px Arial; }
#mapFooter #r { position: relative; float: left; width: 277px; }
#r .innerR { position: relative; padding: 0 4px 0 8px; }
.rButton { border: 1px solid #82CB07; padding: 2px 2px 2px 3px; margin-top: 4px; font-size: 10px; }
.clear { clear: both; }
#mainLoading { position: absolute; top: 200px; cursor: default; overflow: hidden; z-index: 100; -moz-opacity: 0.85; border: 2px solid #5A5A5A; }
/***** POPUP BOXES *****/
.popUpBox { position: absolute; top: 100px; left: 200px; width: 430px; cursor: default; overflow: hidden; font-family: verdana,lucida,helvetica,arial,sans-serif; font-size: 11px; text-align: left; color: #000; z-index: 100; -moz-opacity: 0.85; }
.popUpBoxGreen { border: 1px solid #3D6002; }
.popUpBoxRed { border: 1px solid #CD2B07; }
.popUpBoxYellow { border: 1px solid #A38303; }
.popUpBoxBlue { border: 1px solid #1D658B; }
.hoverGreen { background: transparent url(../i/hover_mainbackground_green.gif) repeat-y center; }
.hoverRed { background: transparent url(../i/hover_mainbackground_red.gif) repeat-y center; }
.hoverYellow { background: transparent url(../i/hover_mainbackground_yellow.gif) repeat-y center; }
.hoverBlue { background: transparent url(../i/hover_mainbackground_blue.gif) repeat-y center; }
.imageGreenConirm { background: transparent url(../i/hover_green_confirm.gif) no-repeat 14px 13px; }
.imageGreenQuestion { background: transparent url(../i/hover_green_question.gif) no-repeat 14px 13px; }
.imageGreenWelcome { background: transparent url(../i/hover_green_welcome.gif) no-repeat 14px 13px; }
.imageYellowCaution { background: transparent url(../i/hover_yellow_caution.gif) no-repeat 15px 15px; }
.imageBlueQuestion { background: transparent url(../i/hover_blue_question.gif) no-repeat 14px 13px; }
.imageBlueConirm { background: transparent url(../i/hover_blue_confirm.gif) no-repeat 14px 13px; }
.popUpBox .titlebar { font: bold 12px/14px "Trebuchet MS" Arial, sans-serif; padding: 3px 5px; color: #000; cursor: move; }
.titleBarGreen { background: #609605 url(../i/hover_titlebackground_green.gif) repeat-x top; border-bottom: 1px solid #3D6002; }
.titleBarRed { background: #F7502D url(../i/hover_titlebackground_red.gif) repeat-x top; border-bottom: 1px solid #CD2B07; }
.titleBarYellow { background: #FBD646 url(../i/hover_titlebackground_yellow.gif) repeat-x top; border-bottom: 1px solid #A38303; }
.titleBarBlue { background: #2B99D5 url(../i/hover_titlebackground_blue.gif) repeat-x top; border-bottom: 1px solid #1D658B; }
.popUpBox .titlebar img { margin-right: 0px; }
.popUpBox .close { display: block; width: 14px; float: right; cursor: pointer; }
.popUpBox .results { background: transparent; clear: right; color: #000; }
.popUpBox .results .content { height: 95px; padding: 20px 20px 0 85px; text-align: left; }
.popUpBox .results .hoverButtons { margin-top: 10px; margin-left: -70px; text-align: center; }
.loading { font-weight: bold; }
.closeGreen { padding: 0 5px; margin: 0; border: 1px solid #3D6002; background-color: #6FAD05; font: 12px bold "Trebuchet MS", Arial; }
#contact { text-align: right; color: #666; }
#contact a { color: #666; }
/***** LIGHTBOX *****/
#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(/i/overlay.png); }
* html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(/i/blank.gif); }
span.tla, a.tla {color:#000;}