/*
  Widget stylesheet
  
*/
/* Single Resto Widget ---------------------------------------------------- */
/* Default style */
#reservation-widget {
  position: relative;
  margin-top: 0;
  color: #000;
  background: transparent; }
  #reservation-widget a:hover,
  #reservation-widget a:focus {
    text-decoration: none; }
  #reservation-widget #page {
    margin-top: 0;
    margin-bottom: 0;
    margin: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    background: transparent;
    font-size: 1em; }
  #reservation-widget form h3 {
    margin: 0;
    font-weight: normal;
    text-transform: none;
    font-size: 1.2em;
    width: auto;
    border-top: none;
    padding: .75em 0 .5em; }
  #reservation-widget form input[type="text"], #reservation-widget form textarea {
    width: 50%;
    min-width: 155px; }
  #reservation-widget form input[type="radio"], #reservation-widget form input[type="checkbox"] {
    width: auto;
    min-width: auto; }
  #reservation-widget form label {
    width: 70px; }
  #reservation-widget form #order_submit {
    width: 100px;
    min-width: 100px; }
  #reservation-widget form .inline_help {
    margin: .25em 0 .25em 80px; }
  #reservation-widget form li label {
    width: auto; }
  #reservation-widget form input[type="submit"].time {
    min-width: 47px;
    border: 2px solid #c33802;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 0 1px 0;
    width: 47px;
    line-height: 1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #c33802;
    margin: 4px 4px; }
    #reservation-widget form input[type="submit"].time:hover, #reservation-widget form input[type="submit"].time:focus {
      border-color: #393939;
      color: #393939; }
  #reservation-widget form input[type="submit"][disabled].time {
    border: 2px solid #999;
    color: #999; }
    #reservation-widget form input[type="submit"][disabled].time:hover, #reservation-widget form input[type="submit"][disabled].time:focus {
      border-color: #999;
      color: #999; }
  #reservation-widget form .field label {
    font-weight: normal;
    width: 70px;
    font-family: "ProximaNova", arial, sans-serif; }
  #reservation-widget form .field.check.i-sms-reminder {
    position: relative;
    padding-left: 0; }
    #reservation-widget form .field.check.i-sms-reminder label {
      margin-left: 0; }
  #reservation-widget form .field.check.i-tos-acceptance {
    position: relative;
    padding-left: 0;
    font-size: 1em;
    font-size: .9em; }
    #reservation-widget form .field.check.i-tos-acceptance label {
      margin-left: 0;
      position: relative; }
  #reservation-widget form .field.required:after {
    color: #c33802;
    content: '*';
    font-family: headline_font;
    background: none;
    font-size: 18px;
    line-height: 12px;
    margin-left: 0; }
  #reservation-widget form .field.check {
    padding-left: 10px; }
    #reservation-widget form .field.check label {
      font-size: .95em; }
    #reservation-widget form .field.check.required:after {
      color: #c33802;
      content: '*';
      font-family: headline_font;
      background: none;
      font-size: 18px;
      line-height: 12px;
      margin-left: 0; }
  #reservation-widget #ce-header {
    padding: 5px 12px 3px 12px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
    #reservation-widget #ce-header h1 {
      display: none;
      margin: 0; }
    #reservation-widget #ce-header h2 {
      color: #fff;
      text-transform: uppercase;
      font-size: 1.2em;
      text-transform: uppercase;
      margin: 0;
      letter-spacing: 2px;
      font-weight: normal; }
  #reservation-widget #ce-wrapper {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  #reservation-widget #ce-main-content {
    background-color: transparent; }
  #reservation-widget #ce-footer {
    background: transparent;
    color: #ccc;
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    margin: 0 0 -5px 0;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; }
    #reservation-widget #ce-footer p.ce-legal {
      margin-left: 8px;
      margin-bottom: 0;
      font-size: .8em;
      color: white;
      float: left; }
      #reservation-widget #ce-footer p.ce-legal a {
        color: #ccc;
        text-decoration: none; }
        #reservation-widget #ce-footer p.ce-legal a:hover, #reservation-widget #ce-footer p.ce-legal a:focus {
          color: #fff;
          text-decoration: underline; }
        #reservation-widget #ce-footer p.ce-legal a.ce-logo {
          float: right;
          margin: 0 8px 10px 5px; }
  #reservation-widget .section-top {
    background: transparent;
    padding: 0 12px 0 12px;
    margin: 0;
    font-family: "ProximaNova", arial, sans-serif;
    zoom: 1; }
    #reservation-widget .section-top:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
  #reservation-widget .section-bottom {
    padding: 0 12px 20px 12px; }
  #reservation-widget .subhead {
    padding: 0 12px;
    margin: 0 -12px 0.25em; }
    #reservation-widget .subhead p {
      margin: 0;
      padding-top: .5em; }
  #reservation-widget #reservation-info {
    font-size: 1.15em; }
    #reservation-widget #reservation-info h3 {
      margin-bottom: .25em; }
    #reservation-widget #reservation-info .dateline {
      color: black; }
      #reservation-widget #reservation-info .dateline em {
        border-right: 1px solid #7b7b75;
        padding: 3px 10px 3px 10px;
        font-style: normal; }
        #reservation-widget #reservation-info .dateline em.first {
          padding-left: 0; }
        #reservation-widget #reservation-info .dateline em.last {
          border: none; }
    #reservation-widget #reservation-info #reservation-edit .right {
      position: absolute;
      right: 15px;
      padding-top: .5em; }
    #reservation-widget #reservation-info #reservation-header p {
      color: #565555; }
    #reservation-widget #reservation-info #reservation-header .dateline {
      padding: .25em 0; }
  #reservation-widget .actions {
    position: relative;
    margin: 10px 0 0; }
  #reservation-widget.widget-home #party-size #party-size-content .party-size {
    float: left;
    margin-left: 15px;
    margin-bottom: 5px; }
  #reservation-widget.widget-home #party-size #party-size-content .date-picker {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 120px;
    text-align: left;
    position: static;
    top: 0;
    left: 0;
    right: auto; }
  #reservation-widget.widget-home #time-selection #times {
    margin: 0px 13px; }
  #reservation-widget.widget-home .actions {
    margin: 10px 10px 0 10px;
    padding: 3px 5px;
    background: transparent;
    font-size: 1.1em;
    zoom: 1; }
    #reservation-widget.widget-home .actions:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #reservation-widget.widget-home .actions a {
      color: #999;
      text-decoration: none; }
      #reservation-widget.widget-home .actions a:hover {
        color: #000; }
    #reservation-widget.widget-home .actions .earlier-page {
      margin: 0;
      padding: 0;
      float: left; }
      #reservation-widget.widget-home .actions .earlier-page a {
        display: block;
        padding-left: 3px; }
        #reservation-widget.widget-home .actions .earlier-page a:before {
          content: '\2329  ';
          font-color: #b5b4b0;
          font-weight: bold; }
    #reservation-widget.widget-home .actions .later-page {
      margin: 0;
      padding: 0;
      float: right; }
      #reservation-widget.widget-home .actions .later-page a {
        display: block;
        padding-right: 3px; }
        #reservation-widget.widget-home .actions .later-page a:after {
          content: '  \232A';
          font-color: #b5b4b0;
          font-weight: bold; }
  #reservation-widget.widget-form #reservation-info #reservation-edit .right {
    position: absolute;
    right: 15px;
    padding-top: .5em; }
  #reservation-widget.widget-form #reservation-request {
    padding-top: .5em; }
    #reservation-widget.widget-form #reservation-request .i-phone-set {
      position: relative; }
  #reservation-widget .confirmation-message h2.enjoyment {
    display: none; }

