body, td, div, li, p, blockquote, .default, .caption, .desc, .input, .navlink, .result_num,
.result_title, .docAuthline {
    font-size: 12px;
    font-family: arial,verdana,helvetica,sans-serif;
}

img {
    border-width: 0px;
}

ul.pqa_normal {
    list-style: disc outside;
    padding: 5px 0px 5px 40px;
}
ul.pqa_normal li {
    font-size: 13px;
    font-family: arial,verdana,helvetica,sans-serif;
    padding-bottom: 3px;
}


.error_msg {
    font-weight: bold;
    color: #ff0000; 
    border: 4px double #ff0000;
    padding: 5px;
}

.invalid {
    font-size: 12px;
    font-weight: bold;
    color: red;
    font-family: arial,verdana,helvetica,sans-serif;
}

.footnote, .copyright {
    font-size: 10px;
    font-family: arial,verdana,helvetica,sans-serif;
}

.resultslegend, .resultsheader, .docHeading, .docText {
    font-size: 12px;
    text-decoration: none;
    font-family: arial,verdana,helvetica,sans-serif;
}

.pagetitle, .docTitle {
    font-weight: bold;
    font-size: 16px;
    font-family: arial,verdana,helvetica,sans-serif;
}

.sub_headline {
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
    font-family: arial,helvetica,geneva,sans-serif;
}

.emphasis {
    color: #0000cc;
    font-weight: bold;
}

.subdued {
    color: #808080;
    font-size: 12px;
    font-family: arial,verdana,helvetica,sans-serif;
}

.navtext {
    font-weight: bold;
    font-size:   12px;
    font-family: arial,verdana,helvetica,sans-serif;
}

.result_extrainfo {
    font-size:   12px;
    color:  #777777;
    font-family: arial,verdana,helvetica,sans-serif;
}

.title-white {
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: arial,verdana,helvetica,sans-serif;
    text-decoration: none;
}

a.tab, a.tab:link, a.tab:visited, a.tab:active, a.tab:hover {
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: arial,verdana,helvetica,sans-serif;
    text-decoration: none;
}

a.resultsheader:link {}
a.resultsheader:visited {}
a.resultsheader:active {}
a.resultsheader:hover {}

.form_title, .form_title_half {
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    vertical-align: top;
    text-align: center;
    width: 641px;
    border-bottom-style: solid; 
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    padding: 2px;
    background-color: #637aae;
}

.form_body, .form_body_half {
    font-family: arial;
    font-size: 10pt;
    width: 641px;
    padding: 2px;
    background-color: #F0F0F0;
}

.form_body_half, .form_title_half {
    width: 316px;
}
.white_matte, .cream_matte {
    text-align: center;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    width: 50px;
    height: 15px;
    display: block;
}


.cream_matte {
    background-color: #fff8dc;
}

div#pp_sample {
    background-image: url(/registerguard/main/art/black_frame.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 327px;
    height: 402px;
}

div.pp_sample_small {
    background-image: url(/registerguard/main/art/black_frame_small.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 81px;
    height: 100px;
}

table.cart {
    border-collapse: collapse;
}

th.cart, td.cart {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}

div#short_submit {
    visibility: hidden;
}

.list, .list_alt {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #ffffff;
}

.list_alt {
    background-color: #e9e9e9;
}

table.display {
    border-collapse: collapse;
    width: 100%;
}

table.display th, table.display td {
    border: 1px solid #637aae;
    padding: 2px 4px 2px 4px;
    vertical-align: top;
}

span.value_text {
    font-weight: bold;
}

table.box {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #637aae;
}

table.box th {
    background-color: #637aae;
    font-weight: bold;
    color: #ffffff;
    padding: 1px 5px 1px 5px;
    border-width: 0px;
    text-align: left;
}

table.box td {
    background-color: #F0F0F0;
    vertical-align: top;
    padding: 1px 5px 1px 5px;
    border-width: 0px;
}

table.noborder td, table.noborder th {
    border-width: 0px;
    padding: 2px 4px;
    vertical-align: top;
    background-color: transparent; 
    color: #000000;
}

table.noborder th {
    font-weight: bold;
    text-align: center;
    background-color: #cccccc;
    border-color: #cccccc;
}

th.offset {
    background-color: #637aae;
}

th.offset a {
    color: #ffffff;
}

div.form_fail {
    color: #ff0000;
    font-weight: bold;
    border: 1px solid #f00;
    padding: 4px;
    margin: 20px 0px 20px 0px;
}

div.form_success {
    font-weight: bold;
    border: 1px solid #aaa;
    padding: 4px;
    margin: 10px 0px 10px 0px;
    background-color: #f9f9f9;
}

.link_gold, .link_white, .link_gold:visited, .link_gold:active, .link_gold:link, .link_white:active, .link_white:active, .link_white:link {
    font-size: 10px;
    text-decoration: none;
    font-variant: small-caps;
}

