/**
* Core CSS stylesheet for the s2Member plugin.
*
* Copyright: © 2009-2011
* {@link http://websharks-inc.com/ WebSharks, Inc.}
* (coded in the USA)
*
* Released under the terms of the GNU General Public License.
* You should have received a copy of the GNU General Public License,
* along with this software. In the main directory, see: /licensing/
* If not, see: {@link http://www.gnu.org/licenses/}.
*
* @package s2Member
* @since 3.0
*/

/*
Clearfix styles for s2Member.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
.ws-plugin--s2member-clearfix:before,
.ws-plugin--s2member-clearfix:after
{
	content : ' ';
	display : table;
}
.ws-plugin--s2member-clearfix::after
{
	clear : both;
}

/*
Structural styles for s2Member Security Badge.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
div.ws-plugin--s2member-s-badge
{
	text-align : center;
	margin     : 0 auto 0 auto;
}

/*
Button processing animation.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
@-moz-keyframes ws-plugin--s2member-spin
{
	from
	{
		-moz-transform : rotate(0deg);
	}
	to
	{
		-moz-transform : rotate(360deg);
	}
}
@-webkit-keyframes ws-plugin--s2member-spin
{
	from
	{
		-webkit-transform : rotate(0deg);
	}
	to
	{
		-webkit-transform : rotate(360deg);
	}
}
@keyframes ws-plugin--s2member-spin
{
	from
	{
		transform : rotate(0deg);
	}
	to
	{
		transform : rotate(360deg);
	}
}
button.ws-plugin--s2member-animate-processing:after
{
	content           : '';

	float             : right;
	width             : .8em;
	height            : .8em;
	margin            : .25em 0 0 .5em;

	border-radius     : 50%;
	border            : 1px dashed;

	-webkit-animation : ws-plugin--s2member-spin 1s linear infinite;
	animation         : ws-plugin--s2member-spin 1s linear infinite;
}

/*
Structural styles for Password strength indicators.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
div.ws-plugin--s2member-password-strength
{
	padding          : 3px;
	color            : #000000;
	background-color : #EEEEEE;
	border-radius    : 3px;
	margin-top       : 3px;
}
div.ws-plugin--s2member-password-strength-short
{
	background-color : #FFA0A0;
}
div.ws-plugin--s2member-password-strength-weak
{
	background-color : #FFB78C;
}
div.ws-plugin--s2member-password-strength-good
{
	background-color : #FFEC8B;
}
div.ws-plugin--s2member-password-strength-strong
{
	background-color : #C3FF88;
}
div.ws-plugin--s2member-password-strength-mismatch
{
	background-color : #D6C1AB;
}

/*
Structural styles for Multisite Integration Forms.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
div#content > div.mu_register,
div#content > div.mu_register h2
{
	margin  : 0;
	padding : 0;
	width   : 100%;
}
div#content > div.mu_register > form#setupform input[type="text"],
div#content > div.mu_register > form#setupform input[type="email"],
div#content > div.mu_register > form#setupform input[type="password"],
div#content > div.mu_register > form#setupform input[type="submit"],
div#content > div.mu_register > form#setupform textarea,
div#content > div.mu_register > form#setupform select
{
	width      : 100%;
	box-sizing : border-box;
	margin     : 5px 0 5px 0;
	font-size  : 16px;
}
div#content > div.mu_register > form#setupform input[type="checkbox"],
div#content > div.mu_register > form#setupform input[type="radio"]
{
	margin         : 0 3px 0 0;
	vertical-align : middle;
}
div#content > div.mu_register > form#setupform p.submit
{
	margin-bottom : 0;
}
div#content > div.mu_register > form#setupform label
{
	display     : inline;
	cursor      : pointer;
	margin      : 15px 0 0 0;
	font-weight : normal;
}
div#content > div.mu_register > form#setupform label.ws-plugin--s2member-custom-reg-field-op-l
{
	opacity        : 0.7;
	font-size      : 90%;
	vertical-align : middle;
}
div#content > div.mu_register > form#setupform div.ws-plugin--s2member-custom-reg-field-divider-section
{
	height       : 1px;
	border       : 0 solid;
	line-height  : 1px;
	margin       : 15px 0 15px 0;
	border-width : 0 0 1px 0;
}
div#content > div.mu_register > form#setupform div.ws-plugin--s2member-custom-reg-field-divider-section-title
{
	border       : 0 solid;
	font-size    : 110%;
	margin       : 15px 0 15px 0;
	border-width : 0 0 1px 0;
	padding      : 0 0 12px 0;
}
div#content > div.mu_register > div.mu_alert
{
	display : none;
}

/*
Structural styles for Return Pages.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
body.s2member-return-body
{
	color      : #000000;
	font-size  : 14px;
	background : #CCCCCC;
}
body.s2member-return-body a
{
	color           : #333333;
	text-decoration : none;
	border-bottom   : 1px dotted;
}
body.s2member-return-body a:hover
{
	color : #000000;
}
body.s2member-return-body *
{
	font-family : 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;
}
body.s2member-return-body pre,
body.s2member-return-body pre *,
body.s2member-return-body code,
body.s2member-return-body code *
{
	font-family : 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace;
}
div.s2member-return-section
{
	margin : 20px auto 20px auto;
}
div.s2member-return-header-section
{
	padding   : 0;
	width     : 800px;
	font-size : 120%;
}
div.s2member-return-response-section
{
	width         : 768px;
	padding       : 15px;
	background    : #FFFFFF;
	border        : 1px solid #666666;
	border-radius : 3px;
	box-shadow    : 1px 1px 0 #999999, -1px -1px 1px #999999;
}
div.s2member-return-response-section div.s2member-return-continue
{
	margin : 20px auto 0 auto;
}
div.s2member-return-response-section div.s2member-return-continue a
{
	border        : 0;
	padding       : 8px;
	display       : block;
	font-size     : 120%;
	text-align    : center;
	background    : #EEEEEE;
	border        : 1px solid #999999;
	border-radius : 3px;
	box-shadow    : 1px 1px 3px #CCCCCC, -1px -1px 3px #CCCCCC;
}
div.s2member-return-response-section div.s2member-return-continue a:hover,
div.s2member-return-response-section div.s2member-return-continue a:active,
div.s2member-return-response-section div.s2member-return-continue a:focus
{
	color      : #FFFFFF;
	background : #151515;
	border     : 1px solid #FFFFFF;
}
div.s2member-return-support-section
{
	padding    : 0;
	width      : 800px;
	text-align : center;
}
div.s2member-return-support-section div.cc-reminder
{
	padding       : 15px;
	text-align    : center;
	background    : #FFFFFF;
	margin        : 20px auto 0 auto;
	border        : 1px solid #666666;
	border-radius : 3px;
	box-shadow    : 1px 1px 0 #999999, -1px -1px 1px #999999;
}

/*
Structural styles for Shortcode Profile Editing panel.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
div#ws-plugin--s2member-profile-saved
{
	margin-bottom : 15px;
	font-weight   : bold;
	font-size     : 110%;
}
form#ws-plugin--s2member-profile table
{
	border : 0;
	margin : 0;
	width  : 100%;
}
form#ws-plugin--s2member-profile table td
{
	padding : 7px 0 7px 0;
	border  : 0;
}
form#ws-plugin--s2member-profile input[type="text"],
form#ws-plugin--s2member-profile input[type="email"],
form#ws-plugin--s2member-profile input[type="password"],
form#ws-plugin--s2member-profile input[type="submit"],
form#ws-plugin--s2member-profile textarea,
form#ws-plugin--s2member-profile select
{
	margin     : 0;
	width      : 100%;
	box-sizing : border-box;
}
form#ws-plugin--s2member-profile input[type="checkbox"],
form#ws-plugin--s2member-profile input[type="radio"]
{
	margin         : 0 3px 0 0;
	vertical-align : middle;
}
form#ws-plugin--s2member-profile label
{
	display     : inline;
	cursor      : pointer;
	font-weight : normal;
}
form#ws-plugin--s2member-profile label.ws-plugin--s2member-custom-reg-field-op-l
{
	opacity        : 0.7;
	font-size      : 90%;
	vertical-align : middle;
}
form#ws-plugin--s2member-profile input#ws-plugin--s2member-profile-password2
{
	margin-top : 5px;
}
form#ws-plugin--s2member-profile div.ws-plugin--s2member-profile-field-divider-section
{
	margin       : 0;
	height       : 1px;
	border       : 0 solid;
	line-height  : 1px;
	border-width : 0 0 1px 0;
}
form#ws-plugin--s2member-profile div.ws-plugin--s2member-profile-field-divider-section-title
{
	margin       : 0;
	border       : 0 solid;
	font-size    : 110%;
	border-width : 0 0 1px 0;
	padding      : 0 0 7px 0;
}

/*
Structural styles for BuddyPress Profile Field items.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
body.profile.public div.ws-plugin--s2member-profile-field-4bp-divider-section
{
	margin       : 0;
	height       : 1px;
	border       : 0 solid;
	line-height  : 1px;
	border-width : 0 0 1px 0;
}
body.profile.public div.ws-plugin--s2member-profile-field-4bp-divider-section-title
{
	margin    : 0;
	padding   : 0;
	font-size : 120%;
}

/*
Structural styles for BuddyPress Registration Fields.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section
{
	width : 48%;
	float : right;
}
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-container
{
	margin-right : 7.5%;
}
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section input[type="text"],
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section input[type="email"],
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section input[type="password"],
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section textarea,
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section select
{
	width      : 100%;
	box-sizing : border-box;
}
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section input[type="checkbox"],
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section input[type="radio"]
{
	margin         : 0 3px 0 0;
	vertical-align : middle;
}
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section label.ws-plugin--s2member-custom-reg-field-op-l
{
	opacity        : 0.7;
	font-size      : 90%;
	vertical-align : middle;
}
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section div.ws-plugin--s2member-custom-reg-field-4bp-divider-section
{
	height       : 1px;
	border       : 0 solid;
	line-height  : 1px;
	margin       : 10px 0 10px 0;
	border-width : 0 0 1px 0;
}
body.registration form div#ws-plugin--s2member-custom-reg-fields-4bp-section div.ws-plugin--s2member-custom-reg-field-4bp-divider-section-title
{
	border       : 0 solid;
	font-size    : 120%;
	margin       : 10px 0 10px 0;
	border-width : 0 0 1px 0;
	padding      : 0 0 7px 0;
}

/*
Structural styles for BuddyPress Profile Field integrations.
These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress theme.
*/
body.logged-in.profile.profile-edit form#profile-edit-form div.editfield input[type="text"],
body.logged-in.profile.profile-edit form#profile-edit-form div.editfield input[type="email"],
body.logged-in.profile.profile-edit form input.ws-plugin--s2member-profile-field-4bp[type="text"],
body.logged-in.profile.profile-edit form input.ws-plugin--s2member-profile-field-4bp[type="password"],
body.logged-in.profile.profile-edit form textarea.ws-plugin--s2member-profile-field-4bp,
body.logged-in.profile.profile-edit form select.ws-plugin--s2member-profile-field-4bp
{
	width      : 100%;
	box-sizing : border-box;
}
body.logged-in.profile.profile-edit form input.ws-plugin--s2member-profile-field-4bp[type="checkbox"],
body.logged-in.profile.profile-edit form input.ws-plugin--s2member-profile-field-4bp[type="radio"]
{
	margin         : 0 3px 0 0;
	vertical-align : middle;
}
body.logged-in.profile.profile-edit form label.ws-plugin--s2member-custom-reg-field-op-l
{
	opacity        : 0.7;
	font-size      : 90%;
	vertical-align : middle;
}
body.logged-in.profile.profile-edit form div.ws-plugin--s2member-profile-field-4bp-divider-section
{
	height       : 1px;
	border       : 0 solid;
	line-height  : 1px;
	margin       : 10px 0 10px 0;
	border-width : 0 0 1px 0;
}
body.logged-in.profile.profile-edit form div.ws-plugin--s2member-profile-field-4bp-divider-section-title
{
	border       : 0 solid;
	font-size    : 120%;
	margin       : 10px 0 10px 0;
	border-width : 0 0 1px 0;
	padding      : 0 0 7px 0;
}