/* form */

#subscription-alert-box {
    padding: 10px 10px 10px 90px;
    width: 518px;
    border: 1px solid #e4e4e4;
    background: #f7f7f7 url( ../../images/alert-large.gif ) no-repeat 20px 20px;
}

#article-sign-up {
    background: #d9d9d9;
    padding: 0;
    width: 620px;
}

#article-sign-up p {
    padding: 10px 20px 10px 20px;
}

#article-sign-up form input.text-input {
    float: left;
    width: 300px;
    border: 1px solid #b1b1b1;
    border-top: 1px solid #717171;
}

#article-sign-up form {
    float: left;
    padding: 0 10px 20px 20px;
}

#article-sign-up form input.submit {
    background-color: #f68414;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    width: 70px;
    height: 21px;
    padding-bottom: 2px;
    float: left;
}

.comp-fields {
    font-weight: normal;
    margin-right: 20px;
    float: right;
}

h2.common-box-header.alert {
    background: #666 url( ../../images/alert-small.gif ) no-repeat 180px center;
}

.common-box {
    background: #d9d9d9;
    padding-bottom: 10px;
}

h2.common-box-header {
    color: #fff;
    background: #666;
    padding: 7px 0 7px 20px;
    margin: 0;
}

#set-up-ip-box,
    #ip-instruction-box {
    min-height: 250px; /* match height */
}

#log-in-box,
    #welcome-box {
    min-height: 224px; /* match height */
}

#log-in-box,
    #trial-request-box,
    #welcome-box {
    margin-top: 10px;
}

.remember-me-label {
    display: inline;
    float: left;
    font-size: 11px;
    width: 100px;
}

#success-box {
    background: #d9d9d9;
    min-height: 80px;
}

.reg-col-1 {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 290px;
}

.reg-col-2 {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 290px;
}

.reg-col-full {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
 
}

.supp-reg-col {
    padding-top: 10px;
    padding-left: 10px;
    width: 590px;
}

.controls-container {
    margin-top: 20px;
    margin-bottom: 60px;
}

.register-container {
    margin-top: 20px;
}

#log-in-box p.errors {
    padding: 0 20px 0 20px;
}

#trial-request-box h3 {
    padding: 10px 10px 0 20px;
}

.common-box p {
    padding: 10px 20px 0 20px;
}

.supp-reg-col p {
    padding: 0;
}

#set-up-ip-box p {
    padding: 0;
    margin: 0 0 10px 0;
    min-height: 18px;
}

#set-up-ip-box p .form-error {
    margin-left: 0;
}

.form-error.forgotten-password {
    float:left;
    margin: 0 0 20px 0;
}

#set-up-ip-box .desc {
    font-size: 10px;
}

.log-in label,
    .register label {
    color: #333;
}

.submit {
    background-color: #f68414;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    width: 55px;
    height: 21px;
    padding-bottom: 2px;
    margin-left: 15px;
}

#shipping-movements-form .submit {
    margin-left: 377px;
}

#shipping-movements .submit {
    float: right;
    margin-right: 10px;
}

.trial .submit,
.contact-editor .submit {
    float: right;
    width: 120px;
    margin-right: 10px;
}

#unsubscribe-form input.submit {
    margin-left: 267px;
    padding-top: 0;
    width: 95px;
}

p.contact-about-article {
    font-weight: bold;
    font-style: italic;
    color: #333;
}

.log-in .submit {
    float: right;
}

.send-to-colleague .submit {
    margin-right: 10px;
    float: right;
}

.log-in-page.submit {
    float: right;
    margin-left: 94px;
}

.register .submit {
    width: 70px;
    margin-left: 210px;
    padding-top: 0;
}

.get-password .submit {
    width: 110px;
    margin-left: 0;
}

.remember-me {
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
    top: 2px;
}

.log-in,
.get-password {
    padding: 20px 20px 0 20px;
}

.pwd-reminder {
    width: 178px;
    float: left;
    margin-top: 10px;
    clear: both;
    display: block;
}

.common-field,
    .get-password-field {
    display: block;
    width: 178px;
    border: 1px solid #b1b1b1;
    border-top: 1px solid #717171;
    margin: 10px 0 10px 0;
}

.common-field.other {
    width: 130px;
}

.common-field.log-in-page {
    width: 258px;
}

.common-field.set-up-ip-page {
    width: 260px;
    margin: 10px 0 0 0;
}

.common-field.full-page {
    width: 280px;
}



