@CHARSET "ISO-8859-1";
/*
    Document   : signup
    Created on : Oct 7, 2009
    Author     : CrimsonBase
    Description:
        Signup form
*/

/** SIGN-UP FORM **/
form label, form .label {
    font-size:12px;
    width:80px;
    float:left;
}
form .note {
    margin: 6px 0 0 0;
}
input {
    background-color:white;
}
input.field_file {
    margin-left: 80px;
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}
div.filebox {
    position: relative;
}
div.fakefile {
    position: absolute;
    top: 1px;
    left: 0px;
    z-index: 1;
}
div.fakefile input.fakefile {
    width: 150px !important;
}
input.field, select.field {
    height: 16px;
    width: 120px;
}
input.field, select.field, textarea.field {
    border:1px solid #A0A0A0;
    font:12px Arial;
}
select.field {
    height:20px;
}
input.error, select.error, textarea.error {
    border: 1px solid #DE3633;
    background-color:#FFF0F0;
}
input[type=button]:hover, input[type=submit]:hover, button:hover, input.button:hover {
    border-color: #000;
    border-left-color: #00101F;
    border-top-color: #00101F;
    background: url(../images/btn_hover.png) center center repeat-x;
    color: #FFF;
}
input.button.busy, input.button.busy:hover, input.button.disabled, input.button.disabled:hover {
    cursor:default !important;
    background:#EEE;
    outline: none;
    color: #999 !important;
    border-color: #E2E2E2 !important;
    border-left-color: #999 !important;
    border-top-color: #999 !important;
}
input.button.busy, input.button.busy:hover {
    background-image:url(../images/icons/throbber_form.gif);
    background-position:6px center;
    background-repeat:no-repeat;
}
input.disabled, select.disabled, textarea.disabled {
    cursor:default !important;
    background-color:#EBEBEB !important;
    border-color:#A0A0A0 !important;
    color:#D0D0D0 !important;
}
input.example, select.example, textarea.example {
    color:#A0A0A0;
    font-style:italic;
}
input.icon, select.icon {
    background-position:center left;
    background-repeat:no-repeat;
    padding-left:16px;
    width: 349px !important;
}
select.icon {
    width: 367px !important;
}
input.narrow {
    width: 208px !important;
}
select.narrow {
    width: 226px !important;
}

.required {
    color: #DE3633;
    font-weight: bold;
    font-size: 90%;
    margin-left: -1em;
}

div.msg {
    border: 1px solid #006B92;
    padding: 5px;
    margin-bottom: 5px;
}

div.msg pre {
    margin: 5px 10px;
}

label {
    display: block;
    float: left;
    padding-top: 4px;
    width: 100px;
}

label.checkbox {
    float: none;
    display: inline;
    padding: 5px;
}

input[type=checkbox],input[type=option] {
    margin: 0 0 2px 1px;
    padding: 0;
    vertical-align: middle;
    height: 12pt;
}

input[type=text], input[type=password], select, textarea {
    margin: 1px;
    width: 365px;
}

input.long, select.long {
    width: 500px;
}

input.ok,select.ok,textarea.ok {
    border: 1px inset #006B92;
}

form#appform fieldset {
    position:relative;
}
input.email {
    background-image:url(../images/icons/form_email.png);
}
select.title {
    background-image:url(../images/icons/form_person.png);
    width:69px !important;
}
select.topic, input.subject {
    background-image:url(../images/icons/form_topic.png);
}
input.name {
    width:108px !important;
}
input.prefix {
    width:50px !important;
}
input.surname {
    width:128px !important;
}
input.fullname {
    width:294px !important;
}
select.position, input.institute, input.department {
    background-image:url(../images/icons/form_office.png);
}
input.datebirth {
    background-image:url(../images/icons/form_cal.png);
}
input.phone {
    background-image:url(../images/icons/form_phone.png);
}
input.address {
    background-image:url(../images/icons/form_addr.png);
}
input.city {
    width:266px !important;
}
input.zip {
    background-image:url(../images/icons/form_addr.png);
    width:79px !important;
}
input.country {
    background-image:url(../images/icons/form_addr.png);
}

sup.req {
    color:red;
    top:1px;
    font-size:110%;
}