.v-div-controls {
        font-family: Lucida Grande, Tahoma, Verdana, Sans-serif !important;
        overflow: hidden !important;
        background: url(../images/controls-background-0.png);
        height: 38px;
        text-align: center !important;
}

.v-div-logo {
        float: left !important;
        margin: 2px 4px 0 2px !important;
        height: 25px;
        width: 68px;
        background-repeat: no-repeat;
        background-position: top left;
}

.v-logo {
    background: url(../images/logo.png);
}

.v-controls-state {
        float: right !important;
        color: #FFF;
        height: 12px;
        width: 75px;
        line-height: 12px !important;
        text-align: right !important;
        font-size: 10px !important;
        margin-top: 8px !important;
}

.v-controls-btn-play {
        float: left !important;
        background: url(../images/buttons.gif) 0 center no-repeat;
        cursor: pointer !important;
        border: none !important;
        margin: 2px 0 0 3px !important;
        height: 25px;
        width: 30px;
}
.v-controls-btn-play:hover {background: url(../images/buttons.gif) -30px center no-repeat;}
.v-controls-btn-play:active {background: url(../images/buttons.gif) -60px center no-repeat;}

.v-controls-btn-pause {
        float: left !important;
        background: url(../images/buttons.gif) -90px center no-repeat;
        cursor: pointer !important;
        border: none !important;
        margin: 2px 0 0 3px !important;
        height: 25px;
        width: 30px;
}
.v-controls-btn-pause:hover {background: url(../images/buttons.gif) -120px center no-repeat;}
.v-controls-btn-pause:active {background: url(../images/buttons.gif) -150px center no-repeat;}

.v-controls-btn-stop {
        float: left !important;
        background: url(../images/buttons.gif) -531px center no-repeat;
        cursor: pointer !important;
        border: none !important;
        margin: 2px 0 0 3px !important;
        height: 25px;
        width: 30px;
}
.v-controls-btn-stop:hover {background: url(../images/buttons.gif) -561px center no-repeat;}
.v-controls-btn-stop:active {background: url(../images/buttons.gif) -591px center no-repeat;}

.v-controls-btn-mute {
        float: right !important;
        background: url(../images/buttons.gif) -180px center no-repeat;
        cursor: pointer !important;
        border: none !important;
        margin: 2px 0 0 3px !important;
        height: 25px;
        width: 30px;
}
.v-controls-btn-mute:hover {background: url(../images/buttons.gif) -210px center no-repeat;}
.v-controls-btn-mute:active {background: url(../images/buttons.gif) -240px center no-repeat;}

.v-controls-btn-mute-selected {
        float: right !important;
        background: url(../images/buttons.gif) -270px center no-repeat;
        cursor: pointer !important;
        border: none !important;
        margin: 2px 0 0 3px !important;
        height: 25px;
        width: 30px;
}
.v-controls-btn-mute-selected:active {background: url(../images/buttons.gif) -240px center no-repeat;}

.v-controls-btn-fullscreen {
        position: relative !important;
        top: -25px !important;
        clear: both !important;
        margin: 0 auto !important;
        background: url(../images/buttons.gif) -300px center no-repeat;
        cursor: pointer !important;
        border: none !important;
        height: 25px;
        width: 77px;
}
.v-controls-btn-fullscreen:hover {background: url(../images/buttons.gif) -377px center no-repeat;}
.v-controls-btn-fullscreen:active {background: url(../images/buttons.gif)  -454px center no-repeat;}

.v-controls-btn-playlist {
    float: right !important;
    background: url(../images/buttons.gif) -621px center no-repeat;
    cursor: pointer !important;
    border: none !important;
    margin: 2px 3px 0 3px !important;
    height: 25px;
    width: 30px;
}

.v-controls-btn-playlist:hover {background: url(../images/buttons.gif) -651px center no-repeat;}
.v-controls-btn-playlist:active {background: url(../images/buttons.gif) -681px center no-repeat;}


.v-controls-btn-survey {
    float: right !important;
    cursor: pointer !important;
    border: none !important;
    margin: 5px 3px 0 3px !important;
    height: 18px;
    width: 16px;   
}

/* XXXAD - hack for languages */
.v-controls-btn-languages {
    float: right !important;
    cursor: pointer !important;
    border: none !important;
    margin: 5px 3px 0 3px !important;
    height: 18px;
    width: 16px;   
}

.v-controls-slider-timeline {
	margin: 0px 3px !important;
	padding-top: 2px !important;
	text-align: left !important;
}
.v-controls-slider-timeline-slider {
    height: 7px;
    cursor: pointer !important;
    background-color: #FFFFFF;
}

.v-controls-slider-timeline-progress {
    background-color: #888888;
}

.v-controls-slider-ad-marker {
	position: relative;
	background-color: blue;
	height: 10px;
	width: 4px;
	overflow: hidden;
	cursor: pointer;
}

.v-controls-slider-volume {
	margin: 11px 4px 0 4px !important;
	float: right !important;
	text-align: left !important;
}
.v-controls-slider-volume-slider {height: 5px; cursor: pointer !important; background-color: #FFFFFF;}
.v-controls-slider-volume-progress {background-color: #888888;}

.v-controls-div-bitrate {
     float: right !important;
     border: none !important;
     width: 29px;
     height: 20px;
     margin: 2px 1px 0 0 !important;
}

/* The following classes are used when js is not enabled */
.v-nojs-container {
     font-size: 14px !important;
     width: 100%;
     height: 100%;
     border: #999 1px solid;
}

.v-nojs {
     text-align: center !important;
     font-weight: bold !important;
     color: #FF0000;
     margin-top: 30% !important;
}