/* 
    Document   : screen
    Created on : 17.08.2010, 14:36:55
    Author     : gunther
    Description:
        Purpose of the stylesheet follows.
LK FFB

https://gefak.atlassian.net/browse/KN-1904
Die grünen Felder [#0082b9] (Benefits etc.) erscheinen nun im passenden blau [#0082b9]
#3a9c00 -> #0082b9
hover (buttons) neu: #3ab6ea ???

hrefs: #ae2929 underline - hover text-decoration: none;
alt: d03939



dunkel gruene - #006651 
hell gruen  #0082b9
blauer, aktiver Reiter: #0078b8 
rot: #ae2929 (z.B. h2 und links)
grautoener: #eeeeee , #cccccc, #cccccd

main-seite: ot icons, blau

*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
    margin : 0;
    padding : 0;
}
em, var, address, dfn {
    font-style: normal;
}

html {
    font-size: 100%;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body{
    /*    background-color: #eef4ff;*/
    background-color: #ffffff;
    color: #1b1b1b;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.3;
    text-align: left;
}
input, textarea, select {
    color: #1b1b1b;
    padding: 3px;
}
root { 
    display: block;
}

page {
    text-align: center;
}

input{
    /*    padding:0.1em; */
}

input, textarea{
    border: 1px solid #cccccc;                                 /*CI Change*/
    width: 250px;
    padding: 3px;
}
textarea {resize: vertical;}

#query{width: 50%;}
#editListPanel #query{width: 90%;}
/*.ui-datatable thead th #editListCompanyShowInInternet{width: 40px}*/
.center_content{}

/*used 4 prototype*/
.backdrop{
    background-repeat: no-repeat;
    background-image: url(images/backdrop.png);
    /*     background-color: #eef4ff;*/

}

/* instead of HtmlBRConverter */
.preformatted {
/*    white-space: pre-wrap;*/
    white-space: pre-line;
}

.bold{
    font-weight: bold;
}
.right{float:right;}
.detailColLeft{
    width:140px;
    vertical-align: top;
}

.detailColRight{
    /*    position: relative;
        float: right;*/
}

.detailColCustomListElements{vertical-align: top;}
.detailColCustomListName{vertical-align: top; width: 20%;}
.detailCustomListTable{}
.detailElemName{display:block; margin:5px 0px 0px 0px;}
.detailElemDescription{display:block; margin-left: 5%; margin-bottom: 3px;}
/*#detailCmdName{display:block; margin-top:8px;}
#detailsCustomListSystem2_content td{vertical-align: top;}
#detailElemNameOnly{display:block; margin:8px 0px 0px 0px;}
#detailElemName{display:block; margin:8px 0px 0px 0px;}*/
#customListsTable thead{display: none;}
#tradesTable thead{display: none;}
#tradesTable tr, #tradesTable td{border: none; padding: 0px;}
#tradesTable tbody {border: none;}

.editFourCols{
    width: 100%;
}
.editFourCols select{}

.editFourCols td{
    vertical-align: top;
    padding-bottom: 3px;
}

.editFourCols tr{}

.editFourColsCol1{    width:14%;}
/* dimension */
.editFourColsCol2{    width:36%;}
/* dimension */
.editFourColsCol3{    width:14%; padding-left:1em;}
.editFourColsCol4{ width:36%;}

.editFourColsCol2 input, .editFourColsCol2 textarea,
.editFourColsCol4 input, .editFourColsCol4 textarea{
    width:100%;
    text-align: left;
}
.editFourColsCol2 select, .editFourColsCol4 select{
    width:103%;
    /*width: 202px;*/
    text-align: left;
}
/*#grdReguserComapanyName .ui-panelgrid-cell .editTwoColsCol2*/ 
.ui-grid-col-6{width: 100%;}

.editTwoCols{
    width:100%;
}

.editTwoCols td{
    vertical-align: top;
    padding-bottom: 3px;
}

.editTwoColsCol1{
    /*    width: 120px;*/
    width:18.5%;
}

.editTwoColsCol2 input, .editTwoColsCol2 textarea{
    /*    width: 341px;*/
    width: 100%;
    text-align: left;
}

.editTwoColsCol2 select{
    /*    width: 341px;*/
    width: 101%;
    text-align: left;
    /*    border: 1px solid #9aafe6;
        color:#202c76;*/
}

.editTwoColsCol2 input .shortInput  {width:100px;}

.editTwoColsCol2Check input{
    width: 1rem;
    /*text-align: left;
    margin-left: 8px;
    margin-right: 8px;*/
    margin-top: 0.2rem;
}