/* Header Mixin ------------------------------------------------------------*/
/* Layout Mixins -----------------------------------------------------------*/
#reservation-widget.rect header#ce-header h2 {
  font-size: 1em; }
#reservation-widget.rect #reservation-info {
  font-size: 1em; }
#reservation-widget.rect form h3 {
  font-size: 1em; }
#reservation-widget.rect .section-bottom {
  padding-bottom: 5px; }
#reservation-widget.rect #ce-footer {
  padding: 4px 0; }
  #reservation-widget.rect #ce-footer p.ce-legal {
    margin-bottom: 0px; }
    #reservation-widget.rect #ce-footer p.ce-legal .ce-logo {
      margin-bottom: 0px; }
      #reservation-widget.rect #ce-footer p.ce-legal .ce-logo img {
        width: 30px;
        height: 30px; }
#reservation-widget.rect.widget-confirm .confirmation-message {
  padding-top: 5px; }
  #reservation-widget.rect.widget-confirm .confirmation-message p {
    margin-bottom: 0; }
#reservation-widget.rect .section-bottom {
  padding-bottom: 5px; }
#reservation-widget.rect .section-top, #reservation-widget.rect .section-bottom {
  padding: 0 5px; }
#reservation-widget.rect .section-bottom {
  padding-bottom: 5px; }
#reservation-widget.rect .subhead {
  margin-left: -5px;
  margin-right: -5px;
  padding-right: 5px;
  padding-left: 5px; }
#reservation-widget.rect form label {
  display: block;
  text-align: left;
  width: auto;
  float: none; }
#reservation-widget.rect form input[type="text"], #reservation-widget.rect form textarea {
  margin-left: 0;
  float: none; }
#reservation-widget.rect form .inline_help {
  margin-left: 0; }
#reservation-widget.rect form .field.check.i-tos-acceptance label, #reservation-widget.rect form .field.check.i-sms-reminder label, #reservation-widget.rect form .field.checks label {
  float: none;
  text-align: left;
  width: auto;
  margin-left: 5px;
  margin-right: 0;
  display: inline; }
#reservation-widget.rect form .field.check.i-tos-acceptance, #reservation-widget.rect form .field.check.i-sms-reminder, #reservation-widget.rect form .field.check {
  margin: 1em 0;
  padding-left: 0; }
#reservation-widget.rect.widget-home #time-selection {
  padding-bottom: 5px; }
  #reservation-widget.rect.widget-home #time-selection #times {
    margin: 0; }
    #reservation-widget.rect.widget-home #time-selection #times input {
      margin: 1px 0; }
#reservation-widget.rect.widget-home #party-size #party-size-content .party-size {
  margin-left: 0; }
#reservation-widget.rect.widget-home #party-size #party-size-content .date-picker {
  margin-left: 0px; }
