/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }




/*  Body
------------------------------------------------------------------------------------------------------ */

body {
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #59504c;
    background: #fff;
}


body.hide-main-filters #main-filters {
    padding: 0 !important;
    height: 4px !important;
}
body.hide-main-filters #localize, 
body.hide-main-filters .module.search {
    display: none;
}
body.hide-breadcrumbs #breadcrumbs {
    height: 22px !important;
    visibility: hidden;
}
body.index-not-localized .module.search {
    visibility: hidden;
}



/* Container
------------------------------------------------------------------------------------------------------ */

#container {
    position: relative; float: left; clear: both;
    z-index: 2;
    margin: 0;
    padding: 0;
    width: 100%;
}



/*  Global Settings
------------------------------------------------------------------------------------------------------ */

#header, #main-filters, #main-filters-content, #content-title-container, #breadcrumbs, #footer {
    border-left: 0 !important;
    border-right: 0 !important;
}

.print-container {
    display: none;
}



/*  Header & Logo
------------------------------------------------------------------------------------------------------ */

#header {
    position: relative; float: left; clear: both;
    display: block;
    width: 100%;
    padding: 15px 0 5px;
    color: #f2f0e6;
    border-top: 4px solid #d94f21 !important;
}
img.logo {
    margin: -5px 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
img.claim {
    display: none;
    position: absolute;
    float: left;
    margin: -18px 0 0 -10px
}



/*  Main Filters
------------------------------------------------------------------------------------------------------ */

#main-filters {
    position: relative; float: left; clear: both;
    z-index: 970;
    padding: 5px 0;
    width: 100%;
    border-top: 0 !important;
}





/*  Schedule
------------------------------------------------------------------------------------------------------ */

#schedule {
    position: relative; float: right;
/*    top: -15px;*/
/*    margin-bottom: -15px;*/
    padding: 0;
    width: auto;
    height: auto;
/*    background: #e4f;*/
}
#schedule .module {
    margin: 0;
}



/*  Breadcrumbs
------------------------------------------------------------------------------------------------------ */

#breadcrumbs {
    position: relative; float: left; clear: both;
    z-index: 50;
    padding: 5px 0 5px;
    width: 100%;
    font-size: 12px;
}
#breadcrumbs ul {
    padding: 2px 0;
}

#breadcrumbs ul li {
    margin-right: 5px;
    padding-right: 10px;
    background: url('/static/site/img/icons/breadcrumbs.png') 100% 50% no-repeat scroll;
}

#breadcrumbs ul li.back {
    margin-right: 10px;
    background: 0 !important;
}
#breadcrumbs ul li.back a {
    display: inline-block;
    padding-left: 20px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    background: 0 50% no-repeat scroll !important;
}
#breadcrumbs ul li.back a:link, #breadcrumbs ul li.back a:visited {
/*    color: #e6e4da;*/
    background-image: url('/static/site/img/icons/back.png') !important;
}
#breadcrumbs ul li.back a:hover, #breadcrumbs ul li.back a:active {
/*    color: #e6e4da;*/
    background-image: url('/static/site/img/icons/back-hover.png') !important;
}



/*  Messages
------------------------------------------------------------------------------------------------------ */

#messages {
    position: relative; float: left; clear: both;
    width: 100%;
/*    display: none;*/
}
#messages .module {
    margin: 0;
}
#messages .box.message {
    position: relative; float: left; clear: both;
    padding: 10px;
    width: 918px;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    border: 1px solid #e6e4da;
    border-top: 0;
    border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
    background: url('/static/site/img/backgrounds/messages.png') 0 0 repeat scroll;
    cursor: pointer;
}
#message_text {
    position: relative;
    float: left;
    width: 880px;
}
#message_text p {
    margin: 0;
}
a.message-close {
    position: absolute;
    float: right;
/*    top: 2px;*/
    bottom: 10px;
    right: 11px;
    display: inline-block;
    width: 11px;
    height: 11px;
    background: 50% 50% no-repeat scroll;
}
a.message-close:link, a.message-close:visited {
    background-image: url('/static/site/img/icons/message-close.png');
}
.box.message:hover a.message-close, 
a.message-close:hover, a.message-close:active {
    background-image: url('/static/site/img/icons/message-close-hover.png');
}



/*  Scroll Container
------------------------------------------------------------------------------------------------------ */

#scroll-container {
/*    position: relative;*/
/*    top: 140px;*/
    background: transparent;
}



/*  Content
------------------------------------------------------------------------------------------------------ */

#content-title-container {
    position: relative; float: left; clear: both;
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: 10px;
/*    padding: 30px 0 0;*/
}

#content-container {
    min-height: 400px;
}
body.index-not-localized #content-container {
    min-height: 100px;
}

/*  Content Loading
------------------------------------------------------------------------------------------------------ */

#content-loading  {
    display: none;
}
body.loading #content-title, 
body.loading #content-container {
    visibility: hidden;
}
body.loading #content-loading {
    display: block !important;
    position: absolute;
    margin-top: 25px;
    padding: 5px 0 5px 35px;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    background: transparent url('/static/site/img/backgrounds/loading-indicator-localize.gif') 0 50% no-repeat scroll !important;
}



/*  Footer
------------------------------------------------------------------------------------------------------ */

#footer {
    margin: 40px 0 20px;
    padding: 0;
    border-bottom: 0 !important;
    background: #fff;
}
#footer .module {
    padding-top: 10px;
    border-top: 4px solid #e6e4da;
}



/*  Banner
------------------------------------------------------------------------------------------------------ */
#banner {
  position: absolute;
  right: -180px;
  top: 0;
  width: 160px;
  background-color: #3ff;
  display: none;
}

@media screen and (min-width: 1340px) {
  #banner {
    display: block;
  }
}


/*  Blueprint-based Grid
------------------------------------------------------------------------------------------------------ */

/* A container should group all your columns. */
.container {
  width: 940px;
  margin: 0 auto;
}

/* Sets up basic grid floating and margin. */
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, 
.span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, 
.span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
    float: left;
    margin-right: 20px;
}

/* The last column in a row needs this class. */
.column.last { margin-right: 0 !important; }

/* Use these classes to set the width of a column. */
.span-1  { width: 20px;}
.span-2  { width: 60px;}
.span-3  { width: 100px;}
.span-4  { width: 140px;}
.span-5  { width: 180px;}
.span-6  { width: 220px;}
.span-7  { width: 260px;}
.span-8  { width: 300px;}
.span-9  { width: 340px;}
.span-10 { width: 380px;}
.span-11 { width: 420px;}
.span-12 { width: 460px;}
.span-13 { width: 500px;}
.span-14 { width: 540px;}
.span-15 { width: 580px;}
.span-16 { width: 620px;}
.span-17 { width: 660px;}
.span-18 { width: 700px;}
.span-19 { width: 740px;}
.span-20 { width: 780px;}
.span-21 { width: 820px;}
.span-22 { width: 860px;}
.span-23 { width: 900px;}
.span-24, div.span-24 { width: 940px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}





/*  Container
-------------------------------------------------------------- */

.subcontainer-14 {
    position: relative; float: left; clear: both;
    width: 540px;
}

/* Sets up basic grid floating and margin. */
.subcontainer-14 .span-1, .subcontainer-14 .span-2, .subcontainer-14 .span-3, 
.subcontainer-14 .span-4, .subcontainer-14 .span-5, .subcontainer-14 .span-6, .subcontainer-14 .span-7, 
.subcontainer-14 .span-8, .subcontainer-14 .span-9, .subcontainer-14 .span-10, 
.subcontainer-14 .span-11, .subcontainer-14 .span-12, .subcontainer-14 .span-13, .subcontainer-14 .span-14 {
    float: left;
    margin-right: 8px;
}

/* Use these classes to set the width of a column. */
.subcontainer-14 .span-1  { width: 30px;}
.subcontainer-14 .span-2  { width: 68px;}
.subcontainer-14 .span-3  { width: 106px;}
.subcontainer-14 .span-4  { width: 144px;}
.subcontainer-14 .span-5  { width: 182px;}
.subcontainer-14 .span-6  { width: 220px;}
.subcontainer-14 .span-7  { width: 258px;}
.subcontainer-14 .span-8  { width: 296px;}
.subcontainer-14 .span-9  { width: 334px;}
.subcontainer-14 .span-10 { width: 372px;}
.subcontainer-14 .span-11 { width: 410px;}
.subcontainer-14 .span-12 { width: 448px;}
.subcontainer-14 .span-13 { width: 486px;}
.subcontainer-14 .span-14 { width: 524px; margin: 0; }


/* Add these to a column to append empty cols. */
.subcontainer-14 .append-1  { padding-right: 38px;}
.subcontainer-14 .append-2  { padding-right: 76px;}
.subcontainer-14 .append-3  { padding-right: 114px;}
.subcontainer-14 .append-4  { padding-right: 152px;}
.subcontainer-14 .append-5  { padding-right: 190px;}
.subcontainer-14 .append-6  { padding-right: 228px;}
.subcontainer-14 .append-7  { padding-right: 266px;}
.subcontainer-14 .append-8  { padding-right: 304px;}
.subcontainer-14 .append-9  { padding-right: 342px;}
.subcontainer-14 .append-10 { padding-right: 380px;}
.subcontainer-14 .append-11 { padding-right: 418px;}
.subcontainer-14 .append-12 { padding-right: 456px;}
.subcontainer-14 .append-13 { padding-right: 494px;}


/* Add these to a column to prepend empty cols. */
.subcontainer-14 .prepend-1  { padding-left: 38px;}
.subcontainer-14 .prepend-2  { padding-left: 76px;}
.subcontainer-14 .prepend-3  { padding-left: 114px;}
.subcontainer-14 .prepend-4  { padding-left: 152px;}
.subcontainer-14 .prepend-5  { padding-left: 190px;}
.subcontainer-14 .prepend-6  { padding-left: 228px;}
.subcontainer-14 .prepend-7  { padding-left: 266px;}
.subcontainer-14 .prepend-8  { padding-left: 304px;}
.subcontainer-14 .prepend-9  { padding-left: 342px;}
.subcontainer-14 .prepend-10 { padding-left: 380px;}
.subcontainer-14 .prepend-11 { padding-left: 418px;}
.subcontainer-14 .prepend-12 { padding-left: 456px;}
.subcontainer-14 .prepend-13 { padding-left: 494px;}




/*  Container
-------------------------------------------------------------- */

.subcontainer-10 {
    position: relative; float: left; clear: both;
    width: 378px;
}

/* Sets up basic grid floating and margin. */
.subcontainer-14 .span-1, .subcontainer-14 .span-2, .subcontainer-14 .span-3, 
.subcontainer-14 .span-4, .subcontainer-14 .span-5, .subcontainer-14 .span-6, .subcontainer-14 .span-7, 
.subcontainer-14 .span-8, .subcontainer-14 .span-9, .subcontainer-14 .span-10, 
.subcontainer-14 .span-11, .subcontainer-14 .span-12, .subcontainer-14 .span-13, .subcontainer-14 .span-14 {
    float: left;
    margin-right: 8px;
}

/* Use these classes to set the width of a column. */
.subcontainer-10 .span-1  { width: 20px;}
.subcontainer-10 .span-2  { width: 58px;}
.subcontainer-10 .span-3  { width: 96px;}
.subcontainer-10 .span-4  { width: 134px;}
.subcontainer-10 .span-5  { width: 172px;}
.subcontainer-10 .span-6  { width: 210px;}
.subcontainer-10 .span-7  { width: 246px;}
.subcontainer-10 .span-8  { width: 284px;}
.subcontainer-10 .span-9  { width: 324px;}
.subcontainer-10 .span-10 { width: 362px; margin: 0; }


/* Add these to a column to append empty cols. */
.subcontainer-10 .append-1  { padding-right: 38px;}
.subcontainer-10 .append-2  { padding-right: 76px;}
.subcontainer-10 .append-3  { padding-right: 114px;}
.subcontainer-10 .append-4  { padding-right: 152px;}
.subcontainer-10 .append-5  { padding-right: 190px;}
.subcontainer-10 .append-6  { padding-right: 228px;}
.subcontainer-10 .append-7  { padding-right: 266px;}
.subcontainer-10 .append-8  { padding-right: 304px;}
.subcontainer-10 .append-9  { padding-right: 342px;}
.subcontainer-10 .append-10 { padding-right: 380px;}
.subcontainer-10 .append-11 { padding-right: 418px;}
.subcontainer-10 .append-12 { padding-right: 456px;}
.subcontainer-10 .append-13 { padding-right: 494px;}


