html {
    height: 100%;
}
body {
    margin: 0px;
    height: 100%;
    width: 100%;
    padding: 0px;
    background-color:white;
    scrollbar-3d-light-color:#cccccc;
    scrollbar-arrow-color:#333333;
    scrollbar-base-color:#cccccc;
    scrollbar-dark-shadow-color:#666666;
    scrollbar-face-color:#d5d5d5;
    scrollbar-highlight-color:#eeeeee;
    scrollbar-shadow-color:#cccccc;
}
#bodyDIV {
    position: relative;
    height: 100%;
    width: 811px;
}
.mainTABLE {
    background-color: #FFFFFF;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #FFFFFF;
    border-left-color: #FFFFFF;
    width: 811px;
}
.mainbannerBG {
    background-image: url(images/main_banner_tile.jpg);
    background-repeat: repeat-y;
    padding-left: 25px;
}
.med-greyBG {
    background-color: #E3E1E2;
}
.hor-dotBG {
    background-image: url(images/hor-dot.gif);
    background-repeat: repeat-x;
}
.footerBG {
    background-image: url(images/footerScale.jpg);
    background-repeat: repeat-y;
}
.white-hor-dotBG {
    background-image: url(images/white-hor-dot.gif);
    background-repeat: repeat-x;
    background-color: #6699CC;
}
.footerScaleBG {
    background-image: url(images/footerScale.jpg);
    background-repeat: repeat-y;
}
.hor-dotBG-BORDER {
    background-image: url(images/hor-dot.gif);
    background-repeat: repeat-x;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #FFFFFF;
    border-left-color: #FFFFFF;
}
.bodyTEXT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    padding-left: 20px;
    padding-top: 7px;
    list-style-position: outside;
    list-style-image: url(images/list-arrow.gif);
    margin: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    font-variant: normal;
    text-align: justify;
}
.footerTEXT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 10px;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
}
.vert-dotBG {
    background-image: url(images/vert-dot.gif);
    background-repeat: repeat-y;
}
a.blue-bodyLINK {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    color: #9999CC;
    text-decoration: underline;
    font-weight: normal;
}
a.blue-bodyLINK:hover {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    color: #9999CC;
    text-decoration: underline;
    font-weight: normal;
    background-color: #F4F4F4;
}
.leftpad {
    padding-left: 20px;
}
.body-subTEXT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-left: 20px;
    padding-top: 7px;
    padding-right: 20px;
}
.blue-titleTEXT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 16px;
    font-weight: normal;
    color: #9999CC;
    text-decoration: none;
    padding-left: 20px;
}
.bodySELECT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
    background-color: #e8e8e8;
}
.bodyBUTTON {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
    background-color: #e8e8e8;
    border: 1px solid #666666;
    cursor: hand;
}
.navTEXT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}
.navBG {
    text-align: center;
    background-color: #FFFFFF;
}
.navBGover {
    background-color: #d5d5d5;
    text-align: center;
    cursor: hand;
}
.paragraph2TEXT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;
}
.leftmarg {
    margin-left: 20px;
}
.grad-right {
    background-image: url(images/mock_12.jpg);
    background-repeat: repeat-y;
}
.grad-left {
    background-image: url(images/mock_19.jpg);
    background-repeat: repeat-y;
}
.spacedTEXT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 13px;
    line-height: 40px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    text-align: justify;
    padding-right: 18px;
    padding-left: 4px;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 10px;
}
.menubarBG {
    background-image: url(images/navBG.gif);
    background-repeat: repeat-x;
}
.sub-navBG {
    background-image: url(images/sub-navBG.jpg);
    background-repeat: repeat-y;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding-left: 25px;
    cursor: hand;
}
.sub-menuTEXT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    letter-spacing: 2px;
}
#drop1 {
    position: absolute;
    left: 140px;
    top: 483px;
    width: 183px;
    height: 20px;
    background-color: #E6E6E6;
    border: 1px solid #333333;
    visibility: hidden;
}
#drop3 {
    position: absolute;
    left: 104px;
    top: 385px;
    width: 183px;
    height: 60px;
    background-color: #E6E6E6;
    border: 1px solid #333333;
    visibility: hidden;
    text-align: left;
    z-index: 1000;
}
#drop4 {
    position: absolute;
    left: 104px;
    top: 415px;
    width: 183px;
    height: 140px;
    background-color: #E6E6E6;
    border: 1px solid #333333;
    visibility: hidden;
    text-align: left;
}
#drop5 {
    position: absolute;
    left: 130px;
    top: 383px;
    width: 250px;
    height: 140px;
    background-color: #E6E6E6;
    border: 1px solid #333333;
    visibility: hidden;
    text-align: left;
}
.dropBG {
    background-color: #e6e6e6;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding-left: 7px;
    cursor: hand;
}
.sub-navBGover {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding-left: 25px;
    cursor: hand;
    background-color: #d5d5d5;
}
.dropBGover {
    background-color: #d5d5d5;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding-left: 7px;
    cursor: hand;
}
.sub-navBGon {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding-left: 25px;
    cursor: hand;
    background-color: #C4C2C5;
}
.sub-menuTEXTon {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    letter-spacing: 2px;
    font-weight: bold;
}
.navBGon {
    background-color: #C4C2C5;
    text-align: center;
    cursor: hand;
}
.navTEXTon {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
.localTEXT {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    margin: 0px;
    font-variant: normal;
}
.bodyTEXT2 {
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    padding-left: 4px;
    margin: 0px;
    padding-right: 4px;
    font-variant: normal;
}
.dropBGon {
    background-color: #C4C2C5;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding-left: 7px;
    cursor: hand;
}
.tableheaderBG {
    background-color: #cccccc;
    font-family: "Trebuchet MS", Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
iframe {
    border-top: 2px none;
    border-right: 2px none;
    border-bottom: 2px dotted #999999;
    border-left: 2px none;
    margin-right: 15px;
}
.list-none {
    list-style-image: none;
    list-style-type: disc;
}
.signupTEXT {
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
.signupTEXT2 {
    font-family: "Trebuchet MS";
    font-size: 24px;
    font-weight: bold;
    color: #6699CC;
    text-decoration: underline;
}
.whiteBG {
    background-color: #ffffff;
}
.blackBG {
    background-color: #000000;
}
.CanadianTxtTitle {
color: #CC0000;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.CanadianTxtBig {
color: #CC0000;
font-size: 14px;
}
.CanadianTxt {
color: #CC0000;
}
.CanadianTxtBold {
color: #CC0000;
font-weight: bold;
}
.divSpacer_15 {
    width:15px;
    height:15px;
}
.divSpacer_10 {
    width:10px;
    height:10px;
}
.padding {
    padding:15px;
}
.button_padding {
    padding: 5px 10px 10px 10px;
}
.btn_right {
    background-image: url(images/btn_right.gif);
    background-repeat: no-repeat;
    width: 10px;
    height: 26px;
}
.btn_center {
    background-image: url(images/btn_center.gif);
    background-repeat: repeat-x;
    height: 26px;
}
.btn_left {
    background-image: url(images/btn_left.gif);
    background-repeat: no-repeat;
    width: 10px;
    height: 26px;
}
.btn_text {
    font-family: tahoma, arial, helvetica;
    font-size: 11px;
}
.btn_link {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color:#000000;
}
.text_blk {
    font-family:tahoma, arial, helvetica;
    font-size:12px;
    line-height:18px;
}
.text_blk_bld {
    font-family:tahoma, arial, helvetica;
    font-size:11px;
    font-weight:bold;
    line-height:18px;
}
h3 {
    font-family:"Trebuchet MS";
    font-size: 18px;
    font-weight: bold;
    color: #027599;
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left:10px;
}




/* ------------------- NEW STYLES AND CLASSES ------------------- */
h1 {
font-family: "Trebuchet MS";
font-size: 28px;
font-weight: bold;
text-align: center;
margin: 0 0 22px 0;
padding: 0;
}
h2, h2 a:link, h2 a:active, h2 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weigth: bold;
color: #666666 !important;
text-decoration: underline !important;
padding: 11px 0 11px 0;
margin: 0;
}
h2 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weigth: bold;
color: #4c4b4b !important;
text-decoration: none !important;
padding: 11px 0 11px 0;
margin: 0;
}
h4, h4 a:link, h4 a:active, h4 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weigth: bold;
text-align: center;
color: #666666 !important;
text-decoration: underline !important;
padding: 11px 0 11px 0;
margin: 0;
}
h4 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weigth: bold;
text-align: center;
color: #4c4b4b !important;
text-decoration: none !important;
padding: 11px 0 11px 0;
margin: 0;
}
h5 {
font-family: "Trebuchet MS";
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 0;
padding: 0;
}
.LoginBox, .SupportBox {
margin: 0 auto;
}
#LoginBoxTop {
width: 842px;
height: 29px;
background: url('images/ccb_LoginBoxTop.gif') no-repeat;
margin-top: 20px;
}
#ClientSupportArea {
width: 539px;
height: 273px;
background: url('images/ccb_ClientSupportAreaBkg.jpg') no-repeat;
}
#ClientSupportArea .ContentWrapper {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 18px;
text-align: left;
padding: 18px;
}
#ClientSupportArea .Arrows {
font-size: 12px;
color: #8f8f8f;
padding-right: 10px;
}
#ClientSupportArea .ContactPoints {
margin-left: 100px;
line-height: 25px;
}
#ClientSupportArea a, #ClientSupportArea a:active {
color: #073a92;
text-decoration: underline;
font-weight: bold;
}
#ClientSupportArea a:hover {
color: #084ec6;
text-decoration: none;
font-weight: bold;
}
#OnlineSupportBox1, #OnlineSupportBox2, #OnlineSupportBox3 {
min-height: 50px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left: 15px;
}
#OnlineSupportBox1 .ContentBoxLeft, #OnlineSupportBox2 .ContentBoxLeft, #OnlineSupportBox3 .ContentBoxLeft {
float: left;
width: 20px;
height: 90px;
}
#OnlineSupportBox1 {
width: 161px;
background: url('images/ccb_OnlineSupportBox1Bkg.jpg') no-repeat;
}
#OnlineSupportBox2 {
width: 179px;
background: url('images/ccb_OnlineSupportBox2Bkg.jpg') no-repeat;
}
#OnlineSupportBox3 {
width: 154px;
background: url('images/ccb_OnlineSupportBox3Bkg.jpg') no-repeat;
}
#OnlineSupportBox1 .Arrows, #OnlineSupportBox2 .Arrows, #OnlineSupportBox3 .Arrows {
color: #073a92;
padding: 0;
margin: 0;
}
#LoginBoxBottom {
width: 842px;
height: 33px;
background: url('images/ccb_LoginBoxBottom.gif') no-repeat;
}
.SupportBoxBkg {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #e6e6e6;
}
.SupportBoxBkg a, .SupportBoxBkg a:active {
color: #073a92;
text-decoration: underline;
font-weight: bold;
}
.SupportBoxBkg a:hover {
color: #084ec6;
text-decoration: none;
font-weight: bold;
}
#SupportBarBottom {
width: 842px;
height: 15px;
background: url('images/ccb_SupportBarBottom.gif') no-repeat;
}
#System5Box {
width: 221px;
height: 200px;
text-align: center;
background: url('images/ccb_System5Bkg.jpg') no-repeat;
}
#System5BoxPad, #AffiliateSystemBoxPad {
padding: 10px 0 0 0;
}
#System5Box .ContentWrapper, #AffiliateSystemBox .ContentWrapper {
width: 167px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
margin: 0 auto;
width: 175px;
}
.System5BannerPad, .AffiliateSystemBanner {
padding: 18px 0 28px 0;
border: none;
}
em {
color: #e60006;
font-style: oblique;
font-weight: bold;
}
#AffiliateSystemBox {
width: 221px;
min-height: 100px;
background: url('images/ccb_AffiliateSystemBkg.jpg') no-repeat;
text-align: center;
}

#ForgotPassLink a {
color: #073A92 !important;
text-decoration: underline;
font-weight:bold;
}

#ForgotPassLink a:active {
color: #073A92 !important;
text-decoration: underline;
font-weight:bold;
}
#ForgotPassLink a:hover {
color: #084ec6 !important;
text-decoration: none;
font-weight: bold;
}