+}
+
+.timeThumb {
+ background: url("chrome://global/skin/media/scrubberThumb.png") no-repeat center;
+ min-width: 45px;
+ min-height: 28px;
+ -moz-box-pack: center;
+}
+
+.timeThumb[showhours="true"] {
+ background: url("chrome://global/skin/media/scrubberThumbWide.png") no-repeat center;
+}
+
+/*
+.timeThumb:hover, .timeThumb:active {
+ background-image: url("chrome://global/skin/media/scrubberThumb-hover.png");
+}
+*/
+
+.timeLabel {
+ color: rgba(0,0,0,0.75);
+ font-size: 10px;
+ font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ text-shadow: rgba(102,102,153, 0.3) 0 1px;
+ padding-top: 2px;
+}
+
+.statusOverlay {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ background-color: rgba(0,0,0,0.55);
+}
+
+.statusIcon {
+ margin-bottom: 28px; /* same height as .controlBar, to keep icon centered above it */
+ width: 32px;
+ height: 32px;
+}
+
+.statusIcon[type="throbber"] {
+ background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat center;
+}
+
+.statusIcon[type="error"] {
+ background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center;
+}
+
+/* CSS Transitions */
+.controlBar:not([immediate]) {
+ -moz-transition-property: opacity;
+ -moz-transition-duration: 200ms;
+}
+.controlBar[fadeout] {
+ opacity: 0;
+}
+.volumeStack:not([immediate]) {
+ -moz-transition-property: opacity, margin-top;
+ -moz-transition-duration: 200ms, 200ms;
+}
+.volumeStack[fadeout] {
+ opacity: 0;
+ margin-top: 0;
+}
+.statusOverlay:not([immediate]) {
+ -moz-transition-property: opacity;
+ -moz-transition-duration: 300ms;
+ -moz-transition-delay: 750ms;
+}
+.statusOverlay[fadeout] {
+ opacity: 0;