/* --- CALENDAR ------------------------------------------------------------- */
#calendar { z-index:1; display: inline-block; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80); POSITION: absolute; overflow:auto;     margin-left: -42%;   margin-top: 5px;  
}

A IMG 				  { border-bottom: medium none; border-left: medium none; border-top: medium none; border-right: medium none; }
A.calendar IMG 		  { background-color: #cccccc; display: inline; margin:0 3px -4px 3px; }
A.calendar:hover IMG  { background-color: #ffffff}
A.calendar:active IMG { background-color: #003580}

/* --- TABLE ---------------------------------------------------------------- */
.caltable 			{ border:#6699cc 1px solid; background-color: #f2f8fd; border-radius: 8px;}
.caltable A:link    { color: #6699cc !important}
.caltable A:visited { color: #6699cc !important}
.caltable A:hover   { border: 1px solid #cccccc !important; }
.caltable A.calPrevMonth:hover   { border: 0px solid #cccccc !important; }
.caltable A.calNextMonth:hover   { border: 0px solid #cccccc !important; }
.caltable A.calCloseLink:hover   { border: 0px solid #cccccc !important; }
.caltable A:active  { border: 1px solid #cccccc !important; }
.caltable TD 		{ text-align: center; border-radius: 8px; font-weight: bold;}
.caltable TD A 		{ display: block; text-decoration: none;}
.caltable TD.calheader A {	display: inline; vertical-align: -0.4em; }
.calheader 			{ padding-bottom: 0.4em; padding-left:0em; padding-right:0em; white-space: nowrap; padding-top: 0.4em; }
.calheader SELECT 	{ margin: 0px 0.6em; }

/* --- DAYS ----------------------------------------------------------------- */
.monthyear 			{ background-color: #fff; color: white;}
.daynames TD 		{ border-bottom: #003580 1px solid; background-color: #f2f8fd;}
.days TD 			{ width:20px; height:16px; border: #f2f8fd 2px solid; background-color: #f2f8fd;}
.days TD.weekend 	{ border-color: #f2f8fd; background-color: #f2f8fd;}
.days TD.past 		{ color: #cdcdcd}
.days TD.today 		{ border-bottom: medium none; border-left: medium none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border-top: medium none; border-right: medium none; padding-top: 0px; border-radius: 15px;}
.days TD.future 	{ border-bottom: medium none; border-left: medium none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border-top: medium none; border-right: medium none; padding-top: 0px; border-radius: 15px;}
.days TD A 			{ border: #f2f8fd 2px solid; border-radius: 15px;}
.days TD.weekend A 	{ border-color: #f2f8fd;}
.days TD.today a 	{ background-color: #dBe3eB;}
.days TD.selected	{ font-weight: bold;}
.days TD.selected A { border: 1px solid #a90000;}

.calPrevMonth       { border:0px; }
.calNextMonth       { border:0px; }
.calCloseLink       { border:0px; padding-right:2px;}

.ym_month           { width:125px; border:1px solid #6699cc; margin:0px; padding:0px; }


.demo select {
border: 0 !important; /*Removes border*/
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background: #0088cc url(images/select-arrow.png) no-repeat 95% center;
width: 110px; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
color: #FFF;
border-radius: 6px;
padding: 5px;
box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
}
.demo select.balck {
background-color: #000;
text-align: center;
}
.demo select.option3 {
border-radius: 6px 0;
}