/* 4/8/2017 CY - add/override some login functionality for new hastoe skin */
/*#region Login Page*/
.LoginPagecontrolWrapper {
    background-color: white;
    max-width: 300px;
    width: 300px !important;
    height: auto !important;
    position: relative;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: -9px;
    margin-bottom: -20px;
}

.LoginPagecontrolWrapper .ui-widget {
    background-color: white;
    margin: 3% auto;
    max-width: 300px;
    width: 300px!important;
    height: auto!important;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.LoginPagecontrolWrapper .ui-widget-header {
    display:none;
}

.loginbox-logo {
    background-color: #0071a5;
    margin-left: auto!important;
    margin-right: auto!important;
    width: 300px !important;
}
.loginbox-title {
    text-align:center;
    background-color: #0071a5;
    color: white;
    max-width: 300px;
    width: 300px !important;
    height: auto !important;
    margin-left: auto!important;
    margin-right: auto!important;
    padding: 10px;
}

.loginbox-information a {
    background-color: #0071a5;
    color:white;
    width: 300px!important;
    text-align:center;
    height: auto !important;
    margin-left: auto!important;
    margin-right: auto!important;
}

#LoginPageLoginTable tr td{
    text-align: center;
    text-align: -webkit-center;
}

#LoginPageLoginTable tr td input{

    margin-bottom:12px!important;
}
.FacebookLoginLink{
    display:none;
}
/*#endregion*/

/* Hastoe Skin uses bootstrap but some styling still needed for the system pages*/
/*.bsfloatingbodypanel{
    margin-top: -22px
}
.bsfloatingpanelheading{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    font-size:1em;
    padding:0.8em;
}*/    
/*#region styling for the datepicker*/
.ui-corner-all {
    border-radius: 3px;
}

#ui-datepicker-div {
    border: 1px solid black;
    background-color: #F0F0F0;
}

.ui-datepicker .ui-datepicker-header {
    position:relative;
    padding:.2em 0;
    width:200px;
}

.ui-datepicker .ui-datepicker-prev{
    left:2px;
    position:absolute;
}
.ui-datepicker .ui-datepicker-title{
    padding-left:44px;
}

.ui-datepicker .ui-datepicker-next{
    right:2px;
    position:absolute;
}
.ui-datepicker-calendar{
    width:190px;
    padding:2px;
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_FFFFFF_256x240.png);
}

#MainBody_MainFrameHolder_uiAssetDetails1_lblAddress  {
    padding-bottom:0px;
}
#MainBody_MainFrameHolder_uiAssetDetails1_lblStartToEndDate {
    padding-bottom:0px;
}
/*#endregion*/

/*#region datatables styling*/
 .sorting, .sorting_asc, .sorting_desc{
    border: 1px solid #ccc!important;
}

 table.dataTable th,  table.dataTable td {
     padding-top: 6px!important;
     padding-bottom: 6px!important;
     padding-left: 6px!important;
     padding-right: 30px!important;
 }
 /*#endregion*/

/*#region Secure Messaging Page*/

#mobListOfAccounts .selected {
    font-weight:bold;
}
#ui-securemessaging{
    border: solid #ccc 1px;
    border-radius: 3px;

}
#ui-messagelist-singular thead{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    border-radius:3px;
    font-size:1em;
    height:40px;
    line-height: 40px;
    padding:10px;
}
#ui-messagelist-singular tr input{
    float:right;
}
#ui-messagelist-singular #MessageStatus{
    position:relative;
    left:20px;
}
/*#endregion*/

/*#region Password reset */
#pnlPasswordReminder #security-grid{
    width:300px;
}
#pnlPasswordReminder .ui-widget-header{
    padding-bottom:15px;
}
#pnlPasswordReminder .ui-widget-header span {
    font-size:1.2em;
    font-weight: bold;
}
#pnlPasswordReminder #security-usrname,
#pnlPasswordReminder #security-email{
    /*width:300px;*/
    /*display:block;*/
}
#pnlPasswordReminder #security-usrname span,
#pnlPasswordReminder #security-email span{
    float:left;
    /*margin:0px 0px 20px 0px;*/
    /*width:10px;*/
}
#pnlPasswordReminder #security-usrname input,
#pnlPasswordReminder #security-email input{
    width: 148px!important;
    float: left;
}
#pnlPasswordReminder #security-usrname input[type='text'],
#pnlPasswordReminder #security-email inputtype='text'{
    width: 100px!important;
    float:left!important;
    margin:0px;
}
/*#endregion*/

/*#region main details */
#pnlMainControl{
    border:1px lightgray solid;
    border-radius:3px;
    padding: 10px;
    margin-bottom:20px;
}

#pnlMainControl .ui-widget-header{
    font-weight:bold;
}
/*#endregion*/

/*#region username reminder page */
#UsernameReminderGrid td{
    background-color:white!important;
}
#UsernameReminderGrid table{
    width:300px;
}
#UsernameReminderGrid span{
    float:left;
}
#UsernameReminderGrid  #security-email input{
    float:right!important;
}

#UsernameReminderGrid  #security-email input[type="text"]{
    width: 148px!important;
    float:right!important;
    padding-top: 0px;
    margin-top:0px;
}
#UsernameReminderGrid #security-email span{
      margin:0 0px 0px 0px;
      padding-right: 0px;
 }
/*#endregion*/

/*#region change password page*/
#pnlPasswordChange{
    border:1px lightgray solid;
    border-radius:3px;
    padding: 20px;
    margin-bottom:20px;
    font-family: "Open Sans", sans-serif;
}

#security-grid-changepassword{
    background-color:transparent!important;
    display: inline-block;
    width: 300px!important;
    padding-left:0px!important;
}

#security-grid-changepassword label{
    float:left;
    font-size: 1em;
    font-weight: normal!important;
    width: 120px;
    display:table-cell;
    vertical-align: middle;
}

#pnlPasswordChange .ui-widget-header{
    font-weight:bold;
    padding:0px;
}

#pnlPasswordChange .ui-widget-content{
    padding:0px;

}

#pnlPasswordChange #security-message p{
    padding:0px;
    margin:10px 0px 20px 0px;
}
#pnlPasswordChange .security-validation{
    padding:0px;
}
#pnlPasswordChange .security-validation-error{
    margin-bottom:10px;
}

#pnlPasswordChange .security-grid-changepassword-old, 
#pnlPasswordChange .security-grid-changepassword-new, 
#pnlPasswordChange .security-grid-changepassword-confirm{
    width:100%;
    height:30px;
    padding:0px;
    margin-bottom:0;
    display:table-cell;
}

#pnlPasswordChange .security-grid-changepassword-old input[type="password"], 
#pnlPasswordChange .security-grid-changepassword-new input[type="password"],
#pnlPasswordChange .security-grid-changepassword-confirm input[type="password"]{
    margin-left: 20px;
    width:147px;
    padding-left:0px;
    border:solid 1px lightgray;
    border-radius:3px;
}

#pnlPasswordChange .security-grid-changepassword-old label,
#pnlPasswordChange .security-grid-changepassword-new label, 
#pnlPasswordChange .security-grid-changepassword-confirm label {
    float:left;
    margin-top:0px;
}

#pnlPasswordChange #security-grid-changepassword ul{
    margin:0px;
    padding:0px;
}
#pnlPasswordChange #security-grid-changepassword {
    margin:0px;
}

#pnlPasswordChange .security-grid-changepassword-right{
    float: right;
    margin-right:10px;
}

#pnlPasswordChange .security-grid-changepassword-right input[type="submit"]{
    font-size: 0.8em!important;
    display: table-cell!important;
    float: right;
    margin-left: 2.2em;
    margin: 5px 2px 0px 5px;
}
/*#endregion*/

/*#region change username page*/
#changeusernamepanel{
    border:1px lightgray solid;
    border-radius:3px;
    padding: 10px;
    margin-bottom:20px;
}

#changeUsernameContainer .ui-widget-header{
    font-weight:bold;
}
#changeUsernameContainer{
    background-color:transparent!important;
    display: inline-block;
    width: 300px;
    font-family:"Open Sans", sans-serif;
}

#changeUsernameContainer tbody{
    display: table-row-group;
    vertical-align: middle;
}

#changeUsernameContainer tr{
    display: table-row;
    vertical-align:inherit;
    padding: 0px;
    box-sizing: border-box;
    width:300px;
}

#changeUsernameContainer td{
    background-color:transparent!important;
    padding:0px 5px 0px 0px!important;
    width:5px;
}

#changeUsernameContainer .leftTableLabel {
    width: 130px!important; 
    background-color:transparent!important;
    display: table-cell;
    font-family:"Open Sans", sans-serif;
    font-size: 100%;
    font-weight:normal!important;
    padding:0px 0px 10px 0px!important;
    vertical-align: middle;
    float:left!important;
    text-align:left;
}
#changeUsernameContainer .rightTabletd {
    background-color:transparent!important;
    display: table-cell;
    font-family:"Open Sans", sans-serif;
    font-size: 100%;
    font-weight:normal!important;
    padding:0px 0px 10px 0px!important;
    overflow: hidden;
    width:165px!important;
    float:right;
    vertical-align: middle;
}

#changeUsernameContainer input[type="text"]{
    padding-left:0px;
    width:155px!important;
    border:solid 1px lightgray;
    border-radius:3px;
}
#changeUsernameContainer .rightTabletd span {
    float:right;
    margin-top:10px;
}

#changeUsernameButtons{
    padding-left:100px;
}

#changeUsernameButtons input{
    font-size:0.8em!important;
    margin:0px 5px 0px 5px;
    font-size: 0.8em!important;
    display: table-cell!important;
}

#changeUsernameButtons input[value="Cancel"]{
    margin-left: 165px;
}

