/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */
.userform, .userformcontent{}
.userform{padding-left:10px}
 
.userformcontent{padding-right:10px; }

.userformcontent form {
    max-width: 1000px;
    width: 100%;
}

form {
    max-width: 500px;
    width: 100%;
}


div.field {
    margin: 10px 0 15px;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
    clear:left;
    font-size:14px;
}
    form label.left {
        display: block;
        font-weight: normal;
		color:#000;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    padding: 6px 5px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #dad9d9;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;    
}
    .ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }


/* Searchbox */
.searchform { max-width: 1212px; margin: 0 auto; padding: 30px 0 ; z-index:1; clear:both; text-align:left; }
.searchform input[type="submit"]{color:#58595B; border: solid 1px #58595B;}
.searchform a{color:#fff;}
.plansearchleft{background-color:#fff; padding:10px; width:100%; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.HomeSeriesHolderPage .plansearchleft{background-color:#aeb7c3; padding:20px 30px; width:100%;}
.HomeSeriesHolderPage .plansearchleft label, .HomeSeriesHolderPage .plansearchleft h4{color:#fff;}

#Form_PropertySearchForm, #Form_PropertySearchHolderForm{ width:100%; max-width:100%; position:relative; padding: 0 10px; -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; box-sizing: border-box; background-color:#e7e6e8; padding-bottom:30px;}

#Form_PropertyBlockSearchForm{ width:100%; max-width:100%; position:relative; padding: 0 10px; -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; box-sizing: border-box; background-color:#e7e6e8;  }
#Form_PropertyBlockSearchForm fieldset{ position:relative; padding: 0 10px; -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; box-sizing: border-box; background-color:#e7e6e8; display:grid;grid-template-columns: repeat(6, minmax(10px, 160px)); float:left;}
#Form_PropertyBlockSearchForm .btn-toolbar{display:inline-block; }
#Form_PropertyBlockSearchForm .btn-toolbar input[type=submit]{ padding:2px 25px; border:solid 2px #383839; color:#383839;}

#Form_PropertyBlockSearchForm label.left::after{content:''; display:block; background:url('../images/icons/icon-arrow-dropmenu.png')no-repeat; background-position: 5px 5px; height:24px; width:24px; background-size:cover; margin-left:10px; position:absolute; right:10px; top:-2px;}	
#Form_PropertyBlockSearchForm .field.optionset, #Form_PropertyBlockSearchForm .field.slider{position:relative;}
#Form_PropertyBlockSearchForm .field.optionset .middleColumn ul{display:none;}
#Form_PropertyBlockSearchForm .optionset label::after{content:''; display:block; background:url('../images/icons/icon-arrow-dropmenu.png')no-repeat; background-position: 5px 5px; height:24px; width:24px; background-size:cover; margin-left:10px; position:absolute; right:10px; top:-2px;}
#Form_PropertySearchHolderForm input[type="submit"], #Form_PropertySearchForm input[type="submit"] {width:100%;}
#Form_PropertySearchHolderForm label.left, #Form_PropertySearchForm label.left{ clear:none; float:left; font-weight:600; color:grey; padding-left:40px; font-size:12px; line-height:30px; padding-top:4px; padding-bottom:4px;}	
form input.text.size {  width: 100%; max-width: 400px; padding: 6px 5px; font-size: 15px; background: none; border: none; }

#Form_PropertySearchHolderForm .middleColumn, #Form_PropertySearchForm .middleColumn {width:18%;display:inline-block}
#Form_PropertySearchHolderForm .middleColumn.fieldgroup, #Form_PropertySearchForm .middleColumn.fieldgroup {width:100%;display:inline-block; padding:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
form .pricing label{width:100%; text-align:left; padding-left:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#Form_PropertySearchHolderForm .optionset .middleColumn, #Form_PropertySearchForm .optionset .middleColumn, #Form_PropertySearchHolderForm .optionset label.left, #Form_PropertySearchForm .optionset label.left {width:90%;display:block; float:none; margin-left:10px; text-align:left;}
#Form_PropertySearchHolderForm .checkboxset li, form .optionset li,#Form_PropertySearchHolderForm .checkboxset li, form .optionset li, #Form_PropertySearchHolderForm .optionset li{width:80%; float:none; padding-left:10px; }
#Form_PropertySearchHolderForm .form-control, #Form_PropertySearchForm .form-control{background-color:#e7e6e8;}
#Form_PropertySearchHolderForm .field, #Form_PropertySearchForm .field{background-color:#e7e6e8; border:solid 4px #fff; border-radius: 10px; text-align:right; }

#Form_PropertySearchHolderForm .bedroomicon label.left, #Form_PropertySearchForm .bedroomicon label.left{background:url('../images/icons/icon-bedrooms-grey.png')no-repeat; background-position: 5px 5px; background-size:24px 24px; margin-left:10px;}
#Form_PropertySearchHolderForm .bathroomicon label.left, #Form_PropertySearchForm .bathroomicon label.left{background:url('../images/icons/icon-bathrooms-grey.png')no-repeat; background-position: 5px 5px; background-size:24px 24px; margin-left:10px;}
#Form_PropertySearchHolderForm .garageicon label.left, #Form_PropertySearchForm .garageicon label.left, #Form_PropertyBlockSearchForm .garageicon label.left{background:url('../images/icons/icon-garage-grey.png')no-repeat; background-position: 5px 5px; background-size:24px 24px; margin-left:10px;}
#Form_PropertySearchHolderForm .livingicon label.left,#Form_PropertySearchForm .livingicon label.left, #Form_PropertyBlockSearchForm .livingicon label.left{background:url('../images/icons/icon-living-grey.png')no-repeat; background-position: 5px 5px; background-size:24px 24px; margin-left:10px;}
#Form_PropertySearchHolderForm .rangeicon label.left, #Form_PropertyBlockSearchForm .rangeicon label.left{background:url('../images/icons/icon-stories-grey.png')no-repeat; background-position: 5px 5px; background-size:24px 24px; margin-left:10px;}
#Form_PropertySearchForm div.bathrooms label::before, #Form_PropertyBlockSearchForm div.bathrooms label::before{background:url('../images/icons/icon-bathrooms-grey.png'); background-size:contain;}

.readybuiltform { max-width: 1212px; margin: 0 auto; margin-bottom:30px; padding: 30px 0 30px 0; z-index:1; clear:both; background-color:#F1F1F2;}
.readybuiltform input[type="submit"]{border: solid 1px #58595B; color:#58595B;text-transform: uppercase; transition: 0.6s; padding: 5px 35px;}	
.readybuiltform input:hover { color: #58595B;border: solid 1px #58595B; padding: 5px 70px; border-radius: 25px;transition: 0.6s;}
#Form_ReadyBuiltSearchForm{ padding:10px 30px 30px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0px 30px 0px 30px;}	
.readybuiltform h1, .readybuiltform h2{}
#Form_ReadyBuiltSearchForm  {max-width:1500px;}
#Form_ReadyBuiltSearchForm div.field{width:25%; float:left; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:10px;}
#Form_ReadyBuiltSearchForm label{float:none; width:100%; font-weight:normal;}
#Form_ReadyBuiltSearchForm .slider label{float:left; width:auto;}
#Form_ReadyBuiltSearchForm li label{float:none; width:auto;}
#Form_ReadyBuiltSearchForm input.text, #Form_ReadyBuiltSearchForm textarea, #Form_ReadyBuiltSearchForm .textajaxuniquetext, #Form_ReadyBuiltSearchForm select{width:100%; float:none;}

#Form_ReadyBuiltSearchForm .Actions input[type="submit"].action{float:none;}
#Form_ReadyBuiltSearchForm div.bedrooms, #Form_ReadyBuiltSearchForm div.bathrooms, #Form_ReadyBuiltSearchForm div.living, #Form_ReadyBuiltSearchForm div.garaging{}
#Form_ReadyBuiltSearchForm #Bedrooms label.left{padding-left:40px; background:url('../images/icons/icon-bedrooms-grey.png')no-repeat; background-position:left; background-size:30px;}
#Form_ReadyBuiltSearchForm #Bathrooms label.left{padding-left:40px; background:url('../images/icons/icon-bathrooms-grey.png')no-repeat; background-position:left; background-size:30px;}
#Form_ReadyBuiltSearchForm #Garaging label.left{padding-left:40px; background:url('../images/icons/icon-garage-grey.png')no-repeat; background-position:left; background-size:30px;}
#Form_ReadyBuiltSearchForm #Living label.left{padding-left:40px; background:url('../images/icons/icon-living-grey.png')no-repeat; background-position:left; background-size:30px;}
#Form_ReadyBuiltSearchForm .Actions{float:right; clear:both;}


/* READYBUILTSEARCHFORM UPDATE */

.readysearchleft form label {font-size:15px;}

.readysearchleft #Form_ReadyBuiltSearchForm .ui-widget-header{background:#00457d;}
.readysearchleft #Form_ReadyBuiltSearchForm{background:none; padding:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0px 30px 0px 30px;}	
.readysearchleft h1, .readybuiltform h2{color:#fff;}
.readysearchleft h4{padding-left:40px; background:url('../images/icons/filter.jpg')no-repeat; background-position:left; background-size:30px; text-transform:uppercase; font-size:13px;}

.readysearchleft #Form_ReadyBuiltSearchForm  {max-width:1500px;}
.readysearchleft #Form_ReadyBuiltSearchForm div.field{width:100%; float:none; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:10px;}

.readysearchleft #Form_ReadyBuiltSearchForm label{float:left; width:90px; color:#000; font-weight:normal;}
.readysearchleft #Form_ReadyBuiltSearchForm .slider label{float:left; width:auto;}
.readysearchleft #Form_ReadyBuiltSearchForm li label{float:none; width:auto;}
.readysearchleft #Form_ReadyBuiltSearchForm input.text, .readysearchleft #Form_ReadyBuiltSearchForm textarea, .readysearchleft #Form_ReadyBuiltSearchForm .textajaxuniquetext, .readysearchleft #Form_ReadyBuiltSearchForm select{width:100%; float:none;}

.readysearchleft #Form_ReadyBuiltSearchForm .Actions input[type="submit"].action{float:none;}
.readysearchleft #Form_ReadyBuiltSearchForm div.bedrooms, .readysearchleft #Form_ReadyBuiltSearchForm div.bathrooms, .readysearchleft #Form_ReadyBuiltSearchForm div.living, #Form_ReadyBuiltSearchForm div.garaging{}
.readysearchleft #Bedroom .optionset, .readysearchleft #Living .optionset, .readysearchleft #Garaging .optionset, .readysearchleft #Bathrooms .optionset{ height:45px; margin-top:40px; border-bottom: dotted 1px #ccc;}
.readysearchleft #Form_ReadyBuiltSearchForm #Bedroom label.left{padding-left:25px; background:url('../images/icons/icon-bedrooms-grey.png')no-repeat; background-position:left; background-size:20px;}
.readysearchleft #Form_ReadyBuiltSearchForm #Bathrooms label.left{padding-left:25px; background:url('../images/icons/icon-bathrooms-grey.png')no-repeat; background-position:left; background-size:20px;}
.readysearchleft #Form_ReadyBuiltSearchForm #Garaging label.left{padding-left:25px; background:url('../images/icons/icon-garage-grey.png')no-repeat; background-position:left; background-size:20px;}
.readysearchleft #Form_ReadyBuiltSearchForm #Living label.left{padding-left:25px; background:url('../images/icons/icon-living-grey.png')no-repeat; background-position:left; background-size:20px;}
.readysearchleft #Form_ReadyBuiltSearchForm .Actions{float:right; clear:both;}

.HomePlanForm .userform{max-width:800px; margin:0 auto; background-color: #58595B;}


.slide-controller {  height:10px; }
/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}
    a.btn, button, input[type="submit"], .Actions .action {
        color: #fff;
		background:none;
        display: inline-block;
        border-radius: 5px;
		border:solid 3px #fff;
        padding: 5px 50px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 13px;
        margin-right: 0;
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {

    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: #B94A48;
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
    width: 114px;
}
.Actions input.resetformaction,
.Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover,
.Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #B94A48;
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        padding-right:10px;
        list-style-type:none;
        float:left;
    }
    form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}
div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #00457d;
    padding: 10px;
    margin-left: -11px; */
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #00457d; 
}

/* Error messages */
input:invalid,
textarea:invalid {

}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #00457d
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
form .creditCardField input,
form input.currency,
form input.numeric {
    width: 50px;
}
form #DMYDate-month,
form #DMYDate-day {
    width: 25px
}




/* Responsive form styles
----------------------------------------------- */

@media only screen and (max-width: 700px) { 

    /* To test - potentially not needed? */
	.header form .middleColumn {
	    float: none;
	    width: 100% !important;
	}
	form label.left,
	#MemberLoginForm_LoginForm label {
	    margin-bottom: 8px
	}
}

@media only screen and (max-width: 900px) { 
    form {
        max-width: 95%;
    }
}



@media only screen and (max-width: 1250px) { 
.readysearchleft #Form_ReadyBuiltSearchForm #Bedroom label.left{padding-left:0; background:none; background-position:left;}
.readysearchleft #Form_ReadyBuiltSearchForm #Bathrooms label.left{padding-left:0; background:none; background-position:left;}
.readysearchleft #Form_ReadyBuiltSearchForm #Garaging label.left{padding-left:0; background:none; background-position:left;}
.readysearchleft #Form_ReadyBuiltSearchForm #Living label.left{padding-left:0; background:none; background-position:left;}
.readysearchleft #Form_ReadyBuiltSearchForm {padding:0;}
.readysearchleft #Form_ReadyBuiltSearchForm label{width:80px;}
.readysearchleft form label{font-size:14px;}
}

@media only screen and (max-width: 700px) { 
#Form_PropertySearchForm div.bedrooms, #Form_PropertySearchForm div.bathrooms, #Form_PropertySearchForm div.living, #Form_PropertySearchForm div.garaging{

}
}