/* 
 * Cascading Style Sheet(CSS 467), for Invision Power Board 2.0.0
 * Author: James A. Mathias, admin@leihu.com, http://www.1lotus.com 
 * Copyright: 2004 Invision Power Services, all rights reserved 
 *
 * All style attributes in alpha-numeric order starting from 0
 *
 */

/* 
 * ========================================
 * global element styles 
 * ========================================
 */

html {
    overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body {
    background: #A89D7A url(style_images/oliversarm/camo.bg.jpg);
    color: #000;
    font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    font-size: 11px;
    line-height: 135%;
    margin: 0;
    padding: 0; /* required for Opera to have 0 margin */
    text-align: center; /* centers board in MSIE */
}

table,
tr,
td { /* required for text in tables, because tables do not inherit from body */
    background: transparent;
    color: #000;
    font-size: 11px;
    line-height: 135%;
}

table { /* makes all tables 100% wide */
    width: 100%;
}

td,
.divpad { /* gives all tables faux cellpadding of 5px */
    padding: 5px;
}

    td.nopad { /* allows some tables to have no padding on the td */
        padding: 0;
    }

form {
    display: inline;
    margin: 0; /* removes mystery form tag gapping */
    padding: 0; /* removes mystery form tag gapping */
}

img {
    border: 0; /* makes sure linked images do not have a border */
    vertical-align: middle;
}

/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */

a:link,
a:visited,
a:active {
    background: transparent;
    color: #000;
    text-decoration: underline;
}

a:hover {
    background: transparent;
    color: #604800;
}

/* 
 * ========================================
 * Main wrapper, this controls the overall width of the board in you browser view window. 
 * ========================================
 */

#ipbwrapper {
    margin: 20px auto 20px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
    text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
    /* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */
    width: 95%;
}

/* 
 * ========================================
 * styles for pagination links 
 * ========================================
 */


.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast {
    background: 9AAFA7;
    border: 1px solid #9AAFA7;
    padding: 1px 3px 1px 3px;
}

.pagelinklast,
.minipagelinklast {
    background: #9AAFA7;
}


.pagecurrent {
    background: #839B8F;
}

.minipagelink,
.minipagelinklast {
    border: 1px solid #9AAFA7;
    font-size: 10px;
    margin: 0 1px 0 0;
}

    .pagelink a:active,
    .pagelink a:visited,
    .pagelink a:link,
    .pagelinklast a:active,
    .pagelinklast a:visited,
    .pagelinklast a:link,
    .pagecurrent a:active,
    .pagecurrent a:visited,
    .pagecurrent a:link,
    .minipagelink a:active,
    .minipagelink a:visited,
    .minipagelink a:link,
    .minipagelinklast a:active,
    .minipagelinklast a:visited,
    .minipagelinklast a:link {
        text-decoration: none;
    }

/* fake button effect for some links */
.fauxbutton {
    background: #FFF;
    border: 1px solid #604800;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
}

    .fauxbutton a:link,
    .fauxbutton a:visited,
    .fauxbutton a:active {
        color: #000 !important;
        text-decoration: none;
    }

.forumdesc,
.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active {
    background: transparent;
    font-size: 10px;
    color: #000;
    line-height: 135%;
    margin: 2px 0 0 0;
    padding: 0;
}

/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */

.searchlite {
    background-color: yellow;
    font-weight: bold;
    color: red;
}

.activeusers {
    background: #839B8F;
    border: 1px solid #604800;
    color: #000;
    margin: 0px;
    padding: 1px;
}

.activeuserposting a:link,
.activeuserposting a:visited,
.activeuserposting a:active,
.activeuserposting {
    font-style: italic;
    text-decoration: none;
    border-bottom: 1px dotted black;
}

fieldset.search {
    line-height: 150%;
    padding: 6px;
}

label {
    cursor: pointer;
}

img.attach {
    background: #869A8E url( style_images/oliversarm/click2enlarge.gif) no-repeat top right;
    border: 1px solid #869A8E;
    margin: 0 2px 0 0;
    padding: 11px 2px 2px 2px;
}

