/* calendar style */
.cpYearNavigation { background-color:#C0C0C0; text-align:center; vertical-align:center; text-decoration:none; color:#000000; font-weight:bold;  font-family:arial; font-size:8pt; }
.cpMonthNavigation {text-align:center; vertical-align:center; text-decoration:none; color:#FFF000; font-weight:bold; font-family:arial; font-size:8pt; background:#0096FF; line-height:22px; }
.cpMonthNavigation:hover  { text-align:center; vertical-align:center; text-decoration:none; color:#FFF000; font-weight:bold; font-family:arial; font-size:8pt; }
.cpCurrentMonthDate { font-family:arial; font-size:8pt; color:#000000; text-align:right; text-decoration:none;}
.cpCurrentMonthDate:hover { font-family:arial; font-size:8pt; color:#000000; text-align:right; text-decoration:none;}
.cpCurrentMonthDateDisabled { font-family:arial; font-size:8pt; color:#D0D0D0; text-align:right; text-decoration:line-through;}
.cpOtherMonthDate { font-family:arial; font-size:8pt; text-align:right; text-decoration:none;color:#808080;}
.cpOtherMonthDate:hover { font-family:arial; font-size:8pt; text-align:right; text-decoration:none;color:#808080;}
.cpOtherMonthDateDisabled { font-family:arial; font-size:8pt; }
.cpCurrentDate { font-family:arial; font-size:8pt; }
.cpCurrentDateDisabled { font-family:arial; font-size:8pt; }
.cpTodayText { font-family:arial; font-size:8pt; }
.cpTodayTextDisabled { font-family:arial; font-size:8pt; }
.cpText { font-family:arial; font-size:8pt;}
.cpDayColumnHeader { font-family:arial; color:#0096FF; font-weight:bold; text-align:right; border:solid thin #C0C0C0; border-width:0px 0px 0px 0px;}
.cpOtherMonthDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.cpCurrentDate { text-align:right; text-decoration:none;  color:#000000; color:white; background-color: #0096FF; border-width:1px;}
a.cpCurrentDate { text-align:right; text-decoration:none;  color:#000000; color:white; background-color: #0096FF; border-width:1px; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
a:hover.cpCurrentDate { text-align:right; text-decoration:none;  color:#000000; color:white; background-color: #0096FF; border-width:1px; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}


.cpTodayText { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}
.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}
.cpTodayText { height:20px; }
.cpTodayTextDisabled { height:20px; }
.cpTodayText { color:black; }
.cpTodayTextDisabled { color:#D0D0D0; }
.cpBorder { border:2px solid #0096FF; }
/* end code */

div.colorpicker
{
	 position:absolute;
	 top:0px;
	 left:0px;
	 z-index:1000;
	 padding:0;
	 width:20%;
	 height:110px;
	 visibility: hidden;
   overflow-y:hidden;
   overflow-x: hidden; 
}

div.calendarstyle
{
	 position:absolute;
	 top:0px;
	 left:0px;
	 z-index:1000;
	 padding:0;
	 width:17%;
	 height:160px;
	 overflow-y:hidden;
 	  overflow-x: hidden; 
}

#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

/* Drop down menu*/
	#jsddm li a
	{	display: block;
		background: #324143;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #24313C}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #A9C251;
				color: #24313C}
			
			#jsddm li ul li a:hover
			{	background: #8EA344}