/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* calendar root element */
#calroot,
#examcalroot,
#wizardroot {
  margin-top            : -1px;
  width                 : 198px;
  padding               : 2px;
  background-color      : #fff;
  font-size             : 11px;
  line-height           : normal;
  border                : 1px solid #ccc;
  z-index               : 1000;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  -moz-box-shadow       : 0 0 15px #666;
  -webkit-box-shadow    : 0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
  padding  : 2px 0;
  height   : 22px;
  overflow : hidden;
}

#caltitle {
  font-size   : 14px;
  color       : #0150D1;
  float       : left;
  text-align  : center;
  width       : 155px;
  line-height : 20px;
  text-shadow : 0 1px 0 #ddd;
}

#calnext, #calprev {
  display    : block;
  width      : 20px;
  height     : 20px;
  background : transparent url(/images/prev.gif) no-repeat scroll center center;
  float      : left;
  cursor     : pointer;
  padding    : 0;
}

#calnext {
  background-image : url(/images/next.gif);
  float            : right;
}

#calprev.caldisabled, #calnext.caldisabled {
  visibility : hidden;
}

/* year/month selector */
#caltitle select {
  /*font-size:10px;*/
  -moz-border-radius : 0 !important;
  border             : hidden !important;
  padding            : 0 !important;
  width              : auto !important;
}

/* names of the days */
#caldays {
  height        : 14px;
  border-bottom : 1px solid #ddd;
}

#caldays span {
  display    : block;
  float      : left;
  width      : 28px;
  text-align : center;
}

/* container for weeks */
#calweeks {
  background-color : #fff;
  margin-top       : 4px;
}

/* single week */
.calweek {
  clear  : left;
  height : 22px;
}

/* single day */
.calweek a {
  display               : block;
  float                 : left;
  width                 : 27px;
  height                : 20px;
  text-decoration       : none;
  font-size             : 11px;
  margin-left           : 1px;
  text-align            : center;
  line-height           : 20px;
  color                 : #666;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  padding               : 0;
}

/* different states */
.calweek a:hover, .calfocus {
  background-color : #ddd;
  text-decoration  : none;
}

/* sunday */
a.calsun {
  color : red;
}

/* offmonth day */
a.caloff {
  color : #ccc;
}

a.caloff:hover {
  background-color : rgb(245, 245, 250);
}

/* unselecteble day */
a.caldisabled {
  background-color : #efefef !important;
  color            : #ccc !important;
  cursor           : default;
}

/* current day */
#calcurrent {
  background-color : #498CE2;
  color            : #fff;
}

/* today */
#caltoday {
  background-color : #333;
  color            : #fff;
}