#reservation-widget.rect #reservation-info {
  font-size: 1em;
  padding-bottom: 5px; }
  #reservation-widget.rect #reservation-info #reservation-header p {
    color: #000; }
  #reservation-widget.rect #reservation-info #reservation-header .dateline {
    color: black; }
    #reservation-widget.rect #reservation-info #reservation-header .dateline em {
      border-right: 1px solid #cfc8be;
      padding: 3px 5px 3px 5px;
      font-style: normal; }
      #reservation-widget.rect #reservation-info #reservation-header .dateline em.first {
        padding-left: 0; }
      #reservation-widget.rect #reservation-info #reservation-header .dateline em.last {
        border: none; }
#reservation-widget.rect .actions {
  margin-left: 0;
  margin-right: 0; }
  #reservation-widget.rect .actions .earlier-page {
    margin-left: -3px; }
    #reservation-widget.rect .actions .earlier-page a:after {
      padding: 0; }
#reservation-widget.rect .later-page a {
  margin-right: -3px; }
  #reservation-widget.rect .later-page a:after {
    padding: 0; }
#reservation-widget.rect #ce-footer {
  padding: 4px 0; }
  #reservation-widget.rect #ce-footer p.ce-legal {
    margin-bottom: 0px; }
    #reservation-widget.rect #ce-footer p.ce-legal .ce-logo {
      margin-bottom: 0px; }
      #reservation-widget.rect #ce-footer p.ce-legal .ce-logo img {
        width: auto;
        height: auto; }

#reservation-widget.short_mini form input[type="submit"].time {
  border: 2px solid #c33802;
  width: 40px;
  padding: 1px 0 2px;
  height: 24px;
  margin: 4px 0px; }
  #reservation-widget.short_mini form input[type="submit"].time:hover {
    color: #000;
    border: 2px solid #000; }
#reservation-widget.short_mini form input[type="submit"][disabled].time {
  border: 2px solid #999;
  color: #999; }
  #reservation-widget.short_mini form input[type="submit"][disabled].time:hover, #reservation-widget.short_mini form input[type="submit"][disabled].time:focus {
    border-color: #999;
    color: #999; }
#reservation-widget.short_mini #time-selection #times-wrapper {
  position: relative; }
  #reservation-widget.short_mini #time-selection #times-wrapper #times {
    width: 89%;
    text-align: center;
    margin: 0 auto; }
    #reservation-widget.short_mini #time-selection #times-wrapper #times input {
      z-index: 2;
      position: relative; }
  #reservation-widget.short_mini #time-selection #times-wrapper .actions {
    width: 100%;
    padding: 0;
    margin: -10px 0 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    background: none;
    z-index: 0; }
    #reservation-widget.short_mini #time-selection #times-wrapper .actions .earlier-page {
      width: 20px;
      height: 20px;
      padding: 0; }
      #reservation-widget.short_mini #time-selection #times-wrapper .actions .earlier-page a {
        display: block;
        background: #c33802;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        width: 20px;
        height: 17px;
        padding: 0;
        margin: 0;
        color: #fff;
        padding-top: 3px;
        overflow: hidden; }
        #reservation-widget.short_mini #time-selection #times-wrapper .actions .earlier-page a:before {
          content: '\2039 ';
          font-size: 25px;
          line-height: 10px;
          padding-left: 5px;
          padding-right: 10px;
          font-weight: normal; }
    #reservation-widget.short_mini #time-selection #times-wrapper .actions .later-page {
      width: 20px;
      height: 20px;
      padding: 0; }
      #reservation-widget.short_mini #time-selection #times-wrapper .actions .later-page a {
        display: block;
        background: #c33802;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        width: 20px;
        height: 17px;
        padding: 0;
        margin: 0;
        color: #fff;
        padding-top: 4px;
        overflow: hidden; }
        #reservation-widget.short_mini #time-selection #times-wrapper .actions .later-page a:before {
          content: '\203A';
          font-size: 25px;
          line-height: 10px;
          padding-left: 6px;
          padding-right: 10px;
          font-weight: normal; }
#reservation-widget.short_mini header#ce-header h2 {
  font-size: 1em; }
#reservation-widget.short_mini #reservation-info {
  font-size: 1em; }
#reservation-widget.short_mini form h3 {
  font-size: 1em; }
#reservation-widget.short_mini .section-bottom {
  padding-bottom: 5px; }
#reservation-widget.short_mini #ce-footer {
  padding: 4px 0; }
  #reservation-widget.short_mini #ce-footer p.ce-legal {
    margin-bottom: 0px; }
    #reservation-widget.short_mini #ce-footer p.ce-legal .ce-logo {
      margin-bottom: 0px; }
      #reservation-widget.short_mini #ce-footer p.ce-legal .ce-logo img {
        width: 30px;
        height: 30px; }
#reservation-widget.short_mini.widget-confirm .confirmation-message {
  padding-top: 5px; }
  #reservation-widget.short_mini.widget-confirm .confirmation-message p {
    margin-bottom: 0; }

