html{
    height:100%;
    width:100%;
}

body{
    font-family:Helvetica;
    background-color:#F0F0F0;
    font-size: 11px;
}

#texBratImg{
    height:90%;
    margin:5px 20px;
    float:left;
}

#leMaximImg{
    height:90%;
    margin:5px 20px;
    float:right;
}


#blackLayer{
    background-color:#D5E1DD;
    z-index:10;
    filter:alpha(opacity=80);
    -moz-opacity:.80;
    opacity:.80;   
    -khtml-opacity: 0.8;
    padding:10%;
    width:80%;
    height:80%;
    display:none;
    text-align:center;
}


#chargeProgramLayerText{
    font-size:18px;
    display:block;
    margin:20px auto;
}

#chargeProgramLayerImg{
    display:block;
    margin:20px auto;
}


.blockRow{
    display:block !important;
}

.listButton{
    margin:0px !important;
    margin-left: 4px !important;
    margin-top:-3px !important;
    padding:0px !important;
    padding: 1px 8px !important;
    
}

.centerCell{
    text-align: center;
}


.submitBtn{
    padding:6px;
}

.viewMoreBtn{
    margin-top:-5px !important;
}

.viewMoreBtn:hover{
    cursor:pointer;
}

fieldset{
    margin:0px auto !important;
    padding:10px !important;
}

legend{
    color:#2B3E42;
}

.formMsgDiv{
    width:94%;
    padding:2%;
    padding-top:4%;
    text-align:center;
    display:none;
}

.formMsg{
    float:left !important;
    color:#2B3E42;
}

.loadingImg{
    float:right;
}

.loginLoadImg{
    display:none;
}


.listTable{
    margin:0.5% auto;
    border:4px double white;
    width:98%;
}

.listHead{
    background-color:#AACCCC;
    border-bottom:1px solid #F7F3E8;
}

.listHead th{
    padding:10px;
    font-size:1em;
    font-weight: normal;
    text-align: center;
    
}

.addBtn{
    margin: 0px;
    padding: 2px 14px;
}

.listFoot{
    background-color:#AACCCC;
}


.listBody td{
    color:black;
    font-size: 1em;
    text-align:center;
    height:35px;
    padding:0px !important;
    padding-top:10px !important;
}

.imparRow{
    background-color:#D5E1DD;
    padding:4px;
}

.parRow{
    background-color:#BAD3D3;
    padding:4px;
}

.imparRow:hover{
    background-color:#AACCCC;
}

.parRow:hover{
    background-color:#AACCCC;
}

.addButtons{
    text-align:center;
}

.upLabel{
    width:100%;
    display:block;
    margin-bottom:5px;
    text-align:left;
}

.bottomInput{
    display:inline;
    margin-left:35px;
}

.leftDivRow{
    display:inline;
    float:left;
}

.rightDivRow{
    display:inline;
    float:right;
}

.centerDivRow{
    display:block;
    float:left;
    width:98%;
    text-align: center;
}

.left{
    float:left;
}

.alignCenter{
    text-align: center;
}

.alignRight{
    text-align:right;
}

.loadInputImg{
    margin:6px;
    display:none;
}

.inputErrorImg{
    margin:6px;
    display:none;
}


/* FORMS */

th, td{
    border:0px;
}

input[type="text"], input[type="password"], textarea {
    padding:2px;
    border-radius:4px;
    -moz-border-radius:4px;
}

.clear{
    clear:both;
}

.loginLabel{
    float:left;
    padding:3px;
    width:30%;
    text-align: left;
    color:#2B3E42;
}


.formRow{
    width:96%;
    padding:1%;
    margin-top:2px;
    margin-bottom:2px;
    color:#2B3E42;
    text-align:left;
}


.btnCell{
    text-align:center;
    margin:10px auto;
}

.formInput{
    background-color:white !important;
}

.textInput{
    background-color: white;
    float:left;
    padding:5px !important;
    font-size:1em !important;
    padding-left: 24px !important;
    background-repeat: no-repeat; 
    background-position: 4px 6px;
    border-top:2px solid #747E80;
    border-left:2px solid #747E80;
    border-right:1px solid #77BED2;
    border-bottom:1px solid #77BED2;
    font-size:11px !important;
}

.textAreaInput{
    background-color: #F7F3E8;
    font-size:1em !important;
    padding:5px;
    padding-left:24px;
    background-repeat: no-repeat; 
    background-position: 4px 6px;
    border-top:2px solid #747E80;
    border-left:2px solid #747E80;
    border-right:1px solid #77BED2;
    border-bottom:1px solid #77BED2;
    width:90% !important;
    margin:5px auto !important;
}

