* {
    font-family: verdana, arial, helvetica, sans-serif;
}
a,
p.email {
    color: #000 !important;
    cursor: pointer;
}
a:hover,
p.email:hover {
    color: #158 !important;
    text-decoration: underline;
}
a.button {
    background: #EEE;
    border: 1px solid;
    border-color: #FFF #FFF #AAA #AAA;
    font-size: x-small;
    font-weight: bold;
    padding: 0.75em 1em;
    text-decoration: none !important;
}
a.button:hover {
    background: #9CE;
    border-color: #DDE #DDE #88A #88A;
}
a.pdf {
    background: url(images/pdf.gif) left center no-repeat;
    padding: 0.2em 0.2em 0.2em 20px;
}
a img {
    border: 0;
    vertical-align: middle;
}
body {
    background: #C0C0C0;
    font-size: 80%;
    margin: 0;
    padding: 0;
}
div.alert,
div.success {
    font-weight: bold;
    border: 1px solid;
    margin: 1em 0;
    padding: 0;
}
div.alert {
    color: #A00;
}
div.alert p,
div.success p {
    margin: 1em !important;
    padding: 0 !important;
}
div.alert ul {
    line-height: 1.5;
    padding-left: 1.5em;
}
div.bar {
    background: #BBB;
    height: 1px;
    margin: 1em 0;
}
div.bar hr {
    display: none;
}
div.box {
    background: #EEE;
    border: 1px solid #CCC;
    margin-top: 1em;
    padding: 0.5em 1.5em;
}
div.box p {
    margin: 0.5em 0;
}
div.box hr {
    display: none;
}
div.profile-jobs ul,
div.profile-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
div.profile-links ul {
    margin: 0.5em 0;
}
div.profile-links ul li {
    background: url(images/twisty_right.gif) center left no-repeat;
    padding-left: 20px;
}
div.search {
    background: #CCC;
    margin-bottom: 0.5em;
    padding: 0.25em;
}
div.section.about,
div.section.industry,
div.section.advocacy,
div.section.careers,
div.section.transporter,
div.section.portpass,
div.section.join,
div.section.members,
div.section.marketplace,
div.section.events {
    border: 0;
    min-height: 400px;
    padding: 10px 50px;
}
div.success {
    color: #094;
}
dl.clean dd {
    border: 0;
}
dl.details dd,
form dd {
    margin: 0;
    padding: 0.25em 0 0.25em 16em;
}
dl.details dt,
form dt {
    clear: left;
    float: left;
    font-weight: bold;
    padding: 0.25em 0;
    width: 15em;
}
form,
form dl table {
    margin: 0;
}
div.column {
    float: left;
}
div.column div.column {
    float: left;
    padding: 0;
}
div.constrain {
    margin: 0 auto;
    width: 980px;
}
div.footnotes {
    color: #888;
    font-size: x-small;
    margin-top: 1em;
    padding-top: 1em;
}
div.footnotes div.bar {
    border-top: 1px solid #888;
    width: 150px;
}
div.footnotes div.bar hr {
    display: none;
}
div.profile-jobs ul,
div.profile-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
div.profile-links ul {
    margin: 0.5em 0 !important;
}
div.profile-links ul li {
    background: url(images/twisty_right.gif) center left no-repeat;
    padding-left: 20px;
}
div.promotion {
    background: #EEE;
    border: 1px solid #158;
    font-size: 0.85em;
    line-height: 1.5;
    margin-bottom: 1em;
    padding: 0.5em;
}
h1 {
    margin: 0;
}
h1 a {
    background: url(/images/bcta_header_01.jpg) top left no-repeat;
    display: block;
    height: 125px;
    width: 982px;
}
h1 a span {
    display: none;
}
h1.isearch,
h2,
.header {
    color: #158;
    font: bold 26px arial, helvetica, sans-serif;
    margin: 0;
}
h2 {
    margin-bottom: 0.5em;
}
h2.isearch-nomatch {
    color: #A00;
    font-size: small;
}
div.promotion h2 {
    font-size: large;
}
h3,
h3 a {
    font: bold 16px arial, helvetica, sans-serif;
}
.mainbar {
    padding-right: 15px;
}
.sidebar {
    border-left: 1px solid #BBB;
    padding-left: 15px;
}
.tabheadertext {
    background: #158;
    border-bottom: 2px solid #025;
    border-top: 2px solid #48B;
    color: #FFF;
    font-weight: bold;
    padding: 0.1em 0.5em;
}
span.tabheadertext {
    display: block;
}
td.breadcrumb {
    text-align: right;
    vertical-align: top;
}
td.sidebar {
    width: 170px;
}
td.sidebar div.section {
    padding: 0.25em 0.5em !important;
}
td.sidebar h3 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
}
td.sidebar p,
td.sidebar ul {
    margin-left: 0 !important;
}
tr.tabheadertext td,
tr.tabheadertext th {
    background: #158;
    border-bottom: 2px solid #025;
    border-top: 2px solid #48B;
    padding: 0 0.25em;
    text-align: left;
}
tr.tabheadertext th {
    padding: 0.1em 0.4em;
}
.right {
    text-align: right !important;
}
.small {
    font-size: xx-small;
}
.upper {
    text-transform: uppercase;
}
#footer {
    clear: both;
}
#footer a {
    color: #555;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer div.constrain {
    padding: 1em 0;
}
#footer p,
#footer td {
    color: #666;
    font-size: 75%;
    margin: 0;
}
html>body #footer p {
    font-size: x-small;
}
#footer_address {
    clear: both;
    margin: 0 auto;
}
#footer_address td {
    padding-right: 1em;
}
#footer_copyright,
#footer_links {
    float: left;
    width: 50%;
}
#footer_links {
    text-align: right;
}
#header div.constrain {
    position: relative;
}
#header form {
    margin: 0;
}
#header_breadcrumb {
    float: left;
    margin-left: 0 !important;
    margin-top: 0.5em;
}
#header_login {
    color: #FFF;
    font-size: small;
    padding: 0.5em 0;
    position: absolute;
    bottom: -6px;
    right: 15px;
}
html>body #header_login {
    font-size: small;
}
#header_login a {
    color: #FFF !important;
    text-decoration: none;
}
#header_login a:hover {
    text-decoration: underline;
}
#header_tools {
    border-bottom: 1px solid #BBB;
    font-size: small;
    margin-bottom: 10px;
    padding: 0.25em 0.5em;
    text-align: right;
}
#main {
    clear: both;
    font-size: x-small;
    line-height: 1.5;
}
html>body #main {
    font-size: small;
}
#main div.constrain {
    background: #D5D5D5;
    border: 1px solid #BBB;
    border-bottom: 10px solid #094;
    border-top: 0;
    min-height: 400px;
    padding: 20px 50px;
    width: 880px;
}
div.box p,
td.sidebar ol,
td.sidebar p,
td.sidebar ul,
#main div.constrain table p {
    margin-left: 0;
}
#navigation {
    float: left;
    z-index: 0;
    width: 100%;
}
#navigation div.constrain {
    background: #158;
    border-bottom: 3px solid #036;
    border-top: 3px solid #094;
    height: 2.1em;
}
#navigation iframe {
    border: 0;
    filter: mask();
    height: 2em;
    left: 0;
    position: absolute;
    top: 0;
    width: 15.25em;
    z-index: -1;
}
#navigation ul {
    margin: 0;
    padding: 0 0 0 5px;
    z-index: 10;
}
#navigation ul li {
    display: block;
    float: left;
    position: relative;
}
#navigation ul li a {
    background: #158;
    color: #FFF !important;
    display: block;
    font: bold 12px tahoma, helvetica, sans-serif;
    padding: 0.5em 0.6em;
    text-decoration: none;
}
#navigation ul li:hover > a,
#navigation ul li.active > a,
#navigation ul li > a.active {
    color: #CFA;
}
#navigation ul ul li:hover > a,
#navigation ul ul li.active > a,
#navigation ul ul li > a.active {
    background: #269 url(images/whitedot.gif) bottom left repeat-x;
}
#navigation ul li li li {
    top: 0;
}
#navigation ul li:hover ul,
#navigation ul li.hover ul {
    display: block;
    position: absolute;
}
#navigation ul li ul a {
    background: #158 url(images/whitedot.gif) bottom left repeat-x;
    display: block;
    /*
    overflow: auto;
    white-space: nowrap;
    */
    width: 15em;
}
#navigation ul li ul li:hover ul,
#navigation ul li ul li.hover ul {
    border-left: 1px solid #FFF;
    display: block;
    left: 15.15em;
    top: 0;
}
#navigation ul li:hover ul ul,
#navigation ul li.hover ul ul {
    display: none;
}
#navigation ul ul {
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
}
#navigation ul ul li {
    background: #158;
    clear: both;
    /*
    clear: both;
    float: none;
    width: auto;
    */
}
#navigation ul ul ul a {
    width: 12em;
}
#sitemap li {
    line-height: 1.75;
}
#sitemap li {
    background: #D5D5D5;
    font-weight: bold;
    margin-top: 1em;
}
#sitemap li.bullet {
    display: none;
}
#sitemap li ul li {
    font-weight: normal;
    margin-top: 0;
}
#sitemap ul {
    list-style: none;
}
#sitemap ul ul {
    background: url(images/map_vert.gif) top left repeat-y;
    background-position: 0 top;
    margin: 0 1em;
    padding: 0;
}
#sitemap ul ul li {
    background: url(images/map_midd.gif) top left no-repeat;
    padding-left: 25px;
}
#sitemap ul ul li.last {
    background-color: #D5D5D5;
    background-image: url(images/map_last.gif);
}

