/************************************************/
/*** EPPENDORF AG JOBCENTER CSS STYLE SHEET   ***/
/************************************************/

/************************************************/
/*** JOBCENTER ELEMENTS                       ***/
/************************************************/

/* JOB CONTENT BOXES */
#jobscontentframe {
    padding: 10px;    
}

#jobscontentbox {
    
}

#jobformanswerframe {
    padding: 10px;
}

#jobformanswerbox {
    
}

/************************************************/
/*** JOBCENTER OVERVIEW ELEMENTS              ***/
/************************************************/

.jobsheadline {
    background-color: #FFFFFF;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 3px 5px 3px 5px;  
}

.jobslisttab {
    margin: 0px 0px 10px 10px;
}

.jobslisttab a {
    color: #1F416E; 
    font-weight: bold;
    text-decoration: none;
}

.jobslisttab a:hover {
    color: #1F416E; 
    font-weight: bold;
    text-decoration: underline;
}

/************************************************/
/*** JOBCENTER SINGLE VIEW ELEMENTS           ***/
/************************************************/

#jobscontentheadline {
    background-color: #FFFFFF;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    padding: 3px 5px 3px 5px;
}

#jobscontentsubheadline {
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    padding: 3px 5px 3px 5px;
    border-bottom: 1px solid #003366;
    margin-top: 10px;
}

.jobscontentposition {
    font-weight: bold;
    width: 100%;
    margin-left: 10px;
}

.jobscontentdate {
    font-weight: bold;
    text-align: right; 
}

#jobscontactbox {
    margin: 10px 0px 0px 0px;
    padding: 3px 5px 3px 5px;
    border-top: 1px solid #003366;
}

#jobscontactcontact {
    margin: 10px 0px 0px 0px;
}

#jobscontactintro {    
    margin: 5px 0px 5px 0px;
    font-weight: bold;
}

#jobscontactname {    
    
}

.jobscontactcontactlabel {
    padding: 2px 5px 0px 0px;
    font-weight: bold;
}

.jobscontactcontactcell {
    padding: 2px 5px 0px 0px;
}

.jobscontactcontactcell a {
    font-weight: bold;
    text-decoration: none;
}

#jobscontenttasks {
    margin: 5px 0px 5px 0px; 
}

#jobscontentformlink {
    text-align: right;
    margin: 5px 5px 5px 5px; 
}

#jobscontentformlink a {
    font-weight: bold;
    text-decoration: none;
}

/************************************************/
/*** JOBFORM BOX ELEMENTS                     ***/
/************************************************/

#jobformframe {

}

#jobformbox {
    padding: 10px;
}

.jobformquestion {
    padding: 0px 0px 5px 0px;
    width: 220px;
    font-size: 11px;
    font-weight: bold;
    color: #23426A;
    vertical-align: top;
}

.jobformoption {
    font-size: 11px;
    color: #23426A;
    padding: 2px 0px 2px 0px;
}

.jobformtextfield {
    width: 200px;
    font-size: 11px;
    color: #23426A;
    border: 1px solid #666666;
}

.jobformreqtextfield {
    width: 200px;
    font-size: 11px;
    color: #23426A;
    border: 1px solid #660000;
}

.jobformselectfield {
    width: 200px;
    font-size: 11px;
    color: #23426A;
    border: 1px solid #666666;
}

.jobformreqselectfield {
    width: 200px;
    font-size: 11px;
    color: #23426A;
    border: 1px solid #660000;
}

.jobformtextarea {
    width: 200px;
    font-size: 11px;
    color: #23426A;
    border: 1px solid #666666;
}

.jobformreqtextarea {
    width: 200px;
    font-size: 11px;
    color: #23426A;
    border: 1px solid #660000;
}

.jobformfile {
    font-size: 11px;
    color: #23426A;
}

.jobformreqfile {
    font-size: 11px;
    color: #23426A;
}

.jobformradiobox {
    margin: 0px 5px 0px 0px;
    height: 13px;
    width: 13px;
}

.jobformreqradiobox {
    margin: 0px 5px 0px 0px;
    height: 13px;
    width: 13px;
}

.jobformcheckbox {
    margin: 0px 5px 0px 0px;
    height: 13px;
    width: 13px;
}

.jobformreqcheckbox {
    margin: 0px 5px 0px 0px;
    height: 13px;
    width: 13px;
}

.jobformsubmitfield {
    font-size: 10px;
    color: #23426A;
    border: 1px solid #666666;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    font-size: 10px;

}

.jobformsubmit {
    vertical-align: middle;
    text-align: center;
    width: 220px;
}

.contectformformhint {
    font-size: 9px;
}

.jobformspacer {
    overflow: hidden;
    height: 5px;
}

.jobformanswer {
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
}

.jobformansweroption {
    font-size: 10px;
    color: black;
    white-space: nowrap;
}

.jobformanswerstats {
    font-size: 10px;
    color: black;
    white-space: nowrap;    
}

.jobformanswerbargraph {
    background-color: #003366;
    overflow: hidden;
    height: 5px;
    margin-left: 5px;
    margin-right: 5px;
}