﻿body { padding: 0; margin: 0; font-family: Verdana; font-size: 12px; }

div.main_container { width: 100%; height: 100%; background-color: #F6F6F6; overflow: hidden; }

div#doctype_panel_wrapper { float: left; padding: 3px 0px 3px 3px; width: 225px; /*border: solid 1px #FF0000;*/ overflow: hidden; }

div#doctype_panel_wrapper_framed { float: left; padding: 3px 0px 3px 8px; overflow: hidden; }

div#docpdf_panel_wrapper { float: right; padding: 3px 5px 3px 5px; width: 500px; /*border: solid 1px #FF0000;*/ }

div#full_panel_wrapper { padding: 3px 5px 3px 5px; width: 100%; }

div.fullContainer { background-color: #FFFFFF; width: 100%; height: 670px; border: solid 1px #55606E; text-align: right; position: relative; z-index: 1; }

div#sub_container { margin: 0px auto; height: 100%; width: 700px; /*border: solid 1px #FF0000;*/ }

div#sub_container_slim { margin: 0px auto; height: 100%; width: 600px; }

div.docPDFContainer { background-color: #FFFFFF; width: 100%; height: 670px; border: solid 1px #55606E; text-align: right; position: relative; z-index: 1; }

div.inner_container { margin: 10px; height: 90%; text-align: left; /*border: solid 1px #FF0000;*/ }

div#new_window { float: left; display: none; }

div#new_window a { color: #000000; text-decoration: underline; }

div#new_window a:HOVER { text-decoration: none; }

div#new_window img { border: none; vertical-align: middle; margin: 0px 5px 0px 10px; }

.frmPDF { width: 100%; height: 100%; /*border-bottom: solid 1px #3D3D3D;*/ }

div#loading { margin: 150px auto; width: 100%; height: 100%; text-align: center; font-size: 16px; }

div#home { margin: 50px auto; text-align: center; }
div#home img { vertical-align: middle; }

.tab-header { font-family: Verdana; font-size: 12px; }



.header, .footer { margin: 0px; width: 100%; height: 100px; /*background-color: #D5D5D5;*/ }

.header { border-bottom: solid 1px #55606E; }

.footer { padding: 5px 0px 0px 0px; border-top: solid 1px #55606E; text-align: center; }

.footer a { color: #000000; margin: 0px 3px 0px 3px; text-decoration: underline; }

.footer a:HOVER { text-decoration: none; }



div#selector_wrapper .accounts { height: 22px; width: 100%; margin-bottom: 3px; }

div.stmt_title, div.notice_title { height: 27px; line-height: 27px; background: url("../images/doctype_header.jpg") repeat-x; padding-left: 5px; border: solid 1px #55606E; font-weight: bold; }

div.stmt_title a, div.notice_title a { float: right; border-left: solid 1px #ABC7EC; height: 27px; width: 20px; cursor: pointer; }

div.notice_title { margin-top: 3px; }

div.stmt_dates { height: 617px; }

div.notice_dates { height: 292px; }

div.stmt_dates, div.notice_dates { background-color: #ECECEC; border-bottom: solid 1px #55606E; border-left: solid 1px #55606E; border-right: solid 1px #55606E; overflow: auto; scrollbar-base-color: #f9f9f9; scrollbar-3dlight-color: #ffffff; scrollbar-highlight-color: #d6d6d6; scrollbar-shadow-color: #d6d6d6; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #55606E; }

div.stmt_dates a, div.notice_dates a { color: #000000; font-size: 14px; text-decoration: none; }

div.stmt_dates a:HOVER, div.notice_dates a:HOVER { text-decoration: underline; }



div#CorpLogo { float: left; position: absolute; z-index: 50; height: 100px; line-height: 100px; display: table; clear: right; }

div#CorpLogo div.vcentered { display: table-cell; vertical-align: middle; }

div#contact_info { text-align: right; margin-right: 10px; position: relative; z-index: 80; line-height: 20px; }

div#contact_info .heading { font-weight: bold; }

div.menu { text-align: right; margin-right: 10px; padding-top: 15px; position: relative; z-index: 75; line-height: 20px; /*border: solid 1px #FF0000;*/ }

div.menu a { color: #000000; text-decoration: underline; padding-left: 20px; line-height: 20px; cursor: pointer; padding-bottom: 2px; font-weight: bold; }

div.menu a:HOVER { text-decoration: none; }

div.menu a.view { background: url("../images/documents.png") no-repeat; padding-right: 10px; }

div.menu a.add { background: url("../images/add_account.png") no-repeat; padding-right: 10px; }

div.menu a.preferences { background: url("../images/preferences.png") no-repeat; padding-right: 10px; }

div.menu a.logout { background: url("../images/logout.png") no-repeat; }


div.menu_framed { text-align: left; width: 150px; float: left; position: relative; z-index: 75; line-height: 20px; }

div.prefmenu_framed { text-align: left; padding-left: 8px; float: left; position: absolute; z-index: 75; line-height: 20px; }

div.menu_framed a, div.prefmenu_framed a { color: #000000; text-decoration: underline; line-height: 20px; cursor: pointer; padding-bottom: 2px; font-weight: bold; }

div.menu_framed a:HOVER, div.prefmenu_framed a:HOVER { text-decoration: none; }


.pblogo { margin-right: 10px; }

.version { float: right; padding-right: 10px; }



/* ========= DISCLOSURES ========= */

.disclosure_title { margin-right: 3px; font-weight: bold; color: #000000; font-size: 14px; }

fieldset { margin-bottom: 5px; }

.btnDSubmit { float: right; margin-top: 10px; }

.DisclosureBody { font-family: Verdana; border: 0px; margin-top: 5px; width: 100%; }


/* ========= PDF VERIFICATION ========= */

table#verify { height: 300px; }

table#verify td { font-size: 16px; vertical-align: top; }

table#verify a { color: #000; text-decoration: underline; cursor: pointer; }

table#verify a:HOVER { text-decoration: none; }

table#verify img { vertical-align: middle; }

.lblKeyCode { padding-right: 5px; }

.verification_button { float: right; }


/* ========= LOGIN/REGISTRATION ========= */

table#login_portal td { vertical-align: top; padding-top: 50px; }

table#loginMain, table#register { margin-top: 50px; width: 334px; }

table#loginMain td, table#register td { padding: 0px; vertical-align: top; }

table#loginMain a, table#login a { color: #344d6e; text-decoration: underline; }

table#loginMain a:HOVER, table#login a:HOVER { text-decoration: none; }

table#login { margin: 0px auto; }

table#login td { padding: 10px; vertical-align: top; }

.login_title { font-size: 18px; font-weight: bold; }

table.regSteps td { vertical-align: top; }

#regWrapper { margin: 0px auto; width: 700px; }

.regHeader, .activationHeader { margin: 0px auto; width: 100%; font-size: 18px; font-weight: bold; text-align: center; }

table.regSteps { margin: 10px auto; }

table.regSteps td { width: 240px; }

table.regSteps td.helper { padding: 0px; }

table.regSteps td.reg_label { text-align: right; }

.wordlist { width: 208px; height: 295px; padding: 3px; font-size: 14px; border: solid 1px #55606E; scrollbar-base-color: #f9f9f9; scrollbar-3dlight-color: #ffffff; scrollbar-highlight-color: #d6d6d6; scrollbar-shadow-color: #d6d6d6; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #55606E; }

.wordimg { border: solid 1px #55606E; width: 206px; height: 23px }

.required { font-size: 12px; color: #ff0000; }


.help { vertical-align: top; margin: 4px 0px 5px 5px; }

div#meter { width: 225px; height: 15px; border: solid 1px #91a3ba; margin-bottom: 10px; }

.meter_red { font-size: 10px; display: block; width: 225px; height: 15px; padding-left: 8px; line-height: 15px; background: url("../images/meter_sprite.png") 0 -30px no-repeat; }

.meter_yellow { font-size: 10px; display: block; width: 225px; height: 15px; padding-left: 8px; line-height: 15px; background: url("../images/meter_sprite.png") 0 -15px no-repeat; }

.meter_green { font-size: 10px; display: block; width: 225px; height: 15px; padding-left: 8px; line-height: 15px; background: url("../images/meter_sprite.png") no-repeat; }

.confirm { margin-top: 15px; padding-left: 18px; color: #FF0000; width: 225px; height: 15px; background: url("../images/warning.png") no-repeat; }



div.msg_helper { position: absolute; float: right; padding: 14px 0px 0px 25px; background: url("../images/msg_bg.png") no-repeat; margin-left: 10px; width: 260px; height: 174px; color: #FF0000; }
.tooltip { padding: 10px; width: 330px; border: solid 1px #55606E; background-color: #F6F6F6; }


div.helper { position: absolute; float: right; padding: 14px 0px 0px 25px; background: url("../images/helper_bg.png") no-repeat; margin-left: 10px; width: 240px; height: 174px; }




.button { color: #ffffff; width: 72px; height: 24px; border: none; background: url("../images/btn.jpg") no-repeat; }

.text-box { padding: 3px; font-size: 14px; background: #fff url("../images/text-bg.gif") repeat-x; border: solid 1px #55606E; width: 200px; }

.text-box-disabled { padding: 3px; font-size: 14px; background-color: #F6F6F6; border: solid 1px #55606E; width: 200px; }


/* ========= FORGOT PASSWORD/USERNAME ========= */
table#forgot, table#reset { margin: 0px auto; width: 400px; }
table#forgot td, table#reset td { padding: 10px; vertical-align: top; }
table#forgot td.helper, table#reset td.helper { padding: 0px; }
table#forgot td.forgotHeader { font-size: 18px; font-weight: bold; }
table#forgot a, table#reset a { color: #000000; text-decoration: underline; }
table#forgot a:HOVER, table#reset a:HOVER { text-decoration: none; }


/* ========= PREFERENCES ========= */
table.preferences { margin: 0px auto; width: 400px; }
table.preferences td { vertical-align: top; }



/* ========= GATEWAY ========= */

table#GWPersonalInfo { margin: 0px auto; width: 700px; }

table#GWPersonalInfo td.title { font-size: 14px; font-weight: bold; width: 50%; }

table#GWPersonalInfo td.changeInfo { text-align: right; color: #344d6e; }

table#GWPersonalInfo a { color: #344d6e; text-decoration: none; }

table#GWPersonalInfo .info { color: #91a3ba; }

table#GWPersonalInfo hr { border: 0px; background-color: #91a3ba; height: 1px; }

table#GWPersonalInfo ul { list-style: none; text-indent: -40px; }

table.gvLinkedAccounts { width: 100%; border: none; }

table.gvLinkedAccounts td, table.gvLinkedAccounts th { width: 50%; border: none; padding-top: 5px; padding-bottom: 5px; }

table.gvLinkedAccounts td.stmtLink { text-align: right; }

table.gvLinkedAccounts tr.altRow { background-color: #f6f6f6; border-bottom: solid 1px #91a3ba; border-top: solid 1px #91a3ba; }

div#LinkedAccounts { height: 250px; overflow: auto; scrollbar-base-color: #f9f9f9; scrollbar-3dlight-color: #ffffff; scrollbar-highlight-color: #d6d6d6; scrollbar-shadow-color: #d6d6d6; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #55606E; }



/* ========= ERRORS ========= */
table#errors { margin: 0px auto; width: 700px; }
table#errors td { padding: 10px; }
table#errors td.error_title { font-size: 14px; font-weight: bold; }
table#errors td.error_msg { border: solid 1px #ff0000; background-color: #fff3f3; }
table#errors img {  }
div.errorimage { display: table-cell; vertical-align: top; }
div.errormsg { display: table-cell; vertical-align: top; padding-left: 5px; }

.error { color: #ff0000; font-size: 14px; }

/* ========= TIMEOUT MESSAGE ======== */
.timeout_Wrapper { width: 100%; height: 100%; position: absolute; z-index: 99990; background-color: #000000; opacity:0.4; filter:alpha(opacity=40); }
.timeout_Container { margin: 150px auto; height: 150px; width: 300px; background-color: #ffffff; border: solid 1px #ff0000; position: absolute; z-index: 99999; }
.timeout_Title { border-bottom: solid 1px #ff0000; background-color: #fff3f3; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; padding-left: 10px }
.timeout_Body { padding: 10px; }