/* STYLES CSS */
/* Outlines styles to use for general formatting */

/* DISPLAY */
.block {
    display: block;
}
.inline {
    display: inline;
}
.none {
    display: none;
}
.hidden {
    visibility: hidden;
}

.overflow {
    overflow: auto;
}
.overflowVisible {
    overflow: visible;
}
.overflowHidden {
    overflow: hidden;
}

/* ALIGNMENT */
.relative {
    position: relative;
}
.shell {
    position: relative;
    width: 100%;
    text-align: center; /* ie */
}
.center {
    position: relative;
    margin: auto;
    text-align: left;
    /* content width */
}
.auto {
    margin: auto;
}

.clear {
    clear: both;
}
.clearNone {
    clear: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.floatNone {
    float: none;
}

.base {
    vertical-align: baseline;
}
.sup {
    vertical-align: super;
}
.sub {
    vertical-align: sub;
}
.textTop {
    vertical-align: text-top;
}
.textBottom {
    vertical-align: text-bottom;
}

/* ABSOLUTE POSITIONING */
.absolute {
    position: absolute;
    /*z-index: 1;*/
}
.top0 {
    top: 0px;
}
.top6 {
    top: 6px;
}
.top12 {
    top: 12px;
}

.right0 {
    right: 0px;
}
.right6 {
    right: 6px;
}
.right12 {
    right: 12px;
}

.bottom0 {
    bottom: 0px;
}
.bottom6 {
    bottom: 6px;
}
.bottom12 {
    bottom: 12px;
}

.left0 {
    left: 0px;
}
.left6 {
    left: 6px;
}
.left12 {
    left: 12px;
}
.left50p {
    left: 50%;
}

/* TEXT / FONT */
.medium {
    font-size: 1em; /* medium */
}
.big- {
    font-size: 1.1em;
}
.big {
    font-size: 1.2em;
}
.bigger, big.big {
    font-size: 1.4em;
}
.huge, big.bigger {
    font-size: 1.5em;
}
.small- {
    font-size: 0.9em;
}
.small {
    font-size: 0.8em;
}
.smaller, small.small {
    font-size: 0.6em;
}
.tiny, small.smaller {
    font-size: 0.5em;
}

.textLeft {
    text-align: left;
}
.textRight {
    text-align: right;
}
.textCenter {
    text-align: center;
}
.textJustify {
    text-align: justify;
}

.normal {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
.bold {
    font-weight: 700;
}
.strong {
    font-weight: 600;
}
.italic {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}
.strike {
    text-decoration: line-through;
}

/* BORDERS */
.border1 {
    border-width: 1px;
}
.border2 {
    border-width: 2px;
}
.border3 {
    border-width: 3px;
}
.border6 {
    border-width: 6px;
}
.border12 {
    border-width: 12px;
}

.borderSolid {
    border-style: solid;
}
.borderDashed {
    border-style: dashed;
}
.borderDotted {
    border-style: dotted;
}
.borderDouble {
    border-style: double;
}
.borderInset {
    border-style: inset;
}
.borderOutset {
    border-style: outset;
}

/* GENERAL */

.roman {
    list-style: lower-roman;
}

.red {
    color: #da0202;
}
.redBg {
    background-color: #ea0202;
}
.redBorder {
    border: solid 1px #ca0202;
}

/* WIDTH / HEIGHT */
.widthAuto {
    width: auto;
}
.width10 {
    width: 10px;
}
.width20 {
    width: 20px;
}
.width40 {
    width: 40px;
}
.width80 {
    width: 80px;
}
.width120 {
    width: 120px;
}
.width160 {
    width: 160px;
}
.width200 {
    width: 200px;
}
.width240 {
    width: 240px;
}
.width320 {
    width: 320px;
}
.width480 {
    width: 480px;
}
.width640 {
    width: 640px;
}

.width25p {
    width: 25%;
}
.width50p {
    width: 50%;
}
.width75p {
    width: 75%;
}
.width33p {
    width: 33%;
}
.width66p {
    width: 66%;
}
.width100p {
    width: 100%;
}

.width24p {
    width: 24%; /* ie */
}
.width49p { /* ie */
    width: 49%;
}

.heightAuto {
    height: auto;
}
.height10 {
    height: 10px;
}
.height20 {
    height: 20px;
}
.height40 {
    height: 40px;
}
.height80 {
    height: 80px;
}
.height120 {
    height: 120px;
}
.height160 {
    height: 160px;
}
.height320 {
    height: 320px;
}

.height25p {
    height: 25%;
}
.height50p {
    height: 50%;
}
.height75p {
    height: 75%;
}
.height100p {
    height: 100%;
}

/* SPACERS (Vertical / Horizontal) */
.vertical2, .vertical6, .vertical12, .vertical16, .vertical20, .vertical50, .vertical100 {
    overflow: hidden;
    clear: both;
}
.vertical2 {
    height: 2px;
}
.vertical6 {
    height: 6px;
}
.vertical12 {
    height: 12px;
}
.vertical16 {
    height: 16px;
}
.vertical20 {
    height: 20px;
}
.vertical50 {
    height: 50px;
}
.vertical100 {
    height: 100px;
}

.horizontal2, .horizontal6, .horizontal12 {
    float: left;
    height: 1px;
    overflow: hidden;
}
.horizontal2 {
    width: 2px;
}
.horizontal6 {
    width: 6px;
}
.horizontal12 {
    width: 12px;
}

/* MARGIN/PADDING */
.marginAuto {
     margin: auto;
}
.margin {
    margin: 1em 0em;
}
.margin- {
    margin: 0em 1em;
}
.margin1em {
    margin: 1em;
}
.margin2em {
    margin: 2em;
}

.margin0 {
     margin: 0px;
}
.margin2 {
    margin: 2px;
}
.margin6 {
    margin: 6px;
}
.margin12 {
    margin: 12px;
}
.margin20 {
    margin: 20px;
}

.margin-top2 {
    margin-top: 2px;
}
.margin-top6 {
    margin-top: 6px;
}
.margin-top12 {
    margin-top: 12px;
}
.margin-right2 {
    margin-right: 2px;
}
.margin-right6 {
    margin-right: 6px;
}
.margin-right12 {
    margin-right: 12px;
}
.margin-bottom2 {
    margin-bottom: 2px;
}
.margin-bottom6 {
    margin-bottom: 6px;
}
.margin-bottom12 {
    margin-bottom: 12px;
}
.margin-left2 {
    margin-left: 2px;
}
.margin-left6 {
    margin-left: 6px;
}
.margin-left12 {
    margin-left: 12px;
}

.margin-top0 {
    margin-top: 0px;
}
.margin-top-2 {
    margin-top: -2px;
}
.margin-top-6 {
    margin-top: -6px;
}
.margin-right-2 {
    margin-right: -2px;
}
.margin-bottom0 {
    margin-bottom: 0px;
}
.margin-bottom-2 {
    margin-bottom: -2px;
}
.margin-bottom-6 {
    margin-bottom: -6px;
}
.margin-left-2 {
    margin-left: -2px;
}

.margin-left20 {
    margin-left: 20px;
}
.margin-left60 {
    margin-left: 60px;
}
.margin-left120 {
    margin-left: 120px;
}
.margin-left-20 {
    margin-left: -20px;
}
.margin-right20 {
    margin-right: 20px;
}
.margin-right60 {
    margin-right: 60px;
}
.margin-right120 {
    margin-right: 120px;
}
.margin-right-20 {
    margin-right: -20px;
}

.paddingAuto {
    padding: inherit;
}
.padding {
    padding: 1em 0em;
}
.padding- {
    padding: 0em 1em;
}
.padding1em {
    padding: 1em;
}
.padding2em {
    padding: 2em;
}

.padding0 {
    padding: 0px;
}
.padding2 {
    padding: 2px;
}
.padding6 {
    padding: 6px;
}
.padding12 {
    padding: 12px;
}
.padding20 {
    padding: 20px;
}

.padding-top0 {
    padding-top: 0px;
}
.padding-top2 {
    padding-top: 2px;
}
.padding-top6 {
    padding-top: 6px;
}
.padding-top12 {
    padding-top: 12px;
}
.padding-right0 {
    padding-right: 0px;
}
.padding-right2 {
    padding-right: 2px;
}
.padding-right6 {
    padding-right: 6px;
}
.padding-right12 {
    padding-right: 12px;
}
.padding-bottom0 {
    padding-bottom: 0px;
}
.padding-bottom2 {
    padding-bottom: 2px;
}
.padding-bottom6 {
    padding-bottom: 6px;
}
.padding-bottom12 {
    padding-bottom: 12px;
}
.padding-left0 {
    padding-left: 0px;
}
.padding-left2 {
    padding-left: 2px;
}
.padding-left6 {
    padding-left: 6px;
}
.padding-left12 {
    padding-left: 12px;
}

/* */