/*
 * jQuery UI Slider @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.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 : 995px;
    height : 700px;
    margin-left : auto;
    margin-right : auto;
}
#mediagallery_video_wrap{
    float : left;
    background-color : black;
}
#mediagallery_video{
    height : 520px;
    width : 680px;
    background-color : ##FC0;
}
#mediagallery_video_descr{
    overflow : hidden;
    background-color : #FC0;
   /* border : 1px solid #e3e3e3;*/
    width : 615px;
    height : 175px;
    padding : 5px;
    display:none;
}

#mediagallery_more{
    float : right;
    background-color : Black;
   /* border : 1px solid #e3e3e3;*/
    width : 285px;
    height : 520px;
    padding : 5px;
}
#mediagallery_list{
    float : left;
    height : 520px;
    width : 270px;
    overflow : hidden;
}
#mediagallery_scroll{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    float : left;
    height : 505px;
    width : 8px;
    background-color : #333;
    margin-top : 10px;
}
#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 : #F90;
    margin-left : 4px;

}

#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 : #F90;
    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 : #FC0;
    margin-top : 4px;

}
#med_list_cont{
    margin : 0;
    padding : 0;
}
#med_list_cont li{
    padding-top : 12px;
    list-style-type:none;
    width : 290px;
    height : 110px;
    border-bottom : 1px solid #FC0;
}
#med_list_cont img,h2,p{
    cursor : hand;
    float : left;
    font-family : Verdana,serif;
}
#med_list_cont img{
    margin : 4px;
    width : 80px;
    height : 60px;
    margin-right : 10px;
}
#med_list_cont h2{
    font-size : 14px;
    font-weight : bold;
    color : #FC0;
    width : 140px;
    margin : 0;
}
#med_list_cont p{
    font-size : 11px;
    color : #F90;
    width : 130px;

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

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

}
.hidden{
    display : none;
}
.med_active{
    background-color : #333;
}
.med_current{
    background-color : #666;
}