/* Cityeats-header style */
#reservation-widget.cityeats-header #ce-header,
#reservation-widget.Classic #ce-header,
#reservation-widget.CityEats #ce-header {
  background: #000;
  color: #fff;
  position: relative;
  padding-top: 0;
  padding: 15px;
  border: 0;
  width: auto;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  height: 120px; }
  #reservation-widget.cityeats-header #ce-header *,
  #reservation-widget.Classic #ce-header *,
  #reservation-widget.CityEats #ce-header * {
    margin: 0; }
  #reservation-widget.cityeats-header #ce-header a,
  #reservation-widget.Classic #ce-header a,
  #reservation-widget.CityEats #ce-header a {
    color: #C33802; }
  #reservation-widget.cityeats-header #ce-header h1,
  #reservation-widget.Classic #ce-header h1,
  #reservation-widget.CityEats #ce-header h1 {
    display: block;
    position: absolute;
    margin: 0;
    left: 15px;
    top: 15px;
    z-index: 0; }
    #reservation-widget.cityeats-header #ce-header h1 a,
    #reservation-widget.Classic #ce-header h1 a,
    #reservation-widget.CityEats #ce-header h1 a {
      margin: 0;
      display: block;
      width: 147px;
      height: 125px;
      text-indent: -9999em;
      background: url("../../images/logo-cityeats-color.png") no-repeat;
      opacity: 1;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #reservation-widget.cityeats-header #ce-header h1 a:hover, #reservation-widget.cityeats-header #ce-header h1 a:focus,
      #reservation-widget.Classic #ce-header h1 a:hover,
      #reservation-widget.Classic #ce-header h1 a:focus,
      #reservation-widget.CityEats #ce-header h1 a:hover,
      #reservation-widget.CityEats #ce-header h1 a:focus {
        outline: none;
        opacity: .9; }
  #reservation-widget.cityeats-header #ce-header h2,
  #reservation-widget.Classic #ce-header h2,
  #reservation-widget.CityEats #ce-header h2 {
    color: white;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.3em;
    letter-spacing: 2px;
    position: absolute;
    left: 145px;
    top: 55px;
    margin: 0; }

/* Legacy style */
#reservation-widget.legacy #ce-header {
  background: #000;
  color: #fff;
  position: relative;
  padding-top: 0;
  padding: 15px;
  border: 0;
  width: auto;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  height: 120px; }
  #reservation-widget.legacy #ce-header * {
    margin: 0; }
  #reservation-widget.legacy #ce-header a {
    color: #C33802; }
  #reservation-widget.legacy #ce-header h1 {
    display: block;
    position: absolute;
    margin: 0;
    left: 15px;
    top: 15px;
    z-index: 0; }
    #reservation-widget.legacy #ce-header h1 a {
      margin: 0;
      display: block;
      width: 147px;
      height: 125px;
      text-indent: -9999em;
      background: url("../../images/logo-cityeats-color.png") no-repeat;
      opacity: 1;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #reservation-widget.legacy #ce-header h1 a:hover, #reservation-widget.legacy #ce-header h1 a:focus {
        outline: none;
        opacity: .9; }
  #reservation-widget.legacy #ce-header h2 {
    color: white;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.3em;
    letter-spacing: 2px;
    position: absolute;
    left: 145px;
    top: 55px;
    margin: 0; }
#reservation-widget.legacy #page {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 0px; }
#reservation-widget.legacy #ce-main-content {
  background: transparent;
  background: #e9e2da; }
#reservation-widget.legacy #ce-header {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }
#reservation-widget.legacy .section-top, #reservation-widget.legacy .section-bottom {
  background: transparent;
  margin: 0 0 0 0;
  padding-top: 5px;
  padding-bottom: 10px;
  background: transparent;
  border: 1px solid #cfc8be;
  zoom: 1;
  font-family: helvetica, arial, sans-serif; }
  #reservation-widget.legacy .section-top:after, #reservation-widget.legacy .section-bottom:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
#reservation-widget.legacy .section-bottom {
  border-top: 0; }
#reservation-widget.legacy #ce-footer {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 5px 0 5px; }
  #reservation-widget.legacy #ce-footer p.ce-legal a {
    color: #decdae;
    text-decoration: none; }
    #reservation-widget.legacy #ce-footer p.ce-legal a:hover {
      color: #fff; }
#reservation-widget.legacy #reservation-info {
  font-size: 1em;
  padding-bottom: 5px; }
  #reservation-widget.legacy #reservation-info #reservation-header p {
    color: #000; }
  #reservation-widget.legacy #reservation-info #reservation-header .dateline {
    color: black; }
    #reservation-widget.legacy #reservation-info #reservation-header .dateline em {
      border-right: 1px solid #cfc8be;
      padding: 3px 10px 3px 10px;
      font-style: normal; }
      #reservation-widget.legacy #reservation-info #reservation-header .dateline em.first {
        padding-left: 0; }
      #reservation-widget.legacy #reservation-info #reservation-header .dateline em.last {
        border: none; }
