body{background: url("../../../images/signup_whitebg.png") repeat scroll 0 0 transparent;}
label{font-family:'raleway-medium' !important;font-size:12px !important; text-transform:uppercase !important;color:#6B6B6B !important;letter-spacing:1px !important;}
a:active, a:focus, textarea:focus, input:focus, button:active { outline: none !important;}
.main-container{margin:0px auto; width:100%;overflow:hidden;}
.main-container .container{width:80%;margin:0px auto}
.main-container .container a{overflow: hidden;width: 452px;display: inline-block}
.signup-logo{background:url(../../../images/ezzybookkeeping-logo.png) no-repeat;background-size:77% auto;height:68px; width:305px; float:left; margin-top: 29px;}
.main-container a,.main-container a:hover{text-decoration:none;}
.clearfix{clear:both;overflow:hidden;}
.tag-line{width:55%;margin:0;overflow:hidden;}
.easytouse{background:url(../../../images/easytouse_img.png) no-repeat; padding: 4px 50px;font-family:'raleway-medium';color:#5c5e5f;font-size:16px;}
.visualintutive{background:url(../../../images/visualintutive_img.png) no-repeat;padding: 7px 50px;font-family:'raleway-medium';color:#5c5e5f;font-size:16px;}
.reporting{background:url(../../../images/reporting_img.png) no-repeat;padding: 13px 50px;font-family:'raleway-medium';color:#5c5e5f;font-size:16px;}
.promises{list-style-type:none;}
.promises p{margin-bottom:40px;text-align:justify;font-family:'raleway-medium';color:#828384;font-size:13px;}
#sign_up{background:url(../../../images/signinbutton_bg.png) no-repeat;padding: 25px 50px;color:#ffffff;}
.containts {width:80%;margin:30px auto}
.containts .first_column {background: url(../../../images/signup_yellowbg11.png) no-repeat scroll 0 0 transparent;width: 45%;height:691px;margin-left:2px;}
.containts .first_column  .signup-form{height:614px;}
.containts .first_column  .signup-form .form-horizontal .control-group{}
.containts .second_column {width: 47%;}
#users-form containts .control-group{width:76%;}
.signup-txt{margin: 12px 83px;font-family:'raleway-medium';}
.form_btm_txt{color:#ffffff;font-family:''raleway-medium'';font-size:12px;}
.form_btm_txt a{color:#fff;}
.form_btm_txt a:hover{color:#fff;}
.fm-action button{background-image:url(../../../images/sprite/Ezzy_Book_Keeping_Guest.png);background-repeat:no-repeat;background-position:-71px -34px;background-color:transparent;height: 58px;width: 200px;color:#F0F0F0 !important; border:none;font-family:''raleway-medium'';font-size:14px;cursor:pointer;text-shadow:none;font-weight:normal;border-radius:0px;border:none;box-shadow:none;text-transform:uppercase}
.fm-action button:hover,.fm-action button:focus{background-image:url(../../../images/sprite/Ezzy_Book_Keeping_Guest.png);background-repeat:no-repeat;background-position:-71px -93px;color:#454545 !important;background-color:inherit;transition:none;outline:none !important}
/*#users-form .fm-action .btn:hover, #users-form .fm-action .btn:focus,#users-form .fm-action  .btn:active, #users-form .fm-action .btn.active,#users-form .fm-action .btn.disabled, #users-form .fm-action .btn[disabled]{background-color:none;background:url(../../../images/sign_up_button.png) no-repeat center center;box-shadow:none;}*/
#users-form .fm-action a.btn:hover, #users-form .fm-action a.btn:focus,#users-form .fm-action a.btn:active, #users-form .fm-action a.btn.active,#users-form .fm-action a.btn.disabled, #users-form .fm-action a.btn[disabled]{background-color:transparent;background:none;box-shadow:none;}
#users-form .fm-action a.btn-link:hover, #users-form .fm-action a.btn-link:focus{color:#44484d}
#users-form .fm-action .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled]{background-color:transparent;}
#users-form .fm-action .btn:active, .btn.active{background-image:url(../../../images/sprite/Ezzy_Book_Keeping_Guest.png);background-repeat:no-repeat;background-position:-71px -93px;color:#454545 !important;background-color:transparent;transition:none;outline:none !important;box-shadow:none !important}
/*.fm-action .btn:hover{color:#fff;background-color:none;background-position:0px 5px;}*/
/*.fm-action .btn-inverse:hover{color:#fff;background-position:0px 5px;background-color:none}*/
.containts .first_column .signup-form{}
.containts .first_column .terms-conditions{margin:0 20px}
.containts .first_column .signup-form input,.containts .first_column .signup-form select{border:none;width:190px;}
.containts .first_column .signup-form .form-horizontal .control-group{height:35px;}
.containts .first_column .signup-form .form-horizontal .controls{height:43px;line-height:16px;}

.controls .help-inline{display:flex;margin-top:5px;}
.controls .toggle-button span.labelRight{padding-right:1.5px}

#invitation-form-modal{background-image: url(../../../images/signup_whitebg.png);background-repeat:repeat;width:62%;left:37%;padding:10px;top:5%;height:670px}
#invitation-form-modal h4.signup-txt{margin:10px 0px}
#invitation-form-modal h4.permission{text-align:justify;font-family:'raleway-medium';color:#828384;}
#invitation-form-modal .modal-body{padding:0;min-height:571px}
#divgetstarted{height:515px;padding:10px}
#divgetstarted form{width:45%;margin: 0 auto;background: url(../../../images/register.png) no-repeat ;height:530px;padding:10px}
#divgetstarted form .control-group .controls input,#divgetstarted form .control-group .controls select{width:160px;}
#divgetstarted form .fm-action{padding:0px 10px;}
#divgetstarted form .fm-action button{background-image:url(../../../images/sign_up_button1.png);background-repeat:no-repeat;background-position:center center;background-color:transparent;height: 58px;width:150px;color:#F0F0F0 !important; border:none;font-family:''raleway-medium'';font-size:14px;cursor:pointer;text-shadow:none;font-weight:normal;border-radius:0px;border:none;box-shadow:none;text-transform:uppercase;padding:10px}
#divgetstarted form .fm-action button:hover{background:url(../../../images/sign_up_button-hover.png) no-repeat center center;color:#454545 !important}
#divgetstarted .form-horizontal .control-group{margin-bottom:10px}
#divgetstarted form p{font-family:''raleway-medium'';font-size:14px;width:300px;padding:0px 10px;}
#divgetstarted form p a{color:#454545;text-decoration:underline}
/****Responsive for TAB*********/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) 
 {
.signup-logo{}
.containts{padding:10px 22px}
.containts .second_column{margin-right:0px;width:100%}
.containts .first_column{background-size:contain;width:100%}
.containts .first_column .signup-form input, .containts .first_column .signup-form select{width:137px;}
.containts .first_column .signup-form{height:612px;}
.promises p{font-size:12px;}
.easytouse,.visualintutive,.reporting{font-size:16px;}
#users-form .user-pass .control-group{height:42px}
#users-form{height:560px;margin-bottom:0px}
.controls .help-inline{margin-top:3px}
.containts .first_column .signup-form .form-horizontal .control-group{height:32px;}

 }
 
 @media screen and (min-width : 980px) and (max-width : 1050px){
	 .containts .second_column{margin-right:0px;width:40%;float:left}
.containts .first_column{background-size:contain;width:50%;margin-right:68px}
	 
 }
 @media screen and (min-width : 768px) and (max-width : 1280px) and (orientation : landscape){
	 .signup-logo{background-size:82% auto;height:72px;}
.containts{padding:10px 22px}
.containts .second_column{margin-right:0px;width:40%;float:left}
.containts .first_column{background-size:contain;width:39%;margin-right:140px}
.containts .first_column .signup-form input, .containts .first_column .signup-form select{width:137px;}
.containts .first_column .signup-form{height:553px;}
.promises p{font-size:12px;}
.easytouse,.visualintutive,.reporting{font-size:16px;}
#users-form .user-pass .control-group{height:45px;margin-bottom:14px;}
#users-form .user-pass .control-group .controls .error{margin-top:1px;font-size:11px;}
.controls .help-inline{margin-top:0px;font-size:12px;}
.containts .first_column .signup-form .form-horizontal .control-group{height:34px;}
.containts .first_column .signup-form .form-horizontal .tax-label{margin-bottom:1px}
.containts .first_column .signup-form .form-horizontal .controls{line-height:12px;}
.fm-action button{background-position:-71px -45px;height:48px}
.fm-action button:hover{background-position:-71px -103px}
 }
 
 @media only screen and (max-width : 767px) {
.main-container .container{width:80%;margin:0px auto}
.signup-logo{background-size:50% auto;text-align:center}
.containts{width:80%;margin:0 auto;padding:0px}
.containts .second_column{margin-right:0px;width:100%;}
.containts .first_column{background-size:100% 100%	;width:100%;height:100%}
.containts .first_column .signup-form input, .containts .first_column .signup-form select{width:137px;}
.containts .first_column .signup-form{height:100%;margin: 0 auto;width: 80%;}
#users-form .fm-action{width:80%;}
#users-form .control-label{float:left !important;width:45%;margin-bottom:12px;}
.promises p{font-size:12px;}
.terms-conditions{width:80%;margin:0px auto !important;}
.easytouse,.visualintutive,.reporting{font-size:16px;}
#users-form .user-pass .control-group{height:42px}
#users-form{height:100%;margin-bottom:0px}
.controls .help-inline{margin-top:3px}
.containts .first_column .signup-form .form-horizontal .control-group{height:32px;}
 }