
/* Following fixes issue where TinyMCE popup toolbar buttons would not display */
.mce-menubar .mce-btn, .mce-toolbar-grp .mce-btn {position:inherit !important;}
/* Following prevent the TinyMCE popup from being hidden by the header */
.ui-dialog {z-index:1007 !important;}
.ui-widget-overlay {z-index:1006 !important;}



.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-state-active {}  /* note: need to remove the background setting for this from the main jquery css */

.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;
	text-decoration:none;
	border-bottom:1px solid #999;
	
}
a.ui-button {border-bottom:1px solid #999 !important;}
a.ui-button:hover {border-bottom:1px solid #999 !important;}

.ui-widget { font-size: .9em; }

.ui-button-text {color:#FFFFFF;} /* default */

.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.gold {background:none #B99650;}
.ui-button.gold .ui-button-text {color:#FFFFFF;}
.ui-button.gold:hover {background:none #DEDEDE;}
.ui-button.gold:hover .ui-button-text {color:#666666;}

.ui-button.maroon {background:none #7D2136;border:#7D2136;}
.ui-button.maroon .ui-button-text {color:#FFFFFF;}
.ui-button.maroon:hover {background:none #DEDEDE;}
.ui-button.maroon:hover .ui-button-text {color:#666666;}


.ui-button.cancel {background:none #FFFFFF;}
.ui-button.cancel .ui-button-text {color:#0C86E4;}
.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.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;
}

