@CHARSET "UTF-8";

* {margin: 0px; padding: 0px;}

html {padding: 0px 10px;}

html body{ margin:5px 40px;
			color: #333;
			background-color: #FFFFFF;
			font:13px arial,helvetica,clean,sans-serif;
			min-height: 100%;
			height: auto !important;
			height:100%;
			}

input, textarea {font:99% arial,helvetica,clean,sans-serif;color:#333;}

body * {line-height: 1.22em;}
table {table-layout:fixed;}

/*a:link {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:visited {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:hover {color:#004882;outline:none;font-weight:bold;}
a:active {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:focus{color:#009BC0;outline:none;text-decoration: none;font-weight:bold;} */

/** Later version of firefox from 3.6 support outline-style*/
:focus { outline-style: none; }

#enlogo {
	padding:20px 0px 0px 50px !important;
}

#ver{
	/*position:absolute; top:70px;left:210px;*/
	position: relative; 
	top: 10%;
}

/* #divCurrentTime {font-weight: bold; 	font-size: 12px;}
#welcome, #version {font-weight: bold; 	font-size: 14px;}
*/
 
/* #headerActions li {display: inline; padding-right: 15px; font-size: 11px;} */

#wrapper {
	padding-top: 5px; padding-bottom: 5px;
}

#wrapper div table td {
 /*height: 80px; */
 height: 50px;
 vertical-align:center;
}

#wrapper div table tr td  em{
float:left;
margin:6px 0 0 8px;
font-style:normal;
font-weight:bold;
font-size: 14px;
color:#ccc;
}

#wrapper div table tr td  span{
float:left;
margin-left:8px;
font-weight:normal;
color:#ccc;
}

#wrapper div table tr td {
	/*background-color:#FFFFFF;*/
}


#wrapper div table tr td.currentStep {
	background-color:#FFFFFF;
}

#wrapper div table tr td.done {
	background-color:#7C8437;
}

#wrapper div table tr td.currentStep span, #wrapper div table tr td.currentStep em {
	color:#fff;
}

#wrapper div table tr td.done span, #wrapper div table tr td.done em {
	color:#FFFF99;
}

.footer, .footer a{
	color:#fff;
	font-size: 11px;
	width:100%; 
	height:20px;
	padding-left:10px;
	padding-right:10px;
	background:#666666;
}

/*will be used in footer links*/
.contactus a{
	display: inline;	
	font-size:11px;
	/*padding:0 5px 0 0;*/
	padding:0 0 0 0;
	color:#fff;
}

.login {
	background: url(../images/background-big.jpg) #ccffcc no-repeat center center fixed;
	/*background: #ffffff;*/ 
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:600px;
}

.loginForm {
	background: #cccccc; 
	width: 350px; 
	height: 260px; 	
	position: relative;
	top: 15%;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #e0e0e0;	
}

.loginHeader {
	margin:0px;color:#000;
	width: 350px; 
	/*background-color:#555354;*/
	font-size:1.2em;font-weight:normal;padding:8px 10px 6px 10px;margin-bottom:5px;
}

.errorMsg {
	color: red; padding: 0px 10px;height:15px;font-weight:bold;
}

.loginPrompt {
	clear: both; float: left; padding: 10px 0px 0px 10px; font-weight: bold;font-size:13px;
}

.loginField {
	clear: both; float: left; margin: 2px 10px; width: 317px; border:1px solid #c0c0c0;
	font-size:15px;
	height:32px;
	padding:0px 10px 0px 0px;
}

.submitAction {
		color:#FFFFFF;background-color:#5a5a5a; font-size:13px; clear: both; float: left; margin: 20px 10px; width:70px;height:35px;border:0px;font-weight:bold;
}

.saveAction {
		color:#FFFFFF;background-color:#5a5a5a; font-size:1.1em; clear: both; float: left;padding: 2px; margin: 0px;border:0px;font-weight:normal;
}
.footerlogin{
	padding: 0 !Important;	
}

.footerinner{
	padding-top: 3px !Important; padding-left: 10px !Important;
}