/* Copied from updated old sheet */

dd.mandatory,
div.required {
    border: 0;
    border-top: 2px solid #A00;
    color: #A00;
    font-weight: bold;
    margin-left: 16em;
    padding: 0.25em 0;
    width: 27.25em;
}
input.fill,
select.fill,
textarea.fill {
    border: 1px solid;
    border-color: #AAA #CCC #CCC #AAA;
    font: small arial, helvetica, sans-serif;
    width: 25em;
}
input.fill:focus,
select.fill:focus,
textarea.fill:focus {
    background: #FFC;
}
input.postal {
    width: 3em;
}
input.telephone {
    width: 10em;
}
label {
    font-weight: bold;
    padding-left: 1.1em;
}
label.required {
    padding-left: 0;
}
li.job img {
    vertical-align: text-bottom;
}
p.email {
    background: url(images/email.png) left center no-repeat;
    padding: 0.2em 0.2em 0.2em 20px;
}
div.box p {
    margin-left: 0 !important;
}
span.required {
    color: #F00;
}
span.required + label {
    padding-left: 0;
}
table.jobs {
    width: 100%;
}
table.jobs th a {
    color: #9AC !important;
    font-size: x-small;
    text-decoration: none !important;
}
table.jobs th a:hover {
    color: #FFF !important;
}
textarea {
    font: small verdana, arial, helvetica, sans-serif;
}
tr.even,
tr.stripe {
    background: #CCC;
}
.hidden,
dd.option,
dt.option {
    display: none;
}
.section {
    border-bottom: 1px solid #BBB;
    border-right: 0;
    border-top: 0;
    padding: 0.25em 1em;
}
#search-options {
    background: #DDD;
}
#search-options th {
    background: #BBB;
    color: #FFF;
}

