#videonav, #videonav-wide {
    width:320px;
    height:19px;
    background: black url(../images/video/vn_background.gif) no-repeat
        center top;
    color: white;
    position:relative;
    top: -4px;
    margin: 0 auto;
}

#videonav-wide {
	width: 640px;
	background: black url(../images/video/vn_background_wide.gif) no-repeat center top;
}

* html #videonav, * html #videonav-wide {
    top: 0;
}

#videonav a:visited, #videonav a:link, #videonav a:hover, #videonav a:active,
#videonav-wide a:visited, #videonav-wide a:link, #videonav-wide a:hover, #videonav-wide a:active {
    position:absolute;
    display:block;
    top:3px;
    width: 23px;
    height: 12px;
    text-indent: -1000px;
    overflow: hidden;
    background-position: top left;
    background-color: transparent;
    background-repeat: no-repeat;
}

#videonav a:hover, #videonav-wide a:hover {
    background-position: top right;
}

#vnplay {
    left: 11px;
    background-image: url(../images/video/vn_play.gif);
}

#vnaudio {
    right: 11px;
    background-image: url(../images/video/vn_audio.gif);
}

#slider {
    position: absolute;
    background: transparent url(../images/video/vn_loadbar.gif) no-repeat
        -560px 5px;
    width: 560px;
    height: 12px;
    top: 3px;
    left: 40px;
    margin:0;
    padding:0;
    overflow:hidden;
    cursor: pointer;
    text-align:left;
}

#videonav-wide #slider {
    background: transparent url(../images/video/vn_loadbar_long.gif) no-repeat
		-240px 5px;
	width: 240px;
}

#sliderthumb {
    /*position:absolute;
    top: 0;
    left: 100px;*/
    width: 12px;
    height: 12px;
    background: transparent url(../images/video/slider.gif) no-repeat top left;
}