body {
font-family:Helvetica, Arial, sans-serif;
margin:0;
padding:0;
}
#authMessage {
display: none;
}
#mobile {
position:relative;
width:320px;
height:416px;
background:transparent url(../img/bk_mobile.jpg) no-repeat 0 0;
margin:0 auto;
}
#mobile_login {
width:285px;
height:259px;
background:transparent url(../img/mobile_login_box.png) no-repeat 0 0;
margin:0 auto;
}
#wrapper {
padding:20px 10px;
}
#wrapper p {
font-size:12px;
line-height:15px;
color:#fff;
}

#mobile_login label {
display:block;
font-size:12px;
color:#9bd6d0;
text-transform:uppercase;
margin-bottom:10px;
}

#mobile_login #UserChangePasswordForm label {
margin-bottom:7px;
}

#mobile_login input {
width:241px;
height: 18px;
}

a.arrowbutton {
background:transparent url(../img/btn_un_left.png) no-repeat top left;
display: block;
float: left;
font-size: 12px;
line-height: 33px;
height: 33px;
padding-left: 18px;
text-decoration: none;
color:#003462;
}

#mobile_login a:link.arrowbutton, #mobile_login a:visited.arrowbutton, #mobile_login a:active.arrowbutton {
color:#003462;
}

a.arrowbutton span {
background: transparent url(../img/btn_un_right.png) no-repeat top right;
display: block;
padding: 0 22px 0 0;
}


a.arrowbutton:hover {
background-position:bottom left;
}

a.arrowbutton:hover span {
color:red;
background-position:bottom right;
}

.buttonwrapper {
overflow: hidden;
}

#mobile_login a {
color:#99cccc;
}

#leader_widget {
margin-left:7px;
color:#9ad6cf;
font-size:12px;
text-transform:uppercase;
line-height:15px;
width:320px;
}

h1 {
margin:0;
color:#ffffff;
font-size:20px;
font-weight:normal;
line-height:22px;
}

.pic_1 {
background: transparent url(/img/thumb_bk_r.gif) no-repeat 0 0;
width:59px;
height:59px;
}

.pic_2 {
background: transparent url(/img/thumb_bk_b.gif) no-repeat 0 0;
width:59px;
height:59px;
}

.pic_3 {
background: transparent url(/img/thumb_bk_g.gif) no-repeat 0 0;
width:59px;
height:59px;
}

.pic_1, .pic_2, .pic_3 {
float:left;
color:#81c7be;
margin:-1px 8px 4px 0;
}

.pic_1 img, .pic_2 img, .pic_3 img {
margin:4px 0 0 5px;
}

#mile_bar {
width:320px;
height:59px;
padding-left:14px;
margin-top: 4px;
}

#gold #mile_bar {
background: transparent url(/img/mobile_bar_gold.png) no-repeat 0 0;
}

#blue #mile_bar {
background: transparent url(/img/mobile_bar_blue.png) no-repeat 0 0;
}

#red #mile_bar {
background: transparent url(/img/mobile_bar_red.png) no-repeat 0 0;
}

.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}

a.smlbutton {
background:transparent url(/img/btn_left_sml.gif) no-repeat top left;
display: block;
float: left;
font-size: 10px;
line-height: 21px;
height: 21px;
padding-left: 8px;
text-decoration: none;
color:#81c7be;
font-weight:bold;
}

a:link.smlbutton, a:visited.smlbutton, a:active.smlbutton {
color:#81c7be;
}

a.smlbutton span {
background: transparent url(/img/btn_right_sml.gif) no-repeat top right;
display: block;
height:21px;
padding: 0 8px 0 0;
}


a.smlbutton:hover {
background-position:bottom left;
}

a.smlbutton:hover span {
background-position:bottom right;
color:#0a5c55;
}

.big {
font-size:30px;
line-height:41px;
}

.med {
line-height:14px;
font-size:18px;
}

.sml {
font-size:11px;
line-height:13px;
padding-top:7px;
}

.grid_3 {
width:92px;
text-align:right;
float:left;
height:35px;
}

.grid_2 {
height:14px;
margin:0;
width:60px;
margin-left:7px;
float:left;
}

.grid_1 {
height:191px;
width:130px;
}

.mile_container {
float:right;
width:147px;
height:161px;
background:url(/img/bk_recent_rides.png) no-repeat scroll top left;
color:#fff;
}
.recent_rides {
font-size:11px;
line-height:22px;
background: transparent url(/img/lines.png) repeat-x 0 0;
}

.recent_rides span {
color:#99cccc;
padding-left:10px;
} 

#malert_message {
color:#003462;
font-size:12px;
line-height:14px;
padding:0 10px;
width:300px;
background:transparent url(/img/malert.gif) repeat-x top left;
margin: 0 auto;
}

a#close {
text-decoration:none;
color:#15857d;
display:block;
float:right;
font-size:10px;
line-height:14px;
}

hr {
color:#95cec7;
background-color: #95cec7;
height: 3px;
border-top-style:hidden;
border-bottom-style:solid;
border-color:#18645f;
border-width:0 0 1px 0;
float:left;
width:100%;
margin:0 8px 0 0;
text-align:left;
}

#gold hr {
color:#d8a32b;
background-color: #d8a32b;
}

#blue hr {
color:#013762;
background-color:#013762;
}

#red hr {
color:#e24227;
background-color:#e24227;
}

#view_all_rides_overlay, #view_all_rides {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:10;
display:none;
}

#view_all_rides_overlay {
background-color:#000;
opacity:0.5;
z-index:5;
}

#view_all_rides .content {
opacity:1;
width:295px;
height:385px;
margin:18px 12px;
background:transparent url(/img/mview_rides_overlay.gif) no-repeat top left;
}

#view_all_rides .content div.inner {
padding:20px 17px;
}

#view_all_rides .content div.inner div#scroller {
margin:14px 11px;
overflow:auto;
height:261px;
}

.mile {
width:100%;
height:29px;
font-size:14px;
color:#fff;
line-height:29px;
}

.mile span {
color:#99cccc;
padding-left:10px;
}
.red_button {
margin: 0 7px -6px 0;
}