/*
  Common VTG styles for all layouts.
  
  context path: /${app} - remember this now is a velocity template needing the velocity service
  
  $Id: vtg-common.css 1705 2010-09-01 11:54:13Z xmgoellnitz $
*/
html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #F8F8F8;
    text-align: center;
    vertical-align: top;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

table#page {
    margin: auto;
    background-color: white;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
}

td#pagecell {
    border-left: 1px solid #C7CBDE;
    border-right: 1px solid #C7CBDE;
    border-bottom: 1px solid #C7CBDE;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

table#pageborder {
    margin: 0;
    background-color: white;
    border-collapse: collapse;
    vertical-align: top;
}

table#headertable {
    height: 70px;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

td#logocell {
    padding: 0;
}

td#logocell a {
}

td#logocell a img {
    border-style: none;
    vertical-align: bottom;
    width: 278px;
    height: 70px;
}

td#topmenu {
    padding: 0;
}

td#headcell {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

td#toplinks {
    width: 222px; 
    padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 0px;
    text-align: right;
    vertical-align: top;
    overflow: hidden;
}

td#toplinks a:link,
td#toplinks a:visited,
td#toplinks a:focus,
td#toplinks a:hover,
td#toplinks a:active {
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

td#headImages {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

img#leftBanner {
    height: 155px;
    margin: 0px;
    padding: 0px;
}

img#rightBanner {
    width: 232px;
    height: 155px;
    margin: 0px;
    padding: 0px;
}

.navigation {
    border-width: 1px;
    border-style: solid;
    border-color: #CACEC8;
    border-collapse: collapse;
}

.header {
    border: 1px solid #CACEC8;
    border-collapse: collapse;
}

table#crumbtable {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

td#crumbCell {
    height: 22px;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    overflow: hidden;
    border-bottom: 1px solid white;
}

td#crumbNavigation {
    height: 22px;
    margin: 0px;
    padding-left: 16px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: white;
    background-color: #CACDCD;
    font-size: 12px;
}

td#crumbNavigation a:link,
td#crumbNavigation a:visited,
td#crumbNavigation a:focus,
td#crumbNavigation a:active,
td#crumbNavigation a:hover {
    color: #003579;
    font-weight: bold;
    text-decoration: none;
}

td#crumbLanguage {
    width: 200px;
    height: 22px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #CACDCD;
    text-align: right;
    overflow: hidden;
}

#linkChooser {
	width: 85%;
}

table#contentTable {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
}

td#rootcontentcell {
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    padding-right: 24px;
    border-collapse: collapse;
}

td#rootteasercell {
    vertical-align: top;
    border-top: 1px solid #D9DADB;
    border-left: 1px solid #D9DADB;
    overflow: hidden;
}

td#menucell {
    width: 170px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    background-color: #D9DADB;
}

td#contentcell {
    margin: 0px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: top;
    color: black;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 130%;
    font-weight: normal;
    text-decoration: none;
}

td#teasercell {
    margin-top: 22px;
    padding: 0;
    vertical-align: top;
    border-top: 1px solid #D9DADB;
    border-left: 1px solid #D9DADB;
    overflow: hidden;
}

td#teasercell div {
    width: 232px;
}

div.relatedContainer {
    border-bottom: 1px solid #D9DADB;
    margin-top: 3px;
    margin-bottom: 4px;
    margin-left: 3px;
    /*padding-right: 10px;*/
    padding-left: 9px;
    color: #003579;
    background-color: white;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: none;
    overflow: hidden;
}

