/*
Document   : dhtmlx
Created on : Dec 6, 2012, 2:12:55 PM
Author     : Jack.Lan<jack@wizmacau.com>
Description:
Purpose of the stylesheet follows.
*/
/*
TODO customize this sample style
Syntax recommendation http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html
*/
/* line 20, ../../compass/sass/dhtmlx.scss */
html, body {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

/* line 26, ../../compass/sass/dhtmlx.scss */
.button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  line-height: 30px;
}

/* line 32, ../../compass/sass/dhtmlx.scss */
.alignL {
  text-align: left;
}

/* line 36, ../../compass/sass/dhtmlx.scss */
.alignR {
  text-align: right;
}

/* line 40, ../../compass/sass/dhtmlx.scss */
.gray {
  color: #666666;
}

/* line 44, ../../compass/sass/dhtmlx.scss */
.header {
  height: 80px;
  background-color: #3d3d3d;
  border-bottom: 5px solid #828282;
}
/* line 48, ../../compass/sass/dhtmlx.scss */
.header table td {
  vertical-align: bottom;
}
/* line 51, ../../compass/sass/dhtmlx.scss */
.header #right_menu span {
  color: white;
  font-weight: bold;
}
/* line 56, ../../compass/sass/dhtmlx.scss */
.header .topleftmenu {
  float: right;
  margin: 0px 10px 5px 8px;
}
/* line 60, ../../compass/sass/dhtmlx.scss */
.header .topleftmenu a.button {
  font-size: 12px;
  padding: 5px 10px;
  margin: 0px 1px;
  background-color: #ffd935;
  border: #303030 solid 1px;
  color: #333;
}
/* line 69, ../../compass/sass/dhtmlx.scss */
.header .topleftmenu a.button:hover, .header .topleftmenu a.current {
  background-color: #ff6c00;
  color: #FFF;
}

/* line 76, ../../compass/sass/dhtmlx.scss */
a.btn_print {
  font-size: 12px;
  padding: 5px 10px;
  margin: 0px 1px;
  line-height: 16px;
  background-color: #ffd935;
  border: #303030 solid 1px;
  color: #333;
}

/* line 86, ../../compass/sass/dhtmlx.scss */
a.btn_print:hover {
  background-color: #ff6c00;
  color: #FFF;
}

/* line 91, ../../compass/sass/dhtmlx.scss */
h1.scheduler_title {
  text-align: center;
  font-size: 20px;
  margin: 15px 0px 0px 0px;
  color: #cb5800;
}

/* line 98, ../../compass/sass/dhtmlx.scss */
table.MegaMenuTable {
  width: 750px;
}
/* line 100, ../../compass/sass/dhtmlx.scss */
table.MegaMenuTable td {
  vertical-align: top;
  width: 20%;
}
/* line 103, ../../compass/sass/dhtmlx.scss */
table.MegaMenuTable td a {
  color: #006699;
  line-height: 20px;
}
/* line 108, ../../compass/sass/dhtmlx.scss */
table.MegaMenuTable ul {
  margin: 0;
  padding: 0 10px;
}

/* line 114, ../../compass/sass/dhtmlx.scss */
.yellow_section {
  background-color: #f5ff00;
  opacity: 0.25;
  filter: alpha(opacity=25);
}

/** scheduler tools style **/
/* line 123, ../../compass/sass/dhtmlx.scss */
div.scheduler_tools .fn_calendar_refresh {
  font-size: 12px;
  float: right;
  background: #fff200;
  border: 1px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 20px;
  color: #666;
  cursor: pointer;
}

/* line 136, ../../compass/sass/dhtmlx.scss */
#footer #footer_action {
  width: auto;
  margin: 0;
  line-height: 30px;
  padding: 10px 15px 13px 15px;
  border-top: #ccc 1px dotted;
  background: #d7ecf2;
}
/* line 144, ../../compass/sass/dhtmlx.scss */
#footer #legend_list {
  padding: 0px 15px;
  margin: 0px;
  border-top: #ccc 1px dotted;
  background: #e7edef;
  position: relative;
}
/* line 151, ../../compass/sass/dhtmlx.scss */
#footer #legend_list .vbstimeicon {
  width: 100px;
  right: 0px;
  top: 0px;
  padding: 10px 10px 10px 40px;
  margin-top: 5px;
  position: absolute;
  background: url(/images/vbstimeicon.png) no-repeat;
}
/* line 161, ../../compass/sass/dhtmlx.scss */
#footer #legend_status {
  margin: 0;
  overflow: hidden;
  padding: 10px 15px;
  border-top: #ccc 1px dotted;
}

/* line 169, ../../compass/sass/dhtmlx.scss */
#even_scheduler .dhx_event_tools {
  width: 99%;
  height: 30px;
  top: 50px;
  margin: 0;
  line-height: 30px;
  padding: 10px 15px 13px 15px;
  border-top: #ccc 1px dotted;
  background: #d7ecf2;
}

/*
jQuery MegaMenu Plugin
Author: GeekTantra
Author URI: http://www.geektantra.com
*/
/* line 185, ../../compass/sass/dhtmlx.scss */
body {
  font-family: "Arial";
  font-size: 13px;
  margin: 0px;
}

/* line 190, ../../compass/sass/dhtmlx.scss */
ul.megamenu {
  margin: 0px auto;
  list-style: none;
  display: none;
}

/* line 199, ../../compass/sass/dhtmlx.scss */
ul.megamenu li {
  margin: 0px;
  padding: 0px;
}