.thumbwrap,
.thumbwrapp,
.fullimagewrap {
    border: 1px solid #869A8E;
    margin: 2px;
}

.thumbwrapp {
    border: 2px solid #869A8E;
}

.fullimagewrap {
    background: #F2F6F4;
    text-align: center;
    margin: 5px 0 5px 0;
    padding: 5px;
}

.thumbwrap h4,
.thumbwrapp h4 {
    background: #F2F6F4;
    border: 0 !important;
    border-bottom: 1px solid #604800 !important;
    color: #604800;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 5px;
}

.thumbwrap p,
.thumbwrapp p {
    background: #F2F6F4 !important;
    border: 0 !important;
    border-top: 1px solid #604800 !important;
    margin: 0 !important;
    padding: 5px !important;
    text-align: left;
}

    .thumbwrap p.alt,
    .thumbwrapp p.alt {
        background: #F2F6F4 !important;
        margin: 0 !important;
        padding: 5px !important;
        text-align: left;
    }

    .thumbwrapp p.pin {
        background: #F2F6F4 !important;
        text-align: center !important;
    }

.thumbwrap img.galattach,
.thumbwrapp img.galattach {
    background: #F2F6F4 url( style_images/oliversarm/img_larger.gif) no-repeat bottom right;
    border: 1px solid #869A8E;
    margin: 5px;
    padding: 2px 2px 10px 2px;
}

li.helprow {
    margin: 0 0 10px 0;
    padding: 0;
}

ul#help {
    padding: 0 0 0 15px;
}

.warngood,
.warnbad {
    color: #0B9500;
    font-weight: bold;
}

.warnbad {
    color: #DD0000;
}

#padandcenter {
    margin: 0 auto 0 auto;
    padding: 14px 0 14px 0;
    text-align: center;
}

#profilename {
    font-size: 28px;
    font-weight: bold;
}

#photowrap {
    padding: 6px;
}

#phototitle {
    border-bottom: 1px solid #000;
    font-size: 24px;
}

#photoimg {
    margin: 15px 0 0 0;
    text-align: center;
}

#ucpmenu,
#ucpcontent {
    background: #F2F6F4;
    border: 1px solid #604800;
    line-height: 150%;
}

    #ucpmenu p {
        margin: 0;
        padding: 2px 5px 6px 9px;
    }

    #ucpmenu a:link,
    #ucpmenu a:active,
    #ucpmenu a:visited {
        text-decoration: none;
    }

#ucpcontent {
    width: auto;
}

    #ucpcontent p {
        margin: 0;
        padding: 10px;
    }

.activeuserstrip {
    background: #CBC7B5;
    padding: 6px;
}

/* Topic View elements */
.signature {
    background: transparent;
    color: #339;
    font-size: 10px;
    line-height: 150%;
}

.postdetails {
    font-size: 10px;
    line-height: 140%;
}

.postcolor {
    font-size: 12px;
    line-height: 160%;
}

.normalname {
    color: #003;
    font-size: 12px;
    font-weight: bold;
}

    .normalname a:link,
    .normalname a:visited,
    .normalname a:active {
        font-size: 12px;
    }

.post1,
.bg1 {
    background: #F2F1EC;
}

.nobg {
    background: #CEC7B5;
}


.post2,
.bg3 {
    background: #ECECEC;
}

.nobg {
    background: transparent #CEC7B5;
}

.row2shaded,
.post1shaded {
    background-color: #DEDBE4
}

.row4shaded,
.post2shaded {
    background-color: #E3DFE7
}

.row1 {
    background: #D8D8D0;
}

.row2 {
    background: #CBC7B5;
}

.row3 {
    background: #B5B6B5;
}


.darkrow1 {
    background: #839B8F;
    color: #000;
}

.darkrow3 {
    background: #839B8F;
    color: #000;
}

/* tableborders gives the white column / row lines effect */
.plainborder,
.tablefill,
.tablepad {
    background: #F2F1EC;
    border: 1px solid #604800;
}