div.relatedContainer_title {
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

div.relatedTeaser_Teasable_border {
    border-top: 1px solid #D9DADB;
}

div.relatedTeaser_Teasable {
    width: 216px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.relatedTeaser_Teasable p.p--heading-1 {
    font-family: arial, helvetica;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #6411A7;
    border: none; 
    padding: 0px;
}

div.relatedTeaser_Teasable_title {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

/* ------------------- relatedTeaser Teaser -------------------- */
div.relatedTeaser_Teaser {
    padding-bottom: 5px;
}

div.relatedTeaser_Teaser_right {
    float: right;
    margin-left: 8px;
    margin-bottom: 5px;
    overflow: hidden;
}

div.relatedTeaser_Teaser_right img {
    border: none;
    padding-right: 10px;
}

div.relatedTeaser_Teaser_left {
    padding-top: 5px;
    padding-right: 8px;
}

a.relatedTeaser_Teaser_link:link,
a.relatedTeaser_Teaser_link:visited,
a.relatedTeaser_Teaser_link:focus,
a.relatedTeaser_Teaser_link:active {
    background-image: url(/${app}/images/quad_norm.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    margin-top: 5px;
    margin-right: 5px;
    white-space: nowrap;
    clear: right;
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

a.relatedTeaser_Teaser_link:hover {
    background-image: url(/${app}/images/quad_rollover.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    margin-top: 5px;
    margin-right: 5px;
    white-space: nowrap;
    clear: right;
    color: #6477A7;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}
/* ------------------- /relatedTeaser Teaser -------------------- */

/* ------------------- relatedTeaser Topic -------------------- */
div.relatedTeaser_Topic {
    padding-bottom: 5px;
}

div.relatedTeaser_Topic_right {
    float: right;
    margin-left: 8px;
    margin-bottom: 5px;
}

div.relatedTeaser_Topic_right img {
    border: none;
    padding-right: 10px;
}

div.relatedTeaser_Topic_left {
    padding-right: 8px;
    padding-top: 5px;
}

div.relatedTeaser_Topic_more {
    text-align: right;
    margin-top: 5px;
    padding-right: 5px;
    clear: right;
}

div.relatedTeaser_Topic_more a:link,
div.relatedTeaser_Topic_more a:visited,
div.relatedTeaser_Topic_more a:focus,
div.relatedTeaser_Topic_more a:hover,
div.relatedTeaser_Topic_more a:active {
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    padding-right: 10px;
}

/* ------------------- relatedTeaser Article -------------------- */
div.relatedTeaser_Article {
    padding-bottom: 5px;
}

div.relatedTeaser_Article_right {
    float: right;
    margin-left: 8px;
    margin-bottom: 5px;
}

div.relatedTeaser_Article_right img {
    border: none;
    padding-right: 10px;
}

div.relatedTeaser_Article_left {
    padding-right: 8px;
    padding-top: 5px;
}

div.relatedTeaser_Article_date {
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    clear: right;
}

div.relatedTeaser_Article_more {
    clear: right;
    margin-top: 5px;
    padding-right: 5px;
    text-align: right;
}

div.relatedTeaser_Article_more a:link,
div.relatedTeaser_Article_more a:visited,
div.relatedTeaser_Article_more a:focus,
div.relatedTeaser_Article_more a:hover,
div.relatedTeaser_Article_more a:active {
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    padding-right: 10px;
}

/* ------------------- relatedTeaser Contact -------------------- */
div.relatedTeaser_Contact {
    padding-bottom: 5px;
}

div.relatedTeaser_Contact_right {
    float: right;
    margin-left: 8px;
    margin-bottom: 5px;
    overflow: hidden;
}

div.relatedTeaser_Contact_left {
    padding-top: 5px;
    padding-right: 8px;
}

div.relatedTeaser_Contact_personName {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

div.relatedTeaser_Contact_address {
    margin-top: 5px;
}

div.relatedTeaser_Contact_bottom {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
    clear: right;
}

a.relatedTeaser_Contact_bottom:link,
a.relatedTeaser_Contact_bottom:visited,
a.relatedTeaser_Contact_bottom:focus,
a.relatedTeaser_Contact_bottom:active {
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url(/${app}/images/quad_norm.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    white-space: nowrap;
    clear: right;
    color: #003579;
    line-height: 16px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

a.relatedTeaser_Contact_bottom:hover {
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url(/${app}/images/quad_rollover.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    white-space: nowrap;
    clear: right;
    color: #6477A7;
    line-height: 16px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

/* ------------------- relatedTeaser Download -------------------- */
div.relatedTeaser_Download {
    padding-bottom: 5px;
}

div.relatedTeaser_Download_right {
    float: right;
    margin-left: 8px;
    margin-bottom: 5px;
    overflow: hidden;
}

div.relatedTeaser_Download_right img {
    border: none;
    padding-right: 10px;
}

div.relatedTeaser_Download_left {
    padding-top: 5px;
    padding-right: 8px;
}

a.relatedTeaser_Download_file:link,
a.relatedTeaser_Download_file:visited,
a.relatedTeaser_Download_file:focus,
a.relatedTeaser_Download_file:active {
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url(/${app}/images/quad_norm.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    /*
     * Removed. Was causing scaling problem with large links.
     */
    /* white-space: nowrap; */
    clear: right;
    color: #003579;
    line-height: 16px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

a.relatedTeaser_Download_file:hover {
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url(/${app}/images/quad_rollover.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    /*
     * Removed. Was causing scaling problem with large links.
     */
    /* white-space: nowrap; */
    clear: right;
    color: #6477A7;
    line-height: 16px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

/************************************
 *        Content Classes           *
 ************************************/

div.articleContentText {
    font-size: 12px;
    line-height: 130%;
}

div.articleContent_date {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: black;
}

div.articleContentText div p {
    margin-bottom:12px;
}

div.articleContentText div a:link,
div.articleContentText div a:visited,
div.articleContentText div a:focus,
div.articleContentText div a:hover,
div.articleContentText div a:active {
    color: #003579;
    font-weight: bold;
    text-decoration: none;
}

div.articleContentText div a img {
    border: none;
}

div.articleContentText div ul li {
    margin-left: 20px;
    margin-right: 20px;
}

div.articleContentText div ol li {
    margin-left: 24px;
    margin-right: 20px;
}

div.articleContentText div table {
    width: 100%;
    border-collapse: collapse;
}

/* CoreMedia puts text in list items in a p tag. We don't want to have extra line breaks there. */
li p {
    display: inline;
}

div.TwoColumn div table {
    border-collapse: collapse;
    margin: auto;
    width: 100%;
}

div.TwoColumn div table tr td {
    width: 50%;
    vertical-align: top;
    text-align: left;
    overflow: hidden;
    padding-left: 7px;
}

div.TwoColumn div table tr td:first-child {
    padding-right: 8px;
    padding-left: 0px;
}

div.TableBorderBlack div table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
}

div.TableBorderBlack div table tr td {
    border: 1px solid black;
}

div.TableBorderMediumGrey div table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #CACEC8;
}

div.TableBorderMediumGrey div table tr td {
    border: 1px solid #CACEC8;
}

div.TableBorderDarkGrey div table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #9E9791;
}

div.TableBorderDarkGrey div table tr td {
    border: 1px solid #9E9791;
}

/* -------------------- Content Teaser -------------------- */
table.contentTeaser {
    width: 100%;
    border-collapse: collapse;
    margin-top: 24px;
}

td.contentTeaserRight,
td.contentTeaserLeft {
    padding: 0px;
    margin: 0px;
    border: 1px solid #003579;
    background-color: #D9DADB;
    margin-bottom: 4px;
    vertical-align: top;
    width: 49%;
}

div.contentTeaser_img {
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}

div.contentTeaser_img img {
    border-left: 1px solid #CECAC8;
    border-bottom: 1px solid #CECAC8;
}

div.contentTeaser_title {
    padding: 3px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #003579;
    background-color: white;
}

div.contentTeaser_title a:link,
div.contentTeaser_title a:visited,
div.contentTeaser_title a:focus,
div.contentTeaser_title a:hover,
div.contentTeaser_title a:active {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #003579;}

div.contentTeaser_date {
    padding: 3px;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
}

div.contentTeaser_text {
    padding: 3px;
    font-size: 11px;
    line-height: 14px;
}

/* -------------------- /Content Teaser -------------------- */

td#footerCell {
    margin: 0px;
    padding: 0px;
    background-color: #F8F8F8;
}

div#pageFooter {
    color: #517AA8;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    padding-top: 2px;
    padding-bottom: 3px;
}

div#pageFooter a {
    color: #517AA8;
    text-decoration: none;
}

div.listItems {
    padding-top: 14px;
    padding-bottom: 14px;
}

div.listItem {
    border-top: 1px solid #CECAC8;
    border-right: 1px solid #CECAC8;
    border-bottom: 1px solid #CECAC8;
    border-left: 6px solid #003579;
    margin-bottom: 5px;
}

/* -------------------- listItem Article -------------------- */
div.listItemLeftSide_Article {
    float: left;
    width: 70px;
    border-bottom: 1px solid #CECAC8;
    margin-top: 1px;
    text-align: right;
    overflow: hidden;
}

div.listItemLeftSide_Article a:link,
div.listItemLeftSide_Article a:visited,
div.listItemLeftSide_Article a:focus,
div.listItemLeftSide_Article a:hover,
div.listItemLeftSide_Article a:active {
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    text-decoration: none;
}

div.listItemLeftSide a img {
    border-style: none;
}

div.listItemRightSide_Article {
    margin-left: 80px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

div.listItemRightSide_Article a:link,
div.listItemRightSide_Article a:visited,
div.listItemRightSide_Article a:focus,
div.listItemRightSide_Article a:hover,
div.listItemRightSide_Article a:active {
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
}
/* -------------------- /listItem Article -------------------- */

/* -------------------- listItem Contact -------------------- */
div.listItem_Contact_topLine {
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 10px;
    border-bottom: 1px solid #CECAC8;
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}

table.listItem_Contact {
    border-collapse: collapse;
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: none;
}

td.listItem_Contact_img {
    margin: 0px;
    padding: 0px;
    width: 80px;
    vertical-align: top;
    text-align: left;
}

td.listItem_Contact_img img {
    border: none;
}

td.listItem_Contact_textLeft {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
    width: 136px;
    padding-right: 10px;
    vertical-align: top;
    overflow: hidden;
}

div.listItem_Contact_personName {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

td.listItem_Contact_textRight {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    vertical-align: top;
    padding-right: 10px;
}

td.listItem_Contact_textBottom {
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

td.listItem_Contact_textBottom a:link,
td.listItem_Contact_textBottom a:visited,
td.listItem_Contact_textBottom a:focus,
td.listItem_Contact_textBottom a:hover,
td.listItem_Contact_textBottom a:active {
    background-image: url(/${app}/images/quad_norm.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}

td.listItem_Contact_textBottom a:hover {
    background-image: url(/${app}/images/quad_rollover.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    color: #6477A7;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}

div.listItem_Contact_textRight_tel {
    padding-top: 5px;
}

td.contactPhoto {
	vertical-align: top;
	text-align: right;
}

div.contactJobDescription {
    font-size: 10px;
    height: 25px;
    line-height: 10px;
}

/* -------------------- /listItem Contact -------------------- */

/* -------------------- listItem Download -------------------- */
table.listItem_Download {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    width: 100%; /*FIXME: for IE*/
}

td.listItem_Download_topLeft {
    margin: 0px;
    padding: 0px;
    width: 100%;
    padding-right: 10px;
    vertical-align: top;
    overflow: hidden;
}

div.listItem_Download_topLine {
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #CECAC8;
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

div.listItem_Download_topLine a:link,
div.listItem_Download_topLine a:visited,
div.listItem_Download_topLine a:focus,
div.listItem_Download_topLine a:hover,
div.listItem_Download_topLine a:active {
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}

div.listItem_Download_text {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 80px;
    line-height: 14px;
}

td.listItem_Download_topRight {
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    text-align: right;
}

td.listItem_Download_topRight img {
    border: none;
}


td.listItem_Download_bottom {
    margin: 0px;
    padding: 0px;
    padding-left: 80px;
    padding-right: 10px;
}

a.listItem_Download_file:link,
a.listItem_Download_file:visited,
a.listItem_Download_file:focus,
a.listItem_Download_file:active {
    display: block;
    margin-bottom: 5px; 
    background-image: url(/${app}/images/quad_norm.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}

a.listItem_Download_file:hover {
    display: block;
    margin-bottom: 5px; 
    background-image: url(/${app}/images/quad_rollover.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 18px;
    color: #6477A7;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}

/* -------------------- GalleryItem Download -------------------- */
div.galleryItems {
    padding-top: 14px;
    padding-bottom: 14px;
}

div.galleryItems a:link,
div.galleryItems a:visited,
div.galleryItems a:focus,
div.galleryItems a:hover,
div.galleryItems a:active {
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}

div.galleryItems a img {
    border: none;
    margin-right: 5px;
    vertical-align: middle;
}

/* -------------------- Download Orders -------------------- */
div.downloadOrders_errorCode {
    color: #ED8450;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #ED8450;
    vertical-align: middle;
    text-align: center;
}

div.downloadOrders_ok {
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    margin-top: 5px;
    padding-left: 20px;
}

div.downloadOrders {
    vertical-align: middle;
    border-top: 1px solid #CECAC8;
    border-bottom: 1px solid #CECAC8;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
}

div.downloadOrder {
    margin-left: 38px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

div.downloadOrder input {
    vertical-align: middle;
}

table.downloadOrders {
    margin-left: 38px;
    margin-top: 5px;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
}

table.downloadOrders td {
    padding-bottom: 2px;
}

input.downloadOrders {
    width: 193px;
    border: 1px solid #7F9DB9;
}

textarea.downloadOrders {
    width: 193px;
    height: 130px;
    border: 1px solid #7F9DB9;
}

td.downloadOrders_mandatory {
    color: #517AA8;
    text-align: left;
    vertical-align: top;
    font-size: 11px;
    line-height: 14px;
}

td.downloadOrders_button {
    height: 35px;
    text-align: center;
}

td.downloadOrders_button input {
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
    border: medium outset;
    background-color: #003579;
    border-color: white;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 2px;
    border-bottom-width: 2px;
}
/* -------------------- /Download Orders -------------------- */

/* -------------------- zipCode Protection -------------------- */
div.zipCodeProtection_errorCode {
    color: #ED8450;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #ED8450;
    vertical-align: middle;
    text-align: center;
}

div.zipCodeProtection {
    border-top: 1px solid #003579;
    border-right: 1px solid #003579;
    border-bottom: 1px solid #003579;
    border-left: 6px solid #003579;
    background-color: #E7E7E7;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
}

div.zipCodeProtection_checkboxes {
    margin-bottom: 10px;
    margin-left: 20px;
}

div.zipCodeProtection_checkboxes input {
    vertical-align: middle;
    margin-right: 10px;
}

table.zipCodeProtection {
    vertical-align: middle;
    margin-left: 20px;
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
}

input.zipCodeProtection_location {
    margin-left: 5px;
    width: 150px;
    border: 1px solid #9E9791;
}

input.zipCodeProtection_zip {
    margin-left: 5px;
    width: 50px;
    border: 1px solid #9E9791;
}

div.zipCodeProtection_button {
    text-align: center;
    margin-top: 10px;
}

div.zipCodeProtection_button input {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    /* TODO: Fix this */
    border: medium ridge;
    background-color: #003579;
    background-repeat: no-repeat;
    background-position: left center;
    border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 2px;
    border-bottom-width: 2px;
}
/* -------------------- /zipCode Protection -------------------- */

/* -------------------- Password Protection -------------------- */
div.passwordProtection_errorCode {
    color: #ED8450;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #ED8450;
    vertical-align: middle;
    text-align: center;
}

div.passwordProtection {
    border-top: 1px solid #003579;
    border-right: 1px solid #003579;
    border-bottom: 1px solid #003579;
    border-left: 6px solid #003579;
    color: #003579;
    background-color: #D9DADB;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
}

table.passwordProtection {
    vertical-align: middle;
    text-align: left;
}

table.passwordProtection tr td {
    height: 25px;
}

table.passwordProtection tr td input {
    width: 200px;
}

div.passwordProtection_button {
    text-align: center;
    margin-top: 10px;
}

div.passwordProtection_button input {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #003579;
}

/* -------------------- Sitemap -------------------- */

table#sitemap {
    width: 100%;
    margin-bottom: 15px;
}

div.sitemapItem0 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding-left: 18px;
    margin-bottom: 8px;
}

div.sitemapItem1 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding-left: 18px;
    margin-bottom: 4px;
}

div.sitemapItem2 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding-left: 36px;
    padding-top: 10px;
    margin-bottom: 4px;
}

div.sitemapItem3 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding-left: 36px;
    margin-bottom: 4px;
}

div.sitemapItem4 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding-left: 54px;
    margin-bottom: 4px;
}

div.sitemapItem5 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding-left: 72px;
    margin-bottom: 4px;
}

div.sitemapItem6 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding-left: 90px;
    margin-bottom: 4px;
}

div.sitemapItem0 a,
div.sitemapItem1 a,
div.sitemapItem2 a,
div.sitemapItem3 a,
div.sitemapItem4 a,
div.sitemapItem5 a,
div.sitemapItem6 a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    color: #091C5A;
}

div.sitemapItem0 img.sitemapHor,
div.sitemapItem1 img.sitemapHor,
div.sitemapItem2 img.sitemapHor,
div.sitemapItem3 img.sitemapHor,
div.sitemapItem4 img.sitemapHor,
div.sitemapItem5 img.sitemapHor,
div.sitemapItem6 img.sitemapHor {
    width: 22px;
    height: 14px;
}

div.sitemapItem0 img.sitemapVert {
    display: block;
    float: left;
    position: relative;
    top: -3px;
    left: 18px;
    height: 14px;
    width: 14px;
}

div.sitemapItem1 img.sitemapVert {
    display: block;
    float: left;
    position: relative;
    top: -6px;
    left: 36px;
    height: 17px;
    width: 14px;
}

div.sitemapItem2 img.sitemapVert {
    display: block;
    float: left;
    position: relative;
    top: -3px;
    left: 54px;
    height: 14px;
    width: 14px;
}

div.sitemapItem3 img.sitemapVert {
    display: block;
    float: left;
    position: relative;
    top: -3px;
    left: 72px;
    height: 14px;
    width: 14px;
}

div.sitemapItem4 img.sitemapVert {
    display: block;
    float: left;
    position: relative;
    top: -3px;
    left: 90px;
    height: 14px;
    width: 14px;
}

div.sitemapItem5 img.sitemapVert {
    display: block;
    float: left;
    position: relative;
    top: -3px;
    left: 108px;
    height: 14px;
    width: 14px;
}

div.sitemapItem6 img.sitemapVert {
    display: block;
    float: left;
    position: relative;
    top: -3px;
    left: 126px;
    height: 14px;
    width: 14px;
}

/* -------------------- Matrix -------------------------- */

table.matrix {
    border-collapse: collapse;
    width: 100%;
}

td.matrixTitle {
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid black;
}

tr.matrixHeader {
    font-size: 9px;
    color: white;
    text-align: center;
    background-color: #ED8450;
}

tr.matrixHeader td {
    border-bottom: 1px solid black !important;
    border-top: 1px solid black !important;
}
td.matrixHeaderTitle {
    border-right: 1px solid black !important;
}

tr.matrixRow {
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
}

td.matrixRowTitle {
    text-align: left;
    vertical-align: middle;
    border-right: 1px solid black !important;
    border-top: 1px solid black !important;
}

tr.matrixRow td {
    border-right: 1px solid #CACEC8;
    border-top: 1px solid #CACEC8;
}

/* -------------------- Metadata unused begin -------------------------- */

table.metadata {
    margin-top: 10px;
    border: 3px double black;
    border-collapse: collapse;
    width: 100%;
}

td.metadataHeader {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    border: 1px solid black;
    height: 34px;
    vertical-align: middle;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

table.metadataScope {
    margin-top: 30px;
    border-collapse: collapse;
    width: 100%;
}

td.metadataScopeHeader {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    padding-left: 5px;
}

td.metadataScopeHeader2 {
    font-size: 12px;
    font-weight: normal;
    vertical-align: bottom;
    height: 30px;
    padding-left: 5px;
}

td.metadataScopeData {
    border: 1px solid black;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
    padding-left: 5px;
}

/* -------------------- Metadata unused end -------------------------- */

div.searchItem {
    border-top: 1px solid #CECAC8;
    border-right: 1px solid #CECAC8;
    border-bottom: 1px solid #CECAC8;
    border-left: 6px solid #003579;
    margin-bottom: 5px;
}

div.searchItem p {
    padding-left: 5px;
}

div.searchItem p a:link,
div.searchItem p a:visited,
div.searchItem p a:focus,
div.searchItem p a:hover,
div.searchItem p a:active {
    color: #003579;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

div.searchItem p a img {
    border-style: none;
}

div.docSearchInvisible {
    display: none;
}

div.docSearchVisible {
    display: block;
}

div.docSearchVisible img {
    width: 409px;
}


