* {
margin:0;
padding:0;
}

body {
background: #26857f url(/img/background.jpg) repeat-x 0 0;
font-size: 12px;
height: 100%;
width:100%;
font-family:Helvetica, Arial, sans-serif;
color:#ffffff;
}

html {
height: 100%;
width:100%;
}

.error-message {
color:#e8ff4a;
}

a#edit_feedback {
position: absolute;
width: 125px;
height: 21px;
left: 255px;
top: -57px;
background: transparent url(/img/beta_feedback.gif) no-repeat top left;
display: block;
}

a#edit_feedback:hover {
background-position: bottom left;
}

ol {
padding-left:20px;
}

ol li {
padding:5px 0;
}

ul.standard {
list-style-type:disc;
padding-left:20px;
}

sup {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
}

.altrow {
background-color:#25857d;
}

.prefix_standard {
margin-left:70px;
}

.prefix_footer {
margin-left:90px;
}

#UserAutoLogin {
width:12px;
margin-right:2px;
}

sup {
bottom: .7ex;
}

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

h2 {
font-size:18px;
font-weight:normal;
}

h5 {
margin:0;
font-size:14px;
font-weight:bold;
}

ul li {
margin:0;
}

ul {
list-style:none;
}

.left {
float:left;
}

.top {
margin-top:10px;
}

.utop {
margin-top:20px;
}

.bottom {
margin-bottom:10px;
}

.bot_1, .bot_2 {
width: 110px;
float: left;
}
.bot_3 {
float: right;
text-align: right;
}

.right {
float:right;
}

.reg_page {
margin-left:70px;
}

.reg_page img {
margin-left:20px;
}

.reg_page p {
font-size:12px;
line-height:15px;
margin:13px 0 0 20px;
padding:0;
}

#reg_form {
margin:0 80px 0 0;
}

#reg_form hr, #social_networks .round_380 hr {
background: #0a4a47;
width:740px;
height: 2px;
border-bottom: 1px solid;
border-bottom-color: #3d7d7a;
margin-left:10px;
margin-top:10px;
}

label {
display:block;
margin-top:15px;
}

#reg_form .narrow {
width:146px;
float:left;
margin:0 15px 0 10px;
display:inline;
}

#reg_form input {
width:100%;
margin-bottom:5px;
}

#reg_form .text {
margin:0 15px 0 10px;
float:left;
width:332px;
display:inline;
}

a.button {
background:transparent url(/img/fb_button_right.gif) no-repeat top right;
display: block;
float: left;
font-size: 12px;
line-height: 29px;
height: 27px;
text-decoration: none;
color:#81c7be;
}

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

a.button span {
background: transparent url(/img/fb_button_left.gif) no-repeat top left;
display: block;
margin: 0 73px 0 0;
padding-left:10px;
}

a.button span img {
vertical-align:middle;
}

a.button:hover {
}

a.button:hover span {
}

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

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

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


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

a.btnwarrow:hover span {
background-position: right -21px;
color:#0a5c55;
}

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

.disabled_dashboard {
font-weight:bold;
margin: 4px 2px;
color: #80c6b9;
width: 80px;
font-size: 10px;
line-height: 22px;
text-align: center;
background: url(/img/common/btn_disabled.gif) no-repeat scroll left top;
float: left;
}

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;
padding: 0 6px 0 0;
}


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

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

a.smllbutton {
background:transparent url(/img/btn_left_smll.png) no-repeat top left;
display: block;
font-size: 10px;
line-height:23px;
height: 21px;
padding-left: 8px;
text-decoration: none;
color:#81c7be;
font-weight:bold;
margin:4px 2px;
float:right;
}

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

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


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

a.smllbutton:hover span {
background-position: right -23px;
color:#0a5c55;
}

a.active_btn {
background:transparent url(/img/sub_btn_left.png) no-repeat top left;
display: block;
float: left;
font-size: 10px;
line-height: 30px;
height: 27px;
padding-left: 12px;
text-decoration: none;
color:#81c7be;
font-weight:bold;
float:right;
}

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

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

a.arrowbutton {
margin-top:5px;
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;
}

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

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


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

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

.buttonwrapper{
overflow: hidden;
width: 100%;
}

.grid_7 {
overflow:hidden;
}

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:360px;
margin:0 8px 0 0;
text-align:left;
}

#infow_x {
float:right;
}

#map_canvas {
border:3px solid #156c60;
width:354px;
height:224px;
margin: 12px 0 0 8px;
}
#map_wrapper {
position: relative;
width: 374px;
height: 242px;
overflow: hidden;
}
#map_canvas.personal {
border-width:0;
width:360px;
height:240px;
}

#map_loc {
background: transparent url(/img/bk_map_loc.gif) no-repeat 0 0;
width:360px;
height:50px;
margin-top:10px;
}

#map_loc input {
float:left;
width:156px;
margin:15px 0 0 20px;
}

#flickr_set {
background: transparent url(/img/flickr_set.gif) no-repeat 0 0;
width:364px;
height:186px;
padding:1px 3px;
overflow:hidden;
margin: 10px 0 0 4px;
}

#flickr_set img {
width:86px;
height:86px;
margin:4px 0 0 3px;
}

#two-milers {
background: transparent url(/img/bk_2-milers.png) no-repeat 0 0;
width:379px;
height:363px;
margin-top:30px;
position:relative;
}

#two-milers .menu {
position:absolute;
left:-1px;
top:40px;
}

#right_scroll .user_widget {
width:175px;
}

.user_widget {
width:100%;
height:65px;
float:left;
}

.date {
color:#9ad6cf;
padding-top:20px;
line-height:12px;
}

#right_scroll {
position:absolute;
left:10px;
top:75px;
width:358px;
height:263px;
overflow:hidden;
}

#right_scroll_container {
width:1094px;
height:263px;
}

#right_scroll .pic_1, #right_scroll .pic_2, #right_scroll .pic_3 {
margin:4px 0 2px 10px;
}

#right_scroll .user_widget .pic_1, #right_scroll .user_widget .pic_2, #right_scroll .user_widget .pic_3 {
margin:4px 10px 6px 16px;
}

.right_scroll_block, #team_roster_list {
width:358px;
height:263px;
float:left;
}

#team_roster_list {
width:360px;
}

.right_scroll_block {
width:358px;
height:263px;
float:left;
}

.push {
height:125px;
}

#team_1 #right_bkgd.bikebuilder, #team_2 #right_bkgd.bikebuilder, #team_3 #right_bkgd.bikebuilder, #right_bkgd.bikebuilder,
#team_1 #left_bkgd.bikebuilder, #team_2 #left_bkgd.bikebuilder, #team_3 #left_bkgd.bikebuilder, #left_bkgd.bikebuilder,
#team_1 #right_bkgd.mapyourride, #team_2 #right_bkgd.mapyourride, #team_3 #right_bkgd.mapyourride, #right_bkgd.mapyourride,
#team_1 #left_bkgd.mapyourride, #team_2 #left_bkgd.mapyourride, #team_3 #left_bkgd.mapyourride, #left_bkgd.mapyourride,
#team_1 #right_bkgd.getthefacts, #team_2 #right_bkgd.getthefacts, #team_3 #right_bkgd.getthefacts, #right_bkgd.getthefacts,
#team_1 #left_bkgd.getthefacts, #team_2 #left_bkgd.getthefacts, #team_3 #left_bkgd.getthefacts, #left_bkgd.getthefacts {
background-image:none;
}

