@charset "UTF-8";

// <copyright>
// Copyright (c) 2012, Motorola Mobility LLC.
// All Rights Reserved.
// 
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
// 
// * Redistributions of source code must retain the above copyright notice,
//   this list of conditions and the following disclaimer.
// 
// * Redistributions in binary form must reproduce the above copyright notice,
//   this list of conditions and the following disclaimer in the documentation
//   and/or other materials provided with the distribution.
// 
// * Neither the name of Motorola Mobility LLC nor the names of its
//   contributors may be used to endorse or promote products derived from this
//   software without specific prior written permission.
// 
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
// </copyright>

//
// toolbar.scss
// Styles governing the individual tools.
// Note that colors and font definitions go in
// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss


//  New Tool List CSS
#toolsPanelContent {
    width:40px;
}

.toolsList {
    width:29px;
    margin:auto;
}

.toolsList hr {
    border:0px;
    border-top: 1px solid #232323;
    border-bottom: 1px solid #3A3A3A;
    margin:2px;
    width:100%;
}

.toolbutton {
    width:29px;
    height:29px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius:3px;
    opacity: 1;
    margin-bottom: 2px;
    -webkit-transform: scale(0.8);
}

.toolbutton:hover, .toolbutton.active {
    box-shadow:  0px 0px 2px 2px #999;

    -webkit-transform: scale(1);
    opacity: 1;
}

.toolbutton:active {
    background-color: #8c8c8c;
}

.toolbutton.active {
    box-shadow: inset 0px 0px 2px 2px #999;
    background-color:#363636;
}

.SelectionTool {
    background-image:url("../images/tools/Tool-Selection.png");
}

.RotateTool3D {
    background-image:url("../images/tools/Tool-3DRotate.png");
}

.Translate3D {
    background-image:url("../images/tools/Tool-3DTranslate.png");
}

.TagTool {
    background-image:url("../images/tools/Tool-Tag.png");
}

.PenTool {
    background-image:url("../images/tools/Tool-Pen.png");
}

.TextTool {
    background-image:url("../images/tools/Tool-Text.png");
}

.ShapeContainer {
    background-image:url("../images/tools/Tool-Rectangle.png");
}

.OvalTool {
    background-image:url("../images/tools/Tool-Oval.png");
}

.RectangleTool {
    background-image:url("../images/tools/Tool-Square.png");
}

.LineTool {
    background-image:url("../images/tools/Tool-Line.png");
}

.PencilTool {
    background-image:url("../images/tools/Tool-Pencil.png");
}

.BrushTool {
    background-image:url("../images/tools/Tool-PaintBrush.png");
}

.FillTool {
    background-image:url("../images/tools/Tool-Fill.png");
}

.EraserTool {
    background-image:url("../images/tools/Tool-Erase.png");
}

.RotateStageTool3D {
    background-image:url("../images/tools/Tool-3DRotateStage.png");
}

.TranslateStageTool3D {
    background-image:url("../images/tools/Tool-3DTranslateStage.png");
}

.PanTool {
    background-image:url("../images/tools/Tool-Pan.png");
}

.ZoomTool {
    background-image:url("../images/tools/Tool-Zoom.png");
}

.InkBottleTool {
    background-image:url("../images/tools/Tool-FillColor.png");
}

.bindingTool {
  background-image:url("../images/tools/binding.png");
}