/* Add these to a column to prepend empty cols. */
.subcontainer-10 .prepend-1  { padding-left: 38px;}
.subcontainer-10 .prepend-2  { padding-left: 76px;}
.subcontainer-10 .prepend-3  { padding-left: 114px;}
.subcontainer-10 .prepend-4  { padding-left: 152px;}
.subcontainer-10 .prepend-5  { padding-left: 190px;}
.subcontainer-10 .prepend-6  { padding-left: 228px;}
.subcontainer-10 .prepend-7  { padding-left: 266px;}
.subcontainer-10 .prepend-8  { padding-left: 304px;}
.subcontainer-10 .prepend-9  { padding-left: 342px;}
.subcontainer-10 .prepend-10 { padding-left: 380px;}
.subcontainer-10 .prepend-11 { padding-left: 418px;}
.subcontainer-10 .prepend-12 { padding-left: 456px;}
.subcontainer-10 .prepend-13 { padding-left: 494px;}


/*  Container
-------------------------------------------------------------- */

.subcontainer-24 {
    position: relative; float: left; clear: both;
    width: 940px !important;
}
.subcontainer-24 input#q {
    width: 770px;
    height: 36px;
    font-size: 21px;
    line-height: 27px;
}
.subcontainer-24 .span-4 input[type=submit] {
    width: 132px !important;
    height: 36px;
    font-size: 15px;
    line-height: 18px;
}

.subcontainer-24 .span-4 input[type=submit] {
    color: #fff;
    border: 1px solid #4798b3 !important;
    background: #52adcc;
    background: -moz-linear-gradient(top, #67c6e5, #52adcc);
    background: -webkit-gradient(linear, left top, left bottom, from(#67c6e5), to(#52adcc));
}
.subcontainer-24 .span-4 input[type=submit]:hover {
    color: #fff;
    border: 1px solid #38312d !important;
    background: #453c37;
    background: -moz-linear-gradient(top, #5e5550, #453c37);
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5550), to(#453c37));
}

/* Sets up basic grid floating and margin. */
.subcontainer-24 .span-20, .subcontainer-24 .span-4 {
    float: left;
    margin-right: 8px;
}

/* Use these classes to set the width of a column. */
.subcontainer-24 .span-20  { width: 770px; }
.subcontainer-24 .span-4  { width: 132px; }





/*  Feedback Button
------------------------------------------------------------------------------------------------------ */

#feedback-button {
    position: fixed;
    z-index: 1000;
    top: 250px;
    display: block;
    width: 15px;
    height: 70px;
}
#feedback-button:link, #feedback-button:visited {
    background: url('/static/site/img/backgrounds/feedback-button.png') 0 0 no-repeat scroll;
}
#feedback-button:hover, #feedback-button:active {
    background: url('/static/site/img/backgrounds/feedback-button-hover.png') 0 0 no-repeat scroll;
}



/*  Global- & User-Navigation
------------------------------------------------------------------------------------------------------ */

ul.global-navigation, 
ul.user-navigation {
    position: relative;
    clear: both;
    z-index: 990;
    margin: 8px 0 -8px;
    font-size: 12px;
    line-height: 16px;
}

ul.global-navigation {
    float: right;
    width: auto;
}
ul.global-navigation>li {
    position: relative;
    float: right;
    margin-left: 20px;
    height: auto;
    color: #e5e2cf;
    font-weight: bold;
}
ul.global-navigation li.tab {
    margin-left: 2px;
}
ul.user-navigation {
    float: left;
    width: 380px;
}
ul.user-navigation>li {
    position: relative;
    float: left;
    margin-left: 2px;
    height: auto;
    color: #e5e2cf;
    color: #444;
    font-weight: bold;
}
ul.user-navigation>li:first-child {
    margin-left: 0;
}
ul.global-navigation li a, 
ul.global-navigation li span, 
ul.user-navigation li a, 
ul.user-navigation li span {
    display: inline-block;
}
ul.user-navigation li span.registration a {
    padding: 0;
    border: 0;
    background: none;
}
li.user-tools-container {
    float: left !important;
}


/*  Favourites & User Tools ................................................... */

#favourites, 
ul.pulldown-menu {
    display: none;
}
.open #favourites, 
.open ul.pulldown-menu {
    display: block !important;
}
ul.pulldown-menu {
    position: absolute;
    z-index: 990;
    top: 28px;
    padding: 7px 10px 7px;
    border: 1px solid #b3953e;
    border-top: 1px solid #d9b64c;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0;
/*    background: #d9b64c;*/
    background: #ccab47;
}
ul.favourites {
    text-align: left;
    width: 200px;
}
ul.user-tools-menu {
    width: 200px;
}
ul.registration-menu {
    width: 170px;
}
ul.help-menu {
    right: 0;
    width: 120px;
    border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0;
}
ul.pulldown-menu li {
    border-top: 1px solid #d9b64c;
    border-bottom: 1px solid #bfa043;
}
ul.user-tools-menu ul.administration {
    border-top: 1px solid #bfa043;
}
ul.pulldown-menu>li:first-child, 
ul.user-tools-menu li.administration-container {
    border-top: 0;
}
ul.pulldown-menu li.last, 
ul.user-tools-menu li.administration-container, 
ul.administration.last li.last {
    border-bottom: 0;
}
#header li.title {
    padding-top: 7px;
    color: #444;
}
#header ul.user-tools-menu li.title strong {
    font-family: Georgia, serif;
    font-weight: normal !important;
    font-size: 16px;
    font-weight: normal !important;
}
ul.pulldown-menu li a, 
ul.pulldown-menu li span {
    display: block;
    padding: 3px 0;
}
ul.pulldown-menu li a:link, ul.pulldown-menu li a:visited {
    color: #fff !important;
}
ul.pulldown-menu li a:hover, ul.pulldown-menu li a:active {
    color: #444 !important;
}



/*  Localize & Radius (Radius currently not used)
------------------------------------------------------------------------------------------------------ */

#main-filters .auto-location-title, 
#main-filters #current_radius {
    color: #59504C;
}

#localize .selected-location, 
#localize .location-radius {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}
#localize a {
    font-size: 11px ;
    line-height: 16px;
}
#localize a.change-location {
    display: none;
}

#localize #auto-location-header {
    position: relative;
    float: none;
    display: block;
    margin: 0;
    margin: 0 0 -10px;
}
#localize .auto-location-title {
    display: block;
    margin: -1px 0 -1px;
    color: #d94f21;
    font-size: 17px;
    line-height: 24px;
    cursor: pointer;
}
#localize .auto-location-title:hover {
    color: #444;
}
#localize .selected-location {
    padding-top: 2px;
    /*background: #fff;*/
}


/*  Location & Radius Pulldowns ................................................... */

#localize .change-location-container, 
#localize .change-location-radius-container {
    position: absolute;
    z-index: 980 !important;
    top: 46px;
    display: none;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #ccc9c2;
    border-top: none;
    border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
    background: #e5e3da;
    background: -moz-linear-gradient(top, #e5e3da, #d9d7ce);
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e3da), to(#d9d7ce));
}
#localize ul li {
    padding: 5px 0;
    font-weight: bold;
    border-top: 1px solid #edeae1;
    border-bottom: 1px solid #ccc9c2;
}
#localize ul li:first-child, #localize ul li.first {
    border-top: 0;
}
#localize ul li.last {
    border-bottom: 0 !important;
}
#localize ul a {
    font-size: 12px;
    line-height: 16px;
}


/*  Change Location ................................................... */

#localize .change-location-container {
    width: 380px;
}

#localize .change-location-container input[type=text] {
    width: 278px;
    height: 28px;
    border-color: #bfbcac;
}
#localize .change-location-container p.help {
    margin: 2px 0 -3px;
}
#localize .change-location-container span.button-container {
    float: right;
}

#localize p.location-history-title {
    margin: 10px 0 0;
    padding: 0 0 2px;
    border-bottom: 1px solid #ccc9c2;
}
#localize ul.location-history {
    border-top: 1px solid #edeae1;
}


/*  Radius ................................................... */

#localize .change-location-radius-container {
    left: 400px;
    width: 140px;
}



/*  Search
------------------------------------------------------------------------------------------------------ */

.module.search {
    margin: 2px 0 0;
}