#left_bkgd {
background: transparent url(/img/tracks/g_l.png) repeat-x 0 0;
}

#right_bkgd {
background: transparent url(/img/tracks/g_r.png) repeat-x 0 0;
}
a#get_the_facts {
text-indent: -1000px;
background: transparent url(/img/btn_get_the_facts.gif) no-repeat 0 0;
float: left;
width: 139px;
height: 36px;
}

a#build_your_bike {
text-indent: -1000px;
background: transparent url(/img/btn_build_your_bike.gif) no-repeat 0 0;
float: left;
width: 145px;
height: 36px;
}

a#map_your_ride {
text-indent: -1000px;
background: transparent url(/img/btn_map_your_ride.gif) no-repeat 0 0;
float: left;
width: 138px;
height: 36px;
}
a#get_the_facts:hover, a#build_your_bike:hover, a#map_your_ride:hover {
background-position: left -36px;
}
#container {
position:relative;
margin:0 100px;
background: transparent url(/img/force_fade.png) no-repeat bottom center;
}

#rolling {
width:170px;
float:right;
}


#main_td {
position:relative;
background: transparent url(/img/common/bk_team3.png) no-repeat 0 0;
}

#home #main_td {
background: transparent url(/img/home/background.png) no-repeat 0 0;
}


#home #left_bkgd, #home #right_bkgd {
background-image: url(/img/home/edges_bkgd.png);

}
#home #main_area {
background-image: none;
}

#red_stats, #blue_stats, #gold_stats {
left:330px;
width:439px;
color:#fff;
font-size:11px;
padding-top:43px;
background: transparent url(/img/home_stats_red_top.png) no-repeat 0 0;
position:absolute;
display:none;
z-index: 300;
}

#red_stats span.inner, #blue_stats span.inner, #gold_stats span.inner {
background: transparent url(/img/home_stats_bot.png) no-repeat bottom left;
display:block;
overflow:hidden;
padding:0 0 30px 16px;
min-height:40px;
}

#blue_stats {
background: transparent url(/img/home_stats_blue_top.png) no-repeat 0 0;
}

#gold_stats {
background: transparent url(/img/home_stats_gold_top.png) no-repeat 0 0;
}

#place_first, #place_second, #place_third {
position:absolute;
z-index: 302;
}

#place_first {
width:365px;
height:40px;
left:161px;
top:-13px;
}

#place_second {
width:315px;
height:30px;
left:171px;
top:46px;
}

#place_third {
width:290px;
height:30px;
left:171px;
top:90px;
}

#sign_on {
background: transparent url(/img/tnav/sign_on_btn.png) no-repeat 0 0;
left:930px;
position:absolute;
top:1px;
}

#sign_on:hover {
background-position:0 -43px;
}

#sign_off {
background: transparent url(/img/tnav/sign_off_btn.png) no-repeat 0 0;
float:right;
margin:2px 1px 0 0;
}

#sign_off:hover {
background-position:0 -43px;
}

#signed_in {
position:absolute;
top:0;
right:150px;
width:430px;
z-index:251;
}

#header_user_widget {
position:absolute;
left: 7px;
top: 42px;
width:285px;
}

#header_user_widget h1 {
line-height: 28px;
}
#header {
overflow:hidden;
height:211px;
}

.grid_4 li {
width:200px;
margin-left:0;
clear:left;
display:block;
padding-top:10px;
}

.grid_4 li a {
float:left;
}

.grid_4 li img {
padding:5px 5px 5px 0;
}

#flashMessage {
width:100%;
height:66px;
background:transparent url(/img/bk_ann_2mc.png) repeat-x 0 0;
font-size:18px;
color:#003462;
}

#alert_message, .announcement, #announcement {
width:100%;
min-height:65px;
background:transparent url(/img/bk_ann_2mc.png) repeat-x 0 0;
font-size:18px;
color:#003462;
line-height:20px;
overflow: hidden;
}
* html #alert_message, * html .announcement, * html #announcement { 
height:65px; 
}
#team_3 #announcement, .team3 {
background:transparent url(/img/bk_note_gold.png) repeat-x 0 0;
border-bottom: 1px solid #ce9921;
}

#team_2 #announcement, .team2 {
background:transparent url(/img/bk_note_blue.png) repeat-x 0 0;
border-bottom: 1px solid #003462;
}

#team_1 #announcement, .team1 {
background:transparent url(/img/bk_note_red.png) repeat-x 0 0;
border-bottom: 1px solid #f14628;
}

.ann_pagi {
background:transparent url(/img/bk_ann_pagi_left.png) no-repeat top left;
padding-left:5px;
height:17px;
line-height:17px;
font-size:10px;
color:#fff;
font-weight:bold;
float:left;
margin-top:3px;
}

.ann_pagi span.inner {
display:block;
height:17px;
line-height:17px;
background:transparent url(/img/bk_ann_pagi_right.png) no-repeat top right;
padding-right:5px;
}

.ann_pagi img {
vertical-align:middle;
float:left;
}


.ann_pagi_right {
float:left;
background:transparent url(/img/ann_pagi_right.png) no-repeat top left;
}

.ann_pagi_left {
float:left;
background:transparent url(/img/ann_pagi_left.png) no-repeat top left;
}

.ann_pagi_right:hover, .ann_pagi_left:hover {
background-position:bottom left;
}

#icons {
float:left;
margin:13px 0 0 0;
}

#icons img {
margin-left:7px;
}

#UserMessage {
width:335px;
height:155px;
}
/*********** login *****************/
#login_stats {
width:480px;
float:left;
margin-top:13px;
font-size:11px;
line-height:13px;
}

#login_stats h1 {
line-height:25px;
}

h1 sup {
font-size:15px;
padding-right:2px;
}

#login_stats .col_1, #login_stats .col_2, #login_stats .col_3, #login_stats .col_4, #login_stats .col_5 {
float:left;
}

#login_stats .col_1 {
width:90px;
}

#login_stats .col_1 img {
float:right;
margin-top:20px;
}

#login_stats .col_2 {
width:126px;
text-align:right;
margin-top:16px;
}

#login_stats .col_3 {
width:92px;
margin:16px 0 0 18px;
}

#login_stats .col_4 {
width:70px;
margin-top:16px;
}

#login_stats .col_5 {
width:64px;
margin-top:16px;
}

#ribbon_gold, #ribbon_blue, #ribbon_red {
height:77px;
}

#ribbon_red {
background:transparent url(/img/red_ribbon.png) no-repeat top left;
}

#ribbon_gold {
background:transparent url(/img/gold_ribbon.png) no-repeat top left;
}

#ribbon_blue {
background:transparent url(/img/blue_ribbon.png) no-repeat top left;
}

.login_box .checkbox label {
display:inline;
}

.login_box input {
width:335px;
}

.login_box a.teal {
font-size:10px;
text-decoration:none;
display:block;
float:left;
margin-top:20px;
}

.login_box a.teal:hover {
text-decoration:underline;
}

.login_box {
margin:15px 80px 0 20px;
clear:right;
}

#container .login_box span.inner {
 padding:0 0 16px 20px;
}

.login_box hr {
width:340px;
margin-top:10px;
}

.login_box p {
margin:13px 0 20px 0;
color:#fff;
}

/******* end login *****************/
/*********** team page *************/

.container_16 .grid_16 .prefix_1 {
padding-left:70px;
width:380px;
}

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

#status_block_container, #s_status_block_container, #team_status_block_container, .status_block {
width:400px;
height:144px;
overflow:hidden;
position:relative;
}