#changeUsernameButtons input[value="Change"]{
    float:right;
}

#changeUsernameContainer .ui-state-error{
    width: 100%;
    border: 1px solid #cd0a0a;
    background-color: #fccebc;
    border-radius: 5px;
    padding:10px 0 5px 0px;
    font-weight:normal;
}
/*#endregion*/

/*#region Change security question */
#pnlSecurityQuestionChange{
    border:1px lightgray solid;
    border-radius:3px;
    padding: 20px;
    margin-bottom:20px;
}

#pnlSecurityQuestionChange .ui-widget-header{
    font-weight:bold;
    padding:0px;
}
    
#pnlSecurityQuestionChange .security-validation{
    padding:5px 12px 0px 0px;
    font-size: 0.8em;
}
#pnlSecurityQuestionChange .ui-widget-content{
    display: inline-block;
    width: 300px!important;
    margin-bottom:10px;
    padding:0px;
}
#pnlSecurityQuestionChange ul, 
#pnlSecurityQuestionChange li{
    margin-left:0px;
    font-size:1em;
}
#pnlSecurityQuestionChange .security-grid-changepassword-old{
    height:35px;
    padding:0px;
}

#pnlSecurityQuestionChange .security-grid-changepassword-old label{
    font-family:"Open Sans", sans-serif;
    font-size: 100%;
    font-weight:normal;
    width:120px;
    text-align:left;
    float:left;
}

#pnlSecurityQuestionChange .security-grid-changepassword-old select, 
#pnlSecurityQuestionChange .security-grid-changepassword-old input{
    font-family:"Open Sans", sans-serif;
    font-size: 100%;
    font-weight:normal;
    margin-left: 10px;
    border:1px lightgray solid;
    border-radius:3px;
    width:155px;
}

#pnlSecurityQuestionChange .security-grid-changepassword-old select{ 
    font-size: 80%;
    padding:3px;
}

#pnlSecurityQuestionChange .security-grid-changepassword-old input{ 
}

#pnlSecurityQuestionChange #security-grid-changequestion ul,
#pnlSecurityQuestionChange #security-grid-changequestion li{
    padding:0px;
}


#pnlSecurityQuestionChange .security-grid-changepassword-right{
    margin-right:5px;
}
#pnlSecurityQuestionChange .security-grid-changepassword-right ul{
    float:right;
    padding:0px;
    line-height:80%;
}
#pnlSecurityQuestionChange .security-grid-changepassword-right li{
    line-height:1em;
}

#pnlSecurityQuestionChange .security-grid-changepassword-right input[type="submit"] {
    font-family:"Open Sans", sans-serif;
    font-size:0.8em!important;
    display: table-cell !important;
    float: right;
    margin:0px 10px 0px 5px;
}
/*#endregion*/

/*#region Password reset */
#pnlPasswordReminder #security-grid{
    width:300px;
    padding:0px;
    margin:0px;
    font-family:"Open Sans", sans-serif;
    font-size:1em!important;
}
#pnlPasswordReminder .ui-widget-header{
    padding-bottom:15px;
}
#pnlPasswordReminder .ui-widget-header span {
    font-size:1.2em;
    font-weight: bold;
}
#pnlPasswordReminder #security-usrname,
#pnlPasswordReminder #security-email{
    padding-left:0px;
    height:30px;

}
#pnlPasswordReminder #security-usrname span,
#pnlPasswordReminder #security-email span{
    font-family:"Open Sans", sans-serif;
    float:left;
    margin-top:5px;
}
#pnlPasswordReminder #security-usrname input,
#pnlPasswordReminder #security-email input{
    font-family:"Open Sans", sans-serif;
    width: 170px!important;
    float: left;
    margin:5px 5px 5px 30px;
    border:1px solid lightgray;
    border-radius:3px;
}
#pnlPasswordReminder .continue-btn input{
    float: right;
    margin-right:20px;
}
/*#endregion*/

/*#region Appointments calendar */
.TitleStyle td {
    background-color: #4B6C9E!important;
    color: white!important;
}
/*#endregion*/
 
/*#region confirmcontactdetails   */
#CurrentEmailSection,
#CurrentHomePhoneSection,
#CurrentMobilePhoneSection{
    padding:0.8em;
}
/*#endregion*/

/*#region custom form page*/
#CustomForm .ui-widget{
	font-size:1em !important;
}
#CustomForm .ui-widget-header{
	font-size:1.2em !important;
}

#CustomForm .ui-widget-content{
	font-size:1.2em !important;
}

/*#endregion*/

/*#region self-reg */
#MainBody_MainFrameHolder_uiSelfRegistration1_lblPasswordPolicy {
    display: none;
}
#MainBody_MainFrameHolder_uiActivation1_pnlErrorWarning .ui-widget-header{
        display:none;
}

/*#endregion*/


/*#region OnlinePayments */

#OnlinePaymentsPanel .rentAccountSelectionDropdown {
    width:100%;
}

/*#endregion */