/*
*   Copyright 2007 Copyright Basis Applied Technology, Inc. All rights are reserved.
*   author James Sas (james@gobasis.com)
*/
* {
    margin:0;
    padding:0;
}

p.p { margin: 1em 0; }

p.indent {padding: 0 1em;}

html {
    background-color:#c0deed;
}

body {
    color:#333333;
    font-family: Tahoma, sans-serif;
    font-size:.75em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.5;
    text-align:center;
}

textarea {
    font-family:Tahoma, sans-serif;
}

body, select {
   /* font-size:11px;*/
}

.rounded {
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
}

.inline {
    display:inline;
}

.relative {
    position:relative;
}

a {
    color:#4681b1;
    text-decoration:none;
}

a.underline {
    text-decoration:underline;
}

.cleaner {
    clear:both;
    line-height:1px;
    height:1px;
}

input[type=text], input[type=password], select, textarea {
    border: 1px solid #999;
}

/* ------------------------------------------------- */

#header {
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    background-color: #fff;
    height:110px;
    position: relative;
}

#mainbody {
    margin:0 auto;
    padding:0 0 15px 0;
    position:relative;
    text-align:left;
    width:848px;
}

#mainlogo {
    text-decoration:none;
    width: 271px;
    height: 56px;
    position:absolute;
    left:40px;
    bottom:15px;
}
#mainlogo a {
    text-decoration:none;
}

#maincontainer {
    margin:15px 0;
    background: #fff;
    position:relative;
    zoom: 1;
}

/* ------------------------------------------------- */

.navbar {
    font-size:105%;
    height:1.5em;
    position:absolute;
    right:40px;
    text-align:right;
    bottom:22px;
    white-space:nowrap;
}

.navbar ul {
    display:block;
    float:right;
    padding:7px 6px 7px 3px;
}

.navbar li {
    display:inline;
    margin-left:6px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    text-transform: uppercase;
}

.navbar a:hover {
    text-decoration:underline;
}

.footerbar {
    position:relative;
    text-align:center;
    top:0;
    bottom:0;
    right:0;
}

.footerbar {

}

.footerbar ul {
    float:none;
}

.footerbar ul li {
    margin-left:16px;
    color: #0aa9ea;
}

.footerbar a {
    color:#fff;
}

.topbar {

    top: 69px;

}

.topbar ul {
    background: transparent;
    border:none;
}

.topbar a {
    color:black;
    font-weight:bold;
}

/* ------------------------------------------------- */

.left-column, .right-column  {
    zoom:100%;
    margin:0;
    padding:0;
    float:left;
    width:285px;
}
.left-column {
    padding-right:10px;
}

