#tab-01 {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 200px;
	   height: 100px;
	   position: fixed;
       left: -205px;
	   top: 550px;
       background-color: #ffeeff;
	   border: 2px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: left 1s ease-out;
       -moz-transition: left 1s ease-out;
       -o-transition: left 1s ease-out;
       transition: left 1s ease-out;
    }
 #tab-01:after{
       content: url('abc/01.png');
       position: absolute;
       right: -25px;
       top: 0px;
       cursor: pointer;
    }

 #tab-02 {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 75px;
	   position: fixed;
       left: -300px;
	   top: 15px;
       background-color: #ffeeff;
	   border: 2px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: left 1s ease-out;
       -moz-transition: left 1s ease-out;
       -o-transition: left 1s ease-out;
       transition: left 1s ease-out;
    }
 #tab-02:after{
       content: url('abc/02.png');
       position: absolute;
       right: -100px;
       top: 5px;
       cursor: pointer;
    }

 #spis_l{
	   width: 220px;
	   height: 650px;
	   padding-right: 10px;
	   padding-bottom: 50px;
	   overflow: auto;
    }
	
 #tab-a {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
	   padding-bottom: 10px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-a:after{
       content: url('abc/a_d.png');
       position: absolute;
       left: -60px;
       top: 5px;
       cursor: pointer;
    }


 #tab-b {
       font-family: Courier New;
	   font-size: 12px;
	   vertical-align: middle;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-b:after{
       content: url('abc/b.png');
       position: absolute;
       left: -35px;
       top: 30px;
       cursor: pointer;
    }

	
 #tab-c {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;			   
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-c:after{
       content: url('abc/c_d.png');
       position: absolute;
       left: -60px;
       top: 55px;
       cursor: pointer;
    }


 #tab-d {
        font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-d:after{
       content: url('abc/d.png');
       position: absolute;
       left: -35px;
       top: 80px;
       cursor: pointer;
    }

		
 #tab-e {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-e:after{
       content: url('abc/e_d.png');
       position: absolute;
       left: -60px;
       top: 105px;
       cursor: pointer;
    }


 #tab-f {
        font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-f:after{
       content: url('abc/f.png');
       position: absolute;
       left: -35px;
       top: 130px;
       cursor: pointer;
    }


		
 #tab-g {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-g:after{
       content: url('abc/g_d.png');
       position: absolute;
       left: -60px;
       top: 155px;
       cursor: pointer;
    }


 #tab-h {
        font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-h:after{
       content: url('abc/h.png');
       position: absolute;
       left: -35px;
       top: 180px;
       cursor: pointer;
    }
		
 #tab-i {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-i:after{
       content: url('abc/i_d.png');
       position: absolute;
       left: -60px;
       top: 205px;
       cursor: pointer;
    }


 #tab-j {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-j:after{
       content: url('abc/j.png');
       position: absolute;
       left: -35px;
       top: 230px;
       cursor: pointer;
    }
		
 #tab-k {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-k:after{
       content: url('abc/k_d.png');
       position: absolute;
       left: -60px;
       top: 255px;
       cursor: pointer;
    }


 #tab-l {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-l:after{
       content: url('abc/l.png');
       position: absolute;
       left: -35px;
       top: 280px;
       cursor: pointer;
    }

		
 #tab-l- {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-l-:after{
       content: url('abc/l-d.png');
       position: absolute;
       left: -60px;
       top: 305px;
       cursor: pointer;
    }


 #tab-m {
        font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-m:after{
       content: url('abc/m.png');
       position: absolute;
       left: -35px;
       top: 330px;
       cursor: pointer;
    }

		
 #tab-n {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-n:after{
       content: url('abc/n_d.png');
       position: absolute;
       left: -60px;
       top: 355px;
       cursor: pointer;
    }


 #tab-o {
        font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-o:after{
       content: url('abc/o.png');
       position: absolute;
       left: -35px;
       top: 380px;
       cursor: pointer;
    }

		
 #tab-p {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-p:after{
       content: url('abc/p_d.png');
       position: absolute;
       left: -60px;
       top: 405px;
       cursor: pointer;
    }


 #tab-r {
        font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-r:after{
       content: url('abc/r.png');
       position: absolute;
       left: -35px;
       top: 430px;
       cursor: pointer;
    }

 #tab-s {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-s:after{
       content: url('abc/s_d.png');
       position: absolute;
       left: -60px;
       top: 455px;
       cursor: pointer;
    }
		

 #tab-s- {
        font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-s-:after{
       content: url('abc/s-.png');
       position: absolute;
       left: -35px;
       top: 480px;
       cursor: pointer;
    }

		
 #tab-t {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-t:after{
       content: url('abc/t_d.png');
       position: absolute;
       left: -60px;
       top: 505px;
       cursor: pointer;
    }


 #tab-u {
        font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-u:after{
       content: url('abc/u.png');
       position: absolute;
       left: -35px;
       top: 530px;
       cursor: pointer;
    }

		
 #tab-w {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-w:after{
       content: url('abc/w_d.png');
       position: absolute;
       left: -60px;
       top: 555px;
       cursor: pointer;
    }


 #tab-z {
        font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-z:after{
       content: url('abc/z.png');
       position: absolute;
       left: -35px;
       top: 580px;
       cursor: pointer;
    }

		
 #tab-z- {
       font-family: Courier New;
	   font-size: 12px;
	   border-width: 0px;
	   width: 300px;
	   height: 615px;
	   position: fixed;
       right: -300px;
	   top: 0px;
       background-color: #ffeeff;
	   border: 0px solid #ffeeff;
	   padding-right: 2px;
       -webkit-transition: right 1s ease-out;
       -moz-transition: right 1s ease-out;
       -o-transition: right 1s ease-out;
       transition: right 1s ease-out;
    }
 #tab-z-:after{
       content: url('abc/z-d.png');
       position: absolute;
       left: -60px;
       top: 605px;
       cursor: pointer;
    }