/* IE 8 & older */
/*** OLD Styles ***/
body {
  font-size: 10px; }

.tablecell4 {
  background-color: white;
  color: black; }

.tablecell3 {
  background-color: lightgrey; }

.tablecell2 {
  background-color: lightblue; }

.tablecell1 {
  background-color: blue; }

.activity_title {
  color: white;
  font-weight: bold; }

.package_title {
  background-color: #009900;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF; }

.product_title {
  font-size: 12px;
  font-weight: bold; }

.packagedescription {
  color: black; }

.pricedetailsubtable {
  font-size: 10px; }

.amenitylist {
  font-size: 10px; }

.errors {
  font-size: 12px;
  font-color: #990000; }

.calculatedformfield {
  border: 0;
  background-color: transparent;
  font-size: 12px;
  text-align: left;
  padding: 0px;
  margin: 0px; }

.changedfield {
  color: #660000;
  font-weight: bold; }

.hidden {
  display: none; }

.visible {
  z-index: 1;
  visibility: visible; }

input {
  padding: 3px 5px;
  /* IE 7 Hack */
  overflow: visible;
  /* IE 7 & 8 Hack */ }

.reservebutton, .mainbutton, .smallbutton {
  padding: 3px 5px;
  /* IE 7 Hack */
  overflow: visible;
  /* IE 7 & 8 Hack */
  background: grey;
  color: white;
  font-weight: bold;
  border-color: grey; }

.unclickablebutton, .ui-state-disabled, input[disabled="disabled"] {
  opacity: .35;
  filter: Alpha(Opacity=35);
  cursor: default; }

.tabon {
  background: #cfcfff; }

.taboff {
  background: #efefef; }

.tabon, .taboff {
  border: 1px solid transparent; }

.error {
  color: red; }

/*** /OLD Styles ***/
.no-boxshadow .shadow {
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='$color', Direction=125, Strength=$size)*/
  border: 2px outset #888888; }
.no-boxshadow input:active.shadow {
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='$color', Direction=125, Strength=$size)*/
  border: 2px outset #888888;
  margin: 3px 0px 1px 4px; }
.no-boxshadow input.shadow {
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='$color', Direction=125, Strength=$size)*/
  border: 2px outset #888888;
  margin: 2px 2px 2px 2px; }

.boxshadow .shadow {
  -webkit-box-shadow: 3px 5px 10px #555555;
  -moz-box-shadow: 3px 5px 10px #555555;
  box-shadow: 3px 5px 10px #555555; }
.boxshadow input:active.shadow {
  -webkit-box-shadow: 1px 1x 1px #555555;
  -moz-box-shadow: 1px 1x 1px #555555;
  box-shadow: 1px 1x 1px #555555;
  margin: 3px 0px 1px 4px; }
.boxshadow input.shadow {
  -webkit-box-shadow: 2px 2px 2px #555555;
  -moz-box-shadow: 2px 2px 2px #555555;
  box-shadow: 2px 2px 2px #555555;
  margin: 2px; }

.borderradius .ui-corner-tl, .borderradius .ui-corner-top, .borderradius .ui-corner-all {
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px; }
.borderradius .ui-corner-tr, .borderradius .ui-corner-top, .borderradius .ui-corner-all {
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px; }
.borderradius .ui-corner-bl, .borderradius .ui-corner-bottom, .borderradius .ui-corner-all {
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px; }
.borderradius .ui-corner-br, .borderradius .ui-corner-bottom, .borderradius .ui-corner-all {
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px; }
.borderradius .tabon.ui-corner-top, .borderradius .taboff.ui-corner-top {
  border-top-radius: 10px;
  -moz-border-radius-top: 10px;
  -webkit-border-top-radius: 10px; }

#inntopia, #colorbox {
  /*Global*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: black;
  /*		.pulldown { height: auto !important; }*/
  /* uncomment to hide text */
                             /*
.supplier .links .text, .product .links .text { display: none; }
.supplier .links vr, .product .links vr { display: none; }
*/ }
  #inntopia .label, #colorbox .label {
    font-weight: bold; }
  #inntopia .symbol, #colorbox .symbol {
    font-weight: bold;
    vertical-align: super;
    font-size: 0.7em; }
  #inntopia .nightly.price, #colorbox .nightly.price {
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
    float: right;
    padding: 5px; }
    #inntopia .nightly.price .label, #colorbox .nightly.price .label {
      font-style: italic;
      font-size: 10px; }
  #inntopia .total .value, #inntopia .nightly .value, #colorbox .total .value, #colorbox .nightly .value {
    color: green; }
  #inntopia .discount .value, #colorbox .discount .value {
    color: red; }
  #inntopia .savings .value, #colorbox .savings .value {
    color: #007700; }
  #inntopia table, #colorbox table {
    /*** CSS Reset Fixes ***/
    border-collapse: separate !important;
    /*border-spacing: 1px !important;*/ }
    #inntopia table td, #colorbox table td {
      padding: 2px !important;
      /*** /CSS Reset Fixes ***/
      vertical-align: middle !important; }
      #inntopia table td[valign=top], #colorbox table td[valign=top] {
        vertical-align: top !important; }
      #inntopia table td[valign=bottom], #colorbox table td[valign=bottom] {
        vertical-align: bottom !important; }
  #inntopia textarea.formfield, #colorbox textarea.formfield {
    height: 62px; }
  #inntopia .formfield, #colorbox .formfield {
    text-align: left;
    height: auto !important;
    vertical-align: top;
    padding: 2px;
    margin: 1px 1px 0px 0px;
    border: 2px solid grey; }
    #inntopia .formfield.name, #inntopia .formfield.phone, #inntopia .formfield.city, #inntopia .formfield.postal, #inntopia .formfield.ccnumber, #colorbox .formfield.name, #colorbox .formfield.phone, #colorbox .formfield.city, #colorbox .formfield.postal, #colorbox .formfield.ccnumber {
      width: 110px; }
    #inntopia .formfield.email, #colorbox .formfield.email {
      width: 260px; }
    #inntopia .formfield.username, #inntopia .formfield.password, #colorbox .formfield.username, #colorbox .formfield.password {
      width: 135px; }
    #inntopia .formfield.date, #colorbox .formfield.date {
      width: 70px;
      text-align: center; }
    #inntopia .formfield.count, #colorbox .formfield.count {
      width: 30px;
      text-align: center; }
    #inntopia .formfield.pulldown, #colorbox .formfield.pulldown {
      height: auto !important; }
  #inntopia .name, #inntopia .phone, #inntopia .city, #inntopia .postal, #inntopia .ccnumber, #colorbox .name, #colorbox .phone, #colorbox .city, #colorbox .postal, #colorbox .ccnumber {
    width: 110px; }
  #inntopia .email, #colorbox .email {
    width: 260px; }
  #inntopia .username, #inntopia.password, #colorbox .username, #colorbox.password {
    width: 135px; }
  #inntopia .date, #colorbox .date {
    width: 70px;
    text-align: center; }
  #inntopia .count, #colorbox .count {
    width: 30px;
    text-align: center; }
  #inntopia .opaque, #colorbox .opaque {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(30)";
    filter: alpha(opacity=30); }
  #inntopia .links, #colorbox .links {
    margin: 5px;
    display: inline-block; }
    #inntopia .links a.link, #inntopia .links .link, #colorbox .links a.link, #colorbox .links .link {
      display: inline-block;
      text-align: center;
      padding: 5px; }
      #inntopia .links a.link .label, #inntopia .links .link .label, #colorbox .links a.link .label, #colorbox .links .link .label {
        margin-top: 5px;
        display: block; }
  #inntopia .icon, #inntopia a.icon, #inntopia a:hover.icon, #inntopia a:active.icon, #colorbox .icon, #colorbox a.icon, #colorbox a:hover.icon, #colorbox a:active.icon {
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    border: 0px; }
  #inntopia vr, #colorbox vr {
    width: 0px;
    height: 20px;
    border-left: 1px solid black;
    margin: 10px; }
  #inntopia .map .icon, #colorbox .map .icon {
    width: 25px;
    height: 25px;
    background-image: url("../images/maps_25x25.png"); }
  #inntopia .calendar .icon, #colorbox .calendar .icon {
    width: 25px;
    height: 25px;
    background-image: url("../images/calendar_25x25.jpg"); }
  #inntopia .photos .icon, #colorbox .photos .icon {
    width: 25px;
    height: 25px;
    background-image: url("../images/camera_25x25.png"); }
  #inntopia .info .icon, #colorbox .info .icon {
    width: 25px;
    height: 25px;
    background-image: url("../images/details_25x25.png"); }
  #inntopia .loadingBar .icon, #colorbox .loadingBar .icon {
    width: 128px;
    height: 16px;
    background-image: url("../images/pkgDetailsLoadingBar.gif"); }
  #inntopia .rating, #colorbox .rating {
    margin: 0px 5px; }
  #inntopia .printer .icon, #colorbox .printer .icon {
    width: 32px;
    height: 32px;
    background-image: url("../images/printer-blue_32x32.png"); }
  #inntopia .supplier, #colorbox .supplier {
    clear: both;
    text-align: left;
    margin-top: 5px;
    padding: 2px 5px;
    vertical-align: top; }
    #inntopia .supplier .title, #colorbox .supplier .title {
      font-size: 16px;
      font-weight: bold; }
    #inntopia .supplier .location, #colorbox .supplier .location {
      font-size: 12px; }
    #inntopia .supplier .rating .icon, #colorbox .supplier .rating .icon {
      margin: 3px 0px; }
    #inntopia .supplier .photo, #colorbox .supplier .photo {
      text-align: center;
      margin: 10px;
      padding: 0px;
      float: left; }
    #inntopia .supplier .details, #colorbox .supplier .details {
      text-align: left;
      margin: 10px 0px;
      padding-left: 200px; }
  #inntopia .product, #colorbox .product {
    clear: both; }
    #inntopia .product .title, #colorbox .product .title {
      font-weight: bold;
      font-size: 14px; }
    #inntopia .product .photo, #colorbox .product .photo {
      margin: 5px; }
    #inntopia .product .rating .icon, #colorbox .product .rating .icon {
      margin: 0px; }
    #inntopia .product .desc, #colorbox .product .desc {
      margin: 5px; }
    #inntopia .product .total, #colorbox .product .total {
      text-align: right;
      font-weight: bold;
      width: 100%; }
    #inntopia .product .quantity, #colorbox .product .quantity {
      white-space: nowrap; }
  #inntopia .packages, #colorbox .packages {
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    font-size: 12px; }
    #inntopia .packages .title, #inntopia .packages .total, #inntopia .packages .package, #inntopia .packages .original, #inntopia .packages .discount, #colorbox .packages .title, #colorbox .packages .total, #colorbox .packages .package, #colorbox .packages .original, #colorbox .packages .discount {
      vertical-align: middle !important;
      padding: 2px !important; }
    #inntopia .packages .original .price, #colorbox .packages .original .price {
      text-decoration: line-through; }
    #inntopia .packages .original, #inntopia .packages .total, #inntopia .packages .discount, #inntopia .packages .last, #colorbox .packages .original, #colorbox .packages .total, #colorbox .packages .discount, #colorbox .packages .last {
      white-space: nowrap;
      text-align: center; }
    #inntopia .packages .title, #colorbox .packages .title {
      width: 100%;
      text-align: left;
      font-size: 0.9em; }
    #inntopia .packages .label, #colorbox .packages .label {
      padding: 0px 5px; }
    #inntopia .packages .original, #colorbox .packages .original {
      width: 70px; }
    #inntopia .packages .discount, #colorbox .packages .discount {
      width: 90px; }
    #inntopia .packages .total, #colorbox .packages .total {
      width: 70px;
      text-align: center; }
    #inntopia .packages .loadingBar, #colorbox .packages .loadingBar {
      text-align: center;
      width: 230px; }
    #inntopia .packages .last, #colorbox .packages .last {
      width: 70px;
      height: 1px; }
  #inntopia #tabs table, #colorbox #tabs table {
    border-spacing: 0px !important; }
  #inntopia .inntopia-container, #colorbox .inntopia-container {
    padding: 3px;
    margin: 20px;
    display: block;
    text-align: center; }
  #inntopia .inntopia-content, #colorbox .inntopia-content {
    padding: 5px !important;
    margin: auto !important;
    text-align: left;
    /* float: fix & hack */
    overflow: hidden; }

/* IE 7 & 8 Hack
.no-boxshadow .inntopia-container { width:95%; }
.no-boxshadow .inntopia-content { width:98%; } */
input {
  zoom: 1; }