.toolbox {
    margin:10px 0;
    padding:0;
    border:1px solid black;
    position:relative;
    background-color:#white;
    overflow:hidden;
    zoom:100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.toolbox-closable .title {
    cursor: pointer;
}

.toolbox-closable:hover .title {
    background-position:0 -5px;
}

.toolbox .title {
    padding:3px;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    padding-left:7px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom:1px solid black;
    /* background:#27b; */
    background: url("/wmdata/media/shared/toolbox-title-bkg.png") repeat-x scroll 0 0 #BBD760;
}

.toolbox .closer {
    float: right;
    cursor: pointer;       
    width:16px;
    height:16px;
    margin:5px 10px 0 0;
    background: url("/wmdata/media/shared/minus16.gif") no-repeat;
    border: 1px solid black;
}

.toolbox-closed .closer {
    background: url("/wmdata/media/shared/plus16.gif") no-repeat;
}

.toolbox-closed .title {
    border-bottom:none;
}
.toolbox-closed .body {
    display:none;
}

.toolbox .subtitle {
    padding:3px 4px;
    color:black;
    font-size:1.2em;
    font-weight:normal;
}

.toolbox .title a, .toolbox .subtitle a {
    float:right;
    font-size:1.0em;
    margin-left:5px;
    text-decoration:underline;
    color: black;
    font-weight: normal;
}

.toolbox .body {
   padding:3px 5px;
}

.toolbox-car-image  {
    width: 90px;
    height:64px;
    float:left;
    margin-right:10px;
    border:1px solid black;
}

div.toolbox-car-image {
    text-align:center;
    background-color: white;
}

div.toolbox-car-image a {
    position:relative;
    top:15px;
    text-decoration: underline;

}

p.car-name a, p.group-name a {
    font-weight: bold;
    color: #333;
}


.toolbox-group-image-holder {
    float:left;
    width:64px;
    height:64px;
    position:relative;
    margin-right: 10px;
}

.toolbox-group-image  {
    width: 64px;
    height:64px;
    margin-right:10px;
    border:1px solid black;
}

.toolbox-group-image-lock {
    position: absolute;
    right:0;
    bottom:0;
    width:20px;
    height:20px;
}

/* ------------------------------------------------- */

.tabset {
    float:left;
    font-size:1.2em;
    line-height:normal;
    margin: 0px 0 -1px 5px;
}

.tabset ul {
    margin:0;
    padding: 0 10px 10px 0px;
    list-style: none;

}

.tabset ul li:hover, .tabset ul li.new:hover {
    background-position:0 -5px;
}

.tabset ul li {
    float:left;
    margin:0 -1px 0 0;
    padding:0 0 0 9px;
    border:1px solid #4c6979;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
   /*  background-color: #70A3BE;*/
     background:#bbd760 url(/wmdata/media/shared/toolbox-title-bkg.png) repeat-x scroll 0 0;
}
.tabset a {
    float:left;
    display:block;
    padding:5px 15px 4px 6px;
    color:#fff;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \\*/
.tabset a {float:none;}
/* End IE5-Mac hack */
/*
.tabset a:hover {
    color:#333;
}
*/
.tabset ul li.current {
    border:1px solid black;
    border-bottom:1px solid white;
    background: #fff;

}
.tabset ul li.new {
    background:#bbd760 url(/wmdata/media/shared/btn-bkg-grn.png) repeat-x scroll 0 0;
    border:1px solid #698541;
    color:#fff;
}
.tabset ul li.new-current {
    background:#bbd760 url(/wmdata/media/shared/btn-bkg-grn.png) repeat-x scroll 0 0;
    border:1px solid #698541;
    border-bottom:1px solid #bbd760;
    color:#fff;
}
.tabset ul li.current a {
    color:#333;
}

.tabset-container {
    clear:both;
    margin:0;
    border-top:1px solid black;
}
/* ------------------------------------------------- */

.page-heading {
    font-size:1.5em;
    margin-bottom:10px;
}

.full-page {
    margin:10px;
}

.page-left {
    float:left;
    width:600px;

    margin:10px 0 10px 10px;
}

.page-right {
    float:right;
    width:200px;
    margin:10px 20px 10px 0;
}

.page-infopane {
    float:right;
    width:190px;
    margin:0;
    background-color: #fff;
    border-left: 1px solid #c5dce8;
    padding:10px;
    -moz-border-radius-topright: 22px;
    -webkit-border-top-right-radius: 22px;
    -moz-border-radius-bottomright: 22px;
    -webkit-border-bottom-right-radius: 22px;
}

.page-footer {
    padding: 30px;
    background-color: #e8f0f5;
    text-align:center;
    clear:both;
}


.mean-green-go-button:hover, .mean-green-go-button:focus, .mean-red-stop-button:hover, .mean-red-stop-button:focus, .mean-blue-go-button:hover, .mean-blue-go-button:focus {
    background-position:0 -5px;
    color:#fff;
}

.mean-green-go-button {
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    background:#bbd760 url(/wmdata/media/shared/btn-bkg-grn.png) repeat-x scroll 0 0;
    border:1px solid #698541;
    color:#fff;
    font-weight:bold;
    outline:none;
    padding:7px 21px;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 0 #698541;
    cursor: pointer;
    width:auto;
    overflow:visible;
}

.mean-red-stop-button {
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    background:#a4ce66 url(/wmdata/media/shared/btn-bkg-red.png) repeat-x scroll 0 0;
    border:1px solid #af2929;
    color:#fff;
    font-weight:bold;
    outline:none;
    padding:7px 21px;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 0 #af2929;
    cursor: pointer;
    width:auto;
    overflow:visible;
}

.mean-blue-go-button {
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    background:#608599 url(/wmdata/media/shared/btn-bkg-blu.png) repeat-x scroll 0 0;
    border:1px solid #4c6979;
    color:#fff;
    font-weight:bold;
    outline:none;
    padding:7px 21px;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 0 #4c6979;
    cursor: pointer;
    width:auto;
    overflow:visible;
}

 /*
.mean-green-go-button {
    border: 1px solid #555;
    padding:7px 21px;
    color: #ffffff;
    font-weight:bold;
    background-color: #bbd760;
    cursor: pointer;
    width:auto;
    overflow:visible;
}



.mean-red-stop-button {
    border: 1px solid #555;
    padding:7px 21px;
    color: #ffffff;
    font-weight:bold;
    background-color: #ce3636;
    cursor: pointer;
    width:auto;
    overflow:visible;
}

.mean-blue-go-button {
    border:1px solid #6992a8;
    padding:7px 21px;
    color:#6992a8;
    font-weight:bold;
    background-color:#fff;
    cursor: pointer;
    width:auto;
    overflow:visible;
}
 */

.toolbox .body .mean-green-go-button {
   padding:7px 0;
   font-size:.8em;
}
.mean-green-go-button:active, .mean-red-stop-button:active, .mean-blue-go-button:active, .mobutton:active, button:active {
   border-style:inset;
}

.mobutton:hover, .mobutton:focus {
    background-position:0 -5px;
}

.mobutton {
    color:#fff;
    background-color:#27B;
    font-weight:bold;
    cursor:pointer;
    border:1px outset #6992a8;
    margin:0 2px;
    text-align:center;
    padding:2px 4px;
    width:auto;
    overflow:visible;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
    background:#608599 url(/wmdata/media/shared/btn-bkg-blu.png) repeat-x scroll 0 0;
}

.inverse-mobutton {
    background-color:#70a4bc;
    color:#fff;
}

.mobutton-uniform-width {
    min-width: 100px;
}

.mobutton-over {
    background-color:#bcd5e0;
}
.mobutton-down {
    background-color:#e2edf2;
}

/* ------------------------------------------------- */

div.detail-block {
  /*  width:574px; */
    zoom:100%;
    margin:5px 0;
    padding:5px 2px 2px 2px;
    /* border:1px solid #fff; */
    border-top:1px solid #DDE5EC;
    position:relative;
    background-color:#fff;
    overflow:hidden;
}

.common-block {
    background-color: #FFF;
    border: 1px solid #c5dce8;
    padding:5px;
    margin:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.subtext {
    font-size:.9em;
    color:#555;
}

.ok-block {
    margin:7px 0;
    border: 3px double #008800;
    color: #005b00;
    padding: 5px;
}

.error-block, .success-block {
    margin:7px 0;
    padding: 5px 5px 5px 20px;
}
.error-block {
    border: 3px double #880000;
    color: #5b0000;
}
.success-block {
    border: 3px double #007700;
    color: #005b00;
}
.error-block ul li, .success-block ul li {
    list-style-position:inside;
}

.action-block {
    background-color: #fff;
    border: 1px solid #c5dce8;
    padding:10px;
    margin:20px 50px;
    text-align:center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.action-block select, .action-block input[type=text] {
    margin:2px 0;
    font-size:1.1em;
    padding: 2px;
}


.action-block div.detail-block {
    width:auto;
    text-align:left;
}

.action-block div.error-block {
    width:auto;
    text-align:left;
    font-size:1.4em;
}

img.large-avatar {
    width:80px;
    height:80px;
    margin:2px;
}

img.small-followee {
    width:32px;
    height:24px;
    border:1px solid #C5DCE8;
    margin:1px;
    float:left;
    display:block;
    overflow:hidden;
}

.section-separator {
    border-bottom: 1px solid #C5DCE8;
    line-height:1px;
    height:1px;
    padding:1px 0;
    margin:10px 0;
}

.paging-top, .paging-bottom {
    text-align:left;
    padding-right:5px;
}
.paging-top {
    padding-bottom:5px;
}
.paging-bottom {
    padding-top:5px;
}
.paging-top a.pagination, .paging-bottom a.pagination {

}

.poor-vehicle-mileage {
    color:#990000;
}

.good-vehicle-mileage {
    color:#009900;
}

/* ------------------------------------------------- */

.group-list-avatar {
    margin:0;
    padding:0;
}

.group-list-avatar-holder {
    float:left;
    margin:5px;
    width:80px;
    height:80px;
    position:relative;
}

.group-list-lock {
    position: absolute;
    right:0;
    bottom:0;
    width:20px;
    height:20px;
}

.group-list-desc {
    font-size:.8em;
    font-style:italic;
    display:block;
}


/* ------------------------------------------------- */

.dialogbase {
    width:100%;
    height:100%;
    z-index:10000;
    overflow:visible;
}

.dialogbase .dialogmask {
    width:100%;
    height:100%;
    z-index:2;
    position:absolute;
    left:0px;
    top:0px;
    background: transparent;
}

.dialogbase .dialogshield {
    width:100%;
    height:100%;
    z-index:1;
    position:absolute;
    left:0px;
    top:0px;
}

.dialogbase .dialogwindow {
    width:485px;
    height:auto;
    padding: 5px;
    position:relative;
    z-index:3;
    border: 1px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#fff;
}

.dialogbase .dialogtitle {
    padding:0 0 3px 0;
    margin-bottom:3px;
    font-weight:normal;
    text-align:left;
    font-size:1.2em;
    border-bottom: 1px solid #C5DCE8;
}

/* ------------------------------------------------- */

.epaData {
    text-align: center;
    border: 1px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#fff;
    padding:3px;
}
.fuelType {
    font-size:.9em;
    color:#70A3BE;
}
.cityHwy {
    font-weight:bold;
    font-size:.9em;
    color:#70A3BE;
}
.mpgLabels {
    font-size:.8em;
}
.combined {
    color:#be7070;
    font-weight:bold;

}
.mileageUnits {
    font-weight:bold;
    font-size:.75em;
    color:#be7070;
}

.advertisement {
    font-size:.7em;
}

/* ------------------------------------------------- */

#FillWidget .mobutton, #EventWidget .mobutton {
    margin-top:5px;
    width:150px;
}

#FillWidget, #EventWidget {
    text-align:left;
}

#FillWidget input, #EventWidget input {
    padding:2px;
}

#FillWidget input[type=text], #EventWidget input[type=text] {
    width:96%;
}
#FillWidget select, #EventWidget select {
    width:98%;
    padding:1px;
    margin:0;
}
FillWidget textarea, #EventWidget textarea {
    width:96%;
    padding:1px;
    margin:0;
}
#FillWidget ul, #EventWidget ul {
    margin:0 0 0 8px;
    padding:0;
}