.benefitCheck input, .benefitCheck {width: 15px; margin-left: 5px; cursor: pointer;}

#kwjBenefitsDt .ui-state-highlight, #kwjBenefitsDt .ui-widget-content .ui-state-highlight,
#kwjBenefitRmearksDt .ui-state-highlight, #kwjBenefitRmearksDt .ui-widget-content .ui-state-highlight{
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #1b1b1b;
}
#kwjBenefitsDt .ui-state-highlight .ui-icon,
#kwjBenefitRmearksDt .ui-state-highlight .ui-icon{background-image: url("images/ui-icons_006651_256x240.png");}

#kwjBenefitsDt  .ui-widget-content .ui-state-default,
#kwjBenefitRmearksDt  .ui-widget-content .ui-state-default{background-color: #ffffff;}
#kwjKwjBenefitRefugeesCheckbox{margin-left: 18px;}
#lblKwjBenefitRefugees{margin-left: 15px; vertical-align: top;}
#pnlLanguages{margin-top: 5px;}

.editTwoColsCol2 .editCmdButton{
    width: 28%;
}

.editTwoColsCol2 .editCustomListComboBox{
    /*    width: 360px;*/
    width: 70%;
    margin-right: 5px;

}

.editTwoColsCol2 .shortInput {width: 100px; margin-right: 3px;
                              background-color: #fff;
                              color: #1b1b1b;} 

#grdContGrid2Cols2 .editTwoColsCol1{width: 55%;}
#grdContGrid2Cols2 .editTwoColsCol1 span{ font-weight: bold; }
/*h3{font-size: 14px; font-weight: bold; font-style: italic; color: #bd3900;}*/

.footerLinksWrapper{
    padding: 0.1em;
    position: relative;
    left: 5px;
    margin-top: 3px;


}

.footerLink{
    color: #ae2929;                                            /*CI Change*/
    font-weight: bold;
    text-decoration: underline;

}

.footerLink:hover{
    color: #ae2929;                                           /*CI Change*/
    font-weight: bold;
    text-decoration: none;

}

.footerLink:visited{
    color: #ae2929;                                          /*CI Change*/
    font-weight: bold;
    text-decoration: underline;

}

.footerLinkPipe{
    color: #ae2929;                                        /*CI Change*/
    margin-left: 5px;
    margin-right: 5px;
    font-size: 20px;
}

.footerSpan{
    margin: 0.5em;
}

.iconPdf{    
    margin-right: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
    text-align: right;
    display:block;
    cursor: pointer;
}
#printPDF{cursor:pointer;}


.loginColLeft{
    width: 150px;
}

.loginColRight{
    position: relative;
    float: right;
}


.loginInput {width: 100%;}
.loginColLeft{width: 25%;}
.loginColRight {width: 85%;}
#cmdLoginBtn{
    display: block;
    float: right;
    /*    margin-right: 8%;*/
    width: 8rem;
}
#lnkShowRegistration{display: block;
                     margin-top: 2rem;
}

#grdReguserComapanyName .editTwoColsCol1 {width: 13%;}
#grdReguserComapanyName .editTwoColsCol2 {width: 80%;}
#companyNameGrid .editTwoColsCol1{width: 10%;}
#companyNameGrid .editTwoColsCol2{width: 90%;}
#grdChkAcceptTermsOfUse{display: block; margin: .6em;}
#grdChkAcceptTermsOfUse input{width: 1em; margin-right: .5em;}


.required{
    font-weight: bold
}
.requiredInput{
    background-color: #eeeeee;                        /*CI Change*/
    border: 1px solid #ae2929;
}

.saveTabBtn{
    left:520px !important;
}



.searchresultList select{
    width:45px;
}

.selectMany{
    /*    width: 400px;                                dimension */
    width: 100%;
}

.shortInput select, .shortInput input{
    width: 100px;
}

.companyLogoContainer{
    float: right;
    /*    margin-top: 10px;
        margin-left: 10px;*/
    margin: 10px 0 10px 10px;
    /*    margin-right: 10px;*/
}

.tabSaveButton{
    float: none;
    left: 520px;
}
.tabInstruction{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;   
}

.textParagraph{
    text-align: justify;
}

.thirdLvlTextArea{
    width: 334px !important;
}

.ui-growl{
    z-index: 99;
    right:20px;
}

