/******************************
Date Picker Calendar
*******************************/

div.DES_CalPopup
{
	vertical-align:middle !important;
	margin-left:3px;
	margin-right:3px;
}



div.DES_CalControl
{
	border: solid 1px rgba(0,0,0,.20);
	background-color: white;
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

	border-radius: 3px;
	padding-top: 5px;
}

div.DES_CalHeader
{
	text-align:center;
}

div.DES_CalHeaderRowsLeft2
{
	margin-left:15px;
}
div.DES_CalHeaderRowsRight2
{
	margin-right:15px;
}

.DES_CalWeekRowsTable
{
	border-radius:3px;
	border-collapse:separate !important;
}

table.DES_CalWeekRowsTable > tbody > tr > td:first-of-type
{
	border-left:none !important;
}
table.DES_CalWeekRowsTable > tbody > tr > td:last-of-type
{
	border-right:none !important;
}

table.DES_CalWeekRowsTable > tbody > tr:last-of-type > td:first-of-type
{
	border-bottom-left-radius:3px;
}

table.DES_CalWeekRowsTable > tbody > tr:last-of-type > td:last-of-type
{
	border-bottom-right-radius:3px;
}

td.DES_CalDayHeaderCell
{
	text-align:center;
}


td.DES_CalOtherMonthDay
{
	background-color: #f0f0f0;
	border-color: rgba(0,0,0,.20);
	padding: 4px;
	text-align: center;
	cursor: pointer;
	color: gray;
}

td.DES_CalDay
{
	border-color:#b6b6b6;
	padding:4px;
	text-align:center;
	cursor:pointer;
}
td.DES_CalDay:hover
{
	text-decoration:underline;
}

td.DES_CalToday
{
	background-color: #e8e8e8; /*row highlight color*/
}



td.DES_CalSelected
{
	background-color: #e8e8e8; /*selected color*/
	font-weight: 600;
	font-size: larger;
}


/******************************
Date Picker Calendar
*******************************/
div.DES_MYPControl
{
	background-color: #ffffff;
	border: solid 1px rgba(0,0,0,.20);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

	border-radius: 3px;
	padding: 8px;
}

table.DES_MYPMonthTable
{
	margin-right:5px;
	width:95% !important;
}

table.DES_MYPYearTable
{
	margin-left:5px;
	width:95% !important;
}

td.DES_MYPMonthCell
{
	padding:3px;
	text-align:left;
	cursor:pointer;
}

td.DES_MYPSelectedMonthCell
{
	background-color:#e8e8e8;
	padding:3px;
	text-align:left;
	cursor:pointer;
}

td.DES_MYPYearCell
{
	padding:3px;
	text-align:right;
	width:45% !important;
	cursor:pointer;
}

td.DES_MYPSelectedYearCell
{
	background-color:#e8e8e8;
	padding:3px;
	cursor:pointer;
}

div.DES_MYPControl > div > table > tbody > tr:last-of-type > td
{
	text-align:center;
}


/*******************************
Date Picker Menu
*******************************/

div.DESMenu
{
	background-color: #ffffff;
	border: solid 1px #abadb3;
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

	border-radius: 3px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 2px;
	padding-right: 2px;
}
div.DESMenuCommand
{
	cursor:pointer;
}


div.DESMenuMouseOver
{
	background-color:#FBF0E7;
}

/***********************************
THESE CLASSES WERE LEFT PRIOR TO 11.x, they may not be needed classes above this point have been reviewed
************************************/




.SD_TimeRow, .SD_TimeRow TD
{
}
.SD_TimeRowAlt, .SD_TimeRowAlt TD
{
}
.EDFMain
{
   font-size: 11pt;
   font-family: Arial;
   color: black;
   background-color: aliceblue;
   border-right: black 1px solid;
   border-top: black 1px solid;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   padding-right: 5px;
   padding-left: 5px;
   padding-bottom: 5px;
   padding-top: 5px;
}
.EDFMain TR
{
   font-size: 11pt;
   font-family: Arial;
   color: black;
}
.EDFTitle
{
   background-color: white;
   border-top: black 1px solid;
   border-bottom: black 1px solid;
}

.EDFTitle TR
{
   font-size: 11pt;
   font-family: Arial;
   color: black;
}


/* --for MultiSelectionCalendar-- */
.MSCMessageCenter
{
   border-right: gray double;
   border-top: gray double;
   border-left: gray double;
   border-bottom: gray double;
}

.MSCMessageCenterTitle
{
   color: blue;
   font-size: 11pt;
   font-family: Arial;
}

.MSCMessageCenterBody
{
   padding-right: 5px;
   padding-left: 5px;
   padding-bottom: 5px;
   padding-top: 5px;
}
.MSCMessageCenterNextClick
{
}




.TMTBHelpButton
{
}

.TMTBHelpButtonPressed
{
}

/* prevent external img styles from affecting these styles */
.TMTBHelpButton img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}
/* prevent external img styles from affecting these styles */
.TMTBHelpButtonPressed img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}


/* --for TimePicker-- */
.TPTimePicker
{
   border-right: gray 1px solid;
   border-top: gray 1px solid;
   font-size: 11pt;
   border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   font-family: Arial;
   background-color: white;
}

.TPTimePicker TABLE
{
   font-size: 11pt;
   font-family: Arial;
   background-color: white;
}
.TPTimePicker A
{
   color:black;
   text-decoration:none;
}

.TPTimeSpan
{
   cursor: hand;
}

.TPSelectedTimeSpan
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}


.TPFiller
{
   color: gray;
}

.TPTitle
{
   border-top: black 1px solid;
   border-bottom: black 1px solid;
   background-color: lightblue;
}
.TPHeader
{
   background-color:transparent;
}
.TPFooterButton
{
   border-right: #E0E0E0 thin outset; /* = lightgray */
   border-top: #E0E0E0 thin outset;
   border-left: #E0E0E0 thin outset;
   color: black;
   border-bottom: #E0E0E0 thin outset;
   background-color: lightblue;
   font-size: 11pt;
   font-family: Arial;
   cursor: pointer;
 
}

.TPFooterButtonPressed
{
   border-right: #E0E0E0 thin inset; /* = lightgray */
   border-top: #E0E0E0 thin inset;
   border-left: #E0E0E0 thin inset;
   border-bottom: #E0E0E0 thin inset;
   background-color: lightblue;
   color: black;
   font-size: 11pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.TPTogglePicker
{
}

.TPTogglePickerPressed
{
}