body{
    font-family: Helvetica;
}
h1{
    font-weight: normal;
    font-size: 2.2em;
}
h2{
    font-weight: normal;
    font-size: 1.5em;
    margin: 40px 0;
}


/* -------- >8 -------------------- */

/* general table rules */
.t-01, .t-02, .t-03{
    border-collapse: collapse;
    font-size: 16px;
}
	.t-01 
	{
	   font-size: 15px;
	}

/*
    pierwsza tabelka
*/
.t-01{
    
}
    .t-01 thead{
        border-bottom: 2px solid #cbd1eb;
    }
        .t-01 thead tr{

        }
            .t-01 thead td{
                background: #e1e1e1;
                font-size: 0.58em;
                color: #464644;
                font-weight: bold;
                text-align: center;
                padding: 8px 4px;
                border-left: 1px solid #f1f1f1;
            }
        .t-01 thead tr.en td{
            font-size: 0.55em;
            font-weight: normal;
            font-style: italic;
        }
        .t-01 thead tr.unit td{
            font-size: 0.55em;
        }
    .t-01 tbody{
        
    }
        .t-01 tbody tr{
            
        }
            .t-01 tbody tr td{
                font-size: 0.65em;
                padding: 4px 2px;
                text-align: center;
                color: #4b4b46;
                border-left: 1px solid #e3e3ea;
                border-bottom: 1px solid #e3e3ea;
                background-color: #FFF;
                -webkit-transition-property:color,background-color;
                -webkit-transition-duration:100ms,150ms,100ms;
            }
                .t-01 tbody tr td.name{
                    padding: 2px 5px 2px 5px;
                    font-weight: bold;
                    color: #882345;
                    min-width: 110px;
                    border-left: none;
                    text-align: left !important;
                }
            .t-01 tbody tr.even td{
                background: #f7f5f5;
            }
            .t-01 tbody tr:hover td{
                background-color: #fcf0f4;
                border-bottom: 1px solid #d6d8de;
            }
                .t-01 tbody tr:hover td.name{
                    color: #a61f4a;
                }
        .t-01 tbody tr.header{
            border-top: 2px solid #e1e1e1;
            border-bottom: 2px solid #e1e1e1;
        }
            .t-01 tbody tr.header td, .inputLabel{
                font-size: 0.9em;
                padding: 12px 0 7px 5px;
                color: #323952;
                border: none;
                text-align: left !important;
                background: #fcfcfd;
            }
                .t-01 tbody tr.header td em{
                    font-size: 0.8em;
                    padding-left: 10px;
                    color: #878787;
                }
                .t-01 tbody tr.header:hover td{
                    background: #fcfcfd;
                }
    .t-01 tfoot{
        border-top: 2px solid #9199bd;
    }
        .t-01 tfoot td{
                font-size: 0.65em;
                padding: 4px 2px;
                text-align: center;
                color: #4b4b46;
                border-left: 1px solid #e3e3ea;
                border-right: 1px solid #e3e3ea;
                border-bottom: 1px solid #e3e3ea;
                background-color: #FFF;
                -webkit-transition-property:color,background-color;
                -webkit-transition-duration:100ms,150ms,100ms;
                
        }
            .t-01 tfoot td.total{
                text-align: center !important;
                
                
            }
            .t-01 tfoot td em{
                font-size: 0.8em;
                padding: 5px 0 0;
                font-weight: normal;
                display: block;
                text-align: right !important; 
            }
            .t-01 tfoot tr:hover td{
                color: #000;
            }
/*
    tabelka 02
*/
.t-02{
    width: 100%;
    font-size: 1.2em;
}
    .t-02 td {
        background:#FFF;
    }
    .t-02 thead{
        border-bottom: 2px solid #931d3f;
    }
        .t-02 thead td, .t-02 thead th{
        background:#e1e1e1;
        padding: 5px 0px;
        }
            .t-02 thead td abbr{
                display: block;
                border: none;
                font-size: 0.88em;
                font-weight: bold;
                color: #464644;
                text-align: right;
                padding: 0 10px 0 0;
            }
            .t-02 thead td .date{
                display: block;
                text-align: left;
                font-size: 0.75em;
                padding: 5px 10px 4px 0;
                text-align: right;
            }
    .t-02 tbody{
        
        
    }
        .t-02 tbody td.vh{
            font-size: 1.3em;
            font-weight: bold;
        }
        .t-02 tbody td.vh2{
            font-size: 0.88em;
            font-weight: bold;
        }
            .t-02 tbody td.vh span.wrap, 
            .t-02 tbody td.vh2 span.wrap{
                display: block;
                min-width: 60px;
                padding-right: 0;
                text-align: left;
            }
                .t-02 tbody td.v-head-2 span.wrap{line-height: 45px;}
