/* widths */
.width-full {
  width:    950px;
}
.width-half {
  width:    475px;
}
.width-minor {
  width:    360px;
}
.width-major {
  width:    580px;
}
.width-quarter {
  width:    235px;
}
.width-threequarter {
  width:    710px;
}
.width-auto {
  width:    auto;
}

/* floats */
.fleft {
  float:  left;
}
.fright {
  float:  right;
}
.fnone {
  float:  none;
}

/* margins */
.margin-bottom {
  margin-bottom:  5px;
}
.margin-bottom-large {
  margin-bottom:  15px;
}
.margin-top {
  margin-top:     5px;
}
.margin-top-large {
  margin-top:     15px;
}
.margin-right {
  margin-right: 5px;
}
.margin-right-large {
  margin-right: 15px;
}
.margin-left {
  margin-left: 5px;
}
.margin-left-large {
  margin-left: 15px;
}

/* display */
.hide {
  display:  none;
}
.show-in {
  display:  inline;
}
.show-bl {
  display: block;
}

.mm {
  background-color: #FFFF00;
}
.inv {
  background-color: #FFDDDD;
}

.text-large {
  font-size:    1.15em;
  line-height:  24px;
}
.text-small {
  font-size:  0.9em;
}


.al-left {
  text-align: left;
}
.al-right {
  text-align: right;
}
.al-center {
  text-align: center;
}
.al-justify {
  text-align: justify;
}
.val-top {
  vertical-align: top;
}
.val-middle {
  vertical-align: middle;
}
.val-bottom {
  vertical-align: bottom;
}

.nowrap {
  white-space: nowrap;
}
.min {
  width:  1px;
}
.icon {
  max-height: 16px;
  max-width:  16px;
  border:     2px solid #F4F4F4;
  vertical-align:   top;
}


.bg-dev {
  background-color: pink;
}
.bg-dev2 {
  background-color: orange;
}