/* jQuery UI datepicker */
.ui-datepicker 
{ 
    background-color:#FEFEFE;
    border:1px solid #565656;
    width:192px; 
    padding:3px 3px; 
    display:none;
}

.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em .2em; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-header .ui-icon
{ 
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:center center;
    display:block;
    overflow:hidden;
    text-indent:-99999px;
    height:16px;
    width:8px;
}

.ui-datepicker-next .ui-icon
{
    background-image:url("./images/arrow-right.png");  
}

.ui-datepicker-prev .ui-icon
{
    background-image:url("./images/arrow-left.png");  
}

.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.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 
{
    width: 100%; 
    font-size: .9em; 
    border-collapse: collapse; 
}

.ui-datepicker th 
{     
    color:#707173;    
    padding: .7em .3em; 
    text-align: center; 
    font-weight: bold; 
    border: 0;  
}

.ui-datepicker td 
{ 
    border:1px solid #FCFCFC; 
    padding:1px; 
}

.ui-datepicker td span, .ui-datepicker td a 
{ 
    display: block; 
    padding: .2em; 
    text-align: right; 
    text-decoration: none; 
    color:#616161;
}

.ui-datepicker td a:hover
{
    color:#616161;    
} 

.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 
{
    background:url("./images/input-background-repeat.png") repeat-x scroll 0 0 #FFFFFF;    
    border:1px solid;
    border-color: #8D8B8B #ABABAB #C6C6C6;
    float: right; 
    margin: .5em .2em .4em; 
    cursor: pointer; 
    padding: .2em .6em .3em .6em; 
    width:auto; 
    overflow:visible; 
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover
{
    background:url("./images/input-hover-background-repeat.png") repeat-x scroll bottom left #FFFFFF;    
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-datepicker-today
{
    background-color:#C6C6C6;
}

/* jQuery UI datepicker end */

/* jQuery UI slider + timepicker */

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

ui-timepicker-div .ui-widget-content, .ui-timepicker-div .ui-widget-content {
    background-color:#FCFCFC;
    border:1px solid #565656;
    color:#1C94C4;
}

.ui-slider-horizontal .ui-state-default, .ui-slider-vertical .ui-state-default {
    background-color:#C6C6C6;
    border:1px solid #565656;
    color:#1C94C4;
}

.ui-timepicker-div dl dd {
    margin: -15px 10px 10px 65px;
}

/* jQuery UI slider + timepicker end */