#payments div.sectionHeading{
    width:221px;
    height:43px;
    background: left top  no-repeat url( '../../img/payments/section_heading.jpg' ) ;
    padding-top:15px;
    padding-left:20px;
    margin-bottom:20px;
}
#payments .sectionHeading span{
    color:#e07e00;
    font-size:22pt;
    font-weight:bold;
}

#periodBack, #periodForward{
    width:87px;
    height:73px;
    float:left;
    cursor:pointer;
    font-weight:bold;
}
#periodBack{
    background: left top  no-repeat url( '../../img/control/arrowBack_button.jpg' ) ;
}
#periodForward{
    background: left top  no-repeat url( '../../img/control/arrowForward_button.jpg' ) ;
}
#period{
    width:382px;
    height:62px;
    float:left;
    background: left top  no-repeat url( '../../img/payments/date_bg.jpg' ) ;
    margin:2px 12px 0 5px;
    text-align:center;
    padding-top:13px;
}
#period span{
    font-size:22pt;
    font-weight:bold;
    color:#000000;
}
/*#showPayments{
    width:189px;
    height:73px;
    float:left;
    background: left top  no-repeat url( '../../img/payments/showPayments_button.jpg' ) ;
    text-align:center;
    padding-top:13px;
    cursor:pointer;
}*/
#payments div.buttoncontent{
    width:125px;
    height:32px;
    text-align:center;
}

#payments div.buttoncontent span{
    color:#3861d5;
    font-size:20px;
    font-weight:bold;
    text-decoration:underline;
}
#calendarCall{
    padding-left:88px;
    margin-right:92px;
}

#calendarCall div{
    width:392px;
    height:53px;
    
    background: left top  no-repeat url( '../../img/payments/calendarCall_button.jpg' ) ;
    text-align:center;
    cursor:pointer;
    padding-top:20px;
}
#calendarCall span{
    font-size:18px;
    color:#3861d5;
    font-weight:bold;
    text-decoration:underline;
    padding-left:40px;
}
#explaining{
    
    width:900px;
}
#explaining span{
    color:#747474;
    font-size:20pt;
}
#explaining b{
    color:#747474;
    font-size:20pt;
    font-weight:bold;
}

#purpose{
    padding-left:88px;
    padding-top:20px;
    float:left;
}
#purpose div{
    width:609px;
    height:73px;
    background: left top  no-repeat url( '../../img/payments/purpose_payments.jpg' ) ;
    cursor:pointer;
    padding-top:20px;
}

#purpose span{
    color:#3861d5;
    font-weight:bold;
    text-decoration:underline;
    padding-left:80px;
    font-size:18px;
}

#payments table.payTabl{
    /*width:900px;*/
    /*width:825px;*/
    width:100%;
}

#payments table.payTabl td{
    padding:7px;
}
#payments .tableHeading td{
    background-color:#ededed;
    /*width:145px;*/
}
#payments .tableHeading span{
    font-weight:bold;
    font-size:12pt;
     color:#a0a0a0;
}

#payments .payName span {
    font-weight: bold;
    font-size:12pt;
    color: #000000;
}

#payments .about {
    font-size:12pt;
    text-align: right;
    font-weight: bold;
    color: #4c71d9;
    cursor: pointer;
    text-decoration: underline;
}

#payments .data td{
    font-weight:normal;
    border-top:solid 1px #ededed;
    border-bottom:solid 1px #ededed;
}

#payments .dataPay span{
    color:#565656;
    font-size:12pt;
    font-weight:bold;    
}

#payments .pay span{
    color:#000000;
}

#payments .zero span {
    font-size:12pt;
    color: #c5c5c5;
}

#payments .dataSumm td {
    border-top: solid 3px #e07e00;
}

#payments .summ span {
    color: #e07e00;
    font-size:22pt;
    font-weight:bold;
    
    /*font-weight: bold;*/
}

#printButton {
    margin-top:5px;
    width: 800px;
}

#printButton .print{
    float:left;
}
div.scrollerPayment {
    border: 1px solid #d4d0c8;
    height: 400px;
    width:930px;
    overflow-x: hidden;
    overflow-y: scroll;
   /* float:left;*/
}

div.scrollerTransport {
    border: 1px solid #d4d0c8;
    height: 250px;
    width:930px;
    overflow-x: hidden;
    overflow-y: scroll;
   /* float:left;*/
}

#pensionfund, #socialprotection {
    display: none;
    overflow:hidden;
    height: 350px;
    width:800px;
}

div.payInf{
    padding-top:10px;
    border-top:solid #dfdfdf 2px;
}
#paymentsName {
    font-size:22pt;
    font-weight:bold;
}

div.borderBottom{
    border-bottom:dotted #dfdfdf 2px;
    height:2px;
}
div.informationPay{
    overflow:hidden;
    height:300px;
    border-bottom:solid #dfdfdf 2px;
    width:800px;

}
img.smallIcon{
    margin-right:20px
}

#payments td.data_pay {
    width:100px;
}
#payments td.pay {
    width:145px;
}
#payments td.pay_name {
    width:390px;
}
#payments td.pay_count {
    width:60px;
}
#payments td.pay_cost {
    width:120px;
}

#payments #fam{
    width:600px;
    margin-left:0;
}
#payments #nom{
    width:160px;
    margin-left:0;
}
#payments .txt_title{
    font-size:20pt;
}

#payments div.orange_line {
    background-color: #e07e00;
    font-size:0;
    width:92%;
    height:3px;

    /*font-weight: bold;*/
}