/*
* Additional rules to add shadows
* @author: victmo
*/

/* date picker buttons override (not included in original theme roller css)*/
.ui-datepicker td .ui-state-default {border: 1px solid #fff; background: #ffffff; font-weight:normal; font-size:0.8em;}
.ui-datepicker td .ui-state-default.ui-state-highlight {border: 1px solid #fae2e2; background: #ffffff; color: #aa0000; font-weight:normal; }
.ui-datepicker td .ui-state-hover {border: 1px solid #eee; background: #fafafa; font-weight:normal; }
.ui-datepicker td .ui-state-active {border: 1px solid #bbc; background: url("images/ui-bg_highlight-soft_50_d0dae2_1x100.png") repeat-x scroll 50% 50% #D0DAE2; color:#000; font-weight:bold; }

/* text shadow for all buttons */
.ui-state-default{ text-shadow: 0px 1px 0px #fff; }
.ui-widget-header{ text-shadow: 0px 1px 0px #fff; }

/* drop shadow for all elements */
.ui-widget { box-shadow: 0 0 5px rgba(0,0,0,0.07); }



/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{
	text-align: left;
	font-size:12px;
	border-top:1px solid #eee;
	padding:6px 12px 0 8px;
}
.ui-timepicker-div dl dt{ height: 26px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }