.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* real css */


.mediagallery{
    width : 960px;
    height : 600px;
    margin-left : auto;
    margin-right : auto;
}
#mediagallery_video_wrap{
    float : left;
    background-color : black;
}
#mediagallery_video{
    height : 350px;
    width : 620px;
    background-color : #666;
}
#mediagallery_video_descr{
    overflow : hidden;
    background-color : Black;
    width : 615px;
    height : 175px;
    padding : 5px;
    display:none;
}

#mediagallery_more{
    float : left;
    background-color : Black;
    width : 285px;
    height : 340px;
    padding : 5px;
	margin-top:-6px;
}
#mediagallery_list{
    float : left;
    height : 351px;
    width : 270px;
    overflow : hidden;
}
#mediagallery_scroll{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    float : left;
    height : 320px;
    width : 8px;
    background-color : #Black;
    margin-top : 13px;
}
#mediagallery_scroll .ui-slider-handle{
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    height : 20px;
    width : 8px;
    background-color : #fff;
    margin-left : 10px;

}

#mediagallery_scroll_hor{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    float : left;
    height : 8px;
    width : 270px;
    background-color : #999;
    margin-top : 2px;
    display : none;
}
#mediagallery_scroll_hor .ui-slider-handle{
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    height : 8px;
    width : 20px;
    background-color : #999;
    margin-top : 4px;

}
#med_list_cont{
    margin : 0;
    padding : 0;
}
#med_list_cont li{
    padding-top : 12px;
    list-style-type:none;
    width : 270px;
    height : 80px;
    border-bottom : 1px solid #333;
}
#med_list_cont img,h2,p{
    cursor : hand;
    float : left;
    font-family: Arial, Helvetica, sans-serif;
}
#med_list_cont img{
    margin : 4px;
    width : 90px;
    height : 60px;
    margin-right : 10px;
}
#med_list_cont h2{
    font-size : 14px;
    font-weight : bold;
    color : #999;
    width : 140px;
    margin : 0;
}
#med_list_cont p{
    font-size : 11px;
    color : #666;
    width : 130px;

}
.med_spec{
    color : #999;
    font-weight : normal;
}

#mediagallery_video_descr h1{
    font-family: Arial, Helvetica, sans-serif;
    margin : 0;
    font-size : 28px;
    color : #666;
    font-weight : bold;
}
#mediagallery_video_descr h1 .med_sideInf{
    font-size : 11px;
    color : #666;
    font-weight : normal;
}
#mediagallery_video_descr p{
    font-family: Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #666;

}
.hidden{
    display : none;
}
.med_active{
    background-color : #1A1A1A;
}
.med_current{
    background-color : #1A1A1A;
}