/*---------new class-----add on-----24/5/2013----*/

#login {
    left: 50%;
    margin-left: -150px;
    margin-top: -150px;
    position: absolute;
    top: 33%;
    width: 300px;
}
.login-top{ border-top:2px solid #F7971E;}
.login {background: url("images/login-bg.png") repeat-x;
	background-color:#FFF;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px 5px 5px 5px;
    padding: 0;
}
.login-title {margin-top: 15px;}
.login-left {background: url("images/login-left.png") no-repeat ;
    height: 43px;
    margin-left: -9px;
    width: 9px;
}
.login-spacer {background: url("images/login-spacer.png") repeat-x ;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 17px;
    padding: 9px 0 9px 11px;
    text-shadow: 0 1px 1px rgb(102, 102, 102);
    width: 96.3%;
}

.login-right {
    background: url("images/login-right.png") no-repeat ;
    height: 43px;
    margin-right: -9px;
    width: 9px;
}

.login-form {padding: 10px 20px 20px;}

.infomsg, .successmsg, .warningmsg, .errormsg, .validation, .validation-summary-errors {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid rgb(251, 194, 196);
    line-height: 14px;
    margin: 0 0 10px;
    padding: 5px 10px 5px 40px;
}
.errormsg, .validation-summary-errors {
    background-color: rgb(251, 227, 228);
    background-image: url("images/error.png");
    border-color: rgb(251, 194, 196);
    color: rgb(134, 0, 6);
}

.field-validation-error , .requred
{
    color:red;
}


.login-form label {color: rgb(102, 102, 102);font-size: 12px;}
.login-form h2 {font-size: 14px;padding-bottom: 5px;}
.login-input {padding: 5px 0 10px;}
.login input {border: 1px solid rgb(221, 221, 221);}
.login-input input {vertical-align: middle;}
.login-form p {color: rgb(102, 102, 102);font-size: 12px;padding-bottom: 0;}
.login-button {padding-top: 15px;}
.login-button a {color: rgb(102, 102, 102);font-size: 12px; margin-left: 8px;padding-top:8px;}
.login-button a:hover{color:#62A926;}

/*---------new class-----add on-----24/5/2013----*/

.popup {box-shadow: 0 0 3px #CCCCCC;  background-color:#fff;border-radius:0px;color:#000; display:none;  width:600px;   border: 1px solid #DFDFDF;}
.bClose{cursor:pointer;position:absolute;right:4px;top:6px; background:url(images/close-icon.png) no-repeat; width:20px; height:20px; }
.popup-content  h1{ font-size:15px; border-bottom: solid 1px #DFDFDF;  background: url(images/th-bg.png) repeat-x scroll 0 0 transparent;  padding: 7px 0 7px 20px;text-shadow: 0 1px 0 #FFFFFF; color: #3A3A3A; font-size:15px;   margin-bottom:10px; }
.popup-label { width:190px; padding:5px 0 0 0;}
.popup-label label{ color:#666; font-size: 14px;}
.popup-row{ border-top: solid 1px #E2E2E2;}
.form-popup{ padding:0 10px 15px 10px; }
.popup-input { background-color:#F6F6F6; padding:4px 4px; width:375px}
.popup-input  .in{ background:#FFFFFF; padding:3px 5px;}
.popup-but{ padding: 0 0 10px 0;}
.popup-input .in {  background: none repeat scroll 0 0 #FFFFFF;   padding: 3px 5px;}
.popup-input-but { background: none repeat scroll 0 0 transparent;}