.module.list-search {
    padding: 2px 2px;
    width: 536px;
    border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
    border: 1px solid #E5E2DA;
    background: #ebebe4;
    background: -moz-linear-gradient(center top , #F7F6F0, #F2F1E9);
    background: -webkit-linear-gradient(center top , #F7F6F0, #F2F1E9);
}
.module.list-search input#search {
    width: 536px;
    box-sizing: border-box;
    color: #aba4a1 !important;
}



/*  Schedule (currently not used)
------------------------------------------------------------------------------------------------------ */

ul.schedule {
    position: relative; float: right;
    padding: 0 !important;
}
ul.schedule li {
    float: left;
    display: block;
    text-align: center;
    margin: 0 1px 0 0 !important;
    padding: 0 !important;
    border: 1px solid #594f4a;
    border: 1px solid #f2f0eb;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
    background-image: none !important;
}
ul.schedule li:hover, 
ul.schedule li.selected {
    border-color: #665c57;
    border: 1px solid #f2f0eb;
}
ul.schedule li.first {
    margin-left: -5px !important;
}

ul.schedule li a {
    display: block;
    width: 43px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    overflow: hidden;
}
ul.schedule li.first a, 
ul.schedule li.last a {
    width: 42px;
}

ul.schedule li.selected a {
    color: #fff;
}
ul.schedule li.selected a * {
    color: #eee !important;
}

ul.schedule li a p {
    margin: 0;
    padding: 2px 5px;
    color: #A6998D;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
}
ul.schedule li a p.day {
/*    color: #b3aea4;*/
}
ul.schedule li a p.date-day {
    margin: -3px 0 -3px;
/*    color: #333;*/
    font-size: 16px;
}
ul.schedule li a p.month {
    padding-top: 0;
/*    color: #b3aea4;*/
}

ul.schedule li a:hover p, ul.schedule li a:active p, 
ul.schedule li.selected a p {
    color: #fff;
}
ul.schedule li a:hover p.day, ul.schedule li a:active p.day, 
ul.schedule li.selected a p.day {
    color: #e6e2cf;
}
ul.schedule li.selected a p.date-day {
}
ul.schedule li a:hover p.month, ul.schedule li a:active p.month, 
ul.schedule li.selected a p.month {
    color: #e6e2cf;
}



/*  Pagination
------------------------------------------------------------------------------------------------------ */

.box.pagination {
    font-size: 12px;
}

ul.pagination {
    position: relative; float: left; clear: both;
    margin-left: -5px;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}
ul.pagination li {
    position: relative; float: left;
    margin: 0;
}
ul.pagination li.first {
    margin-right: 8px;
    padding-left: 0;
}
ul.pagination li.last {
    margin-left: 8px;
    padding-right: 0;
}

ul.pagination li span, 
ul.pagination li a {
    display: block;
    padding: 5px;
    text-align: center;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}








/* Buttons
------------------------------------------------------------------------------------------------------ */

button {
    display: inline-block;
    width: 25px;
    height: 25px;
}
button.icon {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


/*  Search ................................................... */

button.search {
    position: relative;
    float: right;
    right: 10px;
    top: -25px;
    margin-bottom: -25px;
    padding: 0 !important;
    width: 16px;
    border: 0 !important;
    background: transparent url('/static/site/img/icons/search.png') 50% 50% no-repeat scroll;
}
button.search:hover {
    background: transparent url('/static/site/img/icons/search-hover.png') 50% 50% no-repeat scroll;
}



/*  Input Submit, Input Button, Link Buttons
------------------------------------------------------------------------------------------------------ */

input[type=submit], input[type=button] {
    height: 28px;
}
a.button, .button-container a {
    display: block;
    background-color: transparent;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
input[type=submit], input[type=button], button, 
a.button, .button-container a {
    margin: 0;
    padding: 5px 10px;
    width: auto;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    cursor: pointer;
}
/*  Webkit browser hack: apply same horizontal padding as in moz browsers
    Moz Browsers have a default horizontal padding of 3px in input[type=submit] */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=submit], input[type=button], button {
        padding: 5px 8px 4px;
    }
}


/*  Submit & Basic Button Style ................................................... */

input[type=submit], input[type=button], button, 
a.button:link, a.button:visited, 
.button-container a:link, .button-container a:visited {
    color: #fff;
    border: 1px solid #4798b3;
    background: #52adcc;
    background: -moz-linear-gradient(top, #67c6e5, #52adcc);
    background: -webkit-gradient(linear, left top, left bottom, from(#67c6e5), to(#52adcc));
}


/*  Button User ................................................... */

a.button.user:link, a.button.user:visited {
    color: #fff;
    border: 1px solid #bfa043;
    background: #d9b64c;
    background: -moz-linear-gradient(top, #e5c050, #d9b64c);
    background: -webkit-gradient(linear, left top, left bottom, from(#e5c050), to(#d9b64c));
}


/*  Button Hover ................................................... */

input[type=submit]:hover, input[type=submit]:active, 
input[type=button]:hover, input[type=button]:active, 
button:hover, button:active, 
a.button:hover, a.button:active, 
a.button.user:hover, a.button.user:active, 
.button-container a:hover, .button-container a:active { 
    color: #fff;
    border: 1px solid #38312d;
    background: #453c37;
    background: -moz-linear-gradient(top, #5e5550, #453c37);
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5550), to(#453c37));
}


/*  Close & Cancel ................................................... */

a.close:link, a.close:visited, 
a.cancel:link, a.cancel:visited {
    color: #bfbcac !important;
    border-color: #bfbcac !important;
    background: #fff !important;
}
a.close:hover, a.close:active, 
a.cancel:hover, a.cancel:active {
    color: #59504c !important;
    border-color: #59504c !important;
    background: #fff !important;
}



/*  Button Containers
------------------------------------------------------------------------------------------------------ */

.button-container {
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}



/*  UL Actions
------------------------------------------------------------------------------------------------------ */

ul.actions {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    list-style-type: none !important;
}
ul.actions li {
    position: relative;
    float: left;
    margin-right: 10px;
    list-style-type: none !important;
}
ul.actions.right, 
ul.actions li.right {
    float: right;
}
ul.actions li.right {
    margin-right: 0;
    margin-left: 10px;
}


/*  UL Actions in Content-Title-Container ................................................... */

#content-title-container ul.actions {
    margin: 23px 0 -23px;
}
#content>ul.actions:first-child {
    margin: -5px 0 10px;
}


/*  UL Actions after Group Section-Container ................................................... */

.group.css-section-container + ul.actions {
    margin-top: 5px;
}


/*  UL Actions after Fieldset ................................................... */

fieldset + ul.actions {
    margin: 10px 0 20px;
}


/*  UL Actions in Box Menu ................................................... */

.box.menu ul.actions {
    padding-top: 10px;
    border-top: 1px solid #e6e4da;
}
.box.menu ul.listing + ul.actions {
    margin-top: 10px;
    padding-top: 0;
    border-top: 0;
}


/*  UL Actions in Box Detail ................................................... */

.box.detail ul.actions {
    width: auto;
/*    top: -2px;*/
}
.box.detail ul.actions li {
    margin-right: 0;
}

ul.actions.detail {
    position: absolute;
    top: -10px;
    right: 0;
    margin: 0 0 0 0 !important;
    width: auto;
}
ul.actions.detail li {
    margin-right: 0;
}


/*  UL Actions in Sidebar ................................................... */

#sidebar .module>ul.actions {
    top: -5px;
    margin-bottom: -5px;
}



/*  Links in UL Actions
------------------------------------------------------------------------------------------------------ */

ul.actions li a {
    display: block;
    height: 30px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    background-color: transparent;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
ul.actions.small li a, 
ul.actions.small li span, 
ul.actions li a.small,  
span.favourite-add {
    display: block;
    padding: 5px 0;
    height: 12px;
}

ul.actions li a.icon {
    width: 25px;
}


/*  Add/Remove Favourites ................................................... */

/*  not authenticated */
span.favourite-add {
    width: 25px;
    height: 16px;
    background-color: transparent;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

/*  authenticated */
span.favourite-add, 
a.favourite-add:link, a.favourite-add:visited {
    background-image: url('/static/site/img/icons/favourite-add.png');
}
a.favourite-add:hover, a.favourite-add:active {
    background-image: url('/static/site/img/icons/favourite-add-hover.png');
}
a.favourite-remove:link, a.favourite-remove:visited {
    background-image: url('/static/site/img/icons/favourite-remove.png');
}
a.favourite-remove:hover, a.favourite-remove:active {
    background-image: url('/static/site/img/icons/favourite-remove-hover.png');
}


/*  Add ................................................... */

a.actions-add {
    padding: 7px 0 0 40px;
    height: 23px !important;
    font-weight: bold;
}
a.actions-add:link, a.actions-add:visited {
    background-image: url('/static/site/img/icons/actions-add.png');
}
a.actions-add:hover, a.actions-add:active {
    background-image: url('/static/site/img/icons/actions-add-hover.png');
}

a.actions-add.small {
    padding: 3px 0 0 28px !important;
    height: 17px !important;
    font-weight: bold;
}
a.actions-add.small:link, a.actions-add.small:visited {
    background-image: url('/static/site/img/icons/actions-add-small.png');
}
a.actions-add.small:hover, a.actions-add.small:active {
    background-image: url('/static/site/img/icons/actions-add-small-hover.png');
}


/*  Move Up, Move Down ................................................... */

a.actions-move-up.small, 
a.actions-move-down.small {
    padding: 0;
    width: 20px;
    height: 20px;
    font-weight: bold;
}
a.actions-move-up.small:link, a.actions-move-up.small:visited {
    background-image: url('/static/site/img/icons/actions-move-up-small.png');
}
a.actions-move-up.small:hover, a.actions-move-up.small:active {
    background-image: url('/static/site/img/icons/actions-move-up-small-hover.png');
}
a.actions-move-down.small:link, a.actions-move-down.small:visited {
    background-image: url('/static/site/img/icons/actions-move-down-small.png');
}
a.actions-move-down.small:hover, a.actions-move-down.small:active {
    background-image: url('/static/site/img/icons/actions-move-down-small-hover.png');
}


/*  Edit, Delete ................................................... */

a.actions-edit.small, 
a.actions-delete.small {
    padding-left: 28px !important;
}
a.actions-edit.small:link, a.actions-edit.small:visited {
    background-image: url('/static/site/img/icons/actions-edit-small.png');
}
a.actions-edit.small:hover, a.actions-edit.small:active {
    background-image: url('/static/site/img/icons/actions-edit-small-hover.png');
}
a.actions-delete.small:link, a.actions-delete.small:visited {
    background-image: url('/static/site/img/icons/actions-delete-small.png');
}
a.actions-delete.small:hover, a.actions-delete.small:active {
    background-image: url('/static/site/img/icons/actions-delete-small-hover.png');
}


/*  Print, PDF, Viewsite ................................................... */

a.actions-pdf.small, 
a.actions-print.small, 
a.actions-viewsite.small {
    padding: 0;
    width: 17px;
    height: 16px;
    font-weight: bold;
}
a.actions-pdf.small:link, a.actions-pdf.small:visited {
    background-image: url('/static/site/img/icons/actions-pdf-small.png');
}
a.actions-pdf.small:hover, a.actions-pdf.small:active {
    background-image: url('/static/site/img/icons/actions-pdf-small-hover.png');
}
a.actions-print.small:link, a.actions-print.small:visited {
    background-image: url('/static/site/img/icons/actions-print-small.png');
}
a.actions-print.small:hover, a.actions-print.small:active {
    background-image: url('/static/site/img/icons/actions-print-small-hover.png');
}
a.actions-viewsite.small:link, a.actions-viewsite.small:visited {
    background-image: url('/static/site/img/icons/actions-viewsite-small.png');
}
a.actions-viewsite.small:hover, a.actions-viewsite.small:active {
    background-image: url('/static/site/img/icons/actions-viewsite-small-hover.png');
}



/*  Submit in Localize
------------------------------------------------------------------------------------------------------ */

#localize input[type=submit] {
    width: 92px !important;
}

/*#localize .button-container a:link, #localize .button-container a:visited, 
#localize input[type=submit] {
    color: #453c37;
    border: 1px solid #bfbcac;
    background: #ccc9b8;
    background: -moz-linear-gradient(top, #dedbce, #ccc9b8);
    background: -webkit-gradient(linear, left top, left bottom, from(#dedbce), to(#ccc9b8));
}
#localize .button-container a:hover, #localize .button-container a:active, 
#localize input[type=submit]:hover {
    color: #f2f0e6;
    border: 1px solid #38312d;
    background: #453c37;
    background: -moz-linear-gradient(top, #5e5550, #453c37);
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5550), to(#453c37));
}*/


/*  typography.css:
    2009 / vonautomatisch werkstaetten / vonautomatisch.at
------------------------------------------------------------------------------------------------------ */



/*  Headings
------------------------------------------------------------------------------------------------------ */


h1, h2, h3, h4 {
    font-weight: normal;
}

h1 {
    margin: 0 0 -2px;
    padding: 20px 0 0;
    font-size: 21px;
    line-height: 27px;
}
h1 .pretitle,
h1 .subtitle {
    display: block;
}
h1 .pretitle.small,
h1 .subtitle.small {
    font-size: 14px !important; line-height: 20px !important;
}

span.query {
    margin-left: 10px;
    color: #b3adaa;
}
span.query span {
    margin: 0 2px;
    color: #78706c;
}
a.remove-search {
    font-weight: bold;
}

h2 {
    margin: 0 0 10px;
    font-size: 18px;
}
h2.title {
    position: relative;
/*    display: inline;*/
    margin: 0;
    font-family: Georgia, serif !important;
    font-weight: normal !important;
}
#sidebar .box h2,
#content .box.subnavigation h2 {
    margin: 0;
    padding-bottom: 7px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}

h3 {
    font-size: 16px;
}

h4, h5 {
    font-size: 14px;
}



/*  Paragraphs & Spans
------------------------------------------------------------------------------------------------------ */

p {
    margin: 0 0 10px;
}

ul.favourites p {
    margin: 0;
}

.menu h2,
.menu h3,
.menu p {
    margin: 10px 0;
    margin: 0;
}

p.help {
    margin: 3px 0 0;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 13px !important;
}

.opening-hours-tomorrow {
    color: #ab9f9a !important;
}


p.note,
.note p {
    margin: 0 !important;
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
}
.note p {
    margin: 5px 0 !important;
}
.css-section-container.description p.note {
    margin: 0 0 8px !important;
}

span.entries {
    position: relative;
    float: right;
    right: 10px;
    margin-left: 10px;
    color: #aba09a;
    font-weight: bold;
}



/*  Images
------------------------------------------------------------------------------------------------------ */

img.thumbnail + ul.inline,
img.thumbnail + ul.inline + ul.inline {
/*    padding-left: 53px;*/
}



/*  Links
------------------------------------------------------------------------------------------------------ */

a { text-decoration: none; outline: none; }


/*  Basic Link Colors ................................................... */

a:link, a:visited {
    color: #d94f21;
}
a:hover, a:active, a.selected, .selected a {
    color: #59504c;
}


/*  Light Grey Variant ................................................... */

#breadcrumbs {
    color: #b3acaa;
}


/*  Light Red Variant ................................................... */

#breadcrumbs a:link, #breadcrumbs a:visited,
a.actions-print:link, a.actions-print:visited,
a.actions-pdf:link, a.actions-pdf:visited {
    color: #e5a18a;
}
#breadcrumbs a:hover, #breadcrumbs a:active,
a.actions-print:hover, a.actions-print:active {
    color: #59504c;
}

/*  Header ................................................... */

#header a:link, #header a:visited {
    color: #f26a3d;
}
#header a:hover, #header a:active {
    color: #e5e2cf;
}

#header li.tab>a {
    padding: 6px 10px 4px;
    border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;
}
#header ul.global-navigation li.tab>a:link, #header ul.global-navigation li.tab>a:visited {
    color: #fff;
    border: 1px solid #bfbcb6;
    border-bottom: 1px solid #a6a39d;
    background: #a6a39d;
    background: -moz-linear-gradient(top, #bfbcb6, #a6a39d);
    background: -webkit-gradient(linear, left top, left bottom, from(#bfbcb6), to(#999691));
}
#header ul.global-navigation li.menus.tab>a:link, #header ul.global-navigation li.menus.tab>a:visited {
    color: #fff;
    border: 1px solid #e56439;
    border-bottom: 1px solid #a6a39d;
    background: #e56439;
}
#header ul.global-navigation li.tab>a:hover, #header ul.global-navigation li.tab>a:active,
#header ul.global-navigation li.menus.tab>a:hover, #header ul.global-navigation li.menus.tab>a:active {
    color: #444 !important;
    border: 1px solid #fffdf7;
    border-bottom: 1px solid #d9d6ce;
    background: #f2f0eb !important;
}

body.tab-restaurants #header li.restaurants.tab a,
body.tab-menus #header li.menus.tab a,
body.tab-events #header li.events.tab a,
body.tab-blog #header li.blog.tab a {
    color: #444;
    border-color: #fffdf7;
    border-bottom: 1px solid transparent;
    background: #f2f0eb;
}

