/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}

.ui-timepicker {
  font: normal 11px/13px Arial;
  color: #213AA3
}

.ui-widget-content {
  background-image: none;
  background-color: #fff;
  border: 1px solid #A9A9A9;
}

.ui-state-default {
  background-image: none !important;
  background-color: #fff !important;
  border: none !important;
  color: #213AA3 !important;
  font: normal 11px/13px Arial !important;
}

.ui-state-default:hover { background-color: #f4f4f4 !important;}

.ui-timepicker-title {
  background-color: #23468A;
  background-image: url(/bitrix/components/bitrix/main.calendar/templates/.default/images/title_bg.gif);
  background-position: left top;
  background-repeat: repeat-x;
  border: none;
  border-bottom: 1px solid #A9A9A9;
  -moz-border-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #fff;
}

.ui-timepicker-hours { border-right: 1px solid #A9A9A9;}