@charset "utf-8";


.preferences h3 .view {
    display: inline-block;
    background:url(/static/participant/media/images/icons/16x16/16x16_zoom.png) 100% no-repeat;
    color: #3b3734;
    font-weight:normal;
    font-style:italic;
    font-size: 0.8em;
    height:14px;
    margin-right: 10px;
    padding-right: 25px;
}

.preferences h3 .edit {
    display: inline-block;
    background:url(/static/participant/media/images/icons/btn_edit.gif) 100% no-repeat;
    color: #3b3734;
    font-weight:normal;
    font-style:italic;
    font-size: 0.8em;
    height:14px;
    margin-right: 10px;
    padding-right: 25px;
}

.preferences h3 .save {
    display: inline-block;
    background:url(/static/participant/media/images/icons/btn_save.gif) 100% no-repeat;
    color: #3b3734;
    font-weight:normal;
    font-style:italic;
    font-size: 0.8em;
    height:14px;
    margin-right: 10px;
    padding-right: 25px;
}

.preferences h3 .cancel {
    display: inline-block;
    background:url(/static/participant/media/images/icons/btn_cancel_trans.gif) 100% no-repeat;
    color: #3b3734;
    font-weight:normal;
    font-style:italic;
    font-size: 0.8em;
    height:14px;
    margin-right: 10px;
    padding-right: 25px;
}


.preferences div.info {
    background: #f5f4f1;
    font-size: 1.2em;
    margin-bottom: 8px;
    padding: 10px 30px;
}

div.errors {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 8px;
    padding: 5px 5px;
    color: #ca3434;
}
div.errors li {
    color: #ca3434;
    list-style-type: none;
    padding-left: 5px;
}

div.messages {
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 8px;
    padding: 2px 5px;
}

div.messages li {
    color: #689A68;
    list-style: none;
}

.preferences div.info label {
    display: inline-block;
    font-weight:bold;
    width: 120px;
    margin-bottom: 10px;
    padding-right: 10px;
    text-align:right;
    padding-top: 5px;
}
.preferences div.info input {
}
.preferences div.info label.short {
    padding: 5px 5px 0 10px;
    width: auto;
}
.preferences div.info span.value {
    margin-bottom: 10px;
    padding-top: 5px;
}
.preferences div.info br {
}
.preferences div.info address {
    font-style:normal;
    padding-top: 5px;
}
.preferences div.info p.note {
    font-size: 0.9em;
    font-style: italic;
    padding: 5px 0 0 120px;
}
.preferences div.info p.instructions {
    font-style: italic;
    padding-left: 20px;
    position:absolute;
    left: 400px;
    width: 450px;
}

.preferences div.info ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left:10px;
    padding-left:10px;
}

.preferences div.info ul li {
    list-style-type: disc;
    list-style-position: outside;
}

.preferences div.info.contactInfo{
    height: auto;
}
.preferences div.info.password {
    height: auto;
}
.preferences div.info img.label {
    vertical-align:middle;
}
.preferences div.section {
    padding: 5px 0;
}
.preferences div.info span.question {
    padding: 0 0 5px 10px;
}
.preferences div.info span.note {
    color: #666666;
    padding: 0 0 0px 10px;
    zoom: 1;
}
.preferences div.question {
    padding-left: 70px;
}
.preferences div.securityQuestions label {
    width: 160px;
}
.preferences div.securityQuestions input {
    width: 250px;
}
.preferences div.securityQuestions select {
    width: 254px;
}
.preferences div.securityQuestions input.radio {
    margin-left: -20px;
    width:auto;
    display:block;
    float:left;
    margin-top:5px;
    *margin-top:2px;
}
.preferences #popup .content {
    padding: 0 18px 10px 18px;
    position:relative;
    border-left: 3px solid #cfccbf;
    border-right: 3px solid #cfccbf;
    zoom: 1;
}
.preferences #popup a.btn {
    display: block;
    text-align:center;
}

/* Form field lengths */
.preferences input#email {
    width: 250px;
}
.preferences input#phone {
    width: 125px;
}

.preferences input#phone1 {
    width: 40px;
}
.preferences input#phone2 {
    width: 40px;
}
.preferences input#phone3 {
    width: 50px;
}

.preferences input#curPass,
.preferences input#newPass,
.preferences input#newPassConf {
    width: 150px;
}

.preferences div.info label.radio {
    font-weight: normal; 
    text-align: left;
}

.preferences .flex-space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.preferences .flex-space-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;  
}