html {
   height: 100%;
}

body {
   font-size: small;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1.3em;
   background-color: #FFFFFF;
   background-image: url(../images/banner_bg_trade_vault_200.png);
   background-repeat: repeat-x;
   background-position: 0 71px;
   color: #2e2e2e;
}

body.htmlContent {
   padding: 15px;
}

section {
   margin-bottom: 2em;
   clear: both;
}

h1 {
   font-size: 150%;
   color: #065475;
   font-weight: normal;
   margin-top: 1em;
   margin-bottom: 0.8em;
}

h2 {
   font-size: 130%;
   text-transform: uppercase;
   font-weight: normal;
   color: #666;
   padding-bottom: 8px;
   border-bottom: 2px solid #e3e3e4;
   margin-bottom: 1.5em;
   margin-top: 1em;
}

h3 {
   font-size: 110%;
   font-weight: bold;
}

ul {
   list-style-image: url(../images/bullet_arrow.png);
}

ul, ol {
   padding-left: 2em;
   margin-top: 1em;
   margin-bottom: 1em;
}

ul li {
   font-size: 90%;
}

ol li {
   font-size: 90%;
}

p {
   margin-top: 1em;
}

a {
   color: #408eb5;
   text-decoration: none;
}

/* Header all the way across the top of the page */
#headerBackground {
   width: 100%;
   background: #FFFFFF;
   border-bottom: 1px solid #b6b8ba;
   min-width: 1024px;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000;
}

#banner {
   margin-left: auto;
   margin-right: auto;
   width: 1024px;
   padding: 0;
   min-width: 1024px;
}


/* Header limited to 1024px; background all the way across the page */
/*
#headerBackground {
   width: 100%;
   background: #FFFFFF;
   border-bottom: 1px solid #b6b8ba;
   min-width: 1024px;
}

#banner {
   margin-left: auto;
   margin-right: auto;
   width: 1024px;
   padding: 0;
   min-width: 1024px;
}
*/

/* Header limited to 1024px */
/*
#headerBackground {
   width: 100%;
}

#banner {
   margin-left: auto;
   margin-right: auto;
   width: 1024px;
   padding: 0;
   background: #FFFFFF;
   border-bottom: 1px solid #b6b8ba;
   -moz-box-shadow: 0px 0px 12px #666666;
   -webkit-box-shadow: 0px 0px 12px #666666;
   box-shadow: 0px 0px 12px #666666;
}
*/

#bannerRight {
   float: right;
   margin-top: 2.1em;
   margin-right: 14px;
   width: 300px;
}

#bannerBottom {
   clear: both;
}

#mainLogo {
   float: left;
   margin: 14px 14px 15px 14px;
}

#userManagement {
   float: right;
   color: #408eb5;
   font-size: 90%;
   margin-top: 0.3em;
   margin-right: 14px;
   margin-left: 14px;
}

#currentUser {
   display: none;
   padding-bottom: 2px;
   cursor: pointer;
   text-decoration: underline;
}

#login {
   display: none;
   cursor: pointer;
   text-decoration: underline;
}

#workingCompanies {
   position: relative;
   float: left;
   display: inline-block;
   color: #CCCCCC;
   z-index: 1000;
}

#navigation {
   display: block;
   float: left;
}

#navigationSymbol {
   font-size: 75%;
}

#navigation h1 {
   color: #408eb5;
   font-weight: normal;
   margin-top: 1.4em;
   cursor: pointer;
}

#navigation h2 {
   color: #000;
   font-size: 100%;
   padding: 8px 48px 8px 8px;
   margin: 0;
   border-bottom: 1px solid #CCC;
   cursor: not-allowed;
}

#navigation h2#homeNav {
   cursor: pointer;
}

#navigationLinks {
   border: 1px solid #CCC;
   background: #FFF;
   -moz-box-shadow: 3px 3px 8px #333;
   -webkit-box-shadow: 3px 3px 8px #333;
   box-shadow: 3px 3px 8px #333;
}

#navigationLinks > ul {
   list-style: none;
   margin: 0;
   padding: 0;
   cursor: pointer;
}

#navigationLinks > ul > li {
   padding: 4px 4px 4px 24px;
   margin: 0;
   border-bottom: 1px solid #CCC;
}

#navigationLinks > ul > li > a {
   text-decoration: none;
   font-size: 120%;
}

.navigationOn {
   color: #999;
}

.disabledLink {
   cursor: not-allowed;
}

.actionButton {
   display: inline-block;
   border: 1px solid #999999;
   padding: 4px;
   background: #EEEEEE url(../images/action_button_bg.gif) repeat-x bottom left;
   text-decoration: none;
   color: #000000;
   height: 1em;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   cursor: pointer;
}

