.colorFail, .colorFail > td {
    color: #d43852 !important; 
}
.bgColorFail {
    background-color: #F0B9C2; 
}
.colorWarn, .colorWarn > td {
    color: #f5bd47 !important; 
}
.bgColorWarn {
    background-color: #FADEA5;
}
.colorSuccess, .colorSuccess > td {
    color: #009966 !important; 
}
.bgColorSuccess {
    background-color: #009966; 
}

/* auto-hide pane at top for mm messages */
#mmMessagePane{ 
	position:fixed;
	width:100%; 
	top:0px; left: 0px; margin:0px; text-align:left; 
	color:#C00; 
	border-bottom:2px #bbbbbb ridge;  
	padding:8px 0px 8px 50px; 
	font: Verdana, Geneva, sans-serif;
	z-index: 1000000;
	display:table;
	min-height:25px;
	background: #FFFFE1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFE1, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFE1, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFE1, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFE1, #FFF); /* Standard syntax */
}

/* in-page mm messages */
#mmMessages{ padding:15px 0px 0px 20px; font-weight:bold  }
#mmMessages:empty{ display:none }
.mmMessages{ padding:15px 0px 0px 20px; font-weight:bold  }
.mmMessages:empty{ display:none }

#alertMessage{ border-radius: 5px; -moz-border-radius:1ex;  -webkit-border-radius:1ex; display:none; text-align:left; color:#C00; border:1px solid #cccccc;  padding:13px 0 13px 55px; margin-bottom:15px; margin-top:10px; background:url(/images/general/warning.gif) no-repeat 15px 12px #FFFFE0}
.alertMessage{ border-radius: 5px; -moz-border-radius:1ex;  -webkit-border-radius:1ex; display:none; text-align:left; color:#C00; border:1px solid #cccccc;  padding:13px 0 13px 55px; margin-bottom:15px; margin-top:10px; background:url(/images/general/warning.gif) no-repeat 15px 12px #FFFFE0}
.validationWarn {
    /*expected to hit a label element*/
    background-color:#F2DEDE; 
    border: 1px solid #EED3D7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#infoMessage{ border-radius: 5px; -moz-border-radius:1ex;  -webkit-border-radius:1ex; display:none; text-align:left; color:#C00; border:1px solid #cccccc;  padding:13px 0 13px 55px; margin-bottom:15px; margin-top:10px; background:url(/images/general/information_smaller.gif) no-repeat 15px 12px #f6f9fc}

input.readonly{BORDER-RIGHT:none;BORDER-TOP:none;BORDER-LEFT:none;BORDER-BOTTOM:none;LETTER-SPACING:normal;background-color:#eee;}

.EDIT {display:none}
.REQUIRED{}
.PREFILL{}
.PHONE{ width:100px }
.DATE{ width:85px }
.NUMBER{}
.NEXT, 
.PREVIOUS, 
.SEPARATOR { 
    color:#f77c02; 
    font-size: 80%; 
}
.SEPARATOR { font-weight: bold }



#fullScreenAjaxLoaderDivContainer {
	width: 100%;
	height:100%;
	background-color: #666666;
	position: absolute;
	z-index: 2000;
	display: none;
	opacity: 0.5;
	filter:alpha(opacity=45);-moz-opacity:.50;opacity:.50;
}

#fullScreenAjaxLoaderDiv{
	margin: auto;
	top: 30%;
	left: 50%;
	margin-left: -50px;
	background-color: #ffffff;
	position: fixed;
	z-index: 2001;
	visibility:hidden;
	padding:15px;
	border:1px solid #666666;
	border-radius: 5px;
}

#logoutOverlay{
        position: absolute;
        width: 100%;
        height:100%;
        background-color: #222;
        display: none;
        left:0px;
        z-index: 1000000;
        opacity: 0.5;
        filter:alpha(opacity=45);
}

#logoutDiv {
    width: 500px;
    vertical-align:top;
    top: 30px;
    left: 50%;
    margin-left: -250px;
    background-color: #fafafa;
    position: absolute;
    z-index: 1000000;
    visibility:hidden;
    overflow: hidden;
    border:1px solid #000;
    box-sizing: border-box;
    transition: top 1s; /*animate when top changes for mmMessageBump*/
    -webkit-transition: top 1s;
    background-clip: padding-box;
    webkit-background-clip: padding-box;
    box-shadow: 0px 3px 9px rgba(0,0,0,.6);
    webkit-box-shadow: 0px 3px 9px rgba(0,0,0,.6);
}

.logoutBodyDiv {
    font-size: 1.2em;
    font-weight: 500;
    padding: 20px;
    line-height: 30px;
}

#modalOverlay{
	position: absolute;
	width: 100%;
	height:100%;
	background-color: #222;
	display: none;
	left:0px;
	z-index: 1001;
	opacity: 0.5;
	filter:alpha(opacity=45);
}