.tablefill,
.tablepad {
    padding: 6px;
}

.tablepad {
    border: 0 !important;
}

.wrapmini {
    float: left;
    line-height: 1.5em;
    width: 25%;
}

.pagelinks {
    float: left;
    line-height: 1.2em;
    width: 35%;
}

.desc {
    font-size: 11px;
    color: #000;
}

.lastaction {
    font-size: 10px;
    color: #000;
}

.edit {
    font-size: 9px;
}

.thin {
    border: 1px solid #ECECE8;
    border-left: 1px solid #ECECE8;
    border-right: 1px solid #ECECE8;
    line-height: 150%;
    margin: 2px 0 2px 0;
    padding: 6px 4px 6px 4px;
}

/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */

/* 
 * ========================================
 * calendar styles 
 * ========================================
 */

.calmonths {
    background: transparent;
    border: transparent;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0 5px 0;
    padding: 8px;
    text-align: center;
}

.weekday {
    font-size: 14px;
    font-weight: bold;
}

.calmonths a {
    text-decoration: none;
}

.calday,
.calweekday {
    background: #9DB1A8;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 4px;
    text-align: right;
}

.calweekday {
    border-right: 1px solid #604800;
    color: #000;
    font-size: 14px;
    padding: 6px;
    text-align: center;
}

.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday {
    background: #F6F4EC;
    height: 100px;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.mcellblank,
.mcelldate,
.mcelltoday {
    height: auto;
}

.cellblank,
.mcellblank {
    background: #F6F4EC;
}

.celltoday,
.mcelltoday {
    border: 2px solid #604800;
}

/* 
 * ========================================
 * form styles 
 * ========================================
 */

input,
textarea,
select {
    background: #FFF;
    border: 1px solid #604800;
    color: #000;
    font-family: verdana, helvetica, sans-serif;
    font-size: 11px;
    margin: 5px;
    padding: 2px;
    vertical-align: middle;
}

select {
    border: 0;
    font-family: verdana, helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

input.button {
    margin: 0;
    width: auto;
}

optgroup option {
    font-family: verdana, helvetica, sans-serif;
    font-size: 12px;
}

.codebuttons {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 10px;
    vertical-align: middle;
    margin: 2px;
}

.textarea,
.searchinput,
.button,
.gobutton {
    background: #FFF;
    border: 1px solid #604800;
    color: #000;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    padding: 2px;
    vertical-align: middle;
}

.button {
    background: #FFF;
}

.gobutton {
    background: transparent;
    border: 0;
    color: #000;
    margin: 0;
    vertical-align: middle;
}

.radiobutton,
.checkbox,
.helpbox {
    border: 0;
    vertical-align: middle;
}

/* 
 * class.formtable 
 *
 * used for tabled forms 
 * technically tables should not be used for form display 
 * but, in the case of IPB a table is easier to work with
 * for the average webmaster, who has little to no CSS knowledge.
 *
 */

.formtable {
    background: transparent;
}

    .formtable td,
    .pformleft,
    .pformleftw,
    .pformright {
        background: #F5F9FD;
        border: 1px solid #604800;
        border-bottom: 0;
        border-left: 0;
        font-weight: bold;
        margin: 1px 0 0 0;
        padding: 6px;
        width: 25%;
    }

        .formtable td.wider,
        .pformleftw,
        .pformright {
            width: 40%;
        }

        .formtable td.formright,
        .pformright {
            border-right: 0;
            font-weight: normal;
            width: auto;
        }

        .formtable td.formtitle,
        .formsubtitle {
            background: #A6A5A0;
            border: 1px solid #604800;
            border-bottom: 0;
            border-left: 0;
            border-right: 0;
            font-weight: normal;
        }

.formsubtitle {
    border: 0;
    color: #000;
    font-weight: bold;
    padding: 5px;
}

.formtable td.formstrip {
    background: #99B1AD;
    border: 1px solid #604800;
    border-left: 0;
    border-right: 0;
    font-weight: normal;
}

/* 
 * ========================================
 * new style quote and code wrappers MATT's DESIGN 
 * ========================================
 */

.quotetop {
    background: url( style_images/oliversarm/css_img_quote.gif) no-repeat right;
    background: url( style_images/oliversarm/tile_cat.gif);
    border: 1px dotted #000;
    border-bottom: 0;
    border-left: 4px solid #869A8E;
    color: #000;
    font-weight: bold;
    font-size: 10px;
    margin: 8px auto 0 auto;
    padding: 3px;
}

.quotemain {
    background: #FAFCFE;
    border: 1px dotted #000;
    border-left: 4px solid #869A8E;
    border-top: 0;
    color: #000;
    padding: 4px;
    margin: 0 auto 8px auto;
}

.codetop,
.sqltop,
.htmltop {
    background: #869A8E url( style_images/oliversarm/css_img_code.gif) no-repeat right;
    color: #000;
    font-weight: bold;
    margin: 0 auto 0 auto;
    padding: 3px;
    width: 98%;
}

.codemain,
.sqlmain,
.htmlmain {
    background: #FAFCFE;
    border: 1px dotted #000;
    color: #000;
    font-family: Courier, Courier New, Verdana, Arial;
    margin: 0 auto 0 auto;
    padding: 2px;
    width: 98%;
}

/* 
 * ========================================
 * old school quote and code styles - backwards compatibility 
 * ========================================
 */

#QUOTE,
#CODE {
    background: #FAFCFE;
    border: 1px solid #000;
    color: #465584;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding: 2px;
    white-space: normal;
}

#CODE {
    font-family: Courier, Courier New, Verdana, Arial;
}

