.theLoginZone {
width: 74%;
float: right
}
@media(max-width:770px) {
.theLoginZone {
width: 100%;
float: none
}
.regiSideBar {
display: none
}
}
.regiSideBar {
padding-right: 12px;
width: 200px !important
}
#registerform p {
clear: both
}
@media(max-width:770px) {
.regiSideBar {
padding-right: 0 !important
}
}
@media(max-width:982px) {
.regiSideBar {
width: 95% !important
}
}
#theme-my-login form.loginform {
overflow: auto
}
p.submit {
clear: both;
height: 24px
}
p.submit input {
height: 36px;
line-height: 11px;
float: right;
background-color: #EEE;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #CCC));
background-image: -webkit-linear-gradient(top, #EEE, #CCC);
background-image: -moz-linear-gradient(top, #EEE, #CCC);
background-image: -ms-linear-gradient(top, #EEE, #CCC);
background-image: -o-linear-gradient(top, #EEE, #CCC);
background-image: linear-gradient(top, #EEE, #CCC);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #333;
line-height: 1;
padding: 8px 0;
text-align: center;
text-shadow: 0 1px 0 #EEE;
position: relative;
top: .8em;
color: #111 !important;
font-weight: normal !important;
font-family: "futura-pt-condensed", "Arial Narrow", sans-serif;
font-weight: normal !important;
text-transform: uppercase;
padding: .8em .4em;
width: 150px;
font-size: 15px
}
#ws-plugin--s2member-profile label span {
float: left;
padding-top: 4px;
width: 180px;
display: block
}
#ws-plugin--s2member-profile label {
display: block !important
}
#ws-plugin--s2member-profile label input {
width: 70% !important;
height: 24px
}
body.login #registerform label span,
body.register #registerform label span,
label[for=user_login],
label[for=user_email],
label[for=user_pass] {
float: left;
padding-top: 4px;
width: 120px;
display: block
}
#lostpasswordform label[for=user_login] {
width: 180px
}
#ws-plugin--s2member-profile-password2.spaced {
margin-left: 120px
}
.tml-action-links {
margin: 0
}
.tml-action-links li {
list-style-type: none;
display: inline;
margin-right: 12px;
margin-left: 12px
}
@media(max-width:522px) {
.ws-plugin--s2member-custom-reg-field-user-pass2 {
margin-left: 0
}
}
body.login #registerform,
body.login #loginform,
body.register #registerform,
#ws-plugin--s2member-profile {
margin-top: 12px !important;
background: #4c5256;
padding: 20px;
padding-top: 16px;
margin-top: -8px;
padding-bottom: 28px;
clear: both;
margin-bottom: 28px;
color: white
}
.ws-plugin--s2member-password-strength {
text-align: center
}
#ws-plugin--s2member-custom-reg-field-user-pass-strength {
position: relative;
text-align: center
}
#ws-plugin--s2member-custom-reg-field-divider-section,
.ws-plugin--s2member-custom-reg-field-divider-section-title {
clear: both;
text-align: center;
display: block;
border-bottom: 1px solid #5c5c5c;
margin: 15px 0
}
.login p.message {
background-color: transparent;
color: #fff;
border: 0;
padding: 11px;
font-size: 14px;
line-height: 20px;
border-bottom: 1px solid #888
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
width: 100%;
background-color: #dce1e6;
border: 0;
border-bottom: 1px solid #ccc;
color: #42515A;
font-weight: bold;
margin: 2px;
}
input[type="select"] {
width: 70%
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 8px
}
.tml-label{
color: #42515A;
font-weight: bold!important;
font-size: 16px!important;
}
.theLoginZone form label{
width: 100%;
}
.tml-field-wrap textarea,
.tml-field-wrap input[type="text"],
.tml-field-wrap input[type="password"],
.tml-field-wrap input[type="datetime"],
.tml-field-wrap input[type="datetime-local"],
.tml-field-wrap input[type="date"],
.tml-field-wrap input[type="month"],
.tml-field-wrap input[type="time"],
.tml-field-wrap input[type="week"],
.tml-field-wrap input[type="number"],
.tml-field-wrap input[type="email"],
.tml-field-wrap input[type="url"],
.tml-field-wrap input[type="search"],
.tml-field-wrap input[type="tel"],
.tml-field-wrap input[type="color"]{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
background-image: none;
border-radius: 4px;
color: #42515A;
font-weight: bold;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.tml-submit-wrap{
margin-top: 2rem;
}
.tml-button{
display: inline-block;
padding: 10px 20px;
background-color: #eca93d;
color: #fff;
border-radius: 5px;
border: 1px solid #cc8b22;
text-transform: uppercase;
font-weight: bold;
}
ul.tml-links{
list-style-type: none;
}
ul.tml-links li{
margin: 0!important;
text-transform: uppercase;
}
.delLink{
margin: 0 10px;
padding: 2px 10px;
font-size: 11px;
background-color: #e43b44;
border-radius: 5px;
color: #fff;
font-weight: bold;
}
.delLink:hover{
background-color: #c8252d;
color: #fff;
text-decoration: none;
}
.enterLink{
float: right;
padding: 2px 10px;
font-size: 11px;
background-color: #fff;
border-radius: 5px;
font-weight: bold;
}
.enterLink input{
float: left;
}
.enterLink label{
float: left;
margin:0;
}
body.page-template-template-upload .grid-item .box{
margin-bottom: 10px;
}
body.page-template-template-upload .grid-item .box p.text-right{
overflow: hidden;
}