/**
Document   : style-global
Created on : Feb 27, 2013, 2:53:29 PM
Author     : John
Description: Global CSS used throughout the plugin front-end.
*/

/** Global */

.wl_login_input_submit {
	margin: 0;
	padding: 10px 25px;
	background: #7b7b7b;
	background: -moz-linear-gradient(top,  #7b7b7b 0%, #595959 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#595959));
	background: -webkit-linear-gradient(top,  #7b7b7b 0%,#595959 100%);
	background: -o-linear-gradient(top,  #7b7b7b 0%,#595959 100%);
	background: -ms-linear-gradient(top,  #7b7b7b 0%,#595959 100%);
	background: linear-gradient(to bottom,  #7b7b7b 0%,#595959 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7b7b', endColorstr='#595959',GradientType=0 );
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.15);
	border: 1px solid #565656;
	color: #f9f9f9 !important;
	font-weight: bold;
	font-size: 14px;
}

.wl_login_input_submit:hover {
	cursor: pointer;
	background: #545454;
	background: -moz-linear-gradient(top,  #545454 0%, #232323 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(100%,#232323));
	background: -webkit-linear-gradient(top,  #545454 0%,#232323 100%);
	background: -o-linear-gradient(top,  #545454 0%,#232323 100%);
	background: -ms-linear-gradient(top,  #545454 0%,#232323 100%);
	background: linear-gradient(to bottom,  #545454 0%,#232323 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#232323',GradientType=0 );
}

div.wl_login_floater {
	position: absolute;
	top: 0;
	right: 10%;
	z-index: 1000000;
}

div.wl_login_floater p {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

div.wl_login_floater a {
	display: block;
	color: #fff !important;
	background: #000;
	padding: 5px 10px;
	border-bottom: 3px solid #fff;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-box-shadow: 0px 4px 9px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    0px 4px 9px rgba(50, 50, 50, 0.56);
	box-shadow:         0px 4px 9px rgba(50, 50, 50, 0.56);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

div.wl_login_floater a:hover {
	text-decoration: none;
	background: #555;
}

/** Popup */

#wl_login_popup_container {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color:rgba(0, 0, 0, 0.8);
    z-index: 1000000;
}

#wl_login_popup_inner {
	display: none;
	background: #fff;
    margin: 7% auto 0 auto;
    width: 320px;
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    z-index:1002;
    overflow: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wl_login_popup_inner_layout_horizontal {
	width: 600px !important;
}

#wl_login_popup_inner span.wl_login_popup_close {
	display: block;
	text-align: right;
	margin: -13px 0 0 0;
	position: relative;
	bottom: 3px;
	left: 15px;
	font-size: 11px;
}

#wl_login_popup_inner span.wl_login_popup_close a {
	color: #383838;
	text-shadow: -1px 1px 0px #e5e5ee;
	font-weight: bold;
	text-decoration: none;
}

#wl_login_popup_inner span.wl_login_popup_close a:hover {
	text-decoration: none;
}

/** Embed */

.wl_login_form_embed {
	width: 50%;
}

span.wl-login-shortcode-login {
	padding: 10px 0;
	display: block;
	margin: 15px 0;
}

span.wl-login-shortcode-login a {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	margin: 0;
	padding: 10px 25px;
	background: #7b7b7b;
	background: #515151;
	background: -moz-linear-gradient(top,  #515151 0%, #262626 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#262626));
	background: -webkit-linear-gradient(top,  #515151 0%,#262626 100%);
	background: -o-linear-gradient(top,  #515151 0%,#262626 100%);
	background: -ms-linear-gradient(top,  #515151 0%,#262626 100%);
	background: linear-gradient(to bottom,  #515151 0%,#262626 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#262626',GradientType=0 );
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.15);
	border: 1px solid #565656;
	color: #f9f9f9;
	font-weight: bold;
	font-size: 14px;
}

span.wl-login-shortcode-login a:hover {
	cursor: pointer;
	background: #6d6d6d;
	background: -moz-linear-gradient(top,  #6d6d6d 0%, #515151 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#515151));
	background: -webkit-linear-gradient(top,  #6d6d6d 0%,#515151 100%);
	background: -o-linear-gradient(top,  #6d6d6d 0%,#515151 100%);
	background: -ms-linear-gradient(top,  #6d6d6d 0%,#515151 100%);
	background: linear-gradient(to bottom,  #6d6d6d 0%,#515151 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#515151',GradientType=0 );
	text-decoration: none;
}

/** Post Login */

.wl_login_form_postlogin_full,
.wl_login_form_postlogin_compact {
	width: 60%;
	margin: 25px auto;
}

/** Widget */

.widget_wishlistlogin2_widget li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

/**
Document   : style-layout-full
Created on : Feb 27, 2013, 2:54:24 PM
Author     : John
Description: CSS for the full layout.
*/

.wl_login_layout_full #wl_login_full_form p {
	margin: 0;
	padding: 0;
}

.wl_login_layout_full input.wl_login_input_text {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px;
	margin: 0;
	background: #F7F8FC;
	color: #555;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #e4e4e4;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.15);
}

.wl_login_layout_full input.wl_login_input_text::-webkit-input-placeholder {
   color: #5B6074;
}

.wl_login_layout_full input.wl_login_input_text:-moz-placeholder { /* Firefox 18- */
   color: #5B6074;  
}

.wl_login_layout_full input.wl_login_input_text::-moz-placeholder {  /* Firefox 19+ */
   color: #5B6074;  
}

.wl_login_layout_full input.wl_login_input_text:-ms-input-placeholder {  
   color: #5B6074;  
}

.wl_login_layout_full input#wl_login_input_username {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.wl_login_layout_full input#wl_login_input_password {
	position: relative;
	bottom: 1px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top: 1px solid #fff;
}

.wl_login_layout_full p#wl_login_submit_input_container {
	margin-top: 20px;	
	text-align: right;
}

.wl_login_layout_full span.wl_login_full_form_reset_pass {
	float: left;
	text-align: left;
	font-size: 12px;
	padding-top: 15px;
}

.wl_login_layout_full ul.wl_login_social_links {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.wl_login_layout_full li.wl_login_social_link a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px 0 16px 0;
	text-align: center;
	background: #545454;
	background: -moz-linear-gradient(top,  #545454 0%, #232323 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(100%,#232323));
	background: -webkit-linear-gradient(top,  #545454 0%,#232323 100%);
	background: -o-linear-gradient(top,  #545454 0%,#232323 100%);
	background: -ms-linear-gradient(top,  #545454 0%,#232323 100%);
	background: linear-gradient(to bottom,  #545454 0%,#232323 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#232323',GradientType=0 );
	border: 1px solid #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.15);
	color: #fff;
	margin-bottom: 10px;
	text-decoration: none;
	text-shadow: 0px -1px 0px #374683;
}

.wl_login_layout_full li#wl_login_social_link_twitter a {
	background: #5aa6de;
	background: -moz-linear-gradient(top,  #5aa6de 0%, #408ed3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5aa6de), color-stop(100%,#408ed3));
	background: -webkit-linear-gradient(top,  #5aa6de 0%,#408ed3 100%);
	background: -o-linear-gradient(top,  #5aa6de 0%,#408ed3 100%);
	background: -ms-linear-gradient(top,  #5aa6de 0%,#408ed3 100%);
	background: linear-gradient(to bottom,  #5aa6de 0%,#408ed3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa6de', endColorstr='#408ed3',GradientType=0 );
	border: 1px solid #509BD9;
}

.wl_login_layout_full li#wl_login_social_link_twitter a span {
	display: block;
	width: 100%;
	height: 17px;
	background: url('../images/twitter-icon.png') no-repeat;
	background-position: 12px 0;
}

.wl_login_layout_full li#wl_login_social_link_twitter a:hover {
	background: #499fdd;
	background: -moz-linear-gradient(top,  #499fdd 0%, #2782d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499fdd), color-stop(100%,#2782d1));
	background: -webkit-linear-gradient(top,  #499fdd 0%,#2782d1 100%);
	background: -o-linear-gradient(top,  #499fdd 0%,#2782d1 100%);
	background: -ms-linear-gradient(top,  #499fdd 0%,#2782d1 100%);
	background: linear-gradient(to bottom,  #499fdd 0%,#2782d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499fdd', endColorstr='#2782d1',GradientType=0 );
}

.wl_login_layout_full li#wl_login_social_link_facebook a {
	background: #6883ba;
	background: -moz-linear-gradient(top,  #6883ba 0%, #4e69a6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6883ba), color-stop(100%,#4e69a6));
	background: -webkit-linear-gradient(top,  #6883ba 0%,#4e69a6 100%);
	background: -o-linear-gradient(top,  #6883ba 0%,#4e69a6 100%);
	background: -ms-linear-gradient(top,  #6883ba 0%,#4e69a6 100%);
	background: linear-gradient(to bottom,  #6883ba 0%,#4e69a6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6883ba', endColorstr='#4e69a6',GradientType=0 );
	border: 1px solid #2A3E7B;
}

.wl_login_layout_full li#wl_login_social_link_facebook a span {
	display: block;
	width: 100%;
	height: 17px;
	background: url('../images/facebook-icon.png') no-repeat;
	background-position: 12px 0;
}

.wl_login_layout_full li#wl_login_social_link_facebook a:hover {
	background: #4d70b7;
	background: -moz-linear-gradient(top,  #4d70b7 0%, #3156a5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d70b7), color-stop(100%,#3156a5));
	background: -webkit-linear-gradient(top,  #4d70b7 0%,#3156a5 100%);
	background: -o-linear-gradient(top,  #4d70b7 0%,#3156a5 100%);
	background: -ms-linear-gradient(top,  #4d70b7 0%,#3156a5 100%);
	background: linear-gradient(to bottom,  #4d70b7 0%,#3156a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d70b7', endColorstr='#3156a5',GradientType=0 );
}

.wl_login_layout_full li#wl_login_social_link_google a {
	background: #d84737;
	background: -moz-linear-gradient(top,  #d84737 0%, #a52719 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d84737), color-stop(100%,#a52719));
	background: -webkit-linear-gradient(top,  #d84737 0%,#a52719 100%);
	background: -o-linear-gradient(top,  #d84737 0%,#a52719 100%);
	background: -ms-linear-gradient(top,  #d84737 0%,#a52719 100%);
	background: linear-gradient(to bottom,  #d84737 0%,#a52719 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84737', endColorstr='#a52719',GradientType=0 );
	border: 1px solid #842015;
}

.wl_login_layout_full li#wl_login_social_link_google a span {
	display: block;
	width: 100%;
	height: 17px;
	background: url('../images/googleplus-icon.png') no-repeat;
	background-position: 12px 0;
}

.wl_login_layout_full li#wl_login_social_link_google a:hover {
	background: #d63728;
	background: -moz-linear-gradient(top,  #d63728 0%, #a32113 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d63728), color-stop(100%,#a32113));
	background: -webkit-linear-gradient(top,  #d63728 0%,#a32113 100%);
	background: -o-linear-gradient(top,  #d63728 0%,#a32113 100%);
	background: -ms-linear-gradient(top,  #d63728 0%,#a32113 100%);
	background: linear-gradient(to bottom,  #d63728 0%,#a32113 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d63728', endColorstr='#a32113',GradientType=0 );
}

.wl_login_layout_full li#wl_login_social_link_linkedin a {
	background: #93cbe2;
	background: -moz-linear-gradient(top,  #93cbe2 0%, #0079a7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cbe2), color-stop(100%,#0079a7));
	background: -webkit-linear-gradient(top,  #93cbe2 0%,#0079a7 100%);
	background: -o-linear-gradient(top,  #93cbe2 0%,#0079a7 100%);
	background: -ms-linear-gradient(top,  #93cbe2 0%,#0079a7 100%);
	background: linear-gradient(to bottom,  #93cbe2 0%,#0079a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cbe2', endColorstr='#0079a7',GradientType=0 );
	border: 1px solid #01678c;
}

.wl_login_layout_full li#wl_login_social_link_linkedin a span {
	display: block;
	width: 100%;
	height: 17px;
	background: url('../images/linkedin-icon.png') no-repeat;
	background-position: 12px 0;
}

.wl_login_layout_full li#wl_login_social_link_linkedin a:hover {
	background: #76c2e0;
	background: -moz-linear-gradient(top,  #76c2e0 0%, #0079a5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c2e0), color-stop(100%,#0079a5));
	background: -webkit-linear-gradient(top,  #76c2e0 0%,#0079a5 100%);
	background: -o-linear-gradient(top,  #76c2e0 0%,#0079a5 100%);
	background: -ms-linear-gradient(top,  #76c2e0 0%,#0079a5 100%);
	background: linear-gradient(to bottom,  #76c2e0 0%,#0079a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c2e0', endColorstr='#0079a5',GradientType=0 );
}

.wl_login_layout_full div.wl_login_section_divider {
	margin: 15px 0;
	overflow: hidden;
}

.wl_login_layout_full p.wl_login_section_divider_line {
	margin: 0;
	padding: 0;
	width: 40%;
	height: 24px;
	float: left;
	border-top: 1px solid #e4e4e4;
	position: relative;
	top: 12px;
}

.wl_login_layout_full p.wl_login_section_divider_text {
	margin: 0;
	padding: 0;
	width: 20%;
	float: left;
	text-align: center;
	color: #ccc;
	font-size: 12px;
}

/**
Document   : style-layout-compact
Created on : Feb 27, 2013, 2:53:29 PM
Author     : John
Description: CSS for the compact layout.
*/

.wl_login_compact_form {
	overflow: hidden;
	margin: 15px 0;
}

.wl_login_compact_form .wl_login_compact_form_container {
	clear: both;
	overflow: hidden;
}

.wl_login_compact_form p.wl_login_compact_form_input_container {
	margin: 0;
	padding: 0;
}

.wl_login_compact_form input.wl_login_input_text {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
	border: 1px solid #e4e4e4;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.15);
}

.wl_login_compact_form #wl_login_password_input_container {
	margin-bottom: 7px;
}

.wl_login_compact_form input.wl_login_input_submit {
	float: right;
}

.wl_login_compact_form p#wl_login_submit_input_container,
.wl_login_compact_form div.wl_login_social_links_container {
	width: 50%;
	float: right;
}

.wl_login_compact_form ul.wl_login_social_links {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.wl_login_compact_form ul.wl_login_social_links li a {
	display: block;
	float: left;
	margin-left: 5px;
}

.wl_login_compact_form ul.wl_login_social_links li#wl_login_social_link_twitter a {
	background: url('../images/twitter-widget.png') no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.wl_login_compact_form ul.wl_login_social_links li#wl_login_social_link_facebook a {
	background: url('../images/facebook-widget.png') no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.wl_login_compact_form ul.wl_login_social_links li#wl_login_social_link_google a {
	background: url('../images/googleplus-widget.png') no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.wl_login_compact_form ul.wl_login_social_links li#wl_login_social_link_linkedin a {
	background: url('../images/linkedin-widget.png') no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.wl_login_compact_form ul.wl_login_social_links li#wl_login_social_link_twitter a span,
.wl_login_compact_form ul.wl_login_social_links li#wl_login_social_link_facebook a span,
.wl_login_compact_form ul.wl_login_social_links li#wl_login_social_link_google a span,
.wl_login_compact_form ul.wl_login_social_links li#wl_login_social_link_linkedin a span {
	display: none;
}

.wl_login_compact_form .wl_login_compact_form_reset_pass {
	overflow: hidden;
	clear: both;
	width: 100%;
	text-align: left;
	font-size: 12px;
	margin-top: 15px;
}

/**
Document   : style-layout-horizontal
Created on : Feb 27, 2013, 2:54:24 PM
Author     : John
Description: CSS for the horizontal layout.
*/

.wl_login_form_embed_horizontal {
	width: 100%;
	overflow: hidden;
	padding-bottom: 35px;
}

.wl_login_horizontal_form .wl_login_horizontal_form_container {
	position: relative;
	overflow: hidden;
}

.wl_login_horizontal_form .wl_login_horizontal_inputs {
	margin-right: 91px;
}

.wl_login_horizontal_form .wl_login_horizontal_submit {
	width: 91px;
    position: absolute;
    top: 0;
    right: 0;
}

.wl_login_horizontal_form .wl_login_horizontal_form_input_container {
	display: block;
	width: 50%;
	padding-right: 15px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.wl_login_horizontal_form_remember_container {
	display: block;
	width: 90%;
	padding-right: 15px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.wl_login_horizontal_form input.wl_login_input_text {
	width: 100%;
	margin-top: 0;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.wl_login_horizontal_form .wl_login_horizontal_footer {
	overflow: hidden;
}

.wl_login_horizontal_form .wl_login_social_links_container {
	width: 50%;
	float: right;
}

.wl_login_horizontal_form .wl_login_horizontal_reset_pass {
	margin-top: 12px;
	width: 50%;
	float: left;
}

.wl_login_horizontal_form .wl_login_horizontal_reset_pass p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.wl_login_horizontal_form ul.wl_login_social_links {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	float: right;
}

.wl_login_horizontal_form ul.wl_login_social_links li {
	display: inline;
}

.wl_login_horizontal_form ul.wl_login_social_links li a {
	display: block;
	float: left;
	margin-left: 5px;
}

.wl_login_horizontal_form ul.wl_login_social_links li#wl_login_social_link_twitter a {
	background: url('../images/twitter-widget.png') no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.wl_login_horizontal_form ul.wl_login_social_links li#wl_login_social_link_facebook a {
	background: url('../images/facebook-widget.png') no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.wl_login_horizontal_form ul.wl_login_social_links li#wl_login_social_link_google a {
	background: url('../images/googleplus-widget.png') no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.wl_login_horizontal_form ul.wl_login_social_links li#wl_login_social_link_linkedin a {
	background: url('../images/linkedin-widget.png') no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.wl_login_horizontal_form ul.wl_login_social_links li#wl_login_social_link_twitter a span,
.wl_login_horizontal_form ul.wl_login_social_links li#wl_login_social_link_facebook a span,
.wl_login_horizontal_form ul.wl_login_social_links li#wl_login_social_link_google a span,
.wl_login_horizontal_form ul.wl_login_social_links li#wl_login_social_link_linkedin a span {
	display: none;
}

/**
Document   : style-skin-blue
Created on : Feb 28, 2013, 9:17:44 AM
Author     : John
Description: CSS for the blue skin
*/

div.wl_login_skin_blue .wl_login_input_submit,
span.wl-login-shortcode-skin_blue a {
	background: #6c9bd8;
	background: -moz-linear-gradient(top,  #6c9bd8 0%, #387edc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c9bd8), color-stop(100%,#387edc));
	background: -webkit-linear-gradient(top,  #6c9bd8 0%,#387edc 100%);
	background: -o-linear-gradient(top,  #6c9bd8 0%,#387edc 100%);
	background: -ms-linear-gradient(top,  #6c9bd8 0%,#387edc 100%);
	background: linear-gradient(to bottom,  #6c9bd8 0%,#387edc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c9bd8', endColorstr='#387edc',GradientType=0 );
	border: 1px solid #0461DB;
}

div.wl_login_skin_blue .wl_login_input_submit:hover,
span.wl-login-shortcode-skin_blue a:hover {
	background: #3f8ef4;
	background: -moz-linear-gradient(top,  #3f8ef4 0%, #387edc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f8ef4), color-stop(100%,#387edc));
	background: -webkit-linear-gradient(top,  #3f8ef4 0%,#387edc 100%);
	background: -o-linear-gradient(top,  #3f8ef4 0%,#387edc 100%);
	background: -ms-linear-gradient(top,  #3f8ef4 0%,#387edc 100%);
	background: linear-gradient(to bottom,  #3f8ef4 0%,#387edc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f8ef4', endColorstr='#387edc',GradientType=0 );
}

/**
Document   : style-skin-teal
Created on : Feb 28, 2013, 9:17:44 AM
Author     : John
Description: CSS for the teal skin
*/

div.wl_login_skin_teal .wl_login_input_submit,
span.wl-login-shortcode-skin_teal a {
	background: #30b7c9;
	background: -moz-linear-gradient(top,  #30b7c9 0%, #00b2cb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30b7c9), color-stop(100%,#00b2cb));
	background: -webkit-linear-gradient(top,  #30b7c9 0%,#00b2cb 100%);
	background: -o-linear-gradient(top,  #30b7c9 0%,#00b2cb 100%);
	background: -ms-linear-gradient(top,  #30b7c9 0%,#00b2cb 100%);
	background: linear-gradient(to bottom,  #30b7c9 0%,#00b2cb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30b7c9', endColorstr='#00b2cb',GradientType=0 );
	border: 1px solid #009BAF;
}

div.wl_login_skin_teal .wl_login_input_submit:hover,
span.wl-login-shortcode-skin_teal a:hover {
	background: #35cce0;
	background: -moz-linear-gradient(top,  #35cce0 0%, #30b7c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35cce0), color-stop(100%,#30b7c9));
	background: -webkit-linear-gradient(top,  #35cce0 0%,#30b7c9 100%);
	background: -o-linear-gradient(top,  #35cce0 0%,#30b7c9 100%);
	background: -ms-linear-gradient(top,  #35cce0 0%,#30b7c9 100%);
	background: linear-gradient(to bottom,  #35cce0 0%,#30b7c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35cce0', endColorstr='#30b7c9',GradientType=0 );
}

/**
Document   : style-skin-light_green
Created on : Feb 28, 2013, 9:17:44 AM
Author     : John
Description: CSS for the light green skin
*/

div.wl_login_skin_light_green .wl_login_input_submit,
span.wl-login-shortcode-skin_light_green a {
	background: #acef0e;
	background: -moz-linear-gradient(top,  #acef0e 0%, #9ad80b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acef0e), color-stop(100%,#9ad80b));
	background: -webkit-linear-gradient(top,  #acef0e 0%,#9ad80b 100%);
	background: -o-linear-gradient(top,  #acef0e 0%,#9ad80b 100%);
	background: -ms-linear-gradient(top,  #acef0e 0%,#9ad80b 100%);
	background: linear-gradient(to bottom,  #acef0e 0%,#9ad80b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acef0e', endColorstr='#9ad80b',GradientType=0 );
	border: 1px solid #88BA0B;
	color: #262626;
}

div.wl_login_skin_light_green .wl_login_input_submit:hover,
span.wl-login-shortcode-skin_light_green:hover a {
	background: #bbff0f;
	background: -moz-linear-gradient(top,  #bbff0f 0%, #acef0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbff0f), color-stop(100%,#acef0e));
	background: -webkit-linear-gradient(top,  #bbff0f 0%,#acef0e 100%);
	background: -o-linear-gradient(top,  #bbff0f 0%,#acef0e 100%);
	background: -ms-linear-gradient(top,  #bbff0f 0%,#acef0e 100%);
	background: linear-gradient(to bottom,  #bbff0f 0%,#acef0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbff0f', endColorstr='#acef0e',GradientType=0 );
}

/**
Document   : style-skin-green
Created on : Feb 28, 2013, 9:17:44 AM
Author     : John
Description: CSS for the green skin
*/

div.wl_login_skin_green .wl_login_input_submit,
span.wl-login-shortcode-skin_green a {
	background: #1faa00;
	background: -moz-linear-gradient(top,  #1faa00 0%, #199200 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1faa00), color-stop(100%,#199200));
	background: -webkit-linear-gradient(top,  #1faa00 0%,#199200 100%);
	background: -o-linear-gradient(top,  #1faa00 0%,#199200 100%);
	background: -ms-linear-gradient(top,  #1faa00 0%,#199200 100%);
	background: linear-gradient(to bottom,  #1faa00 0%,#199200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1faa00', endColorstr='#199200',GradientType=0 );
	border: 1px solid #157700;
}

div.wl_login_skin_green .wl_login_input_submit:hover,
span.wl-login-shortcode-skin_green:hover a {
	background: #23c100;
	background: -moz-linear-gradient(top,  #23c100 0%, #1faa00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23c100), color-stop(100%,#1faa00));
	background: -webkit-linear-gradient(top,  #23c100 0%,#1faa00 100%);
	background: -o-linear-gradient(top,  #23c100 0%,#1faa00 100%);
	background: -ms-linear-gradient(top,  #23c100 0%,#1faa00 100%);
	background: linear-gradient(to bottom,  #23c100 0%,#1faa00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23c100', endColorstr='#1faa00',GradientType=0 );
}

/**
Document   : style-skin-orange
Created on : Feb 28, 2013, 9:17:44 AM
Author     : John
Description: CSS for the orange skin
*/

div.wl_login_skin_orange .wl_login_input_submit,
span.wl-login-shortcode-skin_orange a {
	background: #f9a302;
	background: -moz-linear-gradient(top,  #f9a302 0%, #fc7f01 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9a302), color-stop(100%,#fc7f01));
	background: -webkit-linear-gradient(top,  #f9a302 0%,#fc7f01 100%);
	background: -o-linear-gradient(top,  #f9a302 0%,#fc7f01 100%);
	background: -ms-linear-gradient(top,  #f9a302 0%,#fc7f01 100%);
	background: linear-gradient(to bottom,  #f9a302 0%,#fc7f01 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a302', endColorstr='#fc7f01',GradientType=0 );
	border: 1px solid #E07102;
}

div.wl_login_skin_orange .wl_login_input_submit:hover,
span.wl-login-shortcode-skin_orange a:hover {
	background: #f7b602;
	background: -moz-linear-gradient(top,  #f7b602 0%, #f9a302 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b602), color-stop(100%,#f9a302));
	background: -webkit-linear-gradient(top,  #f7b602 0%,#f9a302 100%);
	background: -o-linear-gradient(top,  #f7b602 0%,#f9a302 100%);
	background: -ms-linear-gradient(top,  #f7b602 0%,#f9a302 100%);
	background: linear-gradient(to bottom,  #f7b602 0%,#f9a302 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b602', endColorstr='#f9a302',GradientType=0 );
}

/**
Document   : style-skin-pink
Created on : Feb 28, 2013, 9:17:44 AM
Author     : John
Description: CSS for the pink skin
*/

div.wl_login_skin_pink .wl_login_input_submit,
span.wl-login-shortcode-skin_pink a {
	background: #f213ee;
	background: -moz-linear-gradient(top,  #f213ee 0%, #d910d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f213ee), color-stop(100%,#d910d8));
	background: -webkit-linear-gradient(top,  #f213ee 0%,#d910d8 100%);
	background: -o-linear-gradient(top,  #f213ee 0%,#d910d8 100%);
	background: -ms-linear-gradient(top,  #f213ee 0%,#d910d8 100%);
	background: linear-gradient(to bottom,  #f213ee 0%,#d910d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f213ee', endColorstr='#d910d8',GradientType=0 );
	border: 1px solid #BF0FBC;
}

div.wl_login_skin_pink .wl_login_input_submit:hover,
span.wl-login-shortcode-skin_pink a:hover {
	background: #ff14f7;
	background: -moz-linear-gradient(top,  #ff14f7 0%, #f213ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff14f7), color-stop(100%,#f213ee));
	background: -webkit-linear-gradient(top,  #ff14f7 0%,#f213ee 100%);
	background: -o-linear-gradient(top,  #ff14f7 0%,#f213ee 100%);
	background: -ms-linear-gradient(top,  #ff14f7 0%,#f213ee 100%);
	background: linear-gradient(to bottom,  #ff14f7 0%,#f213ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff14f7', endColorstr='#f213ee',GradientType=0 );
}

/**
Document   : style-skin-purple
Created on : Feb 28, 2013, 9:17:44 AM
Author     : John
Description: CSS for the purple skin
*/

div.wl_login_skin_purple .wl_login_input_submit,
span.wl-login-shortcode-skin_purple a {
	background: #9c32c9;
	background: -moz-linear-gradient(top,  #9c32c9 0%, #8b2bb1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c32c9), color-stop(100%,#8b2bb1));
	background: -webkit-linear-gradient(top,  #9c32c9 0%,#8b2bb1 100%);
	background: -o-linear-gradient(top,  #9c32c9 0%,#8b2bb1 100%);
	background: -ms-linear-gradient(top,  #9c32c9 0%,#8b2bb1 100%);
	background: linear-gradient(to bottom,  #9c32c9 0%,#8b2bb1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c32c9', endColorstr='#8b2bb1',GradientType=0 );
	border: 1px solid #742596;
}

div.wl_login_skin_purple .wl_login_input_submit:hover,
span.wl-login-shortcode-skin_purple a:hover {
	background: #ad38e0;
	background: -moz-linear-gradient(top,  #ad38e0 0%, #9c32c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad38e0), color-stop(100%,#9c32c9));
	background: -webkit-linear-gradient(top,  #ad38e0 0%,#9c32c9 100%);
	background: -o-linear-gradient(top,  #ad38e0 0%,#9c32c9 100%);
	background: -ms-linear-gradient(top,  #ad38e0 0%,#9c32c9 100%);
	background: linear-gradient(to bottom,  #ad38e0 0%,#9c32c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad38e0', endColorstr='#9c32c9',GradientType=0 );
}

/**
Document   : style-skin-red
Created on : Feb 28, 2013, 9:17:44 AM
Author     : John
Description: CSS for the red skin
*/

div.wl_login_skin_red .wl_login_input_submit,
span.wl-login-shortcode-skin_red a {
	background: #e00000;
	background: -moz-linear-gradient(top,  #e00000 0%, #c90000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e00000), color-stop(100%,#c90000));
	background: -webkit-linear-gradient(top,  #e00000 0%,#c90000 100%);
	background: -o-linear-gradient(top,  #e00000 0%,#c90000 100%);
	background: -ms-linear-gradient(top,  #e00000 0%,#c90000 100%);
	background: linear-gradient(to bottom,  #e00000 0%,#c90000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000', endColorstr='#c90000',GradientType=0 );
	border: 1px solid #AD0000;
}

div.wl_login_skin_red .wl_login_input_submit:hover,
span.wl-login-shortcode-skin_red a:hover {
	background: #f70000;
	background: -moz-linear-gradient(top,  #f70000 0%, #e00000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f70000), color-stop(100%,#e00000));
	background: -webkit-linear-gradient(top,  #f70000 0%,#e00000 100%);
	background: -o-linear-gradient(top,  #f70000 0%,#e00000 100%);
	background: -ms-linear-gradient(top,  #f70000 0%,#e00000 100%);
	background: linear-gradient(to bottom,  #f70000 0%,#e00000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70000', endColorstr='#e00000',GradientType=0 );
}

/**
Document   : style-skin-yellow
Created on : Feb 28, 2013, 9:17:44 AM
Author     : John
Description: CSS for the yellow skin
*/

div.wl_login_skin_yellow .wl_login_input_submit,
span.wl-login-shortcode-skin_yellow a {
	background: #fffa00;
	background: -moz-linear-gradient(top,  #fffa00 0%, #efec00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffa00), color-stop(100%,#efec00));
	background: -webkit-linear-gradient(top,  #fffa00 0%,#efec00 100%);
	background: -o-linear-gradient(top,  #fffa00 0%,#efec00 100%);
	background: -ms-linear-gradient(top,  #fffa00 0%,#efec00 100%);
	background: linear-gradient(to bottom,  #fffa00 0%,#efec00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffa00', endColorstr='#efec00',GradientType=0 );
	border: 1px solid #D3D000;
	color: #262626;
}

div.wl_login_skin_yellow .wl_login_input_submit:hover,
span.wl-login-shortcode-skin_yellow a:hover {
	background: #fffa00;
	background: -moz-linear-gradient(top,  #fffa00 0%, #fffa00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffa00), color-stop(100%,#fffa00));
	background: -webkit-linear-gradient(top,  #fffa00 0%,#fffa00 100%);
	background: -o-linear-gradient(top,  #fffa00 0%,#fffa00 100%);
	background: -ms-linear-gradient(top,  #fffa00 0%,#fffa00 100%);
	background: linear-gradient(to bottom,  #fffa00 0%,#fffa00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffa00', endColorstr='#fffa00',GradientType=0 );
}