/*Message Styles
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {border: 1px solid;margin: 10px 0px;padding:10px 10px 10px 10px;}
.ui-messages-info, .ui-message-info {color: #D8000C;background-color: #FFBABA;}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {background-repeat:no-repeat;height:24px;width:24px;display:block;float:left;margin:0;padding:0;position: relative;top:-4px;}
.ui-messages-info-icon {background-image:url("#{resource['primefaces:messages/error.png']}");}
.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {margin-left:10px;font-weight:bold;}
.ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail,.ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {margin-left:5px;}
.ui-messages-warn, .ui-message-warn {color: #D8000C;background-color: #FFBABA;}
.ui-messages-warn-icon {background-image: url("#{resource['primefaces:messages/error.png']}");}
.ui-messages-error, .ui-message-error {color: #D8000C;background-color: #FFBABA;}
.ui-messages-error-icon {background-image: url("#{resource['primefaces:messages/error.png']}");}
.ui-messages-fatal, .ui-message-fatal {color: #000000;background-color: #CC0000;}
.ui-messages-fatal-icon {background-image: url("#{resource['primefaces:messages/fatal.png']}");}
.ui-messages ul {margin: 0 0 0 25px;padding:0;list-style-type:none;}
.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal {border: 1px solid;margin: 0px 5px;padding:2px 5px;}*/

.yui-skin-sam .yui-dt table {
    width:300px;
}

/*.ui-paginator-pages{
    margin: 10px;
}*/



#bottom{
    background-color: #fff;
    padding: 10px 0px 10px 0px;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -moz-border-radius:0px;
}

#boundingBox{
    width: 690px;
    background-color: #ffffff;
    /*background-image: url(../../images/clients/gapa/bg.gif);*/
    background-repeat: repeat;
    margin: 0;
}

#cboContSelector{
    width: 180px;
}



#background{
    /*background-image: url(../../images/clients/gapa/bg.gif);*/
    background-attachment:scroll;
    background-repeat:repeat;
    display:inline;
    height:744px;
    overflow:visible;
    position:absolute;
    top:80px;
    width:600px;
}

#backgroundfooter{

}

.editButton{
    width: 16px; height: 16px;
    background-image: url("images/edit.gif");
}
/*override PF .ui-widget-header - highlighting */
#detailPanel > #detailPanel_header{
    /*    background-color:  #003c55;
        background-image: none;*/
}

.editTradesPicklist td, .editTradesPicklist select{
    width: 200px;
    height: 150px;
}

#editAdditionalCompanyInfo .editFourColsCol2{
    width: 201px;
}

#frameLeft{

}
#fileUploadInfo{
    /*    float: right;*/    
    display: inline-block;
    margin-right: 5px;}
#header{
    display: none;
    /*    background: url("../images/logo/header2.gif") no-repeat scroll 5% 50% #ffffff;
        height: 90px;
        width: 740px;
        margin: 0px auto;
        padding: 10px 0px 10px 0px;
        border: 1px solid #8d949d;
        border-radius: 4px;
        -moz-border-radius:4px;*/
}
/* used for prototype */
#immoFrame{   
    background-repeat: repeat;
    height: 764px;
    left: 570px;
    overflow: auto;
    position: relative;
    top: 415px;
    width: 570px;
    background-color: #fff;
}
#kwjFramediv{width: 100%}
#kwjFrame{width: inherit; height: 900px;}
#submitButtons{
    position:relative;
}


/*Section Specific*/

/*SearchView*/

/*search*/
#additionsCMDKompetenz .editTwoColsCol1,#kwjEventsDetailDefaultGrid .editTwoColsCol1,#kwjEventsExtendedDetailGrid .editTwoColsCol1, #kwjMeetingPointDetailGrid .editTwoColsCol1, #kwjEventsOffersDataGrid .editTwoColsCol1{width: 30%;}
.searchGridAccordeonRight,.searchGridTopRight  {width: 75%;}
#searchCommunityGrid{width: 100%;}
.searchGridAccordeonLeft{
    width: 25%;
}

.searchGridTopLeft{
    width: 26%;
    vertical-align: top;
}

#minimap{
    width: 500px;
    height: 220px;
    overflow: hidden;
    position: relative;
    left: 30px;
}

#searchTopGrid{width: 100%;}
#SearchPanel select{
    width: 100%;
    /*color: #35427e;*/
    border: 1px solid #cccccc;
}
#searchCommunityGrid select{width: 77%;}
#SearchPanel input{
    width: 100%;
}

#txtCompName{
    width: 95%;
    margin-left: 10px;
}

#txtCompProductionProgram{
    height: 7em;
}

.txtCmdElem{height: 7em;width: 460px;}




/*PSEUDO CLASSES*/

a:link, a span{
    color: #ae2929;
    text-decoration: underline;
    font-weight: bold;
}

a:hover, a span:hover{
    color: #ae2929;
    text-decoration: none;
    font-weight: bold;
}

