@charset "utf-8";
/* CSS Document */

#container{
background:url(../images/bg.jpg)!important;
padding:100px 50px 0px 50px;
}

/*the slider background*/
.slider {
width:230px;
height:11px;
background:url(../images/slider-bg.png);
position:relative;
margin:0;
padding:0 10px;
}

/*Style for the slider button*/
.ui-slider-handle {
width:24px;
height:24px;
position:absolute;
top:-7px;
margin-left:-12px;
z-index:200;
background: url(../images/slider-button.png);
}

/*Result div where the slider value is displayed*/
.slider-result {
font-size:20px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
color:rgb(102,102,102);
width:60px;
text-align:center;
/*text-shadow:0 1px 1px #000;*/
font-weight:bold;
}

.skills_label {
	font-size:18px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgb(102,102,102);
	width:60px;
	text-align:right;
	font-weight:normal;
	padding-right:20px;
	/*text-shadow:1px 1px 2px #000;*/
}

/*This is the fill bar colour*/
.ui-widget-header {
background:url(../images/fill.png) no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
}

a {
outline:none;
-moz-outline-style:none;
}