/**/
/* Common Css */
.calendar .nav { /*background: url("../../images/calendar/menuarrow.gif") no-repeat 100% 100%;*/ display:table-cell !important; }
.calendar tfoot .ttip .error { color: #c20; }
.calendar tfoot tr.time td { padding: 0; border-top: 1px solid; }
.calendar tfoot tr.time td.timetext { text-align: center; }
.calendar tfoot tr.time table td,
.calendar tfoot tr.time td.hilite,
.calendar tfoot tr.time td.active { border: 0; padding: 0; }
.calendar tfoot tr.time td.hour,
.calendar tfoot tr.time td.minute {text-align: right; font-weight: bold; border-right: 1px solid; padding: 0 1px 0 3px;}
.calendar tfoot tr.time td.colon {text-align: center; font-weight: bold; background: transparent; }
.calendar tfoot tr.time td.ampm {text-align: center;}
.calendar-time-scroller { border-left: 1px solid; border-right: 1px solid; }
.calendar-time-scroller .up {
  width: 11px;
  background: transparent url("../../images/calendar/scroller-up.gif") no-repeat 50% 50%;
  height: 0.5em;
}
.calendar-time-scroller .down {
  width: 11px;
  background: transparent url("../../images/calendar/scroller-down.gif") no-repeat 50% 50%;
  height: 0.5em;
}
.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid;
  font-size: 90%;
}
/* This is what makes the calendar pop up of the page If you are using items with z-index greater than 100 you will need to increase this to make the calendar 	 display in front of them.*/
.calendar {z-index: 100;}
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 3px;
  display: block;
  color: #222;
  font-size: 10px;
}
.calendar .combo .label-IEfix {
  width: 4em;
}
.calendar .combo .disabled { color: #888; }
.calendar .history { width: 18em; }
.calendar .history .label { text-align: center; }
.calendar .history .label-IEfix { width: 18em; }



/* ============= */
/* 2d Layout Css */
/* ============= */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid;
  font-size: 11px;
  cursor: pointer;
  font-family: tahoma,verdana,sans-serif;
  border : 0;
  color: #000;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 5px;          /* Make the buttons seem like they're pressing */
  font-weight: bold;
  color: #111;
}
.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 5px;
  font-size: 16px;
}

/*.calendar thead .headrow {  Row <TR> containing navigation buttons 
}*/

.calendar thead .name { /* Cells <TD> containing the day names */
  /*border-bottom: 1px solid;*/
  padding: 5px;
  text-align: center;
  font-weight: bold;
}

/*.calendar thead .weekend {  How a weekend day name shows in header
} */

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  /*border: 1px solid;*/
  padding: 5px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 5px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 31px; /*3.3em*/
  text-align: right;
  padding: 6px 0;   /*0 4px*/
  font-weight: 600;
  border: 1px solid #ebeceb;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
}
.calendar tbody .day.othermonth.oweekend {
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid;
}

.calendar tbody .rowhilite td {
}

.calendar tbody .rowhilite td.wn {
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 0 3px 0 1px;
  border: 1px solid;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

 /*.calendar tbody td.selected { Cell showing today date 
}*/

/*.calendar tbody td.weekend {  Cells showing weekend days
} */

/*.calendar tbody td.today { font-weight: bold; }*/

.calendar tbody .disabled { color: #dce0e0 !important; background-color: #eeeeef; font-weight: normal;}
/*.calendar tbody .false { font-weight: normal;}*/
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border: 1px solid;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo .active {
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-weight: bold;
}

/* =============== */
/* Main Winter Css */
/* =============== */
.calendar table {
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background: #fff;
    margin : 0 auto;
}

/*.calendar .nav {
  background-color: #778;
}*/

.calendar thead .title {
  /*background-color: #ccd;*/
  color: #000;
}
.calendar thead .headrow td.nav
{
    color: #333 !important;
    font-size: 16px;
}
.calendar thead .headrow {
  /*background-color: #778;*/
  color: #333 !important;
}

/*.calendar thead .daynames {
  background-color: #C2C8D8;
}*/

.calendar thead .name {
  border-color: #556;
  color: #000;
}

.calendar thead .weekend {
  color: #a71717;
}

.calendar thead .hilite {
  /*background-color: #aaf;
  border-color: #04f;*/
  color: #000;
}

/*.calendar thead .active {
  background-color: #77c;
}*/

.calendar tbody .day {
  color: #456;
}
.calendar tbody .day.othermonth {
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn, .calendar table .daysrow .wn {
  border-color: #000;
  background-color: #C2C8D8 !important; /*#bdf;*/
}

.calendar tbody .rowhilite td {
  /*background-color: #def;*/
}

.calendar tbody .rowhilite td.wn {
  background-color: #eef !important;
}

.calendar tbody td.hilite {
  background-color: #cccccc; /*f79521 #def*/
  /*color: #fff;*/
  border-color: #bbb;
}
.calendar tbody td.savedate {
  background-color: #f79521; /*#def*/
  /*color: #fff;*/
  border-color: #bbb;
}
.calendar tbody td.active {
  background-color: #cde;
}

.calendar tbody td.selected {
  /*border-color: #000;
  background-color: #fff;*/
  color: #fff;
  background-color: #f79521;
  /*font-weight: bold;
  border: 1px solid;*/
  padding: 1px 3px 1px 1px;
}

.calendar tbody td.weekend {
  /*color: #a71717;*/
}

/*.calendar tbody td.today {
  color: #fff;
  background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}*/

.calendar tfoot .footrow {
  /*background-color: #556;*/
  color: #fff;
}

.calendar tfoot .ttip {
  /*background-color: #ccd;*/
  color: #445;
  border-color: #556;
}

.calendar tfoot .hilite {
  background-color: #aaf;
  border-color: #04f;
  color: #000;
}

.calendar tfoot .active {
  background-color: #77c;
}

.calendar .combo {
  border-color: #655;
  background-color: #def;
  color: #000;
}

.calendar .combo .hilite {
  background-color: #acf;
}

.calendar .combo .active {
  border-color: #46a;
  background-color: #eef;
}

/* time */

.calendar tfoot tr.time td { border-color: #000; }
.calendar tfoot tr.time td.hour,
.calendar tfoot tr.time td.minute { border-color: #aac; }
.calendar tfoot tr.time td.hilite { background-color: #acf; }
.calendar tfoot tr.time td.active { background-color: #9be; }



.calendar {
  /*border-width: 1px;*/
  font-size: 9px;
  line-height : normal;
}

.calendar table {
  font-size: 13px;
}

.calendar p {
	margin : 0 !important;
	padding : 0 !important;
}
.calendar table .month-right-border {border-color: #ebeceb; border-right: 1px solid;}
.cal .ico {background: transparent url(../../images/new/cal_icon.png) right 0 no-repeat; position: absolute; cursor: pointer; margin-left: 0; border: 0;}
.cal {position: relative;}