/* Component containers           
----------------------------------*/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { 
	background: #666666 50% 50% repeat;
	opacity: .50;
	filter:Alpha(Opacity=50); 
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 50% 50% repeat-x;
	opacity: .20;
	filter:Alpha(Opacity=20);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* Dialog
----------------------------------*/
.ui-dialog { 
	position: absolute; 
	padding: 9px; 
	width: 300px; 
	overflow: hidden; 
}

/* Datepicker
----------------------------------*/
.ui-datepicker { 
	background: #ffffff;
	font: normal bold 11px Franklin Gothic Book, Helvetica;	
	letter-spacing: -0.1px;
	width: 175px;
	border: 2px solid #c0c0c0;
	margin-top: 1px;
}
.ui-datepicker .ui-datepicker-header { position: relative; padding: 2px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { 
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
	font: normal bold 11px Franklin Gothic Book, Helvetica;	
	color: #0099cc;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; color: #7c7c7c; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; }
.ui-datepicker .ui-datepicker-next-hover { right: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { 
	display: block; 
	position: absolute; 
	left: 50%;
	top: 50%; 	
	margin-left: -8px; 
	margin-top: -8px;  
}
.ui-datepicker .ui-datepicker-title { 
	margin: 0 2.3em; 
	line-height: 1.8em; 
	text-align: center; 
	color: #ff6633; 
}
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {
	padding: 10px;
	width: 100%; 
	border-collapse: collapse; 
}
.ui-datepicker th { 
	padding: .3em .3em .3em .3em;
	text-align: center; 
	border-top: 1px solid #006699; 
	border-bottom: 1px solid #006699; 
	color: #006699; 
	font: normal bold 11px Franklin Gothic Book, Helvetica;	
}
.ui-datepicker td { 
	border: none;
	padding: .1em .3em .1em .3em;
	font: normal bold 11px Franklin Gothic Book, Helvetica;
	color: #7c7c7c;
}
.ui-datepicker td span, .ui-datepicker td a { 
	display: block; 
	padding: .2em; 
	text-align: right; 
	font: normal bold 11px Franklin Gothic Book, Helvetica;	
}
.ui-datepicker td a:link, .ui-datepicker td a:visited { 
	text-decoration: underline;
}
.ui-datepicker td a:hover {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane { 
	background-image: none; 
	margin: .7em 0 0 0; 
	padding:0 .2em; 
	border-left: 0; 
	border-right: 0; 
	border-bottom: 0; 
}
.ui-datepicker .ui-datepicker-buttonpane button { 
	float: right; 
	margin: .5em .2em .4em; 
	cursor: pointer; 
	padding: .2em .6em .3em .6em; 
	width: auto; 
	overflow: visible; 
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Slider - Slider scrollbar
----------------------------------*/
.scroll-pane { overflow: auto; width: 640px; float: left; }
.scroll-content { width: 640px; float: left; }
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border: none; height: .9em; margin: 0 auto; }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto;}
.scroll-bar-wrap .ui-slider-handle { top: 0; height: .9em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -7px auto 0; position: relative; top: 50%; }

.scroll-pane .ui-widget-content { border: none; background: none; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.scroll-bar-wrap .ui-state-default, .scroll-bar-wrap .ui-widget-content .ui-state-default { border: 1px solid #77d5f7; background: #0078ae url(../images/slider/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.scroll-bar-wrap .ui-state-default a, .scroll-bar-wrap .ui-state-default a:link, .scroll-bar-wrap .ui-state-default a:visited { color: #555555; text-decoration: none; }
.scroll-bar-wrap .ui-state-hover, .scroll-bar-wrap .ui-widget-content .ui-state-hover, .scroll-bar-wrap .ui-state-focus, .scroll-bar-wrap .ui-widget-content .ui-state-focus { border: 1px solid #448dae; background: #79c9ec url(../images/slider/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.scroll-bar-wrap .ui-state-hover a, .scroll-bar-wrap .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.scroll-bar-wrap .ui-state-active, .scroll-bar-wrap .ui-widget-content .ui-state-active { border: 1px solid #2694e8; background: #6eac2c url(../images/slider/ui-bg_gloss-wave_75_2191c0_500x100.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.scroll-bar-wrap .ui-state-active a, .scroll-bar-wrap .ui-state-active a:link, .scroll-bar-wrap .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: .8em; cursor: default; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: 0em; margin-left: -.6em; }

.ui-icon { width: 16px; height: 12px; background-image: url(../images/slider/ui-icons_0078ae_256x240.png); }
.ui-widget-content .ui-icon { background-image: url(../images/slider/ui-icons_0078ae_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/slider/ui-icons_e0fdff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/slider/ui-icons_056b93_256x240.png); }
.ui-state-active .ui-icon { background-image: url(../images/slider/ui-icons_f5e175_256x240.png); }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-circle-triangle-e { background-position: -32px -16px; } /*-48px -192px;*/
.ui-icon-circle-triangle-w { background-position: -96px -16px; } /*-80px -192px;*/

.scroll-bar .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }