/* ----------------------------------------------- Bikewise - - - - - - - - - - - - - - - - - - - - - - - - Filename: bikewise.base.css Author: Catch Design Limited (www.catchdesign.co.nz) ----------------------------------------------- */ /* =GLOBAL ----------------------------------------------- */ /* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} body {background:#fff; font: 63.7%/1.4 'Helvetica Neue', Arial, sans-serif; color:#666; } /* =Clearfix */ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* =Generic */ a { color:#F3702E ; text-decoration:none; } a:hover { text-decoration: underline; } a img, a:hover img { border: none; } a.icon_rss {background: url("../img/bg_rss_icon.png") no-repeat top left;width:14px; height:14px; display:block; text-indent:-999em;} .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0 0 0 10px; } img.alignleft { padding:0; margin:0; } hr {color: #fff; background-color: #fff; border: 1px dotted #62B3E4; border-style: none none dotted;clear:both; } form hr {margin:10px 0 15px;} .hidden { display:none; } /* =Typography */ .helvetica_rounded_black{font-family:'RoundBlk', 'Helvetica Neue', Arial, sans-serif;font-weight:normal;} .helvetica_rounded_bold{font-family:'RoundBldCon', 'Helvetica Neue', Arial, sans-serif;font-weight:normal;} p { font-size:1.3em; color:#555; margin-bottom:18px;} p.meta {color:#999;font-size:1em;margin-bottom:10px;} strong {font-weight: bold;} em { font-style:italic;} h1 {background:url(../img/logo_bikewise.png) no-repeat 0 0; width:136px; height:57px; display:block;text-indent:-999em;} h1 a {width:100%; height:100%; outline:none; display:block} h2 {font-size:4.2em; color:#23366F;letter-spacing:-1.5px;line-height:1.05;} h3 {font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;color:#62B3E4;font-size:1.6em;line-height:1.05;margin-bottom:10px;} h3 a {color:#F2702D;} h3 a :hover{text-decoration:none;} h4 {font-size:1.2em; font-weight:bold; color:#23366F; font-family: "Helvetica Neue" ,Helvetica ,Arial, sans-serif;margin-bottom:5px;} .copy h1 {font-family:'RoundBlk', 'Helvetica Neue', Arial, sans-serif;font-weight:normal;margin:0;font-size:4.2em; color:#23366F;letter-spacing:-1.5px; background:none; text-indent:0; width:auto; height:auto;} .copy h2 {font-family:'RoundBlk', 'Helvetica Neue', Arial, sans-serif;font-weight:normal;color:#23366F;font-size:2.4em; margin:10px 0 0 !important;} .copy h2#hdr_items_purchasing{font-family:'Helvetica Neue', Arial, sans-serif;font-weight:normal;} .copy h3 {margin:15px 0 2px; color:#23366F; font-size:1.6em; font-weight:bold;} .copy h4 {font-size:1.4em;font-weight:bold;margin:16px 0 0; color:#23366F;} .copy h5 {font-size:1.2em;font-weight:bold;margin:16px 0 0; color:#23366F;} .copy p {line-height:1.5; color:#555; font-size:1.3em;margin-bottom:9px;} .copy ul {font-size:1.3em;line-height:1.5;list-style:disc outside none;margin:0 0 9px 18px !important;} .copy ul li {margin-bottom:0; color:#555;} .copy ol {font-size:1.3em;line-height:1.5;list-style:decimal outside none;margin:0 0 9px 18px;} .copy ol li {margin-bottom:0;color:#555} .copy dl {font-size:1.2em;line-height:1.45;margin-bottom:0; color:#666} .copy dt {float:left;margin-right:0;width:162px;font-weight:bold;} .copy dd {float:left;margin-bottom:9px;width:260px;} .copy blockquote {font-size:1.2em;margin:0 0 9px 18px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#333} .copy .alignright img, .copy img.alignright { padding:0; margin:4px 0 10px 10px; } .copy .alignleft img, .copy img.alignleft { padding:0; margin:4px 10px 10px 0; } .copy table {margin-top:10px;} /* Clearfix added to dl */ .copy dl:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .copy dl { zoom: 1; } /* IE6 */ *:first-child+html .copy dl { zoom: 1; } /* IE7 */ .copy table tbody {border-top:1px dotted #62B3E4;} .copy table .alt td, .copy table td.alt {background:#F1F9FF;} /* Social links */ .social_links { list-style: none; margin: 8px 0 0; } .social_links li { float: left; margin: 0 25px 0 0; } .social_links a { display: block; text-indent: -9999px; } .social_links .facebook { background: url('../img/ico_facebook.png') no-repeat; width: 99px; height: 24px; } .social_links .twitter { background: url('../img/ico_twitter.png') no-repeat; width: 94px; height: 27px; } /* =Forms */ fieldset legend {display:none;} label {color:#23366F;font-family: 'Helvetica Neue', helvetica, arial, sans-serif; font-weight:bold;font-size:1.2em;width:100%;display:block;margin-bottom:4px;} input.textbox, input.form-text {background:url(../img/bg_input.png) no-repeat 0 0;border:none;width:257px;border-right:1px solid #e5e5e5;font-size:1.2em;padding:6px;color:#666;margin-bottom:10px;} input.fullwidth, textarea.fullwidth{width:458px;} input.checkbox {float:left;margin-top:2px; font-size:12px} li.checkbox label{float:left;width:auto;margin-left:5px;} input.submit {background:#F3702E; border: 1px solid #F3702E;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-shadow:0 -1px 0 #B75423;font-size:1.4em;padding:10px 9px;letter-spacing:0.5px;border-bottom:1px solid #AA4E20;cursor:pointer;} input.submit:hover {background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 !important;} input.submit_slim {background:#F3702E; border: 1px solid #F3702E;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif; font-weight:bold;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;text-shadow:0 -1px 0 #B75423;font-size:1.4em;padding:1px 9px;letter-spacing:0.5px;border-bottom:1px solid #AA4E20;cursor:pointer;} input.submit_slim:hover {background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 !important;} textarea {background:url(../img/bg_textarea.png) no-repeat 0 0;border:none;width:257px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:1.2em;padding:6px;color:#666;margin-bottom:10px;} select {border:1px solid #789BB6;color:#666;font-size:1.2em;padding:1px 0;margin-bottom:5px;} form ul li {float:left;width:272px;margin-right:50px;margin-bottom:0;} form ul li.nomargin {margin-right:0;} form ul li.fullwidth {float:none; margin-right:0; width:601px;} form ul li.radios ul li {width:auto;margin-right:20px;} form ul li.radios ul li label, form ul li.radios ul li input{float:left;clear:none;} form ul li.radios ul li input.radio {margin-top:4px;margin-right:10px; font-size:12px;} form ul li.radios ul label {clear:both;min-width:40px;font-weight:normal; color:#666;margin-top:2px;} form ul li.radios label {width:auto;} #register_event_start_time, #register_event_end_time {float:left;margin-right:10px;width:200px;} #register_event_start_meridiem, #register_event_end_meridiem {float:left;width:auto;margin-top:3px;} li.register_event_participant_estimate {margin-top: 4px;} .register_event_participant_estimate > input {width: 42px;} input#register_event_start_time_hrs, input#register_event_start_time_mins, input#register_event_end_time_hrs, input#register_event_end_time_mins {width:20px;} select#register_event_end_meridiem, select#register_event_start_meridiem {width:50px;} li#start_time li {width:35px;margin-right:5px;} li#end_time, li#start_time {width:170px;} li#end_time li {width:35px;margin-right:5px;} li.time_label {width:100% !important;} form ul li.event_calendar {clear: both;padding-top: 18px;margin-bottom:18px;} p.form_note {clear:both;} #show_map {display:none; margin-bottom: 8px;} #register_event_location_display_fields {display:none;} #map_canvas {display:none;} span.radio_note {margin:0px 0px 0px 5px; font-size:1.3em;} div.messages { margin: 15px 0 0; } div.error {background:#f5cccc url(../img/icon_exclamation.gif) no-repeat 8px 9px;margin:0 0 9px 35px;width:557px; padding:9px 0 9px 35px;border:none} div.error p {color:#990000; font-weight:bold;margin-bottom:0;} label.error {color:#990000;} input.error, select.error {border:1px solid #990000; background:none;} li.error label {color:#990000;} li.error select {border:1px solid #990000; background:none;} .complete {height:36px; background:#d6ebcc url(../img/icon_tick.gif) no-repeat 8px 9px;margin:0 0 9px 35px;width:592px;} .complete p {color:#336600; font-weight:bold;margin-bottom:0;padding:9px 0 0 35px;} ul.event_criteria {font-size:1.2em !important;list-style:disc outside none !important;margin:0 0 20px 20px !important;} ul.event_criteria li {float:none !important;margin:0 0 7px !important;width:auto !important;} #signup_auckland_bike2work {} #signup_auckland_bike2work ul {list-style:none;margin: 5px 0 0 !important} #signup_auckland_bike2work li {font-size:12px !important; float: none !important; padding:0 !important; background:none !important} #signup_auckland_bike2work label {display:none} /* =Lists */ ul { list-style: disc;font-size:1.2em;margin:0 0 20px 20px;} ul ul {font-size:1em;} ol { list-style:decimal;font-size:1.2em;margin:0 0 20px 20px;} li {margin-bottom:7px; } /* lists used for layout */ ul.layout_list {list-style:none; font-size:1em; margin:0; padding:0;} ul.layout_list li {list-style:none; margin:0; padding:0; } dl {font-size:1.2em;line-height:1.45;margin-bottom:10px; color:#666} dt {float:left;margin-right:12px;width:70px;font-weight:bold;} dd {float:left; width:180px} /* =Tables */ table { font-size:1.2em;width:100%} tbody {border-top: none !important} table td.active, table th.active {background:none !important} thead td, thead th {padding:5px 0 6px 16px} .border_top td, .border_top th {border-top:1px dotted #62B3E4;} .border_bottom td, .border_bottom th {border-bottom:1px dotted #62B3E4;} tbody td {padding:4px 0 5px 16px;} table tbody .alt td {background:#F1F9FF !important;} tbody .first td, tbody td.first {border-bottom:1px dotted #62B3E4;border-top:1px dotted #62B3E4; font-weight:bold;color:#23366F } tbody .last td, tbody td.last {border-bottom:1px dotted #62B3E4} /* =STRUCTURE ----------------------------------------------- */ .wrap {width:972px; margin:0 auto;} .rounded {-webkit-border-radius:9px;-moz-border-radius:9px;-o-border-radius:9px;border-radius:9px;} /* Masthead */ #masthead {height:114px;background:url(../img/bg_masthead.png) repeat-x 0 0;padding-top:21px;} #masthead .wrap {position:relative; z-index:999;height:114px;} #masthead_search {width:225px;background-color:#ffffff;-webkit-border-radius:14px;-moz-border-radius:14px;-o-border-radius:14px;border-radius:14px;height:28px;margin-top:15px;} #masthead_search label {display:none;} #masthead_search input.textbox {display:block;height:28px;line-height:28px;width:180px;background:transparent;padding:0px;font-size:1em;margin:0 0 0 11px;border:none;outline:none;} #masthead_search input.submit_search {background:url(../img/btn_masthead_search.png) no-repeat 0 0;width:29px; height:28px; display:block; text-indent:-999em;border:none;cursor:pointer; outline:none;color: transparent;} #masthead_search ul{list-style-type:none;width:225px;display:block;margin:0; padding:0; list-style:none} #masthead_search ul li {margin:0;padding:0;width:auto;} #masthead_signup {margin-top:15px;margin-left:14px;} #masthead_signup #masthead_btn_signup {color:#23366F; background:#89C6EB;font-weight:bold;padding:3px 0 0; text-align:center;-moz-border-radius:9px;-webkit-border-radius:9px; border-radius: 9px;width:76px; height:23px;display:block;margin:0;font-weight:bold; font-size:1.4em} #masthead_signup #masthead_btn_signup:hover {background:#23366F;text-decoration:none; color:#fff} #masthead_login {margin-top:15px;margin-left:0px;position:relative;margin-right:35px;z-index:1000} #masthead_login #masthead_btn_login{background:url(../img/btn_masthead_login.png) no-repeat 10px 0;width:82px; height:27px; display:block;text-indent:-999em;outline:none;} #masthead_btn_login.active {background-position:-74px 0 !important;} #masthead_login #masthead_btn_login_hide {background:url(../img/btn_masthead_login.png) no-repeat -74px 0;width:82px; height:27px; display:block;text-indent:-999em;outline:none;margin:0 0 -6px 143px;} #masthead #masthead_login #masthead_btn_login.logout {background-position:-158px 0 !important;} #masthead_login form{} #masthead_login form ul {list-style-type:none;font-size:1em;margin:0; padding:0;} #masthead_login #login_signin {padding:6px;} #masthead_login #login_signin:hover{background:#89C6EB;border-color: #89C6EB #89C6EB #89C6EB !important;} #masthead_login form ul li {margin-bottom:15px;float:none;margin-right:0;width:auto;} #masthead_login form ul li.forgot_link {margin-bottom:0;} #masthead_login form ul li.forgot_link a{margin-bottom:0;color:#66B5E5;} #masthead_login form ul li label {color:#fff;font-weight:bold;width:100%; display:block;margin-bottom:6px; line-height:1.2; font-size:1.1em;} #masthead_login form ul li input.textbox {width:177px;border:none;color:#666;padding:8px 6px;margin-bottom:0;background:#fff;} #masthead_login .login_dropdown {width:225px;position:absolute;top:0;right:0;z-index:2000;display:none} #masthead_login .login_top {} #masthead_login .login_body {background:#23366F;padding-left:17px;padding-top:5px;padding-bottom:10px;} #masthead_login .login_body .login_checkbox {width:115px;margin-left:10px;margin-top:6px;} #masthead_login .login_body .login_checkbox label {float:left;width:auto;margin:2px 0 0; display:inline-block} #masthead_login .login_body .login_checkbox input {float:left;margin:1px 10px 0 0; width:13px; height:13px;} #masthead_login .login_bottom {background:url(../img/bg_login_bottom.png) no-repeat 0 0;width:225px; height:11px;line-height:1px; display:block;} #masthead_login .login_top {background:url(../img/bg_login_top.png) no-repeat 0 0;width:225px; height:11px;line-height:1px; display:block;} #masthead_loggedin {height:45px;background:#ddf1ff;margin-left:10px;margin-top:6px;width:auto;-moz-border-radius:9px;-webkit-border-radius:9px; -o-border-radius:9px;border-radius:9px;} #masthead_loggedin #btn_log_a_ride {color:#fff; background:#F3702E;font-weight:bold;padding:2px 0 0; text-align:center;text-shadow:0 -1px 0 #B75423; border: 1px solid #F3702E;border-bottom:1px solid #AA4E20;-moz-border-radius:9px;-webkit-border-radius:9px; border-radius: 9px;width:85px; height:23px;display:block;margin:9px 8px 0 0;} #masthead_loggedin #btn_log_a_ride:hover {background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 !important; text-decoration:none} #masthead_profile_pic {width:95px;height:77px;padding:2px;display:block;float:left;position:relative;top:-12px;-webkit-transform:rotate(-2.5deg);-moz-transform:rotate(-2.5deg);-o-transform:rotate(-2.5deg);-ms-transform:rotate(-2.5deg);transform:rotate(-2.5deg);-webkit-backface-visibility: hidden;} #masthead_loggedin p {font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;color:#23366F;font-size:1.4em;margin-bottom:0; float:left} #masthead_loggedin p.username {margin-top:12px;margin-right:20px;} #masthead_profile_pic img {width:91px;height:73px;display:block; position:absolute;z-index:1;top:0px;left:0px;} #masthead_profile_pic .mask {width:83px;height:65px;display:block;position:absolute;top:0;left:0px;z-index:20;border:solid 4px #ffffff;-webkit-box-shadow:0px 0px 10px #666666;-moz-box-shadow:0px 0px 10px #666666;-o-box-shadow:0px 0px 10px #666666;box-shadow:0px 0px 10px #666666;} #primary_nav {position:absolute; right:35px; bottom:0;z-index:0;} #primary_nav ul {list-style-type:none;margin:0; padding:0; list-style:none} #primary_nav ul li {float:left;height:36px;margin:0; padding:0; list-style:none} #primary_nav ul li a {height:36px;display:block;background:url("../img/bg_primary_nav.png") no-repeat top left;outline:none; cursor:pointer;text-indent:-999em;} #primary_nav ul li#nav_home a {width:82px; background-position:0 0 !important;} #primary_nav ul li#nav_home a:hover { background-position:0 -73px !important;} #primary_nav ul li#nav_home a.active { background-position:0 -37px !important;} #primary_nav ul li#nav_challenge a {width:195px; background-position:-82px 0 !important;} #primary_nav ul li#nav_challenge a:hover { background-position:-82px -73px !important;} #primary_nav ul li#nav_challenge a.active { background-position:-82px -37px !important;} #primary_nav ul li#nav_events a {width:89px; background-position:-277px 0 !important;} #primary_nav ul li#nav_events a:hover { background-position:-277px -73px !important;} #primary_nav ul li#nav_events a.active { background-position:-277px -37px !important;} #primary_nav ul li#nav_start a {width:147px; background-position:-366px 0 !important;} #primary_nav ul li#nav_start a:hover { background-position:-366px -73px !important;} #primary_nav ul li#nav_start a.active { background-position:-366px -37px !important;} #primary_nav ul li#nav_resources a {width:120px; background-position:-513px 0 !important;} #primary_nav ul li#nav_resources a:hover { background-position:-513px -73px !important;} #primary_nav ul li#nav_resources a.active { background-position:-513px -37px !important;} #primary_nav ul li#nav_shop a {width:76px; background-position:-633px 0 !important;} #primary_nav ul li#nav_shop a:hover { background-position:-633px -73px !important;} #primary_nav ul li#nav_shop a.active { background-position:-633px -37px !important;} #primary_nav ul li#nav_news a {width:82px; background-position:-709px 0 !important;} #primary_nav ul li#nav_news a:hover { background-position:-709px -73px !important;} #primary_nav ul li#nav_news a.active { background-position:-709px -37px !important;} #primary_nav ul li#nav_my_account a {width:120px; background-position:-791px 0 !important;} #primary_nav ul li#nav_my_account a:hover { background-position:-791px -73px !important;} #primary_nav ul li#nav_my_account a.active { background-position:-791px -37px !important;} /* Content */ #content {margin-top:30px;} #content .wrap {position:relative;} .title_holder {background:#fff url(../img/bg_heading_shadow.png) no-repeat center bottom;padding-bottom:20px;} .title_holder h2 {margin:40px 0 3px 184px;letter-spacing:-3px;} .no_blue_bg {background:none !important;} .side_nav {position:absolute;top: 0px; left:0px;width:135px;z-index:100;} .side_nav ul {list-style-type:none;padding:0;margin:0;width:135px;background:url(../img/bg_side_nav_dotted.gif) no-repeat 0 0;} .side_nav .side_nav_block {background:url(../img/bg_shade_top.png) no-repeat top right;min-height:53px;} .side_nav ul li {background:url(../img/bg_side_nav_dotted.gif) no-repeat 0 0;padding:5px 20px 5px 0;margin:0;list-style:none;list-style-image:none;} .side_nav ul li a {} .side_nav ul li.active, .side_nav ul li.active-trail{background: url(../img/bg_side_nav_hover.png) no-repeat top left;color:#fff;padding-left:9px;} .side_nav ul li.active a, .side_nav ul li.active-trail a{color:#fff;text-decoration:none;} .side_nav ul li a:hover {color:#23366F;} .side_nav ul li.active a:hover {color:#fff;} .side_nav ul li.active a:hover,.side_nav ul li.active-trail a:hover{color:#fff;} .filter {margin:0;padding:5px 0 7px;} .filter form {} .filter fieldset {} .filter label {display:none;} .filter select {margin:0;width:107px;} .filter ul {list-style:none; margin:0; padding:0;} .filter li {line-height:1;} .filter li.last {margin-bottom:0;} .filter ul li a:hover {text-decoration:underline;color:#23366F;} .filter ul li:hover {padding-left:0px;} .filter ul li:hover {background:url(../img/bg_side_nav_dotted.gif) no-repeat 0 0; color:#23366F;} .media_area {background: url(../img/bg_light_blue.png) repeat-x top left;padding-bottom:1px;padding-top:20px;margin-top:10px;} .media {background:#fff;padding:18px;margin:0 0 18px 18px;width:677px;} .media .inserted_media {float:left; width:513px;margin-right:18px;} .media .media_caption {float:left; width:146px;} .media .media_caption p {font-size:1.1em; color:#666;line-height:1.6;} .copy {padding-top:14px;width:440px;padding-left:35px;} div.fullwidth {width:auto !important;} .content_box {padding-left:125px;background: url(../img/bg_shade.png) no-repeat 125px bottom;position:relative;margin-bottom:20px;padding-bottom:15px;} .shade_bottom {background: url(../img/bg_shade.png) no-repeat left bottom;height:140px;position:absolute;bottom:-140px; left:154px;width:19px;} .content_box h2 {margin-left:35px;margin-top:35px;} .news_holder {background:#fff;} .news_holder .copy {margin-left:190px;padding-top:14px;width:595px;} .copy .view .news_list {list-style-type:none !important;font-size:1em !important;width:595px;margin-top:20px !important;margin-left:0 !important;} .news_landing .copy .view .news_list { width: auto; } .news_landing .copy { float: left; } .news_landing .colright { width: 280px; background: url('../img/bg_shade_sm.png') no-repeat left top; padding-left: 30px; min-height: 430px; padding-top: 40px; margin-top: -70px; } .news_list li { background: #fff url(../img/bg_dotted.png) repeat-x bottom left; padding-bottom:1px; margin-bottom:12px; padding-top: 7px; } .news_list h3 { margin-top:0px; font-size: 1.4em; line-height: 1.3; } .news_list img { float: right; margin: 5px 0 0; } .news_list p { font-size: 12px; margin-bottom: 0; } .news_list p.meta { margin-bottom: 10px; } .news_list p.read_more { font-weight: bold; } .news_list .img_holder { display: none; float:left; width:160px; padding:15px 0; } .news_list .copy_holder {float:left; width:435px;} #front .news_list .copy_holder { width:283px; padding-bottom: 16px; } .landing_2col {height:299px;} .landing_2col .colleft {width:340px;min-height:270px;} .landing_2col .colleft h2 {margin-bottom:8px;margin-top:0px;} .landing_2col .colleft h3 {font-size:2.4em;margin-bottom:15px;} .landing_2col .colleft p {margin-bottom:10px;} .landing_2col .colleft h3, .landing_2col .colleft p {margin-left:35px;} .landing_2col .colright {position:relative;} .landing_2col .colright .photo_holder{position:absolute;right:12px;top:8px;-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);-ms-transform:rotate(-1.5deg);transform:rotate(-1.5deg);-webkit-backface-visibility: hidden;} .landing_2col .copy {padding:0;width:auto;} .landing_2col .colright .photo_bg {left:-424px; top:6px;} .panels {padding-left:18px;} .panel {-moz-border-radius:9px;-webkit-border-radius:9px;-o-border-radius:9px;border-radius:9px;background:#fff;padding:18px;margin:0 0 18px 0;width:341px;} .wide_col { } .panel .panel_three_cols .col_1, .panel .panel_three_cols .col_2, .panel .panel_three_cols .col_3 {background-color:#FFFFFF;border-color:#62B3E4;border-style:none dotted none none;border-width:1px;float:left;margin-right:18px;padding-right:18px;width:199px;min-height:175px;} .panel .panel_three_cols .last {border:none; margin-right:0;float:right;padding-right:0;} .panel .panel_three_cols h4 {color:#F3702E; font-size:1.6em;line-height:1.2;font-family:arial, sans-serif; font-weight:bold;} .profile_image {background:url(../img/icon_person.png) no-repeat 0 7px; height:36px; padding:21px 0 0 45px;} .profile_image p {color:#23366F;font-weight:bold;} .new_cyclists {background:url(../img/img_new_cyclist.png) no-repeat 4px 5px;} .new_cyclists .alignleft {width:66px; height:44px; position:relative} .new_cyclists .add_1 {color:#23366F; font-size:14px; position:absolute; left:30px; top:8px; z-index:100; width:27px; text-align:center} .new_cyclists .strike {background:url(../img/img_strike.png) no-repeat 0 0; width:27px; height:31px; position:absolute; left:31px; top:18px; z-index:90;} .new_cyclists .original {font-size:24px; color:#BAE3FF; position:absolute; left:35px; top:28px; z-index:80; width:37px; text-align:center} .new_cyclists p {color:#23366F;float:left;font-weight:bold;margin:20px 0 !important;} .panel_three_cols .col_3 .number_counter {margin:30px 0 21px;} .panel_three_cols p {margin-bottom:26px;} .extra_margin {margin-left:14px;} .panels .panel p {margin-bottom:0;} .panels .panel h3 {color:#F3702E;font-size:2.4em;margin-bottom:10px;} .panels .panel h3, .panels .panel p {margin-left:80px;} .panels .leftcol, .panels .rightcol {width:377px;margin-right:18px;} .panels .widecol { width: 738px; } .panels .bottom_image h3, .panels .bottom_image p {margin-left:0;} .teaser_btn {background:#F3702E; border: 1px solid #F3702E;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-shadow:0 -1px 0 #B75423;font-size:14px;padding:10px 9px;letter-spacing:0px;border-bottom:1px solid #AA4E20;cursor:pointer;} .teaser_btn:hover {text-decoration:none;background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 #23366F !important;} /* Register */ .intro_text {margin:25px 0 18px 35px;} .register_progress {margin:25px 0 18px 35px;} .register_progress ol {list-style-type:none;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;color:#62B3E4;position:relative;height:37px;margin:0;} .register_progress ol li {position:absolute;} .register_progress p {margin:18px 0 0;width:595px;} .register_form {margin-left:35px;background-color: #fff; border: 1px dotted #62B3E4; border-style: dotted none none;padding-top:20px;width:595px;margin-top:18px;} .register_form ul {font-size:1em; list-style-type:none;margin:0;} .register_event_progress {margin:25px 0 18px 35px;} .register_event_progress ol {list-style-type:none;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;color:#62B3E4;position:relative;height:37px;margin:0;} .register_event_progress ol li {position:absolute;background: url(../img/bg_register_event_progress.png) no-repeat 0 0; height:37px;text-indent:-999em;display:block;margin-bottom:0;} .register_event_progress p {margin:18px 0 0;width:595px;} .register_event_progress {margin-left:35px;background-color: #fff; border: 1px dotted #62B3E4; border-style: dotted none none;padding-top:20px;width:595px;margin-top:18px;} .register_event_progress ul {font-size:1em; list-style-type:none;margin:0;} .register_event_progress #step1 {background-position:0 0;width:163px;top:0; left:0;} .register_event_progress #step1.current {background-position:0 -37px;z-index:10;} .register_event_progress #step2 {background-position:-163px 0 !important;width:176px;top:0; left:163px;} .register_event_progress #step2.current {background-position:-152px -74px !important;left:152px;width:187px;z-index:10;} .register_event_progress #step3 {background-position:-339px 0 !important;width:255px;top:0; left:339px;} .register_event_progress #step3.current {background-position:-328px -111px !important;top:0; left:328px; width:268px;z-index:10;} h3.form_header {margin-left: 35px;color: #23366F;font-size: 1.8em;padding-top: 12px;line-height: 0;} p.dotted {background: url(../img/bg_footer_dotted.png) repeat-x left bottom; padding-bottom:15px;} .register_form select {width:270px;} .register_form .submit {margin-top:20px;} .register_form #register_step1 .submit {margin-top: 6px;margin-bottom: 20px;} .register_form .postcode input, .register_form input#register_age {width:110px;} .register_form .postcode p {padding:5px 0 0 20px;} #register_step1 {padding-bottom:20px;} .register_progress ol li{background: url(../img/bg_register_progress.png) no-repeat 0 0; height:37px;text-indent:-999em;display:block;margin-bottom:0;} #step1 {background-position:0 0;width:193px;top:0; left:0;} #step1.current {background-position:0 -37px;z-index:10;} #step2 {background-position:-193px 0 !important;width:146px;top:0; left:193px;} #step2.current {background-position:-182px -74px !important; left:182px;width:158px;z-index:10;} #step3 {background-position:-339px 0 !important;width:255px;top:0; left:339px;} #step3.current {background-position:-328px -111px !important;top:0; left:328px; width:268px;z-index:10;} .register_ridden {margin-top:15px;} .register_success h3 {color:#23366F;font-size:2.4em;font-weight:bold;} .register_success {padding-left:18px;} .register_success .panel {width:677px;padding-bottom:24px;} .register_success .signup_challenge_event .panel_three_cols {margin-bottom: 18px;} /* Register event*/ .district_toggle select{margin-bottom:16px;} /* View form */ .view_form {-moz-border-radius:9px; -webkit-border-radius:9px;border-radius:9px;background:#fff;padding:18px;margin:0 0 18px 18px;width:775px;} .view_form h3 {color:#23366F; font-size:2.4em} .view_form fieldset ul li {padding:0 16px 0 0;width:auto} .view_form select {width:167px;padding:1px;margin:0;} #date_chooser_input {padding:3px 6px;width:100px; float:left;margin-right:10px;} a.date_chooser {display:block; float:left; background:url(../img/icon_date_chooser.gif) no-repeat 0 0; width:18px; height:18px;margin:0 10px 0 0;} .view_form input.submit {margin-top:5px;padding:7px 14px;} .view_form fieldset ul li.last {padding-right:0;} #view_organisations {width:610px;} /* Order Resources */ .order_resources {margin-left:35px;} /* Upcoming events */ #upcoming_events {padding:17px 55px 0 35px;} #upcoming_events h3 {font-size:2.4em; color:#23366F;letter-spacing:-1.5px;margin-bottom:20px;} #upcoming_events hr {margin-bottom:10px;} #upcoming_events .event {} #upcoming_events .event .date {float:left;margin:7px 13px 0 0;width:34px;/*height:37px;*/color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif;font-weight:bold;text-shadow:0 -1px 0 #B75423;padding:8px 9px;background:#F3702E;border:1px solid #F3702E;border-bottom:1px solid #AA4E20;-webkit-border-radius: 8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;text-align:center;/*background:url(../img/bg_date.png) no-repeat 0 0; border: none;*/} #upcoming_events .event .date .number {font-size:2.4em; text-align:center; line-height:1;margin-bottom:0px;} #upcoming_events .event .date .month {font-size:1.4em; text-align:center; line-height:1;} #upcoming_events .event .details {float:left;padding:12px 0 0;width:380px;margin-right:25px;margin-top:0 !important;} #upcoming_events .event .details h4 {color:#F3702E; font-size:1.6em;margin-bottom:11px;} #upcoming_events .event .details dl {width:380px;} #upcoming_events .event .details dt {float:left;margin-right:12px;width:70px;font-weight:bold;color:#666;} #upcoming_events .event .details dd {float:left;width:297px;color:#666;} #upcoming_events .event .details p {} #upcoming_events .event .event_photo {position:relative; width:275px;float:left} #upcoming_events .event .holder_1 {height:198px;} #upcoming_events .event .holder_2 {height:216px;} #upcoming_events .event .holder_1 .img_displayed {left:12px; top:5px;position:absolute;} #upcoming_events .event .holder_1 .img_overlay {left:0;margin:0 0 0 7px;position:absolute;top:0;} #upcoming_events .event .holder_2 .img_displayed {left:7px; top:6px;position:absolute;} #upcoming_events .event .holder_2 .img_overlay {left:0;margin:0 0 0 0;position:absolute;top:0;} .gmap { float: right; width: 240px; } /* Organisation */ #company {padding-left:36px;} #company #company_profile {float:left;width:471px;background:url(../img/bg_vertical_dots.gif) repeat-y right 0;margin:6px 18px 0 0;} #company #company_profile h2 {margin:5px 13px 0 0;float:left; font-size:4.2em} #company #company_profile #follow, #hi #profile #follow {float:left;background:#F3702E;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;font-size:12px;padding:4px 10px 3px;letter-spacing:0px;border:1px solid #F3702E; border-bottom-color:#AA4E20;margin:5px 0 20px;text-align:center;} #hi #profile #follow {margin-top:10px;} #company #company_profile #follow:hover, #hi #profile #follow:hover {text-decoration:none;background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 !important;} #company #company_profile #stopfollow, #hi #profile #stopfollow {float:left;background:#23366F;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;font-size:12px;padding:4px 10px 3px;letter-spacing:0px;margin:5px 0 20px;text-align:center;border:1px solid #23366F; border-bottom-color:#000;} #hi #profile #stopfollow {margin-top:10px;} #company #company_profile #stopfollow:hover, #hi #profile #stopfollow:hover {text-decoration:none;background:#F3702E;text-shadow:none;border-color: #F3702E #F3702E #AA4E20} #company #company_profile h3 {font-size:2.4em; color:#666;margin-bottom:7px;} #company #company_profile p {font-size:1.4em;line-height:1.25;width:440px;margin-bottom:13px;} #company #company_details {float:left;margin-top:24px;width:225px;} #company #company_details #company_logo {margin-bottom:20px;} #company #company_details dl {} #company #company_details dt {margin-right:5px;width:80px;} #company #company_details dd {width:135px;} #statistics {padding-top:10px;padding-bottom:10px;position:relative;} #statistics h3 {color:#666; font-size:1.6em;margin-bottom:14px; float:left} #statistics h3 a {background:url("../img/btn_arrow_medium.gif") no-repeat right 4px;padding-right:24px;} #statistics ul {} #statistics li {float:left;margin-right:18px;width:227px;border-right:1px dotted #62B3E4;padding-bottom:10px;} #statistics li.last {margin-right:0;width:180px; border-right:none;} #statistics .image {float:left;} #statistics .pie {width:80px; margin-right:20px; background:url(../img/img_stats_pie_all.png) no-repeat 0 0; height:80px} #statistics .cyclists {width:100px;height:50px;} #statistics .cyclists .dudes {background:url(../img/img_stats_8_dudes.png) no-repeat 0 0; width:100%; height:22px;} #statistics .co2 {width:96px;} #statistics .calories {margin-right:12px;width:88px;} #statistics .calories .cupcake {background:url(../img/img_calories.gif) no-repeat 0 0; width:100%; height:27px;} #statistics .category {color:#62B3E4;font-size:1.4em;width:100px;} #statistics .stat {float:left;width:100px} #statistics .last .stat {width:80px;} #statistics .stat h3 {color:#23366F; font-size:3.0em;margin-bottom:0;float:none;} #statistics .stat p {font-size:1.1em;line-height:1.1;} #statistics hr {margin:7px 0 17px;} #statistics #your_rides_popup {left:94px;top:27px;} #competing_tables {margin:20px 0 0 22px;} .competing {} #competing_tables .first {margin-bottom:50px;} .competing h3 {color:#666; font-size:1.6em;margin:0 0 6px 16px;} .competing h3 a {background:url(../img/btn_arrow_medium.gif) no-repeat right 4px; padding-right:24px} .competing table {width:710px;font-size:1em} .competing .active {font-weight:bold;} .competing thead {font-size:1.1em;} .competing thead .sortDesc a { background:url(../img/btn_arrow_small.gif) no-repeat 0 -6px; padding-left:10px; font-weight:bold} .competing thead .sortAsc a { background:url(../img/btn_arrow_small.gif) no-repeat 0 6px; padding-left:10px; font-weight:bold} .competing .name {width:116px;} .competing .staff, .competing .department {width:93px;} .competing .number, .competing .trips {width:81px;} .competing .percent {width:158px;} .competing .km_department {} .competing .km_people {width:157px;} .competing .new {width:181px;} .competing tbody {font-size:1.2em;} #showing, #show_people, #show_depts, #hide_people, #hide_depts {border-top:1px dotted #62B3E4;padding:5px 0 0 17px;width:694px;} #showing p, #show_people p, #show_depts p, #hide_people p, #hide_depts p {font-size:1.1em;font-weight:bold;} #showing p a, #show_people p a, #show_depts p a, #hide_people p a, #hide_depts p a {padding-left:10px;font-weight:normal;} /* Footer */ #footer {background: #fff url(../img/bg_footer_dotted.png) repeat-x 0 98px;} #footer #bikes {background:url(../img/bg_footer_bikes.png) no-repeat top right;padding-top:120px;} #footer_nav {list-style:none;width:650px;font-size:1.1em;margin:0; padding:0;} #footer_nav li{float:left;margin:0; padding:0; list-style:none} #footer li span{color:#B2B2B2;margin-right:4px;} #footer_nav li a {} #footer #footer_social_media { list-style:none; width:250px; font-size:1.1em; margin:0 0 20px 0; padding:0; } #footer #footer_social_media li { margin:0; padding:0; list-style:none; width:50px; float:right; } #footer #footer_social_media li.social_p { color: #1F336C; font-weight: bold; width: 75px; } #footer #footer_social_media li#followus { margin-right:10px; color:#23356E; } #footer #footer_social_media li#facebook { background:url("../img/bg_icon_facebook.png") no-repeat top left; padding-left:18px; margin-right:10px; } #footer #footer_social_media li#twitter { background:url("../img/bg_icon_twitter.png") no-repeat top left; padding-left:20px; padding-bottom:1px; width: 50px; } #footer #sponsors {width:760px; clear:both; list-style:none;margin:0; padding:0;} #footer #sponsors li {float:left;margin:0 26px 0 0; padding:0; list-style:none} #footer #sponsors li#sponsors_heading {display:none;} /* Pagination */ ul.pager {list-style-type:none;margin-top:20px;margin-left:35px;margin-bottom:0;} ul.pager li {float:left; background:url(../img/bg_pagination.png) no-repeat -43px 0 !important; width:27px; height:23px; display:block;margin:0 9px 0 0;color:#23366F;text-align:center;position:relative;padding-top:8px;line-height:1;margin-bottom:0;font-weight:bold;} ul.pager li a { position:absolute; top:0; left:0;background:url(../img/bg_pagination.png) no-repeat -15px 0; width:27px; height:23px; display:block;text-align:center; color:#fff;padding-top:8px;} ul.pager li a:hover {background:url(../img/bg_pagination.png) no-repeat -72px 0;text-decoration:none;} ul.pager li.pager-next {background:none !important; width:14px;height:23px; display:block} ul.pager li.pager-next a {background:url(../img/bg_pagination.png) no-repeat -102px 0; width:13px;height:23px;text-indent:-999em;} ul.pager li.pager-next a:hover {background-position:-115px 0 !important;} ul.pager li.pager-previous {background:none !important; width:14px;height:23px; display:block} ul.pager li.pager-previous a {background:url(../img/bg_pagination.png) no-repeat 0 0; width:13px;height:23px;text-indent:-999em;} ul.pager li.pager-previous a:hover {background-position:-127px 0 !important;} ul.pager li.pager-first {background:none !important; width:15px;height:23px; display:block} ul.pager li.pager-first a {background:url(../img/bg_pagination.png) no-repeat -189px 0; width:15px;height:23px;text-indent:-9999em;} ul.pager li.pager-first a:hover {background-position:-173px 0 !important;} ul.pager li.pager-last {background:none !important; width:15px;height:23px; display:block} ul.pager li.pager-last a {background:url(../img/bg_pagination.png) no-repeat -141px 0; width:15px;height:23px;text-indent:-9999em;} ul.pager li.pager-last a:hover {background-position:-157px 0 !important;} ul.pager li.pager-current {background-position:-43px 0 !important} .item-list .pager li {padding:8px 0 0 !important ;margin:0 9px 0 0 !important;} /* Admin styles */ .admin-menu .wrap {position:static;} .admin-menu .wrap .col_1 {float:left;width:150px;padding-top:40px;margin-bottom:20px;} .admin-menu .wrap .col_2 {float:left;width:672px;padding-top:40px;margin-bottom:20px;} .admin-menu .wrap .col_3 {float:right;width:150px;padding-top:40px;margin-bottom:20px;} .admin-menu #content {background:none;} /* Number counter */ .number_counter {height:30px; display:block;position:relative;margin-bottom:10px;margin-top:18px} .number_counter p{font-weight:bold;color:#23366F;margin-bottom:0;position:absolute;left:100px; bottom:0;line-height:1.2;} .counter {background:url(../img/bg_counter.png) no-repeat 0 -27px;width:91px; height:28px;padding:2px 0 0 1px;} .counter span {float:left;text-indent:-999em; line-height:1px;width:17px; height:26px;background:url(../img/bg_counter.png) no-repeat 0 0;margin-right:1px;display:block;} .counter span p {clear:both;} .counter .number0{background-position:-1px -1px;} .counter .number1{background-position:-19px -1px;} .counter .number2{background-position:-37px -1px;} .counter .number3{background-position:-55px -1px;} .counter .number4{background-position:-73px -1px;} .counter .number5{background-position:-91px -1px;} .counter .number6{background-position:-109px -1px;} .counter .number7{background-position:-127px -1px;} .counter .number8{background-position:-145px -1px;} .counter .number9{background-position:-163px -1px;} #small.counter {background:url(../img/bg_counter_small.png) no-repeat 0 -24px;width:96px; height:22px;padding:2px 0 0 1px;} #small.counter span {float:left;text-indent:-999em; line-height:1px;width:15px; height:21px;background:url(../img/bg_counter_small.png) no-repeat 0 0;margin-right:1px;display:block;} #small.counter .number0{background-position:-1px -2px;} #small.counter .number1{background-position:-17px -2px;} #small.counter .number2{background-position:-33px -2px;} #small.counter .number3{background-position:-49px -2px;} #small.counter .number4{background-position:-65px -2px;} #small.counter .number5{background-position:-81px -2px;} #small.counter .number6{background-position:-97px -2px;} #small.counter .number7{background-position:-113px -2px;} #small.counter .number8{background-position:-129px -2px;} #small.counter .number9{background-position:-145px -2px;} /* Inside tabs */ .inside_tabs ul{list-style-type:none;margin-left:18px;margin-top:25px;margin-bottom:0;font-size:1em;} .inside_tabs ul li{float:left;height:35px;margin-bottom:0;} .inside_tabs ul li a{background:#F3702E;line-height:1.2;color:#fff;height:19px;display:block;font-family: 'arial rounded MT bold', Arial, Helvetica;letter-spacing:-0.5px; -webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0; font-size:1.6em;padding:6px 14px 10px;cursor:pointer;margin-right:1px;font-weight:bold;} .inside_tabs ul li a:hover {background:#23366f; border:line-height:1.2;color:#fff;text-decoration:none;cursor:pointer;} .inside_tabs ul li a.active {background:#BAE3FF;line-height:1.2;color:#23366F;text-decoration:none;} .tab_connected {margin-top:0;background:#BAE3FF none;} /* Filter */ .form_filter form {} .form_filter form ul li {margin-top:0;} .form_filter form ul li select {width:auto;min-width:180px;font-size:1.2em;margin-bottom:0;} .form_filter {margin-left:18px;width:677px;} .form_filter ul {line-height:1.2;list-style-type:none; margin:0;} .form_filter ul li {float:left;width:auto;margin-bottom:5px;margin-right:10px;} .form_filter ul li a{color:#23366F;font-weight:normal;} .form_filter ul li a.active {font-weight:bold;} #filter_search label {margin-top:5px;} #filter_search #select_search {font-size:1em;margin-bottom:0;} #filter_search .submit {font-size:1.2em;margin-top:3px;padding:0 10px;} /* icons */ .icon_pdf {background:url(../img/icon_pdf.png) no-repeat 0 0;padding:0 0 1px 20px;} .icon_excel {background:url(../img/icon_excel.gif) no-repeat 0 0;padding:0 0 1px 20px;} .icon_powerpoint {background:url(../img/icon_powerpoint.gif) no-repeat 0 0;padding:0 0 1px 20px;} .icon_sound {background:url(../img/icon_sound.png) no-repeat 0 0;padding:0 0 1px 20px;} .icon_video {background:url(../img/icon_video.gif) no-repeat 0 0;padding:0 0 1px 20px;} .icon_word {background:url(../img/icon_word.gif) no-repeat 0 0;padding:0 0 1px 20px;} .icon_image {background:url(../img/icon_image.png) no-repeat 0 0;padding:0 0 1px 20px;} .icon_vector {background:url(../img/icon_vector.png) no-repeat 0 0;padding:0 0 1px 20px;} /* Results table */ .results_table {margin-top:25px;padding-left:35px;} .results_table h3 {font-size:2.4em; color:#23366F;letter-spacing:-0.5px} .results_table h4 {font-size:1.6em;margin:26px 0 14px;} .results_table table{/*border-top:1px dotted #62B3E4;*/font-size:1em;width:760px;} .results_table table h4 {color:#F3702E;font-size:1.8em;margin-top:0;} .results_table table h4 a{color:#F3702E;} .results_table table h4 a:hover{color:#F3702E;} .results_table table h5 {font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;font-size:1.6em;line-height:1.1;} .results_table table h5 a {color:#F3702E;} .results_table table h5 a:hover{color:#F3702E;} .results_table table tbody tr {border-bottom:1px dotted #62B3E4;} .results_table table tbody td {padding:20px 0 10px 0;text-align:left;vertical-align:top;} .results_table table tbody td.leader {width:70px;padding-top:26px;} .results_table table tbody td.name {width:230px;padding-top:17px;} .results_table table tbody td.staff {width:167px;padding-top:15px;} .results_table table tbody td.cyclists {width:155px;padding-top:15px;} .results_table table tbody td.right {text-align:right;} .results_table table tbody td p {float:left;margin:7px 0 0} .results_table table tbody td div {color:#23366F;line-height:1;} .results_table table tr.results_table_head td { padding: 10px 0; color: #21346D; font-size: 12px; } .results_table .table_top { padding: 10px 0 0; } .results_table .table_top .graph_staff { background: none; padding: 0; } .results_table .table_top .graph_staff h3 { font-size: 0.8em; } .results_table .graph_staff {background:url(../img/graph_staff.gif) no-repeat 5px 0; padding:3px 0 0 26px;font-size:2em;margin:0 4px 8px 0;float:left} .results_table .graph_participation {background:url(../img/img_stats_pie_small_all.png) no-repeat 0 0; padding:3px 0 0 26px;float:left;font-size:2em;margin:0 4px 8px 0;} .results_table .graph_new_cyclists {background:url(../img/graph_new_cyclists.gif) no-repeat 0 0; padding:3px 0 0 21px;float:left;font-size:2em;margin:0 4px 8px 0;} .results_table .graph_cycled {background:url(../img/graph_cycled.gif) no-repeat 0 4px; padding:3px 0 0 21px;float:left;font-size:2em;margin:0 4px 8px 0;} /* My Account page */ #hi {margin:0 0 0 10px;} #hi #profile_pic {float:left; position:relative;top:5px;left:4px;width:257px;padding:2px;margin-right:10px;-webkit-transform:rotate(-2.5deg);-moz-transform:rotate(-2.5deg);-o-transform:rotate(-2.5deg);-ms-transform:rotate(-2.5deg);transform:rotate(-2.5deg);-webkit-backface-visibility: hidden;} #hi #profile_pic .img_displayed {border:solid 2px #ffffff;-webkit-box-shadow:0px 0px 10px #666666;-moz-box-shadow:0px 0px 10px #666666;-o-box-shadow:0px 0px 10px #666666;box-shadow:0px 0px 10px #666666;} #hi #profile {float:left;width:530px;position:relative; min-height:218px;} #hi #profile h2 {margin:10px 13px 7px 0;} #hi #profile h3 {color:#23366F; font-size:2.4em;letter-spacing:-1.5px} #hi #profile .inside_tabs {left:0;position:absolute;bottom:0;} #hi #profile .profile_stats {clear:left} #hi #profile .number_counter {margin:11px 0 11px;} #hi #profile .number_counter .counter {} #hi #profile .number_counter p.alignleft {position:static;margin:16px 0 0 10px;} #hi #profile .number_counter img.alignleft {margin:5px 0 0 22px;} #hi #profile .number_counter .calories {font-size:2.4em;color:#23366F;margin:3px 0 0 9px;} #hi .inside_tabs ul {margin:0;} .white_rounded_box {background:#fff; margin-left:17px;width:755px;padding:9px 18px 18px;margin-bottom:18px;} .white_rounded_box h4 {font-size:1.6em;margin-top:8px;} .white_rounded_box h4 a {background:url(../img/btn_arrow_medium.gif) no-repeat right 3px; padding-right:25px;} #log_ride {background:#DCF1FF;height:46px;width:278px;margin-bottom:7px; position:relative} #log_ride p {color:#23366F;float:left;font-weight:bold;margin:12px 10px 0 9px;} #log_ride #btn_create_ride {float:left; font-size:1.2em; color:#fff; background:#F3702E;display:block;font-weight:bold;margin:8px 18px 0;padding:4px 8px 5px;text-shadow:0 -1px 0 #B75423; border: 1px solid #F3702E;border-bottom:1px solid #AA4E20;-moz-border-radius:9px;-webkit-border-radius:9px; border-radius: 9px} #log_ride #btn_create_ride:hover {background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 !important; text-decoration:none} #log_ride #favourites {float:left; font-size:1.2em; color:#F3702E;font-weight:bold;margin-top:12px;background:url(../img/btn_arrow_medium.gif) no-repeat right 4px; padding-right:22px; outline:none} #log_ride #favourites.disabled {color:#bbbbbb; background-image:url(../img/btn_arrow_medium_disabled.gif); cursor:default;} #log_ride #favourites.disabled:hover {text-decoration:none;} .white_rounded_box table {margin-bottom:17px;border-bottom:1px dotted #62B3E4} .white_rounded_box table thead {} .white_rounded_box table thead tr {} .white_rounded_box table thead td {padding:4px 0 0;font-weight:bold;color:#23366F; } .white_rounded_box table thead td a {color:#23366F;} .white_rounded_box table thead td a#toggle_display_name.asc, .white_rounded_box table thead td a#toggle_dept_name.asc, .white_rounded_box table thead td a#toggle_name.asc { background: url('../img/arrow_down.png') no-repeat left 6px; padding: 0 0 0 11px; } .white_rounded_box table thead td a#toggle_display_name.desc, .white_rounded_box table thead td a#toggle_dept_name.desc, .white_rounded_box table thead td a#toggle_name.desc { background: url('../img/arrow_up.png') no-repeat left 6px; padding: 0 0 0 11px; } .white_rounded_box table .when {width:188px;} .white_rounded_box table .why {width:189px;} .white_rounded_box table .how_long {width:189px;} .white_rounded_box table .how_far {width:153px; position:relative} .white_rounded_box table .edit_del {width:36px} .white_rounded_box table thead .active a {background:url(../img/btn_arrow_down_blue.gif) no-repeat 0 5px;padding-left:11px;} #add_new_ride thead td {vertical-align:top;} #add_new_ride thead label {font-size:1em;font-weight:bold;margin-bottom:2px;} #add_new_ride thead #add_when {width:116px; float:left;font-size:16px;padding:2px 5px; font-weight:normal;margin:0 9px 7px 0;} #add_new_ride thead .when .date_chooser {float:left;margin-top:5px;} #add_new_ride thead .when #use_today {color:#F3702E;font-size:12px;font-weight:normal;} #add_new_ride thead #add_why {font-size:1em;font-weight:normal;width:147px;margin-top:4px;} #add_new_ride thead #add_min {font-size:16px;padding:2px 2px 2px 5px;width:27px;margin:0 9px 7px 0;float:left;} #add_new_ride thead .how_long div {color:#666;font-size:16px;font-weight:normal;} #add_new_ride thead .how_long p {margin-bottom:0;font-size:1em;} #add_new_ride thead .how_long a {color:#F3702E;display:block;float:left;font-size:12px;font-weight:normal;padding-right:10px;} #add_new_ride thead #add_km {font-size:16px;padding:2px 2px 2px 5px;width:27px;margin:0 9px 7px 0;float:left;} #add_new_ride thead .how_far div {color:#666;font-size:16px;font-weight:normal;} #add_new_ride thead .how_far div p {font-size:1em;margin-bottom:0} #add_new_ride thead .how_far a {color:#F3702E;font-size:12px;font-weight:normal;} #save_ride {} #save_ride ul {background:#DCF1FF;padding:8px 8px 8px 545px;margin-bottom:16px;} #save_ride li {width:auto;} #save_ride #add_favourite {margin:6px 5px 0 0;} #save_ride #add_fave_label {padding-top:5px;} #save_ride label {display:inline;padding-right:13px;font-style:italic;font-weight:normal !important;} #save_ride .submit_ride {background:#F3702E; border: 1px solid #F3702E;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-shadow:0 -1px 0 #B75423;font-size:14px;padding:3px 5px;letter-spacing:0.5px;border-bottom:1px solid #AA4E20;cursor:pointer;} #save_ride .submit_ride:hover {background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 !important;} #save_ride ul.add_fave {padding-left:277px;} #save_ride ul.add_fave #name_ride_label {padding-top:7px;} #save_ride ul.add_fave #name_ride_label label {font-style:normal;font-weight:bold !important;} #save_ride ul.add_fave #name_ride_input {} #save_ride ul.add_fave #name_ride {font-size:12px;font-weight:normal;margin:5px 10px 0 0;padding:2px 3px;width:160px;} .blue_box { background: #DCF1FF; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 12px 16px; } .blue_box p { margin: 0; } #your_rides table { border-bottom: none; } #your_rides table thead td { border-bottom: 1px dotted #62B3E4; padding: 4px 0; } #your_rides table tbody {} #your_rides table tbody tr {} #your_rides table tbody td {padding:4px 0 6px;} #your_rides table tbody .active {} #your_rides table tbody .btn_edit {display:block; background:url(../img/btn_delete_edit.gif) no-repeat -9px 0; width:9px; height:9px;margin:3px 18px 0 0; float:left;} #your_rides table tbody .btn_delete {display:block; background:url(../img/btn_delete_edit.gif) no-repeat 0 0; width:9px; height:9px; float:left; margin-top:3px;} #your_rides table tbody .alt .btn_edit {background-position:-9px -18px;} #your_rides table tbody .alt .btn_delete {background-position:0 -18px;} #your_rides h3 { color: #22356E; margin: 15px 0 25px; } #your_rides h3 a { color: #22356E; } .prizes_col1, .prizes_col2, .prizes_col3, .prizes_col4 { float: left; margin-right: 10px; width: 150px; } #view_all_rides {font-size:1.1em;text-align:center;} #view_all_rides a {display:block; background:url(../img/btn_arrow_down_medium.gif) no-repeat center bottom;height:27px;} #three_col {} #three_col .col_1 {float:left;width:302px;margin-right:18px;padding-top:0;} #three_col #challenge_results {background:#fff;margin-bottom:18px;padding-bottom:4px} #three_col #challenge_results h4 {font-size:1.6em;margin:0 14px 13px;padding:14px 0;border-bottom:1px dotted #62B3E4;} #three_col #challenge_results .challenge_result {margin:0 15px 16px;border-bottom: 1px dotted #62B3E4;} #three_col #challenge_results .challenge_result p {color:#23366F; font-weight:bold;margin-bottom:0;border-bottom:1px dotted #62B3E4;padding-bottom:5px;} #three_col #challenge_results .challenge_result p a {background:url("../img/btn_arrow_medium.gif") no-repeat right 1px;padding-right:20px;} #three_col #challenge_results ul {margin-bottom:11px;} #three_col #challenge_results li {float:left} #three_col #challenge_results .challenge_result .counter {margin:8px 10px 0 0;} #three_col #challenge_results .challenge_result li p {color:#666; font-weight:normal;margin:13px 8px 0 0; border:none;} #three_col #challenge_results .challenge_result li div {color:#23366F;font-size:2.4em;margin:5px 9px 0 0;} #three_col #challenge_results .modal_drop h4 a{ background: url("../img/btn_arrow_medium.gif") no-repeat scroll right 1px transparent;padding-right: 20px; } #three_col #challenge_results .modal_drop {position:relative;} #three_col #modal_drop {background:#23366F;position:absolute;top:70px;left:162px;width:200px;padding:15px 0;-webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.45) ;-moz-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.45) ;box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.45) ; z-index:1000; } #three_col #modal_drop h3 {color:#fff;margin-left:15px;font-size:1.4em;} #three_col #modal_drop ul {list-style-type:none;margin:0;padding:0 15px;} #three_col #modal_drop ul li {color:#fff;border-bottom:1px dotted #fff;padding:5px 0;width:100%;} #three_col #modal_drop ul li a {color:#fff;} #three_col #modal_drop .arrow{background: transparent url("../img/bg_modal_drop_top.png") no-repeat top left; width:17px; height:9px;display:block; position:absolute; top:-9px;left:14px;} #three_col #challenge_results .modal_year_drop h4 a{ background: url("../img/btn_arrow_medium.gif") no-repeat scroll right 1px transparent;padding-right: 20px; } #three_col #challenge_results .modal_year_drop {position:relative;} #three_col #modal_year_drop {background:#23366F;position:absolute;top:110px;left:34px;width:75px;padding:15px 0;-webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.45) ;-moz-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.45) ;box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.45) ; z-index:1000; } #three_col #modal_year_drop h3 {color:#fff;margin-left:15px;font-size:1.4em;} #three_col #modal_year_drop ul {list-style-type:none;margin:0;padding:0 15px;} #three_col #modal_year_drop ul li {color:#fff;border-bottom:1px dotted #fff;padding:5px 0;width:100%;} #three_col #modal_year_drop ul li a {color:#fff;} #three_col #modal_year_drop .arrow{background: transparent url("../img/bg_modal_drop_top.png") no-repeat top left; width:17px; height:9px;display:block; position:absolute; top:-9px;left:14px;} #three_col #challenge_results .see_prizes {margin:0 15px;font-size:1.2em;padding-bottom:14px;} #three_col #events {background:#fff;margin-bottom:18px;} #three_col #events h4 {font-size:1.6em;margin:0 14px;padding:14px 0;border-bottom:1px dotted #62B3E4} #three_col #events ul {margin:0 15px 16px;} #three_col #events li {border-bottom:1px dotted #62B3E4;padding-bottom:4px;} #three_col #events .date, #events .date {float:left;margin:7px 13px 0 0;width:36px;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;text-shadow:0 -1px 0 #B75423;padding:10px 9px 7px;background:url(../img/bg_date.png) no-repeat 0 0; border: none;height:37px;} #three_col #events .date .number, #events .date .number {font-size:2.4em; text-align:center; line-height:1;margin-bottom:-4px;} #three_col #events .date .month, #events .date .month {font-size:1.4em; text-align:center; line-height:1;} /*#three_col #events .clearfix{margin:0 18px;}*/ #three_col #events .details {float:left;width:205px;} #three_col #events .details h4 {font-size:12px;margin:14px 0 1px;padding:0;border:none} #three_col #events .details p {margin-top:0 !important;} #three_col #events .clearfix p {margin-top:16px;} #three_col #events hr {margin:3px 18px 18px;} #three_col #events .see_all {margin:0 15px;font-size:1.2em;padding-bottom:14px;} #three_col .col_2 {float:left;width:226px;margin-right:18px;padding-top:0;} #three_col #goals {background:#fff;margin-bottom:18px;} #three_col #goals h4 {font-size:1.6em;margin:0 14px;padding:14px 0;border-bottom:1px dotted #62B3E4} #three_col #goals .clearfix {margin:0 18px;} #three_col #goals .clearfix p {margin-top:16px;} #three_col #goals .clearfix p.last {margin-bottom:0; padding-bottom:18px} #three_col #goals .rides_img {float:left;margin:23px 8px 0 0;width:108px;} #three_col #goals .rides_img img {float:left; margin:0 4px 5px 0;} #three_col #goals .rides_txt {float:left;width:70px;} #three_col #goals .rides_txt h3 {font-size:2.4em; color:#23366F;margin:28px 0 0;} #three_col #goals .rides_txt p {margin-top:0;} #three_col #goals hr {margin:3px 18px 18px;} #three_col #goals #distance {float:left;margin-right:9px;width:108px;height:50px;} #three_col #goals #distance .distance_bar {position:relative} #three_col #goals #distance #km_img {position:absolute} #three_col #goals #distance #km_bar {position:absolute;background:#23366F;height:15px;} #three_col #goals #distance #km_bg {background:#BAE3FF;height:15px;position:absolute;width:108px;} #three_col #goals #distance_txt {float:left;width:70px;} #three_col #goals #distance_txt h3 {font-size:2.4em; color:#23366F;margin:0;} #three_col #goals #distance_txt p {margin-bottom:10px;margin-top:0;} #three_col #tell_a_friend {background:#fff;margin-bottom:18px;padding-bottom:18px;} #three_col #tell_a_friend h4 {margin:0 14px;padding:14px 0;border-bottom:1px dotted #62B3E4;font-size:1.6em} #three_col #tell_a_friend p {margin:15px 20px 15px 18px;} #three_col #tell_a_friend #btn_tell_a_friend {background:#F3702E;color:#FFF;display:block;font-size:1.4em;margin:0 19px 0 18px;padding:7px 10px 6px;text-align:center;text-shadow:0 -1px 0 #B75423;font-weight:bold; border: 1px solid #F3702E;border-bottom:1px solid #AA4E20;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;} #three_col #tell_a_friend #btn_tell_a_friend:hover {background-color:#23366F; text-decoration:none; border-color:#23366F; text-shadow:none;} #three_col #tell_a_friend #btn_tell_a_friend span{display:none !important;} #three_col .col_3 {float:left;width:226px;margin-right:15px;padding-top:0;} #three_col #weather {background:#fff;padding-bottom:17px;margin-bottom:18px; height:145px} #three_col #weather #day_chooser {margin:0 19px 0 17px;padding:10px 0;} #three_col #weather .btn_prev {display:block; background:url(../img/btn_arrow_left_medium.gif) no-repeat 0 0; width:12px; height:15px;} #three_col #weather .btn_prev:hover {background-position:0 -15px;} #three_col #weather .btn_next {display:block; background:url(../img/btn_arrow_right_medium.gif) no-repeat 0 0; width:12px; height:15px;} #three_col #weather .btn_next:hover {background-position:0 -15px;} #day_chooser #day_prev_holder {width:12px; height:15px; float:left;margin-top:6px;} #day_chooser #day_next_holder {width:12px; height:15px; float:right;margin-top:6px;} #three_col #weather #day {font-size:1.6em; float:left;text-align:center;width:165px;color:#23366F;margin-top:5px;} #three_col #weather #display {margin:2px 18px 0 12px;} #three_col #weather img {float:left;margin-right:6px;} #three_col #weather p {font-size:2em; color:#23366F;float:left;width:120px;} #three_col #following, #three_col #followers {background:#fff;padding-bottom:13px;margin-bottom:18px;} #three_col #following h4, #three_col #followers h4 {font-size:1.6em;margin:0 14px;padding:14px 0;border-bottom:1px dotted #62B3E4} #three_col #following ul, #three_col #followers ul {margin:13px 0 0 16px;} #three_col #following li, #three_col #followers li {font-size:1.2em;margin-bottom:1px;} #three_col #followers a {} #three_col #following .unfollow {display:block; background:url(../img/btn_delete_edit.gif) no-repeat 0 0; width:9px; height:9px; float:right; margin: 4px 13px 0 0; text-indent: -9999px;} #three_col #following .follow_search {margin:13px 13px 0 16px; border-top: 1px dotted #62B3E4;padding: 12px 0;height: 94px;} #three_col #following .follow_search p {width: 188px !important;font-size: 1.2em;margin-bottom: 7px !important;} #three_col #following .follow_search input {width: 188px;height: 18px;} #three_col #following .follow_search a {padding: 3px 9px !important;float: right;margin-top: 8px;} /*------------------------------------*\ HOME \*------------------------------------*/ #front h2 {font-size:3.8em;margin-bottom:10px;line-height:1;} #front #content {margin-top:10px;} #front #content .wrap {height:295px;} #front #content .media_area .wrap {height:auto;} #front .home_teasers { width: 590px; /*width:900px;*/ margin-top:15px; } #front .home_teasers h3 { font-size:2.2em; line-height:1; color: #23366F; } #front .home_teasers h3 a:hover {text-decoration:none;} .home_intro {width:510px;padding-right:25px;height:290px;} .home_intro h2 {margin-top:20px;} .home_intro h3 {font-size:2.4em;margin-bottom:20px;} .home_intro p {font-size:1.4em;margin-bottom:10px;line-height:1.2;} .home_intro p.intro { color: #5FB2E4; font-size: 1.8em; } .home_intro_signup p {width:272px;} .home_intro .signup_today { float: right; margin: 30px 0 0 20px; } .home_intro .signup_today a { font-size: 21px; } .home_intro ul { border-right: 1px dotted #62B3E4; margin-bottom: 30px; margin-right: 20px; padding-right: 20px; width: 270px; font-size: 1.4em; } .home_intro ul li { margin-bottom: 3px; } #front .home_teasers .panel_three_cols .col_1, #front .home_teasers .panel_three_cols .col_2, #front .home_teasers .panel_three_cols .col_3 { background-color:#fff; border-color:#62B3E4; border-style:none dotted none none; border-width:1px; float:left; margin-right:23px; min-height:inherit; padding-right:23px; width:268px; margin-bottom:0; padding-top:0; } #front .home_teasers .panel_three_cols .last { border:medium none; float:right; margin-right:0; padding-right:0; } /* New rolling stats gallery on homepage */ #front .stats_holder { right:10px; position:absolute; top:10px; height: 310px; width: 410px; padding:2px; -webkit-transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); transform:rotate(1.5deg); -webkit-backface-visibility: hidden; background: #efefef; } #front #stats_slider { height: 310px; } .stats_bg { position: absolute; top: 8px; right: 12px; z-index: 200; width: 400px; height: 300px; border: solid 7px #ffffff; -webkit-transform: rotate(1.5deg); -moz-transform: rotate(1.5deg); -o-transform: rotate(1.5deg); -ms-transform: rotate(1.5deg); transform: rotate(1.5deg); -webkit-box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; -o-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666; } /* Loading */ .stats_holder .loading blockquote { /** background: url("../img/ajax-loader-large-trans.gif") no-repeat left top; */ height: 33px; width: 33px; position: relative; margin: auto; top: 135px;} /* Quotes */ .stats_holder .quote { position: absolute; display: none; } .stats_holder .quote blockquote { background: url('../img/bg_quote.png') no-repeat left top; font-size: 24px; text-transform: uppercase; color: #1F336C; height: 214px; width: 240px; position: absolute; top: 48px; left: 50px; padding: 28px 30px; line-height: 1.2; -webkit-transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -webkit-backface-visibility: hidden; } .stats_holder .quote blockquote span { -webkit-transform:rotate(-3.5deg); -moz-transform:rotate(-3.5deg); -o-transform:rotate(-3.5deg); -ms-transform:rotate(-3.5deg); transform:rotate(-3.5deg); display: block; } .stats_holder .quote p { color: #1F336C; font-size: 14px; left: 51px; position: absolute; text-align: right; text-transform: uppercase; top: 277px; width: 300px; } /* Calories */ .stats_holder .cals { position: absolute; display: none; } .stats_holder .cals h3 { background: url('../img/icon-ice_cream.png') no-repeat center top; font-size: 80px; text-transform: uppercase; color: #1F336C; height: 214px; width: 340px; position: absolute; top: 30px; left: 30px; line-height: 1; -webkit-backface-visibility: hidden; padding: 80px 0 0; text-align: center; } .stats_holder .cals p { color: #1F336C; font-size: 14px; font-weight: bold; left: 38px; position: absolute; text-align: center; text-transform: uppercase; top: 210px; width: 349px; } /* Riders participating */ .stats_holder .riders { position: absolute; display: none; } .stats_holder .riders h3 { background: url('../img/icon_riders.png') no-repeat right top; font-size: 80px; text-transform: uppercase; color: #1F336C; width: 240px; position: absolute; top: 28px; left: 80px; line-height: 1; -webkit-backface-visibility: hidden; padding: 108px 0 0; text-align: center; } .stats_holder .riders p { color: #1F336C; font-size: 14px; font-weight: bold; position: absolute; text-align: center; text-transform: uppercase; left: 76px; top: 222px; width: 250px; height: 40px; } /* Organisations participating */ .stats_holder .orgs { position: absolute; display: none; } .stats_holder .orgs h3 { background: url('../img/icon_org.png') no-repeat center top; font-size: 80px; text-transform: uppercase; color: #1F336C; width: 240px; position: absolute; top: 28px; left: 80px; line-height: 1; -webkit-backface-visibility: hidden; padding: 108px 0 0; text-align: center; } .stats_holder .orgs p { color: #1F336C; font-size: 14px; font-weight: bold; position: absolute; text-align: center; text-transform: uppercase; left: 76px; top: 222px; width: 250px; height: 40px; } /* Rides logged */ .stats_holder .rides { position: absolute; display: none; } .stats_holder .rides h3 { background: url('../img/icon_rides.png') no-repeat right top; font-size: 80px; text-transform: uppercase; color: #1F336C; width: 310px; position: absolute; top: 25px; left: 42px; line-height: 1; -webkit-backface-visibility: hidden; padding: 112px 0 0; text-align: center; } .stats_holder .rides p { color: #1F336C; font-size: 14px; font-weight: bold; position: absolute; text-align: center; text-transform: uppercase; left: 76px; top: 222px; width: 250px; height: 40px; } /* Kms ridden */ .stats_holder .kms { position: absolute; } .stats_holder .kms h3 { background: url('../img/icon-kms_travelled.png') no-repeat 310px 45px; font-size: 80px; text-transform: uppercase; color: #1F336C; height: 214px; width: 360px; position: absolute; top: 120px; left: 28px; line-height: 1; -webkit-backface-visibility: hidden; padding: 0 29px 0 0; } .stats_holder .kms b { background: url('../img/icon-numbers.png') no-repeat left top; display: block; height: 68px; width: 44px; float: left; text-indent: -999999em; } .stats_holder .kms b.kms_0 { background-position: -1px 0; } .stats_holder .kms b.kms_1 { background-position: -45px 0; width: 43px; } .stats_holder .kms b.kms_2 { background-position: -88px 0; } .stats_holder .kms b.kms_3 { background-position: -132px 0; width: 43px; } .stats_holder .kms b.kms_4 { background-position: -175px 0; } .stats_holder .kms b.kms_5 { background-position: -219px 0; width: 43px; } .stats_holder .kms b.kms_6 { background-position: -262px 0; width: 46px; } .stats_holder .kms b.kms_7 { background-position: -308px 0; width: 42px; } .stats_holder .kms b.kms_8 { background-position: -350px 0; width: 43px; } .stats_holder .kms b.kms_9 { background-position: -393px 0; width: 46px; } .stats_holder .kms p { /*position: absolute; top: 200px; left: 87px; width: 198px; height: 32px; display: block; background: url('../img/icon-kms_text.png') no-repeat left top; text-indent: -999999em;*/ } .stats_holder .kms p { color: #1F336C; font-size: 14px; font-weight: bold; position: absolute; text-align: center; text-transform: uppercase; left: 87px; top: 200px; width: 220px; height: 40px; } /* Current photo gallery on homepage */ #front .photo_holder { right:10px; position:absolute; top:10px; height: 310px; width: 410px; padding:2px; -webkit-transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -webkit-backface-visibility: hidden; } .photo_bg { position: absolute; top: 8px; right: 12px; z-index: 200; width: 400px; height: 300px; border: solid 7px #ffffff; -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); -o-transform: rotate(-1.5deg); -ms-transform: rotate(-1.5deg); transform: rotate(-1.5deg); -webkit-box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; -o-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666; } .signup_area {height:126px; border-left: 1px dotted #62B3E4;padding-left:15px;width:160px;} .signup_area .btn_signup {margin-top:35px;width:135px;height:54px;background:#fff url("../img/btn_signup.png") no-repeat top left; display:block; text-indent:-9999em; outline:none;vertical-align:middle} .signup_area .btn_signup:hover {background-position:0 -54px;} #front .media_area {} .ten_great_reasons{background: url("../img/bg_ten_great_reasons.png") no-repeat top left;width:303px;height:69px; display:none; outline:none; text-indent:-999em;position:absolute;top:-71px;right:195px;} .ten_great_reasons:hover {text-decoration:underline;} #front .news_list {padding-left:0;width:auto;margin:5px 0 0 0; list-style:none;font-size:1em;} #front .colleft { width:625px; } #front .colleft p { font-size: 12px; } .front_left_col1 { float: left; width: 300px; } .front_left_col2 { float: right; width: 300px; } #front .colright { background: url("/_r/img/shadow_home.png") no-repeat scroll 0 0 #fff; border-radius: 10px 10px 0 0; margin-top: 20px; width: 280px; padding: 0 20px; margin-top: -257px; } /*#front .colright {width:410px;margin-top:20px}*/ .h3holder {border-bottom: 1px dotted #62B3E4;} .h3holder h3{font-size:2.4em;color:#23366F;margin-right:10px;} .h3holder .meta {font-size:11px;} .h3holder .icon_rss {margin-top:2px;} .home_bottom_row {margin-top:20px; height:auto !important} .margin-bottom {margin-bottom:30px;} .giving_away_teaser {/*width:365px;padding-left:39px;*/} .giving_away_teaser h3 { font-size:2.4em; color: #F2702D; } .giving_away_teaser h3,.giving_away_teaser p {/*padding-left:50px;*/} .giving_away_teaser p {} .giving_away_teaser img.prizes {margin-top:-10px;margin-left:20px;margin-right:10px;} .event_teaser {width:365px;padding-top:5px;} .event_teaser img {} .event_teaser h3 { font-size:2.4em; } .event_teaser h3,.event_teaser p {padding-left:90px;} .event_teaser p {margin-bottom:0;} /* Twitter feed */ .twitter_head { margin: 0 0 10px; padding: 0 0 10px; } a.twitter_feed { background: url('../img/icon_twitter_lg.png') no-repeat left top; padding: 5px 0 7px 40px; font-size: 12px; font-weight: bold; display: block; } #twitter_container { } #twitter_container ul { list-style: none; margin: 0; padding: 0; } #twitter_container ul li span { display: block; } /* Popups */ .popup {display:none; position:absolute;z-index:1000;} .popup .popup_top {background:url(../img/bg_bubble_top.png) no-repeat 0 bottom; width:225px; height:17px;} .popup .popup_content {background:#23366F;width:225px;font-size:10px !important; } .popup .popup_bottom {background:url(../img/bg_bubble_bottom.png) no-repeat 0 0; width:225px; height:9px;} #btn_bubble_close {background:url(../img/btn_bubble_close.png) no-repeat 0 0; display:block; width:9px; height:9px;position:absolute; top:15px; right:8px;} #faves_popup {right:-13px;top:35px;} #faves_popup ul {font-size:1.2em;margin:0 18px;padding:6px 0 3px;} #faves_popup li {border-bottom:1px dotted #62B3E4;margin-bottom:5px;padding-bottom:3px;} #faves_popup .last {border-bottom:none; margin-bottom:0;} #how_far_popup {top:408px; right:10px;} #how_far_popup .popup_top {background-image:url(../img/bg_bubble_top_left.png)} #how_far_popup ul {font-size:1.2em;margin:0 18px;padding:6px 0 3px;} #how_far_popup li {margin-bottom:8px;width:auto;float:none; color:#fff} #how_far_popup .last {margin-bottom:0;} #your_rides_popup {left:152px;top:413px;} #your_rides_popup ul {font-size:1.5em;margin:0 18px;padding:6px 0 3px;} #your_rides_popup li {border-bottom:1px dotted #62B3E4;border-right:none;margin-bottom:5px;padding-bottom:3px; float:none;width:auto;margin-right:0;} #your_rides_popup a {color:#62B3E4} #your_rides_popup a strong {color:#fff} #your_rides_popup a:hover {color:#fff;text-decoration:none;} #your_rides_popup .last {border-bottom:none; margin-bottom:0;} /* Admin and User links */ #admin_links {background:#62B3E4; margin:0 35px 0 26px} #admin_links ul{list-style-type:none;margin:0 0 0 0;font-size:1em;padding-top:10px; border:none;float:left;} #admin_links ul.secondary {float:right;padding:10px 10px 0;} #admin_links ul li{float:left;margin-bottom:0;} #admin_links ul.secondary li {padding:0;border:none;} #admin_links ul li a{background:#F3702E; border: 1px solid #F3702E;line-height:1.2;color:#fff;height:13px;display:block;font-family: 'arial rounded MT bold', Arial, Helvetica;-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;font-size:1.2em;padding:3px 13px 5px;margin-right:1px;font-weight:bold;} #admin_links ul li a:hover {background:#23366f; border: 1px solid #23366f;line-height:1.2;color:#fff;text-decoration:none;} #admin_links ul li a.active {background:#BAE3FF; border: 1px solid #BAE3FF;line-height:1.2;color:#23366F;text-decoration:none;} /* =Clearfix for Admin links */ #admin_links li:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html #admin_links li { zoom: 1; } /* IE6 */ *:first-child+html #admin_links li { zoom: 1; } /* IE7 */ #user-profile-form {padding-left:35px;padding-top:14px;width:440px;} #user-profile-form legend {} #user-profile-form .form-text {background:url(../img/bg_input.png) no-repeat 0 0;border:none;width:257px;border-right:1px solid #e5e5e5;font-size:1.2em;padding:6px;color:#666;margin-bottom:10px;} #user-profile-form .form-item {width:270px;} #user-profile-form .description {font-size:1.1em} #user-profile-form #edit-submit, #user-profile-form #edit-delete {background:url(../img/btn_save_ie.png) no-repeat 0 0; display:block; width:53px; height:27px; border:0; cursor:pointer; color:#fff; font-weight:bold; font-size:1.2em;padding-bottom:2px;margin-bottom:10px} #user-profile-form #edit-submit:hover, #user-profile-form #edit-delete:hover {background-position:0 -27px !important;} #user-profile-form legend {display:block} #user-profile-form legend span {font-size:4.2em; color:#23366F;letter-spacing:-1.5px;} /* Shopping cart */ #order_form {} #order_form .view-shop-products {margin-left:0;} #products_list {margin:4px 0 27px 0;width:595px;font-size:1em;} #products_list th {color:#000;font-weight:bold;padding-bottom:4px;} #products_list #product_name {width:216px;} #products_list #product_quantity {width:100px;} #products_list #product_price {text-align:right;width:75px;} #products_list #product_sub_total {width:135px;text-align:right;} #products_list #product_remove {} #products_list thead td {font-size:1.1em;padding:5px 0 6px 8px;color:#23366F; font-weight:bold;} #products_list tbody td {font-size:1.2em;line-height:1;padding:0 0 0 7px;color:#555;} #products_list tbody .amount {font-size:1em;margin:3px 0 2px;text-align:right;width:35px;} #products_list tbody .product_price {font-size:1.2em;text-align:right;} #products_list tbody .subtotal {font-size:1.2em; font-weight:bold;color:#555;text-align:right;} #products_list tbody .remove {} #products_list tbody .remove .btn_remove {display:block; background:url(../img/btn_delete_edit.gif) no-repeat 0 0; width:9px; height:9px;margin:2px 0 0 7px;} #products_list tbody .alt .remove .btn_remove {background-position:0 -18px} #products_list tfoot td {font-size:1.2em;padding:4px 0 5px 16px;} #products_list tfoot #table_total {font-weight:bold; color:#23366F;padding-right:30px;text-align:right;} #products_list tfoot #table_total strong {font-size:1.45em;margin-left:7px;} #products_list tfoot #resource_table_total {font-weight:bold; color:#23366F;text-align:right;} #products_list tfoot #resource_table_total strong {font-size:1.45em;margin-left:7px;} #order_form ul.form_errors {background:url("../img/icon_exclamation.gif") no-repeat scroll 8px 9px #F5CCCC;margin:0 0 27px 35px;width:592px;padding-bottom:9px;list-style:none;} #order_form ul.form_errors li {color:#990000;font-weight:bold;margin-bottom:0;padding:9px 0 0 35px;float:none;width:auto;} #order_form fieldset {margin:0 0 9px 0;} #order_form fieldset h3 {color:#23366F;} #order_form fieldset ul {font-size:1em;list-style-type:none;margin:0 0 10px !important;padding-bottom:10px;border-bottom:1px dotted #62B3E4;width:595px;} #order_form fieldset ul li.last {margin-right:0;} #order_form fieldset ul li.error label {color:#990000;} #order_form fieldset ul li.error input {background:none; border:1px solid #990000} #order_form fieldset li.wide {width:100%;} #order_form fieldset #same_as_above {margin-right:9px;} #order_form fieldset #same_as_above_label {float:left;width:auto;} #order_form #other_fields li {width:595px;} #order_form fieldset #comments {height:108px;margin-bottom:8px;width:582px;} #order_form fieldset #submit {background:#F3702E; border: 1px solid #F3702E;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-shadow:0 -1px 0 #B75423;font-size:1.4em;padding:10px 9px;letter-spacing:0.5px;border-bottom:1px solid #AA4E20;cursor:pointer; float:right;margin:7px 0 8px;} #order_form fieldset #submit:hover {background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 !important;} .view-shop-products {margin:11px 0 0 0;} .view-shop-products .view-header {margin-bottom:22px} .view-shop-products .view-header p {width:345px;margin-bottom:7px;} .view-shop-products .view-content {width:600px;} .view-shop-products .view-content .views-row-first {border-top:1px dotted #62B3E4;} .view-shop-products .view-content .views-row {border-bottom:1px dotted #62B3E4;padding:15px 0 5px 3px;} .view-shop-products .view-content .views-row-even {} .view-shop-products .view-content img.product {margin:0 18px 18px 0;} .view-shop-products .view-content .views-row .product_holder {margin-left:162px;padding-top:10px;width:435px;} .product_holder h3 {font-size:2.4em; color:#23366F;margin-bottom:7px} .product_holder p {margin-bottom:13px;} .product_holder .price_bg {width:420px;height:46px;margin-bottom:12px;padding-right:10px;background-color:#DCF1FF;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;} .product_holder .price_bg p {float:left;margin:14px 0 0 18px;font-size:1.2em;color:#23366F;} .product_holder .price_bg label {float:left;width:auto;margin:14px 5px 0 0;} .product_holder .price_bg select {float:left;margin:12px 8px 0 0;width:54px;} .product_holder .price_bg .quantity_update {float:right; background:url(../img/btn_add_to_cart.png) no-repeat 0 0; height:27px; width:82px;margin-top:9px;cursor:pointer;border:none;} .product_holder .price_bg .quantity_update:hover {background-position:0 -27px;} .product_holder .btn_item_added, .product_holder .btn_item_added:hover {background-position:0 -54px !important; cursor:default;} .product_holder .price_bg .adding {float:left; background:url(../img/img_loading.gif) no-repeat 0 0; padding:4px 0 0 30px; height:24px;margin-top:10px;} .product_holder .price_bg .added {float:left; background:url(../img/icon_tick_cart.png) no-repeat 0 0; padding-left:25px; height:20px;} #hdr_items_purchasing {background:url(../img/hdr_items_purchasing.png) no-repeat 0 0; width:259px; height:24px;} #btn_view_your_cart {width:600px;margin-top:18px;} #btn_view_your_cart a {display:block; width:135px; height:36px; background:url(../img/btn_view_your_cart.png) no-repeat 0 0;float:right} #btn_view_your_cart a:hover {background-position:0 -36px;} #order_form .view-shop-products .view-content h3 {color:#23366F;margin-top:27px;} #order_form .view-shop-products .view-content p {} .view-shop-products .item-list {height:54px;} .content .field {font-size:1.2em; float:left; margin-right:18px;} .content ul {margin-left:56px;} span.submitted {font-size:1.2em; margin-left:36px;} div.photo_holder img {position:absolute;} /* Clearfix for admin links */ div.view div.views-admin-links ul:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html div.view div.views-admin-links ul { zoom: 1; } /* IE6 */ *:first-child+html div.view div.views-admin-links ul { zoom: 1; } /* IE7 */ div.view div.views-admin-links li {margin-right:20px; width:auto;} div.product {} .product img {margin-bottom:18px;} .copy .product p {font-size:1.4em;} .copy .product h4 {margin:0 18px 0 0; font-weight:normal} .copy #submit_item {background:#F3702E; border: 1px solid #F3702E;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-shadow:0 -1px 0 #B75423;font-size:1.4em;padding:10px 9px;letter-spacing:0.5px;border-bottom:1px solid #AA4E20;cursor:pointer;} .copy #submit_item:hover {background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 !important;} #user-pass, #user-login, #user-register {margin-left:35px;} #user-pass #edit-name-wrapper {width:600px;} #edit-submit {background:#F3702E; border: 1px solid #F3702E;color:#fff;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-shadow:0 -1px 0 #B75423;font-size:1.4em;padding:10px 9px;letter-spacing:0.5px;border-bottom:1px solid #AA4E20;cursor:pointer;clear:both;} #edit-submit:hover {background:#23366F; border: 1px solid #23366F;text-shadow:0 -1px 0 #000;border-color:#23366F #23366F #000 !important;} .webform-component{overflow:hidden;} .form-item {float:left;margin-right:50px;width:278px;} .form-item .description {font-size:1.1em;} .form-item label.option {display:block;} /* Search page */ #search-form {margin-left:36px;} #search-form .form-item {float:none;} dl.search-results {margin-left:36px;width:440px; font-size:1em;} dl.search-results dt {float:none;width:auto;font-size:1.6em;} dl.search-results dd {float:none;width:auto;} dl.search-results .search-snippet {margin-bottom:9px;} dl.search-results .search-info {font-size:1em;} .ui-datepicker-calendar .selected a {background:#ACD9F4;border:1px solid #62B3E4;color:#333333;} p#bw_embed {margin-top:10px} #bw_embed_text {display:none; width: 210px; height:70px; border:none; background: white; font-size:1em;} div.messages {font-weight: bold; color:#555; font-size:1.3em; margin-bottom:9px} .view-empty p {margin-left:14px;} /* Safari/Chrome hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #your_rides #log_ride #btn_create_ride {padding:4px 8px 5px;margin-left: 18px;margin-right: 18px;} #add_new_ride thead .when .date_chooser {margin-top: 2px;} #save_ride #add_fave_label {padding-top: 6px;} #masthead_login .login_body .login_checkbox input {margin-top:3px;} #masthead_login .login_body .login_checkbox label {margin-top:1px;} #register_event_start_time, #register_event_end_time {width:195px;} #your_rides_popup {top: 395px;} #faves_popup {right: -7px;} } form#reports ul { list-style: none; } form#reports ul li { list-style: none; width: 580px; margin-bottom:20px; } form#user-pass-reset { margin-left:20px; } .home_intro .complete {margin:0 0 9px 0 !important} h3.orange_heading {font-size:2.5em; font-weight:bold; color:#F3702E; font-family: "Helvetica Neue" ,Helvetica ,Arial, sans-serif ;margin-bottom:5px; border-bottom: none !important;} h3.blue_heading {font-size:2.5em; font-weight:bold; color:#23366F; font-family: "Helvetica Neue" ,Helvetica ,Arial, sans-serif ;margin-bottom:5px; margin-top: 15px; border-bottom: none !important;} h4.orange_heading {font-size:1.6em; font-weight:bold; color:#F3702E; font-family: "Helvetica Neue" ,Helvetica ,Arial, sans-serif ;margin:0 14px;padding:14px 0; border-bottom: none !important;} #three_col #log_a_ride_btn p {margin:15px 20px 15px 18px; color: #666;} #three_col #log_a_ride_btn {background:#fff;} #three_col #log_a_ride_btn h4 {margin:0 18px;padding:0 0 14px;border-bottom:1px dotted #62B3E4;font-size:1.6em} #three_col #log_a_ride_btn p {margin:15px 20px 15px 18px;} #three_col #log_a_ride_btn #btn_log_a_ride {background:#F3702E;color:#FFF;display:block;font-size:1.4em;margin:0 19px 0 18px;padding:7px 10px 6px;text-align:center;text-shadow:0 -1px 0 #B75423;font-weight:bold; border: 1px solid #F3702E;border-bottom:1px solid #AA4E20;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; width: 75px;} #three_col #log_a_ride_btn #btn_log_a_ride:hover {background-color:#23366F; text-decoration:none; border-color:#23366F; text-shadow:none} #three_col #log_a_ride_btn #btn_log_a_ride span{display:none !important;} #three_col #log_a_ride_btn .number_counter {margin:30px 18px 11px;} #three_col #log_a_ride_btn .number_counter .counter {} #three_col #log_a_ride_btn .number_counter p.alignleft {position:static;margin:16px 0 0 10px;} #three_col #log_a_ride_btn .number_counter img.alignleft {margin:5px 0 0 22px;} #three_col #log_a_ride_btn .number_counter .calories {font-size:2.4em;color:#23366F;margin:10px 0 0 9px;} #mainbody_login {padding-left:17px;padding-top:17px;padding-bottom:17px; width:355px; margin: 4px 10px 18px 20px;;margin-right:10px;border-color: #62B3E4;border-style: none dotted none none;border-width: 1px;} #mainbody_login h3, .login_body h3 {color: #23366F;font-size: 2.1em;line-height: 0;padding-bottom: 12px;} #mainbody_login ul {list-style-type:none; margin:0;} #mainbody_login ul {list-style-type:none; margin:0;} #mainbody_login ul li {width:400px;margin-right:0;} #mainbody_login ul li.forgot_link {margin-top:10px;} #mainbody_login ul li.forgot_link a {font-weight:bold; color:#66B5E5;} #mainbody_login label {color:#23366F; font-size:1.1em;} #mainbody_login input.textbox {border:none; width:310px;} #mainbody_login input#login_signin:hover {background:#66B5E5; text-shadow: 0 -1px 0 #23366F;border-color: #66B5E5 #66B5E5 #97b8cf !important;} #mainbody_login .login_checkbox {width:175px;margin-top:12px;} #mainbody_login .login_checkbox input {margin-right:10px;} #mainbody_signup {padding-top: 17px; width:300px; height: auto; margin: 4px 10px 18px 20px;} #mainbody_signup ul {list-style-type:none; margin:0;} #mainbody_signup ul li {margin-right:0;margin-bottom:5px;float:none;} #mainbody_signup ul li {color:#23366F; font-weight:bold;margin-botttom:10px;} #mainbody_signup ul.benefits {list-style-type:disc;margin-left:20px;color:#555;font-weight:normal} #mainbody_signup p {margin-bottom:6px;color:#23366F;font-weight:bold;} #register_signup {background:#dcf1ff;padding: 17px 0 25px 17px; width:215px; height: auto; margin: 40px 0 0;} #register_signup ul {list-style-type:none; margin:0;} #register_signup ul li {margin-right:0;margin-bottom:5px;float:none;} #register_signup ul li {color:#23366F; font-weight:bold;margin-botttom:10px;} #register_signup ul.benefits {list-style-type:disc;margin-left:20px;color:#555;font-weight:normal} #register_signup p {margin-bottom:10px;color:#23366F;font-weight:bold;} #register_signup .forgot { font-size: 1.2em; margin: 0 0 0 5px; } #register_signup .rounded_signup_button { font-size: 1.2em; padding: 6px 13px; font-weight: normal; } .general_signup h2.helvetica_rounded_black {width: 350px;float: left;} .general_signup #mainbody_signup {width:209px;padding-left: 18px;padding-top: 14px;padding-bottom: 24px;margin: 38px 0px 18px 10px;} .general_signup #mainbody_signup p {margin-bottom: 15px;} .general_signup #mainbody_signup a.login_reveal {margin-right: 6px;} .general_signup #mainbody_signup a.forgot {font-size: 1.2em;top: 9px;position: relative;} .registration_area {margin:25px 0 18px 35px;} .registration_progress {margin:25px 0 18px 35px;} .registration_progress p {margin:18px 0 0;width:595px;} .registration_progress ol {list-style-type:none;font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:bold;color:#62B3E4;position:relative;height:37px;margin:0;} .registration_progress ol li{position:absolute; background: url(../img/bg_register_progress2.png) no-repeat 0 0; height:37px;text-indent:-999em;display:block;margin-bottom:0;} #step1of3 {background-position:0 0;width:144px;top:0; left:0;} #step1of3.current {background-position:0 -37px;z-index:10; width: 144px;} #step2of3 {background-position:-144px -37px !important;width:205px;top:0; left:144px;} #step2of3.current {background-position:-135px -74px !important; left:136px;width:204px;z-index:10;} #step3of3 {background-position:-339px 0 !important;width:255px;top:0; left:339px;} #step3of3.current {background-position:-328px -111px !important;top:0; left:328px; width:268px;z-index:10;} #step1of2 {background-position:0 0;width:136px;top:0; left:0;} #step1of2.current {background-position:0 -37px;z-index:10; width: 144px;} #step2of2 {background-position:-144px -148px !important;width:205px;top:0; left:144px;} #step2of2.current {background-position:-135px -185px !important; left:136px;width:204px;z-index:10;} .signup_individual ul, .signup_individual #log_a_ride_btn .number_counter, {margin-right:0 !important;margin-left:0 !important;} .signup_individual #log_a_ride_btn .number_counter p.alignleft { margin: 16px 0 0 10px; position: static;} .signup_individual .col_1{margin-right:0 !important;} .signup_individual .col_2{margin-right:0 !important;} .signup_individual .col_3{margin-right:0 !important;} .signup_individual .col_1, .signup_individual .col_2 {border-color: #62B3E4;border-style: none dotted none none;border-width: 1px;} .signup_individual .col_1 {width:300px !important;} .signup_individual .col_1 ul {} .signup_individual .col_1 h4, .signup_individual .col_1 #events ul{margin-left:0 !important;} .signup_individual #events .details {width:200px !important;} .signup_individual .col_3 {padding-left:10px;} .signup_individual .col_3 li {float:none; padding:10px 0; border:1px dotted #62B3E4; border-left: none; border-right:none; border-top:none; width:auto;} .signup_individual .col_3 ul {margin-bottom:20px !important;border-top:1px dotted #62B3E4;margin-top:0 !important;} .signup_individual .col_3 h4, .signup_individual .col_3 ul {} #three_col #registered {background:#fff;padding-bottom:13px;margin-bottom:18px;} #three_col #registered h4 {font-size:1.6em;margin:0 14px;padding:14px 0;border-bottom:1px dotted #62B3E4} #three_col #registered ul {margin:13px 0 0 18px;} #three_col #registered .registered_for {margin-top: 16px;} #three_col #registered .registered_for li {margin-bottom:18px;text-align:center;} #three_col #registered .registered_for li a {display: block;width: 170px;} #three_col #registered li {font-size:1.2em;margin-bottom:1px;} #three_col #registered a {} #three_col #registered #btn_registered {background:#F3702E;color:#FFF;display:block;font-size:1.4em;margin:14px 19px 0 18px;padding:7px 10px 6px;text-align:center;text-shadow:0 -1px 0 #B75423;font-weight:bold; border: 1px solid #F3702E;border-bottom:1px solid #AA4E20;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} #three_col #registered #btn_registered:hover {background-color:#23366F; text-decoration:none; border-color:#23366F; text-shadow:none} #three_col #registered #btn_registered span{display:none !important;} #new_coordinator {background:#DCF1FF;height:46px;width:420px;margin-bottom:7px; position:relative;margin-left:17px; padding-left: 8px;} #new_coordinator input {width:200px;float:left;margin-top:9px;margin-left:30px;} #new_coordinator p {color: #23366F;float: left;font-weight: bold;margin: 15px 10px 0 9px;float:left;} #new_coordinator.step1 {width:435px;} #new_coordinator.step2 {width:435px;} #new_coordinator.step3 {width:285px;} #new_coordinator .btn {width:auto;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;background: none repeat scroll 0 0 #F3702E;border-color: #F3702E #F3702E #AA4E20;border-style: solid; border-width: 1px;color: #FFFFFF;display: block;float: left;font-size: 1.2em;font-weight: bold;margin: 8px 10px 0 0;padding: 4px 8px 5px;text-shadow: 0 -1px 0 #B75423;width:50px;margin-right:10px;} #new_coordinator .btn:hover {background: none repeat scroll 0 0 #23366F;border-color: #23366F #23366F #000000 !important;border-style: solid;border-width: 1px;text-decoration: none;text-shadow: 0 -1px 0 #000000;} #new_coordinator .yes-no-btn {width:25px;} #new_coordinator .change {width:50px;margin-left:10px;} #new_coordinator select#members {margin-top:8px;float:left;height:20px;padding: 5px 7px;height:28px;} form#view_users label{width:200px; display:block;} /* Delete organisation */ #delete_organisation a#btn_delete_organisation {float:right;-moz-border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;background: none repeat scroll 0 0 #F3702E;border-color: #F3702E #F3702E #AA4E20;border-style: solid; border-width: 1px; color: #FFFFFF;cursor: pointer;font-family: 'arial rounded MT bold',Arial,Helvetica;font-size: 1.1em;font-weight: bold;letter-spacing: 0.5px; padding: 5px 9px;text-shadow: 0 -1px 0 #B75423;} #delete_organisation a#btn_delete_organisation:hover { background: none repeat scroll 0 0 #23366F; border-color: #23366F #23366F #000000 !important; border-style: solid; border-width: 1px; text-shadow: 0 -1px 0 #000000; text-decoration:none;} #delete_organisation h3.edit {float:left;margin-bottom: 10px;margin-top: 6px;} #delete_organisation_form ul {list-style-type:none;} #delete_organisation_form ul li {float:left;margin-right:0px;width: 100%;} #delete_organisation_form select {width: 100%;margin-bottom:20px;} #organisation_members_to_move {height: 85px;overflow-y: scroll;} #organisation_members_to_move {margin:0px 0 20px 0; background: url("../img/bg_textarea.png") no-repeat scroll 0 0 transparent;border-color: -moz-use-text-color #E5E5E5 #E5E5E5 -moz-use-text-color;border-style: none solid solid none; border-width: medium 1px 1px medium;padding: 5px 10px;} #organisation_members_to_move ul {margin:10px;} #organisation_members_to_move ul li {float:none;} .rounded_signup_button { background: none repeat scroll 0 0 #F3702E; -moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;border-radius:8px; border-color: #F3702E #F3702E #AA4E20; border-style: solid; border-width: 1px; color: #FFFFFF; cursor: pointer; font-family: 'arial rounded MT bold', Arial, Helvetica; font-size: 1.4em; font-weight: bold; letter-spacing: 0.5px; padding: 10px 9px; text-shadow: 0 -1px 0 #B75423; } .rounded_signup_button:hover {background:#66B5E5; text-decoration: none; text-shadow: 0 -1px 0 #23366F; border-color: #66B5E5 #66B5E5 #97b8cf !important;} #change_coordinator_form #submit_change_coordinator {margin-top:10px;margin-bottom:15px;} #change_coordinator_form h3{line-height:1.3;} #change_coordinator_form p {margin-bottom:10px;} /* Sign up thanks */ h2.signup_thanks { margin-bottom: 20px; margin-left: 30px; margin-top: 5px; } .signup_thanks #three_col .col_1 ul { border: none; margin: 18px 0 0; } .signup_thanks #three_col .col_1 ul li { margin-bottom: 9px; text-align: center; } .signup_thanks #three_col .col_1 ul li a { display: block; width: 174px; } .signup_thanks #three_col h4.orange_heading { padding: 0 0 14px; } .signup_thanks #three_col .col_1 { margin-top: 14px; width: 210px !important; border-right: none; } .signup_thanks #three_col .col_1 h4 { margin-bottom: 23px; } .signup_thanks #three_col .col_2 { margin-top: 14px; border-left: 1px dotted #62B3E4; padding: 0 10px 20px; } .profile_pic_name { display: block; height: 30px; margin: 0 0 10px 18px; position: relative; } .profile_pic_name p { bottom: 0; color: #23366F; font-weight: bold; left: 48px; line-height: 1.2; margin: 0 !important; position: absolute; } .signup_thanks #three_col .col_2 p { color: #666; margin: 15px 20px 25px 18px; } #view_profile_btn a.teaser_btn { margin: 15px 0 0 18px; } .signup_thanks #three_col .col_3 { margin-top: 14px; width: 240px; } .events_your_area { width: 200px; } .events_your_area .col_1 { width: auto !important; border: none; } .events_your_area .col_1 h4 { background: url('/_r/img/icon_cal.png') no-repeat 0 5px; padding-left: 45px; line-height: 1.2; padding-top: 5px; } .events_your_area .col_1 p { color: #666; margin-left: 0; } .events_your_area .col_1 .see_all a { font-size: 1.3em; } .events_your_area .col_1 hr { display: none; } #prizes { } #prizes .panels .panel h3 { color: #20336C; margin-left:0; } #prizes .panels .panel p { margin-left:0; } #prizes .panels .panel p.date { margin-bottom: 10px; } #prizes hr { margin-bottom: 0; margin-top:15px; } #prizes .date { font-family: 'arial rounded MT bold', Arial, Helvetica; font-weight:normal; color:#20336C; font-size:1.6em; line-height:1.05; } .winners { margin-top: 15px; } .winners img { margin-left:20px; } .prize { margin-top: 15px; } .panel .prize h4 { color:#F3702E; font-size:1.6em; line-height:1.2; font-family:arial, sans-serif; font-weight:bold; } #prizes .prizes_col1, #prizes .prizes_col2, #prizes .prizes_col3, #prizes .prizes_col4 { width: 153px; margin-top:15px; margin-right:0; border-right: 1px dotted #62B3E4; padding: 0 20px; } #prizes .prizes_col1 { padding-left: 0; } #prizes .prizes_col4 { padding-right: 0; border:none; } .daily_winner { float:left; margin-bottom: 15px; width:auto; } .daily_winner h4 { margin:0; } .daily_winner ul { list-style:none; margin:0; } .daily_winner ul li { margin:0; }