.texInputNotImg{
    background-color: #F7F3E8;
    float:left;
    padding:5px !important;
    background-repeat: no-repeat; 
    background-position: 4px 6px;
    border-top:2px solid #747E80;
    border-left:2px solid #747E80;
    border-right:1px solid #77BED2;
    border-bottom:1px solid #77BED2;
}

.hideRowForm{
    display:none;
}

.dateInput{
    background-color: #F7F3E8;
    float:left;
    padding:5px !important;
    padding-left: 24px !important;
    background-repeat: no-repeat; 
    background-position: 4px 6px;
    border-top:2px solid #747E80;
    border-left:2px solid #747E80;
    border-right:1px solid #77BED2;
    border-bottom:1px solid #77BED2;
    
    width:65px;
}

.timeInput{
    background-color: #F7F3E8;
    float:left;
    padding:5px !important;
    padding-left: 24px !important;
    background-repeat: no-repeat; 
    background-position: 4px 6px;
    border-top:2px solid #747E80;
    border-left:2px solid #747E80;
    border-right:1px solid #77BED2;
    border-bottom:1px solid #77BED2;
    width:55px;
}

.formSelect{
    font-size:11px !important;
     border-top:2px solid #747E80;
    border-left:2px solid #747E80;
    border-right:1px solid #77BED2;
    border-bottom:1px solid #77BED2;
    padding:5px !important;
     padding-left: 24px !important;
    background-repeat: no-repeat; 
    background-position: 4px 6px;
    -moz-border-radius:5px;
    cursor:pointer;
}

.timeSelect{
    width:70px;
}

.weaverSelect{
    background-image: url('/images/icons/inputs/role.png');
}

.userInput{
    background-image: url('/images/icons/inputs/user.png');
}

.roleSelect{
    background-image: url('/images/icons/inputs/role.png');
}

.weaverInput{
    background-image: url('/images/icons/inputs/role.png');
}

.machineSelect{
    background-image: url('/images/icons/inputs/hammer.png');
}

.timeSelect{
    background-image: url('/images/icons/inputs/clock.png');
}

.spinSelect{
    background-image: url('/images/icons/inputs/spin.png');
}

.articleSelect{
    background-image: url('/images/icons/inputs/article.png');
}

.failSelect{
    background-image: url('/images/icons/inputs/fail.png');
}

.quantityInput{
    background-image: url('/images/icons/inputs/quantity.png');
}

.articleInput{
    background-image: url('/images/icons/inputs/article.png');
}

.priceInput{
    background-image: url('/images/icons/inputs/price.png');
}

.amountInput{
   background-image: url('/images/icons/inputs/amount.png');
   text-align: right;
}

.measureSelect{
    background-image: url('/images/icons/inputs/measure.png');
}

.colorInput{
    background-image: url('/images/icons/inputs/color.png');
}

.colorSelect{
    background-image: url('/images/icons/inputs/color.png');
}

.markInput{
    background-image: url('/images/icons/inputs/mark.png');
}

.markSelect{
    background-image: url('/images/icons/inputs/mark.png');
}

.productInput{
    background-image: url('/images/icons/inputs/article.png');
}

.idInput{
    background-image: url('/images/icons/inputs/key.png');
}

.pieceInput{
    background-image: url('/images/icons/inputs/component.png');
}

.addressInput{
    background-image: url('/images/icons/inputs/address.png');
}

.cuilInput{
    background-image: url('/images/icons/inputs/cuil.png');
}

.cuitInput{
    background-image: url('/images/icons/inputs/cuit.png');
}

.barcodeInput{
    background-image: url('/images/icons/inputs/barcode.png');
}

.balanceInput{
    background-image: url('/images/icons/inputs/balance.png');
}

.dateInput{
    background-image: url('/images/icons/inputs/calendar.png');
}

.timeInput{
    background-image: url('/images/icons/inputs/clock.png');
}

.textAreaInput{
    background-image: url('/images/icons/inputs/observation.png');
}

.observationInput{
    background-image: url('/images/icons/inputs/observation.png');
}

.mailInput{
    background-image: url('/images/icons/inputs/mail-address.png');
}

.descriptionInput{
    background-image: url('/images/icons/inputs/description.png');
}

.clientInput{
    background-image: url('/images/icons/inputs/client.png');
}

.clientSelect{
    background-image: url('/images/icons/inputs/client.png');
}

.phoneInput{
    background-image: url('/images/icons/inputs/phone.png');
}