.link_gold, .link_gold:visited, .link_gold:active, .link_gold:link {
    color: #ffcc33;
}

.link_white, .link_white:active, .link_white:active, .link_white:link {
    color: #ffffff;
}

.main_bar {
    background-color: #c0c0c0;
    padding: 5px 5px;
    border: 1px solid #637aae;
    border-width: 1px 0px 1px 0px;
}

.doc_action_labels, .doc_action_labels a {
    padding: 0px 0px 0px 10px;
    font-size: 11px;
    text-decoration: none;
}

.doc_action_labels a {
    padding: 0px;
}

.doc_action_labels a:hover {
    text-decoration: underline;
}

img.format_icon {
    padding: 0px 2px 0px 2px;
    border-width: 0px;
    width: 22px;
    height: 18px;
}

.section {
    border: 1px solid #000000;
    border-top-width: 0px;
    padding: 4px;
    background-color: #f7f7f7;
}

.section_title {
    color: #000000;
    border: 1px solid #000000;
    background-color: #ccc;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

li {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*----------( UNIVERSAL STYLES: )---------*/
body {
    background: url(/registerguard/main/art/no.gif) no-repeat fixed;
}

/*----------( MAIN CONTAINER STYLES: )---------*/
#hldr {
    text-align: left; /* Over-ride body style */
    background-color: #fff;
    margin: 10px auto 20px auto; /* Centers on page */
    width: 768px;
    margin-bottom: 0px;
}
/*----------( BANNER STYLES: )---------*/
#bannerMain {
    background-color: #fff; /* for testing purposes only */
}
#bannerMh {
    padding: 3px 0 3px 0;
    margin: 0 0 10px 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

/*----------( MAIN-MENU: HORIZONTAL STYLES: )---------*/
#mainMenu {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #333;
    background: url(/registerguard/main/art/menu_bkgrd2.jpg) repeat-x scroll left top;
    height: 17px;
}

#mainMenu #mainNav {
    /* #mainNav is the UL id, used for javascrip rollovers. */
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
}
#mainMenu #item1 {
    border: 0;
    border-right: 1px solid #999;
}
#mainMenu #item7 {
    border: 0;
    border-left: 1px solid #eee;
}
#mainMenu #item2,
#mainMenu #item3,
#mainMenu #item4,
#mainMenu #item5,
#mainMenu #item6 {
    border: 0;
    border-right: 1px solid #999;
    border-left: 1px solid #eee;
}
#mainMenu #item1,
#mainMenu #item2,
#mainMenu #item3,
#mainMenu #item4,
#mainMenu #item5,
#mainMenu #item6,
#mainMenu #item7 {
    margin: 0;
    padding: 0;
    margin: auto 0 auto 0;
    text-align: center;
    height: 17px;
}
/* Width of main-menu items: */
#mainMenu #item1 { width: 140px; }
#mainMenu #item2 { width: 110px; }
#mainMenu #item3 { width: 90px; }
#mainMenu #item4 { width: 70px; }
#mainMenu #item5 { width: 60px; }
#mainMenu #item6 { width: 60px; }
#mainMenu #item7 { width: 80px; }
/* Width of main-SUB-menu items: */
#mainMenu #item1Sub li { width: 140px; }
#mainMenu #item2Sub li { width: 110px; }
#mainMenu #item3Sub li { width: 140px; }
#mainMenu #item4Sub li { width: 140px; }
#mainMenu #item5Sub li { width: 160px; }
#mainMenu #item6Sub li { width: 115px; }
#mainMenu #item7Sub li { width: 145px; }
#mainMenu ul {
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    list-style: none;
    border: 0;
    margin: 0;
    padding: 0;
}
#mainMenu li {
    float: left;
    position: relative;
    /*width: 130px;*/ /* Use this if you want width of main-menu items to be equal. */
}
#mainMenu ul li {
    position: relative;
}
#mainMenu li ul {
    text-transform: none;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
}
#mainMenu li>ul {
    /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
    /*top: auto;*/
    left: auto;
}
#mainMenu li li {
    display: block;
    float: none;
    background-color: transparent;
    border: 0;
}
/* Styles for left-hand Nav Menu Items */
#mainMenu ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    background: transparent;
    padding: 3px;
    border: 0;
}
/* Fix IE. Hide from IE Mac \*/
#mainMenu ul li {
/*    //     float: left;*/
    height: 1%;
}
#mainMenu ul li a {
    height: 1%;
}
/* End Hide */
/* Hover Styles */
#mainMenu ul li a:hover {
    color: #933;
}
/* Sub Menu Styles */
#mainMenu li ul li a {
    color: #fff;
    background: #777;
    padding: 3px;
    border: 1px solid #777;
    border-top: 1px solid #666;
}
#mainMenu li ul li a:hover {
    color: #933;
    background: #eee;
}
#mainMenu li:hover ul,
#mainMenu li.over ul {
    text-align: left;
    display: block;
    /*width: 130px;  Use this if you want width of main-SUB-menu items to be equal. */
}
/*--------------------------------------------------*/


