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

content:  width: 710px;
#maincolumn {
    padding: 35px 75px;
}
-> 710 - 160 - ? 

wirtschaft: #eb5f00
color:#737373

blauer hintergrund: #b3d4fc 

Grautoene
background beim suche-buttone  #E8E8E8
infoicon #B3B3B3   text: #FCFCFC

background Leiste ganz oben:  #7b7b7b

*/

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

* {  margin : 0;  padding : 0;}

html {
    height: 100%;
    font-size: 100%;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body{
    /*    background-color: #d8d8d8;*/
    background-color: #ffffff;
    color: #454545;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
}

root { 
    display: block;
}

page {
    text-align: center;
}

input{
/*    height: 15px;*/
/*padding-bottom: 2px;
padding-top: 2px;*/
}

input, textarea{
    border: 1px solid #b3b3b3;                                 /*CI Change*/
    width: 250px;
    color:#333333;
}
textarea {resize: vertical;}

/*#query{width: 50%;}*/
#editListPanel #query{width: 99%;}
.center_content{}

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

/* 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:19%;
    /*    width: 120px;*/
}
/* dimension */
.editFourColsCol2{
    width:32%;
    /*    width: 150px;*/
}
/* dimension */
.editFourColsCol3{
    width:17%;
    /*    width: 120px;*/
    padding-left:15px;
}

.editFourColsCol4{
    width:32%;
    /*    width: 150px;*/
}

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

.editTwoCols{
    width:100%;
}

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

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

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

.editTwoColsCol2 select{
    /*    width: 341px;*/
    width: 100.6%;
    text-align: left;
}

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

.editTwoColsCol2Check input{
    width: 12px;
    text-align: left;
    margin-right: 8px;
}

.editTwoColsCol2 .editCmdButton{
    width: 28%;
}

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

}

.editTwoColsCol2 .shortInput {width: 100px; margin-right: 3px;} 

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


/*PSEUDO CLASSES*/

a, a:link, a:active, a:visited{
    color: #eb5f00;
    text-decoration: underline;
/*    font-weight: bold;*/
}

a:hover{
    color: #eb5f00;
    text-decoration: underline;
/*    font-weight: bold;*/
}



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


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


}

.footerLink, .footerLink:link{
/*    color: #7b7b7b;                                            CI Change*/
color: #eb5f00;    
    text-decoration: underline;
    font-weight: bold;

}
.footerLink img{margin-right: 0.5em; margin-top: 0.8em;}

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

}

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

}

.footerLinkPipe{
    color:#eb5f00;                                        /*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: 200px;
}

.required{
    font-weight: bold
}

.required a{
    color: #eb5f00;
    text-decoration: none;
}

.required a:hover{
    color: #eb5f00;
    text-decoration: underline;
}


.requiredInput{
    background-color: #f5f3e3;                        /*CI Change*/
}

.saveTabBtn{
    left:390px !important;
}



.searchresultList select{
    width:40px;
}

.selectMany{
    width: 460px;
/*    color: #737373;*/
}

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

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

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

}
.textParagraph{
    text-align: justify;
}

.thirdLvlTextArea{
    width: 334px !important;
}

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


}


.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 #b3b3b3;
    border-radius: 4px;
    -moz-border-radius:4px;
}

#boundingBox{
    width: 560px;
    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");
}

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

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

#detailPanel > #detailPanel_header{
    /*	background-color: #4BAD3F;
            background-image: none;*/
}

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

#editAdditionalCompanyInfo .editFourColsCol2{
    width: 201px;
}

#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 index.xhtml */
#immoFrame{
    background-repeat: repeat;
    height: 1500px;
    left: 225px;
    overflow: auto;
    position: relative;
    top: 520px;
    width: 550px;
}

#submitButtons{
    position:relative;
}

#fileUploadInfo, span#pictureUploadInfo {
    float: right;
}
/*Section Specific*/

/*SearchView*/
#searchCommunityGrid{width: 100%;}
.searchGridAccordeonLeft{
    width: 136px;
}

.searchGridTopLeft{
    width: 154px;
    vertical-align: top;
}

#searchTopGrid{width: 100%;}
#SearchPanel select{
    width: 100%;
}

#SearchPanel input{
    width: 100%;
}

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

#txtCompProductionProgram, #txtEditProducts, #txtEditCertificates, #txtEditCompetence{
   height: 7em;
  /*   margin-left: -4px;
    width: 450px;*/
}

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


.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-tabs .ui-tabs-nav li a{padding: 0.5em 0.6em;}
.ui-button-text{font-weight: bold;}
/*.ui-widget-header{border-bottom: none;}*/
/*
.ui-state-active{border-bottom: none;}*/

.ui-paginator{color: #7b7b7b;}

#externalCompanyLink{display: block; margin: 8px 0px;}
#externalIcon{margin-right: 5px;}