.jfselect {
    width           : 280px;
    position        : relative;
    z-index         : 10;

    font-family     : Arial, georgia, serif;
    font-size       : 16px;
}

    .jfselect * {
        margin          : 0;
        padding         : 0;

    }

    .jfselect a {
        display			: block;
        height          : 28px;
        line-height     : 28px;
        text-decoration : none;
        text-indent     : 10px;
        cursor          : pointer;
    }

    .jfselect a,
    .jfselect a:link,
    .jfselect a:visited,
    .jfselect a:hover,
    .jfselect a:active {
        color           : #5e6062;
        padding-right       : 10px;
    }

    .jfselect a.selectvalue {
        border              : 1px solid #ccc;
    }

        /* rules for safari */
        @media screen and (-webkit-min-device-pixel-ratio:0) {
             .jfselect a.selectvalue:focus { outline: none; }
        }

    .jfselect a span {
        display             : block;
        padding-right       : 10px;
        _width              : 100%;
        height              : 21px;
        padding-top         : 0px;
        white-space			: nowrap;
        overflow			: hidden;
        text-overflow       : ellipsis;
	    -o-text-overflow    : ellipsis;
        -ms-text-overflow   : ellipsis;
	    -moz-binding        : url('ellipsis.xml#ellipsis');
    }


    .jfselect .selectlist {
        position        : absolute;
        z-index         : 1;

        margin-top      : -1px;
        border          : 1px #ccc solid;

        background-color: #fff;
        display         : none;
        float           : none;
    }


    .jfselect .scrollable {
        padding-right   : 2em;
        display         : none;
    }

    div.opened {
        z-index         : 11;
        border-bottom   : 0;
    }

    div.opened .selectlist {
        display         : block;
        overflow        : hidden;
        *float             : left;
        _float            : none;
        min-width       : 99.4%;

    }



    div.opened .selectlist ul {
        position        : relative;
        width           : auto;
    }

    /* list */
    .jfselect li {
        list-style-type : none;
    }


        .jfscrollers {
            position        : absolute;
            z-index         : 50;
            width           : 28px;
            height          : 100%;
            margin-left    : 100%;
            right          : 0;
            _right          : -1px;
        }

        .jfselect ul a,
        .jfselect ul li {
            background          : none;
            display             : block;
            width               : 100%;
            cursor              : default;
            position        : static;
			white-space         : nowrap;
        }


            .jfselect ul li.currentlistvalue a,
            .jfselect ul li.currentlistvalue a:link,
            .jfselect ul li.currentlistvalue a:visited,
            .jfselect ul li.currentlistvalue a:hover,
            .jfselect ul li.currentlistvalue a:active {
                color           : #fff;
                background      : #a29ea9;
            }



        /* * scroll * */
        .jfscrollers a.up,
        .jfscrollers a.down,
        .jfscrollers div {
            text-indent     : -9999em;
            display         : block;
            position        : absolute;
        }

        .jfscrollers a.up,
        .jfscrollers a.down {
            background      : #7c6570;
            width           : 100%;
            padding         : 0;
            margin          : 0;
            border          : 0;
            z-index         : 3;
            outline         : none;
        }

        .jfscrollers a,
        .jfscrollers a:link,
        .jfscrollers a:visited,
        .jfscrollers a:hover,
        .jfscrollers a:active {
            padding         : 0;
            margin          : 0;
        }

             .jfscrollers a.up { top: 0; }
             .jfscrollers a.down { bottom: 0; }


        .jfscrollers div {
            z-index         : 2;
            top             : 28px;
            bottom          : 28px;
            height          : auto;
            width           : 100%;
            overflow        : hidden;
            background      : #f2f2f2;
        }

        .jfscrollers span {
            display         : block;
            background      : #d0d0d0;
            position        : relative;
			z-index			: 30;
            cursor          : pointer;
        }

		.jfselect .selectscroller a {
			display			: block;
			position		: absolute;
			z-index			: 20;
			width			: 100%;
			height		    : auto;
			text-indent		: -9999em;
			overflow		: hidden;
		}

		.selectscroller a.scrollup { top: 0; /* background: red; */ }
		.selectscroller a.scrollunder { bottom: 0; /* background: blue; */ }





    /*** theming ***/

    .jfselect {
        width           : 265px;
        _width          : 255px;
    }

    .jfselect a.selectvalue span {
        height          : 19px;
        line-height     : 19px;
        overflow        : hidden;
    }

     .jfscrollers a.up,
     .jfscrollers a.down,
     .jfselect a.selectvalue {
           background-image    : url(/images/candidati/theme-default.gif);
           background-repeat   : no-repeat;
     }

    .jfselect a.selectvalue,
    .jfselect a.selectvalue:link,
    .jfselect a.selectvalue:visited,
    .jfselect a.selectvalue:hover,
    .jfselect a.selectvalue:active {
        border              : 0;
        background-position : top right;
        padding-right       : 29px;
        background-color    : #fff;
        padding-top         : 5px;
        height              : 24px;
  }

    .jfselect .scrollable           { padding-right : 29px; }
    .jfscrollers a.up               { height : 29px; background-position : bottom left;  }
    .jfscrollers a.down           { height : 29px; background-position : bottom right; }


	.jfselect .selectscroller a {
		line-height		: 0;
	}


    .jfselect .selectlist           {
        border-color        : #dfdfdf;
        background-color    : #f9f9f9;
    }

    .jfscrollers { width : 29px; }
    /* rules for safari */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .jfscrollers { margin-left     : -29px; }
    }

    .jfscrollers div {
        background-color: #fff;
        top             : 29px;
        bottom          : 29px;
    }

    .jfscrollers span { background-color  : #d3d3d3; }