/* Copyright © 1998, 2012, Oracle and/or its affiliates.  All rights reserved. */

.NavbarWrapper
{
   z-index: 99;
   display: none;
}

.NavbarOuter
{
   overflow: hidden;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 87px;
   z-index: 99;
}

.small .NavbarOuter
{
   height: 45px;
}

.NavbarMain
{
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 1536px;
   height: 87px;
   background-color: #a1a1a0;
   z-index: 99;
}

.small .NavbarMain
{
   height: 45px;
}

.prevbutton
{
   float: left;
}

.small .prevbutton:hover
{
   background-color: #cacac9;
}

.pauseresumebutton
{
   float: left;
}

.small .pauseresumebutton:hover
{
   background-color: #cacac9;
}

.nextbutton
{
   float: left;
}

.small .nextbutton:hover
{
   background-color: #cacac9;
}

.refreshbutton
{
   float: left;
}

.small .refreshbutton:hover
{
   background-color: #cacac9;
}

.helpbutton
{
   float: right;
}

.small .helpbutton:hover
{
   background-color: #cacac9;
}

.prefsbutton
{
   float: right;
}

.small .prefsbutton:hover
{
   background-color: #cacac9;
}

.timerdisplay
{
   background: url('../img/slider_backgrnd.png') repeat-x;
   float: right;
   text-align: center;
   font-family: Arial;
   font-size: 30px;
   padding-top: 24px;
   color: #ccccca;
   height: 87px;
   cursor:default;
}

.small .timerdisplay
{
   background: url('../img/slider_backgrnd_sm.png') repeat-x;
   height: 45px;
   font-size: 14px;
   padding-top: 15px;
}

.timerdisplay .currenttime
{
   margin-left: 15px;
   color: white;
}

.small .timerdisplay .currenttime
{
   margin-left: 5px;
}

.timerdisplay .endtime
{
   margin-right: 15px;
}

.small .timerdisplay .endtime
{
   margin-right: 5px;
}

.timerleft
{
   float:right;
}

.volumebutton
{
   float: right;
   position:relative;
}

.small .volumebutton:hover
{
   background-color: #cacac9;
}

.slidercontainer
{
   background: url('../img/slider_backgrnd.png') repeat-x;
   position: absolute;
   left: 508px;
   right: 348px;
   top: 0px;
   height: 87px;
}

.small .slidercontainer
{
   background: url('../img/slider_backgrnd_sm.png') repeat-x;
   height: 45px;
}

.volumeslider
{
   position: absolute;
   z-index: 99;
   background-color: #a1a1a0;
   height: 9px;
   left:7px;
   top:7px;
   width:56px;
   overflow:visible;
}

.timeslider
{
   position: absolute;
   z-index: 99;
   background-color: #c6c5c4;
   height: 35px;
   overflow:visible;
   border: 1px solid #626261;
}

.small .timeslider
{
   height: 15px;
   top: 7px;
}

.small .volumeslidercontainer
{
   position:absolute;
   top:-22px;
   height:22px;
   width:70px;
   left:-7px;
   background-color:gray;
}

.timeslider.ui-slider-horizontal .ui-slider-handle
{
   margin-left: -22px;
   top: -15px;
}

.small .timeslider .ui-slider-handle
{
   margin-left: -13px;
   top: -5px;
}

.small .volumeslider .ui-slider-handle
{
   margin-left: -7px;
   top: -2px;
}

/*slider bar button spec, note that it uses fix sizing and offset (45x45px, 15px offset)!!*/
.sliderpointer
{
   background: url('../img/slider_pointer.png');
   background-size:contain;
}
.timeslider .ui-slider-handle
{
   width: 45px;
   height: 45px;
   overflow: hidden;
   position: absolute;
   border-style: none;
}

.small .timeslider .ui-slider-handle
{
   width: 27px;
   height: 27px;
}

.small .volumeslider .ui-slider-handle
{
   width: 13px;
   height: 13px;
}

.timeslider .ui-slider-range-min
{
   background-image: url(../img/slider_left.png);
   background-size:contain;
}

.small .timeslider .ui-slider-range-min
{
   height:15px;
   bottom:0;
   background: url('../img/slider_left_sm.png') repeat-x;
}

.small .volumeslider .ui-slider-range-min
{
   overflow:hidden;
   background-color:#335f9b;
}

/*disble corner radius*/
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl
{
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}

/*disable handle border on desktop*/
.ui-slider a
{
   outline: none;
   ie-dummy: expression(this.hideFocus=true);
}