/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ /* base.css, part of YUI's CSS Foundation */ h1 { /*18px via YUI Fonts CSS foundation*/ font-size:138.5%; } h2 { /*16px via YUI Fonts CSS foundation*/ font-size:123.1%; } h3 { /*14px via YUI Fonts CSS foundation*/ font-size:108%; } h1,h2,h3 { /* top & bottom margin based on font size */ margin:1em 0; } h1,h2,h3,h4,h5,h6,strong { /*bringing boldness back to headers and the strong element*/ font-weight:bold; } abbr,acronym { /*indicating to users that more info is available */ border-bottom:1px dotted #000; cursor:help; } em { /*bringing italics back to the em element*/ font-style:italic; } blockquote,ul,ol,dl { /*giving blockquotes and lists room to breath*/ margin:1em; } ol,ul,dl { /*bringing lists on to the page with breathing room */ margin-left:2em; } ol li { /*giving OL's LIs generated numbers*/ list-style: decimal outside; } ul li { /*giving UL's LIs generated disc markers*/ list-style: disc outside; } dl dd { /*giving UL's LIs generated numbers*/ margin-left:1em; } th,td { /*borders and padding to make the table readable*/ padding:.5em; } th { /*distinguishing table headers from data cells*/ font-weight:bold; text-align:center; } caption { /*coordinated margin to match cell's padding*/ margin-bottom:.5em; /*centered so it doesn't blend in to other content*/ text-align:center; } p,fieldset,table,pre { /*so things don't run into each other*/ margin-bottom:1em; } /* setting a consistent width, 160px; control of type=file still not possible input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}*/ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ html{color:#000;background:#FFF;}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,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}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;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} #ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;} /* *************** SPOT PREVIEW */ #spot_preview_wrapper { float: left; } #spot_preview_wrapper p.first { display: block; margin-bottom: 20px; } #spot_preview_wrapper .spot_connect_instructions { width: 575px; padding: 10px; border: 2px solid; background-color: #eaf2f5; border-color: #56a6d0; margin-bottom: 10px; } #spot_preview_wrapper #spot_preview { width: 615px; margin-left: -5px; } #spot_preview_wrapper #spot_preview #doc3 { min-width: 600px; } /* *********** LOGIN PAGE */ #login_screen { display: block; zoom: 1; margin: 0 auto; width: 900px; text-align: left; } #login_screen:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #login_screen { height: 1%; } #login_screen #login_section { float: left; } #login_screen #login_teaser { float: left; width: 570px; margin: 48px 20px 0 0; padding: 0px 10px; } #login_screen #login_teaser .info { margin-left: 150px; } #login_screen #login_teaser dl { margin: 10px 0; } #login_screen #login_teaser dl dt { font-weight: bold; color: #333; } #login_screen #login_teaser dl dd { margin: 0 0 10px 15px; color: #555; } #login_screen #login_teaser span { padding: 2px; } #login_screen #logo { margin-left: 30px; margin-bottom: 5px; } #login_screen #login_wrapper, #login_screen #create_account_wrapper { width: 280px; text-align: center; clear: both; } #login_screen #create_account_wrapper { margin-top: 15px; border: 1px solid; border-color: #119911; } #login_screen #login_wrapper { background-color: #e6f8dd; } #login_screen #login_wrapper form { padding: 20px 0; border: 3px solid white; } #login_screen #login_wrapper label.text, #login_screen #login_wrapper input.text { float: left; display: block; margin-bottom: 7.5px; height: 18px; } #login_screen #login_wrapper label.text { width: 75px; margin-left: 5px; padding-right: 5px; padding-top: 3px; } #login_screen #login_wrapper input.text { width: 160px; padding: 2px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 1.0em; } #login_screen #login_wrapper br { clear: both; } #login_screen #login_wrapper .field input.submit { margin: 10px; } #login_screen #login_wrapper #remember_me { margin-right: 5px; } #login_screen #create_account { border: 3px solid white; padding: 10px 0; background-color: #e6f8dd; } #login_screen #create_account .add_location_button_wide { margin: 0 auto; margin-top: 15px; } #login_screen .login { background-color: #e6f8dd; } #login_screen .login_border { border: 1px solid; border-color: #119911; } #email_not_verified { font-size: 10px; display: inline; color: #b04f4e; } #password_reset_wrapper { margin: 0px auto; width: 400px; } /* *********** SIGNUP PAGES (regular and partners) */ body#users-new { font-family: helvetica,arial,clean,sans-serif; line-height: 1.4em; } #signup_wrapper { margin-top: 10px; width: 252px; background-color: #e6f8dd; border: 2px solid; border-color: #119911; } #signup_wrapper .field { color: #555; } #user_account_warning { margin: 20px auto; width: 362px; padding: 20px; background-color: #e6f8dd; border: 1px solid; border-color: #119911; } .session_locations { display: block; zoom: 1; margin: 10px auto 20px auto; width: 286px; text-align: left; padding: 10px; background-color: #eaf2f5; border: 2px solid; border-color: #56a6d0; } .session_locations:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .session_locations { height: 1%; } body.spots #doc2 #hd { position: relative; height: 45px; width: 80%; margin: 0; padding: 0; } body.spots #doc2 #hd #search_form { margin: 0; position: absolute; left: 192px; top: 0; } .spots #logo { position: absolute; top: 0; left: 0; } #spots-connect #logo { position: relative; } #results_sort { display: block; width: 300px; margin-top: 0px; margin-left: 664px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #96BD1E; } #dashboard_heading { text-align: center; margin-bottom: 60px; padding: 10px; margin-left: 10px; padding-left: 0; padding-bottom: 0; } #dashboard_heading h1 { font: bold 15px/16px Arial, sans-serif; background-color: #eaf2f5; border-top: 1px solid; border-bottom: 1px solid; border-color: #56a6d0; padding: 7px 2px; } #dashboard_heading div.current_time { float: left; padding: 10px 0 0 35px; margin-left: 20px; font-weight: bold; } #dashboard_heading div.current_time span { color: #777; } #dashboard_intro { margin: 35px auto 20px auto; width: 386px; text-align: left; padding: 10px; background-color: #f9f7ed; border: 1px solid; border-color: #999999; } #dashboard_intro p { margin-bottom: 10px; } #test_account_notice { color: #666; margin-top: 20px; width: 210px; } #test_account_notice p { margin-bottom: 10px; } .admin_sid { display: inline; color: #666; font-size: 0.9em; margin-bottom: 20px; background: #eee; } #add_location_wrapper { margin-bottom: 20px; } .command { display: block; zoom: 1; clear: both; padding-bottom: 20px; } .command:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .command { height: 1%; } .dashboard .section { margin-bottom: 10px; } .dashboard .section a { display: block; padding: 2px 0px 2px 5px; } .dashboard .section .title { margin-bottom: 10px; color: #333; color: #56a6d0; font-size: 1.4em; } #dashboard_faq_enabler a { display: block; color: #333; background-color: #eaf2f5; } #dashboard_faq h2 { font-size: 1.5em; color: #96bd1e; } #dashboard_faq .q { margin-top: 10px; font-weight: bold; } #dashboard_faq p { margin-top: 5px; } #dashboard_faq .a { color: #999; } .monitorings { text-align: center; font-weight: bold; background-color: #e2f9e3; border-top: 1px solid; border-color: #99cc99; padding: 4px 2px; } .monitorings .monitoring { display: block; } .spot_status { text-align: center; color: white; padding: 4px 2px; margin-bottom: 1px; } .spot_status a, .spot_status a:active, .spot_status a:visited { color: white; text-decoration: underline; font-weight: bold; } .spot_status a:hover { color: #D2CDD3; } .spot_status.submitted { border: none; background-color: #e2f9e3; color: black; } .spot_status.stub_status, .spot_status.authorizable, .spot_status.error_reports, .spot_status.pipelined { border-top: 2px solid; border-bottom: 2px solid; border-color: white; } .spot_status.stub_status, .spot_status.authorizable { background-color: #ff6633; } .spot_status.error_reports { background-color: #B9B9B9; } .spot_status.error_reports.has_unread { background-color: #4F3ACF; } .spot_status.pipelined { background-color: #706399; } .spot_status.pipelined_done { background-color: #3a9990; } .spot_status.admin_options { background-color: #B9B9B9; } .spot_status.waitlist { background-color: #919CB9; } .spot_status.agent_assignment { background-color: #AD2F42; text-align: left; padding-left: 4px; padding-right: 4px; } .reports .report { margin-bottom: 10px; } .reports .report.read { background-color: #EEE; color: #666; display: none; } .reports .message { padding: 5px 0; } .reports.show_read .read { display: block; } .agent_assignment_form { display: none; border: 1px solid #B9B9B9; margin-bottom: 10px; padding: 5px; text-align: center; padding: 15px; } .agent_assignment_form #assignment { width: 400px; height: 100px; } #add_first_location_wrapper { margin: 10px auto 20px auto; text-align: center; width: 230px; } a.add_first_location { display: block; width: 130px; height: 25px; background: url('/images/add_first_location.png') no-repeat; margin: 20px 0 0 0; } a.add_first_location span { display: none; } a.edit_commercial { display: block; width: 150px; height: 22px; background: url('/images/edit_commercial_button.png') no-repeat; } a.edit_commercial:focus { outline: none; } a.edit_commercial span { display: none; } a.add_location { display: block; width: 105px; height: 25px; background: url('/images/add_location.png'); } a.add_location:focus { outline: none; } a.add_location span { display: none; } .spot_info_container { position: relative; } .edit_hours { margin: 0 0 10px 45px; } .edit_container { display: block; zoom: 1; margin-bottom: 10px; } .edit_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .edit_container { height: 1%; } div.edit_spot { float: right; } div.edit_spot_homepage { clear: both; } .edit_commercial_spot { float: left; } .admin_comment { margin: 10px 0; padding: 2px; font-size: 1.1em; background-color: #ff6633; color: white; } .admin_comment span { font-weight: bold; } .admin_tags, .admin_hidden { margin: 10px 0; padding: 2px; font-size: 1.1em; color: white; } .admin_tags span, .admin_hidden span { font-weight: bold; } .admin_tags { background-color: #eaf2f5; } .admin_hidden { background-color: #e2f9e3; } .dashboard_spot { background-color: #fffae1; border: 1px solid; border-color: #ffd324; padding: 20px 5px; } #dashboard_menu { position: relative; } #dashboard_menu h2 { font-weight: bold; font-size: 14px; } #dashboard_menu a.action { position: absolute; top: 0; right: 0; } #dashboard_menu p { color: #666; margin: 10px 0; } body#spots-new h1, body#spots-edit h1, body#spots-update h1, body#spots-create h1, body#spots-edit_commercial h1 { color: #96BD1E; font-size: 2em; } body#spots-create #error, body#spots-edit #error, body#spots-update #error { margin-bottom: 10px; } .basic_info { background: #f2f1e8 url('/images/bg_form.gif') top repeat-x; border: 2px solid; border-color: #56a6d0; } .commercial_info { background-color: #eaf2f5; border: 2px solid; border-color: #56a6d0; } #odpiralni_cas { padding-top: 15px; } #add_location { width: 500px; margin: 30px auto; } .add_location_button, .add_location_button_wide, .add_button { color: black !important; line-height: 23px; font-size: 11px; display: block; outline: none; text-align: left; } .add_location_button:hover, .add_location_button_wide:hover, .add_button:hover { text-decoration: none !important; color: #3b5998 !important; } .add_location_button { width: 78px; padding-left: 25px; background: transparent url(/images/add_location_gray.png) no-repeat; } .add_button { padding: 0px 25px 5px 25px; background: transparent url(/images/add_button.png) no-repeat; } .add_location_button_wide { background: transparent url(/images/add_location_gray_wide.png) no-repeat; width: 101px; padding-left: 25px; } .owner_question { margin: 0px auto 15px auto; width: 382px; height: 20px; text-align: left; padding: 10px; background-color: #eaf2f5; border: 2px solid; border-color: #56a6d0; } .owner_question .warning { margin: 3px 0; color: navy; font-weight: bold; } .owner_question .field { float: left; padding-right: 20px; } .owner_question .desc { padding-top: 1px; float: left; color: #555; } .owner_warning { margin-top: -5px; margin-bottom: 10px; color: red; font-weight: bold; font-size: 0.85em; } #spot_form_wrapper { margin: 0px auto 15px; width: 350px; padding: 0px 26px 26px; text-align: left; } #spot_form_wrapper .section_title { margin-top: 20px; color: #333; color: #56a6d0; font-size: 1.4em; } #spot_form_wrapper .section_title.admin { color: #b04f4e; } #spot_form_wrapper h1 { color: black; font-size: 1.6em; font-weight: bold; } #spot_form_wrapper label { color: #666; display: block; font-size: 1.0em; margin-top: 15px; } #spot_form_wrapper input.text { font-size: 1.1em; border: 1px solid #888; padding: 5px; width: 70%; } #spot_form_wrapper textarea { width: 75%; } #spot_form_wrapper input.submit { margin-top: 20px; margin-bottom: 10px; } #spot_form_wrapper .field { margin-top: 5px; } #spot_form_wrapper .field span { color: #333; font-size: 0.9em; display: block; } #spot_form_wrapper .explanation { font-size: 0.8em; width: 270px; color: #333; margin-top: 20px; } #spot_form_wrapper .warning { color: #ff6633; width: 260px; } #spot_form_wrapper #location_desc_explanation { display: block; zoom: 1; margin-top: 10px; color: #333; width: 250px; } #spot_form_wrapper #location_desc_explanation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #spot_form_wrapper #location_desc_explanation { height: 1%; } #spot_form_wrapper #location_desc_explanation #right { float: left; width: 100px; } #spot_form_wrapper #location_desc_explanation #wrong { float: right; } #spot_form_wrapper .tab_switch_link a { display: block; margin-top: 25px; padding: 10px 3px; width: 248px; border: 2px solid; border-color: #4096ee; text-align: center; color: #222; } #spot_form_wrapper .tab_switch_link a:hover { background-color: #4096ee; color: white; } #timetable_instruction { margin: 20px 0 20px 20px; width: 240px; font-size: 0.8em; padding: 10px; background-color: #F9F9F9; line-height: 9px; border: 1px solid; border-color: #999999; } #timetable_title { margin: * auto; background: url('/images/clock.png') 0px 0 no-repeat; padding-left: 32px; line-height: 30px; } #timetable { margin: 0 auto; text-align: left; padding-left: 20px; color: #555; font-size: 13px; } #timetable .timetable_comment .title { margin: 10px 0; } #timetable .timetable_comment .title .comment_clarification, #timetable .timetable_comment .title .comment_clarification_when_no_opening_time_given { font-size: 0.8em; } #timetable .timetable_comment .title .comment_clarification_when_no_opening_time_given { color: #b04f4e; } #timetable .timetable_comment textarea { width: 19.6em; height: 5em; padding: 2px; } #timetable label[for=times_given] { font-weight: bold; } #timetable label { display: inline; font-size: 1.0em; margin: 0; } #timetable ol { margin-top: 1em; width: 32.5em; } #timetable ol li { position: relative; padding: 0.15em 10px 0; list-style: none inside; clear: left; height: 1.8em; border-bottom: 1px solid #ccc; } #timetable ol li span.hdays { font-size: 0.7em; margin-left: -9px; } #timetable ol li.alternation { background: #f9f9f9; } #timetable ol li.disabled { color: #666; } #timetable ol li.disabled input { border-color: #aaa; background: #efefef; color: #efefef; } #timetable ol li div { display: inline; } #timetable ol li div.closed { font-size: 0.9em; } #timetable ol li div.closed label { color: #000; } #timetable ol li div.closed input { width: 1.2em; height: 1.2em; margin-top: 0.4em; margin-left: 2em; margin-right: 0.6em; } #timetable ol li label, #timetable ol li input, #timetable ol li input.text { padding: 3px 0; float: left; display: block; margin-top: 0px; } #timetable ol li input, #timetable ol li input.text { font-family: 'lucida console', monaco, monospace; font-size: 0.9em; } #timetable ol li input.text { padding-top: 4px; height: 13px; margin: 1px 0; width: 4em; vertical-align: middle; border: 1px solid #666; text-align: center; } #timetable ol li label.day { width: 2.5em; font-weight: bold; } #timetable ol li label.sep { width: 1.2em; text-align: center; color: #666; } #timetable ol li label.and { width: 2em; text-align: center; } #timetable ol li a#replicate_values { position: absolute; right: -6.2em; padding-right: 15px; line-height: 1.8em; background: url('/images/downarrow.gif') no-repeat right; } #timetable ol li a#replicate_values:focus { outline: none; } #timetable.single_span ol { width: 20em; } #timetable.single_span div.additional { display: none; } p.submit { margin-top: 20px; margin-left: 110px; } #user_list { margin: 0 auto; width: 680px; } table#users { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.00em; } table#users tr td.partner { color: #4096ee; } table#users tr td.developer { color: #96bd1e; } table#users tr td.team_member { color: #ff6633; } table#users tr td.administrator { color: #b04f4e; } table#users th { color: #333; padding: 0 15px; } table#users th.monitorings { text-align: center; } .cinema_container { padding: 5px; margin: 20px 0; border: 2px solid; border-color: #BBB; background: url(/images/bg_div.png) top repeat-x; background-color: #F8F6F8; } .cinema_container .movie-title-link { outline: none; } .cinema_container .expand_options { float: right; } .cinema_container .expand_options a { outline: none; } .cinema_container .cinema_title_bar { display: block; zoom: 1; margin-bottom: 7px; } .cinema_container .cinema_title_bar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .cinema_container .cinema_title_bar { height: 1%; } .cinema_container .cinema_title_bar h4 { float: left; display: block; } .cinema_container .cinema_title_bar .cinema_explanation { float: right; padding-top: 2px; font-size: 0.8em; } .cinema_container .next_shows { font-size: 0.8em; } .cinema_container .next_shows span { padding: 1px 2px; } .cinema_container li.expanded .next_shows span { background-color: #DCDADD; } .cinema_container .genre { font-size: 0.8em; } .cinema_container h4 { background: url('/images/cinema_icon.png') no-repeat; height: 16px; padding-left: 20px; font-weight: bold; color: black; } .cinema_container h4 a { font-weight: normal; } .cinema_container ul { margin-top: 3px; } .cinema_container ul li { list-style: none; margin: 5px 0px; padding: 2px 4px 0px 4px; } .cinema_container ul li.expanded { background-color: #EBE7F0; } .cinema_container ul li .details { display: block; zoom: 1; font-size: 0.8em; border-bottom: 1px solid #efefef; padding-bottom: 2px; margin-bottom: 10px; } .cinema_container ul li .details:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .cinema_container ul li .details { height: 1%; } .cinema_container ul li .details p.title_sub { font-size: 1.1em; margin-top: 10px; margin-bottom: 5px; } .cinema_container ul li .details p.title_sub a { font-size: 0.9em; } .cinema_container ul li .details .poster_and_shows { display: block; zoom: 1; } .cinema_container ul li .details .poster_and_shows:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .cinema_container ul li .details .poster_and_shows { height: 1%; } .cinema_container ul li .details .poster_and_shows .poster { float: left; padding-left: 10px; } .cinema_container ul li .details .poster_and_shows .poster .placeholder { width: 100px; height: 135px; } .cinema_container ul li .details .poster_and_shows .poster .placeholder .spinner { margin-left: 35px; margin-top: 40px; } .cinema_container ul li .details .poster_and_shows .shows { float: left; width: 230px; } .cinema_container ul li .details .poster_and_shows .shows p.day { padding-left: 15px; font-size: 11px; } .cinema_container ul li .details .poster_and_shows .shows p.hours { padding-left: 15px; margin-left: 5px; } .cinema_container ul li .details .plot { padding: 5px 10px 3px 10px; } .cinema_container ul li .details .cast { padding: 3px 10px; } a#logo { display: block; height: 43px; position: relative; outline: none; } a#logo img#home { visibility: hidden; position: absolute; left: -14px; top: 19px; padding: 0; margin: 0; } a#logo:hover img#home { visibility: visible; } .users #logo { margin: 0 auto; } .new_report .ownership_request_suggestion { width: 330px; background-color: #EBFBFB; border-top: 1px solid #CBDBDB; border-bottom: 1px solid #CBDBDB; color: #b04f4e; padding: 2px; margin: 15px 0; } .new_report form label { display: block; margin-bottom: 3px; } .new_report form input.text { height: 18px; } .new_report form .text { width: 324px; padding: 4px 2px 2px 2px; font-size: 1.1em; border: 1px solid #999; } .new_report form textarea { display: block; height: 150px; } .new_report form .footer p { float: left; } .new_report form .footer p.cancel { margin-left: 20px; } .new_report form .footer p.advanced_form { margin-left: 100px; } .new_ownership_request .logged_in_preferred_notice { color: #b04f4e; } .new_ownership_request form label { display: block; margin-bottom: 3px; } .new_ownership_request form input.text { height: 18px; } .new_ownership_request form .text { width: 324px; padding: 4px 2px 2px 2px; font-size: 1.1em; border: 1px solid #999; } .new_ownership_request form textarea { display: block; height: 100px; } .new_ownership_request form .will_notify { margin-top: 10px; color: #999999; } .new_ownership_request form .footer p { float: left; } .new_ownership_request form .footer p.cancel { margin-left: 20px; } .admin_pending_ownership_requests, .recent_ownership_requests { margin: 0 auto; width: 300px; } .admin_pending_ownership_requests .ownership_request, .recent_ownership_requests .ownership_request { margin-bottom: 10px; } .recent_ownership_requests { border-top: 1px solid black; padding-top: 10px; } .recent_ownership_requests .title { color: red; } .recent_ownership_requests .content { padding-top: 10px; } #account_heading { text-align: center; margin-bottom: 5px; margin-left: 60px; margin-right: 60px; padding-left: 0; padding-bottom: 0; color: black; border-color: #DD6633; } #account_heading h1 { font: bold 15px/16px Arial, sans-serif; background-color: #eaf2f5; border-top: 1px solid; border-bottom: 1px solid; border-color: #56a6d0; padding: 7px 2px; } #account_heading div.current_time { float: left; padding: 10px 0 0 35px; margin-left: 20px; font-weight: bold; } #account_heading div.current_time span { color: #777; } #account_flash_error { text-align: center; margin-top: -20px; font-size: 15px; font-weight: bold; color: #b04f4e; } #account_flash_notice { text-align: center; margin-top: -20px; color: #96bd1e; font-size: 15px; font-weight: bold; } #account { position: relative; clear: right; display: block; margin: 5px 60px; } #account #center_box { display: block; width: 500px; left: 50%; position: absolute; margin-left: -250px; } #account #center_box h1 { margin-top: 15px; padding: 5px 1px; font-weight: bold; background: #eee; padding-left: 7px; } #account #center_box .name { display: block; margin-top: 20px; } #account #center_box .email { display: block; margin-top: 10px; padding: 1px 5px; } #account #center_box .email input.text { margin-top: 2px; padding: 2px; } #account #center_box .email br { margin: 3px 0px; } #account #center_box .password { display: block; padding: 8px 5px; } #account #center_box .password br, #account #center_box .password p { margin: 6px 0px; } #account #center_box .submit input { background: #96bd1e; color: white; border: none; font-size: 1.2em; padding: 2px 5px 1px 5px; margin-top: 20px; } .comments_section { margin-bottom: 5px; } .comments_section a.view_comments { display: block; } .comments_section .comments_header { display: block; zoom: 1; background-color: #EAF2F5; padding: 0.2em 0.5em; border-bottom: 1px solid #CCCCCC; } .comments_section .comments_header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .comments_section .comments_header { height: 1%; } .comments_section .comments_header a, .comments_section .comments_header a:visited, .comments_section .comments_header a:active { color: #4A4E78; outline: none; float: left; display: block; width: 300px; } .comments_section .comments_form_spot { padding-top: 10px; } .comments_section .panel_comments { background-color: #FAFAFA; border-bottom: 1px solid #CCCCCC; font-size: 12px; } .comments_section .panel_comments a, .comments_section .panel_comments a:visited, .comments_section .panel_comments a:active { color: #4A4E78; outline: none; } .comments_section .panel_comments .positive { color: #0f0; } .comments_section .panel_comments .negative { color: #f00; } .comments_section .panel_comments ul.comment_list li { list-style: none; padding: 0.6em 0.5em; border-bottom: 1px dashed #CCCCCC; } .comments_section .panel_comments ul.comment_list li .comment { color: #444444; } .comments_section .panel_comments ul.comment_list li .name a { font-weight: bold; font-size: 12px; } .comments_section .panel_comments ul.comment_list li .date { font-size: 11px; } .comments_section .panel_comments ul.comment_list li .thumbs { float: right; } .comments_section .panel_comments .pagination { border: none; margin: 12px 3px 10px 0; padding: 0; text-align: right; } .comments_section .panel_comments form { padding-bottom: 10px; } .comments_section .panel_comments form p.name label, .comments_section .panel_comments form p.password label, .comments_section .panel_comments form p.email label { margin-top: 7px; } .comments_section .panel_comments form p.new_field_notice { font-size: 0.95em; color: #4A4E78; margin-left: 105px; } .comments_section .panel_comments form .rating { display: block; zoom: 1; } .comments_section .panel_comments form .rating:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .comments_section .panel_comments form .rating { height: 1%; } .comments_section .panel_comments form .rating .title { color: #808792; float: left; width: 100px; text-align: right; margin: 3px 0px 0 0; } .comments_section .panel_comments form .rating .spot_rating { float: left; } .comments_section .panel_comments form p, .comments_section .panel_comments form .textarea_wrap { margin: 0.30em 0; width: 100%; overflow: hidden; line-height: 100%; } .comments_section .panel_comments form p label, .comments_section .panel_comments form p span.rating_title, .comments_section .panel_comments form .textarea_wrap label, .comments_section .panel_comments form .textarea_wrap span.rating_title { display: block; color: #808792; float: left; width: 100px; text-align: right; margin: 3px 5px 0 0; } .comments_section .panel_comments form p input, .comments_section .panel_comments form .textarea_wrap input { height: 19px; padding: 4px 3px 0px 3px; } .comments_section .panel_comments form p textarea, .comments_section .panel_comments form .textarea_wrap textarea { padding: 4px 3px; } .comments_section .panel_comments form p input, .comments_section .panel_comments form p textarea, .comments_section .panel_comments form .textarea_wrap input, .comments_section .panel_comments form .textarea_wrap textarea { color: #666; font-size: 12px; width: 240px; border: 1px solid #BDC7D8; } .comments_section .panel_comments form p.for_submit, .comments_section .panel_comments form .textarea_wrap.for_submit { margin: 5px 0 0 105px; display: inline; } .comments_section .panel_comments form p.for_submit .submit, .comments_section .panel_comments form .textarea_wrap.for_submit .submit { background-color: #F8F8F8; padding: 1px 6px 1px 6px; height: 25px; width: auto; } .comments_section .panel_comments form p.for_submit .submit:hover, .comments_section .panel_comments form .textarea_wrap.for_submit .submit:hover { background-color: #E5E5E5; cursor: pointer; } .comments_section .comment_errors, .comments_section .comment_message, .comments_section .comment_warning { margin-left: 105px; } .comments_section .comment_warning { padding: 2px 0; color: #7155af; font-size: 0.9em; } .comments_section .comment_errors { color: #b04f4e; } .comments_section .comment_message { font-weight: bold; color: #747A84; } .comments_section .comment_message a { font-weight: normal; } .daily_menus_section { display: block; zoom: 1; background-color: #FEF1FF; margin-bottom: 5px; } .daily_menus_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .daily_menus_section { height: 1%; } .daily_menus_section .daily_menus_header { display: block; zoom: 1; background-color: #FEDEFF; padding: 0.2em 0.5em; border-bottom: 1px solid #CCCCCC; } .daily_menus_section .daily_menus_header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .daily_menus_section .daily_menus_header { height: 1%; } .daily_menus_section .daily_menus_header a.view_daily_menus { display: block; outline: none; } .daily_menus_section .daily_menus_header img { float: left; margin-right: 4px; } .daily_menus_section ul.daily_menus_list li { list-style: none; padding: 0.6em 0.5em; border-bottom: 1px dashed #CCCCCC; display: block; zoom: 1; } .daily_menus_section ul.daily_menus_list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .daily_menus_section ul.daily_menus_list li { height: 1%; } .daily_menus_section ul.daily_menus_list li .date { width: 75px; font-size: 0.9em; float: left; } .daily_menus_section ul.daily_menus_list li .date .holiday { color: #b04f4e; font-size: 0.8em; } .daily_menus_section ul.daily_menus_list li .content { float: left; width: 305px; } .daily_menus_section ul.daily_menus_list li .content p { margin: 0 0 0.7em 0; } .daily_menus_section ul.daily_menus_list li .textile_content p { margin: 0 0 1em 0; } .daily_menus_section ul.daily_menus_list li .textile_content ul, .daily_menus_section ul.daily_menus_list li .textile_content ol { margin: 0 0 1em 0; padding: 0; } .daily_menus_section ul.daily_menus_list li .textile_content ul li, .daily_menus_section ul.daily_menus_list li .textile_content ol li { padding: 0; background: none; border: none; display: list-item; } .daily_menus_section ul.daily_menus_list li .textile_content ul li { list-style: disc; margin: 0 0 0 1em; } .daily_menus_section ul.daily_menus_list li .textile_content ol li { list-style: decimal; margin: 0 0 0 1.5em; } .daily_menus_section ul.daily_menus_list li .disabled { color: #ccc; } .daily_menus_section .edit_widget_link { margin-top: 12px; margin-left: 5px; background-color: #FEDEFF; border-bottom: 1px solid #CCCCCC; padding: 2px; float: left; } .daily_menus_section .button_edit { float: right; margin: 10px 0; outline: none; } #daily_menus_form_wrapper { text-align: left; margin: 0 auto 20px auto; } #daily_menus_form_wrapper .current_date { display: none; } #daily_menus_form_wrapper #daily_menus_tabs { display: block; background: #BF98C1; display: block; zoom: 1; } #daily_menus_form_wrapper #daily_menus_tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #daily_menus_form_wrapper #daily_menus_tabs { height: 1%; } #daily_menus_form_wrapper #daily_menus_tabs li { position: relative; padding: 10px 5px; } #daily_menus_form_wrapper #daily_menus_tabs li a { position: relative; padding: 10px 15px 10px; color: #fff; display: block; } #daily_menus_form_wrapper #daily_menus_tabs li a.active { background: #F1F0E8; color: #56A6D0; } #daily_menus_form_wrapper #daily_menus_tabs li a:focus { outline: none; } #daily_menus_form_wrapper .tab { padding: 20px; } #daily_menus_form_wrapper .tab .daily_menu_copy_container { text-align: right; } #daily_menus_form_wrapper .tab .daily_menu_copy_container a { font-size: 11px; } #daily_menus_form_wrapper .tab div { margin: 0.30em 0; width: 100%; overflow: hidden; line-height: 100%; } #daily_menus_form_wrapper .tab div label { display: block; color: #808792; float: left; width: 125px; text-align: right; margin: 3px 5px 0 0; padding: 4px 0px 0px 0px; } #daily_menus_form_wrapper .tab div label .holiday { color: #b04f4e; font-size: 0.8em; } #daily_menus_form_wrapper .tab div textarea { padding: 4px 0px 0px 2px; color: #666; font-size: 12px; width: 325px; border: 1px solid #BDC7D8; } #daily_menus_form_wrapper .tab div.disabled label { color: #ccc; } #daily_menus_form_wrapper .tab div.today label { font-weight: bold; } .daily_menus .basic_info { width: 500px; border-color: #FEDEFF; } .daily_menus h1 { color: #96BD1E; font-size: 2em; margin-bottom: 10px; } #mail_flash { background: #FCF2B8; -moz-border-radius: 10px; padding: 1.5em; margin-bottom: 1em; width: 500px; text-align: left; margin: 0 auto; } #mail_flash pre { margin: 1.5em 0; } #mail_flash p { font-weight: bold; } .audits_list { margin: 0 auto; width: 300px; } .audits_list .title { text-align: center; font-size: 1.2em; margin-bottom: 30px; } .audits_list .audit { display: block; zoom: 1; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #eee; padding: 5px; margin-bottom: 20px; } .audits_list .audit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .audits_list .audit { height: 1%; } .audits_list .audit .date { float: right; margin-top: -18px; color: #666; font-size: 0.75em; } .audits_list .audit .user, .audits_list .audit .company { margin: 5px 0; } .audits_list .audit .change { margin-left: 20px; } .audits_list .audit .controls { color: #666; margin-top: 10px; float: right; } .audits_list .audit .controls a { font-size: 0.75em; } .events_section { display: block; zoom: 1; background-color: #FFF4CB; margin-bottom: 5px; } .events_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .events_section { height: 1%; } .events_section .events_header { display: block; zoom: 1; background-color: #FC4334; border-bottom: 1px solid #B82E24; } .events_section .events_header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .events_section .events_header { height: 1%; } .events_section .events_header a.view_events { display: block; outline: none; color: #E1E2DB; } .events_section .events_header img { float: left; margin-right: 4px; } .events_section .edit_widget_link { margin-top: 12px; margin-left: 5px; background-color: #BDCF90; border-bottom: 1px solid #CCCCCC; padding: 2px; float: left; } .events_section .button_edit { float: right; margin: 10px 0; outline: none; } .events_section .panel_events { padding: 0.6em 0.5em; } .events_section .panel_events .date { font-weight: bold; background-color: #E2D1AE; padding: 2px 4px; } .events .basic_info { width: 500px; border-color: #BDCF90; text-align: left; margin: 0 auto 20px auto; padding: 10px; } .events h1 { color: #96BD1E; font-size: 2em; margin-bottom: 10px; } .events h2 { color: #575757; font-weight: bold; } .events #edit_events .date { font-weight: bold; background-color: #E2D1AE; padding: 2px 4px; } ul.events_list { margin: 0 0 10px 0; } ul.events_list li { list-style: none; border-bottom: 1px dashed #BDACAE; display: block; zoom: 1; } ul.events_list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html ul.events_list li { height: 1%; } ul.events_list li .time { font-size: 0.9em; font-weight: bold; width: 40px; float: left; padding-left: 2px; } ul.events_list li .time .holiday { color: #b04f4e; font-size: 0.8em; } ul.events_list li .pic { float: right; width: 48px; } ul.events_list li .content { margin: 0 58px 0 42px; font-size: 0.9em; } ul.events_list li .content .edit_event { display: none; } ul.events_list li .event_view { display: block; zoom: 1; padding: 5px 0; } ul.events_list li .event_view:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html ul.events_list li .event_view { height: 1%; } ul.events_list li .event_view .delete_event { margin-top: 15px; margin-left: -2px; } ul.events_list li .event_view .delete_event a { padding-left: 17px; background-image: url(/images/trashcan.png); background-repeat: no-repeat; background-position: left top; background-position: 0 -27px; font-size: 11.5px; outline: none; } ul.events_list li .event_view .delete_event a:hover { background-position: 0 0px; } .events ul.events_list .event_view:hover { background: #fff; cursor: pointer; } form.edit_event_form { margin: 0.5em 0 1em 0; } form.edit_event_form .event_errors { color: #b04f4e; margin-bottom: 6px; font-weight: bold; } form.edit_event_form p { float: left; margin: 0 10px 5px 0; } form.edit_event_form label { display: block; color: #666; font-size: 0.85em; margin: 0 0 2px 0; } form.edit_event_form #p_event_start_date input { width: 70px; } form.edit_event_form #p_event_start_time input { width: 50px; padding: 2px; border: 1px solid #BDC7D8; } form.edit_event_form #p_event_name input { width: 308px; padding: 2px; border: 1px solid #BDC7D8; } form.edit_event_form #p_event_description textarea { width: 476px; padding: 3px; border: 1px solid #BDC7D8; } form.edit_event_form #p_event_picture_preview { text-align: right; font-size: 0.85em; } form.edit_event_form #p_event_picture_preview span { display: block; width: 48px; background: #EDEDE3; border: 1px solid #D3D2C9; height: 48px; margin: 0 0 2px 0; } form.edit_event_form #p_event_picture_preview a { padding-left: 17px; background-image: url(/images/trashcan.png); background-repeat: no-repeat; background-position: left top; background-position: 0 -27px; font-size: 11.5px; outline: none; } form.edit_event_form #p_event_picture_preview a:hover { background-position: 0 0px; } form.edit_event_form p.for_submit { float: none; text-align: center; } ul#time_picker { border: 1px solid #999; background: #fff; width: 60px; height: 300px; position: absolute; overflow: scroll; z-index: 1000; } ul#time_picker li a { display: block; text-decoration: none; padding: 2px 0; } ul#time_picker li a:hover { background: #E2D1AE; } .adbar { display: block; zoom: 1; margin-top: 20px; width: 990px; height: 70px; } .adbar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .adbar { height: 1%; } .ad_preview { display: block; zoom: 1; margin-top: 30px; } .ad_preview:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .ad_preview { height: 1%; } .suggestion_complete { float: left; margin-left: 24px; } .suggestion_complete .location { font-size: 0.85em; color: #6C6C6C; position: relative; } .suggestion_complete .suggestion { height: 48px; width: 280px; padding: 4px; cursor: pointer; background-color: #FDFDFD; border: 2px solid #E7E7E7; } .suggestion_complete .suggestion:hover { background-color: #FFFDEA; } .suggestion_complete .suggestion .image { width: 60px; float: left; } .suggestion_complete .suggestion .content .title { font-weight: bold; } .inline_ad_title { margin-top: 10px; font-size: 0.8em; color: #993E3E; } .inline_ad { border: 1px dotted #993E3E; padding: 3px; } .suggestion_invite { font-size: 0.9em; color: #333; position: absolute; top: 83px; left: 700px; border: 1px dotted green; padding: 2px; } .suggestion_invite:hover { cursor: pointer; background-color: #F2F2F2; } .rating { margin-bottom: 10px; } .average_container, .comment_rating_container { height: 20px; float: right; } .average_container .average_rating, .average_container .comment_rating, .comment_rating_container .average_rating, .comment_rating_container .comment_rating { float: left; } .average_container span, .comment_rating_container span { float: left; color: white; } .average_container .ratings_count, .comment_rating_container .ratings_count { margin-left: 20px; } .average_rating { width: 80px; } .comment_rating { width: 60px; } .average_rating .ratings_count { color: #777; font-size: 0.75em; margin-top: -5px; } .average_rating .not_rated_yet { color: #AAA; font-size: 0.80em; } .spot_rating { display: block; zoom: 1; margin-top: 1px; margin-bottom: 1px; width: 253px; } .spot_rating:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .spot_rating { height: 1%; } .spot_rating span, .spot_rating ul { float: left; } .spot_rating .not_logged_in { margin: 2px 2px 2px 5px; } .spot_rating .rating_side_note { float: right; font-size: 0.9em; margin-top: 2px; width: 160px; display: none; } .spot_rating .rating_side_note.visible { display: block; } .spot_rating .rating_down_note { margin-left: 5px; font-size: 0.9em; margin-top: 25px; display: none; } .spot_rating .rating_down_note.visible { display: block; } .spot_rating .label { color: #777; font-size: 0.9em; } .spot_rating .star-rating { list-style: none; padding: 0; margin: 0 10px 0 3px; width: 80px; background: url(/images/stars.png) left bottom; } .spot_rating .star-rating li { display: block; margin: 0; padding: 0; margin-top: -16px; } .spot_rating .star-rating li.stars1 { width: 16px; } .spot_rating .star-rating li.stars2 { width: 32px; } .spot_rating .star-rating li.stars3 { width: 48px; } .spot_rating .star-rating li.stars4 { width: 64px; } .spot_rating .star-rating li.stars5 { width: 80px; margin-top: 0; } .spot_rating .star-rating li a { display: block; text-indent: -160px; overflow: hidden; outline: none; height: 16px; background: top left repeat-x; } .spot_rating .star-rating:hover li.selected a { background: none; } .spot_rating .star-rating li a:hover { background: url(/images/stars.png) left top !important; } .spot_rating .star-rating li.selected a { background: url(/images/stars.png) left top; } form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin: 0; padding: 0; } form.formtastic em { font-style: normal; font-weight: normal; } form.formtastic ol, form.formtastic ul { list-style: none; } form.formtastic abbr, form.formtastic acronym { border: 0; font-variant: normal; } form.formtastic input, form.formtastic textarea, form.formtastic select { font-family: inherit; font-size: inherit; font-weight: inherit; font-size: 100%; } form.formtastic ol li { display: inline-block; width: 100%; } form.formtastic ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } form.formtastic ol li label { display: block; float: left; } form.formtastic ol li li { margin-right: 8px; float: left; padding-left: 0; width: auto; } form.formtastic ol li li label { line-height: 100%; padding-top: 0; margin-right: 8px; } form.formtastic ol li li input { line-height: 100%; vertical-align: middle; margin-top: -0.1em; } form.formtastic ol li fieldset { position: relative; } form.formtastic ol li fieldset legend { position: absolute; padding-top: 0.1em; display: block; } form.formtastic ol li fieldset legend span.label { display: block; position: absolute; clear: both; background: transparent; } form.formtastic ol li fieldset legend span.label abbr { display: inline; } form.formtastic ol li fieldset ol { float: left; margin: 0; } form.formtastic ol li fieldset ol li { padding: 0; border: 0; display: inline; } form.formtastic ol li ul.errors { color: #cc0000; list-style: square; } form.formtastic ol li ul.errors li { padding: 0; border: none; display: list-item; } form.formtastic ol li.hidden { display: none; } form.formtastic ol li.boolean label { width: auto; } form.formtastic ol li.boolean label input { margin: 0 0.5em 0 0.2em; } form.formtastic ol li.radio fieldset ol, form.formtastic ol li.check_boxes fieldset ol { margin-bottom: -0.6em; } form.formtastic ol li.radio fieldset ol li, form.formtastic ol li.check_boxes fieldset ol li { float: left; display: inline; margin: 0.1em 0 0.5em 0; } form.formtastic ol li.radio fieldset ol li label, form.formtastic ol li.check_boxes fieldset ol li label { float: none; width: auto; padding-left: 0px; } form.formtastic ol li.radio fieldset ol li label input, form.formtastic ol li.check_boxes fieldset ol li label input { margin-right: 0.1em; } form.formtastic ol li.date fieldset ol li, form.formtastic ol li.time fieldset ol li, form.formtastic ol li.datetime fieldset ol li { float: left; margin: 0 .3em 0 0; } form.formtastic ol li.date fieldset ol li label, form.formtastic ol li.time fieldset ol li label, form.formtastic ol li.datetime fieldset ol li label { display: none; } form.formtastic ol li.date fieldset ol li label input, form.formtastic ol li.time fieldset ol li label input, form.formtastic ol li.datetime fieldset ol li label input { display: inline; margin: 0; padding: 0; } form.formtastic fieldset { border: 0; display: inline-block; } form.formtastic fieldset.inputs { z-index: 99; } form.formtastic fieldset.buttons { float: left; padding-right: 0.5em; } form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } form.formtastic fieldset.inputs li legend span { font-size: 1em; } form.formtastic fieldset.inputs textarea, form.formtastic fieldset.inputs input { border: 1px solid #999; padding: 3px; } form.formtastic fieldset.inputs .check_boxes label, form.formtastic fieldset.inputs .radio label { cursor: pointer; } form.formtastic ol li { padding: 7px 0px; } form.formtastic ol li.required input, form.formtastic ol li.required textarea, form.formtastic ol li.required select { background-color: #fff; } form.formtastic ol li.error input, form.formtastic ol li.error textarea, form.formtastic ol li.error select { background-color: #fcc; border: 1px solid #f66; } form.formtastic ol li.optional input, form.formtastic ol li.optional textarea, form.formtastic ol li.optional select { background-color: #fff; } form.formtastic p, form.formtastic ul.errors { padding: 6px 0px; } form.formtastic ul.errors { color: #a00; } form.formtastic p.inline-errors { color: #f00; } form.formtastic p.inline-hints { color: #777; } form.formtastic span abbr, form.formtastic label abbr { color: #f00; } .news_article { margin-top: 15px; } /* ********* MY FIRM FORM ************* */ .new_firm_data, .edit_firm_data { margin-left: 150px; } .firm_form_title, #firm_tagline { font-size: 1.1em; margin-bottom: 10px; color: #999; } .firm_form_company, #firm_title { color: #555; font-size: 1.2em; margin-bottom: 10px; } #firm_title, #firm_tagline { margin-left: 105px; } #firm_title { margin-top: 50px; } .firm_cname_remark { color: #999; font-size: 0.9em; margin: 3px 0; } #header { position: relative; padding-bottom: 68px; } #header>ul>li { float: left; list-style: none; background: url(/images/separator.gif) no-repeat right center; height: 23px; line-height: 23px; padding-right: 16px; padding-left: 10px; /* Special treatment */ } #header>ul>li a { display: block; height: 23px; line-height: 23px; } #header>ul>li.first { padding-left: 0; } #header>ul>li.last { padding-right: 0; background: none; } #header>ul>li.facebook a { width: 14px; height: 14px; margin-top: 4px; background: url(/images/facebook.gif) no-repeat; } #header>ul>li.facebook a span { display: none; } #header>ul>li.facebook a:hover { background-position: 0 -14px; } #header>ul>li.twitter a { width: 16px; height: 16px; margin-top: 3px; background: url(/images/twitter.png) no-repeat; } #header>ul>li.twitter a span { display: none; } #header>ul>li.twitter a:hover { background-position: 0 -16px; } #header .user_actions { right: 0; } #header .features { left: 0; } #header .block { position: absolute; top: 0; color: #777; padding: 15px 30px 0; } #header .block span.separator { color: #D4D4D4 !important; } #header .block a { text-decoration: none; } #header .block a:hover { text-decoration: underline; } #header #mobile_link { z-index: 10; position: relative; padding-left: 5px; padding-right: 11px; } #header #mobile_link a { text-decoration: none; } #header #mobile_link span { display: block; padding: 0 5px; } #header #mobile_link.active span { background: #333; color: #fff; } #header #mobile_link #mobile_menu { position: absolute; width: 116px; } #header #mobile_link #mobile_menu li { list-style: none; border: 1px solid #333; border-top: 0; background-color: #FEFEFE; } #header #mobile_link #mobile_menu li.first { border-top: 1px solid #333; } #header #mobile_link #mobile_menu li a { text-align: left; padding: 0 5px; } #header #mobile_link #mobile_menu li a:hover { background: #eee; } #header li.name a { font-size: 13px; color: #555; } #header li.login a { padding-left: 18px; background: url('/images/exclamation.png') left center no-repeat; } #header li.login a span { display: inline; background-color: #D4D4D4; padding: 2px 5px 1px 5px; } #header li.login:hover span { background-color: #CBCBCB; text-decoration: none; } #header li span#stickit { position: absolute; top: 40px; left: 0px; width: 44px; height: 28px; } #header li span#stickit span { display: block; position: absolute; top: 385px; left: -522px; padding: 7.5px; width: 170px; border: 2px solid #444; background: #eae77b url('/images/note_background.png') repeat-x; color: #000; text-align: left; font-size: 0.85em; text-decoration: none; } #header li span#stickit span a { text-decoration: underline; } .common_content { width: 600px; margin: 0 auto; font: 14px/16px Helvetica Neue, Helvetica, Tahoma, sans-serif; } .common_content a { font: inherit; } .common_content p { margin: 15px 0; } .common_content ul li { list-style: inside; } .common_content ul li ul { margin-left: 15px; } .common_content ul li ul li { list-style: inside circle; } .common_content ul li ul li a { font-size: 12px; } .common_content ol li { list-style: inside; } .common_content ol li ol { margin-left: 15px; } .common_content dl dd { margin-left: 15px; } .common_content h1, .common_content h2, .common_content h3, .common_content h4, .common_content h5, .common_content h6 { font-family: Helvetica Neue, Helvetica, Tahoma, sans-serif; font-weight: bold; } .common_content h1 { font-size: 32px; margin: 32px 0; } .common_content h2 { font-size: 24px; margin: 24px 0; } .common_content h3 { font-size: 20px; margin: 20px 0; } .common_content h4 { font-size: 18px; margin: 18px 0; } .common_content h5 { font-size: 14px; margin: 14px 0; } .common_content table thead th { font-weight: bold; text-align: left; background: #efefef; padding: 5px 2.5px; } .common_content table tbody td { padding: 2.5px; border-bottom: 1px dotted #ccc; } .common_content form p label { display: block; font: bold 12px/12px sans-serif; margin: 2.5px 0; } /* ************** BODY AND COMMON ************** */ body.spots, body.users, body.timetables, body.home, body.contact_messages, body.inclusion_requests, body.demands, body.sessions, body#users-new, body#users-create, body.passwords, body.dashboard, body.reports, body.daily_menus, body.events { background: #fff url('/images/bg.png') top repeat-x; margin-top: 0px; padding-bottom: 50px; font-family: Arial, Helvetica, sans-serif; text-align: center; } body.accounts { background: #fff url('/images/bg.png') top repeat-x; margin-top: 0px; padding-bottom: 50px; font-family: Arial, Helvetica, sans-serif; } input.text, textarea.area, textarea.text { background: #FFFFFF url(/images/inputshadow.gif) no-repeat scroll left top; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border: 1px solid #999; } #spots-index #doc2, #spots-favorites #doc2 { clear: both; padding-top: 4px; } strong { font-weight: bold; } em { font-style: italic; } .left { float: left; } .right { float: right; } .clear { clear: both; } span.separator { padding: 0 0.42em; color: #E4E4E4 !important; font-size: 0.95em; } a { font-size: 12px; color: #3b5998; text-decoration: none; } a:visited { color: #3b5998; text-decoration: none; } a:hover { text-decoration: underline; } a:active { color: #3b5998; } .bggray { background-color: #E4E4E4; } .bglightgray { background-color: #F4F4F4; } .bgdarkgray { background-color: #D4D4D4; } #notice, #serp_flash_notice, #error { color: black; font-weight: bold; text-align: center; } #notice { margin: 5px 60px; } #serp_flash_notice { margin: 5px 0px; } #notice .content, #serp_flash_notice .content { color: white; background-color: #ff6633; border-bottom: solid 1px #ffd324; border-top: 1px solid; border-bottom: 1px solid; border-color: #ffd324; padding: 7px 2px; } #error .content { background: #f1adad; border-top: 1px solid; border-bottom: 1px solid; border-color: #b04f4e; padding: 7px 2px; } a.button_edit { display: block; width: 60px; padding: 0 3px; line-height: 23px; text-align: center; background: url(/images/button.png) no-repeat; color: black !important; line-height: 23px; font-size: 11px; display: block; } a.button_edit:hover { text-decoration: none !important; color: #3b5998 !important; } #staging { color: #b04f4e; margin-top: 20px; font-weight: bold; } #spots-index #doc2 #logo, #spots-favorites #doc2 #logo, #spots-show #doc2 #logo { margin-top: -3px; position: absolute; } /* ************* FLEXOR ************* */ .flexor_target a { display: block; padding: 5px; color: #333; padding-left: 15px; background: url('/images/bullet-arrows.png') 5px 8px no-repeat; } .flexor_target a:focus { outline: none; } .flexor_target.opened a { background-position: 5px -185px; } /* ************** HOME ************** */ #home_tip { left: 0; } #home_tip { color: #333; padding-top: 15px; padding-left: 50px; float: left; text-align: left; font-size: 0.8em; } #home_tip span { color: #777; } #home_flash_error { margin-top: -20px; margin: 0 auto; color: #b04f4e; } #home_flash_notice { margin-top: -20px; margin: 0 auto; padding: 2px 0; color: white; background: #96bd1e; border-bottom: 1px; border-color: green; font-weight: bold; } #home_search_examples .search_examples_title { margin-right: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #96BD1E; } #home_search_examples .search_example a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #858585; } #home_search_examples .search_example a:hover { color: #555; } #image_examples { width: 332px; text-align: center; } #image_examples .examples { display: block; zoom: 1; } #image_examples .examples:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #image_examples .examples { height: 1%; } #image_examples .examples .image { display: block; float: left; width: 48px; height: 52px; margin-right: 7px; } #image_examples .examples .image img { border: 2px solid silver; } #image_examples #spot_description { margin-top: 4px; color: #858585; height: 10px; } input { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #search_div { width: 280px; border: 1px solid #666666; text-align: left; position: absolute; top: 200px; left: 50%; margin-left: -140px; } #footer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #999; } #footer span { padding: 0 3px; } #footer a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #999; text-decoration: none; } #footer a:visited { color: #999; } #footer a:hover { color: #777; text-decoration: underline; } #footer a:active { color: #999; } #home_search_box { clear: both; padding-top: 36px; height: 155px; margin-left: auto; margin-right: auto; } #home_search_box #logo { padding-right: 25px; } #search_form { margin-top: 10px; } #search_form #q { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 1.4em; padding: 1px 3px; height: 23px; color: #222; } #search_form input.submit { background: #96bd1e; color: white; border: none; font-size: 1.2em; padding: 2px 5px 1px 5px; text-transform: capitalize; } #spots-index #search_form, #spots-show #search_form, #spots-favorites #search_form { padding-top: 4px; } #spots-index #search_form #q, #spots-show #search_form #q, #spots-favorites #search_form #q { width: 350px; margin-left: 4px; } #home-index #search_form #q { width: 260px; } #home-index #search_form .note { display: block; margin-left: auto; margin-right: auto; color: gray; font-size: 82%; margin-top: .3em; width: 90%; padding-right: 25px; } #search_form .locate_me a { outline: none; margin-top: -20px; margin-right: 2px; padding-right: 10px; } #search_form .locate_me a.active { background: url('/images/spinner_bar.gif') 30px 0px no-repeat; } #search_form .location { margin: .5em; margin-top: 0.3em; font-size: 0.9em; color: #b04f4e; } #search_form .location .result_count { color: gray; } #testimonial { margin-top: 45px; margin-left: 20px; width: 290px; display: block; zoom: 1; } #testimonial:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #testimonial { height: 1%; } #testimonial div { float: right; margin-right: -7px; width: 227px; background: url(/images/speech_bubble.png) top no-repeat; margin-bottom: .3em; } #testimonial div p { text-align: center; font-style: italic; padding: 10px 17px 0 10px; } #testimonial div span { display: block; height: 10px; background: url(/images/speech_bubble.png) bottom no-repeat; } #testimonial .author { font-weight: bold; text-align: right; display: block; } #testimonial .icon { background: url(/images/user.jpg) no-repeat; display: block; width: 48px; height: 48px; border: 1px solid lightblue; float: right; margin: 0 0 40px 7px; } .donate_front { margin-top: 30px; } .donate_front .invitation { margin-bottom: 2px; font-size: 0.8em; margin-right: 2px; } table.front { width: 700px; margin: 3em auto 1em auto; text-align: left; } table.front td { vertical-align: top; width: 280px; } .recent_activity { padding: 5px; border: 2px solid; border-color: #BBB; background-color: #FBFBFB; width: 290px; } .recent_activity .section { margin-bottom: 3px; } .recent_activity .section .title { color: #96bd1e; font-weight: bold; padding: 2px; } .recent_activity .section .item { padding: 2px; font-weight: normal; font-size: 0.9em; } .recent_activity .section .item .comment { margin-left: 20px; } .recent_activity .section .item.highlight { background-color: #FAEF90; cursor: pointer; } .recent_activity .section .item a { text-decoration: none; } .recent_activity .section .item a.comment_link { padding-left: 20px; background: url('/images/comment.gif') 0px 0px no-repeat; } .recent_activity .section .item a.fav_link { height: 18px; padding-left: 23px; display: block; background: url('/images/hearts.gif') 0px -41px no-repeat; } .recent_activity .section .item a.fav_link:hover { background-position: 0px -1px; } #spots-index #doc2, #spots-show #doc2, #spots-favorites #doc2 { margin-left: 16px; } #spots-index .sidebar, #spots-show .sidebar, #spots-favorites .sidebar { margin-bottom: 25px; } #spots-index .sidebar .map, #spots-show .sidebar .map, #spots-favorites .sidebar .map { height: 250px; } #spots-index .pagination, #spots-show .pagination, #spots-favorites .pagination, .dashboard .pagination { border-top: 1px solid #D5D5D5; padding: 25px 0 10px 220px; } #spots-index .pagination a, #spots-show .pagination a, #spots-favorites .pagination a, .dashboard .pagination a { color: #333; border: solid 1px #ccc; padding: 2px 6px 2px 6px; text-decoration: none; } #spots-index .pagination span.disabled, #spots-show .pagination span.disabled, #spots-favorites .pagination span.disabled, .dashboard .pagination span.disabled { display: none; } #spots-index .pagination a.prev_page, #spots-index .pagination a.next_page, #spots-show .pagination a.prev_page, #spots-show .pagination a.next_page, #spots-favorites .pagination a.prev_page, #spots-favorites .pagination a.next_page, .dashboard .pagination a.prev_page, .dashboard .pagination a.next_page { color: #333; border: solid 1px #ccc; background-color: #F8F8F8; padding: 2px 10px 2px 10px; text-decoration: none; } #spots-index .pagination a:hover, #spots-show .pagination a:hover, #spots-favorites .pagination a:hover, .dashboard .pagination a:hover { background-color: #E5E5E5; } #spots-index .pagination .current, #spots-show .pagination .current, #spots-favorites .pagination .current, .dashboard .pagination .current { color: white; background-color: #56A6D0; border: solid 1px #ccc; padding: 2px 6px 2px 6px; text-decoration: none; } #spots-edit h1, #spots-update h1 { margin-bottom: 10px; } #map_legend { color: #333; width: 303px; } #map_legend .expand { float: left; text-decoration: none; background: #EEE; padding: 2px 8px; border-bottom: 1px solid #DDD; } #map_legend .expand:hover { background: #DDD; } #map_legend .open { float: right; background: #fff url('/images/map-markers/map_legend_open.gif') left no-repeat; padding: 0 0 2px 10px; } #map_legend .closed { float: right; background: #fff url('/images/map-markers/map_legend_closed.gif') left no-repeat; padding: 0 0 2px 10px; margin-left: 5px; } #map_legend .current_location { float: right; background: #fff url('/images/map-markers/map_legend_current_location.gif') left no-repeat; padding: 0 0 2px 10px; margin-left: 5px; } .spot_tabs { display: block; zoom: 1; margin-top: -4px; border-bottom: 1px solid #C2C1C8; background-color: #E8E7ED; height: 23px; } .spot_tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .spot_tabs { height: 1%; } .spot_tabs li { float: left; list-style: none; } .spot_tabs li a { color: #333; display: block; line-height: 12px; padding: 5px; text-decoration: none; } .spot_tabs li a:hover { background-color: #CECECE; } .spot_tabs li.active a { background-color: #96bd1e; color: #fff; } .marker_reference { position: absolute; top: 2px; left: -35px; padding-top: 3px; height: 17px; width: 20px; font-size: 0.85em; cursor: pointer; text-align: center; vertical-align: middle; font-weight: bold; } .marker_reference.open { color: black; background: #fff url('/images/map-markers/circle-open.png') 0px 0px no-repeat; } .marker_reference.closed { color: white; background: #fff url('/images/map-markers/circle-closed.png') 0px 0px no-repeat; } .wifi_reference { position: absolute; top: 72px; padding-top: 14px; left: -35px; height: 17px; width: 20px; vertical-align: middle; background: #fff url('/images/wifi.png') 0px 0px no-repeat; } .focus .marker_reference.open, .focus .marker_reference.closed, .focus .wifi_reference, .focus .button_edit { background-color: #e6f2e9; } .mofoEnabled .mofoMarker { cursor: pointer; } #results_title { clear: left; display: block; zoom: 1; margin-top: 7px; background: #fff url('/images/bg_top.gif') top repeat-x; background-color: #F0F0F0; border-top: 1px solid #D5D5D5; padding: 5px 0 5px 0; } #results_title:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #results_title { height: 1%; } #results_title .results_info { float: left; margin-left: 8px; font-weight: bold; } #results_title .results_info span { color: #777; } #results_title .results_count { float: right; margin-right: 8px; } #results_title .results_count span { color: #555; } #spot_categories p { margin: 10px; } #spot_categories p.search_categories a { margin-bottom: 3px; display: block; outline: none; } #correction { margin-bottom: 20px; color: #56a6d0; } #correction a, #correction a:visited, #correction a:active { color: #56a6d0; text-decoration: underline; } #correction a:hover { color: #458BB2; text-decoration: underline; } #found_closed { margin-bottom: 20px; color: #b04f4e; } #found_closed a, #found_closed a:visited, #found_closed a:active { color: #556099; text-decoration: underline; } #found_closed a:hover { color: #434B7B; text-decoration: underline; } #pledge, #no_favorites { background: #DDD; text-align: center; width: 480px; padding: 10px 4px; margin-bottom: 10px; border: 1px solid gray; } #no_result .notice { margin-bottom: 10px; color: #b04f4e; } #no_result .offer_global_search { margin-bottom: 10px; } #no_result .offer_global_search .tagline { margin-bottom: 3px; } #holiday_warning { margin-top: 5px; background-color: #F7F7FF; border-top: 0px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; padding: 1px 0 2px 0; text-align: center; font-weight: 700; color: #333; } #incomplete_results_warning { margin-top: 5px; background-color: #C5644E; border: 1px solid #D5D5D5; padding: 1px 0 2px 0; text-align: center; font-weight: 700; color: white; } #incomplete_results_warning p { margin-bottom: 4px; } #sponsored_serp { border: 1px solid #DA2B4E; } #serp { border-right: solid 1px #E5E5E5; padding-left: 10px; } #serp .recommended, #spot_preview .recommended { background-color: #579937; color: white; border-bottom: solid 1px; padding: 2px 8px; } #serp .open .company, #spot_preview .open .company { background: url('/images/bg_spot_open.gif') top repeat-x; background-color: #fffae1; border-bottom: solid 1px; border-color: #ffd324; } #serp .holiday .company, #spot_preview .holiday .company { background-color: #F7F7FF; border-bottom: solid 1px #D5D5D5; } #serp .closed .company, #spot_preview .closed .company { background: #fff url('/images/bg_spot_closed.gif') top repeat-x; background-color: #FCFCFC; border-bottom: solid 1px #ccc; } .spot_hours table { font-family: "courier new"; color: #555; } .spot_hours table td.first { vertical-align: top; width: 40px; } .spot_hours p.stub { width: 150px; margin-left: 45px; } .spot_hours p.stub span { display: block; font: normal 10px Arial, Helvetica, sans-serif; margin-left: 2px; margin-bottom: 10px; } .only_open_button { display: inline; } .only_open_button a { text-decoration: none; background-color: #FCF5C1; padding: 2px 4px; color: #333; } .only_open_button a:hover { background-color: #FDF08B; } #location_suggestion, #city_area_suggestion, #address_mode_suggestion { margin: 1em 0 0 8px; } #location_suggestion p, #city_area_suggestion p, #address_mode_suggestion p { margin-top: .5em; } #location_suggestion p input#suggestion_loc, #city_area_suggestion p input#suggestion_loc, #address_mode_suggestion p input#suggestion_loc { font-family: "Trebuchet MS", Verdana, sans-serif; } #city_area_suggestion a { margin-top: 3px; display: block; outline: none; } #under_map_explanation { margin-top: 300px; padding: 15px 0; text-align: center; border: 2px solid; border-color: #BBB; color: #333; background: url(/images/bg_div.png) top repeat-x; background-color: #F8F6F8; } #under_map_explanation img { border: 1px solid #888; } .spot_info .geo, #search_form .geo { display: none; } .hours_reliability { color: #AE2F2D; font-size: 0.9em; margin-left: 30px; margin-bottom: 15px; } .hours_reliability span { color: #666; margin-left: -24px; } .spot_info { position: relative; min-height: 140px; } .spot_info .images-2 { min-height: 43px; height: auto !important; height: 43px; } .spot_info .images-4 { min-height: 95px; height: auto !important; height: 95px; } .spot_info .show_more { background: transparent url('/images/arrow_right.gif') no-repeat scroll right 3px; padding-right: 27px; } .spot_info .name { margin-top: 15px; } .spot_info .name a { color: black; font-size: 1.0em; color: #333; } .spot_info .name h2 { font-weight: bold; } .spot_info .services, .spot_info .links, .spot_info .contact, .spot_info .location_images, .spot_info .distance, .spot_info .wifi_pass { margin-top: 12px; } .spot_info .wifi_pass { background-color: #EEE; padding: 2px; } .spot_info .wifi_pass span { font-weight: bold; } .spot_info .company { padding: 0 .4em; cursor: pointer; } .spot_info .company a { color: black; } .spot_info .company h1 { font-weight: bold; } .spot_info .company .title { font-weight: bold; color: black; } .spot_info .company .open_elaboration { text-align: right; float: right; margin-left: 7px; } .spot_info .combined_name { display: none; } .spot_info .desc { color: #666; font-weight: bold; } .spot_info .desc a { color: #666; } .spot_info .map_link { color: #444; background: url(/images/world.png) 0px 0px no-repeat; padding-bottom: 2px; padding-left: 20px; } .spot_info .web_link { color: #444; background: url(/images/link_go.png) 0px -2px no-repeat; padding-left: 20px; display: block; margin-bottom: 2px; } .spot_info .map_link:hover, .spot_info .web_link:hover { color: black; } .spot_info .services span { font-weight: bold; } .spot_info .services a { color: #666; } .spot_info .pitch_container { margin-top: 10px; background-color: #eaf2f5; padding: 4px 6px; } .spot_info .pitch_one_liner { margin-top: 10px; padding: 3px 5px; } .spot_info .pitch a, .spot_info .pitch_one_liner { color: #333; text-decoration: none; } .spot_info .pitch_content { color: #333; margin-top: -5px; padding: 0 5px 5px 5px; border-bottom: 2px solid; border-color: #bedce7; font-size: 12px; } .spot_info.images p { width: 270px; } .spot_info .user_comments a { display: block; margin-top: 5px; color: #333; background-color: #E6F8DD; border-bottom: 1px solid #119911; padding: 3px 2px; } .spot_weekday { font-weight: bold; text-transform: capitalize; } .spot_weekday_next_span { font-style: italic; text-transform: capitalize; } .today_hours { color: black; background-color: #f5f5f5; padding-right: 2px; font-weight: bold; } .latent_hours { color: #999; } .special_hours_desc { font-family: arial; text-align: center; text-transform: uppercase; font-style: italic; font-size: 10px; margin: 5px 0; } .latent { color: #999; } .spot { display: block; zoom: 1; position: relative; background-image: url(/images/divider.png); background-position: left top; background-repeat: no-repeat; padding-top: 10px; padding-left: 10px; margin-right: 10px; } .spot:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .spot { height: 1%; } .spot .spot_info_container { color: #666; } .spot .company { color: #333; padding: .2em .5em; margin-bottom: 5px; } .spot.focus { background-color: #e6f2e9; } .spot.focus .spot_info_container { color: #444; } .span_desc { font-family: arial; text-align: center; font-size: 10px; width: 140px; margin-bottom: 10px; } .open_comment { font-family: arial; margin-bottom: 10px; text-align: center; font-size: 10px; width: 140px; } .open_link { font-family: arial; margin-bottom: 10px; text-align: center; font-size: 10px; margin-top: 10px; width: 140px; } .spot_menu { color: #999; font-size: 11px; border-top: 1px dotted #DDD; padding: 6px 0; padding-bottom: 15px; cursor: select; } .spot_menu a.fb_share, .spot_menu a.twitter_share { display: block; height: 21px; margin-top: -2px; float: left; } .spot_menu a.fb_share { width: 70px; margin-right: 7px; background: #FFFFFF url(/images/share_buttons.gif) no-repeat scroll 0 -102px; background-position: 0 -20px; } .spot_menu a.fb_share:hover { background-position: 0 -61px; } .spot_menu a.twitter_share { width: 59px; background: #FFFFFF url(/images/share_buttons.gif) no-repeat scroll 0 -102px; background-position: 0 -102px; } .spot_menu a.twitter_share:hover { background-position: 0 -143px; } .spot_menu span.controls a { color: #848484; padding: 2px 3px; font-size: 11px; outline: none; } .spot_menu span.controls a:hover { padding: 2px 3px; color: white; text-decoration: none; background: #AAA; font-size: 11px; } #spots-index #spot_features, #spots-index #spot_updates { display: none; } #spots-show .spot_section { display: none; } #spots-show .active { display: block; } #spots-show #spot_features { margin: 3px; } #spots-show #spot_features .service { margin-bottom: 10px; } #spots-show #spot_features h2 { font-size: 1.1em; padding: 2px 4px; background-color: #DDE9F8; font-weight: bold; margin: 10px 0; } #spots-show #spot_features .feature { margin-bottom: 10px; } body#home-cities dt { margin-top: .1em; font-size: 180%; line-height: 1.5em; } body#home-cities ol, body#home-cities ol li { list-style: none; } .toggle_fav { background: #fff url('/images/hearts.gif') 0px 0px no-repeat; cursor: pointer; position: absolute; left: -35px; top: 37px; height: 19px; width: 20px; } .toggle_fav .count { margin-left: -15px; position: inline; float: left; } .toggle_fav .toggle_url { display: none; } .toggle_fav .text { text-align: center; margin-top: 20px; margin-left: -10px; font-size: 0.65em; display: none; } .toggle_fav .progress { background: #fff url('/images/spinner_bar.gif') 0px 0px no-repeat; margin: 18px 0 0 3px; height: 10px; width: 10px; display: none; } .focus .toggle_fav { background-color: #e6f2e9; } .toggle_fav { background-position: 0px -40px; } .toggle_fav:hover { background-position: 0px -20px; } .toggle_fav:hover .text { display: block; } .toggle_fav.just_toggled { background-position: 0px -40px; } .toggle_fav.just_toggled .text { display: none; } .fav .toggle_fav { background-position: 0px 0px; } .fav .toggle_fav .text { display: none; } .fav .toggle_fav:hover { background-position: 0px -20px; } .fav .toggle_fav.just_toggled { background-position: 0px 0px; } .toggle_fav .not_faved { display: inline; } .toggle_fav .faved { display: none; } .toggle_fav.remove .not_faved { display: none; } .toggle_fav.remove .faved { display: inline; } .spot { z-index: 11; } .spot.image_zoomed { z-index: 99; } .spot.image_zoomed .spot_images { background: #ECECE2; padding: 5px; padding-left: 0; margin: -6px; border: 1px solid #ccc; } .spot ul.spot_images { position: absolute; top: 30px; right: 0; width: 110px; height: 106px; } .spot ul.spot_images.tabs { top: 55px; } .spot ul.spot_images li { border: 2px solid silver; display: block; width: 48px; height: 48px; margin-left: 2px; margin-bottom: 2px; float: right; } .spot .zoomed_spot_image { position: absolute; right: 0px; top: 0px; width: 388px; height: 200px; padding: 5px; background: #ECECE2 url(/images/spinner.gif) center center no-repeat; border: 1px solid #ccc; } .spot .zoomed_spot_image img { display: block; } .spot .zoomed_spot_image .closebox { width: 35px; height: 35px; position: absolute; top: -12px; right: -12px; cursor: pointer; background: url(/images/closebox.png) top left no-repeat; } /* ************* PAGES ***** */ #page_wrapper { font-family: Verdana, Arial; padding-top: 20px; margin-left: auto; margin-right: auto; width: 410px; text-align: left; font-size: 13px; color: #555; } #page_wrapper.wide { width: 490px; } #page_wrapper.extra_wide { width: 630px; } #page_wrapper h1 { color: #96BD1E; font-size: 2em; margin-bottom: 10px; } #page_wrapper h2 { color: #76BD5E; font-size: 1.5em; margin-bottom: 10px; } #page_wrapper p { margin-bottom: 10px; } #page_wrapper p.total a { color: #555; cursor: text; text-decoration: none; } #page_wrapper.holidays .holidays_container { margin-bottom: 10px; } #page_wrapper.holidays .holidays_container .holiday { display: block; zoom: 1; color: #333; } #page_wrapper.holidays .holidays_container .holiday:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #page_wrapper.holidays .holidays_container .holiday { height: 1%; } #page_wrapper.holidays .holidays_container .holiday.today { color: #96bd1e; font-weight: bold; } #page_wrapper.holidays .holidays_container .holiday.passed { color: #888; } #page_wrapper.holidays .holidays_container .holiday .date { width: 110px; float: left; } #page_wrapper.holidays .holidays_container .holiday .desc { float: left; } #page_wrapper .download_android a { font-size: 1.2em; padding: 4px; border: 1px solid gray; } #page_wrapper .download_android a:hover { background-color: #EEE; text-decoration: none; } .iphone .header { display: block; zoom: 1; } .iphone .header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .iphone .header { height: 1%; } .iphone .header .logo, .iphone .header .plus_sign, .iphone .header .iphone_3g { float: left; } .iphone .header .logo, .iphone .header .plus_sign { padding-top: 40px; } .iphone .app_description, .iphone .support { width: 420px; margin: 15px 0; font-weight: bold; } .iphone .app_store { display: block; zoom: 1; margin: 15px 0; } .iphone .app_store:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .iphone .app_store { height: 1%; } .iphone .app_store .description { float: left; width: 390px; margin-right: 8px; } .iphone .app_store .description ul { margin: 5px 0; } .iphone .app_store .description ul li { list-style: square inside; } .iphone .app_store .badge { width: 190px; height: 50px; float: left; opacity: 0.9; margin-bottom: 10px; } .iphone .app_store .badge:hover { opacity: 1; } /* ***************** FORMS (other than -standard- forms) */ .captcha_error { color: #b04f4e; margin-bottom: 10px; font-size: 1.1em; font-weight: bold; } #contact_form label, #demand_form label, #inclusion_request_form label, #forgot_password_form label, #password_reset_form label, #firm_form label { display: block; color: #666666; } #contact_form .field, #demand_form .field, #inclusion_request_form .field, #forgot_password_form .field, #password_reset_form .field, #firm_form .field { margin-bottom: 10px; } #contact_form input.text, #contact_form textarea, #demand_form input.text, #demand_form textarea, #inclusion_request_form input.text, #inclusion_request_form textarea, #forgot_password_form input.text, #forgot_password_form textarea, #password_reset_form input.text, #password_reset_form textarea, #firm_form input.text, #firm_form textarea { margin-top: 2px; padding: 2px; } #contact_form input.text, #demand_form input.text, #inclusion_request_form input.text, #forgot_password_form input.text, #password_reset_form input.text, #firm_form input.text { font-size: 1.1em; } #contact_messages { padding: 0 40px; } #contact_messages h1 { padding: 2em 0 1em; font-size: 2em; } #contact_messages table { margin: 0 auto; } #contact_messages table thead th { font-weight: bold; } #contact_messages table td, #contact_messages table th { padding: 2px 10px; text-align: left; } #contact_messages #message { margin: 0 auto; padding: 20px; width: 350px; min-height: 200px; background: #F1F4C5; } #contact_messages #message h2, #contact_messages #message p { text-align: left; } #contact_messages #message h2 { font-size: 1.6em; } #contact_messages #message p.from, #contact_messages #message p.sent { font-weight: bold; margin-bottom: 10px; } #contact_messages #message p.from a, #contact_messages #message p.from span, #contact_messages #message p.sent a, #contact_messages #message p.sent span { font-weight: normal; } #contact_messages #message p.message { margin-top: 1em; } #spot_form_wrapper ul.images { overflow: auto; padding-bottom: 20px; border-bottom: 1px solid #D3D2C9; margin-bottom: 20px; height: 70px; } #spot_form_wrapper ul.images li { list-style: none; float: left; margin-right: 10px; text-align: right; } #spot_form_wrapper ul.images li img, #spot_form_wrapper ul.images li span { display: block; width: 48px; height: 48px; border: 1px solid #D3D2C9; background: #EDEDE3; } #spot_form_wrapper ul.images li img { display: block; background: #fff; } #spot_form_wrapper ul.images li a.remove { bottom: 0; right: 0; padding: 1 2px; padding-left: 17px; background-image: url(/images/trashcan.png); background-repeat: no-repeat; background-position: left top; background-position: 0 -27px; font-size: 11.5px; outline: none; } #spot_form_wrapper ul.images li a.remove:hover { background-position: 0 0px; } #spot_form_wrapper #image_upload_fields { min-height: 108px; } #spot_form_wrapper #image_upload_fields fieldset.image_upload { background: #F0EFE5; position: relative; } #spot_form_wrapper #image_upload_fields fieldset.image_upload legend { font-size: 1.1em; color: #666; padding-bottom: 5px; } #spot_form_wrapper #image_upload_fields fieldset.image_upload legend span { color: #56a6d0; font-size: 1.2em; } #spot_form_wrapper #image_upload_fields fieldset.image_upload legend a { position: absolute; bottom: 18px; left: 0; } #spot_form_wrapper #image_upload_fields fieldset.image_upload .field { height: 45px; } #spot_form_wrapper #image_upload_fields fieldset.image_upload .field label { margin-top: 0; } #spot_form_wrapper #image_upload_fields fieldset.image_upload .submit { margin: 10px auto 0; width: 100px; } #spot_form_wrapper #image_upload_fields fieldset.image_upload .submit input { width: 100px; } #spot_form_wrapper #image_upload_fields fieldset.image_upload .url input { padding: 2px; width: 90%; } #spot_form_wrapper #image_upload_fields p { color: #666; } a.button { background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; } a.button span { background: transparent url('/images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #000; outline: none; } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; } /* ***************** "standard" form ! **** */ .standard_form_wrapper { margin: 0 auto 0; padding: 26px 26px 13px; text-align: left; } .standard_form_wrapper h1 { color: black; font-size: 1.6em; font-weight: bold; } .standard_form_wrapper label { color: #666; float: left; display: block; font-size: 1.1em; margin-top: 20px; } .standard_form_wrapper .note { font-size: 0.8em; margin-top: 20px; float: right; color: #666; } .standard_form_wrapper input.text { font-size: 1.1em; border: 1px solid #888; padding: 5px; } .standard_form_wrapper input.submit { margin-top: 20px; margin-bottom: 10px; } .standard_form_wrapper .field { margin-top: 5px; } .standard_form_wrapper .field span { color: #333; font-size: 0.9em; display: block; } .tabbed_navigation li { float: left; list-style: none; } .tabbed_navigation li a:focus { outline: none; } #spot_form_tabs { display: block; zoom: 1; background: #66A3CA; margin: 0 -26px; padding: 0 9px; } #spot_form_tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #spot_form_tabs { height: 1%; } #spot_form_tabs li { position: relative; padding: 10px 0 5px; } #spot_form_tabs li a { position: relative; padding: 10px 15px 10px; color: #fff; } #spot_form_tabs li a.active { background: #F1F0E8; color: #56A6D0; } #spot_form_tabs li a:focus { outline: none; } #textile_help { position: absolute; width: 230px; text-align: left; border: 1px solid #eee; } #textile_help table { margin: 0; padding: 0; border: 0; width: 100%; } #textile_help table th, #textile_help table td { padding: 3px; font-size: 0.85em; color: #666; } #textile_help table th { background: #eee; } #textile_help table td { background: #fefefe; } #textile_help table td ul, #textile_help table td ol { margin: 0 0 0 0.5em; padding: 0; } #textile_help table td ul li, #textile_help table td ol li { margin: 0 0 0 1em; padding: 0; } #textile_help table td ul { list-style: disc; } #textile_help table td ol { list-style: decimal; } form.formtastic fieldset { width: 100%; } form.formtastic ol li label { float: left; width: 22%; padding-left: 2%; text-align: left; } form.formtastic ol li fieldset legend { width: 22%; padding-left: 2%; } form.formtastic ol li fieldset legend span.label { position: absolute; width: 22%; } form.formtastic ol li fieldset ol { padding: 0 6% 0 24%; } form.formtastic ol li p.inline-hints, form.formtastic ol li p.inline-errors, form.formtastic ol li ul.errors { margin: 0.7em 0 0 24%; } form.formtastic ol li.string input, form.formtastic ol li.password input, form.formtastic ol li.numeric input, form.formtastic ol li.text textarea, form.formtastic ol li select { width: 70%; } form.formtastic ol li.boolean label { padding-left: 24%; } form.formtastic fieldset.buttons { padding-left: 24%; width: 70%; } form.formtastic fieldset.buttons ol li { display: inline; width: auto; float: left; } form.formtastic fieldset ol li fieldset legend, form.formtastic fieldset ol li fieldset legend span { display: block; width: 120px; } /* CSS to go with Prototip.Styles */ .prototip { font: 11px Arial, Helvetica, sans-serif; color: #000; } /* the default style */ .prototip .default { width: 250px; color: #808080; } .prototip .default .toolbar { background: #f1f1f1; font-weight: bold; } .prototip .default .title { padding: 5px; } .prototip .default .content { padding: 5px; background: #fff; } /* basic */ .prototip .basic { width: 250px; color: #808080; } .prototip .basic .toolbar { background: #f1f1f1; font-weight: bold; } .prototip .basic .title { padding: 5px; } .prototip .basic .content { padding: 5px; background: #fff; } /* basic */ .prototip .hint { width: 250px; color: #313120; background: #fff6aa; } .prototip .hint .toolbar { background: #fdf1a0; font-weight: bold; } .prototip .hint .title, .prototip .hint .content { padding: 5px; } /* protoblue */ .prototip .protoblue { width: 250px; color: #fff; } .prototip .protoblue .toolbar { background: #0d7cd0; font-weight: bold; } .prototip .protoblue .title { padding: 5px; } .prototip .protoblue .content { background: #1e90ff; padding: 5px; } /* creamy */ .prototip .creamy { width: 250px; color: #bb9c61; } .prototip .creamy .toolbar { background: #f3edc2; font-weight: bold; } .prototip .creamy .title { padding: 5px; } .prototip .creamy .content { background: #f8f4ca; padding: 5px; } /* darkgrey */ .prototip .darkgrey { width: 250px; color: #fff; } .prototip .darkgrey .toolbar { background: #5f5f5f; font-weight: bold; } .prototip .darkgrey .title { padding: 5px; } .prototip .darkgrey .content { background: #808080; padding: 5px; } /* protogrey */ .prototip .protogrey { width: 250px; color: #fff; background: #fff; } .prototip .protogrey .toolbar { background: #969c92; font-weight: bold; } .prototip .protogrey .title { padding: 5px; } .prototip .protogrey .content { color: #808080; padding: 5px; } /* This is how to resize the close button for a style */ .prototip .protogrey .toolbar .close { width: 14px; height: 14px; } /* loader gif */ .prototipLoader { position: absolute; top: -1000px; left: -1000px; height: 14px; width: 14px; border: 1px solid #dddddd; overflow: hidden; } /* Required for all tooltips, do not modify */ .prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */