body, html {
  margin: 0;
  padding: 0;
}
/*----Date Picker----*/ .ui-datepicker, .eventCalOut, .calendarIcon { background-color: #185db9; }
.ui-datepicker th, .ui-state-highlight { background-color: #FFFFFF; }
.ui-state-active, .ui-datepicker tbody a:hover { background-color: #ff672b; }
.ui-datepicker-prev span, .ui-datepicker-next span { }
.ui-datepicker { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; font-size: 12px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; height: 25px; background-color: #fff; padding: 0; font-size: 12px; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border: 0 none; }
.ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; background-color: transparent; }
.ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {
background-color: transparent;
}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow: hidden; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible;}
.ui-widget-header a:hover {background-color: #f0f0f0;color: #0b5b98;}
/*----Date Picker----*/
#ui-datepicker-div {display:none;}
form { margin:0;}


/*Login page*/

.hoaLogin { background: rgba(0, 0, 0, 0) url("../images/naheru-bhavan.jpg") no-repeat scroll center center; background-size:cover;}
.hoaLoginBox {  padding:80px 0 50px;}
.tab-height{ height:100%;}
 
 
.mandatory, .red { color: #ff0000; }
.top-header { background: rgba(0, 0, 0, 0) url("../images/top-header.jpg") repeat-x scroll left top; height: 72px; }
.top-header img { float: left; margin: 0 0 0 16px; }
.footer { background: rgba(0, 0, 0, 0) url("../images/top-header.jpg") repeat-x scroll left top; color: #83b9d0; font-size: 10px; height: 36px; line-height: 15px; padding: 0 16px 0 0; }
.userSection h2 { background: #186c91 none repeat scroll 0 0; border-bottom: 2px solid #ffffff; color: #ffffff; font-size: 15px; font-weight: bold; height: 48px; line-height: 48px; margin: 0; padding: 0 20px; text-transform: uppercase; font-family: Arial; }
.hoaLoginBox .userSection .inputField input[type="text"], .hoaLoginBox .userSection .inputField input[type="password"],.hoaLoginBox select { background: #ffffff none repeat scroll 0 0 !important; border: 1px solid #c2c2c2; border-radius: 5px; color: #595959; font-size: 13px; height: 35px; line-height: 20px; margin: 0; padding: 7px 10px; width: 280px; }
.userSection { background: rgba(0, 0, 0, 0) url("../images/user-section-bg.png") repeat scroll 0 0; border-radius: 15px; margin: 0 auto; overflow: hidden; width: 425px; }
.formFields { clear: both; float: left; padding: 25px 20px 10px; width: 385px; }
.formFields { clear: both; float: left; padding: 25px 20px 10px; width: 385px;  text-align:left;}
.loginPage .loginText, .loginPage .inputField .eg { clear: both; color: #4e4e4e; display: block; font-size: 13px; padding: 5px 5px 0 0; text-align: right; }
.login_txt { color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 16px; }
.userSection .inputField label { color: #4e4e4e; display:inline-block; font-size:14px; line-height:30px; text-align: left; width: 100px; padding-top:5px;}
 
.userSection .inputField { clear: both; float: left; padding-bottom: 15px; position: relative !important; width: 100%;}
.loginCategory {padding-top:18px;}
.userSection .button { float: right; }

/*Delegation Registration*/

.bodycontiner {background: #ffffff;width: 1000px;margin:20px auto 0;}
.bodycontiner td {width: 25%; font-size: 12px; vertical-align:top; padding-right:10px;}
.bodycontiner input[type="text"],.bodycontiner  input[type="password"],.bodycontiner  input[type="email"],.bodycontiner  textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;margin-top: 5px;width: 215px; margin-bottom:2px;}
.radioBtn label {margin:0 5px 0 3px;}

.moduleTitle {font-size: 20px;text-align: center; color:#7cae42;}
.delegationForm h2 {border-bottom: 1px solid #379cc8;font-size: 16px;margin: 0 0 10px;padding-bottom: 8px; color:#379cc8;}
.delegationForm input[type="submit"] {background-color: #176b90;border-color: #3084a8 #176b90;
border-radius: 10px;box-shadow: 0 1px 0 0 #176b90 inset;color: #ffffff;padding: 7px;text-shadow: 0 1px 0 #000000; cursor:pointer;}
.delegationForm input[type="submit"]:hover{background:#2080ab;}

.delegationForm .input-text{ margin-bottom:2px;}
.errorMsg {color: #cc1111;}
.delegationForm  p strong {display: block;font-size:14px;padding: 15px 0;}
.imageUpload img{height:80px;width:115px;margin-left:2px;margin-bottom:5px;}
.imageUpload > p {color: #8c8a8b; margin-bottom:5px;}
.imageUpload > input {color: #8c8a8b;}
.helpLine {display: block;padding-top: 10px;}
.helpLine a{ color:#000;}
.helpLine a:hover{ text-decoration:none;}


.HOAheader {border:1px solid #ccc; padding:15px;}
.hoalogoImg {display:inline-block; padding-right:20px; vertical-align:middle;}
.hoaTitle {display:inline-block; padding-right:20px; font-size:22px; vertical-align:middle;  color:#297DA1; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}

.delegationForm select, .delegationForm input[type=text], .delegationForm textarea, .delegationForm input[type=file] {width:215px; padding:5px; margin:0 0 5px 0 !important; background-color:#fff; background-image:none;}
.delegationForm select {width:225px; }
.delegationForm input[type="submit"] {width:130px; border:0 none;}
.delegationForm .errorMsg {float:none;}
.delegationForm td {padding-bottom:10px;}

.formAssig {padding-top: 15px;}
.mediaEquip > p {margin-bottom: 15px;line-height:20px;}
.delegationForm table a {color:#176B90;}
.delegationForm table a:hover{ text-decoration:none;}

.errorField {padding-bottom: 15px; text-align:right;}

.residingType > div {font-size: 14px;padding-bottom: 15px;}
.residingType > div label {margin:0 15px 0 6px;}
.residingType span {padding-right: 15px; color:#333; font-weight:600; font-size:14px;}


.ifYes {padding-top: 10px;}
.ifYes p {padding-bottom: 5px;}
.redText {color: #cc1111;}


.inputField.captchaRow label {line-height: 20px;padding-top:5px; vertical-align:top;}
.captchaRow .captchaImg {width:108px;}
.mrg20 {margin-top:20px;}
.captchaRow #updatepanel1 {display: inline-block;margin:0;width: 150px; vertical-align:top;}
.relative.verificationInput {display: inline-block;}
.verificationInput .textBox {width: 110px !important;}
.loginLogo{	background: url(../../Portal/Company_Logo/company_logo-login.png) 10px center no-repeat;height: 43px;width: 290px;}