.buttonTopLeft {
  background-image: url('/ConnexControls/Button/images/button_off_01.png');
  background-position:top left;
  background-repeat:no-repeat;
  width:8px;
  height:1px;
}
.buttonTop {
  background-image: url('/ConnexControls/Button/images/button_off_02.png');
  background-position:top;
  background-repeat:repeat-x;
  height:1px;  
}
.buttonTopRight {
  background-image: url('/ConnexControls/Button/images/button_off_03.png');
  background-position:top right;
  background-repeat:no-repeat;
  width:8px;
  height:1px;
}
.buttonMiddleLeft {
  background-image: url('/ConnexControls/Button/images/button_off_04.png');
  background-position:left;
  background-repeat:repeat-y;
  width:8px;
  height:22px;
}
.buttonMiddle{
  background-image: url('/ConnexControls/Button/images/button_off_05.png');
  font-size:8pt;
  font-family:Arial;
  font-weight:bold;
}
.buttonMiddleRight {
  background-image: url('/ConnexControls/Button/images/button_off_06.png');
  background-position:right;
  background-repeat:repeat-y;
  width:8px;
  height:22px;
}

.buttonBottomLeft {
  background-image: url('/ConnexControls/Button/images/button_off_07.png');
  background-position:bottom left;
  background-repeat:no-repeat;
  width:8px;
  height:1px;
}
.buttonBottom {
  background-image: url('/ConnexControls/Button/images/button_off_08.png');
  background-position:bottom;
  background-repeat:repeat-x;
  height:1px;
}
.buttonBottomRight {
  background-image: url('/ConnexControls/Button/images/button_off_09.png');
  background-position:bottom right;
  background-repeat:no-repeat;
  width:8px;
  height:1px;
}

.buttonTopLeftOn {
  background-image: url('/ConnexControls/Button/images/button_on_01.png');
  background-position:top left;
  background-repeat:no-repeat;
  width:8px;
  height:1px;
}
.buttonTopOn {
  background-image: url('/ConnexControls/Button/images/button_on_02.png');
  background-position:top;
  background-repeat:repeat-x;
  height:1px;  
}
.buttonTopRightOn {
  background-image: url('/ConnexControls/Button/images/button_on_03.png');
  background-position:top right;
  background-repeat:no-repeat;
  width:8px;
  height:1px;
}
.buttonMiddleLeftOn {
  background-image: url('/ConnexControls/Button/images/button_on_04.png');
  background-position:left;
  background-repeat:repeat-y;
  width:8px;
  height:22px;
}
.buttonMiddleOn{
  background-image: url('/ConnexControls/Button/images/button_on_05.png');
  font-size:8pt;
  font-family:Arial;
  font-weight:bold;  
}
.buttonMiddleRightOn {
  background-image: url('/ConnexControls/Button/images/button_on_06.png');
  background-position:right;
  background-repeat:repeat-y;
  width:8px;
  height:22px;
}

.buttonBottomLeftOn {
  background-image: url('/ConnexControls/Button/images/button_on_07.png');
  background-position:bottom left;
  background-repeat:no-repeat;
  width:8px;
  height:1px;
}
.buttonBottomOn {
  background-image: url('/ConnexControls/Button/images/button_on_08.png');
  background-position:bottom;
  background-repeat:repeat-x;
  height:1px;
}
.buttonBottomRightOn {
  background-image: url('/ConnexControls/Button/images/button_on_09.png');
  background-position:bottom right;
  background-repeat:no-repeat;
  width:8px;
  height:1px;
}