#reservation-widget.legacy form {
  font-family: helvetica, arial, sans-serif; }
  #reservation-widget.legacy form input[type="text"], #reservation-widget.legacy form textarea {
    width: 155px; }
  #reservation-widget.legacy form h3 {
    font-size: 1em;
    margin: 0;
    font-family: helvetica, arial, sans-serif; }
  #reservation-widget.legacy form .field.check.i-tos-acceptance label, #reservation-widget.legacy form .field.check.i-sms-reminder label, #reservation-widget.legacy form .field.checks label {
    float: none;
    text-align: left;
    width: auto;
    margin-left: 5px;
    margin-right: 0;
    font-size: 1em; }
  #reservation-widget.legacy form .field.check.i-tos-acceptance, #reservation-widget.legacy form .field.check.i-sms-reminder, #reservation-widget.legacy form .field.check {
    margin: 1em 0;
    padding-left: 15px; }
  #reservation-widget.legacy form input[type="submit"].time {
    border: 2px solid #C33802;
    color: #C33802;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 2px;
    margin: 0 0 2px;
    padding: 0 0 1px 0;
    width: 57px;
    line-height: 1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    #reservation-widget.legacy form input[type="submit"].time:hover, #reservation-widget.legacy form input[type="submit"].time:focus {
      color: #C33802;
      border-color: #C33802; }
  #reservation-widget.legacy form input[type="submit"][disabled].time {
    border: 2px solid #CCC;
    color: #CCC; }
    #reservation-widget.legacy form input[type="submit"][disabled].time:hover, #reservation-widget.legacy form input[type="submit"][disabled].time:focus {
      color: #CCC;
      border-color: #CCC; }
  #reservation-widget.legacy form input[type="radio"], #reservation-widget.legacy form input[type="checkbox"] {
    width: auto; }
  #reservation-widget.legacy form label {
    width: 70px;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold; }
  #reservation-widget.legacy form #order_submit {
    width: auto; }
  #reservation-widget.legacy form .inline_help {
    margin: .25em 0 .25em 80px; }
#reservation-widget.legacy .error h2 {
  border-top: none; }
#reservation-widget.legacy.widget-home .actions {
  margin: 10px 0;
  background: transparent;
  padding: 0; }
  #reservation-widget.legacy.widget-home .actions a {
    color: #C33802;
    text-decoration: underline;
    padding-left: 0; }
    #reservation-widget.legacy.widget-home .actions a:after, #reservation-widget.legacy.widget-home .actions a:before {
      content: '';
      padding: 0; }
    #reservation-widget.legacy.widget-home .actions a:hover {
      color: #C33802; }
#reservation-widget.legacy.widget-home #time-selection #times {
  width: 100%;
  text-align: left;
  margin: 0 0; }
#reservation-widget.legacy.widget-confirm h2.enjoyment {
  display: block; }

/* Custom for Restaurant styles  - Grafffiato*/
#reservation-widget.graffiato-dc a {
  color: #9d6e10;
  text-decoration: none; }
  #reservation-widget.graffiato-dc a:hover {
    color: #999; }
#reservation-widget.graffiato-dc #page {
  border-color: #000; }
#reservation-widget.graffiato-dc a.button,
#reservation-widget.graffiato-dc a.sq_button,
#reservation-widget.graffiato-dc input[type="reset"],
#reservation-widget.graffiato-dc input[type="submit"],
#reservation-widget.graffiato-dc input[type="button"],
#reservation-widget.graffiato-dc button {
  background: #dadada;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e6e6e6 0%, #cecece 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #cecece));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #cecece 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e6e6e6 0%, #cecece 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #e6e6e6 0%, #cecece 100%);
  /* IE10+ */
  background: linear-gradient(top, #e6e6e6 0%, #cecece 100%);
  /* W3C */ }
  #reservation-widget.graffiato-dc a.button:hover, #reservation-widget.graffiato-dc a.button:focus,
  #reservation-widget.graffiato-dc a.sq_button:hover,
  #reservation-widget.graffiato-dc a.sq_button:focus,
  #reservation-widget.graffiato-dc input[type="reset"]:hover,
  #reservation-widget.graffiato-dc input[type="reset"]:focus,
  #reservation-widget.graffiato-dc input[type="submit"]:hover,
  #reservation-widget.graffiato-dc input[type="submit"]:focus,
  #reservation-widget.graffiato-dc input[type="button"]:hover,
  #reservation-widget.graffiato-dc input[type="button"]:focus,
  #reservation-widget.graffiato-dc button:hover,
  #reservation-widget.graffiato-dc button:focus {
    background: #dadada;
    /* Old browsers */
    background: -moz-linear-gradient(top, #cecece 0%, #e6e6e6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cecece), color-stop(100%, #e6e6e6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cecece 0%, #e6e6e6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cecece 0%, #e6e6e6 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #cecece 0%, #e6e6e6 100%);
    /* IE10+ */
    background: linear-gradient(top, #cecece 0%, #e6e6e6 100%);
    /* W3C */ }
#reservation-widget.graffiato-dc #ce-header {
  background: #000; }
  #reservation-widget.graffiato-dc #ce-header h2 {
    color: #deceb0; }
#reservation-widget.graffiato-dc .section-bottom {
  padding-bottom: 20px; }
#reservation-widget.graffiato-dc #ce-main-content {
  background: white url("https://secure.cityeats.com/images/widget/logo-graffiato.png") no-repeat 100% 100%; }
#reservation-widget.graffiato-dc #ce-footer {
  background: #000; }
  #reservation-widget.graffiato-dc #ce-footer p.ce-legal a {
    color: #decdae;
    text-decoration: none; }
    #reservation-widget.graffiato-dc #ce-footer p.ce-legal a:hover {
      color: #fff; }
