.buttonAImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(buttons/uix_butt_a_small.png) no-repeat;
  background-size: contain;
  vertical-align: middle; 
  margin-right: 5px; }

.buttonBImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(buttons/uix_butt_b_small.png) no-repeat;
  background-size: contain;
  vertical-align: middle; 
  margin-right: 5px; }

.buttonXImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(buttons/uix_butt_x_small.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px; }

.buttonYImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(buttons/uix_butt_y_small.png) no-repeat;
  background-size: contain;
  vertical-align: middle; 
  margin-right: 5px; }

.dPadUpImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(buttons/uix_butt_dpad_up.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.dPadRightImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_dpad_right.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.dPadDownImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_dpad_down.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.dPadLeftImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;  
  margin-right: 5px;
  background: url(buttons/uix_butt_dpad_left.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.leftStickImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_l-stick.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.rightStickImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_r-stick.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.leftBumperImage_RGB235_custom {
  display: inline-block;
  /* TODO adjust size */
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_lb.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.rightBumperImage_RGB235_custom {
  display: inline-block;
  /* TODO adjust size */
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_rb.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.leftTriggerImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_lt.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.rightTriggerImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_rt.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }

.menuImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_menu.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }
  
  .viewImage_RGB235_custom {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url(buttons/uix_butt_view.png) no-repeat;
  background-size: contain;
  vertical-align: middle; }