#wrapper {
    max-width:1280px;
    background-color:#0D4C72;
    border-width:5px;
    border-style:solid;
    border-color:#069;
    margin:10px auto;
    box-shadow: 0 2px 4px #000;
}

/* @title Site Content */
/* @help This is the main Site Content holder */
#content {
    background-color:#0D4C72;
    max-width:1280px;
    height:100%; /* @ignore */
    margin:0 auto;  /* @ignore */
    padding:0;
    box-shadow: 0 0 4px #000 inset;
}

.body_1{
    background-color:transparent;
    padding:5px;
    margin:5px;
}

.body_2{
    background-color:#000408;
    font-size:11px;
    padding:10px 5px 10px 5px;
    margin:0;
}

.body_3{
    text-align:left;
    background-color: #000408;
    font-size:11px;
    padding:10px;
    margin:0 0 5px 0;
    color:#CCC;
}

.body_4 {
    margin:0;
    font-size:10px;
    color:#FFF;
}

.side_comments {
    height:350px;
    overflow-x:hidden;
    overflow-y:auto;
}

.search_box {
    background-color:#000408;
    padding:50px;
    margin:12px;
    border-style:solid;
    border-color:#000;
    border-width:2px;
    font-size:16px;
    color:#000000;
}

.search_box a {
    color:#C60;
}
.signup_box {
    background-color:#000408;
    padding:25px;
    margin:12px;
    border-style:solid;
    border-color:#DDDDDD;
    border-width:1px;
    font-size:16px;
    color:#000000;
    border-radius:5px;
    width:400px;
}

.signup_box a {
    color:#000000;
}
.login_box {
    background-color:#000408;
    padding:25px;
    margin:12px;
    border-style:solid;
    border-color:#DDDDDD;
    border-width:1px;
    font-size:16px;
    color:#000000;
    border-radius:5px;
    width:400px;
}

.login_box a {
    color:#000000;
}
/*---- New Login, Signup, and Forgot Password ----*/
.new_login {
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    max-width: 360px;
    height: auto;
    background: #000408;
    border-radius: 8px;
    padding: 2em 0 1em;
    box-shadow: 0 2px 3px #000000;
}

.new_login .form_text {
    background: #000000;
    padding: 7px 10px;
    color: #FFFFFF;
    width: 270px;
    box-shadow: none;
    border: 2px solid #006699;
    border-radius:0;
}

.form_text_wrap {
    position: relative;
    width: 350px;
    margin: 6px auto;
}

.form_text_wrap.password {
    margin: 10px auto 0;
}

.login_button {
    background:#000408;
    text-transform:capitalize;
    border: 1px solid #006699;
    border-radius:0;
    cursor: pointer;
    margin: 10px 0;
    color: #FFFFFF;
    font-size: 16px;
    max-width: 292px;
}

.login_button:hover {
    color:#99CC00;
}

.login_button:disabled {
    opacity: 0.6;
}

.new_login h2 {
    display: block;
    margin-bottom: 12px;
    color: #CCCCCC;
}

.login_forgot {
    padding: 1em;
    border-top: 1px solid #006699;
    width: 330px;
    margin: auto;
}

.login_forgot a {
    color: #CC6600;
    font-size: 16px;
}

.new_login .form_text:focus {
    border: 2px solid #000000;
}

.new_login .form_submit_section {
    padding: 16px;
    background: none;
}

.signup_button {
    background: #000000;
    color: #FFFFFF;
    padding: 12px;
    width: 90%;
    border: 1px solid #006699;
    border-radius:0;
    font-size: 16px;
    text-transform: capitalize;
    cursor: pointer;
}

.signup_button:hover {
    background:#111111;
    color:#99CC00;
    border:solid 1px #006699;
}

.form_text_wrap.left {
    text-align: left;
    padding: 12px 0 0;
}

.new_login .page_notice {
    margin: 10px;
}

.form_capitalize {
    text-transform: capitalize;
}

#account-tabs-profile-button {
    text-transform: none;
}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {
    .new_login {
        border-radius: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
}