body{background: url(../images/signup_whitebg.png) repeat scroll 0 0 transparent;}
.clearfix{clear:both}
.text{font-family:'raleway-medium';font-size:16px;color:#595959;text-align:justify;font-weight:bold;text-shadow:-1px 2px 2px #f4f3f3;line-height:24px;}
.rd {color: red !important;}
.grn {color: green !important;}
.login-container{margin:0px auto; width:60%; height:100%; overflow:hidden;}
.login-container .logo-box{width:100%;overflow:hidden;padding:10px 0px;}
.login-container .logo-box a{text-decoration:none;}
.login-container .logo-box h1{width:40%;text-decoration:none;}
.login-logo{background:url(../../../images/ezzybookkeeping-logo.png) no-repeat;background-size:58% auto;overflow:hidden;padding:21px 50px; width:305px; }
.main-container{background:url(../../../images/signinyellow_bg.png) no-repeat center left;background-size:100%;height:511px;margin:0px auto;}
.main-container .loginbox-container{width:80%;margin:0px auto;padding:20px 0px}
.main-container .loginbox-container .login-form-container{height:343px;}
.main-container .loginbox-container .login-form-container form{min-height:306px;overflow:hidden;}
.login-box h3{text-shadow:none;font-size:18px;color:#000;text-align:left;font-weight:normal}
.login-box .form-row{margin-bottom:10px;}
.login-box .form-row .input-prepend label,#enternewpass label{text-shadow:none;font-size:15px;font-weight:normal;text-align:left;width:130px;padding:8px 0px;color:#1c1a17}
.login-box .input-prepend input,#enternewpass input{border:none;border-radius:5px;height:25px;width:218px;padding:5px;color:#757575 !important}
.login-box .form-row .help-block{}
.login-box .checkbox-label{margin:3px 126px}
.login-box .checkbox-label .keep-signin{margin:0px 38px;font-family:'raleway-medium';font-size:15px;color:#565454}
.login-box .form-actions{margin:0px auto;width:80%}
.login-btn,#enternewpass .form-actions 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:'AdobeHebrew-Regular';font-size:18px;margin:0px 60px;cursor:pointer}
.login-btn:hover,#enternewpass .form-actions button:hover{background-image:url(../../../images/sprite/Ezzy_Book_Keeping_Guest.png);background-repeat:no-repeat;background-position:-71px -93px;color:#454545 !important;background-color:transparent;}
.login-box .form-actions .pass-forgot a.forgot_pass{text-shadow:none;font-size:13px;color:#5c5e5f;font-weight:normal}
.login-box .form-actions .pass-forgot{margin:-8px 101px}
.login-box .form-actions a.login-close{text-shadow:none;font-size:13px;color:#5c5e5f;margin:3px 0px;font-weight:normal;margin:0px 139px;}
.alert-success{color:#090}
.login-box  div label.checkbox input{margin-top:20px;}
/*.checkbox-label input{visibility:hidden;}
.checkbox-label label{border:2px solid #c6ad4c;border-radius:0px;background:none; position:absolute; width:20px; height:20px;}

.checkbox-label label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}*/
.login-signup ul{margin:0;padding-left:0px;}
.login-signup ul li{float:left;margin:0 12px;}
.login-signup ul li h1{text-shadow:none;color:#080808;margin:0;font-size:12px;}
.login-signup ul li h2{font-size:16px;padding:0px;margin:0;font-size:12px;}
.login-signup ul li h3{text-shadow:none;color:#080808;margin:3px;font-size:12px;}

.login-signup h4{text-shadow:none;font-size:16px;font-weight:normal;text-align:left;margin:15px 0px;color:#000;}
.login-signup p{text-shadow:none;font-size:12px;color:#1c1a17;font-weight:normal;text-align:left;margin:0px}
.login-signup p span{text-shadow:none;font-size:17px;color:#fff;font-weight:normal;text-align:left}
/*.login-signup p.set-account{margin:10px 0px 0px}*/
.login-signup p span a{color:#000;font-size:14px;}
.checkbox-label label.checkbox{font-family:'raleway-medium';font-size:13px;}
.form-row .error{color:red;font-size:12px;font-family:'raleway-medium';}

#fgtpwd .container,#pass_reset{width:80%;margin:0px auto;}
#fgtpwd .container .form{padding:20px 0}
#forgotpass-form{margin:40px auto;width:100%;height:240px}
.login_page .input-prepend input{ border: medium none;border-radius: 5px;color: #757575;height: 25px;padding: 5px;width: 218px;}
.login_page .form-actions 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:16px;margin:0px 76px;cursor:pointer}
.login_page .form-actions button:hover{ background-image:url(../../../images/sprite/Ezzy_Book_Keeping_Guest.png);background-repeat:no-repeat;background-position:-71px -93px;color:#454545 !important;background-color:transparent;}
.top_b{ color: #000000;font-size: 20px;font-weight: normal;text-align: left;text-shadow: none;font-family:'raleway-medium';}
#forgotpass-form a.forgot_pass{text-shadow:none;font-size:15px;color:#5c5e5f;font-weight:normal;margin:0px 48px}
.login-signup{font-family:'raleway-medium';}
#forgotpass-form .formRow{text-align:left;margin:20px}
#forgotpass-form .formRow .add-on{padding:0px 0px 0 30px}
#forgotpass-form .alert-error{color:#D8163A}
#forgotpass-form .paraTxt{}
#pass_reset{padding:65px 0px}
#enternewpass{width:100%;margin:10px 0}
#enternewpass .control-group{margin-bottom:20px}
#enternewpass .control-group label{width:230px;text-transform:uppercase;float:left;color:#666;padding:11px 0px}
#enternewpass .control-group .error{color:#FF3D28;font-size:12px;text-transform:capitalize;float:none;}
#enternewpass .form-actions{padding:0px 30px}
.register_flash{ margin: auto;padding:43px 67px 71px 77px;width:60%;background:url(../../../images/thank-you.png) no-repeat -26px 17px;height:158px}
/*.welcome-container{padding:50px 0px}*/
.register_flash .thank-you{color: #595959;font-size: 18px;}
.social{width:100%;overflow:hidden;}
 .social ul{list-style-type:none;overflow:hidden;padding:0px;margin:0px auto;width:85%}
 .social ul li{float:left;border-right:3px solid #FFDB32;margin:0px 25px;width:14%;height:50px;}
 .social ul li.twit{background:url(../../../images/twitter.png) no-repeat;}
 .social ul li.twit:hover{background:url(../../../images/twitter-welcome-hover.png) no-repeat}
 .social ul li.fb{background:url(../../../images/facebook.png) no-repeat;}
 .social ul li.fb:hover{background:url(../../../images/facebook-welcome-hover.png) no-repeat}
 .social ul li.rss{background:url(../../../images/rss.png) no-repeat;border:none;}
 .social ul li.rss:hover{background:url(../../../images/rss-welcome-hover.png) no-repeat}
 .social ul li.link{background:url(../../../images/linkedin.png) no-repeat;}
 .social ul li.link:hover{background:url(../../../images/linkedin-welcome-hover.png) no-repeat}
.welcome-container h2{text-shadow:none;font-size:26px;color:#000;text-align:left;font-weight:normal;padding:40px 70px;}
/****Responsive for TAB*********/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait)
 {
	 .login-logo{background-size:50% auto;padding:18px 50px}
	 .login-container{width:80%;}
	 .main-container{height:380px;background-size:92% 100%}
	 .login-box h3{margin:8px 0px}
	 .login-box div label.checkbox input{margin-top:0px;}
	 .main-container .loginbox-container{margin: 0 auto;padding:1px 0;}
	 .main-container .loginbox-container .login-form-container{height:256px}
	 .login-signup ul li h1,.login-signup ul li h2,.login-signup ul li h3{font-size:14px;}
	 .login-signup p{font-size:12px;}
	 .login-signup h4{font-size:14px;margin:4px 0px}
	 
	 .login-box .form-row{margin-bottom:3px;}
	 .form-row .error{color:red;font-size:12px;}
	 /*.login-btn{background:url(../../../images/sign_up_button.png) no-repeat !important;font-size:16px;height: 35px;background-size:contain !important;margin: 0 auto !important;padding: 0 !important;width: 54% !important;}
	 .login-btn:hover{background:url(../../../images/sign_up_button-hover1.png) no-repeat !important;}*/
	 .login-box .form-actions{text-align:center}
	 .login-box .checkbox-label{width:80%;text-align:center;margin:0px;font-size:14px}
	  #forgotpass-form{height:165px}
	  .register_flash{ margin: auto;padding:78px 5px 67px 88px;width:60%;background:url(../../../images/thank-you.png) no-repeat -22px 53px;}
	.register_flash .thank-you{color: #595959;font-size: 12px;}
	.welcome-container h2{font-size:20px;}
	 .register_flash{padding:0 66px 0 77px;background-position:-26px -12px}
	 
 }
 @media screen and (min-width : 992px) and (max-width : 992px){
 .main-container{background-size:101% 99%}
  }
 @media screen and (min-width : 992px) and (max-width : 1280px){
 .main-container{background-size:102% 101%}
  }
 
 @media screen and (min-width : 768px) and (max-width : 1280px) and (orientation : landscape){
	/*.login-logo{background-size:50% auto}
	 .login-container{width:80%;}
	 .main-container{height:380px}
	 .login-box h3{margin:8px 0px}
	 .login-box div label.checkbox input{margin-top:0px;}
	.login-box .form-row .input-prepend label{padding:6px 0px}
	 .main-container .loginbox-container{margin: 0 auto;padding:6px 0;}
	 .main-container .loginbox-container .login-form-container{height:283px}
	 .login-box .form-row{margin-bottom:3px;}
	 .form-row .error{color:red;font-size:12px;}
	 .login-btn{background:url(../../../images/sign_up_button.png) no-repeat;font-size:16px;height: 35px;margin: 0 81px;padding: 0 5px 10px;width: 160px;}
	 .login-btn:hover{background:url(../../../images/sign_up_button-hover.png) no-repeat;}
	 .login-box .form-actions{margin-top:15px;}
	 .login-box .checkbox-label{margin-top:20px} 
	 #forgotpass-form{height:185px}
	.register_flash .thank-you{color: #595959;font-size: 18px;}*/
	 
	 /*Banner*/
	 #banner .left-banner .trial{padding:10px 12px}
	 #banner .left-banner .trial .trial-link a{padding:0px}
	 .main-container .loginbox-container .login-form-container{height:328px;}
	 .login-signup ul li h1,.login-signup ul li h2,.login-signup ul li h3{font-size:14px;}
	 
	 	
 }
 
 @media only screen and (max-width : 767px) {
	  .login-logo{background-size:50% auto}
	 .login-container{width:100%;}
	 .main-container{height:380px}
	 .login-box h3{font-size:18px;margin:0px}
	 .login-box .form-row .input-prepend label, #enternewpass label{font-size:12px;width:25%;}
	 .login_page .input-prepend input{width:50%;}
	 .login-box div label.checkbox input{margin-top:0px;}
	 .main-container .loginbox-container{margin: 0 auto;padding:50px 0;}
	 .main-container .loginbox-container .login-form-container{height:225px}
	 .login-box .form-row{margin-bottom:3px;}
	 .form-row .error{color:red;font-size:12px;}
	 .login-btn{background:url(../../../images/sign_up_button.png) no-repeat !important;background-size:100% !important;font-size:12px !important;height: 35px !important;margin: 0 auto !important;padding: 0 !important;width: 34% !important;}
	 .login-btn:hover{background:url(../../../images/sign_up_button-hover.png) no-repeat !important;background-size:contain !important;}
	 .login-signup h3,.login-signup p{font-size:12px;line-height:16px;}
	 .login-signup p span a{font-size:12px;}
	 .login-signup p.set-account{margin:0px}
	 .main-container .loginbox-container .login-form-container form{min-height:208px;}
	 .login-box .form-actions .pass-forgot{margin: -10px 0;text-align: center;width: 100%;}
	 .login-box .form-actions .pass-forgot a.forgot_pass{font-size:12px;}
	 .login-box .form-actions a.login-close{margin:0 104px;font-size:12px;}
	 .login-box .form-actions{margin-top:0px;text-align:center;width:80%}
	 .login-box .checkbox-label{width:80%;text-align:center;margin:0px;font-size:12px}
	  #forgotpass-form{height:165px}
	  .register_flash{ margin: auto;padding:78px 5px 67px 88px;width:60%;background:url(../../../images/thank-you.png) no-repeat -22px 53px;}
	.welcome-container{padding:50px 0px}
	.register_flash .thank-you{color: #595959;font-size: 18px;}
	 
 }