.loginsignup{
	float:right;
}

.dvpwd{
	margin-top:10px;
}

select {
	height: 22px;
}

.editOrg, .outerContainer,  .accordion-outerContainer {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.editOrg, .outerContainer, .accordion-outerContainer {
	/* background-color:#EBEBEB; */
	background-color:#ffffff;
	padding: 10px 12px 4px 12px;
}

.outerContainer{margin:5px 0px 5px 5px;}

.editOrg {margin-bottom: 5px;}

.editOrg span, .outerContainer span {
	color:#303030;
	font-size:1.0em;
	font-weight:bold;
	/*padding-bottom:30px;*/
}

.accordion-outerContainer span {
	color:#303030;
	font-size:1.05em;
	font-weight:bold;
	/*padding-bottom:30px;*/
}

.innerContainer {
	background-color:#FFFFFF;
	/* padding: 5px 5px 100px 5px; */
	padding: 5px;
	margin-left:5px;
}

.innerContainer span.load-save-errors {
	color: red; font-weight: normal; font-weight: bold; font-size: 1em;
}

.innerContainer span.save_confirmation, span.confirm {
	color: green; font-weight: normal; font-weight: bold; font-size: 1em;
}

.editOrg .innerContainer {
	padding: 5px 5px 40px 5px;
}

.formContainer {
	padding: 0px 15px 0px 45px;
}

.formHeader {
	font-size: 1.0em;
}

.formHeader ul {
    margin: 0px; padding: 25px 0px 10.5px 0px; background-color:#555354; width: 100%;
    float: left;
}
 

.formHeader ul li {
    display: inline; padding: 0px 5px;
}

 
.formHeader ul li a {
    padding: 10.5px 21px;
    background-color: #F3F3ED; 
}

.i1 {
	min-height:10px;height:10px;
}

.field {
	clear:both;
	padding-top: 8px;
}

.formPrompt, .formValue {
	display:inline; float: left; 
}

.formPrompt {
	width: 230px; font-weight:bolder; font-size: 0.9em; color: #000000;
}

.editOrg .formPrompt {
	width: 130px;
}

.formPrompt span {
	padding-right:10px;
}

.formValue span {
	display: block;
	font-size: 0.85em;
	font-weight: normal;
	padding:3px 0px 5px 0px;
}

.accordion-outerContainer .formValue span {
	font-size: 1em;
}

input.error, textarea.error {
	border: 1px solid red;
	padding:1.5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.field label.error, .field span.error, span.floorError, span.areaError {
	clear:both;
	display: block;
	font-size: 1em;
	font-weight: normal;
	color: red;
	padding-bottom: 3px;
}

span.floorError, span.areaError {
	padding-top: 8px;
}

div.tableContainer {	
	padding-top: 50px;
	clear: both;
/* 	height: 200px;
	overflow: auto; */
	width: 100%
}

div.tableContainer table {
	float: left;
	width: 100%;
	border-bottom: 1px solid #A3A3A3;
}

thead.fixedHeader tr {
	display: block;
}

thead.fixedHeader th {
	background: #A3A3A3;
	font-weight: bold;
	color: white;
	padding: 4px 0px;
	text-align: center;
}

div.tableContainer td {
text-align: center;
padding: 2px 0px;
}

div.tableContainer td input {
	float: left; margin-right: 7px;
}

div.tableContainer tbody.scrollContent {
	display: block;
/* 	height: 170px;
	overflow: auto; */
	width: 100%
}

div.tableContainer th, div.tableContainer td {
	width: 25%;
}

div.tableContainer th + th, div.tableContainer td + td{
	width: 25%;
}

div.tableContainer th + th + th, div.tableContainer td + td + td {
	width: 4000px;
}

.navigation {
		color:#FFFFFF;background-color:#555354; font-size:1.1em;
}

/*following added by nitin*/

.ui-layout-west{
	padding: 0px 0px 0px 0px !important;
	/* margin-left: 10px !important; */	
	border:none !important;
}

/*.ui-layout-pane-center{
	background-color:#dddddd !important;
}
*/

.ui-layout-north{
	border: 0px !important;	
	/* padding: 0px 0px 0px 10px !important; */
	padding: 0px !important;
	background:#FFFFFF !important;
}

.ui-layout-center{
	border: 0px !important;
	padding: 0px 5px 0px 0px !important;
	/* margin: 0px 5px 0px 0px !important; */
	height:100%;
	background:#FFFFFF !important;
}

.ui-layout-south{	
	background: none repeat scroll 0 0 #FFFFFF !important;
	height:20px !important;
	border: 0px !important;
	/* padding: 0px 0px 0px 10px !important; */
	padding: 0px !important;
	z-index: 3 !important;
}
/* it will be used in facility->right side pane->top tab*/
.ui-widget-header{
	background: #FFFFFF !Important;
	/* border:1px solid #FFFFFF !Important; */
	border:0px !Important;
	font: 11px normal Arial,Helvetica,sans-serif !important;
}

.ui-tabs-selected, .ui-tabs-selected a{
/*	color: #eb8f00 !important;*/
	background: #ebebeb !Important;	
}

.ui-widget{
	font: 13px arial,helvetica,clean,sans-serif !important;
}

/* class for right pane tabs that need to be with rounded corner*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #666666 !important;
	background: #e8e8e8 !Important;
	height:18px !important;
	border-top-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
	line-height: 1.5 !important;
 }

/* class for left pane accordion tabs that need NOT to be with rounded corner*/
h2.ui-state-default a, h2.ui-state-default a:link, h2.ui-state-default a:visited {
 	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	padding-top:6px !important;
	height:17px !important;
	background: #b3b3b3 !important;
}

/* class for right pane for active tab*/
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000000 !important;
	background: #ffffff !Important;	
	line-height: 1.5 !important;	
}

/* class for left pane accordion for active tab*/
h2.ui-state-active a, h2.ui-state-active a:link, h2.ui-state-active a:visited {
    color: #000000 !important;
	background:#cd3333 !important;
	padding-top:6px !important;
	height:17px !important;	
}

.ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 0 none !important;
	padding:0px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


.pnl_rht{
	border-top: 0; width: 100%; height: 100%; padding: 0px; overflow: hidden;
}

/* following class is for default table formating */

.entable, .entable table{
	border-collapse: collapse;	
	clear: both;
}

.entable thead tr{ 
	border-bottom: 1px solid #A3A3A3;
	background:#7c7c7c !important;
	color:#ffffff !important;
	height:32px;	
}

.entable tr:nth-child(even) {
	background:#ebebeb;
	color:#545454;
	height:32px;
}

.entable tr:nth-child(odd) {
	background:#fff;
	color:#545454;
	height:32px;
}

.entable tr:nth-child(even) input[type="text"] {
	background:#ebebeb;
	border:1px solid #757575;
}

.entable tr:nth-child(odd) input[type="text"] {
	background:#fff;
	border:1px solid #757575;
}

.entable span.error {
	clear: both; color: red; font-weight: normal;
}

.entable thead th, .entable thead td, .entable td{
	padding-left:3px;
	border:1px #252525 solid;
	height:32px;
}

.entable tr.editableRow { height: 32px }
.entable tr.editableRow  select { height: 26px }
.entable .alignright {text-align:right; padding-right:5px;}

.rhtinput input{
		width:96%;
		height:80%;
		text-align:right;
}

.settingDivTop {padding:15px; background:#ffffff;}
.settingDivOuter { clear: both; padding-bottom: 20px; }
.settingDivInner {clear: both; padding-top: 25px;}
.settingInlineFieldDivTop {float: left; padding: 10px 30px 10px 20px;}
.settingInlineFieldLabel {padding-right: 1px; display:inline;}
.settingInlineFieldLabel span {font-weight: bold}
.settingInlineFieldValue {position : relative ; display: inline}
.settingInlineFieldsError {clear:both; padding-top: 5px; padding-left:20px;}
.settingInlineFieldsError span {color: red}
input.help, input.helpAdvanced {float:right}
.settingAccordionFormDiv {padding: 10px 0px}
.settingAccordionFormDivHeader {font-weight: bold;}
.settingAccordionFormField {clear: both; padding: 5px 20px}
.settingAccordionFormInputField {position:relative;display : inline;}



.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #FF7575;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
	background-color: #FF7575;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.newAction { color:#FFFFFF; background-color:#545454; border:1px solid gray; padding: 2px; margin-left: 30px}

.ui-accordion {
    /*width: 95% !Important;*/
    /*min-height: 100px !Important;*/
    font-size:0.9em !important;
}

.fitleftmenu{
	width: 95% !Important;	
	border:0px !Important;
}

div.left-menu {
    height: 100%;
    /* width: 96%; */
    overflow-y: hidden;
}

.ui-accordion-content-active{
	border:1px solid #d0d0d0 !Important;
	padding:3px !important;
	color: white !important;
}

/*--------------------header, top menu, left menu, footer color class starts here ---------------------*/

/* .accinner, .treeviewbg, div.left-menu, .nav, .footer, #cssdropdown li.headlink ul {
	background-color: #545454 !important;
	color: #fff !important;
	border:none !Important;
}
 */
  .accinner, .treeviewbg, div.left-menu{
	background-color: #e6e6e6 !important;
	color: #000 !important;
	border:none !Important;
  }
/*---------------------header, top menu, left menu, footer color class ends here ----------------------*/

.ui-widget-content a {color: #fff !important;}

.ui-widget-content a.gridLink {color: #009BC0 !important;}

.jstree a {color: #000000 !important; font-weight:normal !important; padding:0px !important;}

.jstree-default .jstree-clicked {background: none !important; color:#ff0000 !important; border:none !important;}

.jstree-default .jstree-hovered {background: none !important; border:none !important; color:#ff8800 !important; padding:0px !important;}

.settingDivOuter{color: #333333;}

.ui-dialog-title {font-size: 1.5em; font-weight: bold;}

.infoDialog {margin: 5px;}

.dialogbigpad {padding-left: 20px}

.dialogsmallpad {padding-left: 10px}

.tableSettings{	margin-top: 50px; max-height: 100px;overflow:auto;}

#ptTimeSelectCntr{
	border : 1px solid;
}

#ptTimeSelectCntr .ui-widget-content a {color: #000000 !important;}

#ptTimeSelectCntr .ui-widget-header {color: #000000 !important; }

.innerContainerInputFieldValue {position : relative ; display: inline}

.timePickerImageStyle {
	border: 0px;
	height: 14px;
	width: 14px;
}

.headertbl{background: #fff; color:#cccccc; width:100%; font-family: Tahoma; font-size: 12px; padding:5px 10px 3px 10px; float:left}
.ui-layout-resizer{background: #cccccc !important;}
.welcm{position:absolute; top:40px; left:108px}

/* .ui-layout-container{margin-right:10px !important;} */
/* .ui-layout-container{margin:0px 10px !important;} */

img {border: none; }

.ui-tabs .ui-tabs-nav {
    padding: 0 !important;    
}

.ui-state-default .ui-corner-top .ui-tabs-selected .ui-state-active {
	background: #cccccc !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active .ui-state-default, .ui-state-default, .ui-state-default {
	background:#cccccc !important;
	border:none !important;	
}

.ui-tabs .ui-tabs-nav li {
	margin-right:0.7em !important;	
}

#innercenter ul li a span{
	padding:0px 15px 0px 15px !important;
	line-height: 17px;
}

h2 .ui-icon-triangle-1-e, h2 .ui-icon-triangle-1-s{
	background:url(../images/arrow_accordion.png) no-repeat 3px 3px !important;
}

/*for slider toggeler icon*/
.ui-layout-toggler-open{
	background:url(../images/arrow_west.png) no-repeat 0px 0px !important;
}
.ui-layout-toggler-closed{
	background:url(../images/arrow_east.png) no-repeat 0px 0px !important;
}

/*for Profile settings page*/
.upperdiv{
	background:url(../images/tile.png) repeat-x #d9dad9;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	height:100%;
	border:1px solid #cccccc;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:2px solid #cccccc;
}

.morning{color:#f9d275; font-weight:bold}
.day{color:#dc8c01; font-weight:bold}
.evening{color:#946304; font-weight:bold}
.night{color:#323232; font-weight:bold}

.profbtn{float:right; padding:5px 20px 0px 0px;}
.updatebtn{width:82px; height:27px; border:none !important; color:#fff; background:url(../images/updatebtn.png) no-repeat !important; padding-left:10px !important}
.cancelbtn{width:82px; height:27px; border:none !important; color:#fff; background:url(../images/cancelbtn.png) no-repeat !important; padding-left:10px !important}

.profheader{color:#3398cc; font-weight: bold}
.proftbltd{padding:0px 35px 0px 10px;}
.proftbltdlbl{color:#989898 !important;}

.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; }

.cleartd{background:#ffffff}
.inputbox{height:20px}

fieldset{
	background:#f2f2f2;
	border:1px solid #cccccc;
}
fieldset legend {color:#3398cc; font-weight: bold}

.flasharea{margin:0px 10px; width:98%}

/*-----------------jqgrid styles starts-----------------*/

.ui-jqgrid .ui-jqgrid-htable th {
    padding: 0px !important;
}

.ui-jqgrid .ui-jqgrid-htable th div {
	background:#7c7c7c !important; 
	color: #fff; 
	height:25px !important; 
	padding:4px 0px 0px 0px !important;	
}

.ui-jqgrid tr.jqgrow td {height:32px !important;}
	
.ui-jqgrid .ui-jqgrid-resize{background:#7c7c7c !important;}

.pftableouter{padding:5px !important;}

.ui-jqgrid .ui-jqgrid-sortable {
    cursor: auto !important;
}

/* .ui-jqgrid .ui-icon-desc {
    margin-left: -1px;
} */

.ui-jqgrid-hbox .ui-icon-triangle-1-n { background-position: -96px -192px !important; height:16px !important; margin-top: 0px !important;}
.ui-jqgrid-hbox .ui-icon-triangle-1-s { background-position: -64px -192px !important; height:16px !important; margin-top: 0px !important;}

/*-----------------jqgrid styles ends-----------------*/

.divtop{height:100px !important;}
.divmiddle{height:210px !important;}
.divbottom{height:70px !important;}
.pftableouter{padding:5px !important;}

.breadCrumbTop {
	padding: 10px 0px 0px 0px;
}

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.breadCrumb
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 21px;
	width: 990px;
	padding:5px;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	background: url(../images/bread_crumb_part.gif) no-repeat 100% 0;
}

.breadCrumb ul li span
{
	display: block;
	color: red;
}

.breadCrumb ul li.last span
{
	color: green;
}

.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}

.tab-content{margin:10px;}

li.ui-tabs-selected {
    padding-bottom: 0px !important;
}

/*button, input[type="button"], input[type="submit"]
{
	padding:0px 5px;
	height:28px; color:#fff; background:url(../images/blue1px.png);
	border:1px solid #3399cc;
}*/

.btnsettings{padding-right:5px; text-align:right;}

.outermostdiv{background:#ffffff; margin-left:5px; height:99%;}

.general {margin-left:20px}

.general ul{padding-top: 20px;} 

.general ul li {margin-left:10px; height:30px}

.biginput {width:250px;}

.pnl_rht_inner {border:1px solid #ccc !important;}

.innerdiv{margin:5px;}

fieldset{padding:15px;}

/* .smallnav{width:325px !important;} */

.plaindiv{margin:0px !important; border-radius:0px !important;}

.titletxt{padding:15px 0px; font-weight:bold; font-size:16px;}

.navdiv{padding: 10px 0px;}

/*Override JQuery Dialog modal background css */
.ui-widget-overlay { background: none repeat scroll 50% 50% #000000 !important; opacity: 0.9 !important;}

.ui-dialog-titlebar {background: #7c7c7c !important;}