/* Bulletin */

body.bulletin {
    background: #CCC;
    margin: 0;
}
body.bulletin h2 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0.2em;
    margin: 1em 0 !important;
}
body.bulletin p {
    margin: 0;
    padding-bottom: 1em;
}
body.bulletin p.date {
    font-size: x-small;
    text-align: right;
}
body.bulletin #footer {
    background: #CCC;
}
body.bulletin #footer_copyright,
body.bulletin #footer_links {
    padding: 0 10px;
    width: 317px;
}
body.bulletin #footer_address {
    clear: both;
    margin-top: 0.5em;
}
body.bulletin #footer div.constrain,
body.bulletin #header {
    background: #CCC;
    margin: 0;
    width: 675px;
}
body.bulletin #header {
    background: #FFF;
}
body.bulletin #main {
    background: #FFF;
    width: 635px;
    padding: 0 20px 20px 20px;
}

/* Help */

body.help {
    background: #CCC;
    margin: 0;
}
body.help h2 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0.2em;
    margin: 0;
    padding: 1em 0;
}
body.help p {
    margin: 0;
    padding-bottom: 1em;
}
body.help #footer {
    background: #CCC;
}
body.help #footer * {
    color: #000;
    font-size: x-small;
}
body.help #footer_copyright,
body.help #footer_links {
    padding: 0 10px;
    width: 317px;
}
body.help #footer_address {
    clear: both;
}
body.help #footer div.constrain,
body.help #header {
    background: #CCC;
    margin: 0;
    width: 675px;
}
body.help #header {
    background: #FFF;
}
body.help #main {
    background: #FFF;
    width: 635px;
    padding: 0 20px 20px 20px;
}

/* Search */
.isearch-title {
    font-weight: bold;
}