.ToolBar {

  height: 52px;

  /* Grey Gradient */

/*

  background: -webkit-gradient(linear, left top, left bottom,

      color-stop(0%,#444444),

      color-stop(30%, #afafbf),

      color-stop(50%,#5c5c6c),

      color-stop(100%,#110000));

*/

  /* Blueish */

  background: -webkit-gradient(linear, left top, left bottom,

      color-stop(0%,#222233),

      color-stop(30%,#555577),  

      color-stop(100%,#110000));

  /* Bluetipped */

  /*

  background: -webkit-gradient(linear, left top, left bottom,

      color-stop(0%,#111144),

      color-stop(50%,#777799),

      color-stop(51%,#444488),  

      color-stop(100%,#222233));

     */

 }

/* CSS properties when not using table to layout */

.toolBarTable{

  width: 100%;

  border-collapse:collapse;

}

.toolBarBtnCell { 

  text-align: center;

  // border: 1px solid red;

  //  border-left: 1px solid #AAAAAA;

  //  border-right: 1px solid #BBBBBB;;

 }

.toolbarBtn{

  height: 40px;

  width: 40px;

  margin-top: 5px;  

  margin-bottom: 7px;

  -webkit-user-drag: none;

  -webkit-user-select: none;

}   

.btnBorder{   

  margin-top: 5px;  

  margin-bottom: 7px;

 }

/* Add extra buttons to rightmost, leftmost button to pad them */

.lastButton{

    margin-right: 12px;

}

.firstButton {

    margin-left: 12px;

}