/* datepicker.css: date picker control styles for SWL applications, version 3.2, 02-Aug-2017	*/

/* the div that holds the date picker calendar */
.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: center;
   color: #505050;
   margin: auto;
}
.dpTable_gecko {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: center;
   color: #505050;
   padding:0 0 0 20px;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

.dpdivtabletitle{
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: center;
   color: #FFF;
   padding:5px;
   width:191px;
}
   
.dpDateTop {
   width:191px;
   text-align: center;
   background: url(/graphics/datepicker_top.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding:2px 0 0 0;
   margin:0px;
   height:40px;
   background-color: #fff;
}

.dpDateBottom {
   width:191px;
   background: url(/graphics/datepicker_bottom.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
   padding:0 0 10px 0;
   text-align: center;
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
   background-color:transparent;
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
   border: 1px solid #ece9d8;
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD_past {
   border: 1px solid #ccc;
   color: #ccc;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
   background-color: #cccccc;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
   background-color: #aca998;
   border: 1px solid #888888;
   cursor: pointer;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover_past {
   border: 1px solid #ccc;
   cursor: default;
   color:#ccc;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
   color:#FFF;
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
   color:#000;
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
   background-color: #CCCCCC;
   border: 1px solid #AAAAAA;
   color: #777;
   padding:1px;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
   font-size: 12px;
   color: #fff;
   font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
   color: #4060ff;
   font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   color:#ffffff;
   background-color:transparent;
   border:none;
   font-weight: 900;
   padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #444;
   font-weight: bold;
}

/* the year selector control */
.dpYear {
	color: #ffffff;
	background-color: #024d9c;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	font-weight:bold;	*/
}