#header ul.user-navigation li.tab>a:link, #header ul.user-navigation li.tab>a:visited {
    color: #fff;
    border: 1px solid #d9b64c;
    border-bottom: 1px solid #bfa043;
    background: #d9b64c;
    background: -moz-linear-gradient(top, #d9b64c, #b3953e);
    background: -webkit-gradient(linear, left top, left bottom, from(#d9b64c), to(#b3953e));
}
#header ul.user-navigation li.tab>a:hover, #header ul.user-navigation li.tab>a:active,
#header ul.user-navigation li.pulldown-container.open>a {
    color: #444 !important;
    border: 1px solid #e5c050;
    border-bottom: 1px solid #ccab47 !important;
    background: #ccab47;
    background: -moz-linear-gradient(top, #f2cb55, #ccab47);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2cb55), to(#ccab47));
}
#header ul.user-navigation li.pulldown-container.open>a {
    position: relative;
    z-index: 2000;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccab47 !important;
}



/*  Main Filters ................................................... */

#main-filters a {
    font-weight: bold;
}


/*  External Link ................................................... */

a.external {
    padding-left: 15px;
    font-weight: bold;
}
a.external:link, a.external:visited {
    background: url('/static/site/img/icons/external.png') 0 50% no-repeat scroll;
}
a.external:hover, a.external:active {
    background: url('/static/site/img/icons/external-hover.png') 0 50% no-repeat scroll;
}
a.external.small {
    padding-left: 13px;
}
a.external.small:link, a.external.small:visited {
    background-image: url('/static/site/img/icons/external-small.png') 0 50% no-repeat scroll;
}
a.external.small:hover, a.external.small:active {
    background-image: url('/static/site/img/icons/external-small-hover.png') 0 50% no-repeat scroll;
}


/*  Menu ................................................... */

a.menu {
    font-size: 13px;
    line-height: 18px;
}
a.menu:link, a.menu:visited,
.module.calendar .box.days ul.listing a:link, .module.calendar .box.days ul.listing a:visited {
    color: #f7f6f0;
}
a.menu:hover, a.menu:active, a.menu.selected {
}
.inline.small a.menu {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 16px;
}


/*  Category ................................................... */

a.category {
    display: inline-block;
    padding-top: 1px;
    height: 15px;
    font-weight: bold;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
a.category:link, a.category:visited {
    color: #b39374;
}
a.category:hover, a.category:active, a.category.selected {
    color: #59504c;
}


/*  User: Yellow Variant ................................................... */

a.user:link, a.user:visited,
a.website-admin-switch:link, a.website-admin-switch:visited {
    color: #cca633;
}
a.user:hover, a.user:active, a.user.selected,
a.website-admin-switch:hover, a.website-admin-switch:active {
    color: #59504c;
}

#header a.user:link, #header a.user:visited,
#header a.favourite:link, #header a.favourite:visited {
    color: #d9b64c;
}
#header a.user:hover, #header a.user:active,
#header a.favourite:hover, #header a.favourite:active {
    color: #e5e2cf;
}

a.website-admin-switch {
    margin: 31px 0 0 !important;
    padding-left: 18px;
    font-weight: bold;
}
a.website-admin-switch:link, a.website-admin-switch:visited {
   background: url('/static/site/img/icons/website-admin-switch.png') 0 50% no-repeat scroll;
}
a.website-admin-switch:hover, a.website-admin-switch:active {
   background: url('/static/site/img/icons/website-admin-switch-hover.png') 0 50% no-repeat scroll;
}


/*  Box Announcement ................................................... */

.box.announcement a.user:link, .box.announcement a.user:visited {
    color: #d94f21;
}
.box.announcement a.user:hover, .box.announcement a.user:active {
    color: #59504c;
}


/*  Toggle Related Restaurants (Google Map) ................................................... */

a.toggle-related-restaurants {
    float: left; clear: both;
    padding: 2px 0 8px 17px;
    font-size: 12px;
    font-weight: bold;
    background: url('/static/site/img/icons/toggle-related-restaurants.png') 0 0 no-repeat scroll;
}
a.toggle-related-restaurants .hide,
a.toggle-related-restaurants.active .show {
    display: none;
}
a.toggle-related-restaurants.active .hide {
    display: inline-block;
}


/*  Subnavigations: Selected States ................................................... */

body.user-username a.user-username,
body.user-email a.user-email,
body.user-password a.user-password,
body.user-userdata a.user-userdata,
body.restaurant-maindata a.restaurant-maindata,
body.restaurant-address a.restaurant-address,
body.restaurant-hours a.restaurant-hours,
body.restaurant-note a.restaurant-note,
body.restaurant-detail a.restaurant-detail,
body.restaurant-openinghours a.restaurant-openinghours,
body.restaurant-gallery a.restaurant-gallery,
body.restaurant-events a.restaurant-events {
    color: #59504c;
    color: #F7F6F0;
}


/*  Badges ................................................... */

a.badge-appstore {
    position: relative; float: left;
    display: block;
    margin: -5px 0 5px;
}


/*  Social Media ................................................... */

a.facebook {
    position: relative; float: left;
    display: block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url('/static/site/img/icons/facebook.png') 0 0 no-repeat scroll;
}
a.twitter {
    position: relative; float: left;
    display: block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url('/static/site/img/icons/twitter.png') 0 0 no-repeat scroll;
}
a.youtube {
    position: relative; float: left;
    display: block;
    margin-right: 5px;
    width: 49px;
    height: 20px;
    background: url('/static/site/img/icons/youtube.png') 0 0 no-repeat scroll;
}



/*  Listings
------------------------------------------------------------------------------------------------------ */

ul {
    list-style-type: none;
}
ul li {
    list-style-type: none;
}



/*  Box Search-Results
------------------------------------------------------------------------------------------------------ */

.box.search-results .title {
    color: #aba09a;
    font-size: 21px;
    line-height: 27px;
}
.box.search-results .remove-search {
    position: relative;
    top: 9px;
}



/*  Box Detail
------------------------------------------------------------------------------------------------------ */

.box.detail h2 {
    font-weight: bold;
}
.box.detail h3 {
    margin: 0 0 5px;
    font-weight: bold;
}
.box.detail .row h3 {
    margin: 5px 0;
}
.box.detail h2.title {
    position: relative;
/*    top: 2px;*/
    margin-top: -3px !important;
    margin-bottom: 2px !important;
    padding-right: 50px;
    padding-bottom: 0 !important;
    font-size: 21px !important;
    line-height: 24px !important;
}
.box.detail a.thumbnail {
    margin: -5px 0 0;
}
.box.detail img.thumbnail {
    position: relative;
    float: left;
    display: inline-block;
    margin: -5px 0 1px;
    padding: 1px;
    height: 48px;
    border: 1px solid #d9d6ce;
    background: #f3f1e9;
}
.box.detail .row p {
    margin: 0;
}
.box.detail .row p.note {
    margin: 5px 0;
}

a.thumbnail {
    display: none;
}

.show-thumbnail h2.title {
    margin-top: 3px;
}

h3.title {
    margin: 0 !important;
    font-family: Georgia, serif !important;
    font-weight: normal !important;
}
.restaurant-details p.address {
    margin-top: 0px !important;
}
.restaurant-details.show-location .span.location {
    display: block;
}
.show-thumbnail a.thumbnail {
    display: block;
}
.restaurant-details.show-thumbnail {
    padding: 7px 0 0;
}
.restaurant-details.show-thumbnail img.thumbnail {
    position: relative;
    float: left;
    display: inline-block;
    margin: 0 -48px 0 0;
    padding: 1px;
    height: 48px;
    border: 1px solid #d9d6ce;
}
.restaurant-details.show-thumbnail h3.title {
    position: relative;
    display: inline-block;
    left: 58px;
    margin: 8px 0 0 !important;
    width: 80% !important;
}
.restaurant-details.show-thumbnail.show-location h3.title {
    margin: 1px 0 0 !important;
}
.restaurant-details.show-thumbnail p.address {
    padding-left: 62px;
}




/*  Box Subnavigation, Box Blog, Box Categories, Box Related, Box Map
------------------------------------------------------------------------------------------------------ */

.box.subnavigation h2,
.box.menu h2,
.box.blog h2,
.box.categories h2,
#content .box.subnavigation h2 {
    margin: 0;
    padding: 10px 0 5px !important;
    line-height: 22px !important;
    border-top: 4px solid #e6e4da;
}
.box.subnavigation a,
.box.blog a,
.box.categories a,
.box.user li a {
    display: block;
    padding: 5px 0;
    font-weight: bold;
}
.box.blog span {
    display: block;
    margin: 5px 0 -4px;
    color: #aba09a;
    font-size: 11px;
    font-weight: bold;
}

