/*
Stadt Kaiserslautern

    Document   : screen
    Created on : 17.08.2010, 14:36:55
    Author     : gunther
    Description:
        Purpose of the stylesheet follows.
schrift-blau: #214F9C;
dunkelblau #01509F;
dunkelrot #BF0C1F;
hellrot: #D55765;
link-rot: #E6170F;
#E4041C
*/

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

* {
    margin : 0;
    padding : 0;
}

body{
    background-color: #fff;                                  /*CI Change*/
    background-repeat: repeat;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: rgb(33, 79, 156);
/*    font-size: 0.8em;*/
     font-size: 12px;
}

root { 
    display: block;
}

page {
    text-align: center;
}

input{
    height: 15px;
}

input, textarea{
    border: 1px solid #4A4A4A;                                 /*CI Change*/
    width: 250px;                                               /* dimension */

}
textarea {resize: vertical;}

.center_content{

}

.bold{
    font-weight: bold;
}

.backdrop{
    background-image: url('images/backdrop.png');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}

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

.detailColLeft{
    width:100px;
    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;}*/

.editFourCols{
    width:100%;
}

.editFourCols select{
    /*    width: 122px;*/
}

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

.editFourCols tr{

}

.editFourColsCol1{
    width:14%;
}

.editFourColsCol2{
    width:35%;
}

.editFourColsCol3{
    width:16%;
    padding-left:15px;
}

.editFourColsCol4{
    /*    width: 100px;*/
    width:35%;
/*    padding-left: 2px;*/
}

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

.editTwoCols{
    width:100%;
}

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

.editTwoColsCol1{
    /*    width: 81px;*/
    width:14%;
}

#additionsCMDKompetenz .editTwoColsCol1{
    /*    width: 81px;*/
    width:34%;
}
.editTwoColsCol2 input, .editTwoColsCol2 textarea, .editTwoColsCol2 select{
    /*    width: 341px;*/
    width: 100%;
    text-align: left;
}

.editTwoColsCol1Text {
    width: 440px;                                               /* dimension */
    text-align: left;
}

.editTwoColsCol2Check input{
    width: 10px;
    text-align: left;
}

.editTwoColsCol2 .editCmdButton{
    width: 50%;
}

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

.editTwoColsCol2 .shortInput {width: 100px; margin-right: 3px; background-image: none;background-color: #ffffff; }

.footerLinksWrapper{
/*    display: none;*/
    
    padding: 0.1em;
    position: relative;
    left: 15px;
    margin-top: 3px;
padding-top: 8px;
}

.footerLink{
    color: #214f9c;                                           /*CI Change*/
/*    font-weight: bold;*/
    text-decoration: none;
}

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

}

.footerLink:visited{
    color:#214f9c;                                         /*CI Change*/
/*    font-weight: bold;*/
    text-decoration: none;

}

.footerLinkPipe{
    color: #214f9c;                                      /*CI Change*/
    margin-left: 5px;
    margin-right: 5px;
}

.footerSpan{
    margin: 0.5em;
}

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

#iconDetailGlobus{
    margin-right: 5px;
    margin-left: 5px;
    float:right;

    cursor: pointer;
}
.loginColLeft{
    width: 90px;
}

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

.loginInput{
    width: 200px;
}

.required{
    font-weight: bold
}
.requiredInput{
    background-color: #ECF3FB;                        /*CI Change*/
}

.saveTabBtn{
    left:525px !important;                            /* dimension */
}


.searchresultList select{
    width:40px;                                       /* dimension */
}

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


.companyLogoContainer{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.tabSaveButton{
    float: none;
    left: 526px;                                /* dimension */
}

.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;

}

#boundingBox{
    width: 680px;                                       /* dimension */
    background-color: #fff;
    background-repeat: repeat;

}

#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{
/*    background-image: url("images/gapaFooter.jpg");
    overflow: auto;*/
}

.editButton{
    width: 16px; height: 16px;
    background-image: url("images/edit.gif");
}

#cancelCCButton{
    float: none;
    left: 293px !important;
}
#detailsForm{margin-top: 8px;}
#detailPanel > #detailPanel_header{

}

#deleteCCButton{
    float: none;
    left: 293px !important;
}

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

#editAdditionalCompanyInfo .editFourColsCol2{
    width: 165px;                                   /* dimension */
}

#frameLeft{

}

#header{

}

#immoFrame{
    position: relative;                                 
   height: 550px;   /* dimension */
    left: 495px;
    overflow: auto;
    position: relative;
    top: 260px;
    width: 700px;
    background-repeat: repeat;

}

#submitButtons{
    position:relative;

}
#summaryCompanyDataPanel_content table, #detailCompanyDataPanel_content table{width:100%;}

/*Section Specific*/

/*SearchView*/

.searchGridAccordeonLeft{
    width: 236px;
}

.searchGridTopLeft{
    width: 250px
}

#minimap{
    width: 350px;                                   /* dimension */
    height: 210px;
    overflow: hidden;
    position: relative;
    left: 60px;
}

#SearchPanel{margin-bottom: 8px;}
#resultListPanel{margin-bottom: 8px;}
#detailPanel{margin-bottom: 8px;}

#SearchPanel select{
    width: 330px;                                   /* dimension */
}

#SearchPanel input{
    width: 326px;                                   /* dimension */
}

#txtCompName{
    /*    width: 363px;*/
}


/*PSEUDO CLASSES*/

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;
}