#mainContent #stage{width:602px}
#resources>*{
    margin-top:10px;
}
#aside .legend{
    width:170px;
}
#aside .legend p{
    width:60px;
}
label{width:150px}
#aside div.line1{margin-top:60px}
#aside>div#slider {
   margin-left:18px;
}


/*height is the height of the image from top to the slider measured in photoshop
 rangeBarXOffset and  rangeBarYOffset are measured from slider top-left to the 0,0 of the image
 */

/*    margin: 0 20px 0 20px; */


#slider[class~="ui-slider-vertical"] {
    height:2px;
}
#slider {
    width: 157px;
    height:42px;
    position:relative;
    clear:both;
    cursor:pointer;
    padding: 0px !important;
}

#slider[class~="ui-slider-vertical"] a {
    top:auto;
    margin-bottom:-4px;
    left: -8px;
}

#slider[class~="ui-slider-horizontal"] a {
    margin-left:-7.5px;
    top:34px;
}

#slider a {
    width: 15px;
    height: 8px;
    background-image: url(../images/icons/slider-handle.png);
    display:block;
    position:absolute;
}
#slider[class~="ui-slider-vertical"] .ui-slider-range-min {
    bottom:0;
    top:auto;
    left:0;
    width: 100%;
}


#slider div.ui-slider-range {
        background-color: #306391;
        height: 2px;
    top:31px;
    position:absolute;
}

#slider:before {

    background:url(../img/bg-video-control.png) no-repeat scroll transparent;
    position:relative;
    left:-8px; 
    width: 179px;
    height: 34px;
    display:block;
    content:"";
}

#slider[class~="ui-slider-horizontal"]:before {
    top:0px;
}

#slider[class~="ui-slider-vertical"]:before {
    top:-31px;
}

#slider.disabled {
    opacity: 0.5;
}

#slider.disabled a {
    opacity: 0.5;
}