/**
* Core CSS stylesheet for the s2Member plugin.
*
* Copyright: © 2009-2011
* {@link http://www.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
*/
/*
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.

If you're using a `PriMo Theme`, you can use:
	PriMoTheme Options -> Custom CSS
See: http://www.primothemes.com/
*/
div.ws-plugin--s2member-s-badge
	{
		text-align: center;
		margin: 0 auto 0 auto;
	}
/*
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.

If you're using a `PriMo Theme`, you can use:
	PriMoTheme Options -> Custom CSS
See: http://www.primothemes.com/
*/
div.ws-plugin--s2member-password-strength
	{
		padding: 3px;
		font-color: #000000;
		background-color: #EEEEEE;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-top: 3px;
	}
div.ws-plugin--s2member-password-strength-short
	{
		background-color: #FFA0A0;
	}
div.ws-plugin--s2member-password-strength-bad
	{
		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.

If you're using a `PriMo Theme`, you can use:
	PriMoTheme Options -> Custom CSS
See: http://www.primothemes.com/
*/
div#content > div.mu_register,
div#content > div.mu_register h2
	{
		margin: 0; /* Get rid of margins. */
		padding: 0; /* Get rid of padding. */
		width: 100%; /* Expand to 100%. */
	}
div#content > div.mu_register > form#setupform input[type = "text"],
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%; /* 100% does not work across all browsers. */
		width: 98% !ie<8; /* 100% does not work in IE browsers < 8. */
		box-sizing: border-box; /* Make all fields behave the same. */
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-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 input[type = "submit"]
	{
		width: 100% !ie<8; /* This width required in IE < 8. */
	}
div#content > div.mu_register > form#setupform p.submit
	{
		margin-bottom: 0; /* Remove bottom margin. */
	}
div#content > div.mu_register > form#setupform select
	{
		width: 99.5% !ie<8; /* Required in IE < 8. */
	}
div#content > div.mu_register > form#setupform label
	{
		cursor: pointer;
		margin: 15px 0 0 0;
	}
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 Shortcode Profile Editing panel.

These are basic CSS rules. You can override any of these
through the `/style.css` file for your WordPress® theme.

If you're using a `PriMo Theme`, you can use:
	PriMoTheme Options -> Custom CSS
See: http://www.primothemes.com/
*/
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; /* Tweak 2010 theme. */
	}
form#ws-plugin--s2member-profile input[type = "text"],
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; /* Tweak. Zeros out margins in 2010 theme. */
		width: 100%; /* 100% does not work across all browsers. */
		width: 98% !ie<8; /* 100% does not work in IE browsers < 8. */
		box-sizing: border-box; /* Make all fields behave the same. */
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-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 input[type = "submit"]
	{
		width: 100% !ie<8; /* This width required in IE < 8. */
	}
form#ws-plugin--s2member-profile select
	{
		width: 99.5% !ie<8; /* Required in IE < 8. */
	}
form#ws-plugin--s2member-profile label
	{
		cursor: pointer;
	}
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.

If you're using a `PriMo Theme`, you can use:
	PriMoTheme Options -> Custom CSS
See: http://www.primothemes.com/
*/
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.

If you're using a `PriMo Theme`, you can use:
	PriMoTheme Options -> Custom CSS
See: http://www.primothemes.com/
*/
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 = "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%; /* 100% does not work across all browsers. */
		width: 98% !ie<8; /* 100% does not work in IE browsers < 8. */
		box-sizing: border-box; /* Make all fields behave the same. */
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-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 select
	{
		width: 99.5% !ie<8; /* Required in IE < 8. */
	}
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
	{
		margin: 0;
		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
	{
		margin: 0;
		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.

If you're using a `PriMo Theme`, you can use:
	PriMoTheme Options -> Custom CSS
See: http://www.primothemes.com/
*/
body.logged-in.profile.profile-edit form#profile-edit-form div.editfield input[type = "text"],
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%; /* 100% does not work across all browsers. */
		width: 98% !ie<8; /* 100% does not work in IE browsers < 8. */
		box-sizing: border-box; /* Make all fields behave the same. */
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-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 select.ws-plugin--s2member-profile-field-4bp
	{
		width: 99.5% !ie<8; /* Required in IE < 8. */
	}
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
	{
		margin: 0;
		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
	{
		margin: 0;
		border: 0 solid;
		font-size: 120%;
		margin: 10px 0 10px 0;
		border-width: 0 0 1px 0;
		padding: 0 0 7px 0;
	}