/********************************************************/
/*Login and Register Pages Style Sheets                 */
/********************************************************/

#loginFormSection {   
    position: relative;
    margin: 30px 10px;
    max-width: 500px;
    
}


.FacebookLoginButton {
    font-size: 1em!important;
    font-weight: bold !important;
    margin: 0px 10px 8px !important;   
    padding: 8px !important;   
    text-align: center !important;
    color: white !important;
    border: solid 1px #4568a0 !important;
    background: #f47c20 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#599bd7), to(#414d90)) !important;
    background: -moz-linear-gradient(top, #599bd7, #414d90) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bd7', endColorstr='#414d90') !important;
}
.FacebookLoginButton:hover {
	color: #faa51a !important;
    background: #f47c20 !important;
    border: solid 1px #2e456b !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#4f87ba), to(#406c95)) !important;
	background: -moz-linear-gradient(top,  #4f87ba,  #406c95) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f87ba', endColorstr='#406c95') !important;
}
.FacebookLoginButton:active {
	color: #fcd3a5 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#414d90), to(#599bd7)) !important;
	background: -moz-linear-gradient(top,  #414d90,  #599bd7) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#414d90', endColorstr='#599bd7') !important;
}

#LoginForm .ui-input-text {
    min-width: 59%;
}

#LoginForm label {
    min-width:41%; 
    padding-right:12px;
}


 /*          Registration Form
 -----------------------------------------------------*/

.registerForm label {
    width:150px; 
    padding-right: 8px;
    word-wrap: break-word;
}

#registerForm .ui-input-text, #registerForm .ui-selectmenu-button {
    flex-grow: 1;
    margin: 5px 6px 5px 0;
}

#registerForm .zipcodewrapper {
    flex-grow: 0;
    width: 130px;
}

/*.registerForm .flexbox-with-wrap > .ui-input-text {
    min-width: 49%;
    margin-right: 4px;
    flex-grow:1;
}

.registerForm .flexbox-nowrap > .ui-input-text {
    min-width: 75%;
}



.registerForm #CityStateZipWrapper > .ui-input-text {
     min-width: 10%;
}

.registerForm #CityStateZipWrapper > .ui-input-text:first-child {
     flex-grow:1;
     min-width: 200px;
     max-width:none !important;
}

.registerForm #CityStateZipWrapper > .ui-select{
     padding-right: 4px;
     max-width: 200px;

}

.registerForm #CityStateZipWrapper > .ui-input-text:nth-child(2n+1) {
    max-width:110px;
}*/


#registerForm {
    position: relative;
    margin: 30px 0 !important;
    max-width: 680px;
}

#State-button {
    min-width: 130px;
    width: 25% !important;
}


/*----------------------------------------------------------------------------------*/
/*       User Account Screen
/*    
/*--------------------------------------------------------------------------------*/


#ChangePasswordAccordion .text-box {
    width: 100%!important;
}