.status_block_left, .status_block_right {
height:573px;
float:left;
padding-top:7px;
}

.status_block_left {
width:230px;
}

.status_block_right {
width:150px;
}

.status_container .grid_3, .team_status_container .grid_3 {
margin-left:29px;
width:120px;
text-align:right;
}

.bar_container {
width:39px;
border:1px solid #99cccc;
height:86px;
float:left;
margin: 0 6px 0 53px;
}

#team_2 .progress_bar {
width:100%;
background-color:#003462;
}

#team_1 .progress_bar {
width:100%;
background-color:#ef4023;
}

#team_3 .progress_bar {
width:100%;
background-color:#d8a32b;
}

.progress_stats {
 text-align:right;
 float:right;
 margin: 6px 8px 0 0;
 line-height:13px;
}

.status_container .grid_4, .team_status_container .grid_4 {
margin:0;
height:191px;
width:220px;
}

.status_container .grid_1, .team_status_container .grid_1 {
height:191px;
width:130px;
}

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

.status_container .grid_2, .team_status_container .grid_2 {
margin:0;
width:60px;
}

.med {
font-size:18px;
}

h2.standing {
margin:23px 0 0 75px;
}

div.standing {
margin:40px 0 25px 64px;
}

img#place {
float:right;
margin:16px 24px 0 0;
}

img#team_stats {
float:left;
margin:16px 0 0 10px;
}

.menu {
padding:11px 0 0 0;
height:33px;
margin:0 0 0 11px;
}

.status_container, .team_status_container {
width:380px;
background: url("/img/round_380_bot.png") no-repeat scroll left bottom transparent;
overflow:hidden;
}

#team_banner, .elevated {
position:absolute;
left:80px;
top:-15px;
}

.elevated {
z-index:10;
top:-65px;
}

.round_380 .menu {
width:360px;
height:33px;
margin:0 0 5px 0;
padding:0;
}

.menu .menu_item {
float:left;
color:#81c7be;
margin-right:14px;
height:33px;
cursor:pointer;
}

.menu .menu_item span {
padding:1px 8px 0;
line-height:20px;
font-size:12px;
display:block;
}

.menu .menu_item.active span {
color:#ffffff;
}

#team_area .team_3 .menu .menu_item.active, #team_3 .menu .menu_item.active {
background:transparent url(/img/point_gold.png) no-repeat bottom left;
}

#team_area .team_2 .menu .menu_item.active, #team_2 .menu .menu_item.active {
background:transparent url(/img/point_blue.png) no-repeat bottom left;
}

#team_area .team_1 .menu .menu_item.active, #team_1 .menu .menu_item.active {
background:transparent url(/img/point_red.png) no-repeat bottom left;
}

#team_area .team_2 .menu .menu_item.active span, #team_2 .menu .menu_item.active span {
background-color:#003462;
}

#team_area .team_1 .menu .menu_item.active span, #team_1 .menu .menu_item.active span {
background-color:#d13115;
}

#team_area .team_3 .menu .menu_item.active span, #team_3 .menu .menu_item.active span {
background-color:#d8a32b;
}

/*******challenges *********/

.subchallenge {
width:359px;
height:66px;
overflow:hidden;
}

.subchallenge .top_1 {
float:left;
width:125px;
line-height:11px;
}
.top_1of2 {
color:#fff;
width: 180px;
margin: 14px 0 0 11px;
float: left;
font-size: 11px;
}
.top_1of2 h3 {
font-size: 14px;
margin: 0;
}
.top_2of2 {
float: right;
margin: 0 10px 0 0;
}

.subchallenge .top_2 {
float:left;
width:69px;
line-height:11px;
padding-top:1px;
font-weight:bold;
text-align:center;
}

.subchallenge .top_3 {
float:left;
width:96px;
line-height:11px;
font-weight:bold;
text-align:center;
}
.subchallenge .top_23 {
float:left;
width:165px;
line-height:11px;
font-weight:bold;
text-align:center;
}
.subchallenge .pic_1, .subchallenge .pic_2, .subchallenge .pic_3 {
margin:4px 7px 0 1px;
}

.challenge_tag_1, .challenge_tag_2, .challenge_tag_3 {
margin:6px 0 6px 0;
width:67px;
height:11px;
}

.challenge_tag_1 {
background:transparent url(/img/challenge_tag_red.gif) no-repeat top left;
}

.challenge_tag_2 {
background:transparent url(/img/challenge_tag_blue.gif) no-repeat top left;
}

.challenge_tag_3 {
background:transparent url(/img/challenge_tag_gold.gif) no-repeat top left;
}

.vertical_slider {
position:relative;
overflow:hidden;
height:415px;
float:left;
margin-right:20px;
width:359px;
}

.sub_list_slider, .sub_list_slider {
width:359px;
}

.horizontal_slider, .sub_list, #psub_list, .csub_list {
position:relative;
height:460px;
width:359px;
}

.sub_list, .psub_list, .csub_list {
position:relative;
height:435px;
float:left;
margin-left:20px;
overflow:hidden;
}

.both_lists {
position:relative;
height:421px;
width:2400px;
}

.empty_list .sub_list, 
.empty_list .psub_list, 
.empty_list .csub_list, 
.empty_list .both_lists,
.empty_list .master_wrapper, 
.empty_list .sub_wrapper, 
.empty_list .pmaster_wrapper, 
.empty_list .psub_wrapper,
.empty_list .cmaster_wrapper, 
.empty_list .csub_wrapper,
.empty_list .horizontal_slider,
.empty_list .vertical_slider
{
height:auto;
}


.master_list, .pmaster_list, .cmaster_list {
margin-top:0;
}

.master_wrapper, .sub_wrapper, .pmaster_wrapper, .psub_wrapper, .cmaster_wrapper, .csub_wrapper {
width:359px;
height:435px;
float:left;
margin-right:20px;
}

.pmaster_wrapper, .cmaster_wrapper {
margin-left:20px;
}

.horizontal_slider {
overflow:hidden;
}

a.master_a {
text-decoration:none;
color:#fff;
}

.master .top_3 b.jff, .master .top_3_completed b.jff {
font-size: 14px;
line-height:20px;
color: #fff;
}

.master .top_3_completed b.completed {
font-size:13px;
}

.master {
width:359px;
height:95px;
background:transparent url(/img/bk_master_challenge.png) no-repeat 0 0;
overflow:hidden;
}

.master .top {
height:73px;
margin-top: 0;
}

.master .top_1 {
float:left;
width:117px;
color:#fff;
}

.master .top_1 h3 {
font-size:14px;
font-weight:bold;
padding:16px 0 0 10px;
margin:0;
}

.challenge_date {
font-size:15px;
color:#fff;
padding-left:10px;
line-height:24px;
font-weight:normal;
width: 82px;
height: 27px;
margin-top: 3px;
}
#user_area_secondary.team_1 .challenge_date, #team_1 .challenge_date {
background:transparent url(/img/users/challenge_track_red.gif) no-repeat 0 0;
}
#user_area_secondary.team_3 .challenge_date, #team_3 .challenge_date {
background:transparent url(/img/users/challenge_track_gold.gif) no-repeat 0 0;
}
#user_area_secondary.team_2 .challenge_date, #team_2 .challenge_date {
background:transparent url(/img/users/challenge_track_blue.gif) no-repeat 0 0;
}

.master .top_2 {
padding-top:13px;
float:left;
width:150px;
background:transparent url(/img/challenge_sep.gif) no-repeat center right;
line-height:17px;
font-size:13px;
color:#fff;
}

.master .top_2 b {
font-size:16px;
}

.master .top_3, .master .top_3_completed {
float:left;
width:90px;
font-size:11px;
line-height:14px;
text-align:center;
color: #fff;
}

.master .top_3_completed {
padding-top:0;
line-height:11px;
}

.master .top_3 b, .master .top_3_completed b {
font-size:21px;
line-height:18px;
}

table {
margin-bottom:0;
}

.master .bottom {
font-size:11px;
line-height:22px;
height:22px;
padding:0 6px;
}

/***end challenges *********/

/****** make challenge flow **/
#ChallengeAddForm input {
width:60px;
}

.modal_dialog, #tac_wrapper {
width:393px;
height:494px;
background:transparent url(/img/bk_modal.gif) no-repeat 0 0;
position:relative;
}

#login_dialog {
width:356px;
height:429px;
background:transparent url(/img/login/background.gif) no-repeat 0 0;
position:relative;
padding: 17px 17px 0 20px;
color: #9bd6d0;
}
#login_dialog .title {
margin-top: 2px;
}
#login_dialog #UserPassword, #login_dialog #UserUsername, #login_dialog #UserEmail {
width: 325px;
margin-top: 5px;
}
#login_dialog #register {
width: 295px;
height: 89px;
background: url(/img/login/register_background.gif) no-repeat scroll left top transparent;
padding: 45px 16px 0;
margin: 20px 0 0 15px;
}
#login_dialog label {
margin-top: 18px;
}
#login_dialog .inset {
margin-left: 15px;
}
#login_dialog .checkbox label {
margin: 0;
display: inline;
font-size: 10px;
}
#login_dialog .checkbox {
margin-top: 2px;
}
#login_dialog .links {
width: 200px;
float: left;
font-size: 10px;
margin-top: 11px;
}
#login_dialog .links a {
color: #99cccc;
}
#login_dialog .hr {
margin-top: 19px;
}
#beta_feedback label {
text-transform: uppercase;
color: #99cccc;
margin-bottom: 7px;
}

#beta_feedback input {
margin-bottom: 20px;
}

#beta_feedback textarea {
width: 340px;
height: 240px;
}

#modal_dialog_res {
padding-top:18px;
background:transparent url(/img/bk_modal_top.gif) no-repeat top left;
overflow:hidden;
}
#modal_dialog_res .title {
margin-top: 0;
}
#modal_dialog_res .hr {
width: 360px;
margin: 17px;
}
#modal_dialog_res span.inner {
background:transparent url(/img/bk_modal_bot.gif) no-repeat bottom left;
overflow:hidden;
display:block;
}

#modal_dialog_res span.inner .right, modal_dialog span.inner .right {
margin:4px 18px 0 0;
}

.modal_dialog .user_widget {
margin:10px 0 0 20px;
width:100%;
}

.modal_dialog .user_widget h2 {
float:left;
margin-top:7px;
}

.user_widget p {
margin:8px 0 0 0;
}

.modal_dialog .round_360 {
margin:4px 16px;
}

.modal_dialog .round_360 span.inner {
position: relative;
}
.modal_dialog .hr {
margin:10px 20px 5px;
width:355px;
}
.modal_dialog .round_360 span.inner .special_error {
position: absolute;
top: -2px;
left: 250px;
display:none;
}
.modal_dialog .round_360 .top {
margin-top:7px;
margin-right:4px;
}

.texright_bkgd {
text-align:right;
}

.modal_top_1 {
background: transparent url(/img/users/number_circle.gif) no-repeat 0 1px;
line-height:22px;
width:170px;
float:left;
margin-right:3px;
padding-left: 8px;
}

.modal_top_2 {
float:left;
position: relative;
}
.modal_top_2 .highlight, .modal_top_2 .highlight_date {
position:absolute;
top: -5px;
left: 0;
width: 49px;
height: 31px;
background: url(/img/challenges/highlight.gif) no-repeat scroll left top;
padding: 0;
line-height: 31px;
text-align: center;
}
.modal_top_2 .highlight_date {
width: 113px;
background: url(/img/challenges/highlight_date.gif) no-repeat scroll left top;
}
.modal_dialog p {
margin:0 19px;
color: #99cccc;
font-size: 13px;
}

.modal_dialog h1 {
float:left;
}

#modal_dialog_res .close {
float:left;
margin:32px 0 0 20px;
}

.modal_dialog .start_challenge, #shoutout_holder .start_challenge {
 width:auto;
 float:right;
 margin: 8px 19px 12px 9px;
}

.start_challenge a span {
width: 133px;
}

.start_challenge a {
float: right;
clear: right;
}

#modal_dialog_res .start_challenge {
 margin:5px 26px 35px 0;
}

#facebook_email_slider {
width:900px;
height:196px;
overflow:hidden;
}

#TB_window .menu {
padding-top:0;
margin:11px 20px 0 20px;
background: url(/img/challenges/menu_hr.png) no-repeat scroll top left;
}

#facebook_email {
width:336px;
height:196px;
overflow:hidden;
position:relative;
}

#fb_friends div.user_to_challenge {
position:relative;
float: left;
width:100%;
height:49px;
overflow: hidden;
margin:0px 10px 0 0;
}
#fb_friends div.user_to_challenge .greyout, #fb_friends div.user_to_challenge .fb_greyout {
position: absolute;
top: 0;
left: 0;
height: 49px;
z-index: 20;
width: 338px;
background-color: #146860;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#fb_friends div.user_to_challenge .fb_greyout {
background: url(/img/challenges/fb_blocked.gif) no-repeat scroll 50px top #146860;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.jScrollPaneContainer #fb_friends div.user_to_challenge, .jScrollPaneContainer #fb_friends div.user_to_challenge .greyout, .jScrollPaneContainer #fb_friends div.user_to_challenge .fb_greyout {
width: 296px;
}

.footnote {
position: absolute;
font-size: 12px;
top: 370px;
left: 16px;
}

#fb_friends div.user_to_challenge a {
display: block;
float: left;
width:48px;
height:49px;
}

/*** select user */
div.user_to_challenge div.hover_over { 
visibility: hidden;
width: 48px; 
height: 49px; 
background: url(/img/fb_select.png) no-repeat;
position: absolute;
left: 0px;
top: 0px;
z-index:10;
}

div.user_to_challenge div.selected { 
display: none;
width: 48px; 
height: 49px; 
background: url(/img/fb_ride.png) no-repeat;
position: absolute;
left: 0px;
top: 0px;
z-index:9;
}

div.user_to_challenge:hover div.hover_over { 
visibility: visible; }

#by_facebook, #by_email, #fb_content, #by_email textarea, #ChallengeShoutOut {
float:left;
width:336px;
height:196px;
}
#by_facebook {
height: 196px;
}

#fb_friends {
width:336px;
height:196px;
}
#by_email, #by_email textarea, #ChallengeShoutOut {
height: 149px;
}
#email_error {
margin: -12px 0 0 30px;
position: relative;
z-index: 50;
display: none;
}
/** end make challenge flow **/
#leader_widget {
margin-top:10px;
color:#9ad6cf;
font-size:12px;
line-height:15px;
width:370px;
}

.about_user {
color:#9ad6cf;
width:320px;
margin-bottom:14px;
}

.recent_rides {
line-height:22px;
background: transparent url(/img/lines.png) no-repeat 0 0;
}

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

