/* General CSS */
.swpm-margin-10{
    margin: 10px;
}
.swpm-margin-top-10{
    margin-top: 10px;
}
.swpm-margin-bottom-10{
    margin-bottom: 10px;
}
.swpm-hidden{
    display: none;
}

.swpm-yellow-box{
    margin: 10px 0px;
    padding: 10px;
    background-color: #FFFFE0;
    border-color: #E6DB55;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;    
}

.swpm-red-box {
    margin: 10px 0px;
    padding: 10px;
    background-color: #FFEBE8;
    border-color: #CC0000;
    color: #333333;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-orange-box{
    margin: 10px 0px;
    padding: 15px 10px;
    color: #3F2502;
    text-shadow: 1px 1px #FFFFFF;
    background-color: #FFF6D5;
    border-color: #D1B655;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-grey-box{
    margin: 10px 0px;
    padding: 15px 10px;
    background-color: #DDDDDD;
    border-color: #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-green-box {
    margin: 10px 0px;
    padding: 15px 10px;
    background-color: #CCF4D6;
    border-color: #059B53;
    color: #043B14;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Membership buy buttons */
.swpm-button-wrapper input[type="submit"]{
    width: auto !important;
    height: auto !important;
}
.swpm-button-wrapper input[type="image"]{
    width: auto !important;
    height: auto !important;    
}
/* 共通 */
span.field-icon {
	position: absolute;
    top: 50%;
    right: 1.5em;
    transform: translate(0, -50%);
    }
.registration-Error  {
	padding: 3%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 50px auto;
    max-width: 865px;
    }
.registration-Error a {
	text-decoration: underline;
	}
#swpm_message.swpm_error {
	max-width: 750px;
    margin: 10px auto;
    padding: 3%;
    background: #ffffe7;
    border: solid 2px #ff9e9e;
    border-radius: 3px;
    font-weight: bold;
    color: red;
    }
/* Login form CSS */
.swpm-login-widget-form input,.swpm-login-widget-form checkbox{
    width: auto;
}
.swpm-username-input, .swpm-password-input{
    margin-bottom: 10px;
}
.swpm-login-widget-form {
	background: #fff;
    padding: 7%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 50px auto;
    max-width: 750px;
    }
.swpm-login-widget-form h1 {
	text-align: center;
	}
.swpm-login-action-msg {
	text-align: center;
    max-width: 530px;
    margin: 0px auto 0px auto;
    }
.swpm-login-widget-action-msg{
    text-align: left;
    font-weight: bold;
    color: red;
    }
form#swpm-login-form {
	max-width: 530px;
    margin: 0px auto 0px auto;
    }
.swpm-login-widget-form .swpm-password-input {
	position: relative;
	}
form#swpm-login-form .swpm-password-input input {
	padding-right: 3em;
	}
.swpm-remember-me {
	margin: 1.5em 0 2em;
	}
.swpm-login-submit{
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
    }
input[type="submit"].swpm-login-form-submit {
	padding: 14px 6em;
	}
.swpm-forgot-pass-link,
.login-form-bottom {
	text-align: center;
	}
.swpm-logged-label{
    font-weight: bold;
}

/* Password reset form CSS */

/*.swpm-pw-reset-widget-form table{
    border: none;
}
.swpm-pw-reset-widget-form tr{
    border: none;
}
.swpm-pw-reset-widget-form td{
    border: none;
}*/
.swpm-pw-reset-widget-form {
	background: #fff;
    padding: 7%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 50px auto;
    max-width: 750px;
    }
.swpm-pw-reset-widget-form h1 {
	text-align: center;
	}
.swpm-pw-reset-widget-form > p {
	color: red;
	}
.swpm-pw-reset-submit-button {
	margin-top: 2em;
    text-align: center;
    }
input[type="submit"].swpm-pw-reset-submit {
	padding: 14px 6em;
	}
/*.swpm-reset-pw-error{
    font-weight: bold;
    color: red;
}*/
.swpm-reset-pw-success-box{
    max-width: 750px;
    margin: 10px auto;
    padding: 3%;
    color: #043B14;
    border-radius: 3px;
    border: solid 1px #059B53;
}
.login-link-button {
	text-align: center;
    margin-top: 3em;
    }
.login-link-button > a {
	padding: 14px 3em;
    border: solid 1px;
    background-color: #13aff0;
    color: white;
    }
.login-link-button > a:hover {
	background-color: #0b7cac;
	color: white;
	}
/* Registration form CSS */
.swpm-registration-widget-form {
    background: #fff;
    padding: 7%; /*30px;*/
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 50px auto;
    max-width: 750px;
    }
.swpm-registration-widget-form h1 {
	text-align: center;
	}
.swpm-registration-widget-form > p {
	color: red;
    max-width: 600px;
    margin: 1em auto 2em;
    }
form#swpm-registration-form {
	max-width: 700px;
    margin: 0px auto 0px auto;
    }
.swpm-registration-widget-form table td{
    min-width: 147px;
    vertical-align: middle;
}
.swpm-registration-widget-form input[type="text"], .swpm-registration-widget-form input[type="password"]{
    position: relative;
}
.swpm-registration-password-row td:last-child,
.swpm-registration-password-retype-row td:last-child {
	position: relative;
	}
.swpm-registration-widget-form .swpm-registration-password-row input,
.swpm-registration-widget-form .swpm-registration-password-retype-row input {
	padding-right: 3em;
	}
.swpm-registration-submit-section {
	margin-top: 2em;
	}
input[type="submit"].swpm-registration-submit {
	padding: 14px 6em;
	}
@media (max-width: 767px) {
#swpm-registration-form td {
	display: block;
	}
#swpm-registration-form td:first-child {
	border-bottom: none;
    padding-bottom: 0;
    }
}
/* Edit profile form CSS */
/*.swpm-edit-profile-form select {
    width: 95%;
}*/
.swpm-edit-profile-form {
	margin: auto;
    max-width: 750px;
    }
.swpm-edit-profile-form h1 {
	text-align: center;
	}
form#swpm-editprofile-form {
	max-width: 650px;
    margin: 0px auto 0px auto;
    }
.swpm-edit-profile-form table td {
	min-width: 110px;
    vertical-align: middle;
    }
.swpm-edit-profile-form input[type="text"], .swpm-edit-profile-form input[type="password"] {
    position: relative;
    }
.swpm-profile-password-row td:last-child,
.swpm-profile-password-retype-row td:last-child {
	position: relative;
	}
.swpm-edit-profile-form .swpm-profile-password-row input,
.swpm-edit-profile-form .swpm-profile-password-retype-row input {
	padding-right: 3em;
	}
.swpm-edit-profile-submit-section{
    text-align: center;
}
input[type="submit"].swpm-edit-profile-submit {
	padding: 14px 6em;
	}
.swpm-profile-account-delete-section{
    text-align: center;
}
.swpm-profile-account-delete-section a{
    color: red !important;
}
.swpm-profile-update-success-box {
	max-width: 750px;
    margin: 10px auto;
    padding: 3%;
    color: #043B14;
    border-radius: 3px;
    border: solid 1px #059B53;
    }
/*.swpm-profile-update-error{
    font-weight: bold;
    color: red;    
}*/

/* Misc CSS */
.swpm-restricted{
    font-weight: bold;
    color:red;
}
.swpm-select-box-left{
    margin: 0;
    padding-bottom: 5px;
}