.inner-col-1 {
    padding-right: 10px;
    margin: 0 !important;
}

.inner-col-2 {
    margin: 0 !important;
}

.reg-checkbox {
    position: relative;
    top: 2px;
}

.select-field {
    display: block;
    width: 282px;
    border: 1px solid #b1b1b1;
    border-top: 1px solid #717171;
    margin: 10px 0 10px 0;
}

.select-field.short {
    width: 130px;
}

.common-field.short {
    width: 130px;
}

.email-signup-sal {
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.email-signup-sal .common-field {
    margin-bottom: 0;
}

.text-area {
    width: 578px;
    height: 220px;
    border: 1px solid #b1b1b1;
    border-top: 1px solid #717171;
    margin: 10px 0 10px 0;
}

.send-to-colleague .text-area {
    width: 278px;
}

/* unsubscribe form */

#unsubscribe-form {
    padding: 10px 20px 20px;
}

#unsubscribe-form p {
    clear: left;
    padding: 0;
}

.unsubscribe-checkbox {
    clear: right;
    float: right;
    margin: 6px 5px 0;
}

.unsubscribe-label {
    clear: left;
    float: left;
    padding: 5px 0;
    width: 200px;
    font-weight: bold;
}

.unsubscribe-text-field {
    clear: right;
    float: right;
    border: 1px solid #b1b1b1;
    border-top: 1px solid #717171;
    width: 170px;
    background: #e8e8e8;
    color: #333;
}

.unsubscribe-submit {
    margin-top: 20px;
    clear: both;
    float: right;
}

#email-list {
    display: block;
    clear: both;
}

.hide-list {
    display: none !important;
}

#show-email-list {
    cursor: pointer;
}

#email-list ul li {
    height: 26px;
    padding-left: 5px;
}

#email-list ul li.odd {
    background: #fff;
}

#email-list ul li.even {
    background: #e8e8e8;
}

.user-msg {
    text-align: right;
    float: right;
    width: 140px;
    margin: 5px 0 -5px;
}

/* track your topic */

.tracker-box,
.tracker-box-small {
    background: #2e4f70;
    padding-bottom: 10px;
    color: #fff;
}

.tracker-box-small {
    margin-bottom: 20px;
}

.tracker-form {
   width: 260px;
   float: left;
   margin: 10px 20px 10px 20px;
}

.tracker-box-small .tracker-form {
    width: 180px;
}

.tracker-box-small .tracker-form .short {
    width: 92px;
}

.tracker-checkbox {
    position: relative;
    top: 2px;
    left: -4px;
}

.tracker-form .submit {
    width: 100px;
    float: right;
    margin-top: 10px;
}

.manage-alerts {
    float: left;
    font-size: 11px;
    margin-top: 12px;
}

h2.tracker-box-header {
    color: #fff;
    background: #5291d6;
    padding: 7px 0 7px 20px;
    margin: 0;
}

ul.topic-list {
    clear:left;
}

.tracker-msg {
    display: block;
    float: left;
    margin-top: 5px;
    font-size:13px;
    font-weight: bold;
}

.tracker-msg.success {
    color:#390;
}

.tracker-msg.error {
    color:#f33;
}

#track-topic-ribbon {
    height: 32px;
    padding: 0;
    background: #5392d7 url(../../images/track-topic-arrow.gif) no-repeat right center;
    color: #fff;
    margin: 10px 0 20px;
}

#track-topic-ribbon.search {
    margin: 10px 0;
}

.set-up-alert-bar {
    height: 20px;
    padding: 8px 14px 4px 10px;
    display: inline-block;
}

.interested-in-topic-bar {
    height: 20px;
    padding: 8px 14px 4px 10px;
    display: inline-block;
    background: #2e4f70 url(../../images/interested-in-topic-arrow.gif) no-repeat right center;
}

/* only shown if / when user's session is ended - js controlled */
#session-ended {
    display: none;
}

#success,
#error {
    float: left;
    margin-bottom: 10px;
}

#track-your-topic-results .common-box-header {
    display: none;
}

#track-your-topic-submit-result #success,
#track-your-topic-submit-result #error {
    float: left;
    margin: 10px;
}

#track-your-topic-submit-result #success .tracker-msg.success,
#track-your-topic-submit-result #error .tracker-msg.error {
    color: #000;
    font-weight: normal;
}

#refresh-page {
    font-weight: normal;
    cursor: pointer;
}

#candy-box {
    /*outline: 1px solid #000;*/
}

/* end track your topic */
