/*  Default stylesheet for the Carpe Slider
    2013-01-14 3.0
    Copyright Tom Hermansson Snickars, CARPE Design
    carpe.ambiprospect.com/slider/
*/

/* root element */
.slider205x9{
	width:210px;
	height:27px;
	outline:none;
}

/* The Slider Box */
.slider205x9 .carpe-slider-box,
.slider205x9 .carpe-slider-box * {
    position: relative;
    visibility: visible;
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
}
.slider205x9 .carpe-slider-box {
    visibility: hidden;
    width:205px;
	height:27px;
}
.slider205x9 .carpe-slider-box.vertical {
    float: left;
    height:205px;
	width:27px;
    margin-bottom: 15px;
    margin-left: 1px;
    margin-right: 1px;
}

/* The Slider Panel */
.slider205x9 .carpe-slider-panel,
.slider205x9 .carpe-slider-panel:hover,
.slider205x9 .carpe-slider-panel:focus {
	width:205px;
	height:9px;
    border:none;
    background:url('../../img/sliders/slider205x9_bg0.png') no-repeat;
    margin-left:6px;
    margin-right:6px;
}

.slider205x9 .carpe-slider-panel,
.slider205x9 .carpe-slider-box[disabled] .carpe-slider-panel,
.slider205x9 .carpe-slider-box[disabled]:hover .carpe-slider-panel {
	width:205px;
	height:9px;
    border:none;
    background:url('../../img/sliders/slider205x9_bg0.png') no-repeat;
    top: -15px;
    margin-left:6px;
    margin-right:6px;
    /* reset */ border: none;
}
.slider205x9 .carpe-slider-panel:link,
.slider205x9 .carpe-slider-panel:visited {
	background:url('../../img/sliders/slider205x9_bg0.png') no-repeat;
}
.slider205x9 .carpe-slider-panel:focus,
.slider205x9 .carpe-slider-panel:active,
.slider205x9 .carpe-slider-box:hover .carpe-slider-panel {
    background:url('../../img/sliders/slider205x9_bg0.png') no-repeat;
    /* reset */ border: none;
}
.slider205x9 .carpe-slider-panel:focus,
.slider205x9 .carpe-slider-panel:active {
	background:url('../../img/sliders/slider205x9_bg0.png') no-repeat;
    /* reset */ border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.slider205x9 .carpe-slider-box.vertical .carpe-slider-panel,
.slider205x9 .carpe-slider-box.vertical[disbaled]:hover .carpe-slider-panel {
    padding: 0px 0px;
    width: 9px;
    height: 205px;
   	background:url('../../img/sliders/slider205x9_bg0.png') no-repeat;
    /* reset */ border: none;
}
.slider205x9 .carpe-slider-box.vertical:hover .carpe-slider-panel {
	background:url('../../img/sliders/slider205x9_bg0.png') no-repeat;
}



/* The Slider Knob */
.slider205x9 .carpe-slider-knob  {
	z-index: 2;
    top: 3px;
    left: 4px;
    width: 26px;
    height: 27px;
   	background:url('../../img/sliders/slider205x9_head.png');
   	/* reset */	border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.slider205x9 .carpe-slider-knob:hover {
    /* reset */	border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}

.slider205x9 .carpe-slider-box.vertical .carpe-slider-knob {
    cursor: n-resize;
    width: 26px;
    height: 27px;
    top: 3px;
    left: 4px;
    background:url('../../img/sliders/slider205x9_head.png');
}
.slider205x9 .carpe-slider-box[disabled] .carpe-slider-knob {
   	background:url('../../img/sliders/slider205x9_head.png');
   /* reset */	border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}

/* The Slider Track */
.slider205x9 .carpe-slider-track {
    cursor: pointer;
    z-index: 1;
    top: 0px;
    margin: 0px 0px;
    padding: 0;
    width:100%;
    height: 9px;
    border: none;
    font-size: 0px;
    background:url('../../img/sliders/slider205x9_bg1.png') no-repeat;
    background-repeat: no-repeat;
}
.slider205x9 .carpe-slider-box:hover .carpe-slider-track,
.slider205x9 .carpe-slider-panel:focus .carpe-slider-track {
    background:url('../../img/sliders/slider205x9_bg1.png') no-repeat;
}
.slider205x9 .carpe-slider-box[disabled] .carpe-slider-track,
.slider205x9 .carpe-slider-box[disabled]:focus .carpe-slider-track,
.slider205x9 .carpe-slider-box[disabled]:hover .carpe-slider-track,
.slider205x9 .carpe-slider-box[disabled]:focus:hover .carpe-slider-track {
    background:url('../../img/sliders/slider205x9_bg1.png') no-repeat;
}
.slider205x9 .carpe-slider-box.vertical .carpe-slider-track {
    top: 0px;
    left: 12px;
    width: 2px;
    margin: 2px 0px;
}

/* The Carpe Link */ 
.slider205x9 .carpe-slider-link, .carpe-slider-box[disabled] .carpe-slider-link {
    display: none;
}