.ToolBar
{
   background-color:Gray;
   border:1px solid black;
   position:absolute;
   width:100%;
   overflow: auto;
}

.toolBarDiv
{
    top:36px;
    left:0px;
    position:absolute;
    width:100%
}

.ToolBar div
{
   margin-left:5px;
}

.toolbargroup
{   
   float:left;
}

.toolBarItem
{
   margin-right:2px;
   margin-top:2px;
   margin-bottom:2px;
   cursor:pointer;
   display:block;
   height:50px;
   width:50px;   
   float:left;
}

.Tools
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -50px -51px;
}
.Tools:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -50px -255px;
}

.Pan
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -300px -102px;
}
.Pan:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -300px -306px;
}

.Magnify
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -150px -153px;
}
.Magnify:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -250px -153px;
}

.RotateClock
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -400px 0;
}
.RotateClock:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -400px -204px;
}

.RotateCounterClock
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -50px -153px;
}
.RotateCounterClock:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -50px -357px;
}

.Flip
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) 0 0;
}
.Flip:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) 0 -204px;
}

.Reverse
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) 0 -102px;
}
.Reverse:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) 0 -306px;
}

.FitImage
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -50px 0;
}
.FitImage:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -50px -205px;
}

.OneToOne
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -100px -102px;
}
.OneToOne:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -100px -306px;
}

.ZoomIn
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -250px 0;
}
.ZoomIn:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -250px -204px;
}

.ZoomOut
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -300px 0;
}
.ZoomOut:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -300px -204px;
}

.About
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -450px -204px;
}

.About:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -450px -255px;
}

.OpenFile
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -450px -51px;
}
.OpenFile:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -400px -153px;
}

.Run
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -450px -103px;
}
.Run:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -450px -307px;
}

.SelectMode
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -350px -102px;
}
.SelectMode:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -350px -306px;
}

.Save
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -450px 0;
}
.Save:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -450px -153px;
}
.ScaleToGray
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -200px -51px;
}
.ScaleToGray:hover
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -200px -255px;
}
.DisabledScaleToGray
{
   display:block;
   width:50px;
   height:50px;
   background:url(../Images/sprite-sheet.png) -200px -357px;
}