body {
    font-family         : Arial;
    font-size           : 13px;
    margin              : 0;
    padding             : 0;
    text-align          : center;
    background          : #ded6b4 url('/images/body_bg.jpg') top left;
    color               : #963d0e;
}

a {
    color               : #963d0e;
}

#body_center {
    width               : 998px;
    text-align          : left;
    margin-left         : auto;
    margin-right        : auto;
    border              : #b3ab8e 1px solid;
}

#logo {
    padding-top         : 10px;
    padding-left        : 50px;
    font-size           : 14px;
}

#desc {
    padding-top         : 110px;
    padding-left        : 25px;
}

#top {
    display             : block;
    clear               : both;
    width               : 998px;
    height              : 229px;
    background          : #ded6b4 url('/images/top.jpg') top left no-repeat;
}

#top_short {
    display             : block;
    clear               : both;
    width               : 998px;
    height              : 37px;
    background          : #ded6b4 url('/images/top_short.jpg') top left no-repeat;
}

h1 {
    color               : #963d0e;
    font-size           : 18px;
    font-weight         : bold;
}

#content {
    display             : block;
    background          : #ded6b4 url('/images/content_bg.jpg') top left;
    clear               : both;
    padding             : 5px 5px 5px 5px;
}

#player {
    display             : block;
    margin-left         : auto;
    margin-right        : auto;
    width               : 850px;
}

#video_title {
    font-size           : 18px;
    font-weight         : bold;
    padding-bottom      : 10px;
}

#video {
    display             : block;
    width               : 640px;
    float               : left;
    clear               : left;
    text-align          : center;
}

#video_progress {
    width               : 640px;
    height              : 5px;
}

#volume {
    display             : block;
    width               : 120px;
    float               : right;
    clear               : right;
    text-align          : left;
}

#volume_slider {
    height              : 350px;
    margin-left         : 35px;
    margin-top          : 5px;
    margin-bottom       : 5px;
    width               : 40px;
}

.ui-slider .ui-slider-handle {
    width               : 48px;
}

#volume_value {
    font-weight         : bold;
    font-size           : 14px;
}

#video_controls {
    display             : block;
    clear               : both;
    text-align          : left;
    width               : 850px;
}

#video_prev {
    display             : inline;
    margin-left         : 0px;
    margin-right        : 0px;
}

#video_play {
    display             : inline;
    margin-left         : 75px;
    margin-right        : 0px;
}

#video_pause {
    display             : inline;
    margin-left         : 0px;
    margin-right        : 0px;
}

#video_next {
    display             : inline;
    margin-left         : 45px;
    margin-right        : 0px;
}

#video_list {
    display             : block;
    clear               : both;
    width               : 940px;
    margin              : 0;
    padding             : 20px 20px 10px 20px;
}

.video_selected {
    border              : 2px #FF0000 solid;
}

.video_notselected {
    border              : 2px #FFFFFF solid;
}


#video_scroll {
    list-style          : none;
    margin              : 0;
    padding             : 5px 5px 5px 5px;
}

#video_scroll li {
    display             : inline;
}

#category_list {
    display             : block;
    clear               : both;
    width               : 940px;
    margin              : 0;
    padding             : 20px 20px 10px 20px;
}

#category_scroll {
    list-style          : none;
    margin              : 0;
    padding             : 5px 5px 5px 5px;
}

#category_scroll li {
    display             : block;
    float               : left;
    height              : 120px;
    padding             : 10px 5px 10px 5px;
    text-align          : center;
}

.category_name {
    text-decoration     : none;
    color               : #963d0e;
    font-size           : 14px;
    padding-bottom      : 5px;
}

a .category_name {
    text-decoration     : none;
}

.category_name {
    display             : block;
}

#separator {
    display             : block;
    width               : 980px;
    clear               : both;
}