/******************************************************************************
** CMS LOGIN **
*******************************************************************************/

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.LoginPage {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 100000;
    background: #fff;
    background: -moz-radial-gradient(50% 50% 180deg, circle cover, white, #efefef, #c7c7c7 100%);
    background: -webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#e3e3e3), to(white));
}

.PageContent {
    background: #333;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}
.PageContent p {
    color: #ddd;
    font-size: 0.9em;
    height: 40px;
    line-height: 40px;
    margin: 0;
    text-align: center;
}
.PageContent a {
    color: #fff;
    text-decoration: underline;
}

#CMSSecurity {
    background: url(/mysite/images/logo.svg) 50% 0 no-repeat;
    margin: 7% auto 0;
    padding: 230px 0 0;
    width: 350px;
}

p.message {
    border: 1px solid #757575;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    color: #333;
    padding: 10px;
}
p.bad {
    background: #F77D6A;
}
p.warning {
    background: #F4B966;
}

/******************************************************************************
** FORM **
*******************************************************************************/

.password label,
.text label {
    display: none;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

div.field.text,
div.field.checkbox {
    margin-bottom: 20px;
}

div.field.checkbox {
    overflow: hidden;
}

label {
    color: #444;
    display: block;
    height: 20px;
    line-height: 16px;
}
label.right {
    float: left !important;
    text-align: left;
}

input:not([type=checkbox]) {
    border: 1px solid #666;
    border-radius: 5px;
    display: block;
    font-size: 22px;
    width: 100%;
}

input[type=email],
input[type=password],
input[type=text] {
    box-shadow: inset 5px 5px 5px rgba(50, 50, 50, 0.15);
    color: #888;
    padding: 5px 0;
    text-indent: 8px;
}

input.checkbox {
    float: left;
    margin-right: 10px;
    padding: 0;
}

input[type=submit] {
    background: #93BE42;
    background: linear-gradient(#93BE42, #1F9433);
    color: #fff;
    margin: 0 0 10px;
    padding: 8px 5px;
    text-shadow: 1px 1px 0 #555;
}
.action:focus,
.action:hover {
    box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6);
    text-shadow: -1px -1px 0 #555;
}

/* submit forgot password page */
#MemberLoginForm_LostPasswordForm input[type=submit] {
    font-size: .8em;
}

#ForgotPassword {
    margin: 10px 0 0;
    text-align: center;
}
#ForgotPassword a {
    color: #444;
    font-size: 0.8em;
    text-align: center;
}