div#modalContainer2 {
	display: none;
	position: absolute;
	
}

div#modalShade {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .75;
	filter: alpha(opacity = 75);
	background: #ffffff;
	z-index: 2;
}

div.modalOn {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px !important;
	z-index: 1000;
}

div.modalOff {
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	z-index: 100;
}

div.modalOn div#modalShade {
	
}

div.modalOff div#modalShade {
	display: none;
}

div.modalOn div.modalNo {
	z-index: 1;
}

div.modalOff div.modalNo {
	margin: 0px !important;
	position: static;
}

div.modal {
	position: fixed;
	top: 50%;
	left: 50%; /*width:350px;*/
	height: auto;
	padding: 7px; /*border:1px solid #837252; background:#E8E3DA;*/
	z-index: 3;
	visibility: hidden;
	overflow:hidden;
	resize: both;
}

div.modal div.titlebar {
	position: relative; /*border-bottom:1px solid #837252;*/
	background: #BDAF97;
	padding: 3px;
	color: #564B36;
}

/*div.error div {
	background: #CADAB2;
	border: 1px solid #A3BE78;
	padding: 5px;
}*/

div.modal .modalbg {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .25;
	filter: alpha(opacity = 25);
}

div.modal .modalPane {
	position: relative;
	padding: 10px;
	background: #E6E3E0;
	border: 1px solid #BDAF97;
	resize:none;
}

div.modal .formrow {
	position: relative;
	white-space: nowrap;
}

div.modal .alert {
	min-height: 50px;
	padding-left: 70px;
	background-image: url(../../images/alert.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

div.modal .confirm, div.modal .prompt {
	min-height: 50px;
	padding-left: 70px;
	background-image: url(../../images/confirm.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

div.modal .error {
	min-height: 50px;
	padding-left: 70px;
	background-image: url(../../images/error.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
div.modal .error #modalErrorDetailsPane {
	display:none;	
}
div.modal .error #modalErrorDetailsPane>div+div{
	text-align:right;
}
div.modal .error #modalErrorErrorPane {
	position:relative;
	height:70px;
	width:auto;
	margin:5px 0px;
	padding:5px;
	border:1px solid #BDAF97;
	background: #F3F2F1;
	overflow:auto;
	text-align:left;
}
div.modal .error #modalErrorErrorPane>div {
	position:relative;
	padding-left:50px;
}
div.modal .error #modalErrorErrorPane>div div {
	position:absolute;
	left:0px;
}
div.modal .error #modalErrorErrorPane>div div+div {
	position:relative;
	left:0px;
}

div.modal label {
	color: #897C73;
	font-weight: bold;
	font-size: .85em;
	margin-right: 5px;
}

div.modal label.err {
	color:#CC3333;
	font-style: italic;
}
div.modal label.err:before {
	content: '*';
}

div.modal input.small {
	width: 75px;
}

div.modal input.medium {
	width: 143px;
}

div.modal input.large {
	width: 300px;
}

div.modal input.textInput {
	padding: 3px 5px;
	border: 1px solid #5ca2cf;/*#96C3E0;*/
	background: #FFF;
	color: #333;
	font-size: 1em;
	margin: 2px 1px;
}

div.modal input.highLighted {
	background: #EAD7C0;
	border-color: #B67643;
}

div.modal input.err {
	background: #FFCCCC;
	border-color: #CC3333;
}

div.modal input.disabled {
	background: #D4D0C8;
	border-color: #A06039;
}

div.modal input.readonly {
	background: #D4D4D4;
	font-weight:bold;
}

div.modal br.spacer {
	line-height:7px;
}
	
div.modal .message {
	position:relative; 
	color: #55504E;
}

div.modal span.highLighted, div.modal label.highLighted {
	/*font-style: italic;*/
	color: #A37649;
	/*font-size: .85em;*/
	font-weight: bold;
}

div.modal .buttonGroup {
	position: relative;
	text-align: center;
	margin-top: 7px;
}

div.modal input.button, button, .button {
	position: relative;
	cursor: pointer;
	color: #526FA8;
	padding: 2px 5px;
	padding: 0px;
	margin: 0px 2px;
	background: #fff;
	border: 1px solid #EAD7C0;
	white-space: nowrap;
	font-family: verdana, sans-serif;
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
}

div.modal .processing {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
}

div.modal .processing div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	opacity: .5;
	filter: alpha(opacity = 50);
}

div.modal .processing img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
}

div.modalMessage {
	position:fixed;
	top:10px;
	right:50%/*10px*/;
	padding:10px;
	border:2px solid #669966;
	background:#99CC99;
	z-index:999;
	visibility:hidden;
}
