#diagram {
    height: 145px;
	margin-right:32px;	
}
#slider-div {
    margin-left: 35px;
    width: 497px;
}
#noYear {
    border: 1px solid white;
    cursor: pointer;   
   text-align:center;
    padding: 2px 3px;
	margin-bottom:10px;
}
#noYear:hover {
    background-color: #D7EAF7;
    border: 1px solid grey;
}
#titles_without_year {
    margin-right: 3px;
    margin-left: 3px;
}
#diagram_slide {
    position: relative;
    width: 100%;
/*    left: 20px;
    top: 29px;
	*/
}
#year-slider a {
    cursor: col-resize;
}
.xAxis .tickLabel {
    margin-top: 0pt;
}
.yAxis .tickLabel {
    margin-right: 5px;
}
#year-slider {
	
    border: medium none;
    margin: 0pt 36px 0pt 35px;
    top: 30px;
	background:#ededed;
	border-radius:2px;

	
}
/*

#year-slider .ui-slider .ui-slider-handle {
    width: 12px;
}
#year-slider .ui-slider-horizontal .ui-slider-handle {
    margin-left: -6px;
}
#small_year {
    display: inline-block;
    width: 75px;
    text-align: center;
}
#year-0 {
    background-image: url("images/arrow_from.png");
    background-repeat: no-repeat;
    color: #4F4F4F;
    padding-left: 2px;
    left: 6px;
    background-position: 32px 2px;
	 top: 146px;
}
#year-1 {
    background-image: url("images/arrow_to.png");
    background-repeat: no-repeat;
    text-align: right;
    color: #4F4F4F;
    right: 6px;
    background-position: 2px 2px;
    padding-right: 2px;
	 top: 186px;
}
#year-0:hover, #year-1:hover {
    color: black;
    border-color: black;
}
#range-div {
    margin-left: 35px;
    margin-right: 2px;
}
#countYears {
    text-align: right;
    font-weight: bold;
    margin-left: 5px;
}
.showYear {
    position: absolute;
    display: block;
    border: 1px solid grey;
    cursor: pointer;
    padding-top: 0pt;
    background-color: white;
    height: 20px;
   
    line-height: 20px;
    width: 49px;
}
#block-0 {
    background-color: #666;
    opacity: 0.5;
    position: absolute;
    height: 124px;
    top: -171px;
}
#block-1 {
    background-color: #666;
    opacity: 0.5;
    position: absolute;
    top: -171px;
    height: 124px;
}
#year-slider .ui-state-default {
    background: url("images/bg_black.png") repeat-y scroll center 0pt transparent;
    border: medium none;
    z-index: 0;
}
#year-slider a:focus {
    color: #E17009;
}

.ui-slider .ui-slider-range {
	background:#ddd;
}

.ui-slider-horizontal {
	height:3px;
}
*/

.ui-slider .ui-slider-handle {
	width:40px;
	height:40px;
	margin-left:-40px;
	text-align: center;
    padding-top: 11px;
	border-radius:10px;
	text-decoration:none;
	outline:none;
}


#year-slider > a:nth-of-type(2) {
	margin-left:0px;
	margin-right:0px;
}

.ui-slider-horizontal .ui-slider-handle {
	top:-15px;
	outline:none;
}

@media screen and (max-width: 450px) {
	#diagram {display:none;}	
}