div.fill_label {
    margin: 3px 0px 1px 0px;
    color: #5b5b5b;
}

div.fill_warning {
    color: #b4b529;
}

div.fill_error {
    color: #5b0000;
}

/* recent activity -------------------------- */

.recent-item {
    font-size:.75em;
    margin:5px 0;
    padding:0 5px;
}

.recent-item-0 {
   border-bottom: 1px solid #b8d0dd;
}

.recent-item-1 {
    border-bottom: 1px solid #b8d0dd;
    background-color: #fff;
}

img.recent {
    width:31px;
    height:31px;
    margin:0 5px 0 0;
    border:none;
    float:left;
    display:block;
}
.update-item {
    font-size:1.2em;
    margin:5px 0;
    padding:10px 5px;
}
div.hr {
    border-bottom: 1px solid #dde5ec;
    line-height:1px;
    height:1px;
    padding:1px 0;
    margin:0 10px;
}
img.update {
    width:48px;
    height:48px;
    margin:0 5px 0 0;
    border:none;
    float:left;
    display:block;
}
img.vupdate {
    width:42px;
    height:31px;
    margin:0 5px 0 0;
    border:none;
    float:left;
    display:block;
}

/* ------------------------------------------ */

.ipod-draw {
    display:block;
    width:200px;
    height:182px;
    background-repeat: no-repeat;
    overflow:hidden;
}
.ipod-draw div {
    font-size:9pt;
    padding:80px 14px 0 10px;
    text-align:justify;
}
.ipod-draw span {
    font-size:11pt;
    font-weight:bold;
}
.ipod-draw a {
    text-decoration: none;
}

