a { outline:none; } h2.jl { font: bold 18px Georgia, "Times New Roman", serif; color: #A37D23; margin:7px 0 0 0; padding: 5px 0; background:url(../../media/journey_logger/headers/bg-h1.png) left bottom no-repeat; } h3.jl { background-position:left top; background-repeat:no-repeat; margin:10px 0; } h4.jl, label.jlHeader { font: bold 18px Georgia, "Times New Roman", serif; color: #A37D23; margin:0; padding: 5px 0; } /*** CONTENT ************************************************************************************************************************************/ #content .jl_main { background-image:none; } #content .jl_logging_instruct { list-style-type:decimal; margin-left:2em; line-height:150%; } /*div.logging_dp { width:50px !important; } div.logging_dp table { width:500px !important; }*/ /*** image headers ***/ h3.make_your_own_small_step { background-image:url(../../media/journey_logger/headers/make_your_own_small_step.png); height:30px; margin-top:30px; } h3.journey_logger { background-image:url(../../media/journey_logger/headers/journey_logger.png); height:17px; } h3.travel_cost_calculator { background-image:url(../../media/journey_logger/headers/travel_cost_calculator.png); height:15px; } h3.cycle_maps { background-image:url(../../media/journey_logger/headers/cycle_maps.png); height:18px; } /***********SIDE BAR ************/ #jl_login_sb { background:transparent url(../../media/journey_logger/log_in_bg_new.gif) no-repeat scroll left top; padding-top:60px; padding-bottom:10px; } #right_sidebar .logged_in_rsb { background:transparent url(../../media/journey_logger/log_in_bg_logged.gif) no-repeat scroll left top; height:131px; } .journey_logger-stats { width: 199px; text-decoration: none; font-weight:bold; display:inline-block; color: #eee; margin: 0 0 20px 6px; padding: 15px 17px; line-height: 150%; border:1px solid white; border-top-width: 0; background:transparent url(../../media/journey_logger/green_box.gif) no-repeat scroll left top; } .journey_logger-stats:hover { color: #fff; text-decoration: none; } #jl_login_sb #login_btn, #jl_login_sb #forgot_pwd { margin:1px 0 0 23px; } #jl_login_sb #space { margin:0; padding:0; height: 7px; width:auto; } #jl_login_sb #register_btn { margin:0px 0 0 23px; } #jl_login_sb #logout { margin:5px 0 20px 23px; } #jl_login_sb p#loggedin { margin:0 0 10px 23px; } #journey_logger_user { margin: 10px 0 0 0; } #journey_logger_user h2, #savings_to_date h2, #ccsavings_to_date h2, #pedsavings_to_date h2 { font-size:1px; margin:0; padding:0; text-indent:-5000px; } #journey_logger_user h2 { height:17px; margin-bottom:15px; background:transparent url(../../media/journey_logger/jlu_header.gif) no-repeat scroll left top; } .jlu_top { padding:0 0 10px; background:transparent url(../../media/journey_logger/jlu_top_bg.gif) no-repeat scroll left top; } .jlu_middle { background:transparent url(../../media/journey_logger/jlu_middle_bg.gif) repeat-y scroll left top; } .jlu_bottom { height:14px; background:transparent url(../../media/journey_logger/jlu_bottom_bg.gif) no-repeat scroll left top; } #user_logged { line-height:100%; margin:0 0 0 110px; padding-top:22px;width:130px; } /* User Menu */ ul#jlu_menu { margin:0 0 0 20px; } ul#jlu_menu a { display:block; width:210px; height:44px; text-indent:-5000px; } ul#jlu_menu a:hover, ul#jlu_menu a:active, ul#jlu_menu a.active { background-position:left -44px; } #journey_btn { background:transparent url(../../media/journey_logger/menu/my_journey_logger.gif) repeat-y scroll left 0px; } #details_btn { background:transparent url(../../media/journey_logger/menu/edit_my_details.gif) repeat-y scroll left 0px; } #pub_stats_btn { background:transparent url(../../media/journey_logger/menu/public_statistics.gif) repeat-y scroll left 0px; } #cmp_stats_btn { background:transparent url(../../media/journey_logger/menu/company_statistics.gif) repeat-y scroll left 0px; } #logout_btn { background:transparent url(../../media/journey_logger/menu/logout.gif) repeat-y scroll left 0px; } a#faq_btn { display:block; position:absolute; margin:-60px 0 0 150px; width:90px; height:43px; text-indent:-5000px; background:transparent url(../../media/journey_logger/faq_btn.gif) no-repeat scroll left top; } a#faq_btn:hover, a#faq_btn:active { background-position:left -43px; } #journey_logger_user a#faq_btn {margin-top:-15px;} #emailAdmin { margin:5px 15px 0 29px; width:200px; padding:0 0 5px; } #savings_to_date { background:transparent url(../../media/journey_logger/savings_bg.gif) no-repeat scroll left 42px; } #ccsavings_to_date { background:transparent url(../../media/cycle_challenge/ccsavings_bg.gif) no-repeat scroll left 42px; } #pedsavings_to_date { background:transparent url(../../media/journey_logger/pedsavings_bg.gif) no-repeat scroll 5px 42px; } #savings_to_date, #ccsavings_to_date { height:185px; margin-top:15px; padding-top:10px; } #pedsavings_to_date { height:150px; margin-top:15px; padding-top:10px; } #savings_to_date h2 { height:17px; margin-left:8px; background:transparent url(../../media/journey_logger/savings_header.gif) no-repeat scroll left top; } #ccsavings_to_date h2 { height:20px; margin-left:2px; background:transparent url(../../media/cycle_challenge/ccsavings_header.gif) no-repeat scroll left top; } #pedsavings_to_date h2 { height:20px; margin-left:5px; background:transparent url(../../media/journey_logger/pedsavings_header.gif) no-repeat scroll left top; } #companyLogo { width:260px; text-align:center;margin: 20px 0 0 0; } #companyLogo img { width:150px; } #journey_logger_confirm_rsb { background:transparent url(../../media/journey_logger/rsb_confirm_bg.gif) no-repeat scroll left top; height:239px; padding-top:50px; } #journey_logger_confirm_rsb img { display:block; float:left; margin:10px 15px ; } #journey_logger_confirm_rsb p { float:left; width:100px; margin:10px 10px 10px 20px; } #journey_logger_confirm_rsb p#jloggers_stats { clear:both; } p#jloggers_stats { margin: 20px 0 0 23px; width:210px; color:#fff; font-weight:bold; } div.logged_in_rsb p#jloggers_stats { margin-top: 30px; } p#jloggers_stats a { color:#fff; } p#jloggers_stats a#block_link { margin:-4px 0 0 -16px; height:50px; width:232px; position:absolute; display:block; } p#jloggers_stats a:hover#block_link { text-decoration:underline; } p#user_stats { margin:26px 0 0 125px; width:55px; text-align:right; line-height:20px; } p#ccuser_stats { margin:26px 0 0 125px; width:55px; text-align:right; line-height:20px; } p#peduser_stats { margin:60px 0 0 110px; width:100px; text-align:right; line-height:20px; font-size:18px; } #infobar, #ccinfobar, #pedinfobar { background-color:#6db941; border:1px solid #AFAFAF; color:#fff; padding: 3px 0 3px 1em; margin:0 0 -21px 6px; width:227px; display:none; } #confirmation { background:#6db941 url(../../media/journey_logger/tick_sm.gif) no-repeat scroll 30px 50%; border:1px solid #AFAFAF; color:#fff; font-size:14px; font-weight:bold; padding:15px 20px 15px 80px; margin:20px 0 0; width:700px; text-align:center; } /******* Page ************/ .jl_top_info { margin:2em 0; padding:0 0 0 100px; } #jl_calendar_info { background:transparent url(../../media/journey_logger/info.gif) no-repeat scroll left top; font-weight:bold; } #jl_calendar_info_confirm ul, #jl_calendar_info ul { margin-top:0; } #jl_calendar_info_confirm { background:transparent url(../../media/journey_logger/tick.gif) no-repeat scroll left top; font-weight:bold; } /*** REGISTER ***/ #register-steps { margin-top: 20px; clear:both; overflow:auto; height:130px;} #register-steps div { float:left; width:180px; height:126px; background-repeat:no-repeat; background-position:0 -126px; } #register-steps div.step1 { background-image:url(../../media/journey_logger/registration/step1.png); } #register-steps div.step2 { background-image:url(../../media/journey_logger/registration/step2.png); } #register-steps div.step3 { background-image:url(../../media/journey_logger/registration/step3.png); width:130px; } #register-steps div.active { background-position:0 0; } .reg_breadcrumb { margin:24px 0 15px; } #signmeup-box { border:1px solid #B4AE88; color: #44433D; margin: 5px 0 10px 0; } #signmeup-box a { color: #44433D; text-decoration:underline; } #signmeup-box a:hover { text-decoration:none; } #signmeup-box sup { color: #f00; } #signmeup-box label { font-size:12px; font-family: Verdana, Helvetica, sans-serif; } #signmeup-btn { background: url(../../media/journey_logger/btn-signmeup.png) left top no-repeat; width:90px; height:24px; border:0; } #register_cc { border:1px solid #A37D23; padding:10px 10px 0;margin:0 0 1.5em; } /*** USER DETAILS ***/ #huserdetails { margin-bottom:20px; } #user_subnav { zoom:1; margin-top:0px; margin-left:-10px; } #user_subnav a#apersonnal, #user_subnav a#acycle, #user_subnav a#aped { zoom:1; float:left; padding:10px; font-size:14px; background-color:transparent; color:#A37D23; border:1px solid #b5b8c8; text-decoration:none; margin-bottom:-1px; } #user_subnav a#apersonnal:hover, #user_subnav a#acycle:hover, #user_subnav a#aped:hover { background-color:#a00051; color:#fff; } #user_subnav a#apersonnal.active, #user_subnav a#acycle.active, #user_subnav a#aped.active { background-color:#a00051; color:#fff; border-bottom:1px solid #A37D23; } #user_subnav a#spersonnal, #user_subnav a#scycle, #user_subnav a#sped { zoom:1; float:left; width:10px; height:30px; background-color:#e0dbcd; position:relative; top:8px; margin:0 10px 0 0; } #user_subnav_info { zoom:1; clear:both; border-top:1px solid #b5b8c8; padding:10px; margin-left:-10px; margin-right:-7px; } /************************************************************************************************************************************************/ /* FORM */ .required { color:#ff0000; } div.formHint { height:18px; margin:-29px 0 3px 0; position:absolute;right:7px; } /* calendar */ #ccLoggingForm .x-form-item { background:url("../../media/cycle_challenge/numbers.gif") no-repeat scroll 200px 10px transparent; } #ccLoggingForm .x-form-element { padding-top:20px; } #ccLoggingForm .x-form-item-label { margin-left:20px; width:172px !important; } .slider .x-slider-thumb { background-image:url("../../media/cycle_challenge/slider-thumb.png"); } /************************************************************************************************************************************************/ /* STATS */ .jl_show_stats { background: url(../../media/journey_logger/stats_bg.jpg) left top no-repeat; width:510px; height:452px; padding:45px 0 0 0; } .jl_show_stats p { margin: 0 0 52px 380px; color:#255325; font-size:14px; font-weight:bold; } .cc_show_stats { background: url(../../media/cycle_challenge/stats_bg.jpg) left top no-repeat; width:510px; height:452px; padding:45px 0 0 0; } .cc_show_stats p { margin: 0 0 52px 380px; color:#255325; font-size:14px; font-weight:bold; } .ped_show_stats { background: url(../../media/cycle_challenge/stats_bg.jpg) left top no-repeat; width:510px; height:452px; padding:45px 0 0 0; } .ped_show_stats p { margin: 0 0 52px 380px; color:#255325; font-size:14px; font-weight:bold; } /************************************************************************************************************************************************/ /* FAQ */ .jl_faq p.question { font-weight:bold; } .jl_faq p.answer { margin-bottom:1em; } .jl_faq ul { list-style-type:disc; margin-left:14px; } /*** EXT fixes ***/ .radiogroup .x-panel-body { background:0 !important; } /* loading-mask colors*/ .ext-el-mask { background-color: #333; } /* mask div for the whole page (under modal window) */ form .ext-el-mask, .x-panel .ext-el-mask, #wrapper .ext-el-mask, .x-panel .ext-el-mask { background-color:#fff; } /* mask div for forms and grids */ .ext-el-mask-msg { border:1px solid #6D6D7B; background: #B2B4C0 url(../../../extjs/resources/images/default/box/tb.gif) repeat-x scroll 0pt -16px; } /* loading box in forms and grids */ .ext-el-mask-msg div { border:1px solid #C8CAD2; } .x-form-focus, textarea.x-form-focus, .x-trigger-wrap-focus .x-form-trigger { border-color: #999; } /*******************************************************************************************************/ /* TO CHECK INPUT VALUE (ALLOW USE OF ISVALID()) -- CONCERN CHECKBOXES AND RADIO BUTTONS*/ .x-form-check-group .x-form-check-wrap,.x-form-radio-group .x-form-radio-wrap{height:auto;} .ext-ie .x-form-check-group .x-form-check-wrap,.ext-ie .x-form-radio-group .x-form-radio-wrap{height:auto;} .x-form-check-wrap,.x-form-radio-wrap{padding:1px 0 3px;line-height:18px;} .ext-ie .x-form-check-wrap,.ext-ie .x-form-radio-wrap{padding-top:3px;} .ext-strict .ext-ie7 .x-form-check-wrap,.ext-strict .ext-ie7 .x-form-radio-wrap{padding-bottom:1px;} .x-form-check-wrap-inner,.x-form-radio-wrap-inner{display:inline;padding:0;} .x-form-check,.x-form-radio{height:13px;width:13px;vertical-align:bottom;margin:2px 0;} .ext-ie .x-form-check,.ext-ie .x-form-radio{margin-top:1px;} .ext-strict .ext-ie7 .x-form-check,.ext-strict .ext-ie7 .x-form-radio{margin-bottom:4px;} .ext-opera .x-form-check,.ext-opera .x-form-radio{margin-top:3px;} .x-form-check-focus .x-form-check,.x-form-check-over .x-form-check,.x-form-check-focus .x-form-radio,.x-form-check-over .x-form-radio{background-position:-13px 0;} .x-form-check-down .x-form-check,.x-form-check-down .x-form-radio{background-position:-26px 0;} .x-item-disabled .x-form-check,.x-item-disabled .x-form-radio{background-position:-39px 0;} .x-form-check-checked,.x-form-radio-checked{background-position:0 -13px;} .x-form-check-focus .x-form-check-checked,.x-form-check-over .x-form-check-checked,.x-form-check-focus .x-form-radio-checked,.x-form-check-over .x-form-radio-checked{background-position:-13px -13px;} .x-form-check-down .x-form-check-checked,.x-form-check-down .x-form-radio-checked{background-position:-26px -13px;} .x-item-disabled .x-form-check-checked,.x-item-disabled .x-form-radio-checked{background-position:-39px -13px;} .x-form-check-wrap-inner input,.x-form-radio-wrap-inner input{position:absolute;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;} /*******************************************************************************************************/