/*
     BEGIN FLOCK GPL

     Copyright Flock Inc. 2005-2009
     http://flock.com

     This file may be used under the terms of the
     GNU General Public License Version 2 or later (the "GPL"),
     http://www.gnu.org/licenses/gpl.html

     Software distributed under the License is distributed on an "AS IS" basis,
     WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
     for the specific language governing rights and limitations under the
     License.

     END FLOCK GPL
*/

.testStuff {
    background-color: yellow;
}

slideybox {
  -moz-binding: url("chrome://flock/content/common/slideybox.xml#slideybox");
}

slideyitem {
  -moz-binding: url("chrome://flock/content/common/slideybox.xml#slideyitem");
}

.slideyScrollBox {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: -moz-scrollbars-none;
}

.slideyScrollBoxBG {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url("chrome://flock/skin/common/topbarBackground.png");
}

slideyitem[selected="true"] {
/*
    background-color: blue;
*/
}

.slideyitemInner {
    padding: 0px;
}

.slideyitemInner[selected="true"] {
    padding: 0px;
    width: 15px;
}

.slideyitemOuter {
}


slideybox .toolbarbutton-icon {
  -moz-margin-end: 0px;
}

slideybox .toolbarbutton-text {
  margin: 0 !important;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

slideybox .toolbarbutton-icon {
  -moz-margin-end: 0px;
}

#scroll-left-button {
  background-image: url("chrome://flock/skin/common/paddleLeft.png");
}

#scroll-right-button {
  background-image: url("chrome://flock/skin/common/paddleRight.png");
}

.flock-media-scroll-button {
    margin: 6px;
    -moz-appearance: none;
    cursor: pointer;
    width: 13px;
    border-color: #BBB;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    background-color: #E1E1E1;
    background-repeat: no-repeat;
    background-position: center center;
}

.flock-media-scroll-button:hover {
	background-color: #BDBDBD;
}

.flock-media-scroll-button:active {
	background-color: #E1E1E1;
}

.flock-media-scroll-button[disabled='true'], 
.flock-media-scroll-button[disabled='true']:active,
.flock-media-scroll-button[disabled='true']:hover {
    cursor: default;
    opacity: 0.4;
    background-color: #E1E1E1;
}