.ad {
margin:15px 0 18px 0;
}

#charity_choice {
margin-top:20px;
width:380px;
height:74px;
position:relative;
}

#charity_choice span a, #charity_choice span.none {
font-size:14px;
line-height:16px;
color:#FFF;
display:block;
width:140px;
text-decoration:none;
padding:20px 0 0 160px;
}

#charity_choice span.none {
width:200px;
padding-top:10px;
}

#change_btn {
position:absolute;
left:300px;
top:46px;
}

.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:0 8px 4px 0;
}

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

.twimage {
background: transparent url(/img/bk_twimage.png) no-repeat 0 0;
width:57px;
height:63px;
display:block;
float:left;
clear:left;
}


.twimage img {
width:43px;
height:43px;
margin:2px 0 0 4px;
}

#juitterContainer {
margin:24px 0 0 8px;
}

.twext {
background: transparent url(/img/twext_bottom.png) no-repeat bottom left;
overflow:hidden;
padding-bottom:8px;
float:left;
}

.twext span {
background: transparent url(/img/twext_top.png) no-repeat 0 0;
width:280px;
padding:8px 20px 5px 18px;
display:block;
float:left;
color:#0e433a;
font-size:11px;
line-height:13px;
overflow:hidden;
}

.twext .twuser {
color:#d8a32b;
display:block;
font-size:12px;
line-height:15px;
margin-bottom:2px;
}

#team_1 .twext .twuser {
color:#ef4023;
}

#team_2 .twext .twuser {
color:#003462;
}

.twext a {
color:#999999;
text-decoration:none;
}
.nav_footer {
padding-top: 30px;
}
#footer_links {
position: relative;
background:transparent url(/img/bk_nav_footer_teal.gif) no-repeat 0 0;
height:54px;
margin:0 0 40px 3px;
width:780px;
font-size:12px;
color:#9bd6d0;
text-align: right;
padding: 12px 0 0 0;
}

#footer_links a {
text-decoration:none;
color:#9bd6d0;
}

#footer_links a:hover {
text-decoration:underline;
color:#9bd6d0;
}


/****** profile *******/
#profile {
margin:0 0 0 90px;
width:780px;
}

#profile .menu {
background: transparent url(/img/profile_menu.png) no-repeat 0 0;
width:780px;
padding:0;
margin:0 0 20px 0;
height:35px;
}

.round_782 {
color:#9ad6cf;
font-size:12px;
padding-top:11px;
background: transparent url(/img/round_782_top.png) no-repeat 0 0;
overflow:hidden;
width:782px;
}

.round_782 span.inner {
background: transparent url(/img/round_782_bot.png) no-repeat bottom left;
display:block;
overflow:hidden;
padding:0 10px 22px 10px;
}

p.title {
margin-bottom:5px;
text-transform:uppercase;
}

.round_742 {
color:#9ad6cf;
font-size:12px;
padding-top:11px;
background: transparent url(/img/round_742_top.png) no-repeat 0 0;
overflow:hidden;
width:742px;
}

 span.inner .round_742 span.inner {
background: transparent url(/img/round_742_bot.png) no-repeat bottom left;
display:block;
overflow:hidden;
padding:0 20px 12px 20px;
}

.round_782 span.inner hr {
width:759px;
}

.round_815 {
color:#9ad6cf;
font-size:12px;
padding-top:10px;
background: transparent url(/img/round_815_top.png) no-repeat 0 0;
overflow:hidden;
width:815px;
}

.round_815 span.inner {
background: transparent url(/img/round_815_bot.png) no-repeat bottom left;
display:block;
overflow:hidden;
padding:0 20px 22px 20px;
}

.round_815 span hr, #edit_friends span hr {
width:760px;
}

.round_815 span p, #edit_friends span p {
margin-bottom:13px;
width:780px;
}

.round_380 {
color:#9ad6cf;
font-size:12px;
line-height:15px;
padding-top:11px;
background: transparent url(/img/round_380_top.png) no-repeat top left;
width:380px;
overflow:hidden;
}

.round_380 span.inner {
background: transparent url(/img/round_380_bot.png) no-repeat bottom left;
display:block;
overflow:hidden;
padding:0 0 30px 10px;
}

.round_360, .round_360_pale {
color:#9ad6cf;
font-size:12px;
padding-top:11px;
background: transparent url(/img/round_360_top.png) no-repeat 0 0;
}

#modal_dialog_res .round_360 span.inner, .round_360 span.inner, .round_360_pale span.inner {
background: transparent url(/img/round_360_bot.png) no-repeat bottom left;
display:block;
overflow:hidden;
padding:0 0 11px 10px;
}

.round_360_pale {
background: transparent url(/img/common/round_360_pale_top.gif) no-repeat 0 0;
position: absolute;
bottom: 20px;
left: 15px;
width: 360px;
}

.round_360_pale span.inner {
background: transparent url(/img/common/round_360_pale_bot.gif) no-repeat bottom left;
line-height: 21px;
padding-left: 13px;
}

.round_360_pale span.inner img {
vertical-align:middle;
margin-top: -2px;
}

#edit_social .round_380 p {
clear:left;
width:340px;
margin-left:0;
}

.round_380 .grid_3, .round_380 .grid_6 {
margin-top:20px;
}

.round_380 input, .round_380 textarea, .round_815 input {
margin-top:10px;
}

#UserEditPhoto img {
float:left;
margin:7px 30px 0 0;
}

#UserFiledata {
position: relative;
height:25px;
display:block;
float:left;
width:195px;
}

#edit_account, #edit_charity, #edit_notices, #edit_social, #edit_friends {
width:860px;
float:left;
overflow:hidden;
}

#edit_notices p, #edit_social p, #edit_charity p {
width:700px;
margin-left:20px;
}

#edit_charity p {
width:770px;
}

#edit_social {
font-size:12px;
}

#right_slider {
width:5000px;
}

#right_slider_container {
margin-left:60px;
overflow:hidden;
width:810px;
position:relative;
}

.charity_icon {
width:237px;
height:94px;
margin:0 19px 0 0;
background: transparent url(/img/bk_charity.gif) no-repeat;
float:left;
}

.charity_icon .icon_image {
float:right;

}

.charity_icon .jquery-checkbox img {
margin-left:5px;
}

#profile_pic {
}

/******* fancy checkboxes *******/
.jquery-checkbox       {display: inline; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 41px; height: 25px;
margin-left:11px;
}
.jquery-checkbox img{background: transparent url(/img/checkbox.gif) no-repeat;}

.jquery-checkbox img{
background-position: 0px 0px;
}
.jquery-checkbox-checked img{
background-position: 0px -25px;
}

.styled_checkboxes {
line-height:12px;
margin-top:10px;
}

/********** fancy scroll pane *******/
#view_all_over, #view_scores_over {
width:393px;
height:494px;
background:transparent url(/img/bk_view_all_rides.png) no-repeat 0 0;
position:relative;
}

#view_all_over .close, #tac_wrapper .close, #view_scores_over .close {
float:right;
margin:19px 17px 10px 0;
}

#view_all_over .title, #tac_wrapper .title, #view_scores_over .title {
margin:0 0 0 16px;
}

.modal_dialog .title {
margin:12px 0 0 16px;
}

.modal_dialog hr {
width:340px;
margin:0 26px;
}

.modal_dialog p.top {
margin-top:10px;
}

.modal_dialog p.bottom {
margin-bottom:10px;
}

#tac_wrapper .round_360 {
width:360px;
height:310px;
margin:8px 0 20px 17px;
}

