/*-------- validation and error messages class --------------*/
.mainErrDisplay {  	width:400px; min-height:100px;	z-index:10110; top:50%; left:50%;  position:fixed; background-color:#f6f6f6; 	float:left;    margin-top:-180px;  margin-left:-200px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;}
.validationsummary { background: transparent url(../img/warning.png) no-repeat 12px 5px; padding: 0 0 13px 0; width:100%; z-index:500; position:relative;}
.validationsummary ul { padding:5px 0 0 50px; list-style:none;  color: #000; }
.validationsummary ul li { padding: 2px 0 2px 20px; background-image:url(../img/exclamation.png); background-position:center left; background-repeat: no-repeat;}
/*-----------------------popup dialogs-----------------------*/
.modalPopupLarge{  	width:1000px; min-height:450px;	z-index:10102; top:50%; left:50%; 	border:0; 	position:fixed; background-color:#f6f6f6; 	float:left;    margin-top:-300px;  margin-left:-500px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;}
.modalPopupNormal{  	width:850px; min-height:450px;	z-index:10102; top:50%; left:50%; border:0; 	position:fixed; background-color:#f6f6f6; 	float:left;    margin-top:-300px;  margin-left:-425px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;}
.modalPopupMini{  	width:400px; min-height:200px;	z-index:10102; top:50%; left:50%; 	border:0; 	position:fixed; background-color:#f6f6f6; 	float:left;    margin-top:-300px;  margin-left:-200px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;}
.modalPopupMedium{  	width:600px; min-height:300px;	z-index:10102; top:50%; left:50%; border:0; 	position:fixed; background-color:#f6f6f6; 	float:left;    margin-top:-150px;  margin-left:-300px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;}
.welcome{background: rgba(255, 255, 255, 0.90) url(../img/welcome.png) no-repeat left top; width:500px; 	z-index:10102; top:50%; left:50%; 	border:0; 	position:fixed; float:left; margin-left:-296px;   margin-top:-250px; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  1px 1px 1px #ccc, inset 1px 1px 1px #ccc;	box-shadow:  1px 1px 1px #ccc, inset 1px 1px 1px #ccc;} 
.welcomecontent{padding:40px 46px 10px 46px; text-align:justify; font-family:psysosl; font-size:1em;  min-height:200px; overflow:hidden;}

.disclaimer{background-color: rgba(255, 255, 255, 0.90); width:500px; 	z-index:10102; top:50%; left:50%; 	border:0; 	position:fixed; float:left; margin-left:-296px;   margin-top:-250px; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  1px 1px 1px #ccc, inset 1px 1px 1px #ccc;	box-shadow:  1px 1px 1px #ccc, inset 1px 1px 1px #ccc;} 
.disclaimercontent{padding:15px; text-align:justify; font-family:psysosl; font-size:1em;  min-height:200px; overflow:hidden;}

/*-------------------------preloader-------------------------*/
.modal{    position: fixed;    top: 0;    left: 0;    background-color: black;    z-index: 99;     filter: alpha(opacity=80);     opacity: 0.8; min-height: 100%;    width: 100%;}
.premodal{    position: fixed;    top: 0;    left: 0;    background-color: white;    z-index: 99;       filter: alpha(opacity=10);   opacity: 0.1;  min-height: 100%;    width: 100%;}
.loading{	font-family: Calibri;	font-size: 10pt;	border: 1px solid #D8D8D8;	width: 230px;	height: 100px;	display: none;	position: fixed;	background-color: White;	filter: alpha(opacity=50);	z-index: 999;	-moz-border-radius: 8px;	-webkit-border-radius: 8px;	border-radius: 8px;}
.preloading{ background-color:rgba(255, 255, 255, 0.80);	border: 2px solid #fff; padding:10px 10px 6px 10px;	display: none;	position: fixed;	z-index: 10103;	-moz-border-radius: 40px;	-webkit-border-radius: 40px;	border-radius: 40px;}
.preloader{ background:transparent url(../img/preloader.gif) no-repeat center center;	position: fixed;	z-index: 10103; width:100vw; height:100vh;	}

.web_dialog_overlay { 	position: fixed; 	top: 0; right: 0; bottom: 0; left: 0; 	height: 100%; width: 100%; 	margin: 0; padding: 0; 	background-color:rgba(0, 0, 0, 0.60); 	z-index: 10100; }

/*----------------------------divs-------------------------------*/
#alertFooter { position:relative; bottom:5px; width:100%; }


.alert {width:450px; min-height:100px;	z-index:10110; top:50%; left:50%; 	position:fixed; background-color:#f6f6f6; 	float:left;    margin-top:-180px;  margin-left:-225px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;}
.msgalert {width:450px; min-height:100px;	z-index:10110; top:50%; left:50%;	position:fixed; background-color:#f6f6f6; 	float:left;    margin-top:-180px;  margin-left:-225px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;}
.alertmsg { padding-left:45px; padding-top:5px; min-height:40px; padding-bottom:5px; }
.msg_warning {  background-image: url(../img/warning.png);  background-position: 5px 10px;    background-repeat: no-repeat;}
.msg_error {  background-image: url(../img/error.png);  background-position: 5px 10px;    background-repeat: no-repeat;}
.msg_notice {  background-image: url(../img/notice.png);  background-position: 5px 10px;    background-repeat: no-repeat;}
.msg_success {  background-image: url(../img/success.png);  background-position: 5px 10px;    background-repeat: no-repeat;}
.msg_delete {  background-image: url(../img/delete.png);  background-position: 5px 10px;    background-repeat: no-repeat;}
.msg_confirm {  background-image: url(../img/confirm.png);  background-position: 5px 10px;    background-repeat: no-repeat;}

.web_dialog_overlay { 	position: fixed; 	top: 0; right: 0; bottom: 0; left: 0; 	height: 100%; width: 100%; 	margin: 0; padding: 0; 	background: #000000; opacity: .25; filter: alpha(opacity=15); 	 	z-index: 10100; }
.popuptitlebar{	background-color:rgba(150, 11, 22, 0.90);	color:#fff;	font-weight:lighter;	font-size:12pt;	padding:10px 10px 10px 10px; font-family:psyscalibri;	text-transform:uppercase;}



@media only screen and (max-width: 1024px) {
    .welcome{background: rgba(255, 255, 255, 0.90) url(../img/welcome-mini.png) no-repeat left top;  width:500px;	z-index:10102; top:0; left:50%; 	border:0; 	position:fixed; float:left; margin-left:-260px;   margin-top:50px; 	  	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0 1px 1px #ccc, inset 0 1px 1px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 1px 1px #ccc;} 
    .welcomecontent{padding:2px 15px 10px 15px; text-align:justify; font-family:psysosl; font-size:1em;   height:250px; overflow:auto;}
}
@media only screen and (max-width: 800px) {
    .welcome{background: rgba(255, 255, 255, 0.90) url(../img/welcome-mini.png) no-repeat left top;  width:350px;	z-index:10102; top:0; left:50%; 	border:0; 	position:fixed; float:left; margin-left:-185px;   margin-top:50px; 	  	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0 1px 1px #ccc, inset 0 1px 1px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 1px 1px #ccc;} 
    .welcomecontent{padding:2px 15px 10px 15px; text-align:justify; font-family:psysosl; font-size:1em;   height:250px; overflow:auto;}

}
@media only screen and (max-width: 450px) {
    .welcome{background: rgba(255, 255, 255, 0.90) url(../img/welcome-mini.png) no-repeat left top;  width:200px;	z-index:10102; top:0; left:50%; 	border:0; 	position:fixed; float:left; margin-left:-110px;   margin-top:50px; 	  	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0 1px 1px #ccc, inset 0 1px 1px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 1px 1px #ccc;} 
    .welcomecontent{padding:2px 15px 10px 15px; text-align:justify; font-family:psysosl; font-size:1em;   height:250px; overflow:auto;}
    .mainErrDisplay {  	width:250px; min-height:100px;	z-index:10103; top:50%; left:50%; 	border:0; 	position:fixed; background-color:#f6f6f6; 	float:left;    margin-top:-180px;  margin-left:-125px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;-webkit-box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;	box-shadow:  0 1px 1px #ccc, inset 0 5px 5px #ccc;}
    .alert {width:250px; min-height:100px;	z-index:10103; top:50%; left:50%; 	border:1px solid rgba(2, 144, 199, 0.90); 	position:fixed; background-color:#fff; 	float:left;    margin-top:-180px;  margin-left:-125px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    .msgalert {width:250px; min-height:100px;	z-index:10109; top:50%; left:50%; 	border:1px solid rgba(2, 144, 199, 0.90); 	position:fixed; background-color:#fff; 	float:left;    margin-top:-180px;  margin-left:-125px; 	padding:0 0 0 0; overflow:hidden; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

}