.margin_top_10px {
  margin-top: 10px;
}
.margin_top_20px {
  margin-top: 20px;
}
.margin_top_30px {
  margin-top: 30px;
}
.margin_top_40px {
  margin-top: 40px;
}
.margin_top_50px {
  margin-top: 50px;
}

.margin_right_auto {
  margin-right : auto;
}
.margin_right_10px {
  margin-right: 10px;
}
.margin_right_20px {
  margin-right: 20px;
}
.margin_right_30px {
  margin-right: 30px;
}
.margin_right_40px {
  margin-right: 40px;
}
.margin_right_50px {
  margin-right: 50px;
}

.margin_left_auto {
  margin-left : auto;
}
.margin_left_10px {
  margin-left: 10px;
}
.margin_left_20px {
  margin-left: 20px;
}
.margin_left_30px {
  margin-left: 30px;
}
.margin_left_40px {
  margin-left: 40px;
}
.margin_left_50px {
  margin-left: 50px;
}

.margin_bottom_auto {
  margin-bottom: auto;
}
.margin_bottom_10px {
  margin-bottom: 10px;
}
.margin_bottom_20px {
  margin-bottom: 20px;
}
.margin_bottom_30px {
  margin-bottom: 30px;
}
.margin_bottom_40px {
  margin-bottom: 40px;
}
.margin_bottom_50px {
  margin-bottom: 50px;
}

.padding_0px {
  padding : 0px;
}

.padding_right_10px {
  margin-right: 10px;
}
.padding_right_20px {
  margin-right: 20px;
}
.padding_right_30px {
  margin-right: 30px;
}
.padding_right_40px {
  margin-right: 40px;
}
.padding_right_50px {
  margin-right: 50px;
}

.padding_left_10px {
  margin-left: 10px;
}
.padding_left_20px {
  margin-left: 20px;
}
.padding_left_30px {
  margin-left: 30px;
}
.padding_left_40px {
  margin-left: 40px;
}
.padding_left_50px {
  margin-left: 50px;
}


.font_smaller {
  font-size: smaller;
}
.font_larger {
  font-size: larger;
}
.clear {
  clear: left;
}
.clear_right {
  clear: right;
}
.listnone {
  list-style-type: none;
}
.linedotgray {
  height: 0px;
  border-style: dotted;
  border-width: 1px 0 0 0;
  color: #909090;
}

/* colors */
.red { color: #ff0000; }
.green { color: #00ff00; }
.blue { color: #0000ff; }
.gray { color: #808080; }
.black { color: #000000; }
.white { color: #ffffff; } /* 20180320 added */