@CHARSET "ISO-8859-1";
/* Style code for login */
#cross_icon_login, #cross_icon_twitter_login, #cross_icon_twitter_login_login, #cross_icon_twitter_login_checkout
{
	width: 20px;
float: right;
cursor: pointer;
right: 20px;
position: relative;
}
#cross_icon_login, #cross_icon_twitter_login, #cross_icon_twitter_login_login, #cross_icon_twitter_login_checkout {
top: -30px;
right: -3px;
}

#ajax_login
{
	background-color: white;
	padding-top: 35px;
	width: 600px; 
	padding: 35px 15px 15px 15px;
    box-shadow: 0px 0px 3px rgba(50,50,50,0.8);
}

#ajax_login .login_footer {
	clear: both;
background-color: #ddd;
/* width: 600px; */
height: 25px;
}

#ajax_login .footer_close {
	float: right;
margin: 5px 7px 0;
background-color: #BBB;
padding: 2px 2px 0px 2px;
border-radius: 5px;
cursor: pointer;
}

#login_title, #signup_title
{
	font-size: 22px;
	border-bottom: 2px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.login_display, .signup_display
{
	font-size: 14px;
}

#login_details td {
	padding: 5px 10px;
}
#signup-link, #login-link
{
	margin-left: 7px;
	font-size: 18px;
	font-weight: bold;
	color: #008000;
	cursor: pointer;
}


.main-link
{
	width: auto;
	float: left;
	padding-right: 20px;
}

#button-login-pop {
	font-size: 12px;
	
}
#signup_details > table, #login_details > table, #ajax_login input {
	width: 100%;
}
#signin_with_div .btn-sociallogin {
    background: #fff;
    border: 1px solid #f5f5f5;
    color: #333;
    display: block;
    border-radius: 4px;
    vertical-align: middle;
     padding: 6px 10px;
    font-size: 12px;
}
#signin_with_div .btn-fb {
    background: #4B67AD;
    color: #fff;
    border-color: #4B67AD;
}
#signin_with_div .btn-google {
	background: #fff;
    color: #737373;
    border-color: #f6f6f6;
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.05);
}
#signin_with_div .btn-twitter {
    background: #6DABE8;
    color: #fff;
    border-color: #6DABE8;
}
#signin_with_div .btn-linkedin {
    background: #3576B0;
    color: #fff;
    border-color: #3576B0;
}
#signin_with_div [class*="fa-"] {
    width: 24px;
    height: 24px;
    padding: 4px;
    vertical-align: middle;
}
#signin_with_div a span {
    display: inline-block;
    vertical-align: middle;
}
.ajax_signup {
	-moz-box-shadow:inset 0px 1px 0px 0px #97db5c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97db5c;
	box-shadow:inset 0px 1px 0px 0px #97db5c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #589c1c), color-stop(1, #499908) );
	background:-moz-linear-gradient( center top, #589c1c 5%, #499908 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#589c1c', endColorstr='#499908');
	background-color:#589c1c;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #1d800c;
	display:inline-block;
	color:#fcfffa;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:27px;
	line-height:27px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #518c19;
	cursor: pointer;
}
.ajax_signup:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #499908), color-stop(1, #589c1c) );
	background:-moz-linear-gradient( center top, #499908 5%, #589c1c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499908', endColorstr='#589c1c');
	background-color:#499908;
	cursor: pointer;
}.ajax_signup:active {
	position:relative;
	top:1px;
}

#ajax_login .my-htabs {overflow:hidden; padding-left:10px; border-bottom:1px solid #ddd; }
#ajax_login .my-htabs a {padding:9px 15px 6px 15px; float:left; font-size: 13px; font-weight: normal; text-align: center; text-decoration:none; color:#333; display:none;}
#ajax_login .my-htabs a.selected {color:#111; padding-bottom:7px; background:#FFFFFF; border-top: 1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight: bold;}
#ajax_login .my-tab-content{padding:15px 15px 10px; /* margin-bottom: 20px; */ z-index:2; border-top:0px; }

.login-divider-or {
width: 42px;
height: 42px;
background: url("../image/login_or.png") no-repeat transparent;
position: absolute;
top: 92px;
right: 186px;
}
.forgot_text {
	font-size: 11px;
}

#tab-login {
	width: 334px;
	float:left;
	clear: both;
}

