#pp_full_res iframe { overflow: auto !important; } /* HTML TAG RE-DEFINITIONS */ body{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #004887; line-height:140%; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 *//*color:#333333; */color: #005a8a;} * {margin:0; padding:0;} html {} a {color:#ae247f; font-size:14px; text-decoration:none;} a:hover {text-decoration:underline; color:#006699;} hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #FFFFFF;} strong {font-weight:bold;} iframe {border: 1px dotted #CCCC99; width:100%; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color:#333333; height: 300px;} iframe.spotlightnew {border: 1px dotted #CCCC99; width: 200px; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color:#333333; height: 100px;} img {border: none;} b {} p {margin-bottom: 10px; font-size: 14px; color: #005a8a;} acronym {cursor: help; border-bottom: 1px dashed #CCCCCC;} font, td {font-size: 14px;} li {} /* HEADINGS */ h1 {font: 16px Arial, Helvetica, sans-serif; padding-bottom: 5px; color: #1c5074;} h2 {border-bottom: 1px dotted #3b759d; color: #3b759d; font-size: 16px; margin-bottom: 10px; padding-bottom: 5px; padding-top: 10px;} h3 {font-size:14px; padding-bottom: 15px; color:#14a4ed; } h4 {font:14px Arial, Helvetica, sans-serif; color: #5ca9b3; padding-bottom: 15px; } h5 {font: 12px Arial, Helvetica, sans-serif; color: #999999; padding-bottom: 15px;} h6 {font: 9px Arial, Helvetica, sans-serif; padding-bottom: 15px;} /* COMMONLY USED CLASSES */ .required {font-size: 11px; font-weight: bold;color: #CC0000;} .informational {font-size: 11px; color: #699;} .largeFont {font-size:14px; font-weight: bold; color:#3E8CCC; } .lighttext {color: #999999;} .smallfont{font-size: 9px; color: #999999;} .SmallGreenText { font-size: 18px; color: #5aaa0c; font-style: italic;} /* BUTTONS */ .button_search {background-image:url(../../templates/current/images/button_submit_bkgd.gif); background-repeat:repeat-x; height: 23px; width: 78px; padding: 0px; padding-left: 5px; border: 0px; margin: 0px; color:#FFFFFF; font-weight:bold; cursor:pointer;} .button_submit { background: #bfd255; /* Old browsers */ background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */ background: linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */ border: 1px solid #6fa401; border-radius: 12px 12px 12px 12px; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #577e06; margin: 10px 0 10px 0;} .button_cancel { background: #f4b3a8; /* Old browsers */ background: -moz-linear-gradient(top, #f4b3a8 0%, #f16f5c 50%, #f6290c 51%, #f02f17 59%, #ef8173 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4b3a8), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(59%,#f02f17), color-stop(100%,#ef8173)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* IE10+ */ background: linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b3a8', endColorstr='#ef8173',GradientType=0 ); /* IE6-9 */ border: 1px solid #da5340; border-radius: 12px 12px 12px 12px; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #c01700; margin: 10px 0 10px 0;} .button_other {background: #b7deed; /* Old browsers */ background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */ background: linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */ border: 1px solid #2fb8e4; border-radius: 12px 12px 12px 12px; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #2b6f85; margin: 10px 0 10px 0;} .button_editor{ border:1px solid #F6F6EA;} .tabletitleprint {float: right; width: 100px;} /* FORM FIELDS */ input,select {height: 18px; color: #000; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; vertical-align: middle;margin-right: 2px; margin-left: 2px;} .input_normal {width: 180px; border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;} .input_long {width: 370px; border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;} .input_short {width: 110px; border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;} .input_shorter {width: 60px; border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;} .input_multiline {width: 180px; height: 100px; border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #000;} .input_multiLarge {width: 280px; height: 160px; border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #000;} .input_nosize {border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;} .input_2char {width: 20px; border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;} .input_3char {width: 30px; border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;} .input_4char {width: 40px; border: 1px #749cc9 solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;} .input_search {width: 162px; height:25px; overflow: hidden; color:#8e8a8a; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-left: 5px; padding-top:5px; background-image:url(images/search_field_bkgd.jpg); border: none; background-repeat: no-repeat;} .input_invisible {border: 0px solid; color: #666666; font: Arial, Helvetica, sans-serif; font-size: 11px; background-color: transparent; height: 18px; vertical-align: middle} .input_editor_title {font-size:16px; color:#3E8CCC; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #749cc9 solid; width: 300px;} .input_editor_subtitle {font-size:12px; color:#3E8CCC; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #749cc9 solid; width: 300px;} .input_webteller {width: 120px; border: 1px #749cc9 solid; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; color: #000; text-align: right; padding: 2px;} /* TABLES */ .tableform {border: 1px solid #dae6ed; background-color:#e6f1f8; margin-top: 4px; Margin-bottom: 20px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; } .tableform li, .tableform a, .tableform p { font-size: 12px;} .tableform thead {color: #666; font-size: 9px;} .tableform thead td, .tableform thead td {background-color:#6b899d; color: #fff;} .tableform tbody td {font-size: 12px;} .tableform tfoot {color: #828277; font-size: 10px;} .tableform tfoot td {background-color:#E5E5DA; font-size: 10px;} .tableform .dayColour{background-color:#E2E2D7;} .tableform td {padding: 4px; background-color:#e6f1f8; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif;} .tableform table td {border: none; padding: 0px;} .tablegrid {border: 1px dotted #94bcea; background-color:#ddf2ff; margin-top: 0px; border-collapse: separate; border-spacing: 2px; !important font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; margin-bottom: 20px;} .tablegrid a {font-size: 12px;} .tablegrid thead {color: #999999; font-weight: bold;} .tablegrid thead td {background-color:#F5F5F5; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif;} .tablegrid td {padding: 3px; border-bottom: 1px dotted #94bcea; font-size: 12px;} .tabledetailed {border: 1px dotted #a3c1db; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 10px; margin-bottom: 4px;} .tabledetailed thead {color: #999999; font-weight: bold;} .tabledetailed thead td, .tabledetailed thead td {background-color:#b2c8d6; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;} .tabledetailed td {padding: 1px; border-right: 1px dotted #b5d0e8; border-bottom: 1px dotted #b5d0e8; font-size: 11px; vertical-align: top;} .tabledetailed strong {font-size: 11px;} .table_calendar {} .tablerow_main tr {background-color:#000000;} .tablerow_alt td {background-color:#FFFFEE;} .tablerow_over td {background-color:#FFFFCC;} /* FORM ARCHIVE */ .tableprint { margin-left: 378px;} /*PIN MANAGER-----------------------------------------*/ .tabletitle { padding-right: 15px; width: auto; padding: 4px 6px 5px 5px; color:#FFF; font-weight:bold; font-size: 11px; background-color: #1284c3; /*background-image: url(../../images/essentials/pinform_title_right.gif); /* background-repeat:no-repeat; background-position:right;*/} /*.tabletitleLeft { padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; background-image:url(../../images/essentials/pinform_title_left.gif); background-position:left; background-repeat:no-repeat;}*/ .tableformPin {background-color: #dddddd;font-family: Arial, Verdana, Geneva, sans-serif;} .tableformPinMain { padding-left: 15px; padding-top: 3px; background-color: #E6E6E6;} .tableformLeft{ padding-left: 15px; background-color: #f3eeee; } .tableformPinIconsL{ position: relative;padding-left: 0px; background-color: #F3F3F3; vertical-align:middle; text-align: left; border-bottom: 1px solid #E6E6E6;} .tableformPinIconsL li { float: left; padding-bottom: 1px; display: block; overflow:hidden; list-style:none; padding-left: 0px; padding-right: 0px; text-align: left; white-space: nowrap; height: 28px; } .tableformPinReg { padding-left: 15px; padding-bottom: 3px; padding-top: 3px; background-color: #E2ECF5;} .tableformPinMembersC { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3; background-image:url(../../images/essentials/member_corner.gif); background-repeat:no-repeat; background-position:right top; } .tableformPinMembers { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3;} /* FONT CLASSES FOR PIN MANAGER FORM */ .fontRed {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#F00;} .fontBlue {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#069; vertical-align: middle; } .fontBlue a {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#09F; text-decoration: underline;} .fontBold { font: bold 11px Arial, Helvetica, sans-serif; } .fontGreen { font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#393; } /* ESTATEMENTS TABLE LAYOUT - WIDE */ .tablewrap_multiple { width: 94%; height: 50%; border: solid 1px #333; height: auto; } .tabletitle_multiple { position: relative; width: 94%; clear:both; color: #069; font-weight: bold; font-size: 11px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; /*background-image: url(../../images/essentials/automated_bkgd.jpg);*/ background-color: #E6F2FF; border-top: solid 1px #C4E1FF; border-left: solid 1px #C4E1FF; border-right: solid 1px #C4E1FF; border-bottom: dotted 1px #D6D6D6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);/**/} .tablewrap_single { width: 94%; border: solid 1px #333; height: auto;} .tabletitle_single { position: relative; width: 94%; clear:both; color: #666; font-weight: bold; font-size: 11px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; background-color: #F0E6EF; /*background-image:url(../../images/essentials/requested_bkgd.jpg);*/ border-top: solid 1px #D0ACCD; border-left: solid 1px #D0ACCD; border-right: solid 1px #D0ACCD; border-bottom: dotted 1px #D0ACCD; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);/**/ } .tableform2 { margin-bottom: 15px; padding-left: 0px; padding-right: 0px; background-color: #F9F9F9; border-left: solid 1px #D6D6D6; border-right: solid 1px #D6D6D6; border-bottom: solid 1px #D6D6D6; } .dropmenu_top { position: relative; width: 93%; height: 25px; margin-left: 0px; padding-left: 10px; margin-right: 5px; padding-top: 0px; padding-bottom: 0px; font-size: 12px; border: solid 1px #E6E6E6; text-align: right; background-image: url(../../images/essentials/estatements_bkgd.gif); border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);} .pdf_download { position: relative; float: left; clear: right; height:30px; width: 60%; padding-right: 5px; padding-left: 0px; padding-top: 5px; padding-bottom: 15px; margin-right: 0px; margin-left: 5px; margin-bottom: 20px; font-size: 11px; /*background-image: url(../../images/essentials/acrobat_download_bkgd.gif); border: solid 1px #E6E6E6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);*/} .pdf_image { position: relative; float: right; height: 30px; width: 140px; margin-right: 100px; margin-top: 20px; } .rowseparator {border-bottom: dotted 1px #CCC; height: 15px;} .required_green { font-weight:bold; color:#393;} .yeartitle{color: #333; } .error_notfound { border: solid 1px #0F0; } /* VOLUNTEER AREA ROSTER */ #volCalendar table {border:none;} #volCalendar thead td {background-color: #F2F2E7; border:1px solid #ffffff; border-collapse:collapse; padding:2px} #volCalendar td {background-color: #F7F7f2; border-bottom:1px solid #FFFFFF; border-collapse:collapse;} #volCalendar td span {display: block; height: 100%; width: 0px; padding: 0px; margin: 0px;} #volCalendar td a {text-decoration: none; display: block;} #volCalendar .weekDayName {background-color: #F2F2E7;} /* PASSWORD STRENGTH INDICATOR */ #passwordStrength {height:10px; display:block; float:left;} .strength1 {width:15px; background-color:#cccccc;} .strength2 {width:30px; background-color:#ff0000;} .strength3 {width:60px; background-color:#ff5f5f;} .strength4 {width:90px; background-color:#56e500;} .strength5 {width:120px; background-color:#4dcd00;} .strength6 {width:150px; background-color:#399800;} /* IMAGE VISIBILITY (OPTIONAL) */ #img_masthead {} #img_login {} #img_youthzone {} #img_newsheadlines {} #img_modules {} #img_progresslogo {} /* OFFICE AREA ITEMS */ #tblFonts img,select {vertical-align: middle;} #tblCtrls img {vertical-align: middle;} #tblXtraCtrls img {vertical-align: middle;} /*---------------------------*/ /* ONLINE BANKING WELCOME & ERROR PAGE*/ #onlineBankingDiv { position: relative; float: none; width: 200px;} #ErrorMessageContainer { display: none; position: relative; float: left; width: 660px; height: 28px; padding: 10px; border: 2px solid #cf9494; background-color: #fcd4d2; border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc); color: #a02a2a; margin-bottom: 20px;} #onlineBankingErrorMessages { position: relative; float: left; width: auto; font-weight: bold;} #ErrorMessageImage { position: relative; float: right; width: 43px; height: 31px; margin-right: 10px; background-image: url(images/error-img.jpg); background-repeat: no-repeat; } #Header { position: relative; float: right; width: 80%; height: 43px; } #Header h1 { color: #396d9f; font-size: 22px; padding: 0px; margin: 0px; border: 0px; line-height: 30px; } #container { position: relative; width: 700px;} #container p { padding-bottom: 30px; } /*ROW LAYOUT------------------*/ #RowOne { width: 688px; height: 194px;} #RowTwo { width: 688px;} /* BOX ATTRIBUTES */ #RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1 { display: inline; color:#003366; font-size: 18px; font-weight: bold; } #RowOneBoxOne P, #RowOneBoxTwo P, #RowTwoBoxOne P, #RowTwoBoxTwo P { padding: 0px; padding-right: 10px; padding-top: 10px; font-size: 13px;} #RowOneBoxOne #LinkBtn a, #RowOneBoxTwo #LinkBtn a, #RowTwoBoxOne #LinkBtn a, #RowTwoBoxTwo #LinkBtn a { position: absolute; bottom: 15px; font-size: 13px; text-decoration: none; font-weight: bold; color: #187db0;} /* BOX GRAPHICS*/ #RowOneBoxOne { position: relative; float: left; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/e_statement_bkgd.jpg); background-repeat: no-repeat; } #RowOneBoxTwo { position: relative; float: right; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/online_banking_bkgd.jpg); background-repeat: no-repeat; } #RowTwoBoxOne { position: relative; float: left; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/online_loan_bkgd.jpg); background-repeat: no-repeat; } #RowTwoBoxTwo { position: relative; float: right; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/loan_calc_bkgd.jpg); background-repeat: no-repeat; } /* LOGIN CONFIRMATION FORM */ #bankingPinConfirm { width: 500px; height: 200px; background-image: url(images/bg-bankingPinConfirm.jpg); background-repeat: no-repeat; padding-left: 10px;} #bankingPinConfirm h1 { margin-bottom: 10px; color: #003366} #bankingPinConfirm { } /*---------------------------*/ /* LOAN CALCULATOR PAGE */ /* UnComment the 3 lines below, to swap Methods A and B */ /* #methodTwoTable { position: relative; top: -230px; } #methodOneTable { position: relative; top: 230px; } .informationalLoanCal { font-size: 11px; color: #699; position: relative; top: 20px; } */ .informationalLoanCal { font-size: 11px; color: #699; } /* MAIN OUTER CONTAINER LAYER */ #main {text-align: center; width:100%; background-image: url(images/bkgd_gradient.jpg); background-position:top center; background-repeat:no-repeat; } /* PAGE CONTENT LAYER */ #pageContent{position: relative; width:932px; height:100%; text-align: left; margin: auto; padding-bottom: 0px; border-bottom: none;} html>body #pageContent{} /*PAGE INNER CONTENT*//* THIS IS USED IN ORDER TO EXTEND THE BACKGROUND COLOUR THE HEIGHT OF THE PAGE FOR ALL BROWZERS ACCEPT IE */ #pageInnerContent { position: relative; width:932px; height:100%; margin-left: auto; margin-right: auto; padding-bottom: 20px; background-color: #FFF; } #pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} /* MASTHEAD FACILITIES*/ #facilities { z-index: 12; position: absolute; top: 5px; left: 0px; width:940px; height: 38px; padding-top: 0px; } #facilities ul {margin: 0px; padding: 1px;} #facilities li {display: block; float: right; padding-left:2px; padding-right: 2px;} #facilities a { font-size: 11px; color:#FFF; text-decoration: none; display: block;} #facilities a:hover {color:#9CF; text-decoration: underline;} #facilities .divider {padding-left: 7px; margin-left: 4px; background:url(../../templates/current/images/divider.gif); background-position:left; background-repeat:no-repeat;} #facilities #helpmenu {position:absolute; top:20px; left:940px; background:none; float:none; text-align:left; visibility:hidden; background-color: #396c9e; border: 1px solid #4c83ae;} #facilities #helpmenu li {background:none; display:list-item; list-style: none; width:140px; padding-bottom:5px; border-bottom: 1px solid #4c83ae;} #facilities #helpmenu a:hover {text-decoration:underline; color:#c1cfdd;} /*Social Networking Icons */ #SocialNet{ z-index: 10; position: absolute; top: 8px; left:0px; width: 70px; height: 30px;} #SocialNetTxt { display: none; position: relative; float: left; color: #fff; font-size: 11px; width: 70px;} #SocialNetIcons { position: relative; float: right; width: 100px; height: 100px; top: -4px; right: 2px;} #SocialNetIcons img { list-style-image:none;} #SocialNetIcons a { display: inline; } /* MASTHEAD */ #masthead {position: relative; width:932px; height: 140px; background:url(../../templates/current/images/masthead_bkgd.gif) top repeat-x; } #masthead .logo {position: absolute; top: 0px; left: 0px;} #masthead #announcements { display: none; position: absolute; top: 0px; left: 380px; width: 350px; height: 44px; overflow: hidden; text-align: right; padding: 20px; padding-right: 10px; font-size: 13px; font-weight: bold; color: #3E8CCC; /* filter: alpha(opacity=0); -moz-opacity:0%; */ } #masthead #announcements a {color: #3E8CCC; font-size: 13px;} #masthead #announcements a:hover {text-decoration:underline; color:#0099FF;} #masthead .area_title {display: noneposition: absolute; top: 70px; left: 540px; width: 350px; height: 30px; padding: 20px; text-align: right; font-size: 16px; font-weight: bold; color: #ffcc33;} di /* BYLINE (TEL/FAX/DATE BAR) */ #byline { z-index: 12; position: absolute; top: 0px; left: 0px; height: 38px; overflow: hidden; color: #fff; width: auto;} #byline a {color:#fff;} #byline .contactdetails {position: absolute; top: 105px; left: 0px; padding-left: 10px; color: #fff; } #byline .contactdetails p { color: #fff; } #byline .contactdetails strong { font-family: "Times New Roman", Times, serif; font-style: italic;} #byline .currentdate { display: none; position: absolute; top: 0px; left: 400px; width: 350px; padding-right: 10px; text-align: right; color: #fff; } #byline_members {height: 21px; padding-top: 8px; margin-bottom: 6px; overflow: hidden; color: #396c9e; /*background:url(../../templates/current/images/menu_bkgd.gif) top repeat-y;*/} #byline_members p {color: #396c9e; font-size: 14px;} #byline_members .contactdetails {float: left; padding-left: 12px; font-size: 13px;} #byline_members .contactdetails strong { font-family: "Times New Roman", Times, serif; font-style: italic; } #byline_members .currentdate {float: right; padding-right: 12px; font-size: 14px;} /* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */ #layoutarea { position: relative; width: 940px; margin:0 auto; text-align:left;} /* MAIN NAVIGATION MENU */ #mainmenu { position: relative; height: 28px; margin: auto; text-align: center; margin-bottom: 3px; } html>body #mainmenu {height: auto; overflow: hidden;} /*ONLY WAY TO GET UL BACKGROUND IMAGE TO DISPLAY IN IE5/IE6 WAS TO SPECIFY HEIGHT AND OVERFLOW ABOVE. THIS LINE CORRECTS THAT FOR ALL OTHER BROWSERS*/ #mainmenu li {float: left; height: 28px; padding-bottom: 1px; padding-left: 0px; padding-right: 0px; text-align: left; white-space: nowrap; display: block; /*background:url(../../templates/current/images/menu_divider.gif) top right no-repeat;*/} /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ #mainmenu a { width: 100%; padding-top:0px; text-align: center; font-size: 12px; color:#3c749b; font-weight:500; text-decoration: none; display: block; line-height: 17px; text-transform:uppercase; } #mainmenu a:hover {color: #078fee; text-decoration: none; } #mainmenu .lastSection {background: none;} /* -OUT MENUS - NEED TO OVERRIDE SOME OF THE STYLES IN THE MAINMENU*/ #mainmenu .popoutmenu {display: none; z-index: 4; margin-top: 9px; text-align: left; position: absolute; visibility:hidden; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: repeat-y; border: 1px solid #CCCCCC;} #mainmenu .popoutmenu li {text-align: left; white-space: normal; float:none; height: auto; background:none; display:list-item; list-style: none; width: 400%; padding: 2px; padding-top: 0px; border-bottom: 1px solid #CCCCCC; font-weight: normal;} html>body #mainmenu .popoutmenu li {width: auto;} /*WIDTH ABOVE SET TO 400% FOR IE5/IE6. THIS LINE CORRECTS THE WIDTH FOR ALL OTHER BROWSERS*/ #mainmenu .popoutmenu a {text-align: left; font-size: 11px; width: 100%; color:#4291d1; text-decoration: none; display: block; vertical-align:bottom; line-height: normal;} #mainmenu .popoutmenu a:hover {text-decoration:underline; color:#0099FF;} /* TEXT CONTENT & NAVIGATION CONTAINER */ #contentarea {position: relative; float: left; width: 700px; min-height: 350px; padding-top: 0x; margin-top: 0px; padding-left: 15px; /*background-color: #FFFFFF;*/ border-right: 0px dotted #ea80c6; margin-right: 5px; } #contentarea .pagetitle { font-family: "Times New Roman", Times, serif; height: 15px; text-align:right; margin-bottom: 10px; padding: 10px; color: #fff; background-image:url(images/pagetitle_bkgd.jpg); background-repeat: repeat; font-size: 18px; font-weight: bold; font-style:italic; } .pagetitle_image { display: none;} #contentarea .pagecontent {padding: 0px; text-align:left;} #contentarea ul {padding-left: 28px; margin-bottom: 10px;} #contentarea ol {padding-left: 28px; margin-bottom: 10px;} #contentarea li {display:list-item;} #contentarea a {text-decoration: underline;} #contentarea .pagetitle_members {font-family: "Times New Roman", Times, serif; height: 15px; text-align:right; margin-bottom: 10px; padding: 10px; color: #fff; background-image:url(images/pagetitle_bkgd.jpg); background-repeat: repeat; font-size: 18px; font-weight: bold; font-style:italic;} #contentarea .pagecontent_members { position: relative; margin-bottom: 15px; min-height:300px;} #contentarea .pagecontent_members h3{ font-family: "Times New Roman", Times, serif; height: 15px; text-align:left; margin-bottom: 10px; padding: 10px; padding-left: 0px; width: 100%;color: #d359af;background-repeat: repeat; font-size: 18px; font-weight: bold; font-style:italic; } #contentarea .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px;} #contentarea .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left;} #contentarea .information_layer td {font-size: 9px; border: none;} /*MEMBERS CONTENT & NAVIGATION CONTAINER */ #memberscontentarea {position: relative; float: right; margin-right: 15px; } !important /* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/ #memberscontentarea #contentarea {position: relative; float: left; width: 740px; min-height: 350px; padding-top: 0x; margin-top: 0px; border-right: 0px dotted #ea80c6;} /* DIRECTOR AREA */ .directors_content {float: left; width: 65%;} .directors_content h3 { float: left; background-image: none; width: 100%; padding: 0px; } .directors_fullwidthcontent {float: left; width: 100%;} .directors_sidebar {float: right; width: 30%; border-left: 1px dotted #DDDDDD; text-align:center;} .directors_sidebar td {padding:3px; color: #235BA6;} .directors_content .tableform {float: left;} /* FLASH / ANNOUNCEMENTS / CUSTOM AREA ACTIVATED */ #flashcontainer_custom { display: none; margin-left: auto; margin-right: auto; clear: both; width: 610px; text-align: center; height: 225px;} #flash_area { display: none; float: left; width: 580px; height: 220px;} #flash_area_custom { display: none;float: right; width: 175px; height: 224px; background-image:url(images/custom_flash.jpg); background-repeat: no-repeat; } /* FLASH / ANNOUNCEMENTS CONTAINERS */ #flashcontainer { position: relative; float: left; width: 911px; height: 289px; margin-left: 10px; margin-right: auto; clear: both; text-align: center; margin-bottom: 5px; } #announcements_content { position: absolute; top:282px; left: 0px; width: 900px; height:45px; padding:5px; margin-left:10px; background-image: url(images/announcement_home.jpg); background-repeat: no-repeat; overflow: visible; filter: alpha(opacity=0); -moz-opacity:0%; color: #FFF; font-style:italic;} #announcements_content a {color: #FFF; font-style:italic;} #announcements_content_dynamic { display: none; position: absolute; left: 620px; top: 460px; width: 300px; height: 200px; margin-left: 10px; margin-top: 10px; background-color: #f8fafc; outline: none; overflow: hiddden; } #announcements_content_dynamic h1 {display: none;} #announcements_content_dynamic h2 {display: none;} #mini_flashcontainer { position: absolute; top: 340px; left: 640px; width:290px; height:167px; margin-right: 20px; margin-top: 0px; } #announcements_login { display: none; float:right; height: 20px; width: 470px; background-image:url(images/announce_login_icon.jpg); background-repeat:no-repeat; background-color:#FFF; padding-top:4px; overflow: visible; filter: alpha(opacity=0); -moz-opacity:0%;} #announcements_login a {display: none; padding-left:23px; font-size: 11px; font-weight: normal; color:#F90; text-decoration: none;} #announcements_login a:hover {display: none;text-decoration: underline;} #announcements_members { height: 30px; width: 300px; margin-bottom: 11px; padding-top:15px; background-color:#FFF; overflow: visible; filter: alpha(opacity=0); -moz-opacity:0%;} #announcements_members a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#F90; text-decoration: none;} #altAnnouncement { position: relative; top: 70px; padding:3px; font-size:11px; background-color:#f0f5f7; border: 1px solid #edf4f6; border-radius: 7px; -webkit-border-radius:7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; behavior: url(templates/current/PIE.htc);} /* RIGHT CONTAINER/ MODULELINKS/ NEWSHEADLINES/ LOGINAREA*/ #layoutDivide { width: 100%; height: auto;} /* SUBMENU (CONTENT PAGES ONLY) */ #submenu { position: relative; float: right; margin-right: 7px; width: 200px; background-image: url(images/bg_sidebar.jpg); background-repeat: repeat; padding-bottom: 10px;} #submenu .title_subsections {font-family: "Times New Roman", Times, serif; height: 35px; color: #fff; font-size: 20px; padding-top:10px; padding-left:5px; padding-bottom: 10px; font-style:italic; background-image:url(images/title_submenu_contentpage.gif);} #submenu li {list-style-type: none; padding-top: 5px; padding-left: 30px; background:url(../../templates/current/images/bullet_white.jpg) no-repeat; background-position: 9px 8px;} #submenu a {color: #f9dcef; font-size: 14px;} #submenu a:hover {text-decoration:underline; color:#b3d3ea;} /* SIDEBAR (CONTENT PAGES ONLY) */ #sidebar { float: right; margin-right: 7px; padding: 0px; width: 200px; background-repeat: repeat;} /* SUBMENU (YOUTHZONE SIDE MENU) */ #submenu_youth {margin-top: 2px; margin-bottom: 5px; padding: 5px; width: 160px; border-right: 1px dotted #CCCCCC; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat;} #submenu_youth .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #F99404;} #submenu_youth li {list-style-type: none; padding-top: 5px; padding-left: 15px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px;} #submenu_youth a {color: #666666;} #submenu_youth a:hover {text-decoration:underline; color:#0099FF;} /* NAVIGATION SELECTED ITEMS */ #mainmenu .section_selected {font-weight: bold; border-bottom: 3px solid #f25abe; margin-bottom: 3px;} #mainmenu .section_selected a {font-weight: bold; } #mainmenu .page_selected a {font-weight: bold; } #submenu .subitem_selected a {font-weight: bold; color: #f9ccea; font-size: 14px;} #membermenu {float: left; width: 190px; margin-bottom: 10px; background-image: url(images/member_menu_bkgd.jpg); background-repeat: no-repeat; font-size: 13px;} #membermenu li {list-style-type: none; padding: 4px; border-bottom: 1px dotted #b5bfc7;} #membermenu li a { font-size: 14px;} #membermenu a {color: #fff; font-size: 14px;} #membermenu .last {font-weight: bold;} .memo {border: 1px solid #CCCCCC; width: 130px; padding: 2px; position: absolute; top: 5px; left: 770px;} /* SUBMENU (MEMBERS AREA) */ #submenu_members { position: relative; float: left; width: 190px; margin-bottom: 10px; background-image: url(images/sub_member_menu_bkgd.jpg); background-repeat: no-repeat;} #submenu_members ul {padding-left: 0px; margin-bottom: 0px;} #submenu_members li {list-style-type: none; padding: 4px; border-bottom: 1px dotted #d4dbe0;} #submenu_members li a {font-size: 14px;} #submenu_members a {color: #fff; font-size: 14px;} #submenu_members .title_subsections {font-weight: bold; padding: 5px; color:#fff;} /* SUBMENU (DIRECTORS AREA) */ #directorsAreaPage #submenu_members {position:absolute; left:-182px; top:200px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;} /* SUBMENU (USER AREA) */ #userAreaPage #submenu_members {position:absolute; left:-183px; top:175px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;} /* SUBMENU (USERS AREA) */ #submenu_users {float: left; width: 200px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;} #submenu_users li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3;} #submenu_users a {color: #666666;} /* SUBMENU (DIRECTORS AREA) */ #submenu_directors {float: left; width: 200px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;} #submenu_directors li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3;} #submenu_directors a {color: #666666;} /* SUBMENU (YOUTHZONE AREA) */ #submenu_volunteers{float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;} #submenu_volunteers li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3;} #submenu_volunteers a {color: #666666;} /* OFFICE AREA NAVIGATION */ #adminmenu {margin-bottom: 10px; width: 100%; margin-right: 10px; float: left; width: 200px;} #adminmenu ul { width: 100%; border-top: 0px solid #5EA6E3; background-color:#529bce;} #adminmenu li {list-style-type: none; border-bottom: 1px solid #5287b2; padding-top: 3px; padding-bottom: 2px;} #adminmenu li a {margin-left: 3px; color: #fff;} #adminmenu li strong {margin-left: 3px; color: #fff;} #adminmenu ul li ul {display: none;} #adminmenu ul li ul li {list-style-type: none; padding: 3px; padding-left: 6px; border-bottom: 1px dotted #a6cbe5; background-color: #82bce4;} #adminmenu ul li ul li a {color: #fff;} #adminmenu .expanded {display: inline-block;} /* TOOLS & RESOURCES SECTION (MODULE LINKS) */ #modulelinks { overflow:hidden; position: relative; float:left; width: 277px; height:175px; margin-left:10px; margin-bottom: 0px; border-bottom:1px solid #f4cfe8; } #modulelinks li {list-style-type: none; padding-top: 5px; padding-left: 30px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 10px 8px;} #modulelinks a {color: #186194; font-size: 14px;} #modulelinks a:hover {text-decoration:underline; color:#2891db;} #modulelinks_contentpage { position: relative; float:left; width: 200px; margin-right: 6px; padding-bottom: 10px; height: auto; background-image: url(images/bg_sidebar.jpg); background-repeat:;} #modulelinks_contentpage li {list-style-type: none; padding-top: 5px; padding-left: 30px; background-color: #e7eef5; background:url(../../templates/current/images/bullet_white.jpg) no-repeat; background-position: 10px 8px;} #modulelinks_contentpage a {color: #fff; font-size: 14px;} #modulelinks_contentpage a:hover {text-decoration:underline; color:#cddeebh;} /* NEWS HEADLINES */ #newsheadlines {float: left; width:477px; height:165px; margin-left: 35px; margin-top: 0px; border-bottom:1px solid #fff; } #newsheadlines h3 {color: #3E8CCC; font-size: 13px;} #newsheadlines a {text-decoration: none; color: #666666;} #newsheadlines a:hover {text-decoration: underline; color:#3E8CCC;} #newsheadlines_contentpage {position: relative; float: left; top: 0px; width:200px; height: 220px; margin-top: 5px; } #newsheadlines_contentpage h3 {color:#3E8CCC; font-size: 13px;} #newsheadlines_contentpage a {text-decoration: none; color: #666666;} #newsheadlines_contentpage a:hover {text-decoration: underline; color: #3E8CCC;} #news_content {width: 100%; background-color:#FFF; position: relative; filter: alpha(opacity=0); -moz-opacity:0%;} #newsheadlines .newslinks a {color: #009933; font-weight: bold;} #newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold;} /* NEWS HEADLINES STATIC */ .newsArticleDate { padding-left:21px; padding-right:20px; font-size: 10px; } .newsArticleText { padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 9px; } .newsArticleLink { text-align: right; padding-left:21px; color: #F00; text-decoration: none;text-transform: uppercase; padding-right:20px; font-size: 9px; } .newsArticleLink p { color: #20368c;} .newsArticleLink a {color: #20368c; font-size: 9px; text-decoration: none; } /*QUICK LINKS*/ #quick_links { width: 277px; height: 175px; background-image: url(images/title_quick_links_homepage_bkgd.jpg); background-repeat: no-repeat; border-bottom:1px solid #f4cfe8; } #quick_links li {list-style-type: none; padding-top: 5px; padding-left: 30px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 10px 8px;} #quick_links a {color: #186194; font-size: 14px;} #quick_links a:hover {text-decoration:underline; color:#2891db;} /* LOGIN / YOUTHZONE / LIVE CHAT LAYER / CUSTOM BUTTON ---- * ABSOLUTE POSITIONING*/ #loginarea { position: absolute; float: right; top:-51px; right:30px; width: 400px; text-align: right; height: auto; padding-right: 3px;}/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */ #loginarea img {margin-bottom: 1px;} #loginarea_contentpage { position: absolute; float: right; top:-51px; right:30px; width: 400px; text-align: right; height: auto; padding-right: 3px;}/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */ #loginarea_contentpage img {margin-bottom: 1px;} #loginarea a:hover {border: 4px;} /* HOMEPAGE SPOTLIGHTS*/ #spotlight1 {position: relative; width:277px; float: left; padding: 3px; clear: left; margin-left: 10px; margin-top: 10px;} #spotlight2 {position: relative; width:277px; float: left; padding: 3px; margin-left: 26px; margin-top: 10px; } #spotlight3 {position: relative; width:277px; float: right; padding: 3px; margin-top: 10px; margin-right: 17px;} #spotlight7 {position: relative; float: left; width:277px; margin-left: 10px; margin-right: 10px; } #spotlight8 { display: none; position: relative; float: left; width:277px; margin-left: 10px; margin-right: 0px;} #spotlight9 { display: none; position: relative; float: left; width:277px; margin-left: 10px; margin-right: 0px;} .spotlight_title { position: relative; height: 30px; border-bottom: 1px solid #abc9df; padding-left: 5px; padding-right:5px; margin-bottom:15px; } /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/ .spotlight_title img { display: none;} .spotlight_title h4 { font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 20px; color: #186194; text-align: left;} .spotlight_container { position: relative; height: 194px; padding-top: 10px; } .spotlight_text { position: absolute; width:60%; height: auto; top:0px; left:0px; padding-bottom: 5px; color:#186194; } .spotlight_text p { color:#186194; } .spotlight_image_upload { width: 75px; height: 75px;position: relative; float:right; top: 0px; width:auto; height: auto; margin-bottom:10px; background:#FFF; border: 1px solid #f4b6df;} .spotlight_link { font-family: "Times New Roman", Times, serif;position: absolute; bottom: 0px; left: 0px; width: 100%; height: 18px; text-align: right; background-image:url(images/spot_link_bkgd.jpg); background-repeat: no-repeat; background-position: left;} .spotlight_link a { font-family: "Times New Roman", Times, serif; color: #e64db2; font-weight: bold; font-style:italic; text-decoration: none; } .spotlight_link a :hover {border-bottom: 1px dotted #e64db2; } /* CONTENT SPOTLIGHTS*/ #contSpotContainer{position: relative; float: right;width: 580px;height: 100px; top: auto;} #spotLight4{float: left; width: 181px; height: 95px; background-image: url(images/onlineLoan_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; } #spotLight5{float: left; width: 181px; height: 95px; background-image: url(images/mabs_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px;} #spotLight6{float: right; width: 181px; height: 95px; background-image: url(images/news_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px;} /* COOKIE CONSENT MEMO BOX */ .CookieConsentMemo { z-index: 9999; text-align: left; font-family: Arial; font-size: 12px; background: url(images/memo_bgr.png) no-repeat; width: 143px; margin: 10px; position: fixed; top: 0px; right: 0px; padding: 73px 18px 20px; height: 270px; } #cookieConsentForm .button_submit { border: medium none; font-family: Arial; font-size: 12px; font-weight: bold; cursor: pointer; height: 30px; margin-top: 13px; padding-bottom: 5px; width: 55px; background: url(images/memo_btn.jpg) no-repeat; border: none; text-shadow: -1px 0 1px rgba(0, 0, 0, 0.3); } #rdCookieConsent0 { margin: 5px 0; } #cookieConsentForm { float:left; font-family: Arial; font-size: 12px; color:#555555; position:absolute; bottom: 73px; left: 0; padding-left:17px;} #lyrCookieConsent h2 { font-size:16px; text-shadow: -1px 0 1px white; } #lyrCookieConsent p { text-align: left; color: #555555; font-family: Arial; font-size: 12px; margin-bottom: 7px; } /* FOOTER */ #pagefooterIndex { text-align: center; position: relative; width: 932px; height: 70px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; clear: both; background-color:#529bce; border-top: 10px solid #a8cde6; } #pagefooterPublic { text-align: center; position: relative; width: 932px; height: 70px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; clear: both; background-color:#529bce; border-top: 10px solid #a8cde6; } #pagefooterOther { text-align: center; position: relative; width: 932px; height: 50px; padding-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; clear: both; background-color:#529bce; border-top: 10px solid #a8cde6; color: #fff; font-size:10px; } #pagefooterOther a { color: #fff; font-size:10px;} html>body #pagefooter { } .ProgressLogo {float: right; padding-right: 10px;} #footerDetails{ float: left; width: 85%; padding-top: 15px; margin-left: 10px; text-align: left; color: #fff; text-decoration: none; font-size:10px;} #fsrnTextOff{ float: left; color: #fff; text-decoration: none; font-size:10px; text-align: left; padding-left: 10x;} #pagefooterAlternative{ float: left; width: 750px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 10px; text-align: left; font-size: 10px; color: #fff; clear: both; } #fsrnTextAlternative{float: left; color: #fff; text-decoration: none; font-size:10px; text-align: left; padding-left: 0px; } html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */ /*Social Networking Icons Footer*/ #SocialNetFooter{ display: none; position: relative; float: left; z-index: 10; width: 170px; height: auto; top: 0px; left: 0px;} #SocialNetTxt { position: relative; float: left; color:#333; font-size: 11px; width: 70px; } #SocialNetIcons { position: relative; float:left; width: 100px; height:auto; top: -4px; right: 2px;} #SocialNetIcons img { list-style-image:none; /*border: 1px solid #FF0;*/ } #SocialNetIcons a { display: inline; } /*SITEMAP CONTAINER AND NAVIGATION */ #siteMap { display: none; position: relative; width: 100%; height: 150px; padding: 10px; clear: both; text-align:center; font-size: 9px; background-color: #c6d1db; } #siteMapMenu { display: none; position: relative; width:940px; height: 100%; margin: 0 auto; white-space: nowrap; padding-bottom: 1px; display: block; text-align:center; font-weight: bold; } #siteMapMenu li {text-align: left; white-space: nowrap; padding-bottom: 1px; padding-left:11px; padding-right: 11px; height: 28px; float: left; display: block; } #siteMapMenu li a{ font-size: 9px; color: #0054A4;} #siteMapMenu li ul a{ font-size: 9px; font-weight: bold; color: #0054A4;} /* LOGIN PAGES ----------------------------------- ----------------------------------- /*LOGIN PAGE - ANNOUNCMENTS*/ #announcements_login { position: relative; float:left; height: 30px; width: 100%; overflow: visible; padding-top: 10px; padding-bottom: 10px; } #announcements_login a { text-decoration: none; font-size: 13px; font-weight: normal; color:#b60166 text-decoration: none; font-style:italic; padding-bottom:10px;} #announcements_login a:hover {text-decoration: none; } /*LOGIN AREA ROUNDED CORNERS CROSS BROWZER COMPATABLE - CHANGES NOT NECESSAERY---------------------------------------------------------------------*/ .announcementsContainer{} /*LOGIN AREAS - OFFICE /DIRECTORS /REPRESENTATIVES /VOLUNTEERS WEBTELLER -------------------------------------------------------------------------------------*/ #pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb { position: relative; width:932px; height:100%; background-color:#FFF;} #pageInContOff:after, #pageInContDir :after, #pageInContUser :after, #pageInContRep :after, #pageInContVol :after, #pageInContWeb :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterOff, #pagefooterDir, #pagefooterUser, #pagefooterRep, #pagefooterVol, #pagefooterWeb { position: relative; width: 950px; height: 26px; padding-top: 10px; border-top: 1px solid #F0f0f0; margin:auto; text-align:center; font-size:10px; background-color:#fff; } #pagefooterOff a, #pagefooterDir a, #pagefooterUser a, #pagefooterRep a, #pagefooterVol a, #pagefooterWeb a { color: #69C; font-size:10px;} .officeLogCont, .userLogCont, .repLogCont, .volLogCont, .webLogCont{position: relative; width: 100%; height: 230px; padding-top: 10px; padding-bottom: 0px; background-color:#edf3f7; border-bottom: 1px solid #d3e2ec; border-top: 1px solid #d3e2ec;} .officeTxtAlertCont, .dirTxtAlertCont, .userTxtAlertCont, .repTxtAlertCont, .volTxtAlertCont, .webTxtAlertCont { float: right; width: 0%; height: 100%; font-size: 11px;} .officeLogContInner, .dirLogContInner, .directLogCont, .userLogContInner, .repLogContInner, .volLogContInner, .webLogContInner { position: relative; width: 100%; height: 100%; font-size: 11px; background-color: #d3e8f7; border-top: 1px dotted #c3ddf0; border-bottom: 1px dotted #c3ddf0;} .userTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .passwordTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .emailTxt{float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .enterCode{ position: relative; top: 30px; float: left; width: 38%; padding: 3px; text-align: right;} .userInputShort{ float:right; width: 59%; height: 20px; padding: 3px;} .passwordInputShort{ float: right; width: 59%; height: 20px; padding: 3px;} .emailInput{float: right; width: 59%; height: 20px; padding: 3px; } .enterCodeInputShort{float: right; width: 59%; height: 30px; padding: 3px; padding-bottom: 5px; } .captchaGraphic{ float: right; width:59%; height: 80px; padding-top: 10px; } .logButtin{float: right; width: 59%; text-align: left; padding: 3px;} /* PIN MEMBER LOGIN -----------------------------------------------------------------------------------*/ /*-----v4.4 LOGIN*/ .mainContainerbkgd , .mainContbkgd3, .mainContbkgdPin2, .mainContbkgdSec2, .mainContbkgdSec2 { position: relative; float: left; font-size: 13px; width: 100%; height: 100%; padding:0; background-color:#dfeff7; border-top: 1px dotted #d2e6ef; border-bottom: 1px dotted #d2e6ef;} .mainContainer, .mainContRand3, .mainContSec2{ width: auto; height: auto; text-align:right; margin-right: 130px; padding:20px 5px 0px 0px; border-right: 1px dotted #d2e6ef; } .alert { display: none;} .infoCont {} .memContText {padding:0 0 20px 0px;} .memberNumberTxt {float:left; text-align: right; font-weight:bold; padding-left: 320px;} .securityPasswordTxt {float:left; font-weight:bold; padding-left: 310px;} .secPassBut {padding-bottom: 10px} .rand3PinTxt{float: left; padding-left: 365px; } .dobInputTxtRand3 {float: left; padding-left: 270px;} .dobForm3, .pinPassButRand3 {padding-bottom:10px;} .input_2char { } /*-----v3.4 LOGIN*/ .mainContPin2 {padding: 20px 10px 10px 10px; text-align: right; height: 100%;} .memContainer2, .pinContainer2, .dobContainer2, .secContainer2, .secPassField2{} .memNumField2, .pinNumField2, .dobField2 {float: right; padding-bottom: 5px; text-align: left; width: 40%; height: 20px;} .memNumberTxt2, .pinNumberTxt2, .dobPassTxt2 {float: left; padding-bottom: 7px; width: 58%; height: 20px; } .logPassBut2 {float: right; } .secPassTxt2 {float:left;font-weight:bold; padding-left: 320px;} /*-----------------------------------------------------------------------------------*/ /* GRAPHIC ICONS BELOW LOGIN BOX*/ .pagecontent .memLogLinksCont { position: relative; float: left; height: 100%; padding-top: 10px; } .Lost_bkgd, .register, .security, .problems, .browzer { margin-bottom: 5px;height: 39px;padding-left: 11px; padding-top: px; text-align: left; width: 280px; color: #2A536D;font-size:11px; } .Lost_bkgd a, .register a, .security a, .problems a, .browzer a {font-size:11px;} .Lost_bkgd {background-image: url(../../images/essentials/lost_pin_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} .register {background-image: url(../../images/essentials/reg_pin_mem_log_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} .security {background-image: url(../../images/essentials/security_mem_log_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} .problems {background-image: url(../../images/essentials/problem_mem_log_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} .browzer {background-image: url(../../images/essentials/browzer_info_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} /*LOST YOUR PIN---------------------------------------------------------------------------*/ .lostPinCont { position: relative; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;} .lostPinTxtAlertCont{float: right; width: 0%; height: 100%;} .lostPinContInner{ position: relative; width: 100%; height: 100%;} .lostPinTxt{ padding-left: 10px; padding-bottom: 5px; } /* REMOVE SKYPE INJECTED MARKUP (Only works sometimes) -------------------------------------*/ span.skype_pnh_container { display: none !important; } span.skype_pnh_print_container { display: none !important; } /*ONLINE BANKING */ #ErrorMessageContainer { display: none;}