@charset "UTF-8";

/**
 *   by Georg Ording
 *   2012-04-17
 */

@media all
{
    .createdLabel{color: #333333; display: inline-block; width: 80px;}
    .createdValue{color: #000099; font-weight: 800;}
    #companyLogo{ margin: 10px 0; padding: 5px;text-align: center;}
    #companyLogo img{box-shadow: 5px 5px 7px #666;}

    #withholdingRates label,
    #userData label{font-size: 85%; margin-top: 5px; width: 77px;}
    #withholdingRates input,
    #userData input{width: 200px;}
    #withholdingRates select,
    #userData select{width: 206px;}
    .userWrapper{
        background-color: #EEEEEE;
        border: 1px solid #333;
        box-shadow: 2px 2px 4px #666;
        margin: 0 2% 20px;
        padding: 10px 20px;
        min-width: 300px;
        width: 41%;}
    .userWrapper .submitButton{margin: 0 10%; width: 80%;}
    #userData input.submitButton{width: 80%;}
    #userData #description{width: 96%; height: 80px;}

    #withholdingRates  .formFieldWrapper{margin: 0 0 10px 0;}
    #withholdingRates  label{font-size: 85%; margin-top: 5px;}
    #withholdingRates  input.submitButton{width: 80%;}
    #withholdingRates .formFieldWrapper input.small{width: 70px; text-align: center;}
    #withholdingRates .formFieldWrapper input.small.disabled{background-color: #BBBBBB; color: #333333;}
    #withholdingRates .formFieldWrapper.withLabel{float: left;}
    #withholdingRates .formFieldWrapper.withoutLabel{clear: left; display: inline-block; margin-left: 20px;}
    #withholdingRates p{ margin-top: 5px; text-decoration: underline;}

    #appraisalPrice input{text-align: center; width: 60px;}
    #appraisalPrice .taxLabel{margin-left: 25px; margin-right: 0; text-align: right; width: 80px;}
    #appraisalPrice input#includesTax{text-align: center; width: 20px;}


    .blockHeadlineDescription{font-size: 115%; font-weight: 700; text-align: center;}

    #userList .list_field{margin: 2px 0; overflow: hidden;}
    #userList,
    #userList #list_head,
    #userList #list_body,
    #userList .list_line{width: 98.9%; min-width: 332px;}
    #userList .id{width: 5%;}
    #userList .id_language{width: 5%;}
    #userList .shortCut{width: 6%;}
    #userList .mail{width: 25%;text-align: left;}
    #userList .user{width: 20%; text-align: left; font-weight: 700; font-size: 14px;}
    #userList .userType{width: 10%;}
    #userList .created{width: 10%; float: right;}

    #userList #list_body .list_line:nth-child(odd){background-color: #EFEFEF;}
    #userList #list_body .list_line:nth-child(even){background-color: #DFDFFF;}
    #userList .garage .userType,
    #userList .garage .user{color: #1a6600;}
    #userList .reviser .userType,
    #userList .reviser .user{color: #3333ba;}
    #userList .client .userType,
    #userList .client .user{color: #d67122;}
    #userList .company .userType,
    #userList .company .user{color: #d62f2f;}
    #userList .companyReviser .userType,
    #userList .companyReviser .user{color: #ba2753;}

    #userSelectBox{float: left; margin-right: 50px; text-align: center; width: 240px;}

    #registerInfo{
        margin: 3vh 10%;
        text-align: justify;
        text-align-last: justify;
        width: 80%;
    }
    #user.register #userData{float:none; margin: 2vh auto;}
    .userRegisterEditField{display: inline-block; height: 16px; width: 16px;}
    .userRegisterEditField.activate{background: url("../images/icons/add.png") no-repeat center center transparent;}
    .userRegisterEditField.dismiss{background: url("../images/icons/delete.png") no-repeat center center transparent;}

    .content #userList img{  background-color: transparent; border: none; margin: 2px 5px 0 0; padding: 0;}

}