.box.subnavigation a,
.box.categories a {
    display: block;
    padding: 5px 10px;
    font-weight: bold;
/*    background: none repeat scroll 0 0 #EBE9E4;*/
/*    border: 1px solid #D9D6CE;*/
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.module.calendar .box .entries {
    top: -20px;
    margin-bottom: -20px;
    font-size: 12px;
}

.module.calendar ul.switch {
    position: relative;
    float: right;
    clear: both;
    top: -27px;
    margin-bottom: -30px;
}
.module.calendar ul.switch li {
    position: relative;
    float: left;
    margin-right: 8px;
}
.module.calendar ul.switch a,
.module.calendar ul.switch span {
    display: block;
    padding: 0;
    width: 15px;
    font-size: 11px;
    border: 0 !important;
    background-color: transparent;
}
.module.calendar ul.switch a.switch-calendar-previous:link, .module.calendar ul.switch a.switch-calendar-previous:visited {
    background: url('/static/site/img/icons/switch-previous.png') 0 50% no-repeat;
}
.module.calendar ul.switch a.switch-calendar-previous:hover, .module.calendar ul.switch a.switch-calendar-previous:active {
    background: url('/static/site/img/icons/switch-previous-hover.png') 0 50% no-repeat;
}
.module.calendar ul.switch span.switch-calendar-previous {
    background: url('/static/site/img/icons/switch-previous-inactive.png') 0 50% no-repeat;
}
.module.calendar ul.switch a.switch-calendar-next:link, .module.calendar ul.switch a.switch-calendar-next:visited {
    background: url('/static/site/img/icons/switch-next.png') 0 50% no-repeat;
}
.module.calendar ul.switch a.switch-calendar-next:hover, .module.calendar ul.switch a.switch-calendar-next:active {
    background: url('/static/site/img/icons/switch-next-hover.png') 0 50% no-repeat;
}
.module.calendar ul.switch span.switch-calendar-next {
    background: url('/static/site/img/icons/switch-next-inactive.png') 0 50% no-repeat;
}

.module.calendar .box ul.listing {
    padding-top: 3px;
    border-top: 1px solid #e6e4da;
}
.module.calendar .box li.legend {
    font-size: 11px;
    text-align: center;
}
.module.calendar .box.days ul.listing li {
    position: relative;
    float: left;
    margin: 0 2px 2px 0;
    width: 52px;
    border-top: 0;
}
.module.calendar .box.days ul.listing li.last {
    clear: right;
    margin-right: 0;
}
.module.calendar .box.days ul.listing li.last + li {
    clear: left;
}
.module.calendar .box.days ul.listing li a,
.module.calendar .box.days ul.listing li span {
    display: block;
    padding: 3px 0 2px;
    width: 50px;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: bold;
    text-align: center;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.module.calendar {
    display: none;
}
body.calendar-1 #calendar-1,
body.calendar-1 #calendar-1,
body.calendar-2 #calendar-2,
body.calendar-3 #calendar-3,
body.calendar-4 #calendar-4,
body.calendar-5 #calendar-5,
body.calendar-6 #calendar-6,
body.calendar-7 #calendar-7,
body.calendar-8 #calendar-8,
body.calendar-9 #calendar-9,
body.calendar-10 #calendar-10,
body.calendar-11 #calendar-11,
body.calendar-12 #calendar-12 {
    display: block;
}



/*  Box Categories
------------------------------------------------------------------------------------------------------ */

.box.categories a {
    height: auto;
}
.box.categories .entries {
    top: -19px;
}



/*  Box User
------------------------------------------------------------------------------------------------------ */

/*.box.user h2 {
    margin: 0 0 -1px !important;
    padding: 0 0 5px !important;
    color: #78706c;
    border-bottom: 2px solid #e6e4da;
}
.box.user .listing li a {
    display: block;
    margin: 0 0 -1px;
    padding: 5px 0;
    font-weight: normal;
    border-top: 1px solid #e6e4da;
    border-bottom: 0;
}
.box.user .listing li a:link, .box.user .listing li a:visited {
    color: #d9b64c;
}
.box.user .listing li a:hover, .box.user .listing li a:active {
    color: #59504c;
}*/



.box.user {
    color: #444;
}
.box.user .listing li {

}
.box.user a:link, .box.user a:visited {
    color: #fff;
}
.box.user a:hover, .box.user a:active {
    color: #444;
}



/*  Box Menu
------------------------------------------------------------------------------------------------------ */

.box.menu li a {
    padding: 3px 10px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.box.menu a.menu span {
    position: relative;
    display: inline-block;
    margin: -1px 0 2px !important;
    font-size: 11px !important;
/*    color: #d9d6ce;*/
    font-weight: normal !important;
}



/*  Box RTE
------------------------------------------------------------------------------------------------------ */

.box.rte {
    padding: 0;
}
.box.rte h2 {
    margin: 10px 0 !important;
    padding: 0 !important;
    font-size: 18px;
    line-height: 22px !important;
    font-weight: bold;
}
.box.rte h3 {
    margin: 10px 0;
    font-weight: bold;
}
.box.rte p {
    margin: 10px 0;
}
.box.rte p.date {
/*    margin: 5px 0;*/
}
.box.overview.rte p.date {
    margin-top: -3px;
}
.box.rte img {
/*    max-width: 540px;*/
}
.box.rte img + img {
    margin-top: 20px;
}

.box.rte .row {
    padding: 8px 0;
    border-top: 1px solid #e6e4da;
}
.box.rte .row:first-child {
    border-top: 0;
}
.box.rte .row.last {
    border-bottom-width: 1px;
}
.box.rte .row p {
    margin: 0 0 5px;
}

.box.rte ul {
    margin: 10px 0 10px 15px;
    list-style-type: disc;
}
.box.rte ul li {
    list-style-type: disc;
}
.box.rte ul.listing {
    margin: 0;
}
.box.rte ul.listing,
.box.rte ul.listing li {
    list-style-type: none;
}

.rte ul.disc {
    margin: 5px 0 5px 13px;
    list-style-type: disc;
}

.box.rte img.img_left,
.box.rte img.img_left_nospacetop {
    float: left;
    margin-top: 17px;
    margin-right: 20px;
    margin-bottom: 15px;
}
.box.rte img.img_right,
.box.rte img.img_right_nospacetop {
    float: right;
    margin-right: 20px;
}

.box.rte img.img_left_nospacetop,
.box.rte img.img_right_nospacetop {
    margin-top: 0;
}
.box.rte img.img_block {
    margin: 0;
}

body.tour .box.rte img {
    max-width: auto !important;
/*    margin-top: -9px;*/
    margin-left: -19px;
}
body.tour .box.rte h2 {
    clear: both;
    margin-bottom: 0 !important;
}
body.tour .box.rte p {
    clear: both;
}

.box.rte blockquote {
/*    text-indent: 20px;*/
    font-style: italic;
}




/*  Tour
------------------------------------------------------------------------------------------------------ */

span.tour-legend {
    float: left;
    display: block;
    margin: -4px 10px 0 0;
    width: 24px !important;
    height: 24px;
}
span.tour-legend.a {
    background: url('/static/site/img/icons/tour-legend-a.png') 50% 50% no-repeat scroll;
}
span.tour-legend.b {
    background: url('/static/site/img/icons/tour-legend-b.png') 50% 50% no-repeat scroll;
}
span.tour-legend.c {
    background: url('/static/site/img/icons/tour-legend-c.png') 50% 50% no-repeat scroll;
}
span.tour-legend.d {
    background: url('/static/site/img/icons/tour-legend-d.png') 50% 50% no-repeat scroll;
}
span.tour-legend.e {
    background: url('/static/site/img/icons/tour-legend-e.png') 50% 50% no-repeat scroll;
}
span.tour-legend.f {
    background: url('/static/site/img/icons/tour-legend-f.png') 50% 50% no-repeat scroll;
}


/*  Footer
------------------------------------------------------------------------------------------------------ */

#footer * {
    font-size: 12px !important;
}



/*  Steps: Numeric Icons
------------------------------------------------------------------------------------------------------ */

.step-container {
    position: relative;
    float: left;
    clear: both;
}
span.step-indicator {
    display: inline-block;
}
.small span.step-indicator,
span.step-indicator.small {
    margin-right: 5px;
    padding: 6px 7px 9px 9px;
    width: 8px;
    height: 8px;
    color: #eee;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
    background: #4d423d;
    background: -moz-linear-gradient(top, #665c57, #4d423d);
    background: -webkit-gradient(linear, left top, left bottom, from(#665c57), to(#4d423d));
}
.small span.step-content,
span.step-content.small {
    float: left;
    display: inline-block;
    margin: -18px 0 0 35px;
}



/* Errors
------------------------------------------------------------------------------------------------------ */

ul.errorlist {
    margin-top: 4px;
    color: #600;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}
ul.errorlist {
    color: #52adcc !important;
}



/*  Additional Typographic Styles
------------------------------------------------------------------------------------------------------ */

small, .small {
    font-size: 12px !important;
    line-height: 14px !important;
}
.mini {
    font-size: 11px !important;
    line-height: 13px !important;
}
.smaller {
    font-size: 14px !important;
}

big, .big {
    font-size: 16px !important;
}

.medium {
    color: #78706c;
}
.quiet {
    /*color: #999;*/
    color: #a69f9c;
}

#header-container .medium {
    color: #a6998d;
}

em {
    font-style: italic;
}

.normal {
    font-weight: normal !important;
}

.right {
    float: right;
    text-align: right !important;
}
.align-right {
    text-align: right !important;
}
.align-left {
    text-align: left !important;
}




.box.detail-test {
    padding: 10px 0;
}
.box.detail-test p {
/*    margin: 0 !important;*/
}




/*  Partner Logos on Index
------------------------------------------------------------------------------------------------------ */

p.partners {
    white-space: nowrap;
    text-align: center;
}
p.partners a {
    display: inline;
    margin-right: 14px;
    white-space: nowrap;
    vertical-align: middle;
}
p.partners a img {
    vertical-align: middle;
}




/* Basic Settings, Fieldsets, Form-Rows
------------------------------------------------------------------------------------------------------ */

form {
    position: relative; float: left; clear: both;
    margin: 0; padding: 0;
    width: 100%;
}

.form-row {
    position: relative; float: left; clear: both;
    padding: 10px 0 0;
    width: 100%;
}
.form-row:first-child {
    padding-top: 0;
}



/* Errors
------------------------------------------------------------------------------------------------------ */

.error input, 
.error textarea, 
.error select {
    border-color: #52adcc !important;
}



/* Labels
------------------------------------------------------------------------------------------------------ */

label {
    display: inline-block;
    margin: 0 0 2px;
    color: #453c37;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    cursor: pointer;
}
.required label, label.required {
    padding-right: 12px;
    background: url('/static/site/img/backgrounds/label-required.png') 100% 50% no-repeat scroll;
}
label.inline {
    display: inline-block;
}



/* Form Elements (Submit -> actions.css)
------------------------------------------------------------------------------------------------------ */

input, textarea, select, button {
    margin: 0;
    vertical-align: middle;
    color: #444;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    border: 1px solid #ddd;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    outline: none;
    background: #f4f4f4;
    background: #fff;
}

.detail.form input, .detail.form textarea, .detail.form select, .detail.form button, 
.group input, .group textarea, .group select, .group button {
    border-color: #bfbcac;
}

input[type=image] {
    margin: 5px 0 0 !important;
    padding: 0 !important;
    width: auto !important;
    border: 0 !important;
}

*:focus, input:focus, textarea:focus, select:focus {
    border-color: #999 #bbb #bbb #999;
}
select:focus * {
    border: none !important;
    outline: none !important;
}

#header input, #header textarea, #header select {
    border: 1px solid #aaa;
}


/*  Text, Password ................................................... */

input[type=text], input[type=password] {
    padding: 6px 5px 4px;
    height: 28px;
    height: auto;
}
/*  Webkit browser hack: apply same horizontal padding as in moz browsers
    Moz Browsers have a default horizontal padding of 3px in input[type=submit] */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=text], input[type=password] {
        line-height: 13px !important;
    }
}

input#search {
    padding-left: 10px;
    height: 25px;
    font-size: 12px;
    line-height: 16px;
    border-color: #d9d6ce;
    border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
}


/*  File ................................................... */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=file] {
        border: 0;
        background: none;
    }
}

/*  Textarea ................................................... */

textarea {
    vertical-align: top;
    height: 60px;
    padding: 3px 5px;
}


/*  Select ................................................... */

select {
    padding: 4px 3px 4px 3px;
    height: 25px;
    height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        padding: 3px 28px 3px 8px;
        -webkit-appearance: textfield;
        background: #fff url('/static/site/img/icons/dropdown-icon.png') 100% 50% no-repeat;
    }
}
select[multiple=multiple] {
    padding-right: 5px;
    height: 160px;
}


/*  Checkbox, Radio ................................................... */

input[type=checkbox], input[type=radio] {
    position: relative;
    top: -1px;
    margin: 0 10px 0 0;
    width: auto !important;
}



/* Radiolist
------------------------------------------------------------------------------------------------------ */

.radiolist ul li {
    padding: 5px 0;
    border-top: 1px solid #ddd;
}



/* Form Fields in Grid
------------------------------------------------------------------------------------------------------ */

input[class*="span"], select[class*="span"], textarea[class*="span"] {
    margin-right: 0;
}
input[type=submit], input[type=reset] {
    width: auto !important;
}

.span-24 input, 
.span-24 select, 
.span-24 textarea { width: 940px; }
.span-23 input, 
.span-23 select, 
.span-23 textarea { width: 900px; }
.span-22 input, 
.span-22 select, 
.span-22 textarea { width: 860px; }
.span-21 input, 
.span-21 select, 
.span-21 textarea { width: 820px; }
.span-20 input, 
.span-20 select, 
.span-20 textarea { width: 780px; }
.span-19 input, 
.span-19 select, 
.span-19 textarea { width: 740px; }
.span-18 input, 
.span-18 select, 
.span-18 textarea { width: 700px; }
.span-17 input, 
.span-17 select, 
.span-17 textarea { width: 660px; }
.span-16 input, 
.span-16 select, 
.span-16 textarea { width: 620px; }
.span-15 input, 
.span-15 select, 
.span-15 textarea { width: 580px; }
.span-14 input, 
.span-14 select, 
.span-14 textarea { width: 540px; }
.span-13 input, 
.span-13 select, 
.span-13 textarea { width: 500px; }
.span-12 input, 
.span-12 select, 
.span-12 textarea { width: 460px; }
.span-11 input, 
.span-11 select, 
.span-11 textarea { width: 420px; }
.span-10 input, 
.span-10 select, 
.span-10 textarea { width: 380px; }
.span-9 input, 
.span-9 select, 
.span-9 textarea  { width: 340px; }
.span-8 input, 
.span-8 select, 
.span-8 textarea  { width: 300px; }
.span-7 input, 
.span-7 select, 
.span-7 textarea  { width: 260px; }
.span-6 input, 
.span-6 select, 
.span-6 textarea  { width: 220px; }
.span-5 input, 
.span-5 select, 
.span-5 textarea  { width: 180px; }
.span-4 input, 
.span-4 select, 
.span-4 textarea  { width: 140px; }
.span-3 input, 
.span-3 select, 
.span-3 textarea  { width: 100px; }
.span-2 input, 
.span-2 select, 
.span-2 textarea  { width: 60px; }
.span-1 input, 
.span-1 select, 
.span-1 textarea  { width: 20px; }


/*  Form Fields in Subcontainer-14 ......................................... */