#reservation-widget.graffiato-dc #reservation-info {
  background: #eaeaec; }
  #reservation-widget.graffiato-dc #reservation-info .dateline em {
    border-right: 1px solid #9d6e10; }
#reservation-widget.graffiato-dc form #order_submit {
  color: #98662e;
  border: 1px solid #98662e; }
#reservation-widget.graffiato-dc form label {
  font-size: 1.15em; }
#reservation-widget.graffiato-dc form input[type="text"], #reservation-widget.graffiato-dc form textarea {
  width: 155px; }
#reservation-widget.graffiato-dc form input[type="submit"].time {
  border: 2px solid #d0c1a5;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 2px;
  padding: 0 0 1px 0;
  width: 47px;
  line-height: 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #9d6e10;
  margin: 4px 4px; }
  #reservation-widget.graffiato-dc form input[type="submit"].time:hover, #reservation-widget.graffiato-dc form input[type="submit"].time:focus {
    border-color: #ede7d9; }
#reservation-widget.graffiato-dc form input[type="submit"][disabled].time {
  border: 2px solid #999;
  color: #999; }
  #reservation-widget.graffiato-dc form input[type="submit"][disabled].time:hover, #reservation-widget.graffiato-dc form input[type="submit"][disabled].time:focus {
    border-color: #999; }
#reservation-widget.graffiato-dc form .field.required:after {
  color: #9d6e10; }
#reservation-widget.graffiato-dc form .field.check.required:after {
  color: #9d6e10; }
#reservation-widget.graffiato-dc.widget-home .actions {
  margin: 10px 5px 0 10px;
  height: auto;
  padding: 4px 5px 3px 5px;
  background: #eee;
  background: rgba(210, 210, 210, 0.5);
  font-size: 1.1em;
  zoom: 1; }
  #reservation-widget.graffiato-dc.widget-home .actions:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #reservation-widget.graffiato-dc.widget-home .actions a {
    color: #999;
    text-decoration: none; }
    #reservation-widget.graffiato-dc.widget-home .actions a:hover {
      color: #9d6e10; }
  #reservation-widget.graffiato-dc.widget-home .actions .earlier-page {
    position: relative;
    float: left; }
    #reservation-widget.graffiato-dc.widget-home .actions .earlier-page a {
      padding: 1px 0 0 13px;
      background: transparent url("https://secure.cityeats.com/images/widget/arrow-back.png") no-repeat 0 2px; }
      #reservation-widget.graffiato-dc.widget-home .actions .earlier-page a:before {
        content: ''; }
      #reservation-widget.graffiato-dc.widget-home .actions .earlier-page a:hover, #reservation-widget.graffiato-dc.widget-home .actions .earlier-page a:focus {
        background: transparent url("https://secure.cityeats.com/images/widget/arrow-back-on.png") no-repeat 0 2px; }
  #reservation-widget.graffiato-dc.widget-home .actions .later-page {
    position: relative;
    float: right; }
    #reservation-widget.graffiato-dc.widget-home .actions .later-page a {
      padding: 1px 13px 0 0;
      background: transparent url("https://secure.cityeats.com/images/widget/arrow-next.png") no-repeat 100% 2px; }
      #reservation-widget.graffiato-dc.widget-home .actions .later-page a:hover, #reservation-widget.graffiato-dc.widget-home .actions .later-page a:focus {
        background: transparent url("https://secure.cityeats.com/images/widget/arrow-next-on.png") no-repeat 100% 2px; }
      #reservation-widget.graffiato-dc.widget-home .actions .later-page a:after {
        content: ''; }
#reservation-widget.graffiato-dc.widget-form #reservation-request {
  padding-top: .75em; }
#reservation-widget.graffiato-dc.widget-confirm .confirmation-message {
  font-size: 1.4em;
  font-weight: normal;
  font-family: "ProximaNova", arial, sans-serif;
  color: #98662e;
  width: 260px;
  margin: 1em auto; }
  #reservation-widget.graffiato-dc.widget-confirm .confirmation-message h2.enjoyment {
    display: none; }

/* iFrame ----------------------------------------------------------------- */
#ui-datepicker-div {
  z-index: 10000 !important; }

