/* -------------------- WARNING! Copyright Progress Systems Limited. Explicit permission is required to copy or use any documents from this website -------------------- -------------------- TEMPLATE: PERCEPTION -------------------- TEST MATRIX (Y=WORKS OK) -------------------W2K-------XP--------VISTA-----OS9-------OSX------- IE<=4 . IE5 . IE6 Y . IE7 Y Y IE8 OPERA9 Y SAFARI3 Y . CHROME1 Y FIREFOX2 Y FIREFOX3 Y NETSCAPE7 Y . --------------------------------------------------------------------- */ /* COMMOM CSS ELEMENT NOT FREQUENTLY CHANGES ------------------------ */ /* HTML TAG RE-DEFINITIONS */ body{ font-family:Verdana, sans-serif; font-size: 14px; color:#5081b2; background-color: #fff; background-repeat:repeat-x; background-image: url(images/bkgd_gradient.jpg); background-position: top; line-height:140%; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */} * {margin:0; padding:0;} html {} li {font-size: 13px; } ul { font-size: 13px; } a {color:#E46011; font-size:13px; text-decoration:none;} a:hover {text-decoration:none; color:#65AA2D;} hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #FFFFFF; display: none;} strong {font-weight:bold;} iframe {border: 1px dotted #edededC99; width:100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#313745313745; } iframe.spotlightnew {border: 1px dotted #edededC99; width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#313745313745; height: 100px; } img {border: none;} p {margin-bottom: 10px; font-size: 13px; } acronym {cursor: help; border-bottom: 1px dotted #CCCCCC;} font, td {font-size: 14px;} td.membership {color:#ffffff; padding: 2px 9px; background: #90B2DE; font-family: Verdana, Geneva, sans-serif; font-weight:normal; font-size:12px;} td.text_membership {padding:9px;} td.text_membership p {font-size:12px;} em, small {color: #0E508F;} small a {color: #3E8CCC; font-size:11px;} small a:hover {color:darkOrange;} tr#TemplateRow1 {display:none;} /*td p {padding:0 7px;} td b {color:#ffffff; padding: 0 5px; line-height: 20px;} td li {font-size: 12px;} td strong {font-size: 14px;} td.bodytext {padding:7px;} table {} p.quote {padding-left:150px; background:url(../../templates/current/images/quote.gif) no-repeat 20px center;} img.pdf {vertical-align: top;}*/ #newsArticleFacebookDiv, #newsArticleTwitterDiv, #newsArticlePrintDiv {display: inline; margin: 0 10px 80px 0; position: relative; width: 70px; height:30px;} .divNewsArticleDate, .newsArticlePageDateDiv {font-family:Georgia; color:#12396b; font-size:13px; font-style:italic; line-height: 30px; padding: 10px 0 0;} /* HEADINGS */ h1 {font: bold 16px Arial, Verdana, Arial, Helvetica, sans-serif; padding-bottom: 5px; color: #4071a1;} h2 {border-bottom: 1px dashed #BCCFE8; color: #5081B2; font-size: 17px; font-weight: normal; margin-bottom: 10px; padding-bottom: 7px; padding-top: 10px;} h3 {border-bottom: 1px dashed #CDDCEF; color: #5081B2; font-size: 17px; font-weight: normal; padding-bottom: 7px; padding-top: 10px;} h4 {font: bold 16px Arial, Verdana, Helvetica, sans-serif; color: #0E508F; padding-bottom: 15px; } #homePage .h4quicklinks, #homePage .h4newsheadlines { padding-top:1em; padding-left: 0.5em; border-bottom: 1px solid #c7d5e5; color: #3A6AA6; font-family: Arial; font-size: 18px; font-weight: normal; text-transform: uppercase;} .h4quicklinks, .h4newsheadlines { padding-bottom: 0.5em; padding-top:1em; padding-left: 0.5em; border-bottom: 1px solid #c7d5e5; color: #3A6AA6; font-family: Arial; font-size: 15px; font-weight: normal; text-transform: uppercase;} h5 {font: 12px; color: #999999; padding-bottom: 15px;} h6 {font: 9px; padding-bottom: 15px;} /* COMMONLY USED CLASSES */ .required {font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #CC0000;} .informational {font:11px Arial, Verdana,, Helvetica, sans-serif; color: #8897b7;} .largeFont {font-size:14px; color:#3E8CCC; font-weight: bold;} .lighttext {color: #999999;} .smallfont{font-size:11px; color: #999999;} .details {color: red; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 26px;} /* 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 5px 10px;} .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 {color: #0E508F; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; vertical-align: middle;margin-right: 2px; margin-left: 3px; padding:2px 4px 3px;} input#File1 { position: relative; width: 250px; padding-top: 5px; background-image: url(images/input_file.jpg);background-color: #f1f1ef; height: 25px; margin: 0; border: 1px solid #c9d0dd; /*-webkit-box-sizing: border-box;-moz-opacity:0 ; filter:alpha(opacity: 0); *filter:alpha(opacity: 0); _filter:alpha(opacity: 0); opacity: 0;*/ } input[type="file"].input_long::-webkit-file-upload-button {float: right; position: relative;} /*Needed to align browse button left in input=file*/ .input_normal {width: 180px; border: 1px #a6bbcd solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px;} .input_long {width: 370px; border: 1px #a6bbcd solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px;} .input_short {width: 110px;border: 1px #a6bbcd solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px;} .input_shorter {width: 60px; border: 1px #a6bbcd solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px;} .input_multiline {width: 189px; height: 100px; border: 1px #a6bbcd solid;font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F;} .input_multiLarge {width: 280px; height: 160px; border: 1px #a6bbcd solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px;} .input_nosize {border: 1px #a6bbcd solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px; max-width: 90%;} .input_2char {width: 20px; border: 1px #a6bbcd solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px;} .input_3char {width: 30px; border: 1px #a6bbcd solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px;} .input_4char {width: 40px; border: 1px #a6bbcd solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px;} .input_search {height:13px; width: 90px; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #0E508F; padding:3px 4px 3px;} .input_invisible {border: 0px solid; color: #0E508F; font: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; background-color: transparent; height: 18px; vertical-align: middle; padding:3px 4px 3px;} .input_editor_title {font-size:16px; color: #0E508F; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #a6bbcd solid; width: 300px; padding:3px 4px 3px;} .input_editor_subtitle {font-size:12px; color: #0E508F; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #a6bbcd solid; width: 300px; padding:3px 4px 3px;} .input_webteller {width: 120px; border: 1px #a6bbcd solid; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; color: #0E508F; text-align: right; padding:3px 4px 3px;} /* LOAN CALCULATOR SLIDER */ input#amountHome {font-size: 16px; height: 25px; left: 290px; position: relative; text-align: right; top: -105px; width: 230px; color: #8B172C;} input#termHome {font-size: 16px; left: 290px; position: relative; text-align: right; top: -75px; width: 230px; color:#8B172C;} select#intrateDDLHome {margin:-1px 0 50px 20px; width: 160px;} input#aprHome {border-bottom: 1px dotted #7D869E; font-size: 19px; width: 99%; padding: 5px 0px 7px; font-weight: bold; color:#51901e;margin-bottom: 3px;} ul#sliderValuesListHome {color: #7D869E; font-family: Verdana; font-size: 12px; padding-left: 0; line-height:20px; width: 100%; margin-bottom:15px; border-bottom: 1px dotted; height: 45px; } ul#sliderValuesListHome li {list-style:none; padding-left:8px; display:inline;} #sliderTermWrapperHome {} input#paymentSliderWeeklyHome, input#paymentSlider2WeeksHome, input#paymentSlider4WeeksHome, input#paymentSliderMonthlyHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome, input#paymentSliderTotalWeeklyHome {display:block; font-size: 16px; font-weight: bold; padding: 0; margin-top: 2px; color: #8B172C; margin-left:0px;} input#paymentSliderTotalWeeklyHome, input#paymentSliderTotal2WeeksHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome {display:block; font-size: 16px; font-weight: bold; color: #51901e;} input#input#paymentSliderTotalMonthlyHome {float:left;} span#spanWeekHome, span#span2WeeksHome, span#span4WeeksHome, span#spanMonthHome {float: left;} #divSliderCalcLoanTypeTextHome {color: #4A546F; float: left;font-size: 13px; font-weight: bold; margin-top: 12px; padding-left: 10px;} span#spanWeekTotalHome {float:left; display:inline;} span#span#spanMonthTotalHome {} span#spanWeekHome {} span#spanMonthHome{padding-left: 30px; float: left; } span#spanMonthTotalHome {float:left;} #loanSliderContainer {padding-top:25px;} /* LOAN CALCULATOR - CONTENT AND MEMBERS AREA*/ input#amount {color: #263c8f; font-size: 1.4em; font-weight: bold; position: relative; text-align: right; width: 88%;} input#term {color: #263c8f; font-size: 1.4em; font-weight: bold; position: relative; text-align: right; width: 88%;} select#intrateDDL {border: 1px dotted #7D869E;color: #65aa2d;font-size: 12px; height: 21px; margin: 10px 0 40px 20px; padding-top: 1px; width: 330px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;} select#intrateDDL option{color: #4A546F; font-size: 12px; font-weight: normal; padding: 3px 0 0 3px;} input#apr {border-bottom: 1px dotted; font-size: 19px; width: 97%; padding: 0px 3px 10px; font-weight: bold; color:#65aa2d; float:left; margin-bottom: 10px;} ul#sliderValuesList {color: #7D869E; font-family: Verdana; font-size: 12px; padding-left: 0; line-height:20px; width: 98%; margin-bottom:20px;} ul#sliderValuesList li {list-style:none; border-bottom: 1px dotted; margin-left: 3px; padding: 10px 5px;} input#paymentSliderWeekly, input#paymentSlider2Weeks, input#paymentSlider4Weeks, input#paymentSliderMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly {display:block; font-size: 16px; font-weight: bold; padding: 0; margin-top: 2px; color: #2A6BA9;} input#paymentSliderTotalWeekly, input#paymentSliderTotal2Weeks, input#paymentSliderTotal4Weeks input#paymentSliderTotalMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly { display:block; font-size: 16px; font-weight: bold; color: #2a6ba9;} input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotalInterest4Weeks, input#paymentSliderTotalInterestMonthly {display:block; font-size: 16px; font-weight: bold; color: #65aa2d;} span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 33%;} #divSliderCalcLoanTypeText {color: #4A546F; float: left;font-size: 13px; font-weight: bold; margin-top: 12px;} #sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -25px; position: relative; top: 29px;} .informationalLoanCal {font-size:11px;} /* TABLES */ .tableform { background-color:#eef2fb; 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: 11px;} .tableform img {margin-right:5px;} .tableform thead {color: #666; font-size: 9px;} .tableform thead td, .tableform thead td {/*background-color:#90B2DE;*/ color: #487cb8;} .tableform tbody td {font-size: 11px;} .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 9px; background-color:#eef2fb; font-size: 12px; font-family: Verdana, Geneva, sans-serif;} .tableform table td {border: none; padding: 0px;} .tablegrid { background-color: #F2F8FF; border-bottom: 1px dashed #CDDCEF; border-collapse: collapse; border-spacing: 0; font-size: 12px; margin-bottom: 20px; margin-top: 0; padding: 0 10px;} .tablegrid a {font-size: 12px;} .tablegrid thead {color: #999999; font-weight: bold;} .tablegrid thead td {background-color: #90B2DE; color: white; font-family: Arial,Verdana,Geneva,sans-serif; font-size: 12px;} .tablegrid td {padding: 6px; border-bottom: 1px dashed #cddcef; font-size: 12px;} .tablegrid td.last {border-bottom: none;} .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 { background-color: #90B2DE; color: #FFFFFF; font-size: 13px; font-weight: normal; padding: 4px 9px 5px; width: auto; /*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, Verdana, 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: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: 40px; margin-left: 0px; padding-left: 10px; margin-right: 5px; padding-top: 2px; padding-bottom: 0px; font-size: 12px; border: solid 1px #E6E6E6; text-align: right; background-color:#f1f7e4; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);} .pdf_download { border-bottom: 1px dotted #eeeeee; border-top: 1px dotted #eeeeee; padding-top: 20px; position: relative; float: left; clear: right; height:30px; width: 100%; padding-right: 5px; padding-left: 0px; 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; top: -75px; left: -100px;} .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 {margin-left: 5px; margin-top: 5px; margin-left:5px;} #loginarea_contentpage #img_login {margin-left: 5px; margin-top: 5px; margin-left:5px;} #img_register {margin-left: 5px; margin-top: 2px;} #loginarea_contentpage #img_register {margin-left: 5px; margin-top: 3px;} #custom_button{} #loginarea_contentpage #custom_button{} #img_youthzone {} #img_newsheadlines {} #newsheadlines_contentpage #img_newsheadlines {} #img_modules {} #modulelinks_contentpage #img_modules {} #img_progresslogo {} /* OFFICE AREA ITEMS */ #tblFonts img,select {vertical-align: middle;} #tblCtrls img {vertical-align: middle;} #tblXtraCtrls img {vertical-align: middle;} /* 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: 77px 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: 2px; width: 70px; background: url(images/memo_btn.jpg) no-repeat; border: none; text-shadow: -1px 0 1px rgba(0, 0, 0, 0.3);text-align:left; } #rdCookieConsent0 { margin: 5px 0; } #cookieConsentForm { float:left; font-family: Arial; font-size: 12px; color:#555555; position:absolute; bottom: 47px; left: 17px; } #lyrCookieConsent h2 { display: none;/*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;*/ } /* REMOVE SKYPE INJECTED MARKUP (Only works sometimes) -------------------------------------*/ span.skype_pnh_container { display: none !important; } span.skype_pnh_print_container { display: none !important; } /*JAVASCRIPT WARNING DIV*/ #divJavascriptWarningContainer { position: relative; width: 600px; padding-left: 0px; padding-top: 30px; height:79px; margin: 30px auto 30px auto; border-bottom: 0px dotted #ff9e00; background:url(../../images/essentials/javascript_warning.png); } #divJavascriptWarningImage {display: none; width:30px; float: left; padding-top: 7px;} #divJavascriptWarningText { color: #000; width: auto; padding-right: 30px; float: right; font-size: 13px; font-weight: bold;} #divJavascriptWarningText a {color:#FFF;} /* COMMOM CSS ENDS ---------------- /*ONLINE BANKING LANDING PAGE ETC*/ /* PRELOADERS */ #OBLoaderExternal1 {display:block; height:100%; position:relative; width:auto;} #OBLoaderWrapper1 {} #OBLoaderDiv1 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #000000; float: left; height: 100%; position: absolute; width: 100%;} #OBLoaderWrapper1 img {left: 45%; position: absolute; top: 33%; z-index: 100;} #OBLoaderExternal2 {display:block; height:100%; position:relative; width:auto;} #OBLoaderWrapper2 {} #OBLoaderDiv2 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #000000; float: left; height: 100%; position: absolute; width: 100%;} #OBLoaderWrapper2 img#OBLoader {left: 45%; position: absolute; top: 33%; z-index: 100;} #OBLoaderExternal3 {display: block; float: left; height: 100%; position: relative; width: 100%;} #OBLoaderWrapper3 {} #OBLoaderDiv3 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #000000; float: left; height: 100%; position: absolute; width: 100%;} #OBLoaderWrapper3 img {left: 45%; position: absolute; top: 33%; z-index: 100;} /*ONLINE BANKING*/ /*ROW LAYOUT------------------*/ #RowOne , #RowTwo , #RowThree { width: 95%; height: auto } /* BOX ATTRIBUTES */ #RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1, #RowThreeBoxOne h1, #RowThreeBoxTwo h1 { display: inline; color:#176fa6; font-size: 1.1em; font-weight: bold; z-index: 10; } #RowOneBoxOne P, #RowOneBoxTwo P, #RowTwoBoxOne P, #RowTwoBoxTwo P, #RowThreeBoxOne P, #RowThreeBoxTwo P { padding: 0px; padding-right: 10px; padding-top: 10px; font-size: 0.8em; z-index: 10; } #RowOneBoxOne li, #RowOneBoxTwo li, #RowTwoBoxOne li, #RowTwoBoxTwo li, #RowThreeBoxOne li, #RowThreeBoxTwo li { font-size: 0.8em; float: left; line-height: 14px; display:list-item; color:#176fa6; list-style: circle; padding-left: 5px; padding-right: 8px; margin-right: 10px; z-index: 10; } #RowOneBoxOne ul, #RowOneBoxTwo ul, #RowTwoBoxOne ul, #RowTwoBoxTwo ul, #RowThreeBoxOne ul, #RowThreeBoxTwo ul{margin-left: 10px; } /*#RowOneBoxOne #LinkBtn{top: -30px;}*/ #LinkBtn { position: relative; float: right; text-align: right; bottom:0.5em;} #LinkBtn a { font-size: 0.8em; bottom: 0.5em;} /* BOX GRAPHICS */ #RowOneBoxOne, #RowOneBoxTwo, #RowTwoBoxOne, #RowTwoBoxTwo, #RowThreeBoxOne, #RowThreeBoxTwo { border-bottom: 1px solid #97afbe; margin-bottom: 10px; position: relative; float: left; width: 100%; height: 80px; padding: 10px; z-index: 10; } #RowOneBoxOne {background: #f1f4f6 url(images/e_statement_bkgd.jpg) top right no-repeat; } #RowOneBoxTwo{background: #f1f4f6 url(images/online_banking_bkgd.jpg) top right no-repeat; ;} #RowTwoBoxOne{background: #f1f4f6 url(images/online_loan_bkgd.jpg) top right no-repeat; ; } #RowTwoBoxTwo{background: #f1f4f6 url(images/loan_calc_bkgd.jpg) top right no-repeat; ;} #RowThreeBoxOne{background: #f1f4f6 url(images/online_banking_bkgd.jpg) top right no-repeat; ;} #RowThreeBoxTwo {background: #f1f4f6 url(images/online_loan_bkgd.jpg) top right no-repeat; ;} #OBWelcomeSpotlight1, #OBWelcomeSpotlight2, #OBWelcomeSpotlight3, #OBWelcomeSpotlight4, #OBWelcomeSpotlight5, #OBWelcomeSpotlight6 { position: relative; top: -80px; left: -3px; width: 304px; height: 150px; z-index: -10; } /* LOGIN CONFIRMATION FORM */ #bankingPinConfirm { margin-top: 5px; width: 500px; height: 200px; background: #f0f4f7 url(images/bg-bankingPinConfirm.jpg) bottom right; background-repeat: no-repeat; padding: 10px; } #bankingPinConfirm h1 { margin-bottom: 10px; color: #003366} #bankingPinConfirm { } /* PIN MEMBER LOGIN -----------------------------------------------------------------------------------*/ #AlertPanelMemNo { position: relative; padding: 10px 10px 10px 10px; margin-top: 0px; text-align:left;} #AlertPanelMemNo strong{ } #AlertPanelPIN {position: absolute; right: 0px; width:38%; color:#2067c0; border: 1px dotted; line-height:20px; text-align:left; font-size:0.9em; } #AlertPanelPIN a { font-size: 12px; } #ErrorMessageContainer { position: relative; float: left; width: 95%; height: auto; padding: 10px; border: 1px dashed #fb1949; background-color: #ffebf3; color: #a02a2a; margin-bottom: 20px; } #onlineBankingErrorMessages {color: #fb1949;} /* --------------------------------------------------------------------------------------------- */ #services_container {position: relative; width: 98%; float: left; } #services_left { background: #e2e9eb; padding-right: 1em; width: 100%; left: 0; right:0;float: left; margin:0 auto; margin-bottom: 15px;} #services_left img {position: relative; width: 115px; float: left;} .services_text {} /* COMMOM CSS ENDS ---------------- */ /*BODY ID TAGS ----------------------------------- ----------------------------------- */ #homePage {} #contentpage {} #loginPage{} #membersAreaPage #facilities {display:none;} #officeAreaPage {} #directorsAreaPage {} #userAreaPage {} #pinsPage {} #securePage {} #newsPage {} #newsPage p {margin-top:10px;} /* MAIN TEMPLATE STRUCTURE ----------------------------------- ----------------------------------- /* STRUCTURE */ #main {text-align: center; width:100%; } /* PAGE CONTENT LAYER */ #pageContent{position: relative; width:940px; height:100%; text-align: left; margin: auto; padding-bottom: 0px; border-bottom: none; background:#FFFFFF;} html>body #pageContent{} #membersAreaPage #pageContent{width: 925px;} #membersAreaPage #layoutarea {border-top: 2px solid #3a6aa6; width: 925px;} /*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:940px; height:100%; padding-bottom: 20px;} #homePage #pageInnerContent { position: relative; width:940px; height:100%; padding-bottom: 10px; background:#FFFFFF url(../../templates/current/images/InnerContent_bgr.jpg) 0 443px no-repeat; /*background:url(../../templates/current/images/gradient_inner.jpg) repeat-x;*/} #pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} /* MASTHEAD FACILITIES*/ #facilities { background:url(../../templates/current/images/fac_border.gif) bottom left no-repeat; padding-bottom: 7px; padding-top:3px; position: absolute; right: 270px; top: 20px; width: 190px; z-index:1000000;} #facilities ul {margin: 0px; padding: 1px;} #facilities li {display: block; float: right; padding-left:2px; padding-right: 2px;} #facilities a {color: #4377B4; display: block; font-family: Trebuchet MS; font-size: 12px; text-decoration: none; vertical-align: bottom;} #facilities a:hover {color:#65AA2D; 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;} #header-suggestion { clear: left; float: right; padding-top: 0; width: auto; padding-right:0.5em; } #header-help { clear: right; float: right; padding-top: 0; width: auto;} #facilities #helpmenu {position:absolute; top:2px; left:252px; background:none; float:none; text-align:left; visibility:hidden; background:url(../../templates/current/images/help_bgr.png); background-position:0px 0; padding-bottom:1px; width:167px;} #facilities #helpmenu ul {margin-left:2px;} #facilities #helpmenu li {padding-bottom: 2px; padding-top: 2px; display:list-item; list-style: none; width:155px; } #facilities #helpmenu li:hover {background:#4d6a94; display:list-item; list-style: none; width:155px;} #facilities #helpmenu li a {color: white;} #facilities #helpmenu a:hover {text-decoration:none; color:white;} /*Social Networking Icons */ #SocialNet{ z-index: 10; position: absolute; top: 2px; left: 719px; width: 180px; height: 100px; /*border: 1px solid #F00;*/ } #SocialNetTxt { position: relative; float: left; color: #fff; font-size: 11px; width: 70px; /*border: 1px solid #0C0;*/} #SocialNetIcons { position: relative; float: right; width: 100px; height: 100px; top: -4px; right: 2px; /*border: 1px solid #0CF;*/ } #SocialNetIcons img { list-style-image:none; /*border: 1px solid #FF0;*/ } #SocialNetIcons a { display: inline; } /* MASTHEAD */ #masthead { float: left; height: 99px; /*padding-bottom: 20px;*/ position: relative; width: 100%; background:url(../../templates/current/images/masthead_bgr.jpg); } /*body#membersAreaPage #masthead, #officeAreaPage #masthead, #directorsAreaPage #masthead {height:99px; margin-bottom: 0px;} */ #masthead .logo #img_masthead {float: left; /*padding: 2.35em 3em 2em 1em;*/ width: 337px;} #masthead .logo #img_mastheadMobile {display:none;} #masthead #announcements { color: #3E8CCC;font-size: 13px; font-weight: bold; height: 24px; overflow: hidden; position: absolute; right: 270px; text-align: right; top: 65px; width: 250px; /* filter: alpha(opacity=0); -moz-opacity:0%; */ } #masthead #announcements a {color: #5081B2; font-size: 13px; font-family: Georgia; font-style:italic; font-weight:normal;} #masthead #announcements a:hover {text-decoration:underline; color:#65AA2D;} #masthead .area_title {color: #3E8CCC; font-size: 13px; font-weight: bold; height: 44px; padding: 30px 12px; position: absolute; right: 0; text-align: right; top: 0; width: 350px;} /* BYLINE (TEL/FAX/DATE BAR) */ #byline {position: relative; color: #999999; height: 20px; width: auto;} #byline .contactdetails { position: relative; left: 0px; right: 0; width: 10px; float: none; margin: auto; } #byline .contactdetails strong {color: #FF9900;} #byline .currentdate {position: absolute; top: 0px; left: 400px; width: 350px; padding-right: 10px; text-align: right;} #byline_members {height: 20px; padding-top: 8px; margin-bottom: 6px; overflow: hidden; color: #FFFFFF; background:url(../../templates/current/images/mainarea_bgr.jpg);} #byline_members .contactdetails { color: #5081B2; float: left; margin-top: -5px; padding-left: 13px;} #byline_members .currentdate {float: right; padding-right: 12px; font-size:12px; color: #5081B2; margin-top: -5px;} #spanBylineTel, #spanBylineEmail{ display: none; } span#spanBylineCustomHTML { position: relative; top: 27px; right: 66px; margin: auto; float: none; width: 4px; } span#spanBylineCustomHTML a { position: relative; width: 40px; height: 40px; display: block; background-image: url(../../templates/current/images/facebook.svg); background-position: center center; background-repeat: no-repeat; background-size: 40px 40px; border: 0; color: rgba(0,0,0,0); } /* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */ #layoutarea {margin:0 auto; position: relative; width: 940px; text-align:left; height:100%; float:left;} #layouatareaoffice {} /*NOT SURE*/ #mainarea { /* background:url(../../templates/current/images/mainarea_bgr.jpg);*/} #membersmainarea {} #directorsmainarea {} #layoutDivide { height: 100%; float:left;} /* MAIN NAVIGATION MENU */ #mainmenuMobile {display:none;} #mainmenu { z-index: 100000; position: relative; float: left; margin: auto; margin-bottom:0.1em; overflow: visible; text-align: center; width:100%;/*background:url(../../templates/current/images/mainarea_bgr.jpg);*/} #mainmenu > a {display: none;} #mainmenu li {position: relative; list-style:none; border-right: 1px solid #4e8ac1;background:url(../../templates/current/images/mainmenu_bgr.gif) top repeat-y} #mainmenu li a { color: #fff;display: block; font-family: Trebuchet MS; text-align: left; line-height: 14px;text-decoration: none; width: 100%;display: block;} #mainmenu li a:active {background-color: #3399ff !important;} #mainmenu span:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */} /* first level */ #mainmenu > ul {/*height: 2.75em; /* 60 background-color: #e15a1f;*/ margin: 0 auto; /*width: 980px;*/} #mainmenu > ul > li {width: 14.17%; height: 100%;float: left;} #mainmenu > ul > li > a {color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); font-size: 1.1em; font-weight: bold; height: 100%; line-height: 0.8em; padding-bottom: 0.9em; padding-top: 0.9em; text-align: center; text-transform:uppercase;} #mainmenu > ul > li:not( :last-child ) > a {border-right: 1px solid #4e8ac1;} #mainmenu > ul > li:hover > a {background:url(../../templates/current/images/menu_bkgd_selected.png) no-repeat; background-position: center bottom; color: #fff;} #mainmenu > ul:not( :hover ) > li.active > a {background-color: #333333; color: #333333;} /* second level */ #mainmenu li ul {display: none; position: absolute; top: 100%;} #mainmenu li ul li {background: #82c953; width:auto; border:0; padding-right: 0.5em;} #mainmenu li:hover ul {display: block;left: 0;right: 0;} #mainmenu li:not( :first-child ):hover ul {left: -1px;} #mainmenu li ul a {font-size: 0.95em; line-height: 1.25em; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em;} #mainmenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #8fd567;} #mainmenu .popoutmenu {width:auto!important;} #mainmenuMobile { display: none; position: relative; float: left; margin: auto; overflow: visible; text-align: center; width:100%; background:url(../../templates/current/images/mainarea_bgr.jpg);} #mainmenuMobile > a {display: none;} #mainmenuMobile li {position: relative; list-style:none; background:url(../../templates/current/images/mainmenu_bgr.gif) top repeat-y} #mainmenuMobile li a { color: #fff;display: block;} #mainmenuMobile li a:active {background-color: #333333 !important;} #mainmenuMobile span:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */} /* first level */ #mainmenuMobile > ul {/*height: 2.75em; /* 60 background-color: #e15a1f;*/} #mainmenuMobile > ul > li {width: 16.66%; height: 100%;float: left;} #mainmenuMobile > ul > li > a {font-size: 1.1em; height: 100%; line-height: 1em; padding-bottom: 0.7em; padding-top: 0.7em; text-align: center;} #mainmenuMobile > ul > li:not( :last-child ) > a {border-right: 1px solid #4e8ac1;} #mainmenuMobile > ul > li:hover > a {background:url(../../templates/current/images/menu_bkgd_selected.gif) no-repeat; background-position: center bottom; color: #fff;} #mainmenuMobile > ul:not( :hover ) > li.active > a {background-color: #333333; color: #333333;} /* second level */ #mainmenuMobile li ul {display: none; position: absolute; top: 100%;} #mainmenuMobile li ul li {background: #82c953;} #mainmenuMobile li:hover ul {display: block;left: 0;right: 0;} #mainmenuMobile li:not( :first-child ):hover ul {left: -1px;} #mainmenuMobile li ul a {font-size: 0.95em; line-height: 1.25em; padding: 0.5em;} #mainmenuMobile li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #3399ff;} /* NAVIGATION SELECTED ITEMS */ #mainmenu .section_selected {font-weight: normal;} #mainmenu .section_selected a { color: #FFFFFF; background:url(../../templates/current/images/menu_bkgd_selected.png) no-repeat; background-position: center bottom;} #mainmenu .section_selected a, #mainmenu li ul li {background-image: none; } #mainmenu .page_selected a { background-image: none; font-weight: bold; background-color: #5e9e33;} /* SUBMENU - PUBLIC PAGES (INDEX PAGE NOT INCLUDED) */ #submenu_latest, #submenu{ float: left; margin-top:0.8em; margin-left: 0.8em; padding-bottom: 2.3%; position: relative; width: 21%;} #submenu_latest .title_subsections, #submenu .title_subsections{ padding-top:1em; padding-left: 0.5em; padding-bottom: 0.3em; border-bottom: 1px solid #c7d5e5; color: #3A6AA6; font-family: Arial; font-size: 15px; font-weight: normal; text-transform: uppercase;} #submenu_latest ul, #submenu ul {padding-left:8px;} #submenu_latest li, #submenu li{list-style-type: none; padding-top: 2px; padding-left: 25px; background:url(../../templates/current/images/bullet_navy.png) no-repeat; background-position: 5px 10px;} #submenu_latest li:hover, #submenu li:hover {list-style-type: none; padding-top: 2px; padding-left: 25px; background:url(../../templates/current/images/bullet_green.png) no-repeat; background-position: 5px 10px;} #submenu_latest a, #submenu a{color: #5081B2; font-size: 13px; display:block; line-height: 24px;} #submenu_latest a:hover, #submenu a:hover{color: #65AA2D; font-size: 13px; text-decoration: underline; } #submenu_latest .subitem_selected , #submenu .subitem_selected {font-weight: bold; /*background-color: #d2e59a; border-bottom: 1px dotted #bbcf7d; border-top: 1px dotted #bbcf7d;*/} #submenuCalculator {height: 84px; margin-top: 15px; width: 210px; background:url(../../templates/current/images/loan_calculator_bgr.gif) no-repeat; } #submenuCalculator ul {padding: 43px 8px;} #submenuCalculator li {list-style-type: none; padding-top: 2px; padding-left: 25px; background:url(../../templates/current/images/bullet_navy.png) no-repeat; background-position: 5px 7px;} #submenuCalculator a {color: #5081B2; font-weight:bold;} /* SUBMENU (USER AREA/ DIRECTORS AREA/ YOUTH AREA/ VOLUNTEERS AREA*/ #submenu_members, #submenu_users, #submenu_directors, #submenu_volunteers, #submenu_youth {float: left; margin-left: 0px; width: 200px; margin-bottom: 10px; margin-right: 10px; background:#a4b2d1;} #submenu_members ul, #submenu_users ul, #submenu_directors ul, #submenu_volunteers ul, #submenu_youth ul {padding-left: 0px; margin-bottom: 0px; font-size: 12px;} #submenu_members li, #submenu_users li, #submenu_directors li, #submenu_volunteers li, #submenu_youth li {list-style-type: none; padding: 4px; border-bottom:1px solid #7b89aa;} #submenu_members a, #submenu_users a, #submenu_directors a, #submenu_volunteers a, #submenu_youth a {color:#fff; text-decoration: none;} #submenu_members .title_subsections {font-weight: bold; padding: 5px; color:#024551; border-bottom: 1px solid #7b89aa;} /* LOGIN BUTTONS - PUBLIC PAGES*/ #divLoginAreaWrapper {} #loginarea { background-color:#637da4; bottom: 4px; position: absolute; right: 8px; width: 244px; padding-bottom:2px; } #loginarea img {margin-bottom: 2px; width:234px; } #loginarea a:hover {border: 0px; } #pagefooterOuterIndex, #pagefooterOuterPublic, #pagefooterOuterOther { box-sizing: border-box; float: left; position: relative; width: 100%;} /* FOOTER*/ #pagefooterIndex, #pagefooterPublic { clear: both; color: #53677C; font-size: 10px; height: 41px; margin-left: auto; margin-right: auto; position: relative; text-align: left;width: 940px; z-index: 1000; background: #3a6aa6; } #pagefooterOther{background: none repeat scroll 0 0 #3A6AA6; clear: both; color: #FFFFFF; font-size: 11px; height: 41px; margin-left: auto; margin-right: auto; position: relative; text-align: center; width: 925px; z-index: 1000; /*background:url(../../templates/current/images/footer_bkgd.jpg) no-repeat;*/ } #pagefooterOther a {font-size: 11px; color: white; border-bottom: 1px dotted;} #pagefooterOther a:hover {color: #65AA2D;} #footerDetails{ color: #FFFFFF; float: left; font-family: Verdana; font-size: 11px; padding-top: 10px; text-align: center; width: 100%;} #footerDetails ul {} #footerDetails li {font-size:11px; display: inline; list-style: outside none none; margin-right: 10px;} #footerDetails li:first-child {font-weight:bold;} .FooterFaxLabelSpan, .FooterFaxSpan {display: none;} #fsrnTextOff .ProgressLogo { float: right; position: absolute; right: 0; top: 50px; } #pagefooterAlternative #fsrnTextAlternative{ position: absolute; float: left; left:0; width: 60%; padding-top: 0px; padding-left: 0px; text-align: left; text-decoration: none; font-size:10px; top: 55px; color: #4173b1; } #realfooter {} #footer-cu-logo {display: none;} /* PRIVACY POLICY */ #divPrivacyTermsLinksWrapper {width:100%;} #divTermsFooterLink, #divPrivacyFooterLink {position: absolute; top:5.2em; right:14em;} #divPrivacyFooterLink {left:50%;} #divTermsFooterLink a, #divPrivacyFooterLink a { text-align: right; font-size:10px;} #divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover { } /*SITEMAP*/ #siteMap {position: relative; height: 88px; margin-left: auto; margin-right: auto; clear: both;background-image:url(images/sitemap_bkgd.jpg); background-repeat: repeat-x; top:-20px;} #siteMapMenu { position: relative; width: 940px; height: 100%; margin-left: auto; margin-right: auto; white-space: nowrap; padding-bottom: 1px; height: 28px; display: block; text-align:center; font-weight: bold; display:none; } #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: 11px; color: #0054A4;} #siteMapMenu li ul a{ font-size: 9px; font-weight: bold; color: #999;} /* INDEX PAGE SPECIFIC ----------------------------------- ----------------------------------- /* INDEX PAGE - FLASH / ANNOUNCEMENTS CONTAINERS */ /*#flashcontainer { border: 1px solid #257fcc; margin-left: auto; margin-right: auto; clear: both; width: 941px; text-align: center; height: 262px;} */ #divHomepageImagesMobileWrapper {display:none;} #divHomepageImagesWrapper {} #flashcontainer { border: 1px solid #257fcc; float: left; position: relative; /*margin-left: 2%; margin-right:2.5%;*/ width:100%;} ul#homepagejQueryImages { height: 16px; left: 4%; overflow: hidden; position: absolute; bottom: 20px; width: auto; } ul#homepagejQueryImages li { background: #3399ff; float: left; height: 16px !important; list-style: outside none none; margin-right: 7px; text-align: center; width: 16px !important; min-height:auto; } ul#homepagejQueryImages li img { display: none; } #homepageImageTextDiv{} #divHTMLAnnouncements1Wrapper { box-sizing: border-box; float: left; /*height: 100px;*/ margin-bottom: 5px; width: 100%;} #announcements_content {margin-top: 5px; margin-bottom: 5px; padding: 5px; background-color: #EEEEEE; border: 1px solid #DDDDDD; height: 20px; overflow: visible; width: 940px; filter: alpha(opacity=0); -moz-opacity:0%;} #announcements_content_dynamic { position: relative; font-weight: normal; font-style:italic; color:#fff; font-size: 15px; height: 41px; width: 940px; overflow: visible; background:url(../../templates/current/images/announce_bkgd.jpg) repeat; text-align:center;} #announcements_content_dynamic font { font-size: 15px; text-decoration: none;} #announcements_content_dynamic td { font-size: 15px; text-decoration: none;} #announcements_content_dynamic p{font-family: Georgia; font-size: 15px; font-weight: normal; margin-bottom: 0; padding: 8px; text-decoration: none;} #announcements_content_dynamic a {color:#fff; font-size: 14px; text-decoration: none;} #announcements_content_dynamic h1 {display: none;} #announcements_content_dynamic h2 {display: none;} #divHTMLAnnouncements2Wrapper { box-sizing: border-box; float: left; height:182px; margin-bottom: 20px; margin: 7px 10px; width: 303px;} #announcements2_content_dynamic h1, #announcements2_content_dynamic h2 {display: none;} /* NOT SURE*/ #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);} /* INDEX PAGE MINI FLASH CONTAINER*/ #mini_flashcontainer {position: relative; float: left; width: 303px; height: 182px; margin: 8px; } /* INDEX PAGE CUSTOM Link */ #divCustomImageLink {position: absolute; top: 0px; left: 0px; } /* MODULE LINKS - INDEX AND CONTENT PAGES */ #modulelinks {float: left; height: 190px; width: 303px; margin-top:8px; background:url(../../templates/current/images/spotlight_2_bgr.jpg) no-repeat;} #modulelinks #mod18a { } #modulelinks #mod4a { } #modulelinks ul {padding: 10px;} #modulelinks li {list-style-type: none; padding-top: 5px; line-height: 20px; padding-left: 20px; background:url(../../templates/current/images/bullet_blue.png) no-repeat; background-position: 0px 11px;} #modulelinks li:hover {list-style-type: none; padding-top: 5px; line-height: 20px; padding-left: 20px; background:url(../../templates/current/images/bullet_green.png) no-repeat; background-position: 0px 11px;} #modulelinks a {color: #E46011; font-family: Verdana; font-size: 13px; font-weight: bold;} #modulelinks a:hover {color: #65AA2D; font-weight: bold; text-decoration: underline;} /* NEWS HEADLINES - INDEX AND CONTENTPAGES */ #newsheadlines {float: left; height: 180px; margin-left: 8px; position: relative; width: 303px; margin-top:8px; background:url(../../templates/current/images/spotlight_1_bgr.jpg) no-repeat; margin-bottom: 10px;} #newsheadlines a h3 {color: #3a6aa6; font-size: 13px; padding-bottom:4px; font-family: Arial; border-bottom: none; padding-top:5px; font-weight:bold;} #newsheadlines a:hover h3 {color: #65aa2d; font-size: 13px;} #newsheadlines a p { color: #3a6aa6; font-size: 11px; line-height: 18px; font-family: Verdana; } #newsheadlines a:hover p{text-decoration: none; color: #65aa2d;} #newsheadlines #news_content {height: 120px; overflow: hidden; padding: 3px 12px; position: relative; width: 90%; filter: alpha(opacity=0); -moz-opacity:0%; } #newsheadlines .newslinks a {color: #8db809; 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: underline;text-transform: uppercase;/* */ padding-right:20px; font-size: 9px; } .newsArticleLink p { color: #20368c;} .newsArticleLink a {color: #20368c; font-size: 9px; text-decoration: underline; } /*QUICK LINKS*/ #quick_links { position:absolute; top: 327px; left: 258px; width: 243px; height: 140px; margin-top: 60px; /*border: 1px solid #F00;*/ background-image: url(images/title_quick_links_homepage_bkgd.jpg); background-repeat: no-repeat; } #quick_links li {margin-left: 15px; padding-left: 15px;list-style-type: none; padding-top: 5px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px;} #quick_links a { text-decoration: underline #666666;} #quick_links a:hover {text-decoration: underline; color: #063;} /* HOMEPAGE SPOTLIGHTS*/ #divSpotlightsWrapper {position: relative; float: left;width:100%; margin-top:12px;} #spotlight1 {float: left; margin-left: 8px; position: relative; width: 303px; background:url(../../templates/current/images/spotlight_1_bgr.jpg) bottom no-repeat;} #spotlight2 {float: left; margin-left: 8px; position: relative; width: 303px; background:url(../../templates/current/images/spotlight_2_bgr.jpg) top no-repeat;} #spotlight3 {float: left; margin-left: 8px; position: relative; width: 303px; background:url(../../templates/current/images/spotlight_1_bgr.jpg) bottom no-repeat;} .spotlight_title { height: 25px; padding: 18px 0 2px 10px;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/ .spotlight_title h4 {color: #3A6AA6; font-family: Arial; font-size: 18px; font-weight: normal; text-transform: uppercase;} .spotlight_container { margin-left: 10px; margin-top: 10px; height:185px; min-height: 15px; padding-left: 1px; padding-right: 0; padding-top: 15px; position: relative; width: 283px; border-top:1px solid #c7d5e5;} .spotlight_text p {color: #5081B2; font-family: Verdana; font-size: 11px; height: auto; left: 0; line-height: 18px; margin-left: 0; padding-bottom: 5px; } .spotlight_text { position: absolute; width:60%; height: 100px; top:10px; left:0px; color:#5081b2; font-size: 13px;} .spotlight_image_upload { width: 103px; height: 103px; margin-top:20px; float:right;/*border: solid 1px #93F; */} .spotlight_link { border-bottom: 0 solid #BCDD57; bottom: 9px; font-size: 13px; font-style: italic; font-weight: bold; height: 24px; padding-right: 12px; position: absolute; right: 10px; text-align: right; width: 75px; background:url(../../templates/current/images/link_arrow_green.png) no-repeat; background-position: right 4px; } /*.spotlight_link:hover { border-bottom: 0 solid #BCDD57; bottom: 9px; font-size: 13px; font-style: italic; font-weight: bold; height: 24px; padding-right: 12px; position: absolute; right: 10px; text-align: right; width: 75px; background:url(../../templates/current/images/link_arrow_greenB.png) no-repeat; background-position: right 4px; }*/ .spotlight_link a {color: #E46011; font-family: Georgia; font-size: 12px; font-style: italic;font-weight: normal; letter-spacing: 0.3px; } .spotlight_link a:hover {color: #65AA2D; text-decoration: underline; background:url(../../templates/current/images/link_arrow_greenB.png) no-repeat; background-position: right 1px; } /* CONTENT PAGES ----------------------------------- ----------------------------------- /* CONTENT & NAVIGATION CONTAINER */ #contentarea {position: relative; float: right; width: 710px; margin-top: 15px; margin-right: 0px; } #contentareaoutercontainer {} /*Child DIV of CONTENTAREA*/ /* RADEK*/ #contentareainnercontainer {} /*Child DIV of contentareaoutercontainer*/ /*RADEK */ #contentarea ul {margin-bottom: 10px;} #contentarea ol {margin-bottom: 10px;} #contentarea li {display:list-item; list-style: disc inside none; padding-left: 10px;} #contentarea a {text-decoration: underline;} #contentarea .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left;} #contentarea .information_layer td {font-size: 9px; border: none;} #contentarea .pagetitle { position: relative; float: left; width: 96.5%; padding: 5px; height: 20px; padding-left: 10px; text-align:left; margin-bottom: 10px; background-color:#90b2de; color: #FFF; font-size: 16px; font-weight: normal; margin-right:8px;} #contentarea .pagecontent {position: relative; padding: 0 10px 0 0; text-align:left; min-height: 520px;} #contentarea .pagecontent img.about {padding:5px 0 10px 10px;} #contentarea .pagetitle_members {height: 30px; vertical-align: middle; color: #3E8CCC; font-size: 16px; font-weight: bold; /*background:url(../../templates/current/images/pagetitle_bkgd.gif)top left no-repeat;*/ } #contentarea .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px; display:none;} /* MODULE LINKS */ #modulelinks_contentpage { margin-left: 1em ; padding-bottom: 10px; position: realtive; text-align:left; width: 210px; margin-bottom: 5px; } #modulelinks_contentpage ul {padding-left:8px; margin-top: 10px;} #modulelinks_contentpage li {list-style-type: none; padding-top: 5px; padding-left: 25px; background:url(../../templates/current/images/bullet_blue.png) no-repeat; background-position: 5px 10px;} #modulelinks_contentpage li:hover {list-style-type: none; padding-top: 5px; padding-left: 25px; background:url(../../templates/current/images/bullet_green.png) no-repeat; background-position: 5px 10px;} #modulelinks_contentpage a {color: #E46011; font-family: Verdana; font-size: 13px; display:block;} #modulelinks_contentpage a:hover {text-decoration:underline; color:#65AA2D;} /* NEWS HEADLINES */ #newsheadlines_contentpage { margin-left: 1em ; width: 210px; height: 200px; overflow: hidden; padding-bottom: 10px; } #newsheadlines_contentpage a h3 {padding-top: 10px; padding-bottom:5px; color: #5081B2;font-size: 13px; border-bottom: none; font-weight:bold;} #newsheadlines_contentpage a:hover h3 {color: #65aa2d; font-size: 13px;} #newsheadlines_contentpage a p { color: #5081B2; font-size: 11px; line-height: 20px;} #newsheadlines_contentpage a:hover p {text-decoration: none; color: #65aa2d; font-size: 11px;} #newsheadlines_contentpage #news_content { padding-left: 12px; margin-top: 5px; } #newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold;} /* MEMBER PAGES ----------------------------------- ----------------------------------- /* CONTENT & NAVIGATION CONTAINER */ #memberscontentarea { float: right; margin-right: 2%; margin-top: 2em; position: relative; width: 72%; margin-bottom: 10px; min-height: 350px;} .pagetitle_members {font-size: 1.5em; font-weight: medium; line-height: 2em; margin-bottom:1em;} #membersinnercontentarea {} /*Child DIV of #memberscontentarea */ /*RADEK --- Example of use */ #memcontentareaoutercontainer {} #memcontentareainnercontainer {} /*.pagetitle_members { position: relative; float: right; width: 700px; padding-top: 10px;height: 30px; color: #3E8CCC; font-size: 16px; font-weight: bold; margin-right: 10px; /*background:url(../../templates/current/images/pagetitle_bkgd.gif)top left no-repeat;*/ } #memberscontentarea .pagecontent_members { margin-bottom: 15px; /*min-height:300px;*/ } .pagecontent_members p { margin-top: 3px; margin-right: 0px; font-weight: normal; font-size: 12px;font-family: Verdana;} .pagecontent_members p.informationalLoanCal {font-size:11px;} #memberscontentarea #announcements_members { padding: 0px; /*background-image:url(images/announce_login_icon.jpg); background-repeat:no-repeat; background-color:#FFF;*//*border: 1px dashed #EEEEEE;*/ overflow: visible;filter: alpha(opacity=0); -moz-opacity:0%;} #memberscontentarea #announcements_members a { font-size: 11px; font-weight: normal; color:#F90; text-decoration: none;} /* MEMBER AREA */ #membermenu { margin: 5px 10px 10px 5px; margin-top: 2em;width: 100%; float: left; width: 210px; } #membermenu ul { width: 100%; background-color:#90B2DE; font-size: 12px;} #membermenu li {list-style-type: none; border-bottom:1px solid #eef2fb; font-size: 12px; line-height: 40px; } #membermenu li a {color: white; padding-left: 1em; } #membermenu li:hover {background: #4c7ab5;} #membermenu > a {display: none;} /* ADDED IN THIS LINE*/ /* #membermenu a {margin-left: 10px; color: #FFFFFF; line-height:28px; display:block;} REMOVED THIS LINE */ #membermenu .last {font-weight: bold;} .memo {border: 1px solid #CCCCCC; width: 130px; padding: 2px; position: absolute; top: 5px; left: 770px;} /* SUBMENU (USER AREA/ DIRECTORS AREA/ YOUTH AREA/ VOLUNTEERS AREA*/ #submenu_members {background: none repeat scroll 0 0 #90B2DE; float: left; margin-bottom: 10px; margin-left: 5px; width: 210px;} #submenu_members ul {padding-left: 0px; margin-bottom: 0px; font-size: 12px;} #submenu_members li {background: #CCE4F5; border-bottom: 1px solid #FFFFFF; list-style-type: none; padding: 4px;} #submenu_members li:hover {background: #B4D3E9;} #submenu_members li a {color: #5081B2; display: block; font-size: 11px; line-height: 24px; margin-left: 10px;} #submenu_members .title_subsections {border-bottom: 1px solid #7B89AA; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 5px 12px;} /* OFFICE PAGES ----------------------------------- ----------------------------------- /* OFFICE AREA NAVIGATION */ #adminmenu {margin-bottom: 10px; margin-left: 5px;width: 100%; margin-right: 10px; float: left; width: 210px;} #adminmenu ul { width: 100%; background-color:#90B2DE; font-size: 12px;} #adminmenu li {list-style-type: none; border-bottom:1px solid #eef2fb; font-size: 12px;} #adminmenu li:hover {background: #90B2DE;} #adminmenu li a {margin-left: 10px; color: #FFFFFF; line-height:28px; display:block;} #adminmenu li strong {color: #FFFFFF; line-height: 28px; margin-left: 9px; font-size:13px;} #adminmenu ul li ul {display: none;} #adminmenu ul li ul li {list-style-type: none; background-color: #cce4f5;} #adminmenu ul li ul li:hover {background:#b4d3e9;} #adminmenu ul li ul li a {color: #5081B2; line-height: 28px; margin-left: 10px; display: block; font-size:11px;} #adminmenu .expanded {display: inline-block;} /* CONTENT & NAVIGATION CONTAINER */ #contentareaoffice {position: relative; float: right; width: 700px; margin-top: 10px; margin-top: 2px; margin-right: 0px; }/*RADEK--I think understand why this was implemented--was it to accomdate a wide form field allowing you to specify width?*/ #contentareaoffice .pagetitle_members {font-size:20px; color:#5081B2; padding-bottom: 5px;} #contentareaoffice .pagecontent_members { position: relative; margin-bottom: 15px; right:10px;} #contentareaoffice .pagecontent_members h3{ /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/ padding-top: 0;} #contentareaoffice .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px;} #contentareaoffice .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left;} #contentareaoffice .information_layer td {font-size: 9px; border: none;} #contentareaoffice .tableform td {padding:3px;} #contentareaoffice .tableform thead td, #contentareaoffice .tableform thead td {padding:0 5px; font-size:11px;} /* DIRECTORS PAGES ----------------------------------- ----------------------------------- /* DIRECTORS AREA*/ #directorscontentarea {} /*RADEK*/ #dircontentareaoutercontainer {} #dircontentareainnercontainer {}/*RADEK*/ #dircontentareainnercontainer .pagetitle_members {height: 30px; vertical-align: middle; color: #3E8CCC; font-size: 16px; font-weight: bold; /*background:url(../../templates/current/images/pagetitle_bkgd.gif)top left no-repeat;*/ } #dircontentareainnercontainer .pagecontent_members .tableform {} #realFooterDirectors {} /* RADEK I AM BIT CONFUSED AS TO WHAT REAL FOOTER MEANS and is the normal footer not sufficent*/ .directors_content {width:60%; float:left;} .directors_sidebar {width:30%; float:right;} /* LOGIN PAGES ----------------------------------- ----------------------------------- /*LOGIN PAGE - ANNOUNCMENTS*/ #announcements_login { float: left; font-size: 12px; font-weight: normal; overflow: visible; padding-bottom: 10px; padding-top: 10px; position: relative; width: 100%; } #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:940px; 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: 940px; 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, .directLogCont{position: relative; width: 100%; height: 230px; padding-top: 10px; padding-bottom: 0px; background-color:#EEF2FB;} .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;} .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 {background: none repeat scroll 0 0 #f0f3f9; float: left; font-size: 13px; height: 100%; padding: 0; width: 100%;} .mainContainer, .mainContRand3, .mainContSec2{ height: auto; width:100%; float:left; padding:20px; box-sizing:border-box; } .alert {} .infoCont {} .memContText {padding: 0 0 10px;} .memberNumberTxt {float:left; text-align: right; font-weight:bold; margin-right: 20px; margin-top: 3px;} .securityPasswordTxt {float:left; font-weight:bold;} .secPassBut {padding-top: 20px;} .rand3PinTxt{float: left; /*margin-left: 10px;*/ margin-right: 25px; margin-top: 3px;} .dobInputTxtRand3 {float: left; margin-right: 18px; margin-top: 3px;} .dobForm3 {} .input_2char { } .noMemberNumber {margin: 10px 0 5px;} .noMemberNumber a, .noMemberNumber2 a {font-size:11px;} #AlertPanelMemNo {background: #003366; font-family: arial; font-size: 0.85em; line-height: 16px; margin-top: 0; padding: 5px; text-align: left; color:white; margin-bottom: 10px; margin-top: 10px; position: absolute; right: 10px; width: 38%;} /* 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;} .memberNumberTxt2 {float: left; line-height: 23px; margin-right: 5px; margin-top: 7px;} .dobInputTxtRand3_2 {float: left; line-height: 23px; margin-right: 30px; margin-top: 8px;} .insertRandomPin3 { float: left; line-height: 23px; margin-right: 12px;} #dobContRand3, .pinContRand3 {padding:0 0 8px;} .memNumForm2 {} .dobForm3_2 {padding:5px 0;} .noMemberNumber2 {float: left; padding: 0px 0 10px 0; width: 100%;} .pinNumFormRand3 {} .pinPassButRand3 {} #AlertPanelPIN { background: none repeat scroll 0 0 #003366; color: white; font-family: arial; font-size: 0.85em; line-height: 16px; margin-top: 10px; padding: 5px; position: absolute; right: 10px; text-align: left; width: 38%; } #AlertPanelPIN a {color:white; text-decoration:underline;} /*RADIO BUTTONS AND CHECKBOXES*/ input[type="checkbox"], input[type="radio"] {margin-right:5px; height:15px; width:15px; vertical-align: sub;} input, textarea { /*-webkit-appearance: none;*/ -webkit-border-radius: 0; /* Force Safari to render buttons as in any other browser*/} input[type="submit"], input[type="reset"], input[type="button"] {-webkit-appearance: none;} input[type="checkbox"] {-webkit-appearance: checkbox;} /* GRAPHIC ICONS BELOW LOGIN AREA ----------------------------------------------------------------------------------------------------------------*/ .Lost_bkgd {background-image: url(../../images/essentials/lost_pin_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; margin-top: 10px; font-size: 10px; display:none; } .Lost_bkgd a {font-size: 10px; } .register { background-image: url(../../images/essentials/reg_pin_mem_log_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; } .register a {font-size: 10px; } .security {background-image: url(../../images/essentials/security_mem_log_bkgd.jpg);width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none;} .security a {font-size: 10px; } .problems {background-image: url(../../images/essentials/problem_mem_log_bkgd.jpg);width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; } .problems a {font-size: 10px; } .browser {background-image: url(../../images/essentials/browzer_info_bkgd.jpg);width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; } .browzer a {font-size: 10px; } .memLogLinksCont{/*background-image: url(../../images/essentials/mem_login_graphic.jpg);*/ width:100%; background-position: left; background-repeat: no-repeat; } .memLogLinksCont a { } /*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; } /* ONLINE MEMBERSHIP APPLICATION FORM - ADDRESS LOADER GRAPHIC */ #addressloader { visibility: hidden; position: relative; top: 4px; } #app_container { float: left; height: auto; position: relative; width: 100%;} .app_links {float: left; height: auto; padding-top: 2em; width: 39%;} .app_image { float: right; height: auto; text-align: right; width: 59%;} #submenuBreadcrumbs { display: none; } /* --------------------------------------------------------------------------------------------- */ /* MEDIA QUERIES */ @media only screen and ( max-width: 65em ) /* 1040 */ { } @media only screen and ( max-width: 64em ) /* 1024 */ { } @media only screen and ( max-width: 62.5em ) /* 1000 */ { span#spanBylineCustomHTML { top: -61px; right: -184px; } .pagecontent_members, .pagetitle_members {/*padding-left: 1.5em; width:99%;*/} #newsheadlines {width:100%; background-repeat: repeat;} #mainmenuMobile {background-image: none;} #homePage #pageInnerContent, #homePage #pageContent, #membersAreaPage #pageContent, #pageInContDir, #pagefooterDir{background-image:none; width:100%;} #membersAreaPage #layoutarea {width:100%;} #RowOne, #RowTwo, #RowThree {width:97%;} #pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb{} #pageInnerContent {background-image: none; width: 100%;} #pageContent {background-image: none; width: 100%;} #divHTMLAnnouncements2Wrapper {display: none;} #divHTMLAnnouncements1Wrapper {height: auto;} #announcements_content_dynamic {background-color: #3a6aa6; background-image: none; width:100%; height: auto;} #byline { position: absolute; z-index:30000; width:100%; top: 130px; left:0; right:0; margin-left: auto; margin-right: auto; text-align: center;} .contactdetails {width: 100%;} #header-search {float: none;margin: 0 auto; position: static; right: 0; text-align: center; margin-bottom:25px; } #header-search .input_search {padding: 0 10px 0 15px; width: calc(100% - 45px);} #header-search .button_search {} /*MAIN NAVIGATION - TOP MENU*/ #mainmenu {position: relative; top: auto;left: auto; margin:0 0 20px; width:100%; display:block; display:none;} #mainmenu > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #003366; position: relative;} #mainmenu > a:before,#mainmenu > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';} #mainmenu li ul a { font-size: 0.95em; line-height: 1.25em; padding: 1em;} #mainmenu > a:after {top: 60%;} #mainmenu:not( :target ) > a:first-of-type,#mainmenu:target > a:last-of-type {display: block;} /* first level */ #mainmenu > ul {height: auto; display: none; /*position: absolute;*/ left: 0;right: 0;} #mainmenu:target > ul {display: block;} #mainmenu > ul > li {width: 100%;float: none;} #mainmenu > ul > li > a {height: auto;text-align: left; padding: .7em; /* 20 (24) */} #mainmenu > ul > li > ul > li > a:hover {background: #a3a3a3;} #mainmenu > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #3399ff;} /* second level */ #mainmenu li ul {position: static;/* padding: 1.25em; 20 */padding-top: 0;} /*MAIN NAVIGATION - TOP MENU*/ #mainmenuMobile {position: relative; top: auto;left: auto; margin:0 0 20px; width:100%; display:block; z-index: 80000;} #mainmenuMobile > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #003366; position: relative;} #mainmenuMobile > a:before,#mainmenuMobile > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';} #mainmenuMobile li ul a { font-size: 0.95em; line-height: 1.25em; padding: 1em;} #mainmenuMobile > a:after {top: 60%;} #mainmenuMobile:not( :target ) > a:first-of-type,#mainmenuMobile:target > a:last-of-type {display: block;} /* first level */ #mainmenuMobile > ul {height: auto; display: none; /*position: absolute;*/ left: 0;right: 0;} #mainmenuMobile:target > ul {display: block;} #mainmenuMobile > ul > li {width: 100%;float: none;} #mainmenuMobile > ul > li > a {height: auto;text-align: left; padding: .7em; /* 20 (24) */} #mainmenuMobile > ul > li > ul > li > a:hover {background: #3399ff;} #mainmenuMobile > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #486c90;} /* second level */ #mainmenuMobile li ul {position: static;/* padding: 1.25em; 20 */padding-top: 0;} /*MEMBERAREA NAVIGATION - TOP MENU*/ #membermenu {position: relative; top: auto;left: auto; margin:0 0 20px; width:100%;} #membermenu > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #003366; position: relative;} #membermenu > a:before,#membermenu > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';} #membermenu li ul a { font-size: 0.95em; line-height: 1.25em; padding: 1em;} #membermenu > a:after {top: 60%;} #membermenu:not( :target ) > a:first-of-type,#membermenu:target > a:last-of-type {display: block;} /* first level */ #membermenu > ul {height: auto; display: none; /*position: absolute;*/ left: 0;right: 0;} #membermenu:target > ul {display: block;} #membermenu > ul > li {width: 100%;float: none;} #membermenu > ul > li > a {height: auto;text-align: left; padding: .7em; /* 20 (24) */} #membermenu > ul > li > ul > li > a:hover {background: #a3a3a3;} #membermenu > ul > li:not( :last-child ) > a {border-right: none;} /* second level */ #membermenu li ul {position: static;/* padding: 1.25em; 20 */padding-top: 0;} #divHTMLAnnouncements1Wrapper { width: 100%; height:auto; margin-left:0;} #divHTMLAnnouncements2Wrapper { width: 100%; padding:0 10px;} #fscs { padding-top: 2%; width:100%; box-sizing:content-box; padding-bottom: 2%; padding-right: 0;} #announcements_content_dynamic h2 {font-size:1.5em;} html {font-size: 100%; /* 12 */} #layoutarea { float:none; background:none;} #memberscontentarea { float: right; margin-right: 0; margin-top: 0; position: relative; width: 100%;} #divSpotlightsWrapper {width:100%;} /*body, #main {background:none;}*/ #pageContent {} #divLoginAreaWrapper {z-index:50000; position: relative;} #loginarea { float: none; padding-bottom: 5px; text-align: center; width: 100%; position:relative; right:0; float:left;} /*#loginarea img{width: 90%;}*/ #header-suggestion {width: 50%;} #header-sitemap { float: none; width: auto; background: #003366;} /*#loginarea img {width:300px;}*/ #submenu_members { width: 100%; margin-left: 0px;} #sidebar, homePage #modulelinks{ padding: 0 0 10px; width: 49%;} #sidebar, #submenu {width:30%; float:left; padding-bottom: 10px; margin-left:15px;} #submenu {margin-bottom:0px;} #modulelinks {width:100%;} homePage #newsheadlines {margin-top:0; width:49%;} contentPage #newsheadlines {margin-top:0; width:49%;} #membersAreaPage #masthead .area_title {width: 100%; display:none;} #footerDetails {margin-bottom:0px; text-align: left;} #pagefooterOuterPublic, #pagefooterOuterIndex, #pagefooterOuterOther {margin-top:10px; background:none!important;} #masthead {float: none;padding-bottom:0px;} #facilities {position: absolute; padding:0; margin:0 ; line-height: 220%;top:0; right:0; text-align: center; width: 100%; background-color: #003366; background-image: none; } #facilities .divider { background: #003366;} #facilities a {color: white;} #facilities #helpmenu {display:none;} #facilities a:hover { border-bottom: none; background: #3399ff; color:white; text-decoration:none;} #header-help{width: 49%; float: right; padding:0; margin:0; } #header-suggestion {width: 45%; float: right; padding:0; margin:0;} #pageInContDir #layoutarea, #directorsAreaPage #layoutarea, #membersAreaPage #layoutarea { margin: 0px auto 0;} #onlineNewsletterForm input.button_submit {width: 100px;} body#membersAreaPage #masthead {margin-bottom:0; height:160px;} #byline_members {top:190px;} #officeAreaPage #masthead .logo { padding: 2em 0 2em;} #membersAreaPage #masthead .logo {float: left; padding: 1em 0 0;} #masthead .logo #img_masthead {float: none; margin: 0 auto; padding: 0em 0em 0em 0; text-align: center; padding-right:0;} #submenu ul { /*padding-left: 25px;*/} #newsheadlines img {display:none;} #masthead #announcements {bottom: -1.3em; font-size: 1.1em; margin: 0 auto; position: relative; text-align: center; display:none; } #facilities #helpmenu {display:none;} #facilities a:hover { border-bottom: none; background: #333333;} #header-sitemap { width: 33.5%;} #divSearchFormInput {width:100%;} input, select {height:26px;} input.button_submit {background: #4db749; border: medium none; color: white; height: auto; padding: 8px 10px; font-size: 1.1em; font-weight:bold; /* border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);*/} input.button_submit:hover {background:#3ea83a;} input.button_cancel {background: #ee4646; border: medium none; color: white; height: auto; padding: 8px 10px; margin-right:10px; font-size: 1.1em; font-weight:bold; /*border-radius:5px; border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);*/} input.button_cancel:hover {background:#de3636;} #header-search {margin-top:0; width: 300px;} #header-search input {height: 45px;} #flashcontainer { height: auto; width: 100%; position:relative; float:left;} #flashcontainer li img {max-width:100%;} #news_content { padding: 20px 10px; box-sizing: border-box;} table.services tr {} table.services td {border-bottom: 10px solid white; display: block; float: left; width: 100%;} table.services td td {display:inline;} table.services img{display:block; float:left;} .input_normal, .input_long, .input_short, .input_shorter, .input_multiline, .input_multiLarge, .input_nosize, .input_2char, .input_3char, .input_4char, .input_invisible, .input_editor_title, .input_editor_subtitle { padding:0px 5px;} html {font-size: 100%; /* 12 */} #layoutarea { padding: 0 10px; box-sizing:border-box; width:100%;} #layoutDivide {float: none;} #modulelinks {background-repeat: repeat;} body#homePage #submenu, #sidebar, body#homePage #divQuickLinksWrapper{ margin-left: 0; padding: 0; width: 100%; margin-top:-220px;} body#homePage #divQuickLinksWrapper {margin-bottom:05.em;} #submenu, #sidebar, #divQuickLinksWrapper, #submenuCalculator{ margin-left: 0; padding: 0; width: 100%; margin-top:0px; margin-bottom:20px;} #submenuCalculator {background-image: none; padding-top:0;} #sidebar {margin-bottom:0;} #modulelinks_contentpage, #newsheadlines_contentpage {padding-bottom:20px; width: 100%; margin-left:0; } #submenu .title_subsections {margin-bottom: 0.5em;} #sidebar {margin-top:0;} #divNewsHeadlinesWrapper {height: 100%; /*min-height: 270px;*/ width: 100%;} #newsheadlines {height:auto; margin-left:0; } #spotlight1, #spotlight2, #spotlight3, #spotlight4 { background-image: none; width:100%; padding-right:0; box-sizing:border-box;} #spotlight1, #spotlight2, #spotlight3 {margin:2% 0 2%;} .spotlight_title {padding:10px; position: relative; } .spotlight_container {width:100%; height: auto; margin-left:0;} .spotlight_text { min-height: 120px; position: relative; height: auto; padding-bottom: 20px; width:100%;} .spotlight_image_upload { box-sizing: border-box; float: left; right:0; margin-right: 10px; padding: 10px 10px 10px 0; } .spotlight_link { margin-left: 10px; text-align: left;background-image: none;position:relative; width:95%;} .spotlight_link a { padding-right:12px; background: url(../../templates/current/images/link_arrow_green.png) no-repeat; background-position: right 1px;} #pagefooterIndex, #pagefooterPublic, #pagefooterOther {float:left; height:auto; width:100%; padding:0;} #footerDetails { margin-left:10px; margin-bottom:0px; text-align: left; padding: 20px 10px 5px; box-sizing:border-box; width:95%; float:left;} #footerDetails ul {left:10px; top:0;} #contentarea {width:100%; float:none;} #fsrnTextAlternative {margin-left:20px;} #newsheadlines img {display:none;} #masthead #announcements {bottom: -1.3em; font-size: 1.1em; margin: 0 auto; position: relative; text-align: center; display:none;} #divSearchFormInput {width:100%;} input, select {height:26px;} #header-search input {height: 45px;} #flashcontainer { height: auto; width: 100%; position:relative; float:left; margin-left:0;} #flashcontainer li img {max-width:100%;} #news_content {} table.services tr {background:#ccc;} table.services td {background: none repeat scroll 0 0 #ccc; border-bottom: 10px solid white; display: block; float: left; width: 100%;} table.services td td {display:inline;} table.services img{display:block; float:left;} /*#header-search { text-align: center; width: 100%;}*/ /*#SocialNet { float: right; position: absolute; right: 70px; top: 50px; width: 130px; }*/ #SocialNet { float: right; position: absolute; right: 70px; top: 40px; width: 450px; margin-left: auto; margin-right:auto; left: 0; right: 0; } #directorscontentarea { float: right; margin-right: 0; margin-top: 0; position: relative; width: 100%; } #adminmenu {width:100%; margin: 5px 0 0 0;} #membersAreaPage #masthead .area_title, #officeAreaPage #masthead .area_title, #directorsAreaPage #masthead .area_title {display:none;} .ProgressLogo {display:none;} .Secondline {font-size: 24px; line-height: 28px;} #masthead {background-color: #eef4f8; background-image: none; height:159px;} #masthead .logo { float: left; padding: 2.5em 0 2em; text-align: center; width: 100%; margin:0 auto; background: #eef4f8;} h4.h4quicklinks, h4.h4newsheadlines, #submenu .title_subsections { /*font-size: 1.6em;*/} #submenu a, #modulelinks_contentpage a, #modulelinks a {/*font-size:1.2em;*/ line-height:1.6em;} #news_content {font-size:1.2em; line-height:1.4em;} #announcements_content_dynamic a {padding-top:2.5%; padding-bottom: 1%;} #announcements_content_dynamic a {padding-left:20px;} } @media only screen and ( max-width: 50em ) /* 800 */ { td.membership_table { font-size: 0.9em;} input#term {width: 90%; bottom:0.5em; vertical-align:top;} input#amount {width: 90%; bottom:0.5em; vertical-align:top;} .Firstline { float: left; padding-right: 7px; width: auto; margin-top:2%; } #facilities {padding:0;} #announcements_content_dynamic h2 {margin-top:1.5%;} } @media only screen and ( max-width: 48em ) /* 768 */ { #fsrnTextOff {width:100%; float:left;} #pagefooterIndex, #pagefooterPublic, #pagefooterOther {padding:0;} #divHTMLAnnouncements2Wrapper {padding:5px 20px; margin-bottom: 30px;} } @media only screen and ( max-width: 45em ) /* 720 */ { #RowOneBoxOne, #RowOneBoxTwo, #RowTwoBoxOne, #RowTwoBoxTwo, #RowThreeBoxOne, #RowThreeBoxTwo { border-bottom: 1px solid #97afbe; margin-bottom: 10px; position: relative; float: left; width: 100%; height:auto; padding: 10px; z-index: 10; } #RowOneBoxOne li, #RowOneBoxTwo li, #RowTwoBoxOne li, #RowTwoBoxTwo li, #RowThreeBoxOne li, #RowThreeBoxTwo li {line-height: 2em;} input#term {width: 89%;} input#amount {width: 89%;} #fscs { padding-right:20%; width: 80%;} .Firstline { float: none; padding-right: 0px; width: auto; line-height:18px; } } @media only screen and ( max-width: 40em ) /* 640 */ { #pagefooterOther p { margin-left: 0px;} input#term {width: 88%;} input#amount {width: 88%;} div .services_left {width: 100%; } div .services_right {width: 100%;} /*#SocialNet { float: none; left: 17px; margin: 0 auto; position: relative; top: 137px; width: 130px; display:none;}*/ #SocialNet { float: none; left: -37px; margin: 0 auto; position: relative; top: 50px; width: 130px;} #membersAreaPage #SocialNet {top:120px;} #divPrivacyTermsLinksWrapper {background:none; position:relative; background-color:#3399ff;} #divTermsFooterLink { background: none repeat scroll 0 0 #3399ff; float: right; padding: 0; position: relative; text-align: center; width: 48%;} #divPrivacyFooterLink { background: none repeat scroll 0 0 #3399ff; float: left; padding: 0; position: relative; text-align: center; width: 48%; } #divTermsFooterLink , #divPrivacyFooterLink {left:0; right:0;} #divTermsFooterLink a, #divPrivacyFooterLink a {text-align:center; color: white; font-size: 0.9em; text-decoration:none; padding:10px 0; display:block;} #divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover {background:#003366; color:white;} #pagefooterOther img#footer-cu-logo {border-right: medium none; float: none; margin: 0 auto; text-align: center;} #pagefooterOther #footerDetails {width: 100%; border-right:none; text-align: center;} #footerDetails li {float:none;} } @media only screen and ( max-width: 37.5em ) /* 600 */ { /*SEARCH BAR - MASTHEAD */ input#term {width: 87%;} input#amount {width: 87%;} .input_nosize {width: 45%;} #footerDetails {width: 100%; border-right:none; text-align: center;} #pagefooterAlternative {} #footerDetails ul {position:relative; top:0; left: auto;} #footerDetails li {display:block;} #pagefooterAlternative {float:none; position:static; padding-left:0} #pagefooterAlternative #fsrnTextAlternative{ width:100%; position:relative; float: left;box-sizing: border-box; color: rgba(255, 255, 255, 1); float: none; font-size: 11px; line-height: 18px; margin: 0 auto; padding: 10px 20px 15px; text-align: center;} #announcements_content_dynamic a { padding: 3% 35px 2.5% 10px;} } @media only screen and ( max-width: 35.5em ) /* 568 */ { input#term { width: 86%;} input#amount { width: 86%;} #AlertPanelPIN { margin-top: 0; padding: 5px; text-align: left; margin-top: 0px; position:relative; right: 0px; text-align: left; width: auto;} #AlertPanelMemNo { margin-top: 0; padding: 5px; text-align: left; margin-top: 0px; position:relative; right: 0px; text-align: left; width: auto; } #submenu, #sidebar, #divQuickLinksWrapper {width:100%; margin-top:0; margin-left:0;} #divHTMLAnnouncements1Wrapper {width: 100%; margin-left:0;} #divHTMLAnnouncements2Wrapper { width: 100%; margin-left:0;} body#homePage #submenu, #sidebar, body#homePage #divQuickLinksWrapper { margin-left: 0; margin-top: 0px; padding: 0; width: 100%; } .Firstline { float: left; padding-right: 7px; width: auto; margin-top:2%; } .Secondline {font-size:22px; margin-top:1.5%;} #fscs {width:65%;} /*#RowOneBoxOne, #RowTwoBoxOne { float:left; height: 155px; width: 100%; background-position: right; margin-bottom:30px; box-sizing: border-box;} #RowOneBoxTwo, #RowTwoBoxTwo { float:left; height: 155px; width: 100%; background-position: right; margin-bottom:30px; box-sizing: border-box;}*/ #LinkBtn {bottom:-0.5em;} } @media only screen and ( max-width: 32.5em ) /* 520 */ { span#spanBylineCustomHTML { position: relative; top: -91px; right: -134px; } #SocialNet { float: none; left: -57px; margin: 0 auto; position: relative; top: 30px; width: 130px;} #membersAreaPage #byline {display: none;} /*#byline { position: absolute; z-index:30000; width:100%; top: 190px; left:0; right:0; margin-left: auto; margin-right: auto; text-align: center;}*/ #byline{ top:160px;} #byline .contactdetails {padding-left:0;} .contactdetails {width: 100%;} select#intrateDDL {margin-left:0px; width:97%;} #searchPage td {display: block; } #searchPage td:nth-child(2) {display: none;} #searchPage td:nth-child(3) {padding-left: 50px;} td.emptycell {display:none !important;} #searchPage td:nth-child(1) {} input#term {box-sizing: border-box; margin: 0 auto; text-align: center; width: 100%; height: 1.6em; } input#amount {box-sizing: border-box; margin: 0 auto; text-align: center; width: 100%; height: 1.6em; } .informationalLoanCal {font-size:12px;} #divCustomFooterLinks {width: 100%; border-right:none;} #masthead .logo #img_masthead {display:none;} #masthead .logo #img_mastheadMobile { width:229px; display: block; margin: 0 auto; padding: 0em 0; padding-right:5px;} .directors_sidebar {float:left; width:100%;} .directors_content {width:100%; margin-bottom:20px;} .logButtin {margin-top:30px;} input#apr {text-align: center;} span#spanWeekHome, span#span2WeeksHome, span#span4WeeksHome, span#spanMonthHome, span#spanMonthTotalHome, span#spanWeekTotalHome, span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanMonthTotal, span#spanWeekTotal, span#span2WeeksTotal, span#spanWeekTotalInterest, span#span2WeeksTotalInterest, span#spanMonthTotalInterest, ul#sliderValuesList li{ text-align: center; width: 100%; font-size: 15px; padding-top:10px; } #spanMonthTotalInterest {margin-top:10px;} input#paymentSliderWeeklyHome, input#paymentSlider2WeeksHome, input#paymentSlider4WeeksHome, input#paymentSliderMonthlyHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome, input#paymentSliderTotalWeeklyHome, input#paymentSliderWeekly, input#paymentSlider2Weeks, input#paymentSlider4Weeks, input#paymentSliderMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly, input#paymentSliderTotalWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotal2Weeks, input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterestMonthly { font-size: 22px; text-align: center; width: 100%; padding:5px 0; } #bankingPinConfirm {background-image:none; background-color: #eee; padding-bottom:20px;} #bankingPinConfirm h1 {font-size:20px;} #fscs {margin-top: 0; padding-top: 0; width: 80%;} #announcements_content_dynamic h2 {} } @media only screen and ( max-width: 30em ) /* 480 */ { /*SEARCH BAR - MASTHEAD */ /*#header-search {margin-top:0; right:0; float:none; width:100%;} #header-search .input_search {margin-left: 90px; padding: 0 8px; width: 50%;} #header-search .button_search {right:90px; position: absolute;}*/ #fscs {box-sizing: content-box; padding-right: 30%; width: 70%;} @media only screen and ( max-width: 25em ) /* 400 */ { /*SEARCH BAR - MASTHEAD #header-search {margin-top:0; right:0; float:none; width:100%;} #header-search .input_search {margin-left: 50px; padding: 0 8px; width: 60%;} #header-search .button_search {right:50px; position: absolute;}*/ #membersAreaPage .tablegrid td { font-size: 0.7em; padding: 2%;} #divNewsHeadlinesWrapper {min-height:300px;} #bankingPinConfirm .insertRandomPin3 { margin-bottom: 10px; width: 100%;} #bankingPinConfirm h1 {font-size:13px;} .informational {letter-spacing:normal;} #onlineNewsletterForm input.button_submit { margin-left: 0px; width:65%;} #news_content { min-height: 170px;} .spotlight_image_upload {box-sizing: border-box; float: none; padding: 0px; width: 100%;} .spotlight_image_upload img {} .spotlight_text {min-height:100%;} #announcements_content_dynamic a { padding: 3% 35px 3% 10px; } .spotlight_container {min-height:100%;} } @media only screen and ( max-width: 22.5em ) /* 360 */ { /*SEARCH BAR - MASTHEAD #header-search {margin-top:0; right:0; float:none; width:100%;} #header-search .input_search {margin-left: 30px; padding: 0 8px; width: 66.5%;} #header-search .button_search {right:30px; position: absolute;}*/ ul#homepagejQueryImages {display:none!important;} .tableform li, .tableform a, .tableform p, .e-tableform li, .e-tableform a, .e-tableform p {font-size:12px;} .tableform img {margin-right:5px;} .tableform tbody td, .e-tableform tbody td {font-size:12px;} #membersAreaPage .tabletitle {font-size:13px;} #membersAreaPage p, .directors_content p {font-size:12px;} #fscs { padding-right: 38%; width: 62%;} .Secondline { font-size: 20px; line-height: normal;} #divHTMLAnnouncements2Wrapper {padding: 0 10px;} #announcements_content_dynamic h2 {font-size: 1.3em; line-height: normal;} /*#loginarea img, #header-search { width: calc(98% - 40px);}*/ .spotlight_link a {padding:7px 10px; font-size:14px;} } @media only screen and ( max-width: 20em ) /* 320 */ { /*SEARCH BAR - MASTHEAD #header-search {margin-top:0; right:0; float:none; width:100%;} #header-search .input_search {margin-left: 10px; padding: 0 8px; width: 75%;} #header-search .button_search {right:10px; position: absolute;}*/ #byline{top:195px;} .input_short {width: 6.5em;} #spotlight1, #spotlight2, #spotlight3, #spotlight4 {margin:0 0 6% 0;} .Secondline { font-size: 19px; line-height: normal;} #announcements_content_dynamic a { padding: 4% 35px 4% 10px;} #masthead .logo #img_mastheadMobile {width: 95%;} }