.contactInput{
    background-image: url('/images/icons/inputs/contact.png');
}

.codeInput{
    background-image: url('/images/icons/inputs/code.png');
}

.businessInput{
    background-image: url('/images/icons/inputs/business.png');
}

.remInput{
    background-image: url('/images/icons/inputs/rem.png');
}

.textAreaInput:focus{
    background-color: #E8E4DC;
}

.passInput{
    background-color: #F7F3E8;
    padding:5px !important;
    padding-left: 24px !important;
    float:left;
    background-image: url('/images/icons/16x16/lock.png');
    background-repeat: no-repeat;
    background-position: 4px 6px;
    border-top:2px solid #747E80;
    border-left:2px solid #747E80;
    border-right:1px solid #77BED2;
    border-bottom:1px solid #77BED2;
}


/* BUTTONS */

button{
    background-image: linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 59%);
    background-image: -o-linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 59%);
    background-image: -moz-linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 59%);
    background-image: -webkit-linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 59%);
    background-image: -ms-linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 59%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(179,187,188)),
        color-stop(0.59, rgb(247,243,232))
    )
    border-top:1px solid #77BED2;
    border-left:1px solid #77BED2;
    border-right:2px solid #747E80;
    border-bottom:2px solid #747E80;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    padding:6px 8px;
    margin:5px;
    font-size:11px;
}

button:hover{
    cursor:pointer;
    background-image: linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 90%);
    background-image: -o-linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 90%);
    background-image: -moz-linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 90%);
    background-image: -webkit-linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 90%);
    background-image: -ms-linear-gradient(bottom, rgb(179,187,188) 0%, rgb(247,243,232) 90%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(179,187,188)),
        color-stop(0.90, rgb(247,243,232))
    )
}

button:click{
    background-image: linear-gradient(bottom, rgb(247,243,232) 0%, rgb(179,187,188) 59%);
    background-image: -o-linear-gradient(bottom, rgb(247,243,232) 0%, rgb(179,187,188) 59%);
    background-image: -moz-linear-gradient(bottom, rgb(247,243,232) 0%, rgb(179,187,188) 59%);
    background-image: -webkit-linear-gradient(bottom, rgb(247,243,232) 0%, rgb(179,187,188) 59%);
    background-image: -ms-linear-gradient(bottom, rgb(247,243,232) 0%, rgb(179,187,188) 59%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(179,187,188)),
        color-stop(0.59, rgb(247,243,232))
    )
}

button img{
    float:left;
}

button span{
    float:right;
    margin-left:5px;
}

.leftLabel{
    float:left;
}

.leftInput{
    float:left;
}

.rightInput{
    float:right;
}

.programForm{
    margin:0px auto;
}

.programForm fieldset{
    -moz-border-radius:5px;
}

.failRow{
    background-color:#D5E1DD;
    margin-bottom:5px;
}

.failIcon{
    float:left; 
    margin:5px;
}

.failDesc{
    float:left; 
    margin-left:10px;
}

.failDeleteIcon{
     cursor:pointer; 
     float:right; 
     margin:5px;
}

.errorInput{
    background-color:#F7BEBE !important;
}

.rightErrorText{
    color:red; 
    margin:5px; 
    font-weight: bold; 
    float:right;
}

.checkItem{
    width:100%; 
    text-align:left;
    margin-bottom:4px;
}

.checkItem input{
    margin:0px !important;
    margin-right:6px !important;
    height:5px;
}

.checkItem div{
    display:inline;
    height:5px;
}

.nextBtn{
    width:100px !important; 
}

.centerRow{
    text-align:center;
}

#page{
    text-align:center !important;
    float:right;
    margin-top:3px;
}

.actualPage{
    text-decoration: underline;
    font-weight: bold;
    background-color:#BAD3D3;
}

.lastPageBtn{
    float:left;
    padding:2px !important;
    margin:0px !important;
}

.nextPageBtn{
    float:right;
    padding:2px !important;
    margin:0px !important;
}

.loadPageBtnImg{
    display:none;
}

.showFilterDiv{
    font-weight:bold;
    color:#2B3E42;
    text-align:left;
    width:100%;
    margin:15px auto;
}

.showFilterDiv:hover{
    cursor:pointer;
    text-decoration: underline;
    color:#3CB9EF;
}

.hiddenFilterDiv{
    display:none;
}

.hideFilter{
    display:none;
}

.buyoutAmount{
    color:darkred !important;
    font-weight: bold;
}

.paymentAmount{
    color:darkgreen !important;
}