/* ---------------------------------------------------- */
/* --------------------- FORMS ------------------------ */
/* ---------------------------------------------------- */

#holder {width:850px; border:1px solid #aaaaaa; margin:0 auto 0 auto;}
fieldset.wide {border:1px solid #006699; margin:10px; }
legend {font-weight:bold; padding: 0 10px;}
.tdHeader td {font-weight:bold; text-align:center;}

.tdRadio {text-align:center; background-color:#efefef;}


*:focus {outline: none;}

.aictform ul {
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.aictform li {
    padding:9px; 
    border-bottom:1px solid #eee;
    position:relative;
    text-align:left;
}
.aictform li:first-child, .aictform li:last-child {
    -border-bottom:1px solid #777;
}
.aictform h2 {
    margin:0;
    display: inline;
}
.aictform label {
    width:180px;
    font-size: 14px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:7px 10px 3px 0;
    text-align: right;
    --border:1px solid #ff0000;
}
.view-text-container {
    width: 60%;
    font-size:15px;
    padding: 8px 10px;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
    padding-right:20px;
    margin-left: 180px; 
    color:#555;
}
.aictform input, 
.aictform textarea, 
.aictform select { 
    -height:16px; 
    width:60%; 
    padding:8px 8px;
    font-size:large;
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
    padding-right:20px;
}
.aictform select {
    height: 35px;
    color: #888;
}
.aictform textarea { 
    height:90px; 
}
.aictform input:focus, 
.aictform textarea:focus, 
.aictform select:focus  {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
    padding-right: 50px;
}
.aictform input, 
.aictform textarea, 
.aictform select :required {
    background: #fff url('../images/design/icons/star_a.gif') no-repeat 98% center;
}
.aictform input:focus:invalid, 
.aictform textarea:focus:invalid, 
.aictform select:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url('../images/design/icons/icon-invalid.png') no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535;
}
.aictform input:valid, 
.aictform textarea:valid, 
.aictform select:valid { /* when a field is considered valid by the browser */
    background: #fff url('../images/design/icons/icon-valid.png') no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.required_notification {
    color:#d45252; 
    margin:5px 0 0 0; 
    display:inline;
    float:right;
}

/* hint */
.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hint::before {
    content: "\25C0"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:1px;
    left:-6px;
}
.aictform input:focus + .form_hint {display: inline;}
.aictform input:required:valid + .form_hint {background: #28921f;} /* change form hint color when valid */
.aictform input:required:valid + .form_hint::before {color:#28921f;} /* change form hint arrow color when valid */

.aictform button {margin-left:185px;}


/* Button Style */
button.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 10px 30px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
}

/* ---------------------------------------------------- */
/* ---------------- CO-AIUTHOR INPUTS  ---------------- */
/* ---------------------------------------------------- */

#coauthor-container { 
    -moz-transition: all .25s; 
    -webkit-transition: all .25s; 
    -o-transition: all .25s;
    transition: all .25s;    
}

#coauthor-container ul {
    transition: opacity 1000ms;
}
#coauthor-container ul li:first-child {
    background:#ddd; font-weight:bold; padding:7px 0 7px 20px; margin-top:15px; width:545px;
}
#coauthor-container li {
    padding:3px; 
    border-bottom:1px solid #eee;
    position:relative;
}
#coauthor-container label {
    width:180px;
    font-size: 14px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:2px 10px 2px 0;
    text-align: right;
}
#coauthor-container input, #coauthor-container div, #coauthor-container select { 
    width:360px; 
    padding:2px 5px;
    font-size:14px;;
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 5px 10px #eee inset;
    border-radius:2px;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
    padding-right:20px;
}


/* RADIO BUTTON */

.aictform-radio {
	height:50px;
}

.aictform-radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-right: 15px;
    font-size: 13px;
    font-family:Arial;
    width:160px;
    text-align: left;
}
.aictform-radio label.gender {
    width:70px;
}
input[type=radio] {
    display:none;
    width:50px;
    padding:10px;
    margin:10px;
}

.aictform-radio label:before {
    content: "";
    display: inline-block;
 
    width: 16px;
    height: 16px;
 
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #f3f3f3;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.aictform-radio label:before {
    border-radius: 8px;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #999;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

/* CHECKBsOX BUTTON */

input[type=checkbox] {
    display: none;
}

.aictform-radio #exhibition + label:before, #sponsor + label:before, #isstudent + label:before {
    border-radius: 3px;
}

.aictform-radio input[type=checkbox]:checked + label:after {
    content: "";
}

.aictform-radio input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    font-weight:bold;
    color: #999;
    text-align: center;
    line-height: 15px;
}

.-aictform-radio lebel {
    width:200px;
}

.sessions-check {
    --background-color:#ffff00;
    margin-left:180px;
    height:330px;
}

.sessions-check label {
    display: inline-block;
    width:450px;
}

.sessions-check input[type=checkbox] + label:before {
    border-radius: 3px;
}