/* must set border width with px */
	.paginator_p {
		text-align:center;
		float:left;
		color:white;
		background-color:#B7B7B7;
		cursor:pointer;
	}
	.paginator_p_bloc {
		position:relative;
		width:3000px;
	}
	.paginator_p.over {
		background-color:#8B8B8B;
	}
	.paginator_p.selected {
		background-color:#CAFF3A;
		color:white;
		background-color:black;
	}
	.paginator_p_wrap {
		position:relative;
		overflow:hidden;
		float:left;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	.paginator_slider {
		clear:left;
		height: 4px;
		top: 4px;
		background: white;
		border: solid 1px black;
		position:relative;
                left:62px;
	}

	.paginator_slider .ui-slider-handle {
		width: 8px;
		height: 12px;
		position: absolute;
		top: -4px;
		background-color:black;
	}

              /*div   { border:solid 1px green; }  */

        pre {
            background-color:#fbf9ea;
            border:solid 1px #e2e1d5;
            padding:2%;
        }
        .opt div {
            float:left;
            width:100%;
        }
        .opt .left {
            width:35%;
            margin-right:5%;
        }
        .opt .right {
            width:58%;  color:blue;
        }
        .newfeature {
            color:#F8A72F;
            font-weight: bold;
        }

        .leftControlWrap,
        .rightControlWrap {
            width: 64px;
            float: left;
            text-align: center;
            overflow: hidden;
        }

        .jPaginatorOver {
            float:left;
            width:30px;
            height:24px;
            background-color:#BCF2D5;
            text-align:center;
            margin:0 2px 0 2px;
        }
        .jPaginatorMax {
            float:left;
            width:30px;
            height:24px;
            background-color:#5FAABC;
            cursor:pointer;
            text-align:center;
        }

.q2paginator-horni{
	float:left;
}

.q2paginator-horni .paginator_p  {
	padding: 3px 0 3px 0;
	color: #fff;
}

.q2paginator-horni .paginator_p.selected  {
	background-color: #F57C00;
	/*color: #fff;*/
    color: #000;
    font-weight: bold;
}

.q2paginator-horni .paginator_slider  {
	top: 7px;
	/* background: #666; */
    background: #777;
	border: none;
	margin-bottom: 14px;
}

.q2paginator-horni .paginator_slider .ui-slider-handle  {
	width: 12px;
	background-color: #F57C00;
}

.q2paginator-dolni{
	float:left;
    padding-bottom: 25px !important;
}

.q2paginator-dolni .paginator_p  {
	padding: 3px 0 3px 0;
	color: #fff;
}

.q2paginator-dolni .paginator_p.selected  {
	background-color: #F57C00;
	/*color: #fff*/
    color: #000;
    font-weight: bold;
}

.q2paginator-dolni .paginator_slider  {
	top: 7px;
	background: #666;
	border: none;
}

.q2paginator-dolni .paginator_slider .ui-slider-handle  {
	width: 12px;
	background-color: #F57C00;
}

.q2paginator-horni,
.q2paginator-dolni {
    /* hnusny ale funkcni reseni nezalamovani */
    width: 1360px;
    padding-bottom: 10px;
}

.q2paginator-horni {
}

.q2paginator-dolni {
}

.q2paginator-horni .paginator_p,
.q2paginator-dolni .paginator_p {
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    background: #e0e0e0;
    color: #000;
}

.q2paginator-horni .paginator_p:hover,
.q2paginator-dolni .paginator_p:hover {
    background-color: #F57C00;
    color: #000;
}

.leftControlWrap,
.rightControlWrap {
}

.leftControlWrap .jPaginatorMax,
.leftControlWrap .jPaginatorOver,
.rightControlWrap .jPaginatorMax,
.rightControlWrap .jPaginatorOver {
    background: url(../images/paginator_sprit.png) no-repeat;
}

.leftControlWrap {
}
.leftControlWrap .jPaginatorMax {
    background-position: -30px 0;
}
.leftControlWrap .jPaginatorMax:hover {
    background-position: -90px 0;
}
.leftControlWrap .jPaginatorOver {
    background-position: 0 0;
}
.leftControlWrap .jPaginatorOver:hover {
    background-position: -60px 0;
}

.rightControlWrap {
}
.rightControlWrap .jPaginatorMax {
    background-position: -30px -24px;
}
.rightControlWrap .jPaginatorMax:hover {
    background-position: -90px -24px;
}
.rightControlWrap .jPaginatorOver {
    background-position: 0 -24px;
}
.rightControlWrap .jPaginatorOver:hover {
    background-position: -60px -24px;
}

.paginator_p_wrap {
}

.q2paginator-horni .paginator_slider,
.q2paginator-dolni .paginator_slider {
    top: 12px;
}

.paginator_slider {
}

.paginator_slider .ui-slider-handle {
    /* kulicka ve slideru */
    border-radius: 50%;

    /* zruseni oznaceni */
    border: none;
    outline: none;
}