#tac_wrapper .inner {
height:300px;
}

#tac_wrapper p {
width:285px;
}

#view_all_over hr, #tac_wrapper hr {
width:360px;
margin:0 16px;
}

#tac_wrapper #pane1, #tac_wrapper #pane2 {
height:300px;
}

#pane1, #pane2 {
width:340px;
height:335px;
}

#pane1 div.row, #pane1 div.altrow, #pane2 div.row, #pane2 div.altrow  {
padding-left:11px;
width:289px;
height:29px;
line-height:29px;
background-color:#0a5c55;
font-size:14px;
}

#pane2 div.row, #pane2 div.altrow  {
font-size:12px;
}
#pane1.wider div.row, #pane1.wider div.altrow, #pane2.wider div.row, #pane2.wider div.altrow  {
width:324px;
}

.teal {
color:#99cccc;
}

.white, a.white {
color:#fff;
}

#pane1 div.altrow, #pane2 div.altrow {
background-color:#146860;
}

.jScrollPaneContainer {
margin:10px 29px;
overflow:hidden;
position:relative;
}

#facebook_email_slider .jScrollPaneContainer {
margin:0;
float: left;
}
.right_scroll_block_row {
width:100%;
height:66px;
}
#facebook_email_slider .jScrollPaneContainer .jScrollPaneDragTop {
height:4px;
background: url(/img/challenges/vscroll_h_top.gif) no-repeat left top;
}
#facebook_email_slider .jScrollPaneContainer .jScrollPaneDragBottom {
background: url(/img/challenges/vscroll_h_bot.gif) no-repeat left bottom;
height: 100%;
margin-bottom: 0;
}
#facebook_email_slider .jScrollPaneContainer .jScrollPaneTrack {
height: 196px;
}
#facebook_email_slider .jScrollPaneContainer .jScrollPaneDrag {
background: none;
margin-bottom:30px;
}

#fb_friends div.user_to_challenge .username {
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
float: left;
line-height: 16px;
width: 120px;
margin: 9px 0 9px 12px;
}
.right_scroll_block .jScrollPaneContainer {
margin:0;
}

.right_scroll_block .jScrollPaneDrag {
background:#5daca7 none repeat scroll 0 0;
cursor:pointer;
overflow:hidden;
position:absolute;
margin:0;
}

.right_scroll_block .jScrollPaneTrack {
background:#0f5d55 none repeat scroll 0 0;
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}

#tac_wrapper .inner .jScrollPaneContainer {
margin:0;
}

#tac_wrapper .jScrollPaneTrack {
background:transparent url(/img/vscroll_bar_300.gif) no-repeat 0 0;
height:300px;
}

#tac_wrapper .jScrollPaneDrag {
background:transparent url(/img/vscroll_handle_300.gif) no-repeat 0 0;
}

.jScrollPaneTrack {
background:transparent url(/img/vscroll_bar.gif) no-repeat 0 0;
position:absolute;
right:0;
height:335px;
}

.jScrollPaneDrag {
background:transparent url(/img/vscroll_handle.gif) no-repeat 0 0;
position:absolute;
margin:7px;
height:78px;
}

.jScrollPaneDragBottom {
margin-bottom:35px;
}

.scroll-pane {
width:299px;
height:317px;
overflow: auto;
float: left;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:400;
top: 0px;
left: 0px;
height:100%;
width:100%;
}

.TB_overlayMacFFBGHack {background: url(/img/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
position: fixed;
z-index: 401;
color:#fff;
display:none;
text-align:left;
top:50%;
left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}

#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}

#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}

#TB_title{
background-color: #24817b;
height:27px;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
padding:15px;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:402;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
z-index:399;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}

/***** pagination ******/
#pagination {
color:#fff;
font-size:10px;
font-weight:bold;
}
#pagination a {
text-transform:uppercase;
color:#80c6b9;
text-decoration:none;
}

/****** search *******/
.round_815 .user_widget, #edit_friends .user_widget  {
line-height:12px;
}

.round_815 .user_widget h2, #edit_friends .user_widget h2 {
margin-top:4px;
color:#fff;
text-transform:uppercase;
margin-bottom:0;
line-height:18px;
}


/********************/
.faqs fieldset textarea, .faqs fieldset input {
width:100%;
}

#infowindow_links {
display: inline;
}
#infowindow_addanother {
float: right;
display: none;
padding-bottom: 5px;
}
#infowindow_scrolling {
width: 514px;
height: 288px;
overflow: auto;
margin: 0;
}

#infowindow_shell {
width:270px;
clear:both;
}

#infowindow_container {
clear:both;
}

#infowindow_content {
clear:both;
color: #013563;
display: block;
padding: 10px 16px 0;
}

#infowindow_content a {
color: #013563;
}

#infowindow_reviews {
}
#infowindow_form {
font-family: Arial, Helvetica, sans-serif;
color:#013563;
}
#infowindow_form form {
padding: 5px 5px 10px 3px;
}

#infopointer {
position: absolute;
bottom: -21px;
z-index: 1;
left: 50px;
width: 23px;
height: 22px;
}
#infowindow {
background: url(/img/map/infowindow_bg.gif) repeat-x #c4eae6;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
display:block;
clear:both;
}

#infowindow_content h6 {
font-size: 10px;
margin-bottom: 10px;
font-weight: normal;
}

#infowindow_close {
display: block;
text-align: right;
}

/*redesign */
#facebook_button {
height:26px;
left:778px;
position:absolute;
top:7px;
width:150px;
}

#upload_links a {
color:#9bd6d0;
line-height: 20px;
text-decoration: none;
}

#upload_links a:hover {
text-decoration: underline;
}

/*redux*/
#background_image0 {
background-image: url(/img/underlays/bike0.png);
background-repeat: no-repeat;
}
#background_image1 {
background-image: url(/img/underlays/bike1.png);
background-repeat: no-repeat;
}
#logo_div {
position: relative;
background: transparent url(/img/logo_background.png) no-repeat left top;
}
#home #logo_div {
background: transparent url(/img/home/logo_background.png) no-repeat left top;
}
#home.signed_in #logo_div {
background: transparent url(/img/home/logo_background_si.png) no-repeat left top;
}
#header_area {
background: transparent url(/img/common/header_sout.png) no-repeat left top;
position: relative;
height: 140px;
}
#header_area a.smlbutton {
margin:4px 2px;
line-height: 22px;
}
.signed_in #header_area {
background: transparent url(/img/common/header_sin.png) no-repeat left top;
height: 160px;
}

.faux_si #header_area {
background: transparent url(/img/users/public_header.png) no-repeat left top;
height: 160px;
}

.column1_2 {
float: left;
width: 360px;
font-size: 13px;
line-height: 15px;
margin-bottom: 22px;
}
.column2_2 {
float: left;
margin-left: 5px;
width: 375px;
font-size: 13px;
line-height: 15px;
margin-bottom: 22px;
}

.column1 {
font-size: 13px;
line-height: 15px;
margin-bottom: 22px;
}