/* ------------------------------------------ */

.form-heading {
    font-weight:bold;
    margin:3px 0;
}

#login-form input[type=text], #login-form input[type=password]{
    padding:2px;
    width:190px;
}

/* login widget ------------------------------------- */

a.sign-in {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#fff none repeat scroll 0 0;
    color:black;
    padding:4px 6px 6px;
    text-decoration:none;
    cursor: pointer;
    outline-style:none;
    line-height:1px;
}

a.sign-in:hover {
    background-color:#bbd760;
    text-decoration:none;
    color:#333 !important;
}

a.sign-in span {
    background-image:url(/wmdata/media/shared/toggle_down.png);
    background-position:100% 50%;
    background-repeat:no-repeat;
    padding:1px 16px 2px 0;
    line-height:1px;
}

a.menu-open {
    -moz-border-radius-bottomleft:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-radius-bottomright:0;
    -webkit-border-bottom-right-radius:0;
    background:#d3e977 none repeat scroll 0 0 !important;
    color:#333 !important;
    border-bottom-color: #d3e977;
}

a.menu-open span {
    background-image:url(/wmdata/media/shared/toggle_up.png);
    color:#778899;
}

#sign-in-form {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:10px;
    text-align:left;
    margin-top:4px;
    border-color:#d3e977;
    background-color: #d3e977;
    z-index: 99999;
    width:200px;
    position:absolute;
    right:50px;
    top:95px;
    white-space: normal;
}

#sign-in-form a {
    color:#666666 !important;
}

div.airport-search-panel {
    position:absolute;
    padding:5px;
    border: 2px outset #999;
    width:350px;
    background:#fff;
    text-align:left;
}
div.airport-search-entry {
}
div.airport-search-entry a {
    color:#555;
    text-decoration:underline;
}
div.airport-search-entry a:hover {
    color:#888;
}
span.airport-found-in-search {
    font-weight:bold;
}
a.airport-search-link {
    text-align:right;
    font-weight:bold;
}
#feed-fetcher, #feed-loader {
    text-align:center;
    border:1px solid #C5DCE8;
    font-size:1.2em;
    background-color: #DDEEF6;
    padding: 5px;
    -moz-border-radius-bottomleft: 22px;
    -webkit-border-bottom-left-radius: 22px;
}
#feed-fetcher a {
    text-decoration:underline;
}