/*! jQuery UI - v1.10.1 - 2013-02-27
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/

.diagram2-arrow-bg {
    width: 430px;
	background: url(images/bar-bg.png) repeat-x;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.diagram2-arrow.ui-widget-content {
	border: none;
	margin-left: 31px;
    width: 378px;
    background: none;
}

/* Interaction states
----------------------------------*/
.diagram2-arrow .ui-state-default {
	display: block;
	margin-left: -61px;
	width: 133px;
	height: 47px;
	border: none;
	background: url(images/diagram-arrow.png) left top no-repeat;
	text-decoration: none;
	cursor: e-resize;
}
.diagram2-arrow .selected-value {
    display: block;
    margin: 22px auto 0;
    width: 65px;
    font: normal 13px 'Arial';
    text-align: center;
    color: #444;
}

.diagram2-arrow .ui-state-hover,
.diagram2-arrow .ui-state-focus,
.diagram2-arrow .ui-state-active{
	/** TODO **/
}


/*reset the position of the handle of the diagram2*/
.ui-slider-horizontal .ui-slider-handle {
	top: -0.8em;
}