.subcontainer-14 .span-14 input, 
.subcontainer-14 .span-14 select, 
.subcontainer-14 .span-14 textarea { width: 524px; }
.subcontainer-14 .span-13 input, 
.subcontainer-14 .span-13 select, 
.subcontainer-14 .span-13 textarea { width: 486px; }
.subcontainer-14 .span-12 input, 
.subcontainer-14 .span-12 select, 
.subcontainer-14 .span-12 textarea { width: 448px; }
.subcontainer-14 .span-11 input, 
.subcontainer-14 .span-11 select, 
.subcontainer-14 .span-11 textarea { width: 410px; }
.subcontainer-14 .span-10 input, 
.subcontainer-14 .span-10 select, 
.subcontainer-14 .span-10 textarea { width: 372px; }
.subcontainer-14 .span-9 input, 
.subcontainer-14 .span-9 select, 
.subcontainer-14 .span-9 textarea  { width: 334px; }
.subcontainer-14 .span-8 input, 
.subcontainer-14 .span-8 select, 
.subcontainer-14 .span-8 textarea  { width: 296px; }
.subcontainer-14 .span-7 input, 
.subcontainer-14 .span-7 select, 
.subcontainer-14 .span-7 textarea  { width: 258px; }
.subcontainer-14 .span-6 input, 
.subcontainer-14 .span-6 select, 
.subcontainer-14 .span-6 textarea  { width: 220px; }
.subcontainer-14 .span-5 input, 
.subcontainer-14 .span-5 select, 
.subcontainer-14 .span-5 textarea  { width: 182px; }
.subcontainer-14 .span-4 input, 
.subcontainer-14 .span-4 select, 
.subcontainer-14 .span-4 textarea  { width: 144px; }
.subcontainer-14 .span-3 input, 
.subcontainer-14 .span-3 select, 
.subcontainer-14 .span-3 textarea  { width: 106px; }
.subcontainer-14 .span-2 input, 
.subcontainer-14 .span-2 select, 
.subcontainer-14 .span-2 textarea  { width: 68px; }
.subcontainer-14 .span-1 input, 
.subcontainer-14 .span-1 select, 
.subcontainer-14 .span-1 textarea  { width: 30px; }

.span-14 input[type=file] {
    width: 250px;
}


/*  structures.css: Very Basic Site Structures
    2009 / vonautomatisch werkstaetten / vonautomatisch.at
------------------------------------------------------------------------------------------------------ */



/*  Margins
------------------------------------------------------------------------------------------------------ */

.margin                         { margin:           10px !important; }
.margin-top                     { margin-top:       10px !important; }
.margin-bottom                  { margin-bottom:    10px !important; }
.margin-left                    { margin-left:      10px !important; }
.margin-right                   { margin-right:     10px !important; }
.margin-vertical                { margin-top:       10px !important; margin-bottom:     10px !important; }
.margin-horizontal              { margin-left:      10px !important; margin-right:      10px !important; }

.margin-small                   { margin:           5px !important; }
.margin-top-small               { margin-top:       5px !important; }
.margin-bottom-small            { margin-bottom:    5px !important; }
.margin-left-small              { margin-left:      5px !important; }
.margin-right-small             { margin-right:     5px !important; }
.margin-vertical-small          { margin-top:       5px !important; margin-bottom:      5px !important; }
.margin-horizontal-small        { margin-left:      5px !important; margin-right:       5px !important; }

.margin-large                   { margin:           20px !important; }
.margin-top-large               { margin-top:       20px !important; }
.margin-bottom-large            { margin-bottom:    20px !important; }
.margin-left-large              { margin-left:      20px !important; }
.margin-right-large             { margin-right:     20px !important; }
.margin-vertical-large          { margin-top:       20px !important; margin-bottom:     20px !important; }
.margin-horizontal-large        { margin-left:      20px !important; margin-right:      20px !important; }

.no-margin                      { margin:           0 !important; }
.no-margin-top                  { margin-top:       0 !important; }
.no-margin-bottom               { margin-bottom:    0 !important; }
.no-margin-left                 { margin-left:      0 !important; }
.no-margin-right                { margin-right:     0 !important; }
.no-margin-vertical             { margin-top:       0 !important; margin-bottom:        0 !important; }
.no-margin-horizontal           { margin-left:      0 !important; margin-right:         0 !important; }



/*  Paddings
------------------------------------------------------------------------------------------------------ */

.padding                        { padding:           10px !important; }
.padding-top                    { padding-top:       10px !important; }
.padding-bottom                 { padding-bottom:    10px !important; }
.padding-left                   { padding-left:      10px !important; }
.padding-right                  { padding-right:     10px !important; }
.padding-vertical               { padding-top:       10px !important; padding-bottom:    10px !important; }
.padding-horizontal             { padding-left:      10px !important; padding-right:     10px !important; }

.padding-small                  { padding:           5px !important; }
.padding-top-small              { padding-top:       5px !important; }
.padding-bottom-small           { padding-bottom:    5px !important; }
.padding-left-small             { padding-left:      5px !important; }
.padding-right-small            { padding-right:     5px !important; }
.padding-vertical-small         { padding-top:       5px !important; padding-bottom:      5px !important; }
.padding-horizontal-small       { padding-left:      5px !important; padding-right:       5px !important; }

.padding-large                  { padding:           20px !important; }
.padding-top-large              { padding-top:       20px !important; }
.padding-bottom-large           { padding-bottom:    20px !important; }
.padding-left-large             { padding-left:      20px !important; }
.padding-right-large            { padding-right:     20px !important; }
.padding-vertical-large         { padding-top:       20px !important; padding-bottom:     20px !important; }
.padding-horizontal-large       { padding-left:      20px !important; padding-right:      20px !important; }

.no-padding                     { padding:           0 !important; }
.no-padding-top                 { padding-top:       0 !important; }
.no-padding-bottom              { padding-bottom:    0 !important; }
.no-padding-left                { padding-left:      0 !important; }
.no-padding-right               { padding-right:     0 !important; }
.no-padding-vertical            { padding-top:       0 !important; padding-bottom:        0 !important; }
.no-padding-horizontal          { padding-left:      0 !important; padding-right:         0 !important; }



/*  Borders
------------------------------------------------------------------------------------------------------ */

