.calendarControl
{
  white-space: nowrap;
  display:inline-block;
}
.calendarControl .popupLink
{
    cursor: hand;
    cursor: pointer;
}

.calendarControl INPUT.narrow {
    width: 7em;
}

.calendarControl .hiddenDatePopup
{
 visibility : hidden; 
 position: absolute; 
 background-color: white !important;
 layer-background-color: white;	
 z-index: 9999;
}

.calendarControl A, 
.calendarControl A:link, 
.calendarControl A:active,
.calendarControl A:visited
{
  color: #000000;	
}

.calendarControl A:hover
{
  color: #109ede;	
}

.calendarControl .cpDayColumnHeader,
.calendarControl .cpYearNavigation,
.calendarControl .cpMonthNavigation,
.calendarControl .cpCurrentMonthDate,
.calendarControl .cpCurrentMonthDateDisabled,
.calendarControl .cpOtherMonthDate,
.calendarControl .cpOtherMonthDateDisabled,
.calendarControl .cpCurrentDate,
.calendarControl .cpCurrentDateDisabled,
.calendarControl .cpTodayText,
.calendarControl .cpTodayTextDisabled,
.calendarControl .cpText 
{ 
	font-family:arial !important; 
	font-size:8pt !important; 
}

.calendarControl .cpCurrentMonthDate,
.calendarControl .cpOtherMonthDate,
.calendarControl .cpCurrentDate  
{ 
	text-align:right; 
	text-decoration:none; 
}

.calendarControl .cpCurrentMonthDateDisabled,
.calendarControl .cpOtherMonthDateDisabled,
.calendarControl .cpCurrentDateDisabled 
{ 
	color:#D0D0D0; 
	text-align:right; 
	text-decoration:line-through; 
}

.calendarControl .cpCurrentMonthDate
{
  background-color : #DDDDDD !important;
}

.calendarControl .cpCurrentMonthDate,
.calendarControl .cpCurrentDate 
{ 
	color:#000000; 
}

.calendarControl .cpOtherMonthDate 
{ 
	background-color: #C0C0C0  !important;
}

.calendarControl TD.cpCurrentDate 
{ 
	background-color: #FFFFFF  !important; 
}

.calendarControl TD.cpCurrentDateDisabled 
{ 
	background-color: #FFAAAA  !important; 
}

.calendarControl TD.cpTodayText,
.calendarControl TD.cpTodayTextDisabled 
{ 
	background-color: Transparent !important; 
}

.calendarControl A.cpTodayText,
.calendarControl SPAN.cpTodayTextDisabled 
{ 
	height:20px; 
}

	.calendarControl A.cpTodayText {
		color: #1a80ba;
	}

	.calendarControl A.cpTodayText:hover {
		color: Red;
	}

.calendarControl .cpTodayTextDisabled 
{ 
	color:#D0D0D0; 
}

.calendarControl .cpBorder 
{ 
	border: solid 1px #000000 !important;  
}

.calendarControl .cpBorder TR TD
{ 
	border: none !important;
	padding: 1px !important;
}

.calendarControl .cpBorder .mainTD
{
	background-color: #DDDDDD !important;
	padding: 3px !important;
}

.calendarControl .cpBorder .navHeader TD
{
	background-color: Transparent !important;
}

.calendarControl .cpYearNavigation,
.calendarControl .cpMonthNavigation 
{ 
	text-align:center; 
	vertical-align:middle; 
	text-decoration:none; 
	color:#000000; 
	font-weight:bold; 
}

.calendarControl .cpMonthNavigation SELECT
{
  width: 90px !important;	
  font-weight: normal;
  background-color: #336699 !important;
  color: #FFFFFF;
  text-align: left !important;
}

.calendarControl .cpYearNavigation SELECT
{
  width: 70px !important;	
  font-weight: normal;
  background-color: #336699  !important;
  color: #FFFFFF;
  text-align: left !important;
}

.calendarControl .calendarTable
{
	margin-top: 5px;
	border-top: solid 1px #000000 !important;  
	border-right: solid 1px #000000 !important;  
}

.calendarControl .cpBorder TR TD .calendarTable TR TD
{ 
	border-bottom: solid 1px #000000 !important;  
	border-left: solid 1px #000000 !important; 
	
    padding: 1px !important; 
}

.calendarControl .calendarTable TD.cpDayColumnHeader
{
    background-color: #336699 !important;
    color: #FFFFFF !important;	
    text-align: center !important;
}

