/*===========================================
Registration
===========================================*/

/*-------------------------------------------
Registration Entitlement
-------------------------------------------*/
.entitlements tbody td span{
    color:var(--visual-green);
}
    .entitlements [data-icon]::before{
        font-size:1.875rem;
    }
    .note{
        color:#C60;
        font-size:.875rem;
        margin:0;
        padding:5px 0 0 1.7em;
    }
    .note a{
        color:#C60;
    }

/*-------------------------------------------
Form
-------------------------------------------*/
.dataField{
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
}
    .dataField li{
        padding:8px; padding-left:120px;
    }
    .dataField li:nth-child(odd){
        background:#f7f7f7;
    }
    .dataField h5{
        display:inline-block;
        font-size:.875rem;
        margin:0; margin-top:8px;
        padding:0 5px;
        position:absolute; left:0;
    }
    .dataField p{
        margin:0;
        padding-top:3px;
    }
    .dataField .col3{
        display:inline-block;
        width:200px;
    }
    .dataField .col-membership{
        display:inline-block;
        vertical-align:top;
        margin-right:25px;
    }
    .dataField .col-membership:last-of-type{
        margin-right:0;
    }

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea, select{
    margin:0 3px 3px;
    padding:8px;
}
input[type=email]{
    width:200px;
}
input.address{
    width:450px;
}
input:disabled{
    color:#ddd;
}

/*-------------------------------------------
Registration Cost
-------------------------------------------*/
#costSelect{
    border-bottom:1px solid #ccc;
}
    #costSelect thead th{
        border-bottom:2px solid #ccc;
    }
    #costSelect tbody th{
        background:#f1f1f1;
        border-bottom:1px solid #ddd;
        text-align:left;
        padding:5px;
    }
    #costSelect tbody td{
        border-left:1px solid #ccc;
        padding:5px;
        padding-left:30px;
        text-align:left;
    }
    #costSelect tbody tr:nth-child(odd){
        background:#f5f5f5;
    }
.notice{
    color:#f00;
    font-size:.75rem;
    padding:5px;
}

/*-------------------------------------------
Submission
-------------------------------------------*/
.submission .dataField li{
    background:none !important;
}
.submission .upload{
    background:#fcf0f0;
    border:2px solid var(--table-border-color);
    padding:12px 12px 12px;
}
.submission .fieldRequired{
    font-size:.75rem;
    border-bottom:1px solid var(--table-border-color);
}
.submission .buttons input{
    font-size:1.125rem; font-weight:400;
    padding:15px 45px;
}

.dataField-abstract-info li{
    padding:8px;
}
.dataField-abstract-info h5{
    display:block;
    margin:5px 0;
    padding:0 5px;
    width:auto;
    position:relative; left:0;
}

/*-------------------------------------------
Abstract Format Description
-------------------------------------------*/
#AbstractFormatDescription{
    padding-bottom:2em;
}
    #AbstractFormatDescription ul{
        margin:0;
        padding-left:2em;
    }
        #AbstractFormatDescription ul li{
            padding:15px; padding-left:0;
            border-bottom:1px solid #e1e1e1;
        }
    .agreeButtons{
        background-color:#fdf8ea !important; 
        border:1px solid #fad993 !important;
        padding:30px 15px;
    }

/*-------------------------------------------
Login
-------------------------------------------*/
#login{
    padding:30px 40px 0 !important;
    border:3px solid #ddd;
    width:600px;
    margin:0 auto;
}
    #login .floatL{width:48%;}
    #login .floatR{width:45%;}
    #login .dataField li{
        background:none;
        padding:10px; padding-left:160px;
    }
    #login .dataField h5{
        font-size:.875rem;
        padding-left:18px;
    }
        #login .dataField h5 span{
            position:absolute; left:5px;
        }
        #login input[name="account"],
        #login input[name="password"]{
            width:100%;
        }
        #login input[name="input_code"]{
            width:100px;
        }
        #login #validate_image{
            display:inline-block;
            vertical-align:top;
            height:36px;
        }
        #login input[type="submit"]{
            font-size:1.125rem; font-weight:700;
            padding:.75em 2em;
        }

/*-------------------------------------------
Info Bar
-------------------------------------------*/
#infoBar{
    margin-bottom:24px;
    text-align:right;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}
    #infoBar .btn{
        padding:2px 12px;
        font-size:.75rem;
        vertical-align:1px;
        margin:0 3px;
    }

/*-------------------------------------------
Message
-------------------------------------------*/
table.message{
    border:1px solid var(--table-border-color);
}
table.message td{
    text-align:left;
}
.alertThanks{
    background-color:#e8faef;
    border:2px solid #56bf6c;
}