/* start layout.js */



.ui-widget-header {
    background: url("../images/layout/list-table-head-bg.png") repeat-x scroll 50% 50% #F6A828;
    border: 1px solid  #FFFFFF;

}

/*
.ui-state-default:hover
{
	border: 1px solid  #639C63;

}


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    background: url("ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #FDF5CE;
   color: #639C63;
}
*/

.ui-dialog-titlebar-close:hover {

    border: 1px solid  #FFFFFF;

}

.ui-datepicker-next:hover,.ui-datepicker-prev:hover {
    border: 1px solid  #FFFFFF;

}



.ui-state-hover .ui-icon {

    background-image: url("ui-lightness/images/ui-icons_222222_256x240.png");
}



.ui-dialog
{
	font-family: arial;
	font-size:12px;
}

.ui-dialog-title
{
	font-family: arial;
	font-size:12px;
}





.ui-dialog-content
{
	font-family: arial;
	font-size:12px;
}


.ui-button-text {
	font-size: 12px;
   font-family: arial;
	}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
    text-align: center !important;
}


/* added to solve textbox and datepicker problem becouase of the reset z-index: 1 setting*/
.ui-dialog div
{
z-index: 9999;
}



/* start 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; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }


.ui_tpicker_time_label, .ui_tpicker_time, .ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_second_label,.ui-datepicker-buttonpane
{
	font-family: arial;
	font-size:12px;
}



/* end css for timepicker */


.ui-datepicker-trigger {
	margin-top:4px;
    vertical-align : top;
    float: right;
}

/* end layout.js */