div#modalContainer2 {
	display: none;
	position: absolute;

}

div#modalShade {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .75;
	*filter: alpha(opacity = 75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	background: #ffffff;
	z-index: 2;
}

div.modalOn {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px !important;
	z-index: 999;
}

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 {
	position: static;
	margin: 0px !important;
}

div.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	height: auto;
	padding: 7px;
	z-index: 3;
	visibility: hidden;
	overflow:hidden;
	resize: both;
}

div.modal .titlebar {
	position: relative;
	background: #BDAF97;
	padding: 3px;
	color: #564B36;
	font-weight:bold;
}

div.modal .modalbg {
	position: absolute;
	z-index: -1;/* put in here because I was having a problem with newly created modals getting covered... */
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .25;
	*filter: alpha(opacity = 25);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	resize: both;
}

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(../../../admin/images/alert.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	white-space:pre-wrap;
}

div.modal .info {
	min-height: 50px;
	padding-left: 70px;
	background-image: url(../../../admin/images/info.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

div.modal .confirm, div.modal .prompt {
	min-height: 50px;
	padding-left: 70px;
	background-image: url(../../../admin/images/confirm.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

div.modal .error {
	min-height: 50px;
	padding-left: 70px;
	background-image: url(../../../admin/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 {
	margin-right: 5px;
	color: #897C73;
	font-weight: bold;
	font-size: .85em;
}

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 {
	margin: 2px 1px;
	padding: 3px 5px;
	border: 1px solid #5ca2cf;/*#96C3E0;*/
	background: #FFF;
	color: #333;
	font-size: 1em;
}

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 {
	color: #A37649;
	font-weight: bold;
}

div.modal .buttonGroup {
	position: relative;
	margin-top: 7px;
	text-align: center;
}

button, .button {
	position: relative;
	padding: 2px 5px;
	/*padding: 0px;*/
	margin: 0px 2px;
	border: 1px solid #EAD7C0;
	background: #fff;
	color: #526FA8;
	white-space: nowrap;
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;

	cursor: pointer;
}

button[disabled], .button[disabled] {
	opacity: 0.5;
}


div.modal .processing {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	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);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

div.modal .processing span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	background-image: url("../../scripts/TlcIndigo/util/Modal/30-1.gif");
}

div.modalMessage {
	position:fixed;
	top:10px;
	right:50%;
	padding:10px;
	border:2px solid #669966;
	background:#99CC99;
	visibility:hidden;
	z-index:999;
}
.myClearfix:after {content: "."; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.myClearfix {min-height: 1px; height: auto !important; height: 1px;}
#logonForm {
	position:relative;
	width:415px;
}
/*
#logonForm #username, #password  {
	width:193px;
}
*/
#logonForm .textInput {
	width:193px;
}

#logonForm .modalPane {
	background-image:url(../../../admin/images/login.png);
	/*background-position:10px center;*/
	background-position:10px 30px;
	background-repeat:no-repeat;
}

#logonForm #alternativeLogonLink {
	/*float:left;
	line-height:25px;*/
	position:relative;
	width:200px;
	text-align:left;
	white-space:normal;
}

#logonForm #rememberMeDiv {
	position: absolute;
	right: 0px;
	top: 0px;
}

#logonForm #logonMessageB {
	min-height:15px;
}






#loginDialog {
	height: 300px;
	width: 300px;
	background-color: #CADAB2;
}

#loginDialogInvalidUsernameOrPasswordMessage {
	margin: 10px;
	border: 1px solid black;
	background-color: #FF5555;
	font-weight: bold;
}
#loginForm {
	padding: 30px;
}

#loginDialogUsernameText {
	color: #333333;
	font-weight: bold;
}

#loginDialogUsernameField {

}

#loginDialogPasswordText {
	color: #333333;
	font-weight: bold;
}

#loginDialogPasswordField {

}

#loginDialogLoginButton {

}

#loginDialogSignUpText {

}

#loginMessage {
	padding: 3px;
	margin: 10px;
	border: 1px solid black;
	background-color: #CCCCCC;
	text-align: center;
}

#loginModalContainer {
	position: absolute;
	top: 15%;
	left: 50%;
	height: 300px;
	width: 300px;
	margin-left: -150px;
	border: 3px solid #ccc;
	background-color: #fff;
	z-index: 3100;
}