/* line 204, ../../compass/sass/dhtmlx.scss */
ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

/* line 214, ../../compass/sass/dhtmlx.scss */
ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  display: inline-block;
  background-color: #d7ecf2;
  width: 100px;
  font-size: 18px;
  color: #3d3d3d;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  z-index: 10;
  font-size: 18px;
  line-height: 32px;
  padding: 4px 0px 0px 4px;
  letter-spacing: 0.1em;
}

/* line 231, ../../compass/sass/dhtmlx.scss */
html ul.megamenu a.mm-item-link:link, html ul.megamenu a.mm-item-link:visited {
  border-color: pink;
  filter: chroma(color=pink);
}

/* line 239, ../../compass/sass/dhtmlx.scss */
ul.megamenu div.mm-item-content {
  background: #FFF;
  padding: 0px;
  position: absolute;
  border: 1px solid #777;
  z-index: 3000;
}

/* line 247, ../../compass/sass/dhtmlx.scss */
ul.MegaMenuLists {
  list-style: none;
}
/* line 251, ../../compass/sass/dhtmlx.scss */
ul.MegaMenuLists li a {
  text-decoration: none;
  color: #333;
  padding: 3px 6px;
  margin-bottom: 3px;
  display: block;
  border-bottom: 1px #20839f dotted;
  border-left: 3px #20839f solid;
}
/* line 261, ../../compass/sass/dhtmlx.scss */
ul.MegaMenuLists li a:hover {
  background: #FFF;
  border-bottom: 1px #f95301 dotted;
  border-left: 3px #f95301 solid;
}

/* line 270, ../../compass/sass/dhtmlx.scss */
.dhx_cal_container div.dhx_cal_update_button {
  background: #fff200;
}
/* line 274, ../../compass/sass/dhtmlx.scss */
.dhx_cal_container div.dhx_cal_date {
  color: #666;
  font-size: 18px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
}

/* line 282, ../../compass/sass/dhtmlx.scss */
.mm-content-base {
  background: #d7ecf2;
  position: relative;
  z-index: 11;
  padding: 10px;
}

/* line 288, ../../compass/sass/dhtmlx.scss */
.mm-js-shadow {
  background: #555;
  position: absolute;
  z-index: 10;
}

/* line 294, ../../compass/sass/dhtmlx.scss */
.fn_set_current_day {
  cursor: pointer;
}

/* line 298, ../../compass/sass/dhtmlx.scss */
.ui-datepicker-trigger {
  cursor: pointer;
}

/* line 303, ../../compass/sass/dhtmlx.scss */
.dhx_cal_event_clear, .dhx_cal_event {
  font-size: 12px;
  color: white;
  overflow: hidden;
  height: auto;
  white-space: normal;
}

/* line 311, ../../compass/sass/dhtmlx.scss */
.dhx_scale_bar {
  font-size: 12px;
  line-height: 16px;
}

/* line 316, ../../compass/sass/dhtmlx.scss */
.dhx_cal_data {
  overflow: visible;
}

/* line 320, ../../compass/sass/dhtmlx.scss */
.dhx_cal_event {
  cursor: pointer;
}

/* line 324, ../../compass/sass/dhtmlx.scss */
.dhx_cal_event .dhx_event_resize {
  cursor: pointer;
}

/* line 328, ../../compass/sass/dhtmlx.scss */
.dhx_cal_event {
  border: 1px solid #CECECE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/* line 337, ../../compass/sass/dhtmlx.scss */
body .scheduler_tools {
  position: static;
  overflow: hidden;
}
/* line 338, ../../compass/sass/dhtmlx.scss */
body .scheduler_tools div {
  font-size: 13px;
  position: static;
}

/* line 346, ../../compass/sass/dhtmlx.scss */
.scheduler_tools .scheduler_tools_left {
  float: right;
}

/* line 350, ../../compass/sass/dhtmlx.scss */
.scheduler_tools .scheduler_tools_right {
  float: right;
}

/** scroll style **/
/* line 355, ../../compass/sass/dhtmlx.scss */
div.fn_scroll {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  padding: 7px;
  background-color: white;
  border: 1px solid #CCC;
  position: fixed;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  right: 10px;
}

/* line 371, ../../compass/sass/dhtmlx.scss */
.fn_scroll_up {
  background: transparent url(../images/arrow_up.png) no-repeat top left;
  top: 45%;
}

/* line 376, ../../compass/sass/dhtmlx.scss */
.fn_scroll_down {
  background: transparent url(../images/arrow_down.png) no-repeat top left;
  top: 55%;
}

/* line 382, ../../compass/sass/dhtmlx.scss */
#reserve_type_list {
  overflow: hidden;
  background-color: #E7EDEF;
  border-top: 1px dotted #ccc;
  margin: 0;
  padding: 10px 15px;
}
/* line 383, ../../compass/sass/dhtmlx.scss */
#reserve_type_list ul {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  float: left;
}
/* line 390, ../../compass/sass/dhtmlx.scss */
#reserve_type_list li {
  margin-right: 5px;
}
/* line 393, ../../compass/sass/dhtmlx.scss */
#reserve_type_list li, #reserve_type_list li div {
  float: left;
}
/* line 396, ../../compass/sass/dhtmlx.scss */
#reserve_type_list li div.color {
  height: 25px;
  width: 15px;
}
/* line 400, ../../compass/sass/dhtmlx.scss */
#reserve_type_list li div.text {
  line-height: 25px;
}