/*----------(  MAIN-MENU (01)/(02) VERTICAL STYLES: )---------*/
#leftNav01 {
}
#leftNav02 {
}
#n02 {
        /* #n02 is the main div holder for the sub left navigation. */
}
#n02 ul {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    list-style: none;
    width: 100px;
    border: 0;
    margin: 0;
    padding: 0;
}
#n02 ul li {
    position: relative;
    width: 100px;
}
#n02 li ul {
    position: absolute;
    left: 100%; /* If using pixels, set 1px less than menu width */
    top: 0;
    z-index: 200;
    display: none;
    margin: 5;
    padding: 5;
}
#n02 li a {
    text-decoration: none;
    padding: 2px 3px 2px 3px;
    display: block;
}
#n02 li a {
    color: #fff;
    background-color: #45557A;
    border-top: 1px solid #627AAF;
    border-bottom: 1px solid #283147;
}
/*\*/
#n02 ul li {
    //float: left;
    height: 1%;
}
#n02 ul li a {
    height: 1%;
}
#n02 ul li a:hover {
    color: #933;
    background-color: #BDC9D7;
    border-top: 1px solid #fff;
}
/* List headers */
#n02 li.dividers1 a,
#n02 li.dividers1 a:hover {
    background-color: #333;
    border: 0;
    color: #fff;
}
/*-------------------------------------------------*/

/*----------( DIV WITH RIGHT/LEFT DOTTED BORDERS: )---------*/
div.giveMeBorders {
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    padding: 10px 5px 10px 5px;
}
/* IE/PC no good at displaying dotted, so make solid (looks better than 2px dots - 1px on PC = dashes) \*/
div.giveMeBorders {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}


/*----------( MISC LAYOUT STYLES: )---------*/
#innerContentWrap {
                width: 100%; /* This was causing gap in some browsers */
                float: left;
}

/* Clearing div: */
div.clearer {
    height: 1px;
    margin: -1px 0 0 0;
    overflow: hidden;
    clear: both;
}

/*----------( HORIZ-NAV W/BARS/BORDERS: )---------*/
.navcontainer {
    margin: 5px 20px 0 20px;
}
.navlist {
    list-style: none;
    margin-top: 0px;
}
.navlist li {
    display: inline;
}
.navlist li:before {
    content: "| ";
}
.navlist li:first-child:before {
    content: "";
}
/******************/
/* IE workaround: */
/******************/
* html .navlist li {
        /* All IE browsers :*/
    border-left: 1px solid #666;
    padding: 0 0.4em 0 0.4em;
    margin: 0 0.4em 0 -0.4em;
}
/* Mac IE 5: */
*>html .navlist li:first-child {
    border-left: 0;
}
/* Safely target IE/PC: */
/*\*/
* html .navlist {
    height: 1%;
}
/**/

/*----------( FOOTER STYLES: )---------*/
#footerMh {
    clear: both;
    background-color: #fff; /* for testing purposes only */
}
#footerMh .copyright {
    font: normal 9px Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    text-align: right;
    color: #666;
    background-color: #ccc;
    padding: 5px 5px 5px 0;
    margin-bottom: 0px;
}
/* FOOTER LIST STUFF: */
#footerMh ul.navlist {
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    padding: 5px 5px 5px 0;
    float: right;
}
/* Remember, links have to be in this order in your stylesheet:
                a:link
                a:visited
                a:hover
                a:active
*/
#footerMh ul.navlist a:link {
    color: #333;
    text-decoration: none;
}
#footerMh ul.navlist a:visited {
    color: #333;
}
#footerMh ul.navlist a:hover {
    color: #808080;
    text-decoration: underline;
}
#footerMh ul.navlist a:active {
    color: #808080;
}
/* END FOOTER LIST STUFF */
/*-----------------------------------*/

/*----------( 2-COL LEFT SIDEBAR STYLES: )---------*/
/* Side-menu div: */
#sidebarLeftCol {
    width: 100px;
    float: left;
    margin: 0;
    padding: 0;
}


li {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*----------( XML LINK STYLES: )---------*/
a.xml {
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #f60;
    border: 1px solid;
    border-color: #fc9 #630 #330 #f96;
    padding: 0 4px;
    margin: 0;
}
a.xml:link {
    color: #fff;
		text-decoration: none;
}
a.xml:visited {
    color: #fff;
    text-decoration: none;
}
a.xml:hover {
    color: #fff;
    text-decoration: none;
}
a.xml:active {
    color: #fff;
    text-decoration: none;
}
/*---------------------------------------*/