.calendarControl .calendarTable TD.calendarTableTD
{
  text-align: center !important;
}

/* migration updates */

.calendarControl INPUT {
    display: inline-block !important;
}

.calendarControl IMG {
    vertical-align: top;
}

/******************************** DateControl date picker styles override ***************/
/* Framework styles override for the new MsCms design */
.calendarControl INPUT.narrow {
	width: 6em;
}

.calendarControl input.narrow {
	width: 7em !important;
}

.calendarControl .popupLink {
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	/*font-size: inherit;*/
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	/*border: solid 1px #e4e5e7;*/
	padding: 9px 8px;
}

	.calendarControl .popupLink img {
		display: none;
	}

	.calendarControl .popupLink:before {
		content: "\f073";
	}

.calendarControl a.popupLink {
	color: #1a80ba;
}

	.calendarControl a.popupLink:hover {
		color: #000;
	}

.calendarControl .cpBorder .mainTD,
.calendarControl .cpOtherMonthDate {
	background-color: #FFF !important;
}

.calendarControl .hiddenDatePopup {
	width: 255px;
}

	.calendarControl .hiddenDatePopup > table {
		width: 100% !important;
	}

.calendarControl .calendarTable,
.calendarControl .calendarTable tr td,
.calendarControl .cpBorder TR TD .calendarTable TR TD {
	border: none !important;
}

.calendarControl .cpMonthNavigation select {
	width: 110px !important;
}

.calendarControl .cpBorder TR TD .calendarTable TR TD {
	padding: 1px 2px !important;
}

	.calendarControl .cpBorder TR TD .calendarTable TR TD.cpDayColumnHeader {
		padding: 3px 2px !important;
	}

	.calendarControl .cpBorder TR TD .calendarTable TR TD a {
		display: block;
		padding: 2px 4px;
		margin: 0px auto;
		text-align: center;
	}

.calendarControl .cpBorder .mainTD > center > table {
	width: 100% !important;
}

.calendarControl .cpCurrentDate a {
	color: #fff !important;
	background-color: #3276b1;
	border-color: #285e8e;
	border-radius: 3px;
}

.calendarControl .cpOtherMonthDate a:hover,
.calendarControl .cpCurrentMonthDate a:hover {
	background-color: #eee !important;
	border-color: #6a6c6f !important;
	border-radius: 3px !important;
	color: #000000 !important;
}

.calendarControl .cpMonthNavigation SELECT,
.calendarControl .cpYearNavigation SELECT,
.calendarControl .calendarTable TD.cpDayColumnHeader {
	background-color: #FFF !important;
	color: #6a6c6f !important;
	font-weight: bold !important;
}

.calendarControl .cpDayColumnHeader,
.calendarControl .cpYearNavigation,
.calendarControl .cpMonthNavigation,
.calendarControl .cpCurrentMonthDate,
.calendarControl .cpCurrentMonthDateDisabled,
.calendarControl .cpOtherMonthDate,
.calendarControl .cpOtherMonthDateDisabled,
.calendarControl .cpCurrentDate,
.calendarControl .cpCurrentDateDisabled,
.calendarControl .cpTodayText,
.calendarControl .cpTodayTextDisabled,
.calendarControl .cpText {
	font-family: inherit !important;
	font-size: inherit !important;
}

	.calendarControl .cpTodayText br {
		display: none;
	}

.calendarControl .cpTodayText {
	height: 28px;
}

.calendarControl .cpMonthNavigation SELECT,
.calendarControl .cpYearNavigation SELECT {
	padding: 3px 4px !important;
	border: solid 1px #ddd;
	box-shadow: none;
}

.calendarControl .cpBorder .mainTD > center > table td.cpMonthNavigation {
	text-align: left;
	padding: 0px !important;
}

.calendarControl .cpBorder .mainTD > center > table td.cpYearNavigation {
	text-align: right;
	padding: 0px !important;
}

span.calendarControl .cpCurrentMonthDate {
background-color: #FFF !important;
}

.calendarControl .hiddenDatePopup {
border: 1px solid #ccc !important;
border: 1px solid rgba(0, 0, 0, .15) !important;
border-radius: 3px !important;
padding: 3px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
box-shadow: 0px 6px 12px rgba(0,0,0,0.175) !important;
}

.calendarControl .cpBorder {
border: none !important;
}

.calendarControl .cpBorder .mainTD {
	padding: 0px !important;
}

/************************************** end date control picker override *********************************/