.ui-dialog {position:relative;z-index:30000;}
.ui-dialog .ui-dialog-buttonpane { background-color:#BED7F1; }
.ui-dialog-titlebar-close {display:none;}  /* hiding the Close icon on the dialogs -- need to properly handle its event in CPIDynamicContent.js to be same as CANCEL btn */

.ui-dialog .ui-dialog-content
{
    max-width:100% !important;
    max-height:100% !important;
    overflow:hidden;
}



.ui-resizable-s
{
    display:none !important;
}
.ui-state-active {}  /* note: need to remove the background setting for this from the main jquery css */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #333333; font-weight: bold; color: #ffffff; }

.ui-button 
{
    margin:0 10px 10px 0;
    display:inline-block;
    line-height:normal;
    border:1px solid #999999;
    -moz-box-shadow: 2px 2px 2px #666666;
	-webkit-box-shadow: 2px 2px 2px #666666;
	box-shadow: 2px 2px 2px #666666;
}

.ui-widget { font-size: .9em; }

.ui-button-text {color:#FFFFFF;} /* default */


.ui-button.gold {background:none #BC8A3F;}
.ui-button.gold .ui-button-text {color:#FFFFFF;}
.ui-button.gold:hover {background:none #DEDEDE;}
.ui-button.gold:hover .ui-button-text {color:#BC8A3F;}

.ui-button.red {background:none #FF0000;}
.ui-button.red .ui-button-text {color:#FFFFFF;}
.ui-button.red:hover {background:none #DEDEDE;}

.ui-button.blue {background:none #32ADCE;}
.ui-button.blue .ui-button-text {color:#FFFFFF;}
.ui-button.blue:hover {background:none #DEDEDE;}
.ui-button.blue:hover .ui-button-text {color:#32ADCE;}

.ui-button.orange {background:none #D47600;}
.ui-button.orange .ui-button-text {color:#FFFFFF;}
.ui-button.orange:hover {background:none #DEDEDE;}
.ui-button.orange:hover .ui-button-text {color:#D47600;}

.ui-button.cancel {background:none #FFFFFF;}
.ui-button.cancel .ui-button-text {color:#333;}
.ui-button.cancel:hover {background:none #DEDEDE;}

.ui-button.add {background:none #1B8815;}
.ui-button.add .ui-button-text {color:#FFFFFF;}
.ui-button.add:hover {background:none #DEDEDE;}
.ui-button.add:hover .ui-button-text {color:#666666;}

.ui-button.approve_region_sort_order 
{
    background:none #FF9900;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    border-color:Red;
    display:block;
    width:140px;
    height:1em;
    line-height:1em;
    margin:-8px auto 0 auto;
    padding:2px;
}
.ui-button.approve_region_sort_order .ui-button-text {color:#FFFFFF;padding:0;margin:0;line-height:1em;}

.ui-button.edit {background:none #0066CC;}
.ui-button.edit .ui-button-text {color:#FFFFFF;}
.ui-button.edit:hover {background:none #DEDEDE;}
.ui-button.edit:hover .ui-button-text {color:#666666;}

.ui-button.delete {background:none #FF0000;}
.ui-button.delete .ui-button-text {color:#FFFFFF;}
.ui-button.delete:hover {background:none #DEDEDE;}
.ui-button.delete:hover .ui-button-text {color:#666666;}

.ui-button.global-region {background:none #64A2FF;margin-bottom:7px;}
.ui-button.global-region .ui-button-text {color:#FFF;padding:3px;font-size:.9em;}
.ui-button.global-region:hover {background:none #DEDEDE;}
.ui-button.global-region:hover .ui-button-text {color:#666666;}

.ui-button.dept-region {background:none #2828FF;margin-bottom:7px;}
.ui-button.dept-region .ui-button-text {color:#FFFFFF;padding:3px;font-size:.9em;}
.ui-button.dept-region:hover {background:none #DEDEDE;}
.ui-button.dept-region:hover .ui-button-text {color:#666666;}

.ui-button.local-region {background:none #000066;margin-bottom:7px;}
.ui-button.local-region .ui-button-text {color:#FFFFFF;padding:3px;font-size:.9em;}
.ui-button.local-region:hover {background:none #DEDEDE;}
.ui-button.local-region:hover .ui-button-text {color:#666666;}


.ui-button.approve {background:none #FFFFFF;}
.ui-button.reject {background:none #FFFFFF;}
.ui-button.revert {background:none #FFFFFF;}

.ui-button.approve .ui-button-text {color:#0066CC;}
.ui-button.reject .ui-button-text {color:#FF0000;}
.ui-button.revert .ui-button-text {color:#FF0000;}


.ui-button.approve:hover {background:none #DEDEDE;}
.ui-button.reject:hover {background:none #DEDEDE;}
.ui-button.revert:hover {background:none #DEDEDE;}
.ui-button.approve:hover .ui-button-text {color:#666666;}
.ui-button.reject:hover .ui-button-text {color:#666666;}
.ui-button.revert:hover .ui-button-text {color:#666666;}


.ui-button.mini
{
    margin:0 10px 0 0;
    -moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
}
.ui-button.mini .ui-button-text 
{
    font-size:.9em;
    padding:3px;
}

.ui-widget-header {
border: 1px solid #333;
background: #000;
color: #ffffff;
font-weight: bold;
}