/* CSS Document */
/* CSS Produced & Owned by Veerle (veerle.duoh.com) */
/* This CSS document & its accompanying image bg_calendar.gif are protected under this license: http://creativecommons.org/licenses/by-nc-sa/2.5/ */
/* You must attribute the work in the manner specified by the author or licensor. 
/* Noncommercial. You may not use this work for commercial purposes. */
/* Share Alike. If you alter, transform, or build upon this work, you may distribute the resulting work only under a license identical to this one.  */

#calendar a {
	color: #DF9496;
}
#calendar {
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #a2adbc;
	border:2px solid #cfcdc2;	
	border-top:none;
	width:153px;
}
#calendar div a {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	
.cap {
	width:153px;
	margin: 0px;
	padding: 3px 0px;
	background: #000;
	color: #fff;	 
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	border:2px solid #cfcdc2;	
	border-bottom:none;
}
#calendar th {	
	font: 10px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color: #FFFFFF;
	background: #000;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}
#calendar .today, #calendar td.today a, #calendar td.today a:link, #calendar td.today a:visited {
	color: #fff !important;
	font-weight: bold;
	background: #DF9496 !important;
}
#calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background-color:#000 !important;
	/*background: url(/articles/filestore/calendar/bg_calendar.gif) no-repeat right bottom;*/
}
#calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#calendar td a:link, #calendar td a:visited {	
	color: #608194;
	background: url(/articles/filestore/calendar/bg_calendar.gif) no-repeat;
}
#calendar td a:hover, #calendar td a:active {
	background: none!important;
	color: #000!important;
	background-color: #dad7d7!important;
}

img { border:none; }


/* ----------------- Start Calendar Popup ------------------ */

/**************************************************************************************
  htmlDatePicker CSS file
  
  Feel Free to change the fonts, sizes, borders, and colours of any of these elements
***************************************************************************************/
/* The containing DIV element for the Calendar */
#dpCalendar {
  display: none;          /* Important, do not change */
  position: absolute;        /* Important, do not change */
  background-color: #eeeeee;
  color: black;
  font-size: xx-small;
  margin-top:210px;
  margin-left:235px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 150px;
}
/* The table of the Calendar */
#dpCalendar table {
  border: 1px solid black;
  background-color: #eeeeee;
  color: black;
  font-size: xx-small;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 100%;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
  background-color: #9797a3;
  color: black;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
  background-color: #9797a3;
  color: black;
  text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
  background-color: #9797a3;
  color: black;
  text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
  border: 1px solid red;
  background-color: #ffdddd;
  color: black;
  text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
  background-color: #f8e3f0;
  color: black;
  text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
  background-color: transparent;
  color: black;
}
/* The cancel button */
#dpCalendar .cellCancel {
  background-color: #cccccc;
  color: black;
  border: 1px solid black;
  text-align: center;
}
/* The clickable text inside the calendar */
#dpCalendar a {
  text-decoration: none;
  background-color: transparent;
  color: #3b3bcd;
}  


/* ----------------- End Calendar Popup ------------------ */