.align-right,
p.align-right,
h1.align-right,
h2.align-right,
h3.align-right,
h4.align-right,
h5.align-right,
h6.align-right {
    text-align : right;
}

.align-left,
p.align-left,
h1.align-left,
h2.align-left,
h3.align-left,
h4.align-left,
h5.align-left,
h6.align-left {
    text-align : left;
}

.align-center,
p.align-center,
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center {
    text-indent : 0;
    text-align  : center;
}

.align-justify,
p.align-justify,
h1.align-justify,
h2.align-justify,
h3.align-justify,
h4.align-justify,
h5.align-justify,
h6.align-justify {
    text-align : justify;
}

.indent {
    margin-left : 40px;
}

.line-after,
p.line-after {
    margin-bottom : 22px;
}

.line-after-half,
p.line-after-half {
    margin-bottom : 11px;
}

.line-before,
p.line-before {
    margin-top : 22px;
}

.line-before-half,
p.line-before-half {
    margin-top : 11px;
}

.first-header,
.csc-firstHeader {
    margin-top : 0;
}

p.first-paragraph {
    text-indent : 0;
}

.clear {
    clear : both;
}

.clear-only {
    clear       : both;
    height      : 0;
    margin      : 0;
    padding     : 0;
    overflow    : hidden;
    line-height : 0;
    font-size   : 0;
}

.clearfix:before, #page-wrap:before, #section-nav ul:before, #footer-page:before,
.clearfix:after,
#page-wrap:after,
#section-nav ul:after,
#footer-page:after {
    content     : '.';
    display     : block;
    overflow    : hidden;
    visibility  : hidden;
    font-size   : 0;
    line-height : 0;
    width       : 0;
    height      : 0;
}

.clearfix:after, #page-wrap:after, #section-nav ul:after, #footer-page:after {
    clear : both;
}

/* @todo-ron may be able to eliminate the clearfix zoom once ie7 drops off support */
.clearfix, #page-wrap, #section-nav ul, #footer-page {
    zoom : 1;
}

.out-of-sight {
    position : absolute;
    top      : 0;
    left     : -4000px;
}

.graphic-text-wrap {
    overflow : hidden;
}

.graphic-text {
    line-height : 300px;
    display     : block;
}

.bleed {
    padding : 0;
}

/* @todo-ron MAY NEED WORK ON THIS FOR RESPONSIVE OR GENERATED PIXEL STYLES */
.column-group.rule {
    border-bottom : 1px solid #bfbfbf;
}

/* @todo-ron STILL A LOT OF WORK TO DO ON THIS INCLUDING RESPONSIVE OR GENERATED PIXEL STYLES */
.module-group {
    /* @todo-ron still need to clean up border radius */
}

.module-group .module {
    margin-bottom : 15px;
}

.module-group .module .header {
    margin                          : 0;
    padding                         : 4px 15px 0 0;
    color                           : #b3b3b3;
    font-size                       : 14px;
    background-color                : #f2f2f2;
    -webkit-border-top-left-radius  : 7px;
    -webkit-border-top-right-radius : 7px;
    -moz-border-radius-topleft      : 7px;
    -moz-border-radius-topright     : 7px;
    border-top-left-radius          : 7px;
    border-top-right-radius         : 7px;
}

.module-group .module .header span {
    display : block;
    padding : 5px 0 5px 10px;
}

.module-group .module .footer {
    height                             : 15px;
    margin                             : 0;
    padding-right                      : 15px;
    font-size                          : 1px;
    overflow                           : hidden;
    -webkit-border-bottom-left-radius  : 7px;
    -webkit-border-bottom-right-radius : 7px;
    -moz-border-radius-bottomleft      : 7px;
    -moz-border-radius-bottomright     : 7px;
    border-bottom-left-radius          : 7px;
    border-bottom-right-radius         : 7px;
    background-color                   : #f2f2f2;
}

.module-group .module .footer span {
    display : block;
    height  : 15px;
}

.module-group .module .body {
    /* Make sure these two values match the TS constant moduleBodyBorderWidth */
    border-left  : 1px solid #e5e5e5;
    border-right : 1px solid #e5e5e5;
}

.module-group .module .body .inner-wrap {
    padding : 10px 10px 10px 10px;
}

.module-group .module .body .inner-wrap.bleed {
    padding : 0;
}