#registration_position {
width: 782px;
margin-top: -62px;
}
#registration_container, #select_team, #user_info, #social_networks {
width: 782px;
height: 640px;
overflow: hidden;
}
#registration_slider {
width: 3100px;
height: 640px;
}
#select_team, #user_info, #social_networks {
float: left;
margin-right: 10px;
}
.column1_3 {
float: left;
margin: 15px 6px 0 0;
width: 244px;
}
.column1_3 p {
margin: 2px 10px 2px 27px;
font-size: 12px;
line-height: 15px;
}
.column1_3 p a.smlbutton {
float: left;
}
.column1_3 p a.smlbutton img {
margin-top: 2px;
}
#team_select_gold {
margin-top: 26px;
width: 244px;
height: 51px;
background: transparent url(/img/add/add_select_gold.gif) no-repeat left top;
}
#team_select_red {
margin-top: 26px;
width: 244px;
height: 51px;
background: transparent url(/img/add/add_select_red.gif) no-repeat left top;
}
#team_select_blue {
margin-top: 26px;
width: 244px;
height: 51px;
background: transparent url(/img/add/add_select_blue.gif) no-repeat left top;
}
.column1_3 .styled_checkboxes {
float: left;
width: 40px;
margin: 11px 0 0 1px;
}
.column1_3 .styled_checkboxes .jquery-checkbox img {
background-image: url(/img/check.gif);
}
#create_your_account {
float: right;
margin: 6px 10px 0 0;
}
#select_team .error-message, #reg_form .error-message {
clear: right;
float: right;
margin: 6px 50px 0 0;
display: none;
}
#get_connected {
float: right;
margin: 6px 10px 0 0;
}
#facebook_fan {
position:absolute;
display:block;
top:5px;
left: 25px;
width: 120px;
height: 30px;
}
#reg_form .small_text {
font-weight: bold;
margin: 7px 0 5px 10px;
font-size: 11px;
color: white;
}
#reg_form label {
margin-bottom: 10px;
color: #9bd6d0;
}
#reg_form  label span {
font-size: 11px;
line-height: 14px;
}
#reg_form .multiline label {
margin-top: 8px;
margin-bottom: 3px;
}
#reg_form .column1_2 {
width: 404px;
}
#reg_form .column2_2 {
width: 332px;
}

#social_networks .round_380 span.inner {
padding: 10px 20px 20px 20px;
}
#social_networks .round_380 span.inner p {
margin: 10px 0;
color: #9ad6cf;
}
#social_networks .round_380 span.inner p b {
color: white;
}
#social_networks .styled_checkboxes, #social_networks .styled_checkboxes a {
color: #93cfc9;
}
#social_networks .round_380 span.inner hr {
margin: 10px 0 24px 0;
width: 340px;
}
.step_num {
float: right;
background: transparent url(/img/add/add_title_steps.gif) no-repeat top left;
width: 133px;
height: 60px;
}
.step_num .page1 ,.step_num .page2 ,.step_num .page3 {
float: left;
margin-top: 22px;
width: 20px;
height: 20px;
}
.step_num .page1 {
margin-left: 60px;
}
#user_info .step_num {
background-position: 0 -60px;
}
#social_networks .step_num {
background-position: 0 -120px;
}

.expander {
background: transparent url(/img/users/handle.png) no-repeat top left;
_background: transparent url(/img/users/handle.gif) no-repeat top left;
display: block;
height: 20px;
width: 20px;
position:absolute;
left: 0;
top: -22px;
}
.menu_hr {
background: transparent url(/img/users/menu_hr.png) no-repeat bottom left;
}
.rank_bar {
width: 140px;
height: 18px;
line-height: 18px;
text-align: right;
font-size: 12px;
margin: 5px 0 0 -12px;
}
.rank_bar .pts {
font-size: 10px;
margin-right: 9px;
}

#placeholder {
width:230px;
height:130px;
margin-top:-2px;
}

.taaBubble {
background: transparent url(/img/users/bubble_right.gif) no-repeat top right;
padding-right: 13px;
overflow: hidden;
width: 349px;
margin-top: -13px;
}

.taaBubbleIn {
background: transparent url(/img/users/bubble_left.gif) no-repeat top left;
font-size: 11px;
color: #0b524d;
padding: 22px 0 0 12px;
height: 70px;
}

#team_container {
width: 406px;
float: left;
margin: 0 0 0 31px;
}
#team_user_wrapper {
width: 426px;
float: left;
overflow: hidden;
margin: 0 0 0 24px;
}

#team_container .jScrollPaneContainer {
margin: 0;
}
#team_container .jScrollPaneTrack {
background: transparent url(/img/users/vscroll_bar_250.gif) no-repeat top left;
margin-top: 7px;
height: 250px;
}
#team_container .jScrollPaneDrag {
background: transparent url(/img/users/vscroll_handle_250.gif) no-repeat top left;
}
#tweets_and_announcements .taaBubble {
width: 314px;
}
.wider #tweets_and_announcements .taaBubble {
width: 349px;
}
#tweets_and_announcements {
padding: 13px 0 0 0;
height: 234px;
width: 360px;
}

.taaDetails {
font-size: 10px;
color: #70b8ac;
}
#single_taa {
margin-top: 13px;
}

#roster span.inner {
position: relative;
height: 317px;
}

#roster .menu .menu_item {
margin-right: 8px;
}
#tab_1 {
position: absolute; 
left: 242px;
top: 0;
}
#tab_2 {
position: absolute; 
left: 335px;
top: 0;
}

#tab_red {
display: block;
background: url(/img/users/tab_red.gif) no-repeat scroll left top;
}

#tab_blue {
display: block;
background: url(/img/users/tab_blue.gif) no-repeat scroll left top;
}

#tab_gold {
display: block;
background: url(/img/users/tab_gold.gif) no-repeat scroll left top;
}

#user_area {
position: absolute;
top: 0;
left: 447px;
background: transparent url(/img/users/user_band_gold.png) no-repeat left top;
padding: 48px 0 0 50px;
overflow: visible;
margin-top: 5px;
}
#team_1 #user_area {
background: transparent url(/img/users/user_band_red.png) no-repeat left top;
}
#team_2 #user_area {
background: transparent url(/img/users/user_band_blue.png) no-repeat left top;
}
.red_button {
margin: 0 4px -6px 0;
}
.status_block p {
font-size: 12px;
padding: 5px 10px;
line-height: 16px;
width: 360px;
margin: 0;
}
#team_area_container {
margin: 61px 0 30px 18px;
overflow: hidden;
width: 450px;
position: relative;
}
#team_area .grid_8 {
margin-bottom: -10px;
}
#story_nav {
margin: 173px 0 0 80px;
background: transparent url(/img/home/menu.png) no-repeat left 0;
width: 800px;
height: 60px;
position: relative;
}
.signed_in #story_nav {
margin-top: 153px;
}
#story_nav div {
float: left;
height: 60px;
width: 182px;
}
#story_nav div img {
display: none;
}
#story_nav #pedal {
margin-left:4px;
width: 233px;
}
#story_nav #act {
margin-left: -13px;
width: 206px;
}
#story_nav #shout {
margin-left: -14px;
width: 205px;
}
#story_nav #join {
margin-left: -14px;
width: 183px;
}
#home_container {
margin-top: -15px;
position: relative;
}
#home_container, #home_slider, .home_block {
width: 760px;
overflow: hidden;
float: left;
color: #99cccc;
font-size: 12px;
line-height: 15px;
font-family:Helvetica, Arial, sans-serif;
}
#home_slider {
width: 3070px;
}
#home_right_arrow, #home_left_arrow {
float: left;
width: 40px;
height: 260px;
margin-top: 37px;
}
#home_right_arrow div, #home_left_arrow div {
margin: 71px 0 0 12px;
width: 14px;
height: 21px;
}
#home_left_arrow div {
background: url(/img/home/arrow_left.gif) no-repeat left top;
}
#home_right_arrow div {
background: url(/img/home/arrow_right.gif) no-repeat left -21px;
}
#home_left_arrow {
margin-left: 62px;
}
.header_title, .first_column, .second_column, .third_column, .text_columns {
float: left;
}
.first_column, .second_column {
margin-top: 20px;
width: 205px;
margin-right: 15px;
}

