/********************/
/* GENERAL SETTINGS */
/********************/
.left { float: left;}
.right { float: right;}

.clear { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: left; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #333333; }

h2 { font-size: 275%; font-weight: normal; margin-bottom: 10px; }
h3 { font-size: 150%; }

textarea, input, select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  border: 1px solid #bcbcbc;
  padding: 2px;
  color: #767676;
}

p {
  font-size: 100%;
  line-height: 150%;
  margin-bottom: 5px;
  color: #000;
}

a, a:visited, a:active { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

.display-none { display: none; }
.display-block { display: block; }

a.text-underline { text-decoration: underline; }
a.text-none { text-decoration: none; }

.text-underline { text-decoration: underline; }
.text-none { text-decoration: none; }

.black { color: #000; }
.white { color: #fff; }
.lightgray { color: #bcbcbc; }
.darkgray { color: #49494B; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }

.ta-left { text-align: left; }
.ta-right { text-align: right; }
.ta-center { text-align: center; }

.lh-100 { line-height: 100%; }
.lh-150 { line-height: 150%; }
.lh-175 { line-height: 175%; }
.lh-200 { line-height: 200%; }
.lh-250 { line-height: 250%; }

.fs-80 { font-size: 80%; }
.fs-85 { font-size: 85%; }
.fs-90 { font-size: 90%; }
.fs-100 { font-size: 100%; }
.fs-110 { font-size: 110%; }
.fs-125 { font-size: 125%; }
.fs-150 { font-size: 150%; }
.fs-200 { font-size: 200%; }

.w-50 { width: 50px; }
.w-100 { width: 100px; }
.w-150 { width: 150px; }
.w-200 { width: 200px; }
.w-250 { width: 250px; }
.w-300 { width: 300px; }

.w-25p { width: 25%; }
.w-50p { width: 50%; }
.w-75p { width: 75%; }
.w-100p { width: 100%; }

.ta-left { text-align: left; }
.ta-right { text-align: right; }
.ta-center { text-align: center; }

.lh-100 { line-height: 100%; }
.lh-150 { line-height: 150%; }
.lh-175 { line-height: 175%; }
.lh-200 { line-height: 200%; }
.lh-250 { line-height: 250%; }

.fs-80 { font-size: 80%; }
.fs-85 { font-size: 85%; }
.fs-90 { font-size: 90%; }
.fs-100 { font-size: 100%; }
.fs-110 { font-size: 110%; }
.fs-125 { font-size: 125%; }
.fs-150 { font-size: 150%; }
.fs-200 { font-size: 200%; }

.w-50 { width: 50px; }
.w-100 { width: 100px; }
.w-150 { width: 150px; }
.w-200 { width: 200px; }
.w-250 { width: 250px; }
.w-300 { width: 300px; }

.w-10p { width: 10%; }
.w-20p { width: 20%; }
.w-25p { width: 25%; }
.w-30p { width: 30%; }
.w-40p { width: 40%; }
.w-50p { width: 50%; }
.w-60p { width: 60%; }
.w-70p { width: 70%; }
.w-75p { width: 75%; }
.w-80p { width: 80%; }
.w-90p { width: 90%; }
.w-100p { width: 100%; }

.mt-0 { margin-top: 0px; }
.mr-0 { margin-right: 0px; }
.mb-0 { margin-bottom: 0px; }
.ml-0 { margin-left: 0px; }

.mt-1x { margin-top: 5px; }
.mr-1x { margin-right: 5px; }
.mb-1x { margin-bottom: 5px; }
.ml-1x { margin-left: 5px; }

.mt-2x { margin-top: 10px; }
.mr-2x { margin-right: 10px; }
.mb-2x { margin-bottom: 10px; }
.ml-2x { margin-left: 10px; }

.mt-3x { margin-top: 15px; }
.mr-3x { margin-right: 15px; }
.mb-3x { margin-bottom: 15px; }
.ml-3x { margin-left: 15px; }

.mt-4x { margin-top: 20px; }
.mr-4x { margin-right: 20px; }
.mb-4x { margin-bottom: 20px; }
.ml-4x { margin-left: 20px; }

.pt-0 { padding-top: 0px; }
.pr-0 { padding-right: 0px; }
.pb-0 { padding-bottom: 0px; }
.pl-0 { padding-left: 0px; }

.pt-1x { padding-top: 5px; }
.pr-1x { padding-right: 5px; }
.pb-1x { padding-bottom: 5px; }
.pl-1x { padding-left: 5px; }

.pt-2x { padding-top: 10px; }
.pr-2x { padding-right: 10px; }
.pb-2x { padding-bottom: 10px; }
.pl-2x { padding-left: 10px; }

.pt-3x { padding-top: 15px; }
.pr-3x { padding-right: 15px; }
.pb-3x { padding-bottom: 15px; }
.pl-3x { padding-left: 15px; }

.pt-4x { padding-top: 20px; }
.pr-4x { padding-right: 20px; }
.pb-4x { padding-bottom: 20px; }
.pl-4x { padding-left: 20px; }

.no-border { border: 0; }
.border-black { border: 1px solid #000; }
.border-bottom-lightgray { border-bottom: 1px solid #c3c8ce; }