/* 
 * ========================================
 * All New Styles 
 * ========================================
 */
.cleared {
    clear: both;
}

.borderwrap,
.borderwrapm { /* this will affect the outlining border of all the tables and boxes through-out the skin. */
    background: #869A8E;
    border: 1px solid #8C8A84;
    padding: 0;
    margin: 0;
}

.borderwrapm {
    margin: 5px;
}

.borderwrap h3,
.maintitle,
.maintitlecollapse {
    background: transparent url( style_images/oliversarm/tile_cat.gif);
    border: 1px solid #604800;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 9px;
}

.maintitlecollapse {
    border: 1px solid #604800;
}

    .maintitle p,
    .maintitlecollapse p,
    .formsubtitle p {
        background: transparent !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .maintitle p.expand,
        .maintitle p.goto,
        .maintitlecollapse p.expand,
        .formsubtitle p.members {
            float: right;
            width: auto !important;
        }

    .maintitle a:link,
    .maintitle a:visited,
    .maintitlecollapse a:link,
    .maintitlecollapse a:visited {
        background: transparent;
        color: #FFF;
        text-decoration: none;
    }

    .maintitle a:hover,
    .maintitle a:active,
    .maintitlecollapse a:hover,
    .maintitlecollapse a:active {
        background: transparent;
        color: #604800;
    }

table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar {
    background: transparent url( style_images/oliversarm/tile_sub.gif);
    border-bottom: 1px solid #604800;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px;
}

.subtitlediv {
    border: 1px solid #604800;
    border-bottom: transparent;
    text-align: right;
}

    .borderwrap table th a:link,
    .subtitle a:link,
    .subtitlediv a:link,
    .borderwrap table th a:visited,
    .subtitle a:visited,
    .subtitlediv a:visited,
    .borderwrap table th a:active,
    .subtitle a:active,
    .subtitlediv a:active,
    .borderwrap table th a:hover,
    .subtitle a:hover,
    .subtitlediv a:hover {
        background: transparent;
        color: #3A4F6C;
        text-decoration: none;
    }

.borderwrap h4 {
    background: #ECE9D8;
    border: 1px solid #604800;
    border-bottom: 1px solid #604800;
    border-top: 1px solid #604800;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 5px;
}

.borderwrap p {
    background: #ECE9D8;
    border: 1px solid #604800;
    margin: 5px;
    padding: 10px;
    text-align: left;
}

    td.formbuttonrow,
    .borderwrap p.formbuttonrow,
    .borderwrap p.formbuttonrow1 {
        background: transparent  !important;
        border: 0px solid #604800;
        border-top: 0px solid #604800;
        margin: 0px !important;
        padding: 5px !important;
        text-align: center;
    }

td.formbuttonrow {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.borderwrap p.formbuttonrow1 {
    background: #F9F9F9 !important;
    border: 0;
    border-top: 1px solid #604800;
}

.bar,
.barb,
.barc {
    background: #839B8F;
    border: 1px solid #604800;
}

.barc {
    border-bottom: 0;
}

    .bar p,
    .barb p,
    .barc p {
        background: transparent;
        border: 0;
        color: #000;
        font-size: 11px;
        margin: 0;
        padding: 5px;
        text-align: left;
    }

.barb p {
    text-align: right;
}

.bar p.over,
.bar p.overs,
.barc p.over,
.barc p.overs {
    float: right;
}

.barb p.over,
.barb p.overs {
    float: left;
}

.bar p.overs,
.barb p.overs,
.barc p.overs {
    position: relative;
    top: 5px;
}

.catend {
    background: transparent url( style_images/oliversarm/tile_cat.gif);
    color: #000;
    font-size: 1px;
    height: 15px;
}

.newslink {
    background: transparent;
    border: transparent;
    margin: 0;
    width: 100%;
}

    .newslink td {
        color: #000;
        font-size: 10px;
        padding: 5px 5px 5px 10px;
    }

    .newslink span {
        background: transparent;
        color: #000;
        font-style: italic;
        font-weight: normal;
    }

    .newslink input {
        background: transparent;
        border: 1px solid #604800;
        color: #000;
        font-size: 10px;
        padding: 3px;
        vertical-align: middle;
        width: auto;
    }

        .newslink input.button {
            background: transparent;
            border: 0;
            color: #000;
            vertical-align: middle;
        }

.fieldwrap {
    background: #F2F1EC;
    border: 1px solid #604800;
    border-top: 0;
    margin: 5px;
    padding: 0;
    text-align: left;
}

    .fieldwrap h4 {
        background: transparent url( style_images/oliversarm/tile_cat.gif);
        border: 1px solid #604800;
        border-left: 0;
        border-right: 0;
        color: #000;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        padding: 5px;
    }

.errorwrap,
#pmnotewrap {
    background: #F2F1EC;
    border: 1px solid #604800;
    border-top: 0;
    margin: 5px;
    padding: 0;
}

#pmnotewrap {
    line-height: 135%;
    margin: 0 0 5px 0;
}

    .errorwrap h4,
    #pmnotewrap h4 {
        background: transparent url( style_images/oliversarm/tile_cat.gif);
        border: 1px solid #604800;
        border-left: 0;
        border-right: 0;
        color: #000;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        padding: 5px;
    }

    .errorwrap p,
    #pmnotewrap p {
        background: transparent;
        border: 0;
        color: #000;
        margin: 0;
        padding: 8px;
    }

        #pmnotewrap p.pmavatar {
            float: left;
        }

        #pmnotewrap p.pmnotefoot {
            background: #F2F1EC;
            border-top: 1px solid #604800;
            text-align: right;
        }

    #pmnotewrap a:link,
    #pmnotewrap a:visited {
        background: transparent;
        color: #000;
        text-decoration: underline;
    }

    #pmnotewrap a:hover,
    #pmnotewrap a:active {
        background: transparent;
        color: #604800;
        text-decoration: none;
    }