#main {
   position: relative;
   width: 1024px;
   margin: 0 auto 10px auto;
   padding: 0;
   min-height: 100%;
   min-width: 1024px;
   top: 71px;
   z-index: 100;
   /*
      -moz-box-shadow: 0px 0px 12px #666666;
      -webkit-box-shadow: 0px 0px 12px #666666;
      box-shadow: 0px 0px 12px #666666;
   */
}

#dialogs > div {
   position: relative;
   display: none;
}

#userManagementLinks {
   margin: 2px;
   padding: 8px;
   font-size: 100%;
   border: 1px solid #eeeeee;
   background: #ffffff;
   width: 12em;
   -moz-box-shadow: 3px 3px 8px #333;
   -webkit-box-shadow: 3px 3px 8px #333;
   box-shadow: 3px 3px 8px #333;
   z-index: 1000;
}

#userManagementLinks ul {
   margin: 0;
}

#userManagementLinks li {
   text-decoration: underline;
   color: #408eb5;
   cursor: pointer;
}

.loginDialog {
   padding: 2em;
}

.loginDialog > .loginButton {
   text-align: right;
   margin-top: 1em;
}

.loginDialog label {
   display: inline-block;
   width: 5em;
   margin-right: 0.5em;
   margin-top: 0.4em;
}

#passwordResetDialog label {
   width: 12em;
}

#passwordRules {
   border-top: 1px solid #408eb5;
   margin-top: 1em;
   padding-top: 1em;
}

#passwordRules ol {
   list-style: decimal;
}

#passwordRules ul {
   margin-top: 0;
}

.header {
   font-weight: bold;
}

.dialogTitle {
   margin-bottom: 1em;
   text-align: center;
}

.mainMessage {
   text-align: center;
   font-size: 120%;
   color: #999999;
   padding: 5em;
}

.loginErrorOff {
   display: none;
}

.loginErrorOn {
   display: block;
   color: #CC0000;
   padding: .25em .25em 1em .25em;
   text-align: center;
}

#pageHeader {
   background-image: url(../images/banner_tradevault_980x200.png);
   background-repeat: no-repeat;
   height: 200px;
}

#pageContent {
   padding: 15px 18px 15px 18px;
}

#patent {
   position: relative;
   clear: both;
   margin-top: 40px;
   padding-top: 4px;
   font-size: 80%;
   font-style: italic;
   border-top: 1px solid #CCCCCC;
}

.quicklinks {
   border: none;
   width: 100%;
}

.quicklinks > div {
   background: #ececec;
   margin: 1em 2px 1em 2px;
   float: left;
   width: 242px;
   height: 13em;
}

.quicklinks a {
   color: #333333;
   font-size: 13px;
   font-weight: normal;
   line-height: 18px;
   text-decoration: none;
}

.quicklinks:after {
   clear: both;
}

.quicklinks a:hover {
   text-decoration: underline;
   cursor: pointer;
}

.quicklinks > div > h1 {
   background-image: url(../images/ql_header_bg.gif);
   background-repeat: repeat;
   color: #336666;
   font-size: 13px;
   font-weight: bold;
   text-transform: uppercase;
   padding: 0.75em;
   margin: 0;
}

.quicklinks > div > ul {
   margin: 0;
   list-style: none;
   padding: 1em 27px 1em 27px;
}

.dataTable {
   margin-left: auto;
   margin-right: auto;
   border-spacing: 20px 0;
   border-collapse: separate;
}

.dataTable th {
   font-size: 100%;
   text-transform: uppercase;
   border-bottom: 1px solid #CCCCCC;
}

.dataTable td {
   padding: 0 10px 0 10px;
}

.relatedLinks {
   margin-top: 1em;
   margin-bottom: 1em;
   font-weight: bold;
   color: #666;
}

.relatedLinks a {
   margin-left: 20px;
   font-weight: normal;
}

#tvus {
   display: none;
}

#tvca {
   display: none;
}

#tveu {
   display: none;
}

#tvremit {
   display: none;
}

#quicklinksEU {
   display: none;
}

#quicklinksREMIT {
   display: none;
}

#quicklinksCA {
   display: none;
}

#overviewLink {
}

#euLink {
}

.tvLink {
   font-size: 120%;
}

.tvLinkOn {
   color: #065475;
}

.tvLinkOff {
   color: #999;
}

.tvLinkOff:hover {
   text-decoration: underline;
   cursor: pointer;
}

#tvHeader {
   width: 100%;
   margin-top: 1em;
   margin-bottom: 0.8em;
}

#tvHeaderBuffer {
   clear: right;
}

#tvHeader > ul {
   margin-top: 0;
   list-style-image: none;
}

#tvHeader > ul > li {
   float: left;
   padding-left: 30px;
   background-image: url(../images/bullet_arrow.png);
   background-repeat: no-repeat;
   background-position: 20px .2em;
}

h1#tvHeaderMain {
   float: left;
   clear: none;
   margin-top: 0;
   margin-bottom: 0;
   margin-right: 30px;
}