/*

    Paginator 3000

    - idea by ecto (ecto.ru)

    - coded by karaboz (karaboz.ru)



    HTML example

    <div class="paginator" id="paginator_example">

        <table>

            <tr>

                <td><span><strong>1</strong></span></td>

                ...

                <td><span><a href="">3000</a></span></td>

            </tr>

            <tr>

                <td colspan="">

                    <div class="scroll_bar">

                        <div class="scroll_trough"></div>

                        <div class="scroll_thumb">

                            <div class="scroll_knob"></div>

                        </div>

                        <div class="current_page_mark"></div>

                    </div>              

                </td>



            </tr>

        </table>

    </div>

*/

.paginator {

    margin:40px auto 10px;

    font-size:1em;

    width:450px;

}

.paginator table {

    border-collapse:collapse;

    table-layout:fixed;

    width:100%;

}

.paginator table td {
border: 0;
    padding:0;

    white-space:nowrap;

    text-align:center;

}

.paginator span {

    display:block;

    padding:3px 0 3px;

    color:#fff;

}

.paginator span strong,

.paginator span a {

    padding: 3px 8px 5px;
}

.paginator span strong {

    background:#390;

    font-style:normal;

    font-weight:normal; 

}

.paginator .scroll_bar {

     height:20px;

    position:relative;


    margin:20px 0 0; 
	
	
	

}

.paginator .scroll_trough {

    width:100%; height:3px;

    background:#915051;

    overflow:hidden;

}

.paginator .scroll_thumb {

    position:absolute;
	cursor:pointer !important;

    z-index:2;

    width:0; height:3px;

    top:-6px; left:-5px;

    font-size:1px;
	
	height:16px;

    
	/*background:url(/pic/paginator/drag.png) no-repeat center 0;*/

}

.broken_line{height:16px; background:url(/pic/paginator/drag.png) no-repeat 0 0; margin:0 12px;}

.rside_corner{height:16px; top:0; right:0; width:12px; background:url(/pic/paginator/rside_drag.png) no-repeat 0 0; position:absolute; }

.lside_corner{height:16px; top:0; left:0; width:12px; background:url(/pic/paginator/lside_drag.png) no-repeat 0 0; position:absolute; }

.paginator .scroll_knob {

    position:absolute;

    top:-5px; left:50%;

    margin-left:-10px;

    width:20px; height:20px;

    overflow:hidden;

    cursor:pointer; cursor:hand;

}

.paginator .current_page_mark {

    position:absolute;

    z-index:1;

    top:0; left:0;

    width:0; height:3px;

    overflow:hidden;
/*
    background:#333;
*/
}



.fullsize .scroll_thumb {

    display:none;
	
}


.paginator_pages {

    width:450px;

    text-align:right;

    font-size:0.8em; 

    
    margin:-10px auto 0; 

}




.paginator_pages {
	color:#7C7C7C;
}
.paginator .scroll_trough {
    background:#EABB3A;
}
.paginator span strong{color:#FFF;} 
.paginator span a {color:#612222;}
.paginator .scroll_trough {}
/*.paginator .scroll_thumb,*/ .paginator span a:hover{background: #EABB3A; color:#FFF;}
.paginator span strong {background:#EABB3A;}


   .wraper_scroll{padding:0 12px;}