.ruleswrap {
    background: #F2F1EC;
    border: 1px solid #604800;
    color: #000;
    margin: 5px 0 5px 0;
    padding: 5px;
}

#redirectwrap {
    background: #F2F1EC;
    border: 1px solid #604800;
    margin: 200px auto 0 auto;
    text-align: left;
    width: 500px;
}

    #redirectwrap h4 {
        background: transparent url(style_images/oliversarm/tile_cat.gif);
        border-bottom: 1px solid #604800;
        color: #000;
        font-size: 14px;
        margin: 0;
        padding: 5px;
    }

    #redirectwrap p {
        margin: 0;
        padding: 5px;
    }

        #redirectwrap p.redirectfoot {
            background: #F2F1EC;
            border-top: 1px solid #604800;
            text-align: center;
        }


#gfooter {
    background: transparent;
    margin: 5px 0 5px 0;
    padding: 0;
    width: 100%;
}

    #gfooter td {
        color: #FFF;
        font-size: 10px;
        padding: 4px;
    }

    #gfooter a:link,
    #gfooter a:visited {
        color: #FFF;
    }

#logostrip {
    background: transparent;
    border: 0px solid #FFF;
    height: 100%;
    margin: 0;
    padding: 0;
}

#submenu {
    background: transparent url(style_images/oliversarm/tile_sub.gif);
    border: 1px solid #604800;
    color: #000;
    /*margin: 5px 0 5px 0;*/
    /* padding: 0 5px 0 5px;*/
}