.loginModalClose {
	display: inline;
	position: absolute;
	top: -14px;
	left: 289px;
	height: 29px;
	width: 25px;
	background: transparent url(../../../admin/images/x.png) no-repeat;
	z-index: 3200;

	cursor: pointer;
}
.checkBox {
	margin: 3px 0 0 0;
	padding: 0;
	vertical-align: middle;
	height: 1em;
}
.checkBoxLabel {
	padding-top: 4px;
	margin-left: 5px;
	vertical-align: middle;
}
div#toolTipDiv {
	background: transparent;
	color: #fff;
	border: none;
	padding: 0 10px;
}
div#toolTipDiv p {
	background:transparent url(../../../admin/images/grayTooltipBg.png) repeat-x scroll 0 bottom;
	margin:0;
	max-height:180px;/* image height 200px */
	max-width: 250px;
	overflow: hidden;
	padding:10px 0;
	margin-bottom: -10px;
}
.tooltipTopLeft, .tooltipTopRight, .tooltipBottomRight, .tooltipBottomLeft {
	background: transparent url(../../../admin/images/roundedTooltip2.png) no-repeat;
	position: absolute;
}
.tooltipTopLeft, .tooltipTopRight {
	max-height:196px;
	height: 100%;
	width:10px;
	top: 0px;
}
.tooltipBottomLeft, .tooltipBottomRight {
	height: 10px;
	width: 10px;
	bottom: -10px;
}
.tooltipTopLeft {
	background-position:0 -1px;
	left:0;
}
.tooltipTopRight {
	background-position:-11px -1px;
	right:0;
}
.tooltipBottomLeft {
	background-position: 0 -194px;
	left: 0;
}
.tooltipBottomRight {
	background-position:-11px -194px;
	right:0;
}
.loginClose {
	background: transparent url('../../../admin/images/login-close5.png') no-repeat left top;
	text-indent: -9999px;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 2px;
	right: 3px;
	cursor: pointer;
}
div.login div.titlebar {
	/*background:#6F85B0 url('../../../admin/images/loginbar-bg.png') repeat-x left bottom;
	background:#6F85B0 url('../../../admin/images/login-bg.png') repeat-x left bottom;*/
	/*background:#6F85B0 url('../../../admin/images/login-bg2.png') repeat-x left bottom;
	background:#6F85B0 url('../../../admin/images/login-bg3.png') repeat-x left bottom;*/
	/*background:#6F85B0 url('../../../admin/images/login-bg4.png') repeat-x left bottom;*/
	background:#ccc url(../../../admin/images/repeatXSprite.png) repeat-x 0 0;
	border:1px solid #2A3A62;
	color:white;
	margin:0;
	font-weight: normal;
	padding:3px 3px 3px 8px;
}
div.login .loginFormBg, div.login > form {
	background: #F6F7F6;
	border: 1px solid #FFFFFF;
	padding: 10px;
}
div.login div label {
	color:#676767;
	font-size:1em;
	margin-right:5px;
	font-weight: normal;
}
.loginOr {
	font-size: 14px;
	font-weight: bold;
	color: #9d9d9d;
	z-index: 2000;
	background: #F6F7F6;
	width: 30px;
	margin-left: -15px;
	text-align: center;
	float: left;
	position: relative;
	top: 85px;
}
.loginH2 {
	white-space: nowrap;
	text-align: right;
	color: #333;
}
.blueButton, .whiteButton, .gradientButton, #obr_wrapper .button, .login div.buttonGroup input {
	padding:3px 6px;
	font-size:12px;
	width: auto;/* for ie7 */
	min-width: auto;/* for ie7 */
	overflow:visible;/* for ie7 */
}
.blueButton {
	background:#6F85B0 none repeat scroll 0 0;
	border:1px solid #2A3A62;
	color:white;
}
.whiteButton {
	background: white;
	border: 1px solid #ccc;
	color: #506E99;
}
.gradientButton, .login div.buttonGroup input, #obr_wrapper .button {
	background:#CCCCCC url(../../../admin/images/repeatXSprite.png) repeat-x 0 -25px;
	border: 1px solid #CCCCCC;
	color: #333333;
	margin-right: 6px;
	font-weight: normal;
	text-transform: capitalize;
}
.advancedFormRow {
	margin: 10px 0px;
	position: relative;
	padding-left: 35px;
}
.advancedFormRow .closeGrouping, .advancedFormRow .openGrouping {
	background: #ccc;
	padding: 2px 3px;
}
.advancedFormRow .closeGrouping {
	position: absolute;
	right: 0;
}
.advancedFormRow .openGrouping {
	text-align: left;
	position: absolute;
	left: 0;
}
.advancedFormRow input, .advancedFormRow select {
	margin: 0 3px;
}
.advancedFormRow .openGrouping,
.advancedFormRow .openGrouping input,
.advancedFormRow .closeGrouping,
.advancedFormRow .closeGrouping input {vertical-align: middle;}

.advancedFormHelp {
	text-align: center;
	color: #333;
	font-size: 10px;
}