#tab-register {
	width: 334px; 
	float:left;
	clear: both;
}


#signin_with_div {
	float: left;
	border-left: 1px dotted #ddd;
	margin-left: 30px;
	height: 250px;
	margin-top: -50px;
	margin-bottom: 8px;
}

.signin_with_div_inner {
	margin-top: 27px;
	padding-left: 25px;
}

#forgot_password, #signuppopup, #loginpopup {
	cursor: pointer;
}

#forgot_password {
	display: block;
	text-decoration: none !important;
}

/* Twitter */

#button-twit-login, #button-twit-login-login, #button-twit-login-checkout {
	margin-left: 5px;
}

#ajax_login_twit, #ajax_login_twit_login, #ajax_login_twit_checkout
{
	background-color: white;
	padding-top: 35px;
	width: 410px; 
	border: 10px solid rgba(51,51,51,0.3);
	min-height: 200px;  
}

#tabs-twitter-login, #tabs-twitter-login-login, #tabs-twitter-login-checkout {
	height: 30px;
	line-height: 16px;
	padding-left: 10px;
	border-bottom: 2px solid #ddd;
}
#tabs-twitter-login a, #tabs-twitter-login-login a, #tabs-twitter-login-checkout a {
	color: #111;
	
	background: #FFFFFF;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	font-weight: bold;
	
    float: left;
    font-size: 13px;
    
    padding: 8px 15px 6px;
    text-align: center;
    text-decoration: none;
}

#tab-twitter-login, #tab-twitter-login-login, #tab-twitter-login-checkout{
	padding:20px 15px 10px; 
	/* margin-bottom: 20px; */ 
	z-index:2; 
	border-top:0px;
}

#twitter_login_details input[type="text"], #twitter_login_details_login input[type="text"],  #twitter_login_details_checkout input[type="text"]
{
	width: 235px;
	margin: 12px 0 15px 4px;
}

#twit_link, #twit_link_login, #twit_link_checkout {
	cursor: pointer;
}


/* End Twitter */


@media (max-width: 480px)
{
	
    	 #ajax_login, #ajax_login_twit, #ajax_login_twit_login, #ajax_login_twit_checkout {
			width: 90%;
        }

        
        #login_details input[type="text"], #login_details input[type="password"], #twitter_login_details input[type="text"], #twitter_login_details_login input[type="text"], #twitter_login_details_checkout input[type="text"] {
			width: 100%;
        }
        
 		#login_details table {
		/*	width: 100%; */
        }
        
        #signup_details input[type="text"], #signup_details input[type="password"] {
			width: 100%;
        }
        
        #signup_details table {
		/*	width: 100%; */
        }
        
        #tabs-login {
			width: auto !important;
        }
        
 		#tabs-twitter-login, #tabs-twitter-login-login, #tabs-twitter-login-checkout {
			width: 100% !important;
        }
        
        #tab-login{
			width: 100% !important;
        }
        #tab-register {
			width: 100% !important;
        }
		
        #forgot_password_div {
			width: 100% !important;
        	margin-bottom: 20px;
        }
        
        .login-divider-or {
        	display: none;
        }
        
        #login_submit_div {
			/* margin: 0px !important; */
        }
        
        #forgot_password {
			display: block;
        }
        
        #signin_with_div {
			border-left: none;
        	margin-top: 5px;
        	border-top: 1px dotted #ddd; 
        	height: auto;
			width: 100%;
			margin-left: 0px !important;
			text-align: center;
        }
		
		#signup_details table, #login_details table {
			width: 100%;
		}
		
		.signin_with_div_inner {
			margin-top: 15px;
			padding-left: 0;
		}
        
        #login_details table td {
			/* max-width: 100px; */
        }
        
        
}

/* This module is copywrite to ozxmod
 * Author: ozxmod(ozxmod@gmail.com)
 * It is illegal to remove this comment without prior notice to ozxmod(ozxmod@gmail.com)
*/ 