/*                .t-02 tbody td.v-head-3 span.wrap{line-height: 71px;}*/
                .t-02 tbody td.v-head-4 span.wrap{line-height: 99px;}
                .t-02 tbody td.v-head-5 span.wrap{line-height: 128px;}
                .t-02 tbody td.v-head-3 span.wrap .header {
                                    position:relative;
                                    top: -30px;
                }
            
        .t-02 tbody td{
            color: #535353;
            text-align: center;
            padding: 0 3px;
            font-size: 0.88em;
            
        }
            .t-02 tbody td span.wrap{
                display: block;
                border-bottom: 1px solid #e1e1e1;
                text-align: right;
                padding: 8px 5px 3px 5px;
                line-height: 16px;
            }
            .t-02 tbody td span.stockvalue{
                width: 26px;
                margin-left: 16px;
            }
        .t-02 tbody td span.wrap .header {
            position:relative;
            top: -15px;
        }
        
       .t-02 tbody td span.wrap .header {
            position:relative;
            top: -15px;
        }
            .t-02 tbody tr:hover td.vh span.wrap{
                background: #FFF;
                border-bottom: 1px solid #e1e1e1;
            }
/*
    trzecia tabelka
*/
.t-03{
    width: 440px;
}
    .t-03 thead{
        
    }
        .t-03 thead td{
            font-size: 1em;
            text-align: right;
            background: #fdf6f8;
            color: #3d3437;
            padding: 10px 5px;
            font-weight: bold;
            border-bottom: 2px solid #81022d;
            border-top: 2px solid #81022d;
        }
    .t-03 tbody{

    }
        .t-03 tbody td{
            text-align: right;
            padding: 6px 2px 4px 2px;
            border-bottom: 1px solid #f1f1f1;
            color: #b10139;
        }
            .t-03 tbody tr.even{
                background: #f8f8f8;
            }
                .t-03 tbody tr:hover td{
                    background: #ffe7ef;
                    color: #81022d;
                }
        .t-03 tbody td.n{
            text-align: left;
        }
/* tabs */
.tab-nav{
    padding: 0;
    border-bottom: 2px solid #98425f;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    clear: both;    
}
    .tab-nav:after, /* clearfix */
    .chart-settings:after{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .tab-nav li{
        float: left;
        list-style-type: none;
        padding: 5px 0 0 0;
        margin: 0 10px 0 0;
    }
        .tab-nav li a{
            float: left;
            background: #FFF;
            border: 1px solid #e3e3ea;
            border-bottom: none;
            padding: 0 15px 0 15px;
            text-decoration: none;
            color: #566c7e;
            font-weight: bold;
            -moz-border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
            line-height: 30px;
            font-size: 0.88em;
            outline: none;
        }
            .tab-nav li:hover{
                padding-top: 0;
            }
                .tab-nav li:hover a{
                    line-height: 35px;
                    background: #E1E1E1;
                }
        .tab-nav li.ui-state-active{
            padding-top: 0;
        }
            .tab-nav li.ui-state-active a{
                color: #882345;
                background: #F1F1F1;
                line-height: 35px;
                cursor: default;
                font-size: 1em;
            }
.a-tab{
    clear: both;
}
    .tab-header{
        font-size: 0.88em;
        padding: 5px 0 5px 13px;
        color: #650a28;
    }
.ui-tabs { position: relative; zoom: 1; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*
    ustawienia wykresów
*/
.chart-settings{
    background: #F1F1F1 !important;
}
    .chart-settings ul{
        margin: 0; padding: 10px;
        float: left;
    }
        .chart-settings ul li{
            float: left;
            list-style-type: none;
            position: relative;
            cursor: pointer;
            margin: 0 4px 0 0;
        }
                .chart-settings ul li:hover{
                    background: #FFF;
                }
            .chart-settings ul li input{
                position: absolute;
                top: 0; left: 0;
                cursor: pointer;
            }
            .chart-settings ul li label{
                font-size: 0.88em;
                padding: 0 10px 0 25px;
                color: #63635e;
                float: left;
                line-height: 20px;
                cursor: pointer;
            }

    .chart-settings .datepicker {
        float: right;
        padding: 8px 10px 0 0;
        font-size: 13px;
    }
        .chart-settings .datetime{
            float: left;
            font-size: 13px;
            background: #FFF;
            border: 2px solid #e1e1e1;
            padding: 3px 6px;
            width: 100px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            
        }
            .chart-settings .datetime:focus{
                border: 2px solid #8d8585;
            }
         .submit{
            float: right;
             padding: 0 0 0 10px;
        }
                .submit input{
	                background: #931642;
	                border: none;
	                font-size: 13px;
	                padding: 2px 6px;
	                cursor: pointer;
	                border: 2px solid #e1e1e1;
	                color: #FFF;
                }
                

.btn_calendar {
    width: 22px;
    height: 20px;
    border: 0 none;
    background: transparent url('../img/ico_calendar.png') no-repeat;
    cursor: pointer;
}

#calendar {
    position: absolute;
    background:#fff;
}

	
	#calendar .close {
	    text-align:center;
	}
	
	
	
/*** to merge **/

tr.prices, tr.prices td {
    background:#F1F1F1;
    
}
tr.prices, tr.prices td, tr.volumes, tr.volumes td{
border-right:1px solid #E1E1E1;
}
tr.volumes {
	border-bottom:1px solid #E1E1E1;
	}
	tr.volumes span.wrap {
	    border-bottom:inherit !important;
	}
	
.vh2 .wrap {
    border-bottom:none !important   ;
}

table.legend {
    width:100%;
    
}
table.legend tbody td{
    text-align: left !important;
    padding-left:10px;
}
    

tr.total {

    font-weight:bold;
}
    tr.total td {
    background:#F1F1F1;
    }