.third_column {
width: 310px;
position: relative;
margin-top: 41px;
}
.text_columns {
padding-left: 10px;
margin-top: 32px;
}
#home_team_1, #home_team_2, #home_team_3 {
display: block;
position: absolute;
top: 12px;
width: 81px;
height: 185px;
left: 12px;
z-index:10;
overflow: hidden;
zoom:1;
}
#home_team_2 {
left: 109px;
}
#home_team_3 {
left: 206px;
}
#home_team_1 img, #home_team_2 img, #home_team_3 img {
display: none;
margin-top: 161px;
}
#watch_join {
position: absolute;
width: 557px;
height: 63px;
top: -120px;
left: 292px;
background: transparent url(/img/home/watch_join.png) no-repeat left top;
}
.signed_in #watch_join {
top: -90px;
}
#watch_link {
position: absolute;
width: 333px;
height: 28px;
left: 0;
top: 30px;
display: block;
}
#watch_link img {
width: 333px;
height: 28px;
display: none;
}
#join_a_team_link {
position: absolute;
width: 239px;
height: 65px;
left: 319px;
top: 1px;
display: block;
}
#join_a_team_link img {
width: 239px;
height: 65px;
display: none;
}
.hr {
height: 2px;
width: 100%;
background: transparent url(/img/common/hr.gif) repeat-x left top;
}
#accept_challenges {
background: transparent url(/img/challenges/accept_bkgd.gif) no-repeat top left;
width: 401px;
height: 88px;
}
.signed_in #accept_challenges {
background: transparent url(/img/challenges/accept_bkgd_si.gif) no-repeat top left;
height: 49px;
}
#accept_challenges .styled_checkboxes {
float: left;
margin: 13px 0 0 2px;
}
#user_reminder_callout {
width: 409px;
height: 52px;
position: absolute;
left: 11px;
top: -30px;
background: transparent url(/img/users/callout_bkgd.png) no-repeat left top;
padding: 10px 10px 0 13px;
color: #8ec8c1;
font-size: 20px;
line-height: 25px;
font-weight: normal;
font-family:Helvetica, Arial, sans-serif;
}
#user_reminder_callout a {
color: #8ec8c1;
}
#user_reminder_callout author {
font-size: 13px;
line-height: 15px;
}
#user_reminder_callout img {
float: right;
margin: 2px 0 0 0;
}
.pts_box {
background-color: #034b45;
font-size: 12px;
line-height: 13px;
height: 21px;
padding: 4px 4px;
display: inline;
margin: 0 2px -1px 6px;
}

.round_300_pale {
margin-bottom: 5px;
color:#fff;
font-size:12px;
line-height: 14px;
padding-top:10px;
background: transparent url(/img/common/round_300_pale_top.gif) no-repeat 0 0;
width: 300px;
}

.round_300_pale span.inner {
display:block;
overflow:hidden;
padding:0 0 10px 10px;
background: transparent url(/img/common/round_300_pale_bot.gif) no-repeat bottom left;
}
.round_300_pale span.inner .pts_box {
display: block;
float: left;
padding: 0 4px;
line-height: 21px;
margin-right: 7px;
}
.subtitle {
margin-bottom: 8px;
}
.subtext {
color: #99cccc;
}
.round_300_pale span.inner .left {
margin-top: 4px;
width: 220px;
}
#scorecard .jScrollPaneContainer {
margin: 0;
}
.jScrollPaneTrack {
background:url("/img/common/vscroll_bar_388.gif") no-repeat scroll 0 0 transparent;
height:388px;
}
#header_corner {
position: absolute;
top:47px;
right: 0;
width: 133px;
height: 90px;
}
#points_corner {
width: 70px;
float: left;
font-size: 10px;
line-height: 14px;
margin: 3px 0 0 4px;
}
#points_corner .big {
font-size: 28px;
line-height: 30px;
}
#points_corner #show_scorecard {
vertical-align: bottom;
margin: 0 0 0 6px;
}
#non_auth_heading {
font-size: 30px;
line-height: 30px;
height: 43px;
width: 380px;
}
#scorecard_holder, #shoutout_holder {
position: absolute;
top: 0;
left: 0;
z-index:50;
}
#user_view_area {
float: left;
width: 410px;
margin-left: 20px;
}
#user_area_secondary {
overflow:visible;
}
#user_view_area h1 {
font-size: 20px;
line-height: 24px;
}
#user_view_area #leader_widget {
margin-top: 20px;
}
#user_view_area .hr, #user_area .hr {
background: transparent url(/img/common/hr_dark.gif) repeat-x left top;
}
#team_area {
width: 910px;
}
#public_join {
position:absolute;
top: 80px;
left: 920px;
width: 82px;
height: 44px;
display: block;
}
.rank_area {
margin-top: 48px;
width: 378px;
height: 75px;
background: url(/img/users/ranking_background.jpg) no-repeat scroll left top;
}
.rank_area .clear {
height:13px;
}
#header_corner .rank_area {
margin-top: 0;
float:right;
width: 48px;
height: 74px;
background: url(/img/common/rank_background.gif) no-repeat scroll left top;
margin: 6px 10px 0 0;
text-align: center;
font-size: 20px;
line-height: 20px;
}
#header_corner .rank_area sup {
top: .2ex;
font-size:12px;
vertical-align: top;
}
#header_corner .rank_area img {
margin: 1px 2px;
}
.top_n {
width: 87px;
height: 53px;
background: url(/img/users/top_n_background.gif) no-repeat scroll left top;
margin: 0 0 0 11px;
font-size: 20px;
color: #fff;
text-align: right;
line-height: 50px;
padding-right: 7px;
}
.top_n img {
margin: 3px 0 0 5px;
float: left;
}
.top_n sup {
top: 1.6ex;
font-size:12px;
vertical-align: top;
}
.badge_area {
width:365px;
height:48px;
padding-left: 10px;
position:absolute;
left: 0;
top: 0;
}
.badge_area img {
float: left;
margin-top: 9px;
}
#add_message {
display: none;
float: right;
clear: right;
}
.ra_description {
margin: 34px 0 0 0;
width: 350px;
height: 23px;
line-height: 23px;
font-size: 11px;
color: #9ad6cf;
padding-left: 12px;
background: url(/img/users/recent_activity_bar.gif) no-repeat scroll left top;
}
.activity_holder {
overflow: hidden;
height: auto;
margin: 0 0 22px 12px;
}
.activity {
font-size: 11px;
padding-left: 12px;
width: 345px;
background: url(/img/common/hr.gif) repeat-x scroll left bottom;
height: 44px;
line-height: 44px;
color: #9ad6cf;
}
.activity span {
color: #fff;
}
#return_home {
position: absolute;
top: 11px;
left: 80px;
width: 230px;
height: 130px;
}
#home_logo {
position:absolute;
left:-140px;
top:-312px;
}
#user_challenges {
position: relative;
}
.outlined td {
padding: 4px;
border: 1px solid #24817b;
}
.outlined th {
background-color: #24817b;
}
#reg_row {
width:770px;
margin:22px 20px 0 10px;
float:right;
height:40px;
}