.border-top                     { border-top:       2px solid #444 !important; }
.border-bottom                  { border-bottom:    2px solid #444 !important; }
.border-left                    { border-left:      2px solid #444 !important; }
.border-right                   { border-right:     2px solid #444 !important; }
.border-vertical                { border-top:       2px solid #444 !important; border-bottom:    2px solid #444 !important; }
.border-horizontal              { border-left:      2px solid #444 !important; border-right:     2px solid #444 !important; }

.border-top-thin                { border-top:       1px solid #444 !important; }
.border-bottom-thin             { border-bottom:    1px solid #444 !important; }
.border-left-thin               { border-left:      1px solid #444 !important; }
.border-right-thin              { border-right:     1px solid #444 !important; }
.border-vertical-thin           { border-top:       1px solid #444 !important; border-bottom:    1px solid #444 !important; }
.border-horizontal-thin         { border-left:      1px solid #444 !important; border-right:     1px solid #444 !important; }

.border-top-thick               { border-top:       4px solid #444 !important; }
.border-bottom-thick            { border-bottom:    4px solid #444 !important; }
.border-left-thick              { border-left:      4px solid #444 !important; }
.border-right-thick             { border-right:     4px solid #444 !important; }
.border-vertical-thick          { border-top:       4px solid #444 !important; border-bottom:    4px solid #444 !important; }
.border-horizontal-thick        { border-left:      4px solid #444 !important; border-right:     4px solid #444 !important; }

.border-top-quiet                { border-top:       2px solid #ccc !important; }
.border-bottom-quiet              { border-bottom:    2px solid #ccc !important; }
.border-left-quiet                { border-left:      2px solid #ccc !important; }
.border-right-quiet               { border-right:     2px solid #ccc !important; }
.border-vertical-quiet            { border-top:       2px solid #ccc !important; border-bottom:    2px solid #ccc !important; }
.border-horizontal-quiet          { border-left:      2px solid #ccc !important; border-right:     2px solid #ccc !important; }

.border-top-thin-quiet            { border-top:       1px solid #ccc !important; }
.border-bottom-thin-quiet         { border-bottom:    1px solid #ccc !important; }
.border-left-thin-quiet           { border-left:      1px solid #ccc !important; }
.border-right-thin-quiet          { border-right:     1px solid #ccc !important; }
.border-vertical-thin-quiet       { border-top:       1px solid #ccc !important; border-bottom:    1px solid #ccc !important; }
.border-horizontal-thin-quiet     { border-left:      1px solid #ccc !important; border-right:     1px solid #ccc !important; }

.border-top-thick-quiet           { border-top:       4px solid #ccc !important; }
.border-bottom-thick-quiet        { border-bottom:    4px solid #ccc !important; }
.border-left-thick-quiet          { border-left:      4px solid #ccc !important; }
.border-right-thick-quiet         { border-right:     4px solid #ccc !important; }
.border-vertical-thick-quiet      { border-top:       4px solid #ccc !important; border-bottom:    4px solid #ccc !important; }
.border-horizontal-thick-quiet    { border-left:      4px solid #ccc !important; border-right:     4px solid #ccc !important; }

.no-border-top                  { border-top:       none !important; }
.no-border-bottom               { border-bottom:    none !important; }
.no-border-left                 { border-left:      none !important; }
.no-border-right                { border-right:     none !important; }
.no-border-vertical             { border-top:       none !important; border-bottom:    none !important; }
.no-border-horizontal           { border-left:      none !important; border-right:     none !important; }



/*  Map
------------------------------------------------------------------------------------------------------ */


#map-container {
    position: relative;
    height: auto;
}
#map {
    position: relative;
    height: 400px;
}



/*  GMNO Print
------------------------------------------------------------------------------------------------------ */

.gmnoprint {
    z-index: 400 !important;
}

#smc.gmnoprint + .gmnoprint div {
    width: 60px !important;
    border: 0 !important;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    box-shadow: 1px 1px 2px #59504c; -moz-box-shadow: 1px 1px 2px #59504c; -webkit-box-shadow: 1px 1px 2px #59504c;
    background: #f2f0e6;
    background: -moz-linear-gradient(top, #f7f5eb, #f0eee4);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f0), to(#f2f0e6));
}
#smc.gmnoprint + .gmnoprint div:hover {
    background: #d9d5c3;
    background: -moz-linear-gradient(top, #ebe8da, #d9d5c3);
    background: -webkit-gradient(linear, left top, left bottom, from(#ebe8da), to(#d9d5c3));
}

#smc.gmnoprint + .gmnoprint div {
    right: 132px !important;
}
#smc.gmnoprint + .gmnoprint div + div {
    right: 67px !important;
}
#smc.gmnoprint + .gmnoprint div + div + div {
    right: 2px !important;
}

#smc.gmnoprint + .gmnoprint div div {
    padding: 2px 0 !important;
    width: 60px !important;
    color: #59504c !important;
    font-size: 11px !important;
    line-height: 15px !important;
    border: 1px solid #463d38 !important;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#smc.gmnoprint + .gmnoprint div div[style*="font-weight"] {
    border: 1px solid #38312d !important;
    background: #d9d5c3;
    background: -moz-linear-gradient(top, #d9d5c3, #ebe8da);
    background: -webkit-gradient(linear, left top, left bottom, from(#ebe8da), to(#d9d5c3));
}

#smc.gmnoprint {
    background: url('/static/site/img/backgrounds/smc.png') 0 0 no-repeat scroll !important;
}

#smc.gmnoprint img {
    display: none !important;
}
#smc.gmnoprint div {
    border: 0 !important;
}

.infoBox {
    /*display: none;*/
    position: absolute;
    padding: 10px;
    width: 200px;
    margin: 8px 0 0 1px;
    border: 1px solid #38312d;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    box-shadow: 3px 3px 5px #59504c; -moz-box-shadow: 3px 3px 5px #59504c; -webkit-box-shadow: 3px 3px 5px #59504c;
    background: #fff;
}
#map_message_pointer {
    display: block;
    position: absolute;
    top: -10px;
    left: -12px;
    width: 18px;
    height: 23px;
    background: transparent url('/static/site/img/icons/map-message-pointer.png') 0 0 no-repeat scroll;
}
.infoBox h2.title {
    position: relative;
    z-index: 100;
    display: block;
    margin: 0 30px 10px 0 !important;
    font-size: 18px !important;
    line-height: 18px !important;
}
.infoBox > img {
    position: relative;
    top: -5px;
    right: -5px;
    float: right;
}
.infoBox a.external.small {
    padding-left: 15px;
}



/*  Modules
------------------------------------------------------------------------------------------------------ */

.module {
    position: relative; float: left; clear: both;
    margin: 0 0 10px;
    width: 100%;
}

#main-filters .module,
#content-title .module {
    margin-bottom: 0 !important;
}

#content .box.rte,
#sidebar .box.rte,
.box.pagination {
    border-top: 4px solid #e6e4da;
}



/*  UL Inline
------------------------------------------------------------------------------------------------------ */

ul.inline {
    position: relative; float: left; clear: both;
    margin: 0 !important;
    width: 100%;
    list-style-type: none !important;
}
ul.inline li {
    float: left;
    margin-right: 10px;
    list-style-type: none !important;
}

ul.inline.menus li {
    margin-top: 3px;
    margin-right: 3px;
}
.module.overview ul.inline.categories {
    margin: 0 0 -2px !important;
}
.module.overview ul.inline.categories + ul.inline.menus {
    margin: 5px 0 0 !important;
}



/*  Ul Listing
------------------------------------------------------------------------------------------------------ */

ul.listing li {
    border-top: 1px solid #e6e4da;
}
ul.listing:first-child li:first-child {
    border-top: 0;
}
.box.subnavigation ul.listing li,
.box.categories ul.listing li {
    margin-bottom: 2px;
    border-top: 0;
}



/*  Boxes
------------------------------------------------------------------------------------------------------ */

.box {
    position: relative;
    margin: 0;
    padding: 0;
}
.box .box {
    margin-left: -9px;
}

.column.span-14 .box {
    width: 540px;
}
.subcontainer-14 .box {
    width: 522px;
}
.column.span-6 .box {
    width: 202px;
    width: 220px;
}
.column.span-4 .box {
    width: 122px;
    width: 140px;
}
.subcontainer-14 .box.detail {
    width: 524px;
}
.subcontainer-10 .box.detail {
    width: 362px;
}



/*  Box RTE Overview
------------------------------------------------------------------------------------------------------ */

.box.rte.overview  {
    padding-bottom: 10px;
}



/*  Box Detail
------------------------------------------------------------------------------------------------------ */

.box.detail {
    float: left;
    clear: both;
}
.box.detail {
    padding: 8px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

/*.box.detail.opening-hours-closed {
    opacity: .66;
    filter: alpha(opacity=66);
    background: #fff !important;
}
.box.detail.opening-hours-closed:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
*/

.box.detail .row {
    position: relative;
    float: left;
    clear: both;
    display: block;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e5e2da;
}
.box.detail.form .row {
    border-top: 1px solid #f3f1e9;
    border-bottom: 1px solid #c3d3d9;
}
.module.service-packages.selected .box.detail .row {
    border-top: 1px solid #f2cb55;
    border-bottom: 1px solid #ccab47;
}
.box.detail .row.first, .box.detail .row:first-child {
    margin-top: 8px;
    padding-top: 0;
    border-top: 0 !important;
}
.box.detail .row.last {
    padding-bottom: 0;
    border-bottom: 0 !important;
}



/*  Box Subnavigation, Box Blog, Box Categories, Box Related, Box Map
------------------------------------------------------------------------------------------------------ */

.box.subnavigation,
.box.blog,
.box.categories,
.box.related,
.box.map {
    float: left; clear: both;
    width: 100%;
}



/*  Box User
------------------------------------------------------------------------------------------------------ */

.box.favourites {
    margin-top: 0;
    margin-left: -10px;
}
.box.user {
    padding: 10px 10px 0;
    border: 1px solid #bfa043;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    background: #d9b341;
    background: -moz-linear-gradient(top, #e5c050, #d9b341);
    background: -webkit-gradient(linear, left top, left bottom, from(#e5c050), to(#d9b341));
}
.span-6 .box.user {
    width: 198px !important;
}
.span-4 .box.user {
    width: 118px !important;
}
.box.user ul.listing {
    margin-bottom: 0px;
}
.box.user ul.listing li {
    margin: 0;
    padding: 0;
    font-weight: bold;
    border-top: 1px solid #ccab47;
}

.box ul.listing.user li {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
}



/*  Box Menu
------------------------------------------------------------------------------------------------------ */

.box.menu ul.listing li {
    margin: 0 0 2px;
    padding: 0;
    border: 0 !important;
}



/*  Box Announcement
------------------------------------------------------------------------------------------------------ */

.box.announcement {
    padding: 10px 10px 0;
    border: 1px solid #e5dab8;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.span-6 .box.announcement {
    width: 198px !important;
}
.span-4 .box.announcement {
    width: 118px !important;
}



/*  Box Social Media
------------------------------------------------------------------------------------------------------ */

.box.social-media {
    padding: 15px 0 5px;
    border-top: 4px solid #e6e4da;
}



/*  Subcontainer 14
------------------------------------------------------------------------------------------------------ */

.subcontainer-14 .group {
    padding: 8px;
    width: 524px;
}
.subcontainer-14 .module {
    padding: 0 8px;
    margin: 0 -8px 10px !important;
    width: 100%;
}
.subcontainer-14 .group .module {
    padding: 0 8px;
    margin: 0 -8px !important;
}



/*  Subnavigation
------------------------------------------------------------------------------------------------------ */

ul.subnavigation {
    position: relative; float: left; clear: both;
    margin: -10px 0 10px;
    width: 100%;
    font-weight: bold;
}
ul.subnavigation li {
    padding: 5px 0;
    border-top: 1px solid #e6e4da;
}
ul.subnavigation li.first, ul.subnavigation li:first-child {
    border-top: 0;
}
ul.subnavigation li.last, ul.subnavigation li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}



/*  Submit Row
------------------------------------------------------------------------------------------------------ */

.submit-row {
    position: relative; float: left; clear: both;
    margin: 20px 0;
    width: 100%;
}
.submit-row ul {
    position: relative; float: left; clear: both;
    width: 100%;
}
.submit-row ul li {
    position: relative; float: right;
    margin: 0 0 0 10px;
}
.submit-row ul li.left {
    float: left;
    margin: 0 10px 0 0;
}



/*  Table Service Packages
------------------------------------------------------------------------------------------------------ */

.service-packages table {
    font-size: 12px;
    width: 100%;
}
.service-packages table th,
.service-packages table td {
    width: 21.5%;
    text-align: center;
    font-weight: bold;
}
.service-packages table .legend {
    width: 35.5%;
}
.service-packages table .title,
.service-packages table .legend,
.service-packages table .description {
    text-align: left;
}
.service-packages table th,
.service-packages table .legend {
    font-weight: bold;
}
.service-packages table thead th {
    padding: 5px 0;
    vertical-align: top;
}
.service-packages table thead th + th,
.service-packages table tbody td + td {
    padding-left: 20px;
}
.service-packages table tr td {
    padding: 5px 0;
    border-top: 1px solid #e6e4da;
}
.service-packages table tr.last td {
    padding-bottom: 10px;
}
.service-packages table td.title {
    padding: 10px 0 5px;
    font-size: 15px;
    font-weight: bold;
    border-top: 2px solid #e6e4da;
}
.service-packages table tbody .legend {
    color: #78706c;
}
.service-packages table .service-packages .box.detail .price {
    font-family: Georgia;
    font-size: 17px;
    font-weight: normal;
}
.service-packages .box.detail h2.title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 21px !important;
    text-align: center !important;
}
.service-packages .box.detail .price span {
    font-family: Helvetica;
    font-size: 11px;
}
.service-packages p.description {
    margin: 3px 0 0;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
}
.service-packages table .service-packages .box.index {
    font-weight: normal;
}
.service-packages table .service-packages .box.index * {
    text-align: left;
}
.service-packages table tbody p.description {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}
.service-packages table .status {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: 50% 50% no-repeat scroll;
}
.service-packages table .true .status {
    background-image: url('/static/site/img/icons/status-true-small.png');
}
.service-packages table .true.optional .status {
    background-image: url('/static/site/img/icons/status-true-optional-small.png');
}
.service-packages table .false .status {
    background-image: url('/static/site/img/icons/status-false-small.png');
}



/*  Component Backgrounds (Colors & Gradients)
------------------------------------------------------------------------------------------------------ */


/*  Light Grey Variant ................................................... */

#main-filters,
.box.announcement,
.group.css-section-container,
.group.css-add-category,
ul.schedule li a:link, ul.schedule li a:visited,
ul.options a:link, ul.options a:visited {
    border: 1px solid #d9d6ce;
    background: #e5e3da;
    background: -moz-linear-gradient(top, #f2f0eb, #e5e3da);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f0eb), to(#e5e3da));
}

.box.detail,
.group.css-section-container,
.group.css-add-category,
.box.subnavigation a,
.box.categories a,
.box.subnavigation.calendar.days span {
    border: 1px solid #e5e2da;
    background: #f2f1e9;
    background: -moz-linear-gradient(top, #f7f6f0, #f2f1e9);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f0), to(#f2f1e9));
}


/*  Light Red Variant ................................................... */

a.menu.draft:link, a.menu.draft:visited {
    border: 1px solid #d99882;
    background: #fff;
    background: #e5a18a;
    background: -moz-linear-gradient(top, #f2b39d, #e5a18a);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2b39d), to(#e5a18a));
}


/*  Red Variant ................................................... */

a.menu:link, a.menu:visited,
ul.schedule li a:hover, ul.schedule li a:active, ul.schedule li.selected a,
.module.calendar .box.days ul.listing a:link, .module.calendar .box.days ul.listing a:visited {
    border: 1px solid #bf451d;
    background: #d94f21;
    background: -moz-linear-gradient(top, #e56439, #d94f21);
    background: -webkit-gradient(linear, left top, left bottom, from(#e56439), to(#d94f21));
}


/*  Dark Grey Variant ................................................... */

#header,
a.menu:hover, a.menu:active, a.menu.selected,
a.menu.draft:hover, a.menu.draft:active,
body.user-username a.user-username,
body.user-email a.user-email,
body.user-password a.user-password,
body.user-userdata a.user-userdata,
body.restaurant-maindata a.restaurant-maindata,
body.restaurant-address a.restaurant-address,
body.restaurant-hours a.restaurant-hours,
body.restaurant-note a.restaurant-note,
body.restaurant-detail a.restaurant-detail,
body.restaurant-openinghours a.restaurant-openinghours,
body.restaurant-gallery a.restaurant-gallery,
body.restaurant-events a.restaurant-events,
.module.calendar .box.days ul.listing a:hover, .module.calendar .box.days ul.listing a:active, .module.calendar .box.days ul.listing a.selected {
    border: 1px solid #332c29;
    background: #4d423d;
    background: -moz-linear-gradient(top, #665c57, #4d423d);
    background: -webkit-gradient(linear, left top, left bottom, from(#665c57), to(#4d423d));
}


/*  Red Variant Overrides ................................................... */

ul.schedule li a:hover, ul.schedule li a:active, ul.schedule li.selected a {
    border: 1px solid #bf451d;
    background: #d94f21;
    background: -moz-linear-gradient(top, #e56439, #d94f21);
    background: -webkit-gradient(linear, left top, left bottom, from(#e56439), to(#d94f21));
}


/*  Box Detail in Forms ................................................... */

form .box.detail {
    border: 1px solid #c3d3d9;
    background: #daecf2;
}


/*  Service-Packages (Payment): Box Selected Package ................................................... */

.module.service-packages.selected .box.detail {
    border: 1px solid #ccab47;
    background: #e5c050;
    background: -moz-linear-gradient(top, #f2cb55, #e5c050);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2cb55), to(#e5c050));
}


/* Desaturated (Paket Mini) */

.box.detail.desaturate {
    color: #aea9a7 !important;
    /*border: 1px solid #f0eee9;
    background: #faf9f5 !important;*/
}
.box.detail.desaturate a:link, .box.detail.desaturate a:visited {
    color: #aea9a7;
}
/*.box.detail.desaturate a.category:link, .box.detail.desaturate a.category:visited {
    color: #d9c9b9;
}*/
.box.detail.desaturate a:hover, .box.detail.desaturate a:active,
.box.detail.desaturate a.category:hover, .box.detail.desaturate a.category:active {
    color: #59504C;
}
.box.detail.desaturate h2.title a:link, .box.detail.desaturate  h2.title a:visited {
    color: #59504C;
}
.box.detail.desaturate h2.title a:hover, .box.detail.desaturate  h2.title a:active {
    color: #D94F21;
}
.box.detail.desaturate a.menu:link, .box.detail.desaturate a.menu:visited {
    border: 1px solid #e5b5a5;
    color: #F7F6F0;
    background: #eca790;
}
.box.detail.desaturate a.menu:hover, .box.detail.desaturate a.menu:active {
    border: 1px solid #332c29 !important;
    background: #4d423d;
    background: -moz-linear-gradient(top, #665c57, #4d423d);
    background: -webkit-gradient(linear, left top, left bottom, from(#665c57), to(#4d423d));
}


.box.detail.desaturate .medium {
    color: #aea9a7 !important;
}
.box.detail.desaturate .quiet {
    color: #bbb7b5 !important;
}

/*.box.detail.desaturate .row {
    border-top: 1px solid white;
    border-bottom: 1px solid #f0eee9;
}*/


/*  Portal elements ................................................... */

.portal-box {
    height: 134px;
}




.subcontainer-14 + .submit-row {
    width: 544px !important;
}


/*  Groups
------------------------------------------------------------------------------------------------------ */

.group {
    position: relative; float: left; clear: both;
}



/*  Sections, Categories & Entries
------------------------------------------------------------------------------------------------------ */

.group.css-section-container {
    margin-bottom: 10px;
    padding-bottom: 0;
    border: 1px solid #d9d8ce;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.group.css-add-category {
    padding-top: 10px;
    padding-bottom: 0;
    border: 1px solid #d9d8ce;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.group.css-section-container h2 {
    margin-bottom: 0;
    padding: 0 0 5px;
    font-family: Georgia, serif;
    font-size: 21px;
    line-height: 28px;
    font-weight: normal !important;
}
.group.css-section-container h3,
.group.css-section-container p {
    margin-bottom: 8px;
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal !important;
}

.group.css-section-container.restaurantmenus p.quiet {
    color: #a69f9c;
}

.group.css-section-container.restaurantmenus p.address, .group.css-section-container.restaurantmenus p.distance {
    font-family: Helvetica, Arial, sans-serif;
}

.group.css-section-container.restaurantmenus p.opening-hours {
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 0;
}

.group.css-section-container.restaurantmenus p.opening-hours.last {
    margin-bottom: 8px;
}

.group.css-section-container p {
    color: #78706c;
}
.group.css-section-container h2 + p {
    margin-top: -3px;
    font-size: 13px;
    line-height: 15px;
}
.group.css-section-container h3 + p {
    margin-top: -8px;
    font-size: 13px;
    line-height: 15px;
}
.group.css-section-container p.datetime {
    margin-bottom: -5px;
    font-size: 16px !important;
    line-height: 20px !important;
}


.group.section-container-empty {
    display: none;
}

.group .css-entry-container,
.group .css-section-container {
    position: relative; float: left; clear: both;
    width: 100%;
}
.subcontainer-14 .module.loading {
    display: block;
    padding: 4px 8px 12px;
    width: 100%;
    text-indent: 30px;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    border: 0;
    background: url('/static/site/img/backgrounds/loading-indicator-localize.gif') 9px 2px no-repeat scroll !important;
}
.categories .entries .module.loading {
    margin-top: 0;
    padding: 12px 8px;
    width: 100%;
    text-indent: 30px;
    border: 0;
    border-top: 2px solid #e5e4da;
    background: url('/static/site/img/backgrounds/loading-indicator-localize.gif') 9px 10px no-repeat scroll !important;
}
.categories .entries .css-entry .module.loading {
    margin-top: -11px !important;
}

.group .module.css-entry,
.group .module.css-add-entry {
    padding: 10px 8px 0;
    margin: 0 -8px !important;
    border-top: 1px solid #e5e4da;
    background: #fff;
}
.group .module.css-entry {
/*    background: #fff;*/
}
.group .module.css-add-entry {
    padding-bottom: 10px;
    border-top: 1px solid #d9d8ce;
}

/*.group .css-entry-container:first-child .module.css-entry,
.group .module.css-add-entry {
    border-top: 2px solid #e5e4da;
}*/
.group .module.css-entry.alt1 {
/*    background: #f2f0eb;*/
}
.group form .box.detail/*,
.group .module.css-entry:hover*/ {
    background: #daecf2 !important;
}
.group .module.css-entry.first {
    border-top: 1px solid #d9d8ce;
}
.group.css-section-container>.module.css-entry:first-child {
    margin-top: -8px !important;
    border-top: 0 !important;
}
.group .entries form .box.detail {
/*    border-bottom: 1px solid #ccc !important;*/
}

.group.css-section-container .module.css-section-footer ul.actions {
    margin: 0 -8px !important;
    padding: 8px;
    width: 100%;
    border-top: 2px solid #e5e4da;
}

.group form .submit-row {
    margin: 13px 0 5px;
}

.subcontainer-14 .group form .module {
    margin: -10px -8px 0 !important;
    padding: 0 !important;
}

.subcontainer-14 .group form .box.detail {
    border: 0;
}
.subcontainer-14 .group form .box.detail {
    margin-top: 2px;
    border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0;
}
.subcontainer-14 .group .css-entry form .box.detail {
    margin-top: 0;
    padding-top: 10px;
    border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
}
.subcontainer-14 .group form .box.detail .column p.text {
    margin: 18px 0 0;
}

.menu-form .submit-row {
    margin-bottom: 10px;
}
.group.css-section-container>.module.css-entry:first-child {
    border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px;
    border-top-right-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px;
}

.subcontainer-14 .group form.menu-form .box.detail,
.group .css-category-add form .box.detail,
.group .css-entry-add form .box.detail,
.group .module.css-entry.last,
.group .module.css-entry:last-child,
.group .module.css-add-entry {
    border-bottom-left-radius: 2px !important; -moz-border-radius-bottomleft: 2px !important; -webkit-border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important; -moz-border-radius-bottomright: 2px !important; -webkit-border-bottom-right-radius: 2px !important;
}

.group .css-entry-container .module.css-entry {
    border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;
}


.restaurant-menu .group.css-section-container .module.css-entry {
    background: #fff !important;
}
.restaurant-menu .group.css-section-container.description {
    background: transparent !important;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Helvetica, Arial, sans-serif;
    color: #59504c;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #c3d3d9;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    background: #daecf2;
}
.ui-widget .ui-widget {
    font-size: 13px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.ui-widget-content {
    
}
/*.ui-widget-content a { color: #333333; }*/
.ui-widget-header {
    color: #59504c;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #59504c;
    border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;
/*    background: #555;
    background: -moz-linear-gradient(top, #404040, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#41b3d9), to(#3693b2));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#41b3d9', endColorstr='#3693b2')";
*/}

/*.ui-widget-header a { color: #ffffff; }*/

.ui-widget-header + * {
    border-top: 1px solid #444;
}

/* Interaction states
----------------------------------*/

a.ui-state-default {
    font-weight: bold;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
/*    background: #333;*/
}
a.ui-state-default:hover, a.ui-state-default:active {
    color: #fff;
    background: #41b3d9;
    background: -moz-linear-gradient(top, #41b3d9, #3693b2);
    background: -webkit-gradient(linear, left top, left bottom, from(#41b3d9), to(#3693b2));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#41b3d9', endColorstr='#3693b2')";
    
}
a.ui-state-active {
    color: #444;
    background: #e6e6e6;
/*    background: -moz-linear-gradient(top, #b6e1f2, #99becc);
    background: -webkit-gradient(linear, left top, left bottom, from(#41b3d9), to(#3693b2));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#41b3d9', endColorstr='#3693b2')";
*/    
}
/*.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url('/static/site/css/images/ui-bg_glass_100_f6f6f6_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url('/static/site/css/images/ui-bg_glass_100_fdf5ce_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url('/static/site/css/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }*/

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url('/static/site/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png') 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url('/static/site/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .20; filter:Alpha(Opacity=20); background-image: none; }

/* Icons REMOVED
----------------------------------*/



/* Misc visuals
----------------------------------*/

/* Corner radius */
/*.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
*/
/* Overlays */
.ui-widget-overlay {
/*    background: #555 url('/static/site/img/backgrounds/ui-widget-overlay.png');*/
    background: #555;
    opacity: .50;
    filter:Alpha(Opacity=50);
}
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url('/static/site/css/images/ui-bg_flat_10_000000_40x100.png') 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('/static/site/css/images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	margin: -1px;
}
/* Button
----------------------------------*/

/*.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */*/
/*.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */*/
/*button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */*/
/*.ui-button-icons-only { width: 3.4em; } */
/*button.ui-button-icons-only { width: 3.7em; } */

/*button text element */
/*.ui-button .ui-button-text { display: block; line-height: 1.4;  }*/
/*.ui-button-text-only .ui-button-text { padding: .4em 1em; }*/
/*.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }*/
/*.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }*/
/*.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }*/
/* no icon support for input elements, provide padding by default */
/*input.ui-button { padding: .4em 1em; }*/

/*button icon element(s) */
/*.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }*/
/*.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }*/
/*.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }*/
/*.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }*/

/*button sets*/
/*.ui-buttonset { margin-right: 7px; }*/
/*.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }*/

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */





/* Dialog
----------------------------------*/

.ui-dialog {
    position: absolute;
    padding: 10px;
    width: 300px;
    overflow: hidden;
    box-shadow: 0 10px 50px #444; -moz-box-shadow: 0 10px 50px #444; -webkit-box-shadow: 0 10px 50px #444;
}
.ui-dialog .ui-widget-header {
    margin: -10px 0 0;
    padding: 19px 0 6px;
    font-size: 17px;
}
/*.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }*/
.ui-dialog .ui-dialog-title {
    float: left;
    margin-right: 10px;
    margin-top: -4px;
    font-family: Georgia, serif;
    font-size: 21px;
    line-height: 25px;
    font-weight: normal;
} 
.ui-dialog a.ui-dialog-titlebar-close {
    position: absolute;
    top: 20px;
    right: 10px;
    display: block;
    width: 16px;
    height: 16px;
    background: 50% 50% no-repeat;
}
.ui-dialog a.ui-dialog-titlebar-close:link, .ui-dialog a.ui-dialog-titlebar-close:visited {
    background-image: url('/static/site/img/icons/ui-close.png');
}.ui-dialog a.ui-dialog-titlebar-close:hover, .ui-dialog a.ui-dialog-titlebar-close:active, .ui-dialog .ui-dialog-titlebar-close:focus {
    background-image: url('/static/site/img/icons/ui-close-hover.png');
}
.ui-dialog .ui-dialog-titlebar-close span { display: none; }

.ui-dialog .ui-dialog-content {
    font-family: Georgia, serif;
}
.ui-dialog .ui-dialog-content p {
    margin: 10px 0;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    margin: 10px 0 0;
    padding: 0;
}
/*.ui-dialog .ui-dialog-buttonpane button {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button + button {
    margin-right: 10px;
}
*//*  "Abbrechen" Button */
.ui-dialog .ui-dialog-buttonpane button {
    float: left;
    margin-right: 10px;
    height: auto;
    color: #bfbcac;
    border: 1px solid #bfbcac;
    background: #fff;
}
/*  Bestätitgen Button */
.ui-dialog .ui-dialog-buttonpane button:first-child {
    float: right;
    margin: 0;
    color: #fff;
    border: 1px solid #4798b3;
    background: #52adcc;
    background: -moz-linear-gradient(top, #67c6e5, #52adcc);
    background: -webkit-gradient(linear, left top, left bottom, from(#67c6e5), to(#52adcc));
}
.ui-dialog .ui-dialog-buttonpane button:hover {
    color: #fff;
    border: 1px solid #38312d;
    background: #453c37;
    background: -moz-linear-gradient(top, #5e5550, #453c37);
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5550), to(#453c37));
}

/*
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }*/
/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Datepicker
----------------------------------*/
.ui-datepicker {
    width: 220px;
    padding: 5px 5px 0;
    box-shadow: 0 10px 50px #444; -moz-box-shadow: 0 10px 50px #444; -webkit-box-shadow: 0 10px 50px #444;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0 0 5px;
}
.ui-datepicker a.ui-datepicker-prev, 
.ui-datepicker a.ui-datepicker-next {
    position: absolute;
    width: 28px;
    height: 28px;
    background: 50% 50% no-repeat scroll;
    cursor: pointer;
}
.ui-datepicker a.ui-datepicker-prev {
    left: 0;
    background-image: url('/static/site/img/icons/ui-datepicker-prev.png');
}
.ui-datepicker a.ui-datepicker-next {
    right: 0;
    background-image: url('/static/site/img/icons/ui-datepicker-next.png');
}
.ui-datepicker a.ui-datepicker-prev-hover {
    background-image: url('/static/site/img/icons/ui-datepicker-prev-hover.png');
}
.ui-datepicker a.ui-datepicker-next-hover {
    background-image: url('/static/site/img/icons/ui-datepicker-next-hover.png');
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.ui-datepicker select {
/*     background: #e6e6e6;*/
}
.ui-datepicker select.ui-datepicker-month-year { width: 150px; }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
    width: 150px;
}
.ui-datepicker .ui-datepicker-year {
    display: none;
    margin-left: 10px;
    color: #999;
    font-weight: bold;
}

.ui-datepicker table {
    width: 100%;
    font-size: 11px;
    border-collapse: collapse;
    margin: 0 0 5px;
}
.ui-datepicker th {
    width: 14.3%;
    padding: 10px 3px 5px;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 3px 0 2px;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
/*.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }*/

/* RTL support */
/*.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }*/

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}