@charset UTF-8;

.demoHeaders {
margin-top:2em;
}

#dialog_link {
text-decoration:none;
position:relative;
padding:.4em 1em .4em 20px;
}

#dialog_link span.ui-icon {
position:absolute;
left:.2em;
top:50%;
margin:-8px 5px 0 0;
}

ul#icons {
margin:0;
padding:0;
}

ul#icons li {
position:relative;
cursor:pointer;
float:left;
list-style:none;
margin:2px;
padding:4px 0;
}

ul#icons span.ui-icon {
float:left;
margin:0 4px;
}

.selHrs,.selMins {
width:2.5em;
}

.selHrs {
margin-left:5px;
}

.dayPeriod {
display:inline-block;
width:20px;
}

.slider {
height:120px;
float:left;
margin:10px;
}

#tpSelectedTime {
margin-bottom:0;
border-bottom:1px solid #aaa;
color:#000;
background:#fff;
text-transform:none;
padding:5px;
}

#tpSelectedTime span {
font-weight:700;
}

#pickerplug {
overflow:hidden;
display:none;
position:absolute;
top:200px;
left:300px;
z-index:500;
margin:0;
padding:0;
}

#pickerplug li {
display:block;
float:left;
}

#timepicker {
border:1px solid #aaa;
background:#fff;
}

#timepicker ul {
overflow:hidden;
padding:5px;
}

#timepicker ul li {
position:relative;
display:block;
float:left;
width:50px;
}

#timepicker ul li h4 {
width:100%;
background:transparent;
color:#000;
text-align:center;
}

#timepicker ul li .slider {
position:relative;
left:10px;
}