/* 
    Document   : customLi
    Created on : 6-lug-2011, 17.06.17
    Author     : setecastronomy
    Description:
        Purpose of the stylesheet follows.
*/

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

.hideOnPrint {
    display: block;
}

/*TABLE.shortTable {*/
.shortTable {    
    border: 1px solid black;
    margin : 4px;
}

.caption4Table {
    background-color: #891910;
    color: white;
    font-weight: bold; 
    /*width: 100%;*/
    text-align: center;
    padding: 5px 0px;
}

.jsfCrudHeader4Table {
    color: #4e6a71;
    border: 1px solid #b2d5d6;
    letter-spacing: 3px;
    font-weight: bold; 
    text-align: center;
    padding: 5px 0px;
    background-color: #b2d5d6;
}
.header4Table {
    background-color: #891910;
    color: white;
    font-weight: bold; 
}
.imgNoBorder {
    border: none;
}

.forLoginInfo {
    padding: 5px;
    color: black;
    font-weight: bold;
}

.forTitle {
    padding: 5px 10px;
    color: white;
}
#ja-headerwrap {
    LINE-HEIGHT: normal; BACKGROUND: #333333; HEIGHT: 80px; COLOR: #cccccc
}
#ja-header {
    POSITION: relative; HEIGHT: 80px
}

#ja-header A {
    COLOR: #cccccc
}

.ja-headermask {
    POSITION: absolute; WIDTH: 602px; DISPLAY: block; HEIGHT: 80px; TOP: 0px; RIGHT: -1px
}
html {
height: 100%;
}
BODY {
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
    LINE-HEIGHT: 100%; 
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND: #ffffff;
    COLOR: #000000;
    min-width: 1000px;
	height: 100%;
}

H3.highlightRed {
    font-weight: bold;
    color :red;
}

.aziendaFields {
    float: left;
    padding: 0px 10px 0px 0px;
    width: 400px;
}

.activeSuppliersList {
    float: left;
    padding: 0px 8px 0px 0px;
    width: 550px;
}

.chooseSuppliersList {
    float: left;
    padding: 0px 8px 0px 0px;
    width: 348px;
}

.borderedImage {
    border: 3px solid red;
    background-color: red;
}

#noteWidth100px {
    width: 100px;
}

/* push footer */
#fullHeightContainer {
                min-height: 100%;
                margin: 0 auto -72px; /* Negative of #footer.height */
            }

#fullHeightContainer:after {
                height: 72px;
}
     
.clearfix:after {
                display: block;
                content: " ";
                clear: both;
}

/* footer classes */

#ja-footerwrap {
   PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; BORDER-TOP: #cccccc 5px solid; PADDING-TOP: 10px;PADDING-BOTTOM: 30px;
}
#ja-footer {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #666666; PADDING-TOP: 0px
}
#ja-footer .copyright {
    FONT-STYLE: normal; PADDING-LEFT: 25%; DISPLAY: block; COLOR: #666666; CLEAR: both; FONT-SIZE: 92%
}
#ja-footnav {
    PADDING-LEFT: 25%
}
#ja-footer UL {
    PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#ja-footer LI {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px
}
#ja-footer LI A {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: normal; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 0px; PADDING-RIGHT: 15px; DISPLAY: inline; COLOR: #666666; FONT-SIZE: 92%; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px
}
#ja-footer LI A:hover {
    COLOR: #333333; TEXT-DECORATION: none
}
#ja-footer LI A:active {
    COLOR: #333333; TEXT-DECORATION: none
}
#ja-footer LI A:focus {
    COLOR: #333333; TEXT-DECORATION: none
}
.ja-cert {
    POSITION: absolute; FONT-SIZE: 92%; TOP: 18px; RIGHT: 0px
}
.ja-cert A {
    BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: medium none; BORDER-RIGHT: medium none; TEXT-DECORATION: none; PADDING-TOP: 0px
}
.ja-cert A SPAN {
    DISPLAY: none
}
.ja-cert A IMG {
    BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}

/* end footer classes */

/* ovverride overcast theme */

div.tabWhite .ui-widget-content {
    background: #ffffff;
    font-size: small;
}

div.tabWhite .ui-tabs-panel {
    padding: 0px;
}

div.tabWhite .ui-state-active {
    background: #ffffff;
}

div.tabWhite .ui-state-active A:link{
    color: #2F556A;
}

div.userListDisplayDiv {
    width: 300px; 
    height: 456px; 
    background-color: 
        lightgray; 
    border: 2px solid blue; 
    overflow-y: scroll; 
    position: absolute; 
    z-index: 1005; 
    top: 80px; 
    right: 50px;
}

div.userListLinkDiv {
    float:right; 
    margin-right: 20px;
}

.requiredField {
    color: red;
    font-weight: bold;
}

.width140 {
    width: 140px;
    word-wrap: break-word;
}

.width120 {
    width: 120px;
    word-wrap: break-word;
}

.width300 {
    width: 300px;
    word-wrap: break-word;
}

.width160 {
    width: 160px;
    word-wrap: break-word;
}

.width200 {
    width: 200px;
    word-wrap: break-word;
}

.width70 {
    width: 70px;
}

.width40 {
    width: 40px;
}

.widthcpc {
    width: 100%;
}
.placeHolder {}

.rightAlign {
    text-align: right;
}

.imgHeight60px {
    max-height: 60px;
    border: 1px solid black;
    margin: 2px;
}

.imgHeight50px {
    max-height: 50px;
    border: 1px solid black;
    margin: 2px;
}

.imgRedBorder {
    border: 3px solid red;
    margin : 0px;
    max-height: 60px;
}

td.thFake {
    font-size: x-small;
    color: #4e6a71;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #90b4bd;
    border-bottom-color: #90b4bd;
    border-left-color: #b2d5d6;
    border-right-color: #b2d5d6;
    letter-spacing: 3px;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #b2d5d6;
}

@media print {

    #ja-headerwrap {
        display: none;
    }

    FORM {
        width: 650px;

    }

    .hideOnPrint {
        display: none;
    }

    #ja-footerwrap {
        display: none;
    }

}