#userlinks,
#userlinksguest {
    background: #CEC7B5 url( style_images/oliversarm/tile_userlinks.gif);
    border: 1px solid #604800;
    margin: 0px 0 0px 0;
    padding: 0 5px 0 5px;
}

#userlinksguest {
    background: #CEC7B5 url( style_images/oliversarm/tile_userlinks.gif);
    border: 1px solid #604800;
}

    #submenu p,
    #userlinks p,
    #userlinksguest p {
        background: transparent !important;
        border: 0 !important;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        margin: 0 !important;
        padding: 7px 0 7px 0;
        text-align: right;
    }

    #userlinks p,
    #userlinksguest p {
        font-weight: normal;
        letter-spacing: 0;
    }

        #submenu p.home,
        #userlinks p.home,
        #userlinksguest p.home {
            float: left;
        }

        #userlinksguest p.pcen {
            text-align: center;
        }

#submenu a:link,
#submenu a:visited {
    background: transparent;
    color: #000;
    padding: 0 6px 0 6px;
    text-decoration: none;
}

#submenu a:hover,
#submenu a:active {
    background: transparent;
    color: #604800;
}

#navstrip {
    background: transparent;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 8px 0 8px 0px;
}

    #navstrip a:link,
    #navstrip a:visited {
        background: transparent;
        color: #000;
        text-decoration: none;
    }

    #navstrip a:hover,
    #navstrip a:active {
        background: transparent;
        color: #604800;
    }

.toplinks {
    background: transparent;
    color: #000;
    margin: 0;
    padding: 0 0 5px 0;
    text-align: right;
}

    .toplinks span {
        background: transparent;
        border: transparent;
        border-bottom: 0;
        color: #000;
        font-size: 10px;
        font-weight: bold;
        margin: 0 10px 0 0;
        padding: 5px;
    }

.copyright {
    background: #839B8F;
    border: 1px solid #604800;
    font-size: 11px;
    margin: 0 0 5px 0;
    padding: 8px;
}

/* 
 * ========================================
 * print page styles 
 * ========================================
 */

#print {
    margin: 20px auto 20px auto;
    padding: 0;
    text-align: left;
    width: 85%;
}

    #print h1,
    #print h2,
    #print h3,
    #print h4,
    #print p {
        color: #036;
        font-size: 18px;
        font-weight: bold;
        margin: 0;
        padding: 8px;
    }

    #print h2,
    #print h3,
    #print p {
        border-bottom: 1px solid #999;
        font-size: 11px;
        font-weight: normal;
    }

    #print h3 {
        background: #F5F5F5;
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    #print h4 {
        background: #F9F9F9;
        font-size: 11px;
    }

    #print p {
        margin: 0 0 5px 0;
        padding: 10px;
    }

        #print p.printcopy {
            border: 0;
            color: #000;
            text-align: center;
        }