/* Multiple Restaurant Widget --------------------------------------------- */
#restaurants-widget {
  background: none;
  position: relative;
  margin-top: 0; }
  #restaurants-widget #page {
    margin-bottom: 0;
    margin-top: 0; }
  #restaurants-widget .ui-datepicker-calendar th, #restaurants-widget .ui-datepicker-calendar td {
    padding: 0.5em 0.9em; }
  #restaurants-widget #ui-datepicker-div {
    left: 0 !important;
    padding: 8px;
    top: 0 !important;
    margin-left: auto;
    margin-right: auto; }
  #restaurants-widget .home_section_container, #restaurants-widget .section_container {
    padding: 12px;
    margin: 0 0 0 0;
    background: #e9e2da;
    border: 1px solid #cfc8be;
    zoom: 1; }
    #restaurants-widget .home_section_container:after, #restaurants-widget .section_container:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #restaurants-widget .home_section_container .dateline, #restaurants-widget .section_container .dateline {
      color: black;
      font-size: 1em; }
      #restaurants-widget .home_section_container .dateline em, #restaurants-widget .section_container .dateline em {
        border-right: 1px solid #cfc8be;
        padding: 3px 10px 3px 10px;
        font-style: normal; }
        #restaurants-widget .home_section_container .dateline em.first, #restaurants-widget .section_container .dateline em.first {
          padding-left: 0; }
        #restaurants-widget .home_section_container .dateline em.last, #restaurants-widget .section_container .dateline em.last {
          border: none; }
  #restaurants-widget .error h2 {
    border-top: none; }
  #restaurants-widget .no-bottom {
    border-bottom: 0; }
  #restaurants-widget #header {
    position: relative;
    padding-top: 0;
    padding: 15px;
    border: 0;
    width: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    height: 120px; }
    #restaurants-widget #header a {
      color: #C33802; }
    #restaurants-widget #header h1 {
      position: absolute;
      margin: 0;
      left: 15px;
      top: 15px;
      z-index: 0; }
      #restaurants-widget #header h1 a {
        margin: 0;
        width: 147px;
        height: 125px; }
    #restaurants-widget #header h2 {
      color: white;
      font-weight: normal;
      text-transform: uppercase;
      font-size: 1.3em;
      letter-spacing: 2px;
      position: absolute;
      left: 145px;
      top: 55px;
      margin: 0; }
  #restaurants-widget #header.facebook h2 {
    font-size: 2em;
    left: 177px;
    top: 48px; }
  #restaurants-widget .body, #restaurants-widget .body-top, #restaurants-widget .footer {
    position: relative; }
  #restaurants-widget .desc {
    margin-bottom: 0.5em; }
  #restaurants-widget .body .actions {
    height: 15px;
    text-align: left;
    margin-top: 1em; }
  #restaurants-widget a.button.small.dark {
    color: #fff;
    background: #4a4339;
    background: #58534c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #7a756f 0%, #373129 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a756f), color-stop(100%, #373129));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7a756f 0%, #373129 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7a756f 0%, #373129 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #7a756f 0%, #373129 100%);
    /* IE10+ */
    background: linear-gradient(top, #7a756f 0%, #373129 100%);
    /* W3C */ }
    #restaurants-widget a.button.small.dark:hover, #restaurants-widget a.button.small.dark:focus {
      background: #58534c;
      /* Old browsers */
      background: -moz-linear-gradient(top, #373129 0%, #7a756f 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373129), color-stop(100%, #7a756f));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #373129 0%, #7a756f 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #373129 0%, #7a756f 100%);
      /* Opera11.10+ */
      background: -ms-linear-gradient(top, #373129 0%, #7a756f 100%);
      /* IE10+ */
      background: linear-gradient(top, #373129 0%, #7a756f 100%);
      /* W3C */ }
  #restaurants-widget form input, #restaurants-widget form textarea {
    width: 155px; }
  #restaurants-widget form input[type="submit"].time {
    border: 2px solid #C33802;
    color: #C33802;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 2px;
    padding: 0 0 1px 0;
    width: 57px;
    line-height: 1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  #restaurants-widget form input[type="submit"][disabled].time {
    border: 2px solid #CCC;
    color: #CCC; }
  #restaurants-widget form input[type="radio"], #restaurants-widget form input[type="checkbox"] {
    width: auto; }
  #restaurants-widget form label {
    width: 70px; }
  #restaurants-widget form #order_submit {
    width: auto; }
  #restaurants-widget form .inline_help {
    margin: .25em 0 .25em 80px; }
  #restaurants-widget li label {
    width: auto; }
  #restaurants-widget .footer {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dotted #cfc8be;
    line-height: 30px; }
  #restaurants-widget .centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  #restaurants-widget .right {
    position: absolute;
    right: 0px; }
  #restaurants-widget .time {
    width: 75px; }
  #restaurants-widget .party-size {
    float: left;
    margin-left: 15px;
    margin-bottom: 5px; }
  #restaurants-widget .date-picker {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 120px;
    text-align: left;
    position: static;
    top: 0;
    left: 0;
    right: auto; }
  #restaurants-widget #ce-footer {
    background: #000;
    color: #ccc;
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    margin: 0 0 -5px 0; }
    #restaurants-widget #ce-footer p.ce-legal {
      margin-left: 8px;
      margin-bottom: 0;
      font-size: .8em;
      color: white;
      float: left; }
      #restaurants-widget #ce-footer p.ce-legal a {
        color: #fff;
        text-decoration: none; }
        #restaurants-widget #ce-footer p.ce-legal a:hover, #restaurants-widget #ce-footer p.ce-legal a:focus {
          color: #ccc; }
        #restaurants-widget #ce-footer p.ce-legal a.ce-logo {
          float: right;
          margin: 0 8px 10px 5px; }
  #restaurants-widget .actions {
    margin-bottom: 10px; }

