1 .ToolBar {

     2   height: 52px;

     3 

     4   /* Grey Gradient */

     5 /*

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

     7       color-stop(0%,#444444),

     8       color-stop(30%, #afafbf),

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

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

    11 */

    12   /* Blueish */

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

    14       color-stop(0%,#222233),

    15       color-stop(30%,#555577),  

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

    17   

    18   /* Bluetipped */

    19   /*

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

    21       color-stop(0%,#111144),

    22       color-stop(50%,#777799),

    23       color-stop(51%,#444488),  

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

    25      */

    26  }

    27 

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

    29 

    30 .toolBarTable{

    31   width: 100%;

    32   border-collapse:collapse;

    33 }

    34 

    35 .toolBarBtnCell { 

    36   text-align: center;

    37   // border: 1px solid red;

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

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

    40  }

    41 

    42 .toolbarBtn{

    43   height: 40px;

    44   width: 40px;

    45   margin-top: 5px;  

    46   margin-bottom: 7px;

    47   -webkit-user-drag: none;

    48   -webkit-user-select: none;

    49 }   

    50 

    51 .btnBorder{   

    52   margin-top: 5px;  

    53   margin-bottom: 7px;

    54  }

    55 

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

    57 .lastButton{

    58     margin-right: 12px;

    59 }

    60 

    61 .firstButton {

    62     margin-left: 12px;

    63 }