a:active {
    outline: none;
}



:focus {
    -moz-outline-style: none;
}


.ui-panel .ui-panel-titlebar-icon, .ui-panel .ui-panel-titlebar-icon:hover, .ui-panel .ui-panel-titlebar-icon:focus {
    margin-left: 0.2em;
    margin-top: -0.2em;
}
.ui-tabs .ui-tabs-nav li {
    font-style: normal;
    /*    font-weight: bold;*/
}

/*
.ui-state-active{border-bottom: none;}*/

#externalCompanyLink{display: block; margin: 8px 0px;}
#externalIcon{margin-right: 5px;}
.kwjTextArea{
    height: 150px !important;
    width: 100%;
    margin-bottom: 10px;
}
.editTwoColsCol2 .inputMask{width: 80px; margin-right: 8px;background-color: #fff;
                            color: #1b1b1b;}
.editTwoColsCol2 .kwjCheckbox{text-align: left; width:  20px;}
.kwjSpinner span{
    width: 80px;
}

.kwjNotesArea{
    height: 50px !important;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 8px;
}
#queryProfessions, #queryEducations{
    width: 32%;
    margin-right: 10px;
    margin-bottom: 20px;}

/*lk ffb anpassungen*/

#lnkToStatisticData{display: none;}
/*.ui-icon .ui-icon-closethick, .ui-dialog .ui-dialog-titlebar-close, .ui-icon .ui-icon-info{
    background-color: #ae2929; background-image: none;
    color: #fff;}
.ui-dialog .ui-dialog-titlebar-close:hover{background-color: #ffffff;
                                           color: #ae2929;border: 1px solid #ae2929;}*/
/*
#contactWithInfo .ui-icon, #contactWithInfoOffers .ui-icon, #fileUploadInfo .ui-icon{background-color: #ae2929; color:#ffffff;border: 1px solid #ae2929;}
#contactWithInfo .ui-icon:hover, #contactWithInfoOffers .ui-icon:hover, #fileUploadInfo .ui-icon:hover{background-color: #ffffff; color:#ae2929; background-image: url("images/ui-icons_d03939_256x240.png");}*/


#linkToKWISjob{
    background-repeat: no-repeat;
    background-image:url("images/link-external.png");
    padding-right: 12px;
    background-position-x: right;
}
#linkToKWISjob:hover{
    /*    border: 1px solid #4eaace;
        background: #4eaace;
        background-repeat: no-repeat;
        background-image:url(../images/icons/icon_extern.png);
        background-position: 2% 30%;
        padding-left: 30px;
        color: #ffffff;
        font-weight: bold;*/

    /*    background-repeat: no-repeat;
        background-image: url(../images/icons/icon_extern_hover.png);
        background-position: 2% 30%;
        padding-left: 30px;
        color: #fbb905; */

}


#txtKWISjobLink{color: #ae2929; text-decoration: underline;}
#txtKWISjobLink:hover{color: #ae2929; text-decoration: none;}

#iconKWISjob{margin-right: 5px;}

#lblKwjEditContactOffers{padding-right: 3px;}

.kwjTextArea{
    height: 7em ;
    width: 100%;
    margin-bottom: 10px;
}



.ui-fluid{
    /*    display: inline-block;*/
}
.ui-selectonemenu .ui-selectonemenu-label{white-space: normal;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {

    white-space: normal;
    /*max-width: 75%;*/
    border-bottom: 1px dotted #cdcdcd;

}

#branchSelector, #subBranchSelector, 
#legalFormSelector, #employeesSelector,#turnoverSelector, 
#customListSearchSelector, #CMDElemSearchSelector, #CMDElemSearchSelector2, #CMDElemValueSearchSelector
{background: #fff;
 color: inherit;
 border: 1px solid #cccccc;
 line-height: 1em;}

/* toggler IDs

#branchProductSelectionPanel_toggler
#detailTradePanel_toggler
#detailProductionProgramPanel_toggler
#detailProductsPanel_toggler
#detailCompetencePanel_toggler
#detailCertivicationsPanel_toggler
*/
/*toggler ausblenden by id:*/
#branchProductSelectionPanel_toggler{display: none;}

/* alle ausblenden: 
.ui-panel .ui-panel-titlebar-icon{display: none;}
*/

.colIcons{width: 30px;}
.colVisible{width: 45px}
.infoDlg{max-width: 300px;}
@media (max-width:40em){
    .ui-fileupload-buttonbar .ui-button {

        padding: .3em .1em .3em .1em;

    }
    .ui-fileupload-buttonbar .ui-button .ui-button-text{display: inline;}
}