#restaurants-widget {
  border: 1px solid #999;
  width: auto;
  min-width: 0; }
  #restaurants-widget .section_container,
  #restaurants-widget .home_section_container {
    background-color: #fff;
    border: 0;
    padding: 0 10px 0 10px; }
  #restaurants-widget .desc {
    background: #eaeaec;
    margin: 0 -10px 0 -10px;
    padding: 5px 10px 2px 10px;
    font-size: 1.1em; }
  #restaurants-widget #header {
    height: auto; }
    #restaurants-widget #header h2 {
      display: block;
      padding: 7px 10px 0 10px;
      left: 0;
      top: 0;
      font-family: "ProximaNovaCond", arial, sans-serif; }
  #restaurants-widget #restaurants {
    display: none;
    background: #eaeaec; }
    #restaurants-widget #restaurants .section_container,
    #restaurants-widget #restaurants .home_section_container {
      background: #eaeaec; }
      #restaurants-widget #restaurants .section_container .body-top,
      #restaurants-widget #restaurants .home_section_container .body-top {
        margin-bottom: 0;
        padding-top: 10px; }
      #restaurants-widget #restaurants .section_container .body .scroller,
      #restaurants-widget #restaurants .home_section_container .body .scroller {
        overflow-y: auto;
        overflow-x: hidden;
        height: 66px;
        background: white;
        padding: 1px 0 1px 0;
        margin: 8px 0 10px;
        border: 1px solid #ccc; }
        #restaurants-widget #restaurants .section_container .body .scroller .spinner,
        #restaurants-widget #restaurants .home_section_container .body .scroller .spinner {
          margin-left: 45%;
          margin-top: 10%; }
        #restaurants-widget #restaurants .section_container .body .scroller ul,
        #restaurants-widget #restaurants .home_section_container .body .scroller ul {
          list-style-type: none;
          margin: 0; }
          #restaurants-widget #restaurants .section_container .body .scroller ul li,
          #restaurants-widget #restaurants .home_section_container .body .scroller ul li {
            margin-left: 5px;
            margin-bottom: 2px;
            line-height: 15px; }
            #restaurants-widget #restaurants .section_container .body .scroller ul li a,
            #restaurants-widget #restaurants .home_section_container .body .scroller ul li a {
              text-decoration: none; }
              #restaurants-widget #restaurants .section_container .body .scroller ul li a.restaurant-link,
              #restaurants-widget #restaurants .home_section_container .body .scroller ul li a.restaurant-link {
                width: 71%;
                display: inline-block; }
              #restaurants-widget #restaurants .section_container .body .scroller ul li a.order-link,
              #restaurants-widget #restaurants .home_section_container .body .scroller ul li a.order-link {
                display: inline-block;
                width: auto;
                padding: 0 3px;
                background: #a31b13;
                font-size: 11px;
                color: white;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                text-transform: lowercase;
                line-height: 13px; }
      #restaurants-widget #restaurants .section_container .dateline,
      #restaurants-widget #restaurants .home_section_container .dateline {
        color: #a31b13;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        font-family: "ProximaNova", arial, sans-serif;
        margin-bottom: 5px; }
        #restaurants-widget #restaurants .section_container .dateline em,
        #restaurants-widget #restaurants .home_section_container .dateline em {
          padding: 0 3px; }
          #restaurants-widget #restaurants .section_container .dateline em:first-child,
          #restaurants-widget #restaurants .home_section_container .dateline em:first-child {
            padding: 0 3px 0 0; }
      #restaurants-widget #restaurants .section_container .right,
      #restaurants-widget #restaurants .home_section_container .right {
        position: static;
        float: right; }
        #restaurants-widget #restaurants .section_container .right #edit,
        #restaurants-widget #restaurants .home_section_container .right #edit {
          background: #fff;
          text-decoration: none;
          border: 1px solid #2b5b89;
          padding: 0 5px;
          font-size: 11px;
          margin-top: 0; }
  #restaurants-widget .i-footer {
    width: 100%;
    margin-bottom: -6px; }
    #restaurants-widget .i-footer p.legal {
      margin-left: 10px;
      font-size: 11px;
      font-weight: normal;
      color: #ccc;
      width: auto; }
      #restaurants-widget .i-footer p.legal a {
        color: #ccc; }
      #restaurants-widget .i-footer p.legal .logo {
        float: right;
        margin: 0 10px 10px 5px; }
  #restaurants-widget form .actions {
    text-align: left;
    clear: both;
    margin: .5em 0; }
    #restaurants-widget form .actions input[type="submit"] {
      color: white;
      background: #ac091a;
      font-size: 1.2em;
      width: auto;
      padding: 0 .5em; }
  #restaurants-widget form .field {
    display: inline-block;
    width: 31%;
    margin-right: 3px; }
    #restaurants-widget form .field.last {
      margin-right: 0; }
  #restaurants-widget form select#party-size {
    width: 100%; }
  #restaurants-widget form input#date {
    width: 100%;
    padding: 1px; }
  #restaurants-widget form select#time {
    width: 100%; }
  #restaurants-widget #ui-datepicker-div.ui-datepicker {
    padding: 4px; }
    #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-next {
      right: 5px; }
    #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
      left: 5px; }
    #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
      font-size: 1.5em;
      padding: 0 5px;
      min-width: 210px; }
    #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar {
      padding: 5px; }
      #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th {
        padding: .2em 0; }
      #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td {
        padding: 0; }
        #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span, #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a {
          padding: .5em .5em;
          display: block; }
        #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a:hover, #restaurants-widget #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a:focus {
          background: rgba(0, 0, 0, 0.2); }