/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ 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;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ .yui-calcontainer{position:relative;float:left;_overflow:hidden;}.yui-calcontainer iframe{position:absolute;border:none;margin:0;padding:0;z-index:0;width:100%;height:100%;left:0px;top:0px;}.yui-calcontainer iframe.fixedsize{width:50em;height:50em;top:-1px;left:-1px;}.yui-calcontainer.multi .groupcal{z-index:1;float:left;position:relative;}.yui-calcontainer .title{position:relative;z-index:1;}.yui-calcontainer .close-icon{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden;}.yui-calendar{position:relative;}.yui-calendar .calnavleft{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden;}.yui-calendar .calnavright{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden;}.yui-calendar .calheader{position:relative;width:100%;text-align:center;}.yui-calcontainer .yui-cal-nav-mask{position:absolute;z-index:2;margin:0;padding:0;width:100%;height:100%;_width:0;_height:0;left:0;top:0;display:none;}.yui-calcontainer .yui-cal-nav{position:absolute;z-index:3;top:0;display:none;}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{display:-moz-inline-box;display:inline-block;}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{display:block;*display:inline-block;*overflow:visible;border:none;background-color:transparent;cursor:pointer;}.yui-calendar .calbody a:hover{background:inherit;}p#clear{clear:left;padding-top:10px;}.yui-skin-sam .yui-calcontainer{background-color:#f2f2f2;border:1px solid #808080;padding:10px;}.yui-skin-sam .yui-calcontainer.multi{padding:0 5px 0 5px;}.yui-skin-sam .yui-calcontainer.multi .groupcal{background-color:transparent;border:none;padding:10px 5px 10px 5px;margin:0;}.yui-skin-sam .yui-calcontainer .title{background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;border-bottom:1px solid #cccccc;font:100% sans-serif;color:#000;font-weight:bold;height:auto;padding:.4em;margin:0 -10px 10px -10px;top:0;left:0;text-align:left;}.yui-skin-sam .yui-calcontainer.multi .title{margin:0 -5px 0 -5px;}.yui-skin-sam .yui-calcontainer.withtitle{padding-top:0;}.yui-skin-sam .yui-calcontainer .calclose{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;width:25px;height:15px;top:.4em;right:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar{border-spacing:0;border-collapse:collapse;font:100% sans-serif;text-align:center;margin:0;}.yui-skin-sam .yui-calendar .calhead{background:transparent;border:none;vertical-align:middle;padding:0;}.yui-skin-sam .yui-calendar .calheader{background:transparent;font-weight:bold;padding:0 0 .6em 0;text-align:center;}.yui-skin-sam .yui-calendar .calheader img{border:none;}.yui-skin-sam .yui-calendar .calnavleft{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -450px;width:25px;height:15px;top:0;bottom:0;left:-10px;margin-left:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar .calnavright{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -500px;width:25px;height:15px;top:0;bottom:0;right:-10px;margin-right:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar .calweekdayrow{height:2em;}.yui-skin-sam .yui-calendar .calweekdayrow th{padding:0;border:none;}.yui-skin-sam .yui-calendar .calweekdaycell{color:#000;font-weight:bold;text-align:center;width:2em;}.yui-skin-sam .yui-calendar .calfoot{background-color:#f2f2f2;}.yui-skin-sam .yui-calendar .calrowhead,.yui-skin-sam .yui-calendar .calrowfoot{color:#a6a6a6;font-size:85%;font-style:normal;font-weight:normal;border:none;}.yui-skin-sam .yui-calendar .calrowhead{text-align:right;padding:0 2px 0 0;}.yui-skin-sam .yui-calendar .calrowfoot{text-align:left;padding:0 0 0 2px;}.yui-skin-sam .yui-calendar td.calcell{border:1px solid #cccccc;background:#fff;padding:1px;height:1.6em;line-height:1.6em;text-align:center;white-space:nowrap;}.yui-skin-sam .yui-calendar td.calcell a{color:#0066cc;display:block;height:100%;text-decoration:none;}.yui-skin-sam .yui-calendar td.calcell.today{background-color:#000;}.yui-skin-sam .yui-calendar td.calcell.today a{background-color:#fff;}.yui-skin-sam .yui-calendar td.calcell.oom{background-color:#cccccc;color:#a6a6a6;cursor:default;}.yui-skin-sam .yui-calendar td.calcell.selected{background-color:#fff;color:#000;}.yui-skin-sam .yui-calendar td.calcell.selected a{background-color:#b3d4ff;color:#000;}.yui-skin-sam .yui-calendar td.calcell.calcellhover{background-color:#426fd9;color:#fff;cursor:pointer;}.yui-skin-sam .yui-calendar td.calcell.calcellhover a{background-color:#426fd9;color:#fff;}.yui-skin-sam .yui-calendar td.calcell.previous{color:#e0e0e0;}.yui-skin-sam .yui-calendar td.calcell.restricted{text-decoration:line-through;}.yui-skin-sam .yui-calendar td.calcell.highlight1{background-color:#ccff99;}.yui-skin-sam .yui-calendar td.calcell.highlight2{background-color:#99ccff;}.yui-skin-sam .yui-calendar td.calcell.highlight3{background-color:#ffcccc;}.yui-skin-sam .yui-calendar td.calcell.highlight4{background-color:#ccff99;}.yui-skin-sam .yui-calendar a.calnav{border:1px solid #f2f2f2;padding:0 4px;text-decoration:none;color:#000;zoom:1;}.yui-skin-sam .yui-calendar a.calnav:hover{background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;border-color:#A0A0A0;cursor:pointer;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask{background-color:#000;opacity:0.25;*filter:alpha(opacity=25);}.yui-skin-sam .yui-calcontainer .yui-cal-nav{font-family:arial,helvetica,clean,sans-serif;font-size:93%;border:1px solid #808080;left:50%;margin-left:-7em;width:14em;padding:0;top:2.5em;background-color:#f2f2f2;}.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav{top:4.5em;}.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav{width:16em;margin-left:-8em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y,.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{padding:5px 10px 5px 10px;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{text-align:center;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-e{margin-top:5px;padding:5px;background-color:#EDF5FF;border-top:1px solid black;display:none;}.yui-skin-sam .yui-calcontainer .yui-cal-nav label{display:block;font-weight:bold;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc{width:100%;_width:auto;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid{background-color:#FFEE69;border:1px solid #000;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc{width:4em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{border:1px solid #808080;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;background-color:#ccc;margin:auto .15em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{padding:0 8px;font-size:93%;line-height:2;*line-height:1.7;min-height:2em;*min-height:auto;color:#000;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default{border:1px solid #304369;background-color:#426fd9;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button{color:#fff;} div.auto_complete { position:absolute; width:275px; background-color: transparent; border: none; margin:0px; padding:0px; } div.auto_complete ul { list-style-type:none; margin:0px; padding:0px; } div.auto_complete ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; } /*Nifty Corners Cube CSS by Alessandro Fulciniti The following classes are added dinamically by javascript, and their use should be avoided in the markup */ b.niftycorners,b.niftyfill{display:block} b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px; overflow:hidden;border-style:solid;border-width: 0 1px} /*normal*/ b.r1{margin: 0 3px;border-width: 0 2px} b.r2{margin: 0 2px} b.r3{margin: 0 1px} b.r4{height: 2px} b.rb1{margin: 0 8px;border-width:0 2px} b.rb2{margin: 0 6px;border-width:0 2px} b.rb3{margin: 0 5px} b.rb4{margin: 0 4px} b.rb5{margin: 0 3px} b.rb6{margin: 0 2px} b.rb7{margin: 0 1px;height:2px} b.rb8{margin: 0;height:2px} b.rs1{margin: 0 1px} /*transparent inside*/ b.t1{border-width: 0 5px} b.t2{border-width: 0 3px} b.t3{border-width: 0 2px} b.t4{height: 2px} b.tb1{border-width: 0 10px} b.tb2{border-width: 0 8px} b.tb3{border-width: 0 6px} b.tb4{border-width: 0 5px} b.tb5{border-width: 0 4px} b.tb6{border-width: 0 3px} b.tb7{border-width: 0 2px;height:2px} b.tb8{border-width: 0 1px;height:2px} b.ts1{border-width: 0 2px} img.percentImage1 { background: white url(/media/3rd/percentImage_back1.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0; } img.percentImage2 { background: white url(/media/3rd/percentImage_back2.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0; } img.percentImage3 { background: white url(/media/3rd/percentImage_back3.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0; } img.percentImage4 { background: white url(/media/3rd/percentImage_back4.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0; } /* @override http://localhost:8000/media/css/feedback.css */ #feedback { /* margin-right:-4px;*/ right:0px; top:0px; position:absolute; /* *position:absolute; */ z-index:30300; display: none; } #feedback a { text-decoration: none; color: white; } #feedback_description { width: 500px; text-align: left; } .toggle-feedback-form { cursor:pointer;cursor:hand; /* cross browser requires this. */ } #feedback #feedback-form { -moz-border-radius-bottomleft:7px; -webkit-border-radius-bottomleft:7px; background-color:#5D5D5D; color:#FFFFFF; display:none; right:0pt; padding:20px 30px 20px 50px; position: absolute; *position: absolute; top:0pt; width:0px; height:0px; overflow: hidden; } #feedback-form-buttons { text-align: center; } #feedback .transparent { background-color:transparent; border:1px solid #FFFFFF; color:#FFFFFF; font-size:13px; margin-bottom:10px; } #feedback #feedback-form textarea { height: 120px; width: 440px; margin-left: 20px; padding-top: 0.1em; padding-left: 0.2em; } #feedback #feedback-form #email_input { width:220px; height:auto; margin-left: 20px; } #feedback #feedback-form p { color:#FFFFFF; } #feedback #feedback-form label { color:#FFFFFF; } #feedback #show-feedback-form { background-color:transparent; background-image:url(/media/3rd/feedback4.png); background-position: 0px 0px; background-repeat:no-repeat; border:0pt none; cursor:pointer; display:block; height:77px; right:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; position:absolute; text-indent:-9999px; top:0pt; width:74px; } #feedback #show-feedback-form:hover { background-position: 0px -80px; } #feedback #feedback-thanks { -moz-border-radius-bottomright:7px; background-color:black; color:#FFFFFF; display:none; font-size:70px; height:170px; padding-top:80px; text-align:center; width:510px; } #feedback input, #feedback textarea { /* display: block;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid; -moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 7px; } /* @override http://localhost:8000/media/css/mjam.css http://192.168.244.1:8000/media/css/mjam.css */ /* @group Temporaer */ #mjambutton_span { display: none; } /* @end */ /* * * fonts * */ body, select, input, button, textarea { /* also overriding yui fonts stuff */ font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; /* min-width:1020px;*/ } /* special override for mac, since Sans Unicode is horrible on Mac (comes from MS Office), but better than Lucida Sans on Windows */ body.osx, body.osx select, body.osx input, body.osx button, body.osx textarea { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", verdana, arial, helvetica; } a { outline: none; text-decoration: none } #noscript, #nocookies { position: absolute; z-index: 9000; color: red; font-weight: bold; padding: 10px; } .receipt ul { margin-bottom: 0; padding-bottom: 1em; margin-top: 0; padding-top: 1em; } /* * * layout * */ /* @group Layout */ html, body { height: 100%; } #body { margin-right: 375px; width: auto; margin-left: 20px; padding-bottom: 172px; } .landing #body { margin-right: 0px; } .restaurant_list #body_container { min-width: 965px; } #body_container { min-height: 100%; margin-bottom: -172px; padding: 0px; } #footer { clear: both; padding: 10px 0px 0px 0px; text-align: right; position: relative; z-index: 1; background: url('/media/img/sherpas/footer_back.png') repeat-x left top; behavior: url("/media/iepngfix/iepngfix.htc"); height: 140px; margin: 20px 0 0px 0; width: 100%; } #footerUL { text-align: right; position: relative; z-index: 1; behavior: url("/media/iepngfix/iepngfix.htc"); width: 100%; padding: 0px 0px 0px 0px; height: 115px; } .footerClearer { height: 2px; clear: both; } #yui-history-iframe { position: absolute; left: 0; top: 0; width: 1px; height: 1px; visibility: hidden; } .landing #sidebar #landing_info_box_container { display: none; } .landing #type_address_widget { display: none; } .landing #restaurant_preview_container { display: none; } #body, #sidebar { padding-top: 103px; } body.preview #body { padding-top: 90px } body.preview #sidebar { padding-top: 150px; padding-right: 20px } body.menulist #body { padding-top: 0px; } body.addresses #body { padding-top: 150px; /*min-height: 150px;*/ padding-bottom: 175px; } body.user #body { padding-top: 150px; /*min-height: 250px; padding-bottom: 135px; */ } .restaurant_list #body { padding-top: 103px; } .restaurant_list #sidebar { padding-top: 109px; width: 350px; } .landing #body, .landing #sidebar { padding-top: 160px; position: relative; } #sidebar { float: right; width: 300px; } .menulist #sidebar { } .landing #sidebar { position: absolute; top: 381px; right: 0; padding-top: 0; z-index: 5; } /* @group Chat Button */ #sidebarChatButtonWrapper { display: none; margin: 0px 0 30px 94px; } .restaurant_list #sidebarChatButtonWrapper, .preview #sidebarChatButtonWrapper { display: block; } .preview #sidebar .info { display: none; } .preview #sidebarChatButtonWrapper { margin: 0px 0 30px 82px; } .menuChatButtonWrapper { position: absolute; right: 14px; } .orderinfoChatButtonWrapper { position: absolute; right: 14px; top: 120px; } .landingChatButtonWrapper { display: none; margin: 0px 0 0 0px; position: absolute; top: 7px; height: 75px; width: 190px; left: 120px; background: url('/media/img/sherpas/chatbutton_footerVT.png') no-repeat left top; padding: 15px 20px; behavior: url("/media/iepngfix/iepngfix.htc"); } .landing .landingChatButtonWrapper, .user .landingChatButtonWrapper, .addresses .landingChatButtonWrapper { display: block; } .webkit .landingChatButtonWrapper { } .sherpasChatButton img, .sidebarChatButtonWrapper img { behavior: url("/media/iepngfix/iepngfix.htc") } /* @end */ #orange_logo { float:right; margin-top:25px; } .landing #orange_logo { display: none; } #iframe_container { } p, ul, table { font-size: 85%; /* base size: 11px */ line-height: 1.6363em; margin-left: 0; } ul li { list-style-type: none; } img { vertical-align: middle; } .h1 a, .h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font-family: inherit; text-decoration: inherit; font-size: inherit; line-height: inherit; margin: 0; padding: 0; } h2, .h2, h3, h4, h5 { margin-top: 0; } h2 { font-size: 189%; margin: 0; padding: 0; line-height: 1em; padding-top: 0.5em; color: black; } .h2 { font-size: 190%; margin: 0; padding: 0; line-height: 1em; padding-top: 0.5em; color: #ff6305; } #sidebar .h2 { color: #000000; font-size: 116%; line-height: 2em; padding: 0; margin: 0; margin-bottom: 27px; text-align: center; } h2.medium { font-size: 25px; color: #fc7504; font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande",verdana,arial,helvetica; } body.osx h2.medium { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", verdana, arial, helvetica; } } h2.medium.nosub { margin-bottom: 17px; } h2.large { position: relative; padding: 25px 0 2px 0; color: #ff6305; font-size: 28px; } h2.large.nosub { margin-bottom: 17px; } h2.small{ color: #ff6305; font-size: 17px; padding: 11px 0 8px 0; margin-top: 11px; } .h2subRed { font-size: 12px; color: #aa0015; } h3 { margin-bottom: 0; font-size: 138.5%; line-height: 1em; padding-bottom: 2px; } h4 { font-family: Tahoma; font-weight: normal; font-size: 16px; color: #76787a; padding-bottom: 35px; } .title h3 { position: relative; padding: 10px 0; color: #fc7504; } .title h2 { position: relative; padding: 0px 0 2px 0; color: #fc7504; } .fliesstextL p, p.fliesstextL, .fliesstextL li, .fliesstextL { font-size: 14px; font-family: Tahoma; margin-bottom: 1em; line-height: 19px; } .fliesstextL p, .fliesstextL table { font-size: 14px; font-family: Tahoma; line-height: 15px; } .fliesstextL td, .fliesstextL .receipt_items td, .fliesstextL.receipt_items ts { padding-bottom: 13px; font-size: 14px; font-family: Tahoma; } .fliesstextL.receipt_items td { line-height: 15px; padding-bottom: 13px; } .fliesstextM { font-family: Tahoma; font-size: 12px; line-height: 18px; margin-bottom: 15px; } .fliesstextM li, .fliesstextM p, .fliesstextM table { font-family: Tahoma; font-size: 12px; line-height: 18px; } .fliesstextXL { font-size: 21px; font-weight: bold; line-height: 23px; } .plaintextMedium { font-family: Tahoma; font-size: 14px; line-height: 20px; margin: 0px 0 24px; } /* @end */ /* @group Global Classes */ .tooltip { border: 2px solid #fa9f1e; background-color: rgb(255,255,255); padding: 5px 12px 5px 12px; font-size: 85%; z-index: 1800; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); } .growl_message { border: 2px solid rgb(248, 180, 0); padding: 2px 10px; z-index: 30301; background-color: rgb(255,255,255); border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); } a { cursor: pointer; cursor: hand; } .mainwidget { position:relative; z-index: 0; } .mainwidget .content { clear: left; } p.warning, #registration_container .errorlist { margin-top: 8px; border: 1px solid red; padding: 10px; color: red; } ul.dropdownLarge { width: 275px; margin-top: 10px; font-size: 12px; } div.dropdownLarge { width: 275px; background-image:url('/media/img/sherpas/dropdownback_top.png'); behavior: url("/media/iepngfix/iepngfix.htc"); height: 10px; } #location_controller #city_chooser, #location_controller .latestAddresses, #edit_box_citychooser { width: 275px; background: url('/media/img/sherpas/inputfield_large_active_dd.png') no-repeat left top; behavior: url("/media/iepngfix/iepngfix.htc"); height: 33px; } .dropdownLarge li { font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; font-size: 12px } body.osx .dropdownLarge li { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", verdana, arial, helvetica; } } .dropdownLarge li.infield { margin-top: -3px; margin-bottom: 3px; } .dropdownLargeTop { background: url('/media/img/sherpas/dropdownback_top.png') no-repeat left top; behavior: url("/media/iepngfix/iepngfix.htc"); height: 8px; margin-bottom: 0px !Important; padding: 0px !Important; } li.dropdownLargeCenter { background: url('/media/img/sherpas/dropdownback_center.png') repeat-y left top; behavior: url("/media/iepngfix/iepngfix.htc"); margin: 0px !important; height: auto; } .dropdownLargeBottom { background: url('/media/img/sherpas/dropdownback_bottom.png') no-repeat left top; behavior: url("/media/iepngfix/iepngfix.htc"); height: 8px; margin-bottom: 0px; } .inputLarge input { width: 240px; } .prefilled_textfield { border: 0px none; } /*span.inputLarge .auto_complete { width: 275px; margin-left: -2px; margin-top: 17px; } */ .inputEngravedSmall { background: url('/media/img/sherpas/inputback-small_engraved.png') repeat-x left top; width: 206px; height: 30px; } .engravedLabel { font-size: 12px; font-family: Arial; color: #727272; font-weight: bold; margin: 9px 0 0 15px !important; } .orangeButton { color: #ffffff !important; font-weight: bold; font-size: 14px; height: 29px; border: 0px none; text-align: center; padding-top: 10px; behavior: url("/media/iepngfix/iepngfix.htc"); } .webkit .orangeButton { padding-top: 10px } .button64 { background: url('/media/img/sherpas/button_64.png') no-repeat left top ; width: 64px; } .button77 { background: url('/media/img/sherpas/button_77.png') no-repeat left top ; width: 77px; } .button88 { background: url('/media/img/sherpas/button_88.png') no-repeat left top ; width: 88px; } .button97 { background: url('/media/img/sherpas/button_97.png') no-repeat left top ; width: 97px; } .button108 { background: url('/media/img/sherpas/button_108.png') no-repeat left top ; width: 108px; } .button138 { background: url('/media/img/sherpas/button_138.png') no-repeat left top ; width: 138px; } #registerButton { /*background: url('/media/img/sherpas/button_register.png') no-repeat left top ; */ height: 39px; width: 108px; border: 0px none; padding: 0px; margin-right: 2px; behavior: url("/media/iepngfix/iepngfix.htc"); } #cancelButton { /*background: url('/media/img/sherpas/button_cancel_en.png') no-repeat left top ; */ height: 39px; border: 0px none; padding: 0px; background: url('/media/img/sherpas/button_97.png') no-repeat left top ; behavior: url("/media/iepngfix/iepngfix.htc"); width: 97px; } .buttonClose { background: url('/media/img/sherpas/button_close_en.png'); width: 86px; height: 39px; display: block; behavior: url("/media/iepngfix/iepngfix.htc"); } .buttonCancel, .lightbox .buttons input.cancel { /* background: url('/media/img/sherpas/button_cancel_en.png') no-repeat; */ display: block; background: url('/media/img/sherpas/button_97.png') no-repeat left top ; behavior: url("/media/iepngfix/iepngfix.htc"); width: 97px; border: 0px none; } .buttonAddUpdate { /* background: url('/media/img/sherpas/button_add-update_en.png') no-repeat; */ width: 138px; display: block; } .buttonOK { cursor: pointer; cursor: hand; /* background-colorackground: transparent url('/media/img/sherpas/button_OK_en.png'); */ background: url('/media/img/sherpas/button_64.png'); behavior: url("/media/iepngfix/iepngfix.htc"); width: 64px; height: 39px; display: block; border: 0px none; font-size: 14px; } .lightbox .buttons input.add { cursor: pointer; cursor: hand; background: url('/media/img/sherpas/button_138.png'); behavior: url("/media/iepngfix/iepngfix.htc"); width: 138px; height: 39px; display: block; border: 0px none; font-size: 14px; } #suggest_submit_button { /* background: url('/media/img/sherpas/button_suggest_en.png'); */ background: url('/media/img/sherpas/button_138.png') no-repeat left top ; behavior: url("/media/iepngfix/iepngfix.htc"); width: 138px; height: 39px; padding-top: 10px; display: block; float: right; border: 0px none; font-weight: bold; color: #fff; padding-bottom: 10px; padding-top: 7px } #suggest_screw_it_button { float: right; margin-left: 4px; padding-bottom: 10px; height: 39px; padding-top: 7px; } .webkit #suggest_screw_it_button, .webkit #suggest_submit_button { padding-top: 8px } .buttonWrapper { text-align: right; } .buttonWrapper a, #address_edit_box .buttonWrapper a { float: right; margin-right: 0px; margin-left:2px } .backButton { background: url('/media/img/sherpas/backarrow.png'); behavior: url("/media/iepngfix/iepngfix.htc"); display: block; width: 36px; height: 36px; position: absolute; left: -24px; top: 5px; } .backButtonTexted { background: url('/media/img/sherpas/backbutton_small.png') no-repeat; behavior: url("/media/iepngfix/iepngfix.htc"); display: block; width: 95px; height: 38px; } .addresses #body .backButtonTexted { left: -87px; top: 2px; position: absolute; } /* @end */ /* * * lightbox stuff * */ /* @group Lightbox Stuff */ .lightboxcomponent { display: none; clear: left; } .lightbox .lightboxcomponent { display: block; } .lightbox { display: none; position: absolute; background-color: white; width: 430px; z-index: 2000; text-align: left; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 30px; -moz-box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.5); } .lightbox p { font-size: 14px; font-family: Tahoma; line-height:19px; } .lightbox h2 { padding-top: 0px; } #blackbox { display: none; position: fixed; top: 0%; left: 0%; height: 100%; width: 10%; background-color: #511716; z-index: 1500; opacity: 0.65; filter: alpha(opacity=65); } .lightbox .buttons { position: relative; margin-bottom: 11px } .lightbox .buttons input { background-color: rgb(250,250,250); border: 1px solid rgb(230,230,230); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .lightbox a { text-decoration: none; color: #b6242e; } .lightboxCloser { background: url('/media/img/sherpas/lightbox_closebutton.png') no-repeat left top; behavior: url("/media/iepngfix/iepngfix.htc"); display: block; width: 48px; height: 28px; position: absolute; right: 0px; top: 0px; } .lightboxCloserRed { background: url('/media/img/sherpas/lightbox_closebutton_red.png') no-repeat left top; } /* @group Lightboxtypen */ /* Suggest A Restaurant */ #suggest_form .prefilled_textfield { margin-bottom: 10px } #suggest_form span.inputLarge { background: transparent none; margin-right: 0px; margin-left: -11px } #suggest_form label { margin-bottom: 10px; margin-left: 13px } /* Suggest A Restaurant */ .webkit #suggest_form .prefilled_textfield { margin-bottom: 10px } .webkit #suggest_form span.inputLarge { background: transparent none; } .webkit #suggest_form label { margin-bottom: 10px; } /* Add/Update Address */ .lightbox span.select ul.dropdownLarge { position: absolute; margin-top: 0px; top: 10px; } .webkit .lightbox span.select ul.dropdownLarge { position: absolute; margin-top: 0px; top: 10px; } /* Garden */ .landing .lightbox { width: 355px; } #buildingList { margin: 20px 0 21px 16px; font-size: 11px; font-weight: bold; max-width: 320px } #buildingList a:hover { color: #ff6305; } /* Multiple Intersections */ #multiple_intersections_lightbox_container { padding: 30px 0px 40px 30px; } #multiple_intersections_lightbox span.question { font-family: Tahoma; font-weight: normal; font-size: 16px; color: #76787a; margin-left: 6px } p.addressSelect { font-weight: bold; font-size: 18px; max-width: 400px; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; margin-top: 6px; margin-left: 6px } p.addressSelect .chinese{ font-weight: normal; } #multiple_intersections_lightbox .intersectionElement:hover p.addressSelect { color: #504843; } .addressSelectNear { font-weight: bold; font-size: 18px; padding: relative; margin-top:14px; margin-bottom:8px; margin-left: 6px; } #multiple_intersections_lightbox img { background-color: #f1bd7f; padding: 1px; border: 5px solid #f7e4bf; -moz-border-radius: 9px; -webkit-border-radius: 9px; } #multiple_intersections_lightbox img:hover, #multiple_intersections_lightbox .intersectionElement:hover img { border-color: #f1bd7f; } .intersectionElement { float: left; margin-right: 30px; padding: 20px 10px 40px 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .intersectionElement:hover { background-color: #f7e4bf; cursor: pointer; } .choose_this_button { background-color: #f48426; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 8px; font-weight: bold; top: 16px; position: relative; text-transform: uppercase; color: #f8fde8; letter-spacing: 0.5px; font-size: 11px} #multiple_intersections_lightbox .intersectionElement:hover .choose_this_button { background-color: #f1bd7f; color: #775c4f; } /* Ingredient Selector & Group ORder*/ body.menulist .lightbox { width: 540px; padding-right: 10px } .menulist .lightbox { position: absolute; } .menulist .lightbox h1 + .lightboxcomponent { margin-top: 18px; margin-bottom: 20px; } .menulist .lightbox input[type="text"] { background: url('/media/img/sherpas/inputfield_large_active.png') repeat-x left top; behavior: url("/media/iepngfix/iepngfix.htc"); border: 0px none; height: 19px; width: 242px; padding: 8px 10px 7px 20px; } .menulist .lightbox input[type="submit"] { color: #ffffff !important; font-weight: bold; font-size: 14px; height: 39px; border: 0px none; text-align: center; padding-top: 10px; background: url('/media/img/sherpas/button_64.png') no-repeat left top ; behavior: url("/media/iepngfix/iepngfix.htc"); width: 64px; padding-bottom: 10px; } .webkit .menulist .lightbox input[type="submit"] { height: 39px; text-align: center; padding-top: 10px; width: 64px; padding-bottom: 10px; margin-top: 0px; } /* Warning Popups */ .restaurant_list .lightbox { width: 314px; } .ligthboxTitle { font-size: 25px; font-weight: bold; color: #fc7504; margin-bottom: 17px } .ligthboxTitle.red { font-size: 26px; font-weight: bold; color: #a80014; margin-bottom: 17px } .redButton, .currently_closed_lightbox_cancel, .branch_closed_lightbox_cancel { background: url('/media/img/sherpas/redbutton_143.png') repeat-x left top; display: block; width: 143px; height: 29px; font-size: 14px; cursor: pointer; text-align: center; vertical-align: bottom; float: right; margin-top: 11px; color: #ffffff; font-weight: bold; padding-top: 10px; behavior: url("/media/iepngfix/iepngfix.htc"); } .currently_closed_lightbox_preorder, .branch_closed_lightbox_preorder, .branch_closed_lightbox_order_now { background: url('/media/img/sherpas/redbutton_143.png') repeat-x left top; display: block; width: 143px; height: 29px; font-size: 14px; cursor: pointer; text-align: center; vertical-align: bottom; float: left; margin-left: -2px; margin-top: 11px; color: #ffffff; font-weight: bold; padding-top: 10px; behavior: url("/media/iepngfix/iepngfix.htc"); } .branch_closed_lightbox_cancel, { float: left; } /* @end */ /* @group Lightbox, Additional */ /* * additional ingredient lightbox */ .lightboxcomponent { padding-top: 2px; } .description .lightboxcomponent { padding-top: 0px; } .lightboxcomponent form .ingredient { width: 250px; margin: 0; padding: 0; padding-top: 10px; position: relative; line-height: 1.5em; font-family: Tahoma; float: left; margin-right: 20px } .lightboxcomponent form .ingredient input { vertical-align: top; margin-top: 7px; } .lightboxcomponent form .ingredient span.price { display: inline; } .lightboxcomponent form .ingredient label { width: 220px; display:inline-block; margin-left: 10px; position: relative; top: 2px; } .lightboxcomponent form .ingredient span.description { margin-right: 20px; color: #444444; display: block; line-height: 1; margin-top: -0.5em; margin-left: 20px; } .lightbox h1 { font-size: 24px; margin: 0; padding: 0; line-height: 1; color: #ff6305; max-width: 450px } .lightbox .baseprice { position: absolute; right: 266px; bottom: 78px; font-size: 22px; font-weight: bold; color: #ff6305; } .lightbox p.description { font-weight: normal; font-family: Tahoma; line-height: 17px; margin-bottom: 10px; } h5 { font-weight: bold; font-family: Tahoma; font-size: 14px; } .lightbox h5 { margin-top: 26px; } .lightbox .lightboxcomponent h3 { border-top: 1px solid rgb(215,215,215); font-family: 108%; font-weight: normal; color: rgb(210,59,0); line-height: 1.5em; padding-top: 0.25em; margin-top: 0.75em; } .lightbox .buttons { clear: both; padding-top: 100px; height: 21px; right: 144px } .lightbox .buttons .cancel { cursor: pointer; cursor: hand; position: absolute; /*left: 22px; */ right: 79px; } .lightbox .buttons .cancel input.cancel, .lightbox .buttons .add input.add { font-size: 14px; font-weight: bold; color: #fff; padding-top: 10px; height: 39px; padding-bottom: 10px } .lightbox .buttons input.add { position: absolute; /*left: 142px;*/ right: 10px; } .lightbox .buttons .add.disabled { color: #444444; } /* @end */ /* @end */ /* @group User Addresses */ .addresses #body { padding-left: 90px; } #useraddresses_container .title { padding: 5px 0 0 30px; } #address_list { margin-left: 31px; font-family: Tahoma; margin-top: 25px; margin-bottom: 60px } #address_list .address { margin-top: 30px; } #address_list .address .name { font-size: 154%; font-weight: bold; color: #a80016; margin-bottom: 13px; } #address_list .address .name a { margin-left: 0px } .selectarrow { margin-left: -35px; margin-right: 9px; margin-top: -5px; } .sceletonplus { margin-left: -35px; margin-right: 9px; margin-top: -5px; } #address_list a { color: #a80016; margin: 5px 5px 5px 5px; } #address_list a.left { margin-left: 0px; } #address_list li { font-size: 13px; line-height: 16px } #address_list li.editingLinks { margin-top: 7px; } #address_list .new_address { margin-top: 50px; font-size: 170%; } #address_list .new_address a { margin: 0px; } #address_edit_box { position: relative; top: -15px } .webkit #address_edit_box { position: relative; top: 0px } #address_edit_box .buttonWrapper { margin-top: 45px } .webkit #address_edit_box .buttonWrapper { margin-top: 25px } #address_edit_box .prefilled_container { top: 0px; position: relative; margin-left: 76px ; } .webkit #address_edit_box .prefilled_container { top: 18px; position: relative; margin-left: 43px ; } #address_edit_box input { position: absolute; left: 140px; border: 0px none; padding: 11px 20px 0 12px; width: 240px; } #address_edit_box li { margin-top: 25px; } #address_edit_box .prefilled_container li { margin-top: 1px; } #address_edit_box .dropdownLarge li.infield { margin-top: -3px; margin-bottom: 3px; } #address_edit_box li label { font-weight: bold; position: relative; top: 27px; } .webkit #address_edit_box li label { font-weight: bold; position: relative; top: 7px; } #address_edit_box li .auto_complete ul { left: -1px; position: relative; } #address_edit_box li .auto_complete li { padding-left: 19px; font-size: 13px; padding-right: 16px } #address_edit_box .auto_complete li.dropdownLargeBottom { margin-top: 0px } #address_edit_box a { color: #000000; text-decoration: none; margin: 10px 10px 10px 0; padding-bottom: 2px; padding-right: 4px; } #address_edit_box span.name { padding-left: 5px; } #address_edit_box span.select { position: static; } #address_edit_box span#edit_box_citychooser { position: relative; left: 3px } #address_edit_box span#edit_box_citychooser { position: absolute; left: 46px; top: 18px } #address_edit_box .addLocation span#edit_box_citychooser { position: absolute; left: 13px; top: 18px } .webkit #address_edit_box span#edit_box_citychooser { position: absolute; left: 76px; top: -33px } .webkit #address_edit_box .addLocation span#edit_box_citychooser { position: absolute; left: 43px; top: -33px } /* @group Userprofile */ /* * user profile */ #userprofile_container .backButtonTexted { left: 27px; top: -25px; position: relative; } #userprofile_container { margin-left: 0px; margin-top: 20px; } #userprofile_container .content, #userprofile_container .title{ margin-left: 30px; } #userprofile_container h3 { font-family: Tahoma; font-size: 20px; } #userprofile_container a { color: #AA0015; font-weight: bold; } #userprofile_container table { margin-top: 8px; width: 100%; } #userprofile_container table tr { border-bottom: 1px solid rgb(200,208,2); border-color: #ff8617; } #userprofile_container table td, #userprofile_container table th { border: none; padding-left: 8px; padding-right: 8px; text-align: left; } #userprofile_container table td { color: black; } #userprofile_container table th { font-size: 14px; } #userprofile_container table td a { font-weight: bold; color: #f37f00; } #userprofile_container table td.rating, #userprofile_container table th.rating { text-align: right; } /* @end */ /* @end */ /* * * header * */ /* @group Header */ .landing #header { z-index: 1; height: 108px; } #header { font-size: 85%; position: relative; width: 100%; position: absolute; top: 0; left: 0; height: 108px; background: url('/media/img/sherpas/header_back.png') repeat-x left top; behavior: url("/media/iepngfix/iepngfix.htc"); /* overflow: hidden; */ } #header img.headerleft { display: block; position: absolute; margin-right: 150px; top: 14px; left: 12px; } #header img.headerright { display: none; position: absolute; left: 50%; margin-left: 150px; top: 12px; } .landing #header img.small { display: none; } #header img.small { display: block; } .landing #header img.big { display: block; margin-top: 35px; } #header img.big { display: none; } /* * * header * */ #header p { margin: 0; padding: 0; position: absolute; left: 30px; } /*.landing #header p { margin: 0; padding: 0; left: 50%; margin-left: -121px; position: relative; }*/ #header ul.navigation { position: absolute; right: 70px; margin-right: 0; top: 70px; text-align: right; z-index: 100; } /*.landing #header ul.navigation { position: absolute; right: 30px; margin: 0; text-align: right; top: 78px; }*/ #header ul.navigation li, #footer li { padding-right: 12px; padding-left: 12px; display: inline; color: #fcffe1; font-size: 10px; font-family: Tahoma; letter-spacing: 0.3px; border-left: 1px solid #fcffe1; } #header ul.navigation li { font-size: 11px; height: 35px } #header ul.navigation li.first { border-left: 0px none; } #header ul.navigation li.withaction, #footer li.withaction { padding-top: 6px; padding-bottom: 6px; } #header ul.navigation li a, #header ul.navigation li span, #footer li a { color: #fcffe1; font-weight: bold; text-decoration: none; } #header ul.navigation li.withaction:hover, #header ul.navigation li.withaction span.username:hover { color: #000000; position: relative; padding-bottom: 10px; } #header ul.navigation li.withaction:hover * { color: black; } #header ul.navigation li.withaction .moar { display: none; } #header ul.navigation li.withaction:hover .moar { display: block; position: absolute; padding-right: 20px; padding-left: 36px; padding-top: 10px; padding-bottom: 12px; right: 0; top: 29px; background-color: inherit; border-top: none; margin-right: -1px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; background-color: #feebbd; } /*.landing #header ul.navigation li.withaction:hover .moar { top: 30px; }*/ #header .moar ul { font-size: 1em; margin: 0; padding: 0; } #header .moar ul li { display: block; background-color: none; background-image: none; padding-bottom: 2px; height: 18px; min-width: 27px; } #header .moar ul li.active { /* background-image: url('/media/img/currently_used/square-arrowleft.png'); */ background-position: right center; background-repeat: no-repeat; border-left: 1px solid #fcffe1; border-color: #040404; } #header ul.navigation li.last, #footer li.last { color: inherit; background-image: none; padding-right: 0; } #head_loginform { position: absolute; right: 30px; top: 25px; width: 320px; background-color: white; padding: 10px; padding-bottom: 0; z-index: 1005; border: 2px solid orange; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #head_loginform label { position: absolute; width: 100px; } #head_loginform input { margin-left: 100px; width: 190px; } #head_loginform .submit, #head_loginform .cancel { float: left; width: 130px; margin-right: 30px; } #head_loginform .submit *, #head_loginform .cancel * { margin: 0; width: 100%; } /* @end */ /* @group Klappentext, Sherpas Blurb */ #klappentext { display: none; } .landing #klappentext { display: none; margin-top:50px; padding:15px; background-color: #fdf95c; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #klappentext p { margin: 0; } #klappentext h2 { font-size:130%; } #sherpasblurb { top: 150px; /* margin-left: 600px;*/ position: absolute; background: url(/media/img/sherpas/sherpas_background-35.png) no-repeat left top; behavior: url("/media/iepngfix/iepngfix.htc"); width: 600px; height: 600px; overflow: hidden; display: none; z-index: 1050; position: fixed; right:-100px; } .landing #sherpasblurb, .addresses #sherpasblurb { display: block; overflow: hidden; } .addresses #sherpasblurb { height: 600px; position: fixed; top: 150px; } div.sherpasblurbtext { display: none; text-align: right; top: 118px; position: relative; margin-right: 182px; overflow: hidden; } img.sherpasblurbtext { top: 120px; position: relative; margin-left: 128px; overflow: hidden; } .addresses img.sherpasblurbtext { display: none; } .sherpasblurbtext h2.medium { margin-bottom: 19px } .landing div.sherpasblurbtext { top: 112px; position: relative; margin-right: 174px; } /* displayed blurb on specific pages: */ .addresses #advantagesblurb, .landing #welcomeblurb { display: block; } /* @end */ /* @group Landing Only */ .landing #location_controller #sherpaswelcome, .landing #location_controller #controller_form_container { display: block; } .landing #location_controller #sherpaswelcome { width: 500px; } #sherpaswelcome .title { margin-left: 4px; margin-top: 1px } #sherpaswelcome h4 { padding-bottom: 5px; color: #85878b} #sherpaswelcome .title h2 { margin-bottom: 0px; padding-bottom: 1px; color: #f57e24; font-size: 27px } .landing #location_controller #indicator1 { position: absolute; right: 0; } .landing #location_controller .info { display: block; margin-top: 8px; } .landing #location_controller .info { display: block; margin-top: 8px; } #location_controller .please_choose .placeholder { font-weight:normal; } #location_controller .please_choose .placeholder img { display:none; } /* @end */ /* * * location controller * */ /* @group Location Controller */ /* @group Location Controller General */ #location_controller { z-index: 1000; position: relative; background-repeat: repeat-x; width: auto; background-color: transparent; margin-bottom: 12px; padding: 8px 10px 8px 10px; text-align: left; } .landing #location_controller { width: 300px; margin-bottom: 40px; padding: 0; color: white; margin-left: 90px; } #location_controller #sherpaswelcome, #location_controller #controller_form_container { display: none; } .landing #location_controller .head, .landing #location_controller form, .landing #location_controller, .landing #location_controller, #location_controller form, #location_controller #field_container, #location_controller .fields, #location_controller .prefilled_container { text-align: left; } .lightbox #location_controller { margin-bottom: 0px; } #location_controller p { margin: 0; line-height: 1.25em; } .landing #location_controller form { background-color: transparent; position: relative; color: black; margin-top: 12px; } .landing #location_controller .auto_complete { margin-left: 0px; } #location_controller * { vertical-align: top; } #location_controller form { padding-top: 2px; padding-left: 0px; } .landing #location_controller .head, .landing #location_controller form { padding: 8px 10px; } /* @end */ #location_controller .question { display: none; } .lightbox #location_controller .question { display: block; font-weight: bold; font-size: 138.5%; margin-bottom: 8px; text-align:center; } .landing #location_controller .question { display: blo ; font-weight: bold; font-size: 138.5%; margin-bottom: 8px; } .landing #location_controller .head { text-align: left; color: #000; } #location_controller .intro_text { } #location_controller .question, #location_controller .head, #location_controller .info { } #location_controller .head img.logo { position: relative; margin-top: -6px; margin-bottom: 8px; margin-left: 2px } #orange_logo_header { display: none; } .landing #orange_logo_header { display: none; position:absolute; top:110px; right:15px; } #appstore_logo { display: none; } .landing #appstore_logo { display: none; position:absolute; top:125px; left:15px; } /* @group Location Controller Inputfields */ .landing #location_controller input#controller_street_input { width: 240px; } #location_controller p.enter_address { margin-top: 4px; } #location_controller input#controller_street_number_input { width: 4em; } #location_controller span.inputLarge { margin-bottom: 9px; } #location_controller span#city_chooser{ margin-bottom: 8px; } #location_controller #city_container input { width: 50px; padding-left: 16px; } #location_controller .prefilled_textlabel { margin-top: 9px; font-size: 12px; padding-left: 0px; z-index: 1003; color: #444444; } /* @end */ /* @group Mjambutton (Go Button) */ #mjambutton { position: relative; margin-left: 212px; margin-top: 7px; background: url('/media/img/sherpas/go_button_large_disabled.png') no-repeat; behavior: url("/media/iepngfix/iepngfix.htc"); width: 64px; height: 29px; cursor: default; } #mjambutton.button_active { /* background-image:url('/media/img/sherpas/go_button_large.png'); */ behavior: url("/media/iepngfix/iepngfix.htc"); height: 29px; background: url('/media/img/sherpas/button_64.png') no-repeat; cursor: pointer;cursor: hand; } #autodetect { cursor: pointer;cursor: hand; } /* @end */ /* @group Dropdown: Autocomplete */ #location_controller .auto_complete .pinyin { padding-left:20px; } .auto_complete { z-index: 1003; background-color: transparent; } #location_controller .auto_complete { margin-left: -11px; margin-top: -2px; width: 275px; z-index: 1003; } #location_controller .auto_complete li { padding-right: 13px; padding-left: 13px; text-align: left; background-color: transparent; z-index: 1003; } #location_controller .sherpasChatButton img { z-index: 900; } .auto_complete li.selected { background-color: rgb(240,240,240); font-weight: bold; } #location_controller .auto_complete li.dropdownLargeTop, #location_controller .auto_complete li.dropdownLargeBottom { background-color: transparent; } /* @end */ /* @group Dropdown: City Chooser, Latest Addresses */ #location_controller .latestAddresses { z-index: 1002; } #location_controller #city_chooser { z-index: 1999; } #location_controller #city_chooser_container { position: static; } #location_controller #city_chooser li { padding-left: 14px; padding-top: 0px; border-top: none; border-bottom: none; height: 19px; background-color: transparent; } #location_controller #city_chooser ul { min-height:19px; /*width: 15em; */ font-size: 12px; width: 275px; margin-left: 1px; background-color: transparent; border: 0px none; margin-top: 10px; z-index: 1003; } .latestAddresses li.label { margin-top: -3px; /*font-weight: bold; */ } #location_controller .latestAddresses { margin-bottom: 8px } #location_controller #city_chooser li.hover .secondary, #location_controller #city_chooser li:hover .secondary { visibility: visible; } #location_controller #city_chooser .name { padding-left: 4px; } #location_controller #city_chooser img.flag { vertical-align: baseline; width: 16px; height: 11px; border: none; margin-top: 4px; } #location_controller #city_chooser ul li:hover { font-weight: bold; } #location_controller #city_chooser ul li.infield { border-top: none; border-bottom: none; height: 19px; background-color: transparent; margin-top: -3px; margin-bottom: 3px } #location_controller #lastaddresses { margin-bottom: 15px; } #location_controller .prefilled_container .country_image { position: absolute; left: 5px; margin-top: 1px; z-index: 1003; } #location_controller #city_chooser ul li.dropdownLargeTop { height: 8px; } /* @end */ #location_controller #zip_codes_input_container { display: none; } #location_controller.use_zipcode #zip_codes_input_container { position: static; display: inline; width: 200px; } #location_controller.use_zipcode #street_input_container, #location_controller.use_zipcode #street_number_input_container { display: none; } .last_address_link { text-decoration: none; color: inherit; } #location_controller #location_controller_message { color: white; margin-top: 4px; line-height: 1; font-weight: bold; } #location_controller_message a { color: inherit; text-decoration: underline; } .alternativeSelection { font-size: 10.5px; color: #aa2523; font-family: Tahoma; top: 2px; position: relative; margin-left: 0px } .alternativeSelection a { color: #aa2523; background: url('/media/img/sherpas/lilredarrow.png') no-repeat left top; display: block; height: 20px; padding: 2px 0 0 26px; width: 160px } #location_controller #mjambutton { position: relative; top: -28px; } /* @group First after Landing */ #location_controller #readonly_controller { margin-left: 5px; } .restaurant_list { } /* @end */ /* @end */ /* * * sidebar * */ /* @group Geo Map */ #map_container { padding:0px; height: 240px; margin: 0: padding:0px; width:320px; clear:right; position: relative; } #map { position: absolute; top: 0; left: 0; width: 320px; height: 240px; margin: 0px 0px 0px 0px; display: none; } /* @end */ /* * restaurant list */ /* @group Restaurant List */ .restaurant_list #body { min-width: 600px; min-height: 600px; margin-right: 390px; } .restaurant_list #sidebar { margin-top: 37px; position: absolute; right: 0px; } .restaurant_list #restaurant_list_container { margin-left: 18px; margin-right: 30px; margin-bottom: 40px; } .open_restaurants { } .mainwidget .restaurant_list .header { /* margin: 30px 0 50px 0;*/ min-width:660px; } .mainwidget .header { } .restaurant_list #location_controller #sherpaswelcome, .restaurant_list #location_controller #controller_form_container { display: none; } .restaurant_list .restaurant { margin-bottom: 35px; } .restaurant_list .restaurant p.subtitle { border-bottom: 0px solid rgb(215,215,215); } .restaurant_list .restaurant p.buttons { border-top: 1px solid rgb(215,215,215); padding-top: 8px; } /* @end */ /* @group Sherpas Restaurants List */ /* @group Delivery Info Badge */ .deliveryInfo { margin-bottom: 30px; margin-top: 70px; background: url('/media/img/sherpas/deliveryinfo_badge.png') no-repeat left top; width: 638px; height: 101px; behavior: url("/media/iepngfix/iepngfix.htc"); } .deliveryInfoTextWrapper { position: relative; top: 0px; left: 0px; height: 39px } .deliveryInfonumbersWrapper { position: relative; top: 0px; left: 467px; width:100px; } .deliveryInfo .plaintextMedium { width: 410px; position: relative; top: 31px; left: 20px; overflow: hidden; margin: 0px; font-size: 13px; line-height:19px; } .deliveryTimeWrapper { position: absolute; top: -11px; font-family: Trebuchet MS, Tahoma, Arial; text-align: center; width: 80px; } .deliveryLabel { font-size: 11px; color: #78756d; line-height: 6px; letter-spacing: 0.5px } .deliveryNumber { font-size: 27px; font-weight: bold; font-family: Tahoma, "Myriad Web Pro", Myriad; position: relative; top: -1px; line-height: 33px; } .deliveryUnit { line-height: 8px; position: relative; top: -3px; font-size: 11px; font-weight: bold; color: #5f5c56; font-family: Tahoma; letter-spacing: 0.2px } .deliveryFeeWrapper { position: relative; left: 70px; top: -18px; font-family: Trebuchet MS, Tahoma, Arial; text-align: center; width: 100px; } .deliveryFeeWrapper .deliveryLabel { font-size: 12px; letter-spacing: 0.5px; color: #67645d; } .deliveryFeeWrapper .deliveryNumber { font-size: 38px; font-weight: bold; position: relative; top: -3px; line-height: 46px; } .deliveryFeeWrapper .deliveryUnit { line-height: 5px; position: relative; top: -3px; font-size: 14px; letter-spacing: 0.2px; } /* @group Delivery Info Mouseover */ .delivery_mouseover .deliveryFeeWrapper { top: 5px; left: 0px; position: relative; } .deliveryFeeWrapperMO { background: url('/media/img/sherpas/deliveryfee_bg.png') no-repeat left top; width: 99px; height: 99px; float: left; margin-bottom: 10px; margin-right: 20px; behavior: url("/media/iepngfix/iepngfix.htc"); } .deliveryFeeWrapperMO .deliveryLabel { font-size: 12px; letter-spacing: 0.5px; color: #67645d; position: relative; top: 20px; } .deliveryFeeWrapperMO .deliveryNumber { font-size: 38px; font-weight: bold; position: relative; top: 18px; line-height: 46px; } .deliveryFeeWrapperMO .deliveryUnit { line-height: 5px; position: relative; top: 18px; font-size: 14px; letter-spacing: 0.2px; } .deliveryInfoTextMO { position: relative; float: left; margin-top: 15px; max-width: 350px; margin-bottom: 5px; } /* @end */ /* @end */ .open_restaurantsTitle { border-bottom: 1px dotted #fcba5e; padding-bottom: 10px; color: #ae2617; font-weight: bold; font-size: 17px; height: 20px; margin-bottom: 0px; font-family: Tahoma; letter-spacing: 0.7px; } .restaurantDetailWrapper { margin: 0px; height: 17px } .restaurantDetailWrapper .restaurantSherpas, .restaurantDetailWrapper .cuisineSherpas { float: left; } .clearer { clear: both; } .restaurantDetailWrapper .restaurantSherpas { margin-left: 9px; color: #ae2617; position: absolute; } .restaurantDetailWrapper .cuisineSherpas { position: absolute; left: 400px; color: #f57f25; float: none; } .restaurantDetailWrapper .restaurant_distance_charge { position: relative; color: #9e9e9e; float: right; } .closed .restaurantDetailWrapper .cuisineSherpas, .closed .restaurantDetailWrapper .restaurantSherpas { color: #9e9e9e; } .cancelled .restaurantDetailWrapper .cuisineSherpas, .cancelled .restaurantDetailWrapper .restaurantSherpas { color: #9e9e9e; text-decoration: line-through; } .open_restaurantsTitle .cuisineSherpas { color: #ae2617; } .open_restaurantsTitle .cuisineSherpas, .open_restaurantsTitle .restaurantSherpas { margin-bottom: 0px; } #body .sherpasRestaurantsTable div.restaurant, #body #restaurant_list_container .sherpasRestaurantsTable .restaurant.closed, #body #restaurant_list_container .sherpasRestaurantsTable .restaurant.closed:hover, #body #restaurant_list_container .sherpasRestaurantsTable div.restaurant.open { border-top: 0px none; border-left: 0px none; border-right: 0px none; border-bottom: 1px dotted #ffa03b !important; margin-bottom: 0px; padding: 10px 0px 10px 0px !important; font-size: 14px; font-family: Tahoma; } #body .sherpasRestaurantsTable div.restaurant:hover { background-color: #fff6da; } .buttonShowMore { background: url('/media/img/sherpas/button_red_showmore.png') no-repeat left top; display: block; width: 515px; height: 55px; margin-top: 30px; margin-bottom: 50px; margin-left: 45px; text-align: center; padding-top: 17px; color: #fff; font-weight: bold; font-size: 14px; behavior: url("/media/iepngfix/iepngfix.htc"); } .buttonShowMore span { opacity: 0.95; filter: alpha(opacity=95); } .icon_onlinonly { margin-left: 8px } /* @group Online Only Mouseover */ .mouseoverWrapper { padding: 12px 15px 14px 10px; } .textWrapperMouseover { float:left; margin-left: 22px; max-width: 330px; } .textWrapperMouseover .fliesstextM { margin: 7px 0 0 0; line-height: 15px } .imgMouseover { float: left; } .mouseoverWrapper .title { font-weight: bold; font-size: 16px; margin: 2px 0 10px 0; } /* @end */ /* @group Restaurantlist Choices Dropdown */ /* @group Expanded */ span.select { position: relative; display: inline-block; } span.select img { vertical-align: text-top; } span.select ul { position: absolute; padding: 0; height: 15px; overflow: hidden; text-align: left; z-index: 1005; top: 1px; left: -2px; border-left: 1px solid transparent; } span.select ul li { padding-left: 16px; } span.select:hover ul { height: auto; z-index: 2000; cursor: pointer;cursor: hand; width: 100%; } span.select:hover ul li:hover { font-weight: bold; } span.select ul li.active { font-weight: bold; } .dropdownSmall { background-color: transparent; border: 0px none; width: 210px; margin-top: 5px; font-family: Arial; font-size: 12px; color: #727272; } .dropdownSmallTop { background: url('/media/img/sherpas/dropdownRLC_top.png') no-repeat left bottom; behavior: url("/media/iepngfix/iepngfix.htc"); height: 8px; margin-bottom: 0px !Important; padding: 0px !Important; } .dropdownSmallCenter { background: url('/media/img/sherpas/dropdownRLC_center.png') repeat-y left top; behavior: url("/media/iepngfix/iepngfix.htc"); margin-bottom: 0px !Important; } .dropdownSmallBottom { background: url('/media/img/sherpas/dropdownRLC_bottom.png') no-repeat left top; behavior: url("/media/iepngfix/iepngfix.htc"); height: 8px; margin-top: 0px !Important; padding: 0px !Important; } /* @end */ div.listchoices.left { background: url('/media/img/sherpas/restaurantlist-dropdown_left.png') no-repeat right top; width: 27px; height: 68px; margin: 0px; padding: 0px; float: left; behavior: url("/media/iepngfix/iepngfix.htc"); } div.listchoices.center { background: url('/media/img/sherpas/restaurantlist-dropdown_center.png') repeat-x right top; height: 40px; margin: 0px; padding: 20px 0px 8px 20px; float: left; width: 560px; behavior: url("/media/iepngfix/iepngfix.htc"); } div.listchoices.right { background: url('/media/img/sherpas/restaurantlist-dropdown_right.png') no-repeat right top; height: 68px; margin: 0px; padding: 0px; float: left; width: 27px; behavior: url("/media/iepngfix/iepngfix.htc"); } .restaurant_list .filters span.select { margin-left: 0px; } .restaurant_list .filters span.cuisineselect { margin-left: 10px; } .restaurant_list .dropdownUL { margin-top: 5px; color: #727272; font-family: Arial; font-size: 12px; } span.notationlabel { font-family: Tahoma; color: #997361; vertical-align: middle; position: relative; top: 3px; font-size: 12px; } .restaurantlistSearch { float: right; width: 230px; /* margin-top: -1px */ } .restaurantlistSearch .prefilled_textlabel { margin-top: 18px } #searchiconNaked { position: relative; right: -188px; top: -13px; } /* @end */ /* @end */ /* @group News Boxes */ .newsbox { display: none; margin-bottom: 19px; margin-left: 40px; } .restaurant_list .newsbox { display: block; } .newsboxHead { background: url('/media/img/sherpas/newsbox_top_long.png') no-repeat left top; width: 259px; height: auto; max-height: 110px; min-height: 25px; padding: 1px 20px 0px 21px; margin-bottom: 0px; behavior: url("/media/iepngfix/iepngfix.htc"); } .newsboxCenter { background: url('/media/img/sherpas/newsbox_center.png') repeat-y left top; width: 259px; height: auto; padding: 0 20px 2px 21px; behavior: url("/media/iepngfix/iepngfix.htc"); } .newsboxBottom { background: url('/media/img/sherpas/newsbox_bottom.png') no-repeat left top; width: 259px; height: 26px; padding: 0 20px 10px 21px; behavior: url("/media/iepngfix/iepngfix.htc"); } .newsbox ul, .newsbox p, .newsbox .fliesstextM { margin-top: 0px; } .newsbox .fliesstextM { margin-bottom: 0px; } .fliesstextM p { line-height: 15px; width: 260px; padding-bottom: 4px; } .newsbox .fliesstextM li { line-height: 24px; list-style-type: disc; list-style-position: inside; font-size: 13px; cursor: pointer;cursor: hand; } .newsbox ul { padding-bottom: 2px; padding-top: 0px; margin-top: 0px; width: 260px } .newsbox h2.small { padding-bottom: 15px; line-height: 21px; margin-bottom: 0px; width: 260px } #recentNewsBox h2.small { padding-bottom: 11px; font-size: 19px } .newsbox a { color: #AA0015 } .newsLinkL { font-weight: bold; font-size: 13px; line-height: 14px; margin-bottom: 0px; padding-top: 8px } /* @end */ /* * * restaurant details * */ /* @group Restaurant Details */ /* @group Mainwidget Header */ .mainwidget .header { /*background-color: #fdf3d7; */ padding: 0px 0px 0px 0px; margin-bottom: 12px; zoom: 1; /* triggers ie6's hasLayout property. don't alter without thinking twice! */ position: relative; z-index: 1200; width: auto; } .mainwidget .header .h2 { margin: 0; padding: 0; font-size: 123.1%; line-height: 1.25em; margin-bottom: 5px; } .mainwidget .header p { margin-bottom: 0.25px; line-height: 1.5em; position: relative; } #restaurant_list_container .header .filters { margin-top: 0px; padding-top: 0px; margin-bottom: 5px; } #restaurant_list_container .header .filters select { background-color: white; color: black; } /* @end */ /* @group Restaurant Open Closed Hover Crap */ #body #restaurant_list_container .restaurant.open:hover { border-width: 2px; padding: 5px 9px 7px 9px; } #body #restaurant_list_container .restaurant.open:hover b.bround { background-image: url('/media/img/currently_used/corners_2px_green.png'); } #body #restaurant_list_container .restaurant.closed, #body #restaurant_list_container .restaurant.closed:hover { border-color: #983232; border-width: 2px; padding: 7px 7px; } #body #restaurant_list_container .restaurant.closed b.bround { background-image: url('/media/img/currently_used/corners_2px_red.png'); } #body #restaurant_list_container .restaurant.closed b.btopl, #body #restaurant_list_container .restaurant.closed b.bbotl, #body #restaurant_list_container .restaurant.open:hover b.btopl, #body #restaurant_list_container .restaurant.open:hover b.bbotl { left: -2px; } #body #restaurant_list_container .restaurant.closed b.btopl, #body #restaurant_list_container .restaurant.closed b.btopr, #body #restaurant_list_container .restaurant.open:hover b.btopl, #body #restaurant_list_container .restaurant.open:hover b.btopr { top: -2px; } #body #restaurant_list_container .restaurant.closed b.bbotl, #body #restaurant_list_container .restaurant.closed b.bbotr, #body #restaurant_list_container .restaurant.open:hover b.bbotl, #body #restaurant_list_container .restaurant.open:hover b.bbotr { bottom: -2px; } #body #restaurant_list_container .restaurant.closed b.btopr , #body #restaurant_list_container .restaurant.closed b.bbotr, #body #restaurant_list_container .restaurant.open:hover b.btopr, #body #restaurant_list_container .restaurant.open:hover b.bbotr { right: -2px; } #body #restaurant_list_container .restaurant.closed div.head { border-bottom-color: #983232; } #body #restaurant_list_container .restaurant.closed p.indicator, #body #restaurant_list_container .restaurant.open:hover p.indicator { top: 6.5em; right: 9px; } /* @end */ #menu_list_controller { margin-bottom: 0px; margin-top: 150px; width: 96%; padding-left: 20px; margin-right: 0px; } #menu_list_container #menu_list_controller { margin-top: 0px; } #menu_list_controller div.restaurant { z-index: 1000; position: relative; background-repeat: repeat-x; width: 100%; height: auto; zoom: 1; /* gives layout to the element in ie6. remove this only if you really know what you do. */ margin-bottom: 22px; padding-top: 6px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; font-family: Tahoma; margin-left: 2px; } .restaurantPhoto { float: left; margin: 0 45px 0 0; } .restaurantIMG { background-color: #f1bd7f; padding: 1px; border: 5px solid #f7e4bf; -moz-border-radius: 9px; -webkit-border-radius: 9px; } .mouseover .restaurantIMG { width:150px; height:75px; } .restaurantDetailAll { width: 410px; float: left; } .restaurant a { display: block; text-decoration: none; color: #b6242e; position: relative; } .restaurant h3 { padding-bottom: 8px; padding-right: 5px; margin-right: 220px; margin-top: 4px; max-width: 400px; } .restaurant h2 a { color: #ff6305; font-size: 23px; } .restaurant p.fliesstextL { line-height: 19px; } .guarantee { color: #ff6305; font-weight: bold; font-size: 14px; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; vertical-align: bottom; } body.osx .guarantee { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", verdana, arial, helvetica; } .guarantee span { vertical-align: bottom; margin-left: 4px; } .has_central_billing p.address, .has_central_billing p.openhours { position:relative; left:-42px; } .restaurant div.head { position: relative; border-bottom: 1px solid rgb(198,208,2); min-height: 50px; margin-bottom: 10px; } .restaurant div.head p.subtitle { color: black; } .restaurant div.head div.quality, .restaurant div.head div.doesnotdeliver { position: absolute; clear: both; margin-right: 0; right: 0; top: 0; width: 160px; } .restaurant div.head div.quality p, .restaurant div.head div.doesnotdeliver p { margin: 0; } .restaurant div.head div.doesnotdeliver p { font-weight: bold; text-align: right; } .restaurant div.head div.quality p.quality_text { margin-top:2px; color: black; font-weight: bold; text-align:right; } .restaurant div.head div.quality p.norank { color: black; font-weight: bold; font-size:75%; } .restaurant div.head div.quality_img { margin-top: 3px; width: 158px; height: 15px; background-image: url('/media/img/currently_used/qualityrank_empty.png'); padding: 0; overflow: hidden; border: 1px solid white; } .restaurant div.head div.quality_img img { vertical-align: top; width: 158px; } .restaurant p.indicator { position: absolute; right: 10px; top: 6.5em; z-index: 200; } .restaurant:hover p.indicator { margin-top: -1px; } .restaurant p.comment { float: right; margin-top: -4.9em; line-height: 19px; text-align: right; max-width: 50%; height: 5em; margin-bottom: 0px; position: relative; } .restaurant p.comment a { color: inherit; } .restaurant p.comment:hover { color: black; } .restaurant p.comment em { color: black; font-style: normal; } .restaurant p.central_payment { float: left; } .restaurant p.central_payment img { padding-right: 8px; margin-top:2px; } .restaurant p.distance { float: left; font-weight: bold; color:black; margin-right:5px; } .restaurant p.closedwarning, .restaurant p.deliveryfee { margin-bottom: 0; } .restaurant p.closedwarning { color: rgb(152,50,50); font-weight: bold; padding-bottom: 1px; } .restaurant p.phone { margin-left: 45px; margin-bottom: 0; } /* @group Restaurant Details Hover */ .mouseover { padding:0px; } .mouseover .restaurant { width: auto; float: left; /* margin: 5px 5px 0 5px;*/ margin:0; padding: 10px 10px 14px 3px } .mouseover .restaurantDetailAll { margin-left: 11px; width: 280px; margin-right: 0px } .mouseover .restaurantDetailAll .restaurantPhoto { margin: 0px; margin-right: 10px } .mouseover .restaurantDetailAll p.guarantee { margin-bottom: 0px; } .mouseover .sherpasChatButton, .mouseover .restaurantDetailAll .h2subRed, .mouseover .restaurant .guarantee { display:none; } .mouseover .restaurantDetailAll .fliesstextM { margin-bottom: 0px; padding-bottom: 0px } .mouseover .restaurantDetailAll h2.medium a { font-size: 13px; margin: 0px; } .mouseover .restaurantSherpas { padding:0px; margin:0px; } .mouseover .restaurantPhoto { margin-right:5px; } .mouseover .restaurantDetailAll .fliesstextL p, .mouseover .restaurantDetailAll p.fliesstextL { font-size: 11px; margin-top: 0em; margin-bottom: 0em; } .mouseover p.currentlyclosed { font-size: 11px; margin-bottom: 0em; font-family: Tahoma; color: #b6242e; margin-top:4px } .mouseover .restaurantDetailAll .fliesstextM { font-size: 10.5px; margin-bottom: 0px; display:none; } /* @end */ /* @end */ /* * * widgets * */ /* @group Cart Items */ #cart_items { min-height:75px; } #cart_items .namedCart { position: relative; } #cart_items .namedCart p.person-chooser input { margin-left: 0.5em; } #cart_items .namedCart p.person-chooser span.input_group_order { margin-left: 0.5em; } #cart_container #cart_items .namedCart p.person-chooser span.state { display: none; } #cart_container.shared #cart_items .namedCart p.person-chooser span.state { display: inline; position: absolute; padding-left: 1em; } #cart_items .namedCart .prefilled_textlabel { /* font-size: 11px;*/ margin-left: 2.5em; color: #444444; z-index: 1; } #cart_items .namedCart p.person-chooser span.sum { position: absolute; display: block; left: 204px; width: 75px; top: 5px; text-align: right; } #cart_items div.active { /* border-left: 1px solid #B6CD00; border-right: 1px solid #B6CD00;*/ } #cart_items p.person-chooser { padding: 5px 8px 5px 10px; margin: 14px 0 2px 0; background-color: #dee3bb; line-height: 21px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #cart_items .active p.person-chooser { background-color: #FFD359; } #cart_items .namedCart .inPlaceEditor:hover { cursor: default; } #cart_items .namedCart.active .inPlaceEditor:hover { cursor: pointer;cursor: hand; } #cart_items .namedCart:hover { /* cursor: pointer;cursor: hand;*/ /* background-color: rgb(225,225,225);*/ /* border-left: 1px solid rgb(210,210,210); border-right: 1px solid rgb(210,210,210);*/ } #cart_items .namedCart:hover p.person-chooser { /* background-color: rgb(210,210,210);*/ } #cart_items div.active:hover p.person-chooser { /* background-color: #FFBC00;*/ } #cart_items div.active:hover { cursor: inherit; background-color: inherit; /* border-left: 1px solid #B6CD00; border-right: 1px solid #B6CD00;*/ } #cart_items img.delete { width: 16; height: 16; position: absolute; display: block; right: 5px; top: 7px; } li#cart_item { margin-left: 0px; padding-left: 0px; } /* @end */ /* @group Cart */ /* * cart */ #cart_container { position: absolute; right: 15px; width: 355px; overflow: hidden; top: 528px; margin-top: 0px; height: auto; background-color: transparent; z-index: 2; border: 0px none; font-family: Tahoma; } #cart_containerWrapperTop { background: url('/media/img/sherpas/warenkorb_353_top.png') no-repeat right top; width: 353px; height: 20px; behavior: none; } #cart_containerWrapperCenter { background: url('/media/img/sherpas/warenkorb_353_center.png') repeat-y right top; width: 353px; height: auto; vertical-align: center; margin: 0px; padding-bottom: 15px; behavior: none; } #cart_containerWrapperBottom{ background: url('/media/img/sherpas/warenkorb_353_bottom.png') repeat-y right top; width: 353px; height: 20px; margin: 0px; behavior: none; } #cart_container ul { font-size: 12px; } #cart_container ul p { font-size: 1em; } #cart_container span.ingredients { font-size: 11px; color: #797775; text-indent: -1.em; display: block; line-height: 14px; margin-top: -1px; } /* @group Cart Header Elements */ #sidebar #cart_container .h2 { color: #ac7054; font-size: 114%; line-height: 25px; padding: 0; margin: 0; margin-bottom: 27px; text-align: center; font-weight: bold; font-family: Helvetica, Arial; } #cart_headline { background: url('/media/img/sherpas/warenkorb-title_empty.png') no-repeat left top; width: 229px; height: 26px; display: block; margin-left: 20px; behavior: url("/media/iepngfix/iepngfix.htc"); } #cart_container.closed { color: rgb(150,150,150); border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #share_copy_btn { cursor: pointer;cursor: hand; } #cart_grouporder_btns { position: absolute; right: 5px; } #cart_share { cursor: pointer;cursor: hand; padding: 8px; } #cart_share, #cart_new { cursor: pointer;cursor: hand; position:absolute; top: -26px; right: 13px; } span#cart_share_link { width: 256px; background-color: #fde6d0; display: block; text-align: left; padding: 8px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #7f523d; margin: 5px 0px 10px 15px; border: 1px solid #e7d0ba; border-bottom-color: #fef4f4; border-right-color: #fef4f4; border-left-color: #e7d0ba; } #cart_share_link div { font-size: 85%; } #cart_share_link a { font-size: 85%; color: #ff6900; } #cart_share_link embed { vertical-align: bottom; } #cart_container #cart_header { position: relative; border-bottom: 1px solid #eedecf; text-align: center; padding-bottom: 5px; margin-left: 23px; } /* @end */ #cart_header, #cart_items, #cart_meta, #cart_container li.sum { width: 305px; } #cart_items { border-top: 1px solid #fdfdf1; border-bottom: 1px solid #eedecf; margin-left: 24px; padding: 11px 0 12px 0; } #cart_container #cart_meta { border-top: 1px solid #fff7f4; margin-left: 26px; } #cart_container li.sum { border-top: 1px solid #fff7f4; padding-left: 0px; margin-left: 0px; width: 297px; } #cart_container li#delivery_fee_line { border-bottom: 1px solid #eedecf; } #cart_container ul, #cart_container ul li { margin: 0; list-style-type: none; position: relative; clear: both; } #cart_container li { padding: 9px 8px 9px 4px; } #cart_container li#delivery_fee_line { padding: 9px 8px 9px 1px; } #cart_container li.item { position: relative; } #cart_container .name { width: 170px; display: block; margin-left: 40px; line-height: 17px; } #cart_items { position: relative; display: block; overflow-x: hidden; overflow-y: auto; } #cart_container #cart_meta .name { font-weight: bold; } #cart_delivery_fee_explanation { font-weight: normal; font-size: 11px; display: block; width: 200px; } #cart_container ul li .price { position: absolute; display: block; left: 224px; width: 60px; top: 8px; text-align: right; } #cart_container ul li .quantity { width: 22px; left: -13px; display: block; position: absolute; text-align: right; } #cart_container ul li .quantity * { width: 100%; border: none; text-align: inherit; } #cart_container ul li .buttons .plus, #cart_container ul li .buttons .minus { font-size: 12px; line-height: 1; position: absolute; left: 15px; color: #000; padding: 1px 2px 2px 3px; width: 10px; } #cart_container ul li .buttons .plus { top: 11px; background-color: #ffcd95; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; } #cart_container ul li .buttons .minus { top: 26px; background-color: #faa572; padding: 0px 0px 2px 6px; width: 9px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; } #cart_container li.sum span.name { margin-left: 2px; } /* @group Buttonstuff, General */ .button_active a { font-weight: bold; cursor: pointer;cursor: hand; background-color: #B6CD00; border-color: #B6CD00; } #ro_streetname { display:inline-block; margin-top:1px; } .landing #ro_streetname { color:black; } #change_button_div.button_active a { font-size: 12px; height: 19px; width:95px; line-height: 19px; text-align: center; color: white; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; cursor: pointer;cursor: hand; background-color: #FFBC00; border-color: #FFBC00; /* float:left;*/ margin-top: 10px; } #mjambutton_span a { font-size: 12px; height: 19px; line-height: 19px; text-align: center; color: white; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; cursor: pointer;cursor: hand; background-color: #8b8b8b; border-color: #8b8b8b; margin-left:10px; padding-left: 10px; padding-right: 10px; } #mjambutton_span.button_active a { background-color: #FFBC00; border-color: #FFBC00; } /* @end */ #cart_btns { width: 295px; height: 27px; margin-top: 0px; padding-top: 15px; } /* .cartButton a { opacity: 0.4; filter: alpha(opacity=40); } .button_active a { opacity: 1; filter: alpha(opacity=100); } */ .cartButton a { font-size: 14px; height: 38px; line-height: 39px; text-align: center; color: #ab6453; display: block; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-color: transparent; font-weight: bold; font-family: Helvetica, Arial } #cart_btn_finish a { margin-left: 186px; margin-right: 0px; background: url('/media/img/sherpas/warenkorb_button_e_medium.png') no-repeat right top; width: 108px; height: 38px; behavior: url("/media/iepngfix/iepngfix.htc"); color: #ab6453; } #cart_btn_finish a:hover { background: url('/media/img/sherpas/warenkorb_button_e_medium_hover.png') no-repeat right top; } #cart_btn_finish.button_active a { background: url('/media/img/sherpas/warenkorb_button_e_medium_green.png') no-repeat right top; color: #749606; behavior: url("/media/iepngfix/iepngfix.htc"); } #cart_btn_finish.button_active a:hover { background: url('/media/img/sherpas/warenkorb_button_e_medium_green_hover.png') no-repeat right top; color: #7da306; } #cart_btn_order, #cart_btn_finish { text-align: center } #cart_btn_order a { margin-left: 103px; margin-right: 0px; background: url('/media/img/sherpas/warenkorb_button_e_ml.png') no-repeat center top; width: 147px; height: 38px; behavior: url("/media/iepngfix/iepngfix.htc"); } #cart_btn_order a:hover { background: url('/media/img/sherpas/warenkorb_button_e_ml_hover.png') no-repeat center top; } #cart_btn_order.button_active a { background: url('/media/img/sherpas/warenkorb_button_e_ml_green.png') no-repeat center top; color: #749606; behavior: url("/media/iepngfix/iepngfix.htc"); } #cart_btn_order.button_active a:hover { background: url('/media/img/sherpas/warenkorb_button_e_ml_green_hover.png') no-repeat center top; color: #7da306; } .shared #cart_btn_finish, .shared #cart_btn_order { position: absolute; } .shared #cart_btns { left: 19px; position: relative } .shared #cart_btn_finish a { background: url('/media/img/sherpas/grouporder_button_ready.png') no-repeat left top; z-index: 1100; position: absolute; left: -155px; width: 114px; padding-left: 30px; text-align: left; behavior: none; color: #ab6453; } .shared #cart_btn_finish.button_active a { color: #ab6453 ; behavior: url("/media/iepngfix/iepngfix.htc"); } .shared #cart_btn_finish a:hover { background: url('/media/img/sherpas/grouporder_button_ready_active.png') no-repeat left top; } .shared #cart_btn_order a { left: -20px; position: relative; z-index: 1000; position: absolute; background: url('/media/img/sherpas/grouporder_button_checkout.png') no-repeat right top; width: 149px; padding-left: 92px; margin-left: 60px; behavior: url("/media/iepngfix/iepngfix.htc"); } .shared #cart_btn_order.button_active a { left: -20px; position: relative; z-index: 1000; position: absolute; background: url('/media/img/sherpas/grouporder_button_checkout_green.png') no-repeat right top; width: 149px; padding-left: 92px; color: #7c9625; behavior: url("/media/iepngfix/iepngfix.htc"); } .shared #cart_btn_order.button_active a:hover { background: url('/media/img/sherpas/grouporder_button_checkout_green_active.png') no-repeat right top; } #cart_warning, #cart_timeleft { clear: both; font-size: 85%; padding: 8px; margin-top: 30px; margin-left: 52px; width: 230px; } #cart_warning { color: rgb(234, 38,38); border: 1px solid rgb(234,38,38); } .shared #cart_warning { margin-top: 20px; } #cart_timeleft { color: rgb(96,148,1); border: 1px solid rgb(96,148,1); margin-top: 20px; } /* @end */ /* @group Menu Controller */ /* * menu controller */ .backlink { display:none; } .restaurant_list #menu_list_controller { display: none; } #menu_list_controller .infobox, #discussion_restaurant .infobox { position: relative; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 8px 10px; margin-bottom: 30px; max-width: 900px; margin-left: 14px; /* border: 1px solid rgb(234,38,38); */ } #order_preview_container .infobox { display:none; } #menu_list_controller .infobox .bround, #discussion_restaurant .infobox .bround { visibility: hidden; } #menu_list_controller p.doesnotdeliver, #discussion_restaurant p.doesnotdeliver, #menu_list_controller p.unreachable, #discussion_restaurant p.unreachable, #menu_list_controller p.notopen, #discussion_restaurant p.notopen { background-color: rgb(234, 38,38); color: white; font-weight: bold; } #menu_list_controller p.noaddress, #discussion_restaurant p.noaddress { background-color: #FDF95C; color: black; font-weight: bold; } #menu_list_controller .infobox a, #discussion_restaurant .infobox a { color: inherit; text-decoration: underline; } #cart_timeleft { color: rgb(96,148,1); border: 1px solid rgb(96,148,1); } #order_preview_container .restaurant p { color: black; } #body .mainwidget#menu_list_controller .restaurant, #body .mainwidget#discussion_restaurant .restaurant, #body .mainwidget#order_preview_container .restaurant { /* width: auto; */ z-index: 0; /* background-color: #fdf95c; gelb */ border: none; margin-bottom: 0px; } #body .mainwidget#menu_list_controller .restaurant .head, #body .mainwidget#discussion_restaurant .restaurant .head, #body .mainwidget#order_preview_container .restaurant .head { border-bottom: 1px solid white; } /* @end */ /* @group Menu List */ /* * menu list */ #menu_buttons { margin: 0; position: relative; padding: 0px 8px 8px 10px; text-align: left; z-index:9999; zoom: 1; margin-top: -7px; } #menu_buttons_spacer { display: none; zoom: 1; } #menu_buttons .button { margin-top: -3px; } span.direktsprungDropdown { top: -1px; } #menu_buttons .searchfield { position: relative; } #menu_buttons .prefilled_textlabel { font-size: 11px; } #menu_buttons .engravedLabel { font-size: 12px; font-family: Arial; color: #727272; font-weight: bold; margin: 8px 0 0 15px !important; } #menu_list { margin-top: 140px; text-align: left; margin-left: 6px; font-family: Tahoma; } #menu_list .section, .found_items .section { clear: both; padding: 9px 40px 0 9px; padding-bottom: 0; margin-bottom: 29px; } #menu_list .section h3, .found_items .section h3 { font-weight: bold; color: #000; line-height: 1em; padding: 9px 8px 7px 6px; border-bottom: 1px dotted #FCBA5E; font-size: 15px; background-color: #fff7c0; margin-left: -1px; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; } p.menu_section_description::after, p.menu_section_description + p, p.menu_section_description { color: #666666; margin-top: 5px; margin-bottom: 15px; line-height: 14px; max-width: 550px } #menu_list .section ul, ul.found_items { margin: 0; padding: 0; margin-left: -40px; } #menu_list .section ul li, ul.found_items li { list-style-type: none; position: relative; width: 275px; float: left; margin: 0px; margin-left: 40px; line-height: 1.3em; padding: 10px 0; cursor: pointer; cursor: hand; border-bottom: 1px dotted #FCBA5E; } #menu_list .section ul li:hover { background-color: #FFF6DA; cursor: pointer;cursor: hand; } #menu_list .section ul li a { color: #AE2617; text-decoration: none; } img.expandarrow { margin-right: 3px; margin-top: -2px; } #collapse_all_command { background-color: #f48426; max-width: 100px; padding: 4px 6px 4px 7px; color: #f8fde8; font-size: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.2px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-left: 7px; margin-bottom: 17px; } #collapse_all_command:hover { opacity: 0.9; filter: alpha(opacity=90); } #collapse_all_command img.expandarrow { margin-right: 8px; } .categoryCollapse { position: absolute; right: 43px; font-size: 9px; font-weight: normal; text-transform: uppercase; color: #AE2617; letter-spacing: 1px; margin-top: -24px; height: 10px; display: block; width: 500px; text-align: right; padding: 10px 11px 10px 0; } .categoryCollapse img.expandarrow { margin-right: 5px; margin-top: -3px; } #menu_list h2.small { color: #ff6305; font-size: 17px; padding: 30px 0 13px 9px; margin-top: 21px; font-family: Tahoma; } #menu_list .section ul li .name, ul.found_items li .name, #searchresults_container .name { font-size: 13px; width: 180px; display: block; } #menu_list .section ul li .price, ul.found_items li .price, #searchresults_container .price { position: absolute; right: 0; top: 11px; font-size: 12px; color: #646568} #menu_list .section ul li .description, ul.found_items li .description, #searchresults_container .description { color: #666666; font-size: 11px; line-height: 1.25em; width: 180px; margin: 3px 0 0 0; padding: 0; } #menu_list .section ul li .add_items, ul.found_items li .add_items, #searchresults_container .add_items { position: absolute; right: 62px; top: 10px; font-size: 12px; color: #646568 } /* @group Mouseovers */ /*.menu_mouseover .tooltip { width: 340px; padding: 15px; } */ .menulistHoverIMG { float: left; background-color: #f1bd7f; padding: 1px; border: 5px solid #f7e4bf; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 11px 20px 11px 4px } .textContainerRechts { float: left; margin: 11px 9px 11px 0; max-width: 200px } .mouseover_title { font-weight: bold; font-size: 17px; margin-bottom: 9px; margin-top: 4px; line-height: 20px } .textContainerRechts .fliesstextM { font-size: 12px; line-height: 16px } /* @end */ /* @group Beverages */ #menu_list .sectionBeverages, .found_items .sectionBeverages { background-color: #fefee0; padding: 0px 0px 0px 0px; margin: 9px 40px 29px 9px; } #menu_list .sectionBeverages ul li, ul.found_items li { margin-left: 67px; } #menu_list .sectionBeverages ul { margin-top: 5px; } /* @end */ /* @group Top 10 Items */ #menu_list .section h3.top10 { font-weight: bold; color: #000; line-height: 1em; padding: 19px 8px 7px 6px; border-bottom: 0px dotted #FCBA5E; font-size: 13px; /* background-color: transparent;*/ margin-left: -50px; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; background: url('/media/img/sherpas/top10items_2spaltig_top.png') no-repeat; margin-top: -70px; behavior: url("/media/iepngfix/iepngfix.htc"); } #menu_list .section h3.top10 a.top10title { left: 200px; position: relative; } #menu_list .sectionTop10 { background: url('/media/img/sherpas/top10items_2spaltig_center.png') repeat-y; margin: 66px 0 0 4px; display: block; width: 700px; height: auto; padding: 18px 50px 24px 50px; behavior: url("/media/iepngfix/iepngfix.htc"); } .top10closer { background: url('/media/img/sherpas/top10items_2spaltig_bottom.png') no-repeat; margin: 0px; height: 14px; margin-bottom: 50px; margin-left: 4px; behavior: url("/media/iepngfix/iepngfix.htc"); } .sectionTop10 .categoryCollapse { position: absolute; right: 259px; display: none; } span.top10title { background: url('/media/img/sherpas/top10items_title_back.png') no-repeat; width: 229px; height: 26px; display: block; position: relative; left: 219px; padding: 5px 0px 0px 9px; color: #cd6c39; } #menu_list .sectionTop10 ul li:hover { background-color: #fae49f; cursor: pointer;cursor: hand; } /* @end */ /* @end */ /* @group Search Results */ #searchresults_container { margin: 50px 0 110px 40px; } #searchresults_container h4 { width: 410px } #searchresults_info_container { display: none } .searchResultsInformer { background-color: #FDECD1; padding: 10px 15px 10px 15px; width: 280px; margin-bottom: 20px } .searchResultsInformer em { font-weight: bold; font-size: 12px; } .infoText { margin-bottom: 0px; font-size: 11px; line-height: 18px; } .found_restaurant { clear: left; padding-top: 20px; margin-bottom: 70px } ul.found_items li { cursor: inherit; margin-left: 90px; font-family: Tahoma; } ul.found_items { margin-left: -90px } ul.found_items li span.description { line-height: 15px; } ul.found_items li .name { margin-bottom: 4px; margin-top: 1px } .found_restaurant .restaurant p.distance, .found_restaurant .restaurant p.openhours, .found_restaurant .restaurant p.address, .found_restaurant .restaurant p.deliveryfee, .found_restaurant .restaurant p.indicator, .found_restaurant .restaurant p.subtitle, .found_restaurant .restaurant p.comment { display: none; } .found_restaurant .restaurant .head { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; min-height: 36px; } .found_restaurant p.restaurantlink { clear: left; display: none } .found_restaurant a, .matching_restaurant a { font-size: 15px; border-bottom: 1px dotted #FCBA5E; padding-bottom: 6px; font-weight: bold; } .found_restaurant .found_items a { color: #AE2617; text-decoration: none; } .found_restaurant .restaurantDetailWrapper .cuisineSherpas { left: 365px; font-weight: normal; font-family: Tahoma; } .found_restaurant .restaurantDetailWrapper .restaurantSherpas { margin-left: 0px } /* @end */ /* * restaurant discussion */ #discussion_actual { position: relative; } #discussion_container .content h3, #order_preview_container .content h3 { position: relative; background-color: #B6CD00; padding: 8px 10px; padding-bottom: 7px; } #discussion_container .content .comments_container { overflow: hidden; } #discussion_container .content .comments_container table.comments { padding-top: 8px; } #discussion_container .content p.warning { position: relative; top: 2px; } #discussion_container ul.comments li { padding: 8px; border-bottom: 1px solid rgb(200,208,2); color: #444444; position: relative; } #discussion_container ul.comments li span.comment { margin-right: 50px; display: block; } #discussion_container ul.comments li span.author { font-weight: bold; display: block; margin-right: 30px; } #discussion_container ul.comments li span.rating { position: absolute; display: block; right: 8px; top: 13px; width: 38px; } #discussion_container table, #discussion_container table td { border: none; vertical-align: top; } #discussion_container #commentsidebar { margin-top: 10px; width: 308px; } #discussion_container #commentsidebar p.item { font-weight: bold; margin-top: 10px; padding: 8px 10px; border: 2px solid #B6CD00; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #discussion_container #commentsidebar form { padding: 8px 10px; position: relative; padding-top: 40px; border: 2px solid #B6CD00; } #discussion_container #commentsidebar form .head { text-align: center; position: absolute; top: -2px; left: -2px; width: 298px; height: 33px; background: url('/media/img/currently_used/comment-top.png') no-repeat; padding-top: 10px; } #discussion_container form .head span.button input { width: 220px; } #discussion_container form textarea { width: 100%; border: 1px solid rgb(240,240,240); margin-left: -1px; } #discussion_container form p.comments { margin-bottom: 0; } #discussion_container form p.comments * { vertical-align: middle; } #discussion_container form p.comments label { margin-right: 8px; } /* @group Registration Form */ /* * registration */ #registration_container { padding-left: 50px; margin-bottom: 100px; margin-top: 40px; } #registration_container form { margin-top: 5px; } #registration_container h4 { max-width: 470px } #registration_container h2 { margin-top: 0px; padding-top: 4px } #registration_container form label { position: absolute; width: 150px; } #registration_container form input[type="text"], #registration_container form input[type="password"] { margin-left: 150px; } #registration_container form input.submit { margin-left: 0; } #registration_container .buttonLeiste { width: 300px; position: relative; left: 215px; } #registration_complete_container h3, #registration_complete_container p { margin-left: 20px; } /* @end */ /* @group Order Preview */ /* * Both Order "Preview and Receipt */ .orderPreviewContent, #orderinfoContainer { margin-left: 85px; margin-top: 25px; max-width: 350px } .orderPreviewContent h2.small, #orderinfoContainer h2.small { border-top: 1px dotted #FCBA5E; } #order_preview_container .content h3 { margin-top: 2px; padding-bottom: 7px; } #order_preview_container .requiredlbl, .edit_box .requiredlbl { color: #963232; font-weight: bold; } #order_preview_container .rounded_t, #orderinfo_container .rounded_t { height: 12px; width: 362px; margin-left: -2px; position: absolute; margin-top: -5px; } #order_preview_container form { /* padding-top: 10px; */ margin-bottom: 50px; } #order_preview_container fieldset { padding-top: 10px; padding-left: 0px; } #order_preview_container #submit_form { padding-bottom: 30px } #order_preview_container .content li.sbmt { bottom: -2px; width: 100%; height: 37px; text-align: right; position: relative } #order_preview_container .content .submit { border: none; margin-top: 8px; } #order_preview_container .content legend { display: none; } #order_preview_container .content li { width: 370px; margin-top:3px; position: relative; min-height: 2em; line-height: 2em; clear: both; } #order_preview_container .content li.order_comment { height: 5em; } #order_preview_container .content li label { width: 75px; } #order_preview_container .content li span.button, #order_preview_container .content li textarea, #order_preview_container .content li span.input { position: absolute; left: 115px; top: 0; } #order_preview_container .content li span.button input, #order_preview_container .content li textarea { width: 215px; } #order_preview_container #inlinelogin_form .content li span.button { left: 100px !important; } #order_preview_container .content li textarea { border: 0px solid rgb(230,230,230); height: 100%; background: url('/media/img/sherpas/inputfield_large_multirow_op.png') no-repeat; padding: 10px 11px 8px 13px; width: 225px; font-size: 12px; behavior: url("/media/iepngfix/iepngfix.htc"); } #order_preview_container .content li p.warning { margin-left: 118px; width: 202px; color: #cf2700; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; font-size: 12px; padding-top: 12px; padding-bottom: 12px; font-weight: bold; background-color: #fffcde; border: 1px solid; } #order_preview_container .content li p.warning img { vertical-align: middle; margin-right:4px; margin-top: -4px; } #order_preview_container .content li.multiple { margin-left: 7px; width: 380px; } #order_preview_container .content li.multiple div { width: 66px; margin-right: 25px; position: relative; float: left; } #order_preview_container .content li.multiple span.button { margin-top: 0px; width: 15px; position: relative; left: 0; margin-bottom: 20px; } #order_preview_container .content li.multiple label { position: relative; width: 100%; margin-left: 0; padding-bottom: 0px; } #order_preview_container .content li.multiple div#street_number_wrapper { width: 74px; } #order_preview_container .content li.multiple label#order_form_street_number { width: 75px; margin-left: -6px; } #order_preview_container .content li.multiple p.warning { margin: 0 0 15px 0; } #order_preview_container fieldset { margin-bottom: 0.5em; } #order_preview_container .auto_complete ul { z-index: 1200; width: auto; } #order_preview_container .auto_complete ul li { width: auto; } #order_preview_container .legend { margin-top: 0px; font-size: 85%; margin-bottom: 20px; } #order_preview_container span.button { background-image:url('/media/img/sherpas/inputfield_large_active.png'); _background-image:url('/media/img/sherpas/inputfield_large_active.png'); height:33px; behavior: url("/media/iepngfix/iepngfix.htc"); } #order_preview_container span.button input { background-image:url('/media/img/sherpas/inputfield_large_active.png'); _background-image:url('/media/img/sherpas/inputfield_large_active.png'); } #preorder_form span input, #preorder_form span select { margin-left: 13px } #order_preview_container li.sbmt input { width: 88px; height: 39px; padding: 8px 0 12px 0; } #order_preview_container .content li span.preorderselectors { width: 300px; } /* @end */ /* @group Receipt */ /* * receipt */ .receipt { position: relative; width: 358px; padding: 10px 0px; } .receipt a { color: #B6242E; } .receipt_items { width: 362px; margin-left: 0px; margin-right: -4px; margin-bottom: 12px; margin-top: 8px; padding: 10px 0; } table.nomultiuser { margin-bottom: 0; } .receipt_items * { border: none; } .receipt_items td { padding: 6px 8px 6px 0px; vertical-align: top; } .receipt_items td.quantity { width: 22px; text-align: left; padding-left: 2px; } .receipt_items td.price, #receipt_items td.quantity { text-align: right; } .receipt_items td.price { width: 65px; padding-right: 10px; text-align: right; } table.nomultiuser tr.last td.price, table.nomultiuser tr.last td.quantity { background-image: none; } .receipt_items tr.forname { background-color: #fdecd1; font-weight: bold; } table.nomultiuser tr.forname { display: none; } .receipt_items tr td.name { } .receipt_items tr.forname td.name { padding-left: 14px; padding-top: 12px; } .receipt_items tr.forname td.price { width: 60px; padding-top: 12px } .receipt_items tr.sum { font-weight: bold } .receipt_items tfoot { font-weight: bold; } .receipt_items tfoot td.name { padding-left: 38px; } .receipt_items td.name .ingredients, .receipt_items .commentfield, .receipt_items .comment { color: #666666; font-size: 12px; } .receipt_items .comment { display: block; padding-left: 18px; background: url('/media/img/currently_used/comment.png') no-repeat 1px 0; } .receipt_items .commentfield { width: 100%; } .receipt_items .commentfield textarea { border: 1px dotted #444444; background: url('/media/img/currently_used/comment.png') no-repeat 2px 1px; padding: 4px 17px; margin-left: 0; margin-right: 0; width: 100%; margin-top: 3px; } #receipt .showcomments { cursor: pointer;cursor: hand; padding-left: 0px; } #receipt .showcomments img { margin-right: 8px } #orderinfo_container .receipt_items { margin-top: 18px; } #orderinfo_container .content { position: relative; } #orderinfo_container #orderinfo_widget { position: absolute; right: 0px; top: 37px; text-align: right; background-color: #fdecd1; padding: 10px 15px 5px 15px; } #orderinfo_container #orderinfo_widget #timeago { display: block; font-weight: bold; } #orderinfo_container .receipt h3 { border-bottom: 2px solid #b6cd00; padding-bottom: 9px; margin-bottom: 4px; margin-left: 10px; margin-right: 10px; padding-left: 5px; } #orderinfo_container #orderinfo { border-bottom: 1px solid #b6cd00; } #orderinfo_container .sum { margin-right: 8px; padding-right: 0; } #orderinfo_container .sum .name, #orderinfo_container .sum .price { padding-top: 8px; } #orderinfo_container .receipt { padding-left: 0; padding-right: 0; width: 358px; padding-bottom: 0; } #orderinfo_container #orderinfo, #orderinfo_container #orderstatus { position: relative; } #orderinfo_container #orderstatus { background-color: #fdecd1; color: black; padding: 10px 24px 12px 24px; margin-top: 50px; width: 305px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 14px; margin-bottom: 100px; } #orderinfo_container #orderstatus ul.orderZusatzinfo li { font-style: italic; } #cart_empty_display a { color:#B5B5B5; } #cart_empty_display { text-align:center; } /* @end */ /* @group Inputfields Large */ .inputfieldsLargeForm { } #registration_container .form_blabla input { background: url('/media/img/sherpas/inputfield_large_active.png') no-repeat left top ; height: 23px; width: 272px; border: 0px none; padding: 10px 20px 0 12px; font-size: 12px; behavior: url("/media/iepngfix/iepngfix.htc"); } .buttonLeiste { margin-top: 20px; } /* @end */ #welcometext_container { display: none; } .landing #welcometext_container { width: 100%; margin-top: 60px; padding-bottom: 15px; padding-left: 0; padding-right: 0; display: block; } #landing_info_container { display: none; } .landing .mainwidget { display: none; } #type_address_widget { position: absolute; top: 103px; left: 0; width: 100%; height: 100%; color: green; font-size: 1.5em; z-index: 998; } .landing #type_address_widget { top: 200px; } #type_address_widget .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: white; opacity: 0.75; z-index: 1000; } #type_address_widget p { margin-top: 0.5em; margin-left: 2em; z-index: 1000; color: black; position: absolute; opacity: 1; font-weight: bold; margin-top: 3em; z-index: 1002; } .landing #type_address_widget p { margin-top: 120px; } #nojs_link { display: none; } /* * round corners */ b.bround { display: block;height: 7px;font-size: 0px; background-image:url('/media/img/currently_used/corners.png'); background-repeat: no-repeat; width: 7px;} b.btopl {position: absolute; left: -1px; top: -1px; right: auto; bottom: auto;} b.btopr {background-position: 100% -7px; position: absolute; left: auto; top: -1px; right: -1px; bottom: auto;} b.bbotl {background-position: 0 -14px; position: absolute; left: -1px; top: auto; right: auto; bottom: -1px;} b.bbotr {background-position: 100% -21px; position: absolute; left: auto; top: auto; right: -1px; bottom: -1px;} b.bround.alternative { background-image:url('/media/img/currently_used/corners2.png'); background-repeat: no-repeat; } b.btopl.alternative {position: absolute; left: 0px; top: 0px; right: auto; bottom: auto;} b.btopr.alternative {background-position: 100% -7px; position: absolute; left: auto; top: 0px; right: 0px; bottom: auto;} b.bbotl.alternative {background-position: 0 -14px; position: absolute; left: 0px; top: auto; right: auto; bottom: 0px;} b.bbotr.alternative {background-position: 100% -21px; position: absolute; left: auto; top: auto; right: 0px; bottom: 0px;} b.broadora { background-image:url('/media/img/currently_used/corners_2px_ora.png'); background-repeat: no-repeat; } b.btopl.broadora {width: 7px; height: 7px; position: absolute; left: -2px; top: -2px; right: auto; bottom: auto; } b.btopr.broadora {width: 7px; height: 7px; background-position: 100% -7px; position: absolute; left: auto; top: -2px; right: -2px; bottom: auto;} b.bbotl.broadora {width: 7px; height: 7px; background-position: 0 -14px; position: absolute; left: -2px; top: auto; right: auto; bottom: -2px;} b.bbotr.broadora {width: 7px; height: 7px; background-position: 100% -21px; position: absolute; left: auto; top: auto; right: -2px; bottom: -2px;} b.green2px { background-image:url('/media/img/currently_used/corners_2px_green.png'); background-repeat: no-repeat; } b.btopl.green2px {width: 7px; height: 7px; position: absolute; left: -2px; top: -2px; right: auto; bottom: auto; } b.btopr.green2px {width: 7px; height: 7px; background-position: 100% -7px; position: absolute; left: auto; top: -2px; right: -2px; bottom: auto;} b.bbotl.green2px {width: 7px; height: 7px; background-position: 0 -14px; position: absolute; left: -2px; top: auto; right: auto; bottom: -2px;} b.bbotr.green2px {width: 7px; height: 7px; background-position: 100% -21px; position: absolute; left: auto; top: auto; right: -2px; bottom: -2px;} #menu_list_container div.restaurant .bbotl, #menu_list_container div.restaurant .bbotr, #discussion_container div.restaurant .bbotl, #discussion_container div.restaurant .bbotr, #order_preview_container div.restaurant b.bbotr, #order_preview_container div.restaurant b.bbotl { background-image:url('/media/img/currently_used/corners_menu_list_controller.png'); behavior: url("/media/iepngfix/iepngfix.htc"); background-repeat: no-repeat; } #menu_list_container .restaurant b.bbotl, #discussion_container .restaurant b.bbotl, #order_preview_container .restaurant b.bbotl {width: 7px; height: 9px; background-position: 0 -18px; position: absolute; left: 0px; top: auto; right: auto; bottom: -2px;} #menu_list_container .restaurant b.bbotr, #discussion_container .restaurant b.bbotr, #order_preview_container .restaurant b.bbotr {width: 7px; height: 9px; background-position: 100% -27px; position: absolute; left: auto; top: auto; right: 0px; bottom: -2px;} #sidebar .info { border: 2px solid rgb(254, 198, 0); background-color: #ffffff; padding: 4px 8px; position: relative; margin-top: 10px; zoom: 1; /* this triggers hasLayout in ie6. don't play with it if you don't know what you do. */ } #sidebar .info p { margin-bottom: 0; margin-bottom: 0.5em; } .landing #header div.small_headerright { display: none; } #header div.small_headerright { height: 100%; width: auto; margin-left: 200px; margin-top: 20px; margin-right: 0; position: relative; display: none; } #header div.small_headerright .actual_img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-image: url('/media/img/currently_used/vegetables_cutted.png'); background-repeat: repeat-x; background-position: 0 0; } .throbbox { position:absolute; top:59%; left:50%; } span.highlight { background-color: red; } #landing_info_container { margin-top: 15px; } #landing_info_container p.info { position: absolute; width: 350px; border: 2px solid orange; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin-top: 6px; padding: 4px 10px; background-color: white; z-index: 1501; } #landing_info_container img { display: block; margin-left: auto; margin-right: auto; } #landing_info_container .restaurant { margin-top: 140px; color: #444444; } #landing_info_container .restaurant .head .subtitle, #landing_info_container .restaurant .head .quality .quality_text { color: #444444; } #landing_info_container p.info_qualityicon { right: 0; width: 350px; } #landing_info_container p.info_qualityrank { right: 50px; width: 340px; top: 90px; } #landing_info_container p.info_deliveryfee { margin-top: 70px; right: 0px; } #landing_info_container p.info_distance { margin-top: 10px; } #landing_info_container img.info_qualityrank_arrow { position: absolute; right: 25px; top: 85px; z-index: 1500; } #landing_info_container img.info_qualityicon_arrow { position: absolute; right: 185px; top: 98px; z-index: 1500; } #landing_info_container img.info_deliveryfee_arrow { position: absolute; right: 30px; top: 267px; z-index: 1500; } #landing_info_container img.info_distance_arrow { position: absolute; left: 30px; top: 252px; z-index: 1500; } /* * * i found something! * */ #food_search_box_container input { vertical-align: middle; } #food_search_box_container { /* display: none; */ } #controller_lightbox, #controller_lightbox.lightbox .decorator { border: none; } .lightbox #indicator1 { position: absolute; right: 0; } /* * * for partner view * */ .partner { font-size: 1.33em; } .partner label { font-weight: bold; } .partner ul { margin-left: 10px; } .partner p { font-size: 1em; } .partner table, .partner table * { border-color: grey; } .partner table td, .partner table th { padding-top: 2px; padding-bottom: 2px; } .partner table td p { margin-bottom: 0; } .partner table th { font-weight: bold; } .partner table td, .partner table th { text-align: left; vertical-align: top; } .partner table .price { text-align: right; } .partner table tfoot td { border-width: 0px; } .partner table tfoot td.price { border-width: 1px; } .partner table tr.sectionhead { font-weight: bold; } .partner p.title { width: 100%; background-color: #B6CD00; padding: 5px 12px; color: white; margin-left: -12px; } .partner #orderdetails form { width: 40%; margin-bottom: 2em; } .partner #orderdetails form ul { margin-top: 0; } .partner .customertable table *, .partner .customertable table { border-width: 0; } .partner .items { clear: left; } .partner #footer { margin-top: 200px; font-size: 0.85em; text-align: inherit; color: grey; } /* @group Grouporder Popup etc. */ #menu_list_container.finished #menu_list .section ul li, #menu_list_container.finished ul.found_items li, #menu_list_container.finished #menu_list .section ul li:hover, #menu_list_container.finished #menu_list .section ul li a, #menu_list_container.preview #menu_list .section ul li, #menu_list_container.preview ul.found_items li, #menu_list_container.preview #menu_list .section ul li:hover, #menu_list_container.preview #menu_list .section ul li a, #menu_list_container.submitted #menu_list .section ul li, #menu_list_container.submitted ul.found_items li, #menu_list_container.submitted #menu_list .section ul li:hover, #menu_list_container.submitted #menu_list .section ul li a { background: none; cursor: text; color: #666666; } #menu_list_container.finished #menu_list, #menu_list_container.preview #menu_list, #menu_list_container.submitted #menu_list { opacity: 0.4; filter: alpha(opacity=40); } #menu_list_container #menu_list_disabled_message { display: none; } #menu_list_container #menu_list_disabled_message { position: absolute; width: 450px; left: 50%; margin-left: -225px; height: 105px; display: block; background-color: white; border: 2px solid #fea01f; padding: 15px; margin-top: 65px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.3); } #menu_unfinish_button, #menu_newcart_button, #menu_order_button { width: 27.5%; bottom: 10px; font-size: 11px; z-index: 10; margin-right: 10px; margin-left: 10px; margin-top: 5px; } #menu_newcart_button, #menu_order_button { float: right; } #menu_unfinish_button { float: left; } #menu_unfinish_button a, #menu_newcart_button a, #menu_order_button a { text-align: center; color: white; display: block; cursor: pointer;cursor: hand; } #menu_list_disabled_message h4 { font-size: 16px; border-bottom: 1px solid #fea01f; padding-bottom: 0.5em; margin-bottom: 0.5em; } #menu_list_container #menu_list_disabled_message, #menu_list_container #menu_list_disabled_message .finished, #menu_list_container #menu_list_disabled_message .preview, #menu_list_container #menu_list_disabled_message .submitted { display: none; padding-bottom: 40px; } #menu_list_container.finished #menu_list_disabled_message, #menu_list_container.preview #menu_list_disabled_message, #menu_list_container.submitted #menu_list_disabled_message { display: block; } #menu_list_container.finished #menu_list_disabled_message .finished, #menu_list_container.preview #menu_list_disabled_message .preview, #menu_list_container.submitted #menu_list_disabled_message .submitted { display: block; } #cart_empty_warning { text-align: center; font-weight: bold; font-size: 85%; padding-top: 7px; padding-bottom: 7px; line-height: 1.6363em; } .inPlaceEditor img { margin: 2px; width: 16px; height: 16px; } #readonly_controller { color: white; } #changebutton { } /* @end */ #inlinelogin_login a { background-color: transparent; color: white; width: 50px; padding: 6px 14px 5px 14px; float: right; height: 29x; margin-right: 4px } .button_inactive a { cursor: inherit; } #inlinelogin_login.button_active a { background-color: #B6CD00; } fieldset#inlinelogin_lastaddresses { font-size: 11px; } fieldset#inlinelogin_lastaddresses .info { font-weight: bold; font-size: 11px; } fieldset#inlinelogin_lastaddresses div { cursor: pointer; line-height: 1.75em; margin-right: 5px; padding-left: 24px; padding-right: 10px; margin-right: 3px; background-image: url('/media/3rd/silk_icons/arrow_right_enter_mjam.png'); background-repeat: no-repeat; background-position: 0 50%; } fieldset#inlinelogin_lastaddresses div:hover { background-color: rgb(235,235,235); } #inlinelogin_success { margin-top: 25px; margin-left: 5px; } #order_form_password_accept { margin-left: 115px; padding-left: 20px; background-image: url('/media/3rd/silk_icons/information.gif'); background-repeat: no-repeat; font-size: 12px; width: 220px; margin-top: 15px } .quality table { border-width: 0px; font-weight:bold; padding:0; text-align:right; width:160px; margin-bottom:0; } .quality table td { border-width: 0px; font-weight:bold; padding:0px; text-align:right; line-height:1.2; } #twitter_form { text-align:right; } #twitter_charcount { float: left; } .twitter_submit { margin-bottom: 5px; } .post_to { border-style: dashed; border-width: 1px; padding:5px; } .twitter_submit input { font-size: 85%; } .beverages_headline { font-size:150%; color:#FF6305; } /** * include this bit of css */ .elementShown { z-index: 10000; } #registerButton, #cancelButton { cursor: pointer; } .matching_restaurants { margin-bottom: 50px; } #sticky_window { position:absolute; z-index:1000; } #sticky_header { /* background-image: url(/media/3rd/closebox.png);*/ overflow:visible; text-align:left; position:absolute; height:100px; margin:-10px 0 0px -10px; } #sticky_body { /* position:absolute;*/ background: url(/media/img/stickies/yellow.png) top left repeat; width:225px; height:206px; } #text_input { background:none; border:0px solid; text-align:left; margin:-2px 0 0 -2px; padding:2px; overflow:hidden; width: 180px; /* Actual width + 4 */ height: 165px; /* Actual height + 4 */ } div.hider { position:absolute; *position:relative; margin: 20px 0px 0 20px; *margin: 20px 0px 0 0px; width:172px; /* Actual width */ height:157px; /* Actual height */ overflow:hidden; } /* @override http://localhost:8000/media/css/prefilledfields.css */ .prefilled_textlabel { position: absolute; margin-left: 13px; margin-top: 10px; } .prefilled_container { display: inline; } body.webkit .prefilled_container { display: inline-block; position: relative; } /* @override http://localhost:8000/media/css/round-button.css */ /* from http://www.hedgerwow.com/360/dhtml/css-round-button/round-button.css */ a.button, span.button, del.button { display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; /* for Safari, read this first http://creativebits.org/webdev/safari_background_repeat_bug_fix */ background-position:0 0; background-repeat:no-repeat; height:19px; text-decoration:none; font-style:normal; margin:0 14px 0px 0; padding:0 14px 0 0; vertical-align:middle; padding-top:-2px; _position:relative; _width:10px; _overflow-y:hidden; } span.inputLarge { background-position: 0 0; margin:0 14px 0px 0; } a.button, span.button, del.button, a.button span, span.button button, span.button input, del.button span { background-image:url('/media/img/currently_used/mjam-inputbox.png'); _background-image:url('/media/img/currently_used/mjam-inputbox.gif'); } a.button.active, span.button.active, del.button.active, a.button.active span.hlp, span.button.active button.active, span.button.active input, del.button.active span.hlp { background-image:url('/media/img/currently_used/form_buttons_active.png'); _background-image:url('/media/img/currently_used/form_buttons_active.gif'); } a.button span, span.button button, span.button input, del.button span{ white-space:nowrap; cursor:pointer; display:-moz-inline-box; display:inline-block; line-height:11px; letter-spacing:0 !important; font-size:11px; font-style:normal; background-color:transparent; background-position: 100% 0; background-repeat:no-repeat; height:19px; padding: 2px 20px 0 0px; margin:0 -16px 0 10px; border:none; zoom:1; vertical-align: baseline !important; vertical-align: text-top; /* IE only */ _position:relative; _padding-left:0px; _padding-right:14px; _margin-right:-20px; _display:block; _top:0; _margin-top: -1px; _right:-5px; _padding-top: 5px; } a.inputLarge span, span.inputLarge button, span.inputLarge input, del.inputLarge span{ white-space:nowrap; cursor:pointer; display:-moz-inline-box; display:inline-block; line-height:11px; letter-spacing:0 !important; font-size:11px; font-style:normal; background-color:transparent; background-position: 100% 0; background-repeat:no-repeat; height:19px; padding: 2px 20px 0 0px; margin:0 -16px 0 10px; border:none; zoom:1; vertical-align: baseline !important; vertical-align: text-top; /* IE only */ _position:relative; _padding-left:0px; _padding-right:14px; _margin-right:-20px; _display:block; _top:0; _margin-top: -1px; _right:-5px; _padding-top: 5px; } a.inputLarge, span.inputLarge, del.inputLarge, a.inputLarge span, span.inputLarge button, span.inputLarge input, del.inputLarge span { background-image: url('/media/img/sherpas/inputfield_large_active.png'); height: 33px; } span.inputLarge input { padding: 11px 20px 0 13px; height: 22px; font-size: 12px; } .landing span.inputLarge input { margin-left: -1px } #order_preview_container span.inputLarge input { padding: 11px 20px 0 3px; height: 22px; } #order_preview_container li.multiple span.inputLarge input { padding-right:30px; } span.button input.inputEngravedSmall { background: transparent url('/media/img/sherpas/inputback-small_engraved.png') repeat-x left top; height: 31px; width: 174px; padding: 0px 20px 0 10px; margin: 0 -16px 0 10px; border: 0px none; font-family: Arial; font-size: 12px; color: #727272; } #food_search_form span.button input.inputEngravedSmall, span.button input#search_field.inputEngravedSmall { padding: 9px 20px 0 12px; height: 22px; width: 172px; } span.buttonClear { background: transparent none; } /*#location_controller a.button span, #location_controller span.button button, #location_controller, #location_controller, span.button input, #location_controller del.button span{ padding: 6px 0px 0 10px; */ /*padding-bottom: 12px;*//* } */ span.button button{ line-height: 1; /* fuck Opera */ } html.safari a.button span, html.safari del.button span{ line-height:1; } html.safari span.button button{ line-height:1; padding-top: 0; } html.safari a.button:focus, html.safari span.button button:focus{ outline:none; } input:focus { outline: none; } del.button{ /* cursor:not-allowed; */ background-position:0 -120px; } del.button span{ cursor:default; color:#aaa !important; background-position:100% -120px; } span.button button, span.button input{ line-height: 1; /* fuck Opera */ } /** optional **/ /* a.button:visited{ color:#aaa; } */ .button span span { padding: 0; margin: 0; background: none; display: inline; height: auto; } div#geopos_container { float: right; width: 320px; height: 240px; border: 1px solid gray; } div#map { width: 320px; height: 240px; margin: auto auto auto auto; } #map_marker { width: 175px; margin-left: 50px; } #map_marker_beak { width: 16px; height: 11px; margin-left: -50px; background-image: url('/media/img/currently_used/mapstuff/map_beak.png'); } #map_marker b { padding: 0 10px; display: block; } #map_marker_contents { background-color: white; } #map_marker_tl, #map_marker_tr, #map_marker_br, #map_marker_bl { width: 7px; height: 7px; } #map_marker_tl { background-image: url('/media/img/currently_used/mapstuff/map_tl.png'); } #map_marker_tr { background-image: url('/media/img/currently_used/mapstuff/map_tr.png'); } #map_marker_bl { background-image: url('/media/img/currently_used/mapstuff/map_bl.png'); } #map_marker_br { background-image: url('/media/img/currently_used/mapstuff/map_br.png'); } #map_marker_t, #map_marker_b { height: 0px; width: auto; background-color: white; } #map_marker_t { border-top: 2px solid #ffbc00; } #map_marker_b { margin-top: -2px; border-bottom: 2px solid #ffbc00; } #map_marker_l, #map_marker_r { width: 2px; height: auto; background-color: #ffbc00; }