/*
* Purpose of this style sheet is to be used for modal popup windows.
*/

.popupModalBackground
{
    background-color: #000000;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

div.popup
{
    background-color: #D7E2E8;
    border: solid 1px #246054;
    border-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pre
{
    padding: 20px;
    background-color: #ffffcc;
    border: solid 1px #fff;
}
.wrapper
{
    background-color: #ffffff;
    width: 800px;
    border: solid 1px #eeeeee;
    padding: 20px;
    margin: 0 auto;
}
.time-picker p
{
    font-weight: bold;
}
.time-picker dt
{
    font-weight: bold;
    height: 20px;
}
.time-picker dd
{
    margin: -20px 0 10px 100px;
    border-bottom: solid 1px #fff;
}
.time-picker input
{
    width: 150px;
}
.clear
{
    clear: both;
}
#ui-datepicker-div
{
    font-size: 80%;
    z-index: 5000000;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header
{
    margin-bottom: 8px;
}
.ui-timepicker-div dl
{
    text-align: left;
}
.ui-timepicker-div dl dt
{
    height: 25px;
}
.ui-timepicker-div dl dd
{
    margin: -25px 0 10px 65px;
}
.ui-timepicker-div td
{
    font-size: 90%;
}