/* -------------------- WARNING! Copyright Progress Systems Limited. Explicit permission is requi#5085a1 to copy or use any documents from this website -------------------- -------------------- TEMPLATE: PERCEPTION -------------------- GENERAL PRINCIPLES -------------------- 1. use margin:auto to horizontally center a div inside another div for mozilla 2. place page-wide styles (e.g. button styles) at the top of the CSS document or their properties are overwritten further down the page. 3. specify a width for layers that fade using DHTML, otherwise they don't fade gradually. 4. to position child layers, specify "relative" for the parent layer, and "absolute" for the child layers 5. the dynamic height of absolute layers is igno#5085a1, so subsequent layers will often position behind the absolute layer --------------------------------------------------------------------- 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 . --------------------------------------------------------------------- */ @import "https://fonts.googleapis.com/css?family=Raleway:400,500,600"; @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro); @import 'https://fonts.googleapis.com/css?family=Pragati+Narrow'; @font-face { font-family: 'arial-black'; src: local('Arial Black'); } #pp_full_res iframe { overflow: auto !important; } /* HTML TAG RE-DEFINITIONS */ html {font-size:1em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-height:100%; position:relative; /* Prevent font scaling in landscape */} body{ font-family: Verdana, Arial, sans-serif; font-size: .9em; color:#333333; height:100%; background: #f5f8fc; line-height:140%; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */} body.noscroll { position: fixed; overflow-y: auto; width: 100%; } * {margin:0; padding:0; } /* GENERAL LIST */ ul {} li {font-size: 1em;} /* GENERAL LINKS */ a {color: #1796e5; text-decoration:none; } a:hover, a:focus {text-decoration:none; outline: none;} a.tips:hover {color: #faaf24;} /* OTHER USEFUL ELEMENTS & CLASSES */ hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dashed #dfe4eb; border-bottom: 1px dotted #FFFFFF; display:none; } strong {font-weight:bold; } iframe {border: 1px dotted #dfe4eb; width:100%; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#333333; } iframe.spotlightnew {border: 1px dotted #dfe4eb; width: 200px; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#333333; height: 100px; } img {border: none; outline: none; max-width: 100%; height: auto; } table.tablegrid a img {margin-right: 5px;} div.ProgressLogo a img {width: 70px; image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome */ -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */} p {margin-bottom: 10px; font-size: 1em; } acronym {cursor: help; border-bottom: 1px dotted #dfe4eb; } font, td {font-size: 1em; } table.membership {margin-bottom:0px; margin-top: 10px;} table.membership td {background: #5085a1; color: white; font-weight: bold; padding: 3px 10px;} td.membership_table {background: #f1f5fa; border-top: 2px solid #5085a1; float: left; font-size: 0.9em; margin: 0 0 10px; padding: 15px 10px 10px;} td.membership_table img:not(.imgDocIcon) {width:130px;} td.membership {color:#ffffff; padding:3px; } em, small {color: #333333; } small a {color: #3E8dfe4eb; font-size:11px; } small a:hover {color:darkOrange; } tr#TemplateRow1 {display: none; } img#footer-cu-logo { background: url(../../templates/current/images/logo_footer.png) no-repeat scroll left center; border-right: 1px solid rgba(255, 255, 255, 0.5); float: left; font-size: 0; line-height: 0; overflow: hidden; padding-right: 10px; text-indent: -9999px; width:145px; height: 60px;} .pagetitle_image {display:none;} .pagetitleSectionSpan {display:none;} #byline_members { box-sizing: border-box; color: white; float: right; padding: 0 10px; position: absolute; right: 25px; top: 140px; width: 100%; display:none;} #byline {position: absolute; top:65px; left: 274px; text-align: left; border-left:1px solid #0069aa; padding-left:26px;} span#spanBylineEmail {display: block;} .contactdetails { width: auto; float: left; color: #0069aa; font-family: 'Open Sans', sans-serif; font-size: 1.1em; } .contactdetails a {color:white;} .currentdate { float: right; text-align: right; width: 50%;color: white; } .contactdetails p {} #submenu_latest {display:none;} #newsArticleFacebookDiv, #newsArticleTwitterDiv, #newsArticlePrintDiv {display: inline; margin: 0 10px 80px 0; position: relative; width: 70px; height:30px;} .newsArticlePageDateDiv {font-family:Georgia; font-size:14px; font-style:italic; line-height: 30px; padding: 10px 0 0;} #spanNewsPageTitle {display:none;} .newsArticleTextContentDiv {border-bottom: 1px dashed #ccc; margin-bottom: 20px; padding-bottom: 10px;} #newsArticlePageTitleDiv {border-bottom: medium none; color: #333333; font-size: 1.3em; font-weight: bold; padding-bottom: 10px; padding-top: 10px;} #newsArticleReadMoreLinkDiv {margin-top:10px;} #fscs {float: left;padding-right: 37%; width: 66%;} .Firstline {color: white; display: none; font-size: 21px; line-height: 17px; margin-bottom: 0;} .Secondline {color: white; font-size: 20px; line-height: 22px; margin-bottom: 0; padding-bottom: 1px;} .Thirdline {color: white; font-size: 12px; line-height: 14px; margin-bottom: 0;} .imgDocIcon { vertical-align: text-bottom; width: 18px; margin-right:5px; } .spanDocDownloadSize {color: #bbb; font-size: 0.8em; font-style: italic;} table.estatements {} table.estatements td {background:white;} table.estatements td img {max-width:300px; width:100%;} body.onlinebanking_estatements table td {background-color: #ffffff;} body.services_prizedraw table td {background-color: transparent;} td.formDownload { background-color: #dfe4eb !important; font-weight: bold; } /* SITEMAP PAGE */ #searchPage table {width:100%;} #searchPage td {font-size: 1em; padding: 5px 0;} #searchPage td:nth-child(1) { font-weight: bold;} #searchPage .tablegrid td { width: 0.5px; padding-left: 5px;} #searchPage td img {vertical-align: middle!important;} #searchPage td:last-child img { padding-left: 5px; width: 18px; } #searchPage .input_short { border: 1px solid #999; color: #555; float: left; font-family: Arial,Verdana,Geneva,sans-serif; font-size: 1em; height: 30px; margin-right: -1px;padding: 0 8px; width: 72%;} #searchPage input.button_submit { font-size: 1em; background-image: url(../../templates/current/images/sitemap_search_btn.gif); background-repeat: no-repeat; background-color: #19c561; border: medium none; font-size: 0; height: 32px; line-height: 0; overflow: hidden; text-indent: -9999px; width: 32px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);} #divSliderLoanCalculatorWrapper {} .line1 {color:#666; font-size:14px;} .line2 {color:#666; font-size: 0.9em;} img.button {position:relative; right:-7px;} #mainarea, #membersmainarea {} #membersmainarea {width:100%;} #divSliderCalcLoanTypeText {margin-bottom:10px;} div .services_left {float: left; width: 48.5%; margin-right:1em; margin-bottom: 15px;} div .services_right {float: left; width: 48.5%; margin-right:0; margin-bottom: 15px;} div .services_left img, div .services_right img {padding-right: 10px; width: 117px;} div .services_left h2, div .services_right h2 {border-bottom: medium none; margin-bottom: 0; margin-top: 0; padding-bottom: 0; } div .services_left p, div .services_right p {font-size: 0.9em; line-height: 1.3em; margin-bottom: 0; padding: 10px 10px 0;} div a .services_left , div a .services_right {color: #333333;} #submenuBreadcrumbs {display:none;} #onlineNewsletterForm { padding:10px;} #onlineNewsletterForm input {margin:8px 0; width: 60%;} #onlineNewsletterForm input.button_submit { font-size: 13px; margin-left: 12px; padding: 5px; width: 30%;} .newsArticleImageSpan {top:0; float: right; position: relative; width: 100px; } #homePage .newsArticleImageSpan { display: block; float: right; position: relative; top: 35px; width: 100px; } .newsArticleImageLargeSpan {float: left; margin-bottom: 30px; width: 100%;} .app_links { float: left; height: auto; padding-top: 2em; width: 50%; } .app_image { float: right; height: auto; text-align: right; width: 50% } #app_container { float: left; height: auto; position: relative; width: 100%; } /* HEADINGS */ h1 {font-size: 1.3em; font-weight: bold; padding-bottom: 5px; } h2 {border-bottom: 1px dotted #9dbdd1; color: #333333; font-size: 1.25em; line-height: 20px; margin-bottom: 10px; margin-top: 0px; padding-bottom: 5px; } h3 {font-size: 1.1em; padding-bottom: 10px; } .membership_membership #divContentPageContentWrapper h3 {background: url(../../templates/current/images/bullet_point.png) no-repeat; background-size: 18px auto; background-position: 0 1px; padding-left: 25px;} h4 {font-size: 1em; font-weight: bold;color: #333333; padding-bottom: 7px; } #homePage h4.h4quicklinks, h4.h4newsheadlines {background: url(../../templates/current/images/quick_links_bgr.gif) no-repeat; color: #0069aa; /*#bea64b*/ font: normal 1.3em Verdana,Helvetica,sans-serif; padding: 15px 10px 15px 60px; background-size:59px 59px; display:none;} h4.h4newsheadlines {background: url(../../templates/current/images/news_bgr.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:50px auto; display:block; } h4.h4newsheadlines:after { content: ''; width: 80%; position: absolute; left: 60px; top: 40px; border-width: 0 0 1px; border-style: solid; border-color: #ec802a; } h4.h4quicklinks {background: url(../../templates/current/images/quicklinks_bgr.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:1170px auto; display:block; color: #0069aa; font: normal 1.3em Verdana,Helvetica,sans-serif; padding: 15px 10px 15px 60px;} h5 {font-size: 12px; font-weight: bold; color: #ff9900; padding-bottom: 15px; } h6 {font-size: 10px; font-weight: bold; padding-bottom: 15px; } /* COMMONLY USED CLASSES */ .required {font-size: 11px; font-weight: bold;color: #CC0000; } .informational {color: #93a9bd; float: left; font-size: 11px; letter-spacing: 0.5px; line-height: 30px; margin-bottom: 5px; width: 100%; } .largeFont {font-size:14px; font-weight: bold; color:#3E8dfe4eb; } .lighttext {color: #999999; } .smallfont{color: #999999; font-size: 9px; line-height: normal; position: relative; top: 7px; } #onlineform-table-13-0 .smallfont {top:0;} small {font-size:11px; } small a{font-size:11px; } .SmallGreenText { font-size: 18px; color: #5aaa0c; font-style: italic; } /*BIC AND IBAN*/ #divBICName, #divBICValue { line-height: 180%; position: relative; float: left; clear: both; font-weight: bold; font-size:1.2em; color: #c76f08; width:auto; display: inline; border:1px dotted #c76f08; padding:3px; margin-bottom:0.5em;} #divBICWrapper, #divSavingsWrapper {position:relative; float: left; width:100%; } tr#rowSavings1 {} #tableBICIBANLoans td:nth-child(1), #tableBICIBANSavings td:nth-child(1) {font-weight: bold;} .tableform td, .e-tableform td {} tr#rowSavings1 td, tr#rowSavings3 td, tr#rowSavings5 td, tr#rowSavings7 td, tr#rowSavings9 td, tr#rowLoans1 td{ background-color:#ebe9e9 !important;} /* FORM FIELDS */ input,select {} input[name="DOB"]:disabled, input[type="password"]:disabled { background-color: #c4cfdd !important; border:1px solid #adbdd0 !important;} .input_2char.PinDigitNotRequired {background: rgba(0, 0, 0, 0.05) url(../../templates/current/images/pinNotRequired.png) no-repeat scroll center center / 17px auto !important;} /* COMMOM CSS ENDS ---------------- /* LOAN CALCULATOR PAGE */ /* UnComment the 3 lines below, to swap Methods A and B */ /* #methodTwoTable { position: relative; top: -230px; } #methodOneTable { position: relative; top: 230px; } */ .informationalLoanCal { font-size: .5em color: #699; position:relative;float:left; padding-top: 50px;} /* ECCU INSURANCE TABLE */ #onlineform-table-54-47 tr td { width: 50%; } /* MAIN OUTER CONTAINER LAYER */ #main {text-align: center; width:100%; background-image: url(../../templates/current/images/main_tile.jpg); background-repeat: repeat-x; background-position: 0 0; float:left;} #homePage #main {text-align: center; width:100%; background-image: url(../../templates/current/images/main_tile.jpg), url(../../templates/current/images/spotlightWrapper_bgr.jpg); background-repeat: repeat-x, repeat-x; background-position: 0 0, 0px 590px; float:left; } /* PAGE CONTENT LAYER */ #pageContent{ border-bottom: medium none; height: 100%; margin: auto; max-width: 1172px; padding-bottom: 0; position: relative; text-align: left;} html>body #pageContent{} /*PAGE INNER CONTENT *//* THIS IS USED IN ORDER TO EXTEND THE BACKGROUND COLOUR THE HEIGHT OF THE PAGE FOR ALL BROWZERS ACCEPT IE */ #pageInnerContent { float: left; height: 100%; margin-left: auto; margin-right: auto; position: relative; width: 100%;} #pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden; } /* 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 { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; 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 { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; 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 #b3b3b3; float: left; height: 100%; position: absolute; width: 100%;} #OBLoaderWrapper3 img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 100;} /* MASTHEAD FACILITIES*/ #facilities { box-sizing: border-box; float: right; opacity: 1; position: absolute; right: 0; top: 0; width: 280px; z-index: 100;} #facilities ul { margin: 0; padding: 1px; } #facilities li { display: block; float: right; padding-left: 2px; padding-right: 4px; } #facilities a { color: #fff; display: block; font-family: verdana; font-size: 0.75em; font-weight: normal; line-height: 3em; text-align: center; text-decoration: none; vertical-align: bottom; } #facilities a:hover { color: #fff; text-decoration: underline; } #facilities #helpmenu { background-image: url(../../templates/current/images/help_bgr.png); float: none; height: 167px; position: absolute; right: 15px; text-align: left; top: 35px; visibility: hidden; z-index: 1000; } #facilities #helpmenu ul { float: left; margin-top: 5px; width: 158px; } #facilities #helpmenu li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: list-item; list-style: none outside none; padding-left: 0; padding-right: 0; text-align: left; width: 158px; } #facilities #helpmenu a { color: #ffffff; font-family: Arial; font-size: 11px; font-weight: normal; line-height: 20px; padding-left: 5px; text-align: left; width: 100%; } #facilities #helpmenu li:hover { background: #a9b2bc; padding-left: 0; padding-right: 0; } #facilities #helpmenu a:hover { border-bottom: 0 none; text-decoration: none; } #header-sitemap { float: right; width: 33%; } #header-search { float: right; height: 38px; overflow: hidden; position: relative; right: 30%; top: 48px; width: 243px; border-radius: 50px; -webkit-border-radius:50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; behavior: url(templates/current/PIE.htc);} #header-search .input_search { background: #ffffff none repeat scroll 0 0; border: medium none; box-sizing: border-box; color: #3b3b3b; float: left; font-size: 1em; font-style: italic; margin-right: -1px; padding: 10px 15px; width: 200px; height:38px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); } #header-search .button_search { background-image: url(../../templates/current/images/search_ic.png); background-position: left center; background-repeat: no-repeat; background-size: 33px auto; background-color: #ffffff; border: medium none; font-size: 0; height: 38px; line-height: 0; overflow: hidden; text-indent: -9999px; width: 40px; border-radius: 0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; -khtml-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; behavior: url(templates/current/PIE.htc);} #facilities .divider { width: 33%; } #header-suggestion { clear: left; float: right; padding-top: 0; width: auto; } #header-help { clear: right; float: right; padding-top: 0; width: auto; } /* MASTHEAD */ #masthead { background-position:left 27px; padding-bottom: 0px; position: relative; width: 100%; height: 167px; /*background:url(../../templates/current/images/masthead_bgr.jpg);}*/} body#membersAreaPage #masthead, #officeAreaPage #masthead, #directorsAreaPage #masthead {height: 200px; margin-bottom: 0px;} #masthead .logo #img_masthead { float: left; padding: 1.9em 3em 0 0; width: 250px;} #masthead .logo #img_mastheadMobile {display:none;} /*#membersAreaPage #masthead .logo, #officeAreaPage #masthead .logo, #directorsAreaPage #masthead .logo {padding:1.4em 0 0 0;}*/ #masthead #announcements { color: #fff; font-size: 1.1em;font-weight: bold; right: 340px; position: absolute; top: 80px; display:none; /* filter: alpha(opacity=0); -moz-opacity:0%; */ } #masthead #announcements a {color: #fff; font-family:Georgia; font-style:italic;} #masthead #announcements a:hover {text-decoration:underline; color:#0099FF; } #masthead .area_title { /*background-image: url(../../templates/current/images/padlock.png);*/ background-position: center 25px; background-repeat: no-repeat; color: #ffffff; float: none; font-size: 1em; font-weight: bold; margin: 2.75% 2% 0 2px; padding: 137px 0 0; text-align: center; width: 140px; background-size: 44px auto;} #membersAreaPage #masthead .area_title, #officeAreaPage #masthead .area_title, #directorsAreaPage #masthead .area_title { float: right;} /* BYLINE (TEL/FAX/DATE BAR) */ /* #byline {display:none; } */ /* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */ #layoutarea { /*margin: 0 auto; position: relative;text-align: left;*/ background:white; float: left; margin: 0 auto; padding-bottom: 10px; position: relative; text-align: left; width: 100%; } #homePage #layoutarea {background:none; padding-top:0;} #pageInContDir #layoutarea, #directorsAreaPage #layoutarea, #membersAreaPage #layoutarea {background: white none repeat scroll 0 0; float: left; margin-left: auto; margin-left: right; margin-top: 18px; padding-bottom: 0; position: relative; text-align: left; width:100%;} /* MAIN NAVIGATION MENU */ #mainmenuMobile {display:none;} #mainmenu { display: block; height: 46px; margin-left: auto; margin-right: auto; margin-bottom: 15px; width: 99.99%; border-bottom: 5px solid #ec802a; z-index: 10;} #mainmenu > a {display: none;} #mainmenu li {position: relative; list-style:none; background:#5d7585;} #mainmenu li a { font-family: Verdana, snas-serif; font-weight: bold; color: #fff;display: block;} #mainmenu li a:active {background-color: #7890a1 !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;} #mainmenu > ul > li {width: 14.2%; height: 100%;float: left;} #mainmenu > ul > li:last-child{width: 14.7%; border-right: 1px solid rgba(255, 255, 255, .2);} #mainmenu > ul > li > a { font-family: Verdana, sans-serif; font-size: 1em; font-weight: bold; height: 100%; line-height: 1em; padding: 16px 0; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase;} #mainmenu > ul > li:not( :last-child ) > a {border-right: 1px solid rgba(255, 255, 255, .2); border-left: 1px solid rgba(255, 255, 255, .2);} #mainmenu > ul > li:hover {background-color: #698496; color: #fff;} #mainmenu > ul:not( :hover ) > li.active > a {background-color:#7890a1;} /* second level */ #mainmenu li ul {display: none; position: absolute; top: 100%;} #mainmenu li ul li {background: #698496; width:auto;} #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: 0.5em;} #mainmenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #7890a1;} #mainmenu .popoutmenu {margin-left: 1px; margin-right: 1px; width: auto !important; z-index: 2;} #mainmenuMobile { float: left; margin: 0 auto 20px; position: relative; width: 100%; z-index: 10;} #mainmenuMobile > a {display: none;} #mainmenuMobile li {position: relative; list-style:none; background:#5d7585;} #mainmenuMobile li a { color: #fff;display: block;} #mainmenuMobile li a:active {background-color: #7890a1 !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 #3399ff;} #mainmenuMobile > ul > li:hover > a {background-color: #698496; color: #fff;} #mainmenuMobile > ul:not( :hover ) > li.active > a {background-color: #698496; color: #ffffff;} /* second level */ #mainmenuMobile li ul {display: none; position: absolute; top: 100%;} #mainmenuMobile li ul li {background: #5d7585;} #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: #698496;} /* FORM FIELDS */ input,select {outline: none;} input:focus,select:focus {outline: none;} input.button_submit { background: none repeat scroll 0 0 #50a36d; border: medium none; color: white; font-size: 1.1em; font-weight: normal; height: auto; font-family:"Raleway",sans-serif;; padding: 8px 20px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.1); border-radius: 20px; -webkit-border-radius:20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; behavior: url(templates/current/PIE.htc); cursor:pointer; } input.button_submit:hover {background: #65b381;} #calculatorPage input.button_submit { width: 100%; margin-bottom: 15px; background: #bdf5fc none repeat scroll 0 0; text-transform: uppercase; color: #ed802a; font-size:1.5em; font-weight: bold; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding-top: 15px; padding-bottom: 15px; } #calculatorPage select#intrateDDL { color: #666666; } body#calculatorPage input#apr, body#calculatorPage input#amount, body#calculatorPage input#term { color: #ffffff; } #calculatorPage input.button_submit:hover { background: #e7fbfe none repeat scroll 0 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } input.button_cancel { background: none repeat scroll 0 0 #c33737; border: medium none; color: white; font-size: 1.1em; font-weight: normal; height: auto; font-family:"Raleway",sans-serif;; margin-right: 10px; padding: 8px 20px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.1); border-radius: 20px; -webkit-border-radius:20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; behavior: url(templates/current/PIE.htc); cursor:pointer; } input.button_cancel:hover {background: #d34747;} input#File1 { border: 1px solid #dfe4eb; float: left; width: 100%;/*-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:80%;border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em; } .input_long {width: 23em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px;border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em; } .input_short {width: 8em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_shorter {width: 60px; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_multiline {width: 80%; height: 100px; border: 1px #999 solid;font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333;border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_multiLarge {width: 280px; height: 160px; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_nosize {width:80%; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_2char {width: 1.2em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); text-align: center; line-height: 1.3em;} .input_3char {width: 1.6em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_4char {width: 2.3em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_invisible {border: 0px solid; color: #333333; font: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; background-color: transparent; vertical-align: middle; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_editor_title {font-size:16px; color: #333333; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #999 solid; width: 300px; padding:3px 4px; display:none; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_editor_subtitle {font-size:12px; color: #333333; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #999 solid; width: 300px; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} .input_webteller {width: 120px; border: 1px #999 solid; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; color: #333333; text-align: right; padding:0px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;} #calculatorPage .input_invisible, #membersAreaPage .input_invisible {color:#ffffff;} /* LOAN CALCULATOR - CONTENT AND MEMBERS AREA*/ input#amount {color: #ffffff; font-size: 1.4em; font-weight: bold; position: relative; text-align: right; width: 88%;} input#term {color: #ffffff; font-size: 1.4em; font-weight: bold; position: relative; text-align: right; width: 88%;} select#intrateDDL {background: 0 0 #fff; border: 1px solid #999; color: #5085a1; font-weight: bold; height: 30px; margin: 10px 0 40px 30px; width: 20em;} select#intrateDDL option{color: #4A546F; font-size: 12px; font-weight: normal; padding: 3px 0 0 3px;} input#apr {border-bottom: 1px dashed #ccc; color: #ffffff; font-size: 1.5em; width: 98.5%; padding: 0px 3px 10px; font-weight: bold; float:left; margin-bottom: 0px;} #contentarea ul#sliderValuesList, #memberscontentarea ul#sliderValuesList {color: #ffffff; font-size: 1em; padding-left: 0; line-height:20px; margin-bottom:20px; width:100%; float:left;} #contentarea ul#sliderValuesList li, #memberscontentarea ul#sliderValuesList li {border-bottom: 1px dashed #ccc; font-size: 1em; list-style: none outside none; padding: 10px 0; float: left; width:100%;} input#paymentSliderWeekly, input#paymentSlider2Weeks, input#paymentSlider4Weeks, input#paymentSliderMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly {display:block; font-size: 1.35em; font-weight: bold; padding: 0; margin-top: 2px;} input#paymentSliderTotalWeekly, input#paymentSliderTotal2Weeks, input#paymentSliderTotal4Weeks input#paymentSliderTotalMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly { display:block; font-size: 1.35em; font-weight: bold;} input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotalInterest4Weeks, input#paymentSliderTotalInterestMonthly {display:block; font-size: 1.35em; font-weight: bold;} span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 33%;} span#spanWeekTotalInterest, span#span2WeeksTotalInterest, span#spanMonthTotalInterest {float: right; width: 33%; overflow:hidden;} #divSliderCalcLoanTypeText { float: left;font-size: 1.5em; font-weight: bold; margin-top: 12px; color: #97f1fc;} #sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -25px; position: relative; top: 29px;} #divSliderCalcLoanType { float: right; } /*ESTATEMENTS*/ .dropmenu_top {background: #dfe4eb none repeat scroll 0 0; box-sizing: border-box; float: left; margin-bottom: 30px; padding: 10px; width: 100%;} .dropmenu_top .input_short {margin:0 5px;} .required_green {font-weight:bold;} .pdf_download { border-top: 1px dashed #ccc; font-size: 12px; margin-top: 30px; padding-top: 10px; width: 100%;} .pdf_image {float:left; margin-top:20px;} .pdf_image img {width:130px;} #request-estatement-button {width: 197px;} /* TABLES */ table {float:left; margin-bottom: 10px;} table.resources td {padding: 3px 2px;} table.services {width:100%;} table.services td {width:25%;} .tabletitle {background: #0069aa; clear: both; color: white; font-size: 1em; font-weight: bold; padding: 5px; margin-top: 10px;} #membersAreaPage .tabletitle {background: #0069aa;} .tabletitle input {padding:5px;} .tableform, .e-tableform { border-collapse: collapse; margin-bottom: 20px; margin-top:2px; float:none; } #membersAreaPage .tableform, .e-tableform {border-top: 2px solid #0069aa; border-bottom: 5px solid #ebf4f5;} .e-tableform img {display:none;} .tableform li, .tableform a, .tableform p, .e-tableform li, .e-tableform a, .e-tableform p { font-size: 12px; } .tableform thead, .e-tableform thead { color: #666; font-size: 9px; } .tableform thead td, .e-tableform thead td, .tablefont thead td {color: #555; font-size: 1.2em; border-top: 2px solid #0069aa; } #membersAreaPage .tableform thead td, #membersAreaPage .e-tableform thead td { border-top: 2px solid #0069aa; } .tableform tbody td, .e-tableform tbody td {font-size: 0.8em; line-height: 1.3em; } .tableform tfoot, .e-tableform tfoot { color: #828277; font-size: 10px; } .tableform tfoot td, .e-tableform tfoot td { background-color:#E5E5DA; font-size: 10px; } .tableform .dayColour, .e-tableform .dayColour{ background-color:#E2E2D7; } .tableform td, .e-tableform td { padding: 5px; background-color:#ebf4f5; } .tableform table td, .e-tableform table td { border: none; padding: 0px; } .tableform tbody tr:last-child td {padding-bottom: 15px;} .tablegrid { background-color:#ebf4f5; margin-top: 0px; border-collapse: separate; border-spacing: 0px; !important margin-bottom: 20px; padding: 5px;} #membersAreaPage .tablegrid {border-top: none;} .tablegrid a { } .tablegrid thead { color: #fff; font-weight: bold; } .tablegrid thead td { background-color:#5085a1; font-family: Arial, Verdana, Geneva, sans-serif; } .tablegrid td { box-sizing: border-box;font-size: 1em; padding: 5px;} td.transactionsPrintFooter {padding:10px;} td.transactionsPrintFooter p {font-size: 11px; margin-bottom: 0; padding-top: 5px;} td.transactionsPrintFooter img {width:97px;} #membersAreaPage .tablegrid thead td { background-color: #5085a1;} #membersAreaPage .tablegrid thead td a {color:#fff;} .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; } .tablerow_working td { background-color:#DDFFFF; } .td-title {background-color: #55857e; color: #ffffff;} .td-title:after {clear:both;} .estatements_signupforestatements table td {background: transparent;} .table {margin-top:2px; border-top: 2px solid #0069aa;} .table ul { list-style-type: none; padding: 0 !important;} tr#onlineform-1-6 td {padding-bottom: 15px;} td.noPadding {padding:0;} /* DIRECTORS AREA*/ #directorscontentarea {} #dircontentareaoutercontainer {} #dircontentareainnercontainer {} #dircontentareainnercontainer .pagetitle_members {} #dircontentareainnercontainer .pagecontent_members .tableform { } #pageInContDir #contentarea {float: right; margin-top: 10px;position: relative;width: 780px;} #realFooterDirectors {} /* DIRECTOR AREA */ .directors_content {float: left; width: 65%;} .directors_content h3 { } .directors_content p { } .directors_fullwidthcontent {float: left; width: 100%;} .directors_sidebar {float: right; width: 30%; border-left: 1px dotted #DDDDDD; text-align:center;} /* TEXT CONTENT & NAVIGATION CONTAINER */ #contentarea { background-color: #ffffff; float: right; margin-right: 2%; margin-top: 10px; position: relative; width: 69%;} #contentarea .pagetitle, #memberscontentarea .pagetitle_members, #directorscontentarea .pagetitle_members {float: left; font-size: 1.6em; font-weight: bold; line-height: 1.6em; margin-bottom: 15px; padding: 0; text-align: left; width: 100%;} #contentarea .pagecontent { padding: 0px 0 40px; text-align:left; float:left; width:100%;} #securePage #contentarea .pagecontent {width:100%;} #contentarea ul {padding-left: 25px; margin-bottom: 10px; } #contentarea ol {padding-left: 25px; margin-bottom: 10px; } #contentarea li {display:list-item; padding:2px 0; } #contentarea a {text-decoration: none; } #contentarea .pagetitle_members {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#4c82ae; padding-bottom: 5px; } #contentarea .pagecontent_members, #memberscontentarea .pagecontent_members { margin-bottom: 0px; clear: both; /*min-height:300px;*/ } #contentarea .pagecontent_members h3{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 15px; } #contentarea .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px; } #contentarea .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left; } #contentarea .information_layer td {font-size: 9px; border: none; } /* TEXT CONTENT & NAVIGATION CONTAINER OFFICE AREA */ #contentareaoffice { position: relative; float: left; width: 710px; /*min-height: 300px;*/ padding-top: 5px; margin-top: 2px; margin-right: 0px; padding-right: 10px; background-color: #FFFFFF; } #contentareaoffice .pagetitle { height: 25px; text-align:left; margin-top: 10px; padding: 0px; color: #386c9d; font-size: 16px; font-weight: bold; } #contentareaoffice .pagecontent { padding: 0px; text-align:left; } #contentareaoffice ul {padding-left: 28px; margin-bottom: 10px; } #contentareaoffice ol {padding-left: 35px; margin-bottom: 10px; color: #28385C; } #contentareaoffice li {display:list-item; padding:2px 0; } #contentareaoffice a {text-decoration: none; } #contentareaoffice .pagetitle_members {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#4c82ae; padding-bottom: 5px; } #contentareaoffice .pagecontent_members { position: relative; margin-bottom: 15px; /*min-height:300px;*/ } #contentareaoffice .pagecontent_members h3{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 15px; } #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; } /*MEMBERS CONTENT & NAVIGATION CONTAINER */ #memberscontentarea, #directorscontentarea {float: right; margin-right: 2%; margin-top: 10px; position: relative; min-height: 350px; width: 68%; margin-bottom: 20px;} !important /* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/ /* DIRECTOR AREA */ .directors_content {float: left; width: 65%; } .directors_fullwidthcontent {float: left; width: 100%; } .directors_sidebar {float: right; width: 30%; border-left: none; text-align:center; } /* FLASH / ANNOUNCEMENTS / CUSTOM AREA ACTIVATED */ #flashcontainer_custom { margin-left: auto; margin-right: auto; clear: both; width: 610px; text-align: center; /*height: 225px;*/ } #flash_area { float: left;} #flash_area_custom { float: right; background-image:url(images/custom_flash.jpg); background-repeat: no-repeat; } /* FLASH / ANNOUNCEMENTS CONTAINERS */ #divHomepageImagesMobileWrapper {display:none;} #divHomepageImagesWrapper { float: left; width: 60%;} #flashcontainer {float: left; margin-bottom: 15px; position: relative; margin-right:2%; width:100%;} body#homePage .hpiSlider .ps-current { height: 347px;} ul#homepagejQueryImages { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; bottom: 0; box-sizing: border-box; overflow: hidden; padding: 17px 20px; position: absolute; width: 100%; } ul#homepagejQueryImages li { background: #ffffff none repeat scroll 0 0; border-radius: 10px; float: left; height: 16px !important; list-style: outside none none; margin-right: 5px; max-width: 16px !important; min-height: 16px !important; min-width: 16px; text-align: center; width: 16px !important; } ul#homepagejQueryImages li img { display: none; } #homepageImageTextDiv263 {position:absolute; color: black; top:0; left:0; display:none;} #homepageImageTextDiv263 h1 {font-size:2em; color: #41718a;} #homepageImageTextDiv263 h2 {} #mini_flashcontainer { display: none; } #announcements_content {display: none; margin-top: 10px; padding: 5px; background-color: #EEEEEE; border: 1px solid #DDDDDD; height: 50px; overflow: visible; width: 265px; filter: alpha(opacity=0); -moz-opacity:0%; float:right; } #announcements_content_dynamic h1 {display: none; } #announcements_content_dynamic h2 {border-bottom: medium none; color: #fff; float: left; font-family: Arial; font-size: 2.7em; font-weight: normal; line-height: 1em; margin: 0; padding-bottom: 20px; padding-left: 90px; display: none; text-align: left; text-transform: uppercase; /*background: url(../../templates/current/images/h2_tile.gif) top left repeat-x; -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/} #announcements_content_dynamic p { font-family: 'Open Sans', sans-serif; font-weight: 600; line-height:120%; box-sizing: border-box; } #announcements_content_dynamic p> span { font-size: 36px; font-weight:bold; } p#clickHere { font-family: Arial, sans-serif; text-transform: uppercase; font-size: 19px; padding-top: 0px; } #divHTMLAnnouncements1Wrapper .an1 { font-size: 20px; text-align: right;} #divHTMLAnnouncements1Wrapper .an1 span{ display: block; font-size: 40px; margin-top: 10px;} #divHTMLAnnouncements1Wrapper .an2 { font-size: 16px; text-align: right; margin-top: 15px;} #divHTMLAnnouncements1Wrapper .an2 span{ font-weight: bold; display: block;} #announcements_content_dynamic a { text-indent: -9999px; float: left; display: block; font-size: 0; line-height: 0; overflow: hidden; width:100%; height:185px; position: absolute; top:0; left:0;} #announcements_login { background-color: #fcdc97; box-sizing: border-box; float: left; font-size: 1em; font-style: italic; margin-bottom: 20px; overflow: visible; padding: 10px; width: 100%;} #announcements_login a {padding-left:23px; font-size: 11px; font-weight: normal; color:#F90; text-decoration: none; } #announcements_login a:hover {text-decoration: underline; } #announcements_login_warning { background-color: #fce0a4; color: #ba4730; box-sizing: border-box; float: left; font-size: 1em; font-weight:bold; margin-bottom: 20px; overflow: visible; padding: 10px; width: 100%; } #announcements_members {width: 300px; margin-bottom: 11px; padding-top:10px; background-color:#FFF; overflow: visible; filter: alpha(opacity=0); -moz-opacity:0%; } #announcements_members a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#F90; text-decoration: none; } #altAnnouncement { position: relative; top: 70px; padding:3px; font-size:11px; background-color:#f0f5f7; border: 1px solid #edf4f6; border-radius: 7px; -webkit-border-radius:7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; behavior: url(templates/current/PIE.htc); display:none;} /*ANNOUNCEMENT 1*/ #divHTMLAnnouncements1Wrapper { background-color: #ffffff; background-image: url(../../templates/current/images/ifut_bgr_img.png), url(../../templates/current/images/ifut_bgr.png) ; background-repeat: no-repeat; background-position: right center, bottom center; /*background-size: 120px auto, 280px auto;*/ box-sizing: border-box; float: left; height: 185px; margin-left: 2%; margin-top: 15px; width: 49%; position:relative;} #joinus { background: url(../../templates/current/images/joinus_icon.png) no-repeat 0 0 / 80px auto; bottom: 0; color: white; height: 130px; left: 20px; margin: auto; position: absolute; top: 0; width:40%;} /*#announcements2_content_dynamic h1 { color: white; font-family: Arial; padding-bottom: 0; text-transform: uppercase; }*/ #announcements2_content_dynamic img {max-width:250px; width:100%;} #announcements2_content_dynamic a { color: white; font-size: 13px; line-height: 16px; } #announcements_content_dynamic { Width: 60%; } #announcements_content_dynamic img { width:50%; float: left; padding-top: 10px; padding-left: 15px; } #announcements_content_dynamic img#ifutLogo { width:45%; float: none; display: block; padding-top: 0; padding-left: 0; margin: 0 auto; } #announcements_content_dynamic p { width: 30%; float: left; color: #ed802a; font-size: 24px; padding: 20px 0 0 15px; text-align: center; } #announcements_content_dynamic p#ifutMembers { width: 100%; color: #ed802a; text-align: left; font-size: 26px; padding: 5px 0 0 15px; line-height: 100%; } /*ANNOUNCEMENT 1 - END*/ /*ANNOUNCEMENT 2 - END*/ /*#divHTMLAnnouncements2Wrapper { background-color: #ffffff; background-image: url(../../templates/current/images/tui_logo.png), url(../../templates/current/images/car_bgr.png) ; background-repeat: no-repeat; /*background-position: 0px 7px, right bottom;*/ /*background-position: 0px 7px, 10em bottom; /*background-size: 120px auto, 280px auto;*/ /*box-sizing: border-box; float: right; height: 225px; margin-left: 2%; margin-top: 0px; width: 37%; position:relative; padding-left:17px; box-sizing: border-box; } .container_link {height: 225px; width: 100%;} #announcements2_content_dynamic h1, #announcements2_content_dynamic h2 {display: none;} #announcements2_content_dynamic .text1 { color:#0064a7; font-family: Arial; padding-bottom: 0; border:0; font-weight: bold; font-size:3em; margin-top:1.85em; margin-bottom:10px; text-transform: none; font-family: Verdana,Geneva,sans-serif; } #announcements2_content_dynamic .text2 { color:#0064a7; font-family: Arial; padding-bottom: 0; font-size:15px; font-weight: normal; border:0; margin-left:5px; line-height:120%; width:188px; } #announcements2_content_dynamic p{display: none;} #announcements2_content_dynamic img {max-width:250px; width:100%;} #announcements2_content_dynamic a { color: white; font-size: 13px; line-height: 16px; } */ #divHTMLAnnouncements2Wrapper { background-color: #ffffff; /*background-image: url(../../templates/current/images/tui_logo.png), url(../../templates/current/images/student_bgr.png) ;*/ background-image: url(../../templates/current/images/Home-Improvement-Loan.jpg) ; background-repeat: no-repeat; /*background-position: 0px 7px, 10em bottom;*/ background-position: left top; box-sizing: border-box; float: right; height: 225px; margin-left: 2%; margin-top: 0px; width: 37%; position:relative; padding-left:17px; box-sizing: border-box; } #divHTMLAnnouncements2Wrapper a { text-indent: -9999px; float: left; display: block; font-size: 0; line-height: 0; overflow: hidden; width:100%; height:225px; position: absolute; top:0; left:0;} #announcements2_content_dynamic h1, #announcements2_content_dynamic h2 {display: none;} #announcements2_content_dynamic .text1 { color:#fff; font-family: 'Pragati Narrow', sans-serif; padding-bottom: 0; border:0; font-weight: bold; font-size:1.8em; margin-top:1em; margin-bottom:10px; text-transform: uppercase; text-align: right; margin-right:15px; width: 60%; line-height: 1em; float: right; } #announcements2_content_dynamic .text2 { color:#0069ab; font-family: 'Pragati Narrow', sans-serif; padding-bottom: 0; font-size:8em; font-weight: normal; border:0; margin-left:5px; line-height:80%; text-align: right; margin-right:1em; width:95%; } #announcements2_content_dynamic .text3 { text-align: right; color:#fff; font-family: Arial; font-size: 1.1em; font-weight: bold; width:40%; float: right; margin-right:15px; clear: both; } /*#divHTMLAnnouncements2Wrapper {background: rgb(48,166,114); background: -moz-linear-gradient(-45deg, rgba(48,166,114,1) 0%, rgba(62,192,148,1) 25%, rgba(56,181,134,1) 49%, rgba(62,192,148,1) 70%, rgba(48,166,114,1) 99%); background: -webkit-linear-gradient(-45deg, rgba(48,166,114,1) 0%,rgba(62,192,148,1) 25%,rgba(56,181,134,1) 49%,rgba(62,192,148,1) 70%,rgba(48,166,114,1) 99%); background: linear-gradient(135deg, rgba(48,166,114,1) 0%,rgba(62,192,148,1) 25%,rgba(56,181,134,1) 49%,rgba(62,192,148,1) 70%,rgba(48,166,114,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a672', endColorstr='#30a672',GradientType=1 ); box-sizing: border-box; float: right; height: 130px; margin-bottom: 20px; padding: 7px 10px; width: 23%; position:relative;} #announcements2_content_dynamic { background:url(../../templates/current/images/loanCal_bgr.png) no-repeat scroll right 0px / 55px auto; } #announcements2_content_dynamic a { text-indent: -9999px; float: left; display: block; font-size: 0; line-height: 0; overflow: hidden; width:100%; height:130px; position: absolute; top:0; left:0;} #announcements2_content_dynamic h1 {color: white; text-transform: uppercase; padding-bottom: 0; font-family:Arial; display:none;} #announcements2_content_dynamic h2 {border: medium none; color: white; font-size: 1.3em; line-height: 2em; margin: 0 0 0 5px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; padding-bottom:0;} */ /* RIGHT CONTAINER/ MODULELINKS/ NEWSHEADLINES/ LOGINAREA*/ #layoutDivide {} #sidebar #layoutDivide { margin-right: 0; width: 100%;} /* SUBMENU (CONTENT PAGES ONLY) */ #submenu { float: left; margin: 0 0 3px 1%; padding-bottom: 2.3%; position: relative; width: 25%;} #submenu .title_subsections {background: rgba(0, 0, 0, 0) url(../../templates/current/images/submenu_bgr.png) no-repeat scroll 0 0 / 1170px auto; display: block; color: #0069aa; font: normal 1.3em Verdana,Helvetica,sans-serif; padding: 15px 10px 15px 60px;} .focusonyourfinances_focusonyourfinances #submenu .title_subsections, .focusonyourfinances_mabs #submenu .title_subsections, .focusonyourfinances_tipstoincreaseyourincome #submenu .title_subsections, .focusonyourfinances_yourrainydayfund #submenu .title_subsections, .focusonyourfinances_yourfinancialreview #submenu .title_subsections, .focusonyourfinances_escapingthedebttrap #submenu .title_subsections, .focusonyourfinances_creditcardcrunch #submenu .title_subsections { font-size: 1.29em; } #submenu ul { margin-top: 15px; padding-left: 50px;} #submenu li {line-height: 1.8em; list-style-type: none; margin-bottom: 1px; width: 100%;} #submenu li:hover {} #submenu a { background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpoint.png) no-repeat scroll 7px center / 25px auto; box-sizing: border-box; color: #5d7585; display: block; font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; line-height:normal; padding: 8px 10px 8px 38px; width: 100%;} #submenu a:hover {color: #698496 ; background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpointB.png) no-repeat scroll 7px center / 25px auto;} /* SIDEBAR (CONTENT PAGES ONLY) */ #sidebar {margin-top: 0px; margin-bottom: 0px; width: 25%; margin-left:1%;} #sidebar .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #396c9e; padding-bottom: 10px; } #sidebar ul {padding-left: 25px;} #sidebar li {line-height: 2em;} #sidebar a {color: #39b54a; } #sidebar a:hover {} /* SUBMENU (YOUTHZONE SIDE MENU) */ #submenu_youth {margin-top: 2px; margin-bottom: 5px; padding: 5px; width: 160px; border-right: 1px dotted #dfe4eb; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat; } #submenu_youth .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #F99404; } #submenu_youth li {list-style-type: none; padding-top: 5px; padding-left: 15px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px; } #submenu_youth a {color: #333333; } #submenu_youth a:hover {text-decoration:underline; color:#0099FF; } /* NAVIGATION SELECTED ITEMS */ #mainmenu li.section_selected { background: #698496;} #mainmenu li.section_selected:hover { background: #7890a1; } #mainmenu .section_selected ul li:hover { background:#7890a1; } #mainmenu .section_selected a {color:#fff; } #mainmenu .page_selected a{font-weight: bold; background-color: #7890a1; } #mainmenu .page_selected a:hover {font-weight: bold; background-color: #879dab; cursor:default;} #submenu .subitem_selected a {color: #ec802a ; background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpointB.png) no-repeat scroll 7px center / 25px auto;} #submenu .subitem_selected {} div#submenuCalculator {display: none; } /* MEMBER AREA */ #membermenu {} #membermenu > a {display: none;} #membermenu li {position: relative; list-style:none; background:#1c7cb8; margin-bottom: 1px;} #membermenu li.last {background-color: #ffffff; border: 2px solid #86a8bf; color: #86a8bf; box-sizing: border-box;} #membermenu li a { color: #fff;display: block;} #membermenu li.last a {color: #86a8bf; font-weight: bold;} #membermenu li a:active {} #membermenu 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 */ #membermenu > ul {/*height: 2.75em; /* 60 background-color: #e15a1f;*/} #membermenu > ul > li { height: 100%;} #membermenu > ul > li > a {font-size: 1em; height: 100%; line-height: 1em; padding-bottom: 0.7em; padding-top: 0.7em; text-align: left; padding-left:10px;} #membermenu > ul > li:not( :last-child ) > a {border-right: none;} #membermenu > ul > li:hover > a {background-color: #86a8bf; color: #fff;} #membermenu > ul:not( :hover ) > li.active > a {background-color: #333333; color: #333333;} #membermenu >ul >li.last >a:hover {background-color: #86a8bf; color: #ffffff;} /* second level */ #membermenu li ul {display: none; position: absolute; top: 100%;} #membermenu li ul li {background: grey;} #membermenu li:hover ul {display: block;left: 0;right: 0;} #membermenu li:not( :first-child ):hover ul {left: -1px;} #membermenu li ul a {font-size: 0.95em; line-height: 1.25em; padding: 0.5em;} #membermenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #000;} /* SUBMENU (USER AREA/ DIRECTORS AREA/ YOUTH AREA/ VOLUNTEERS AREA*/ #submenu_members { background: none repeat scroll 0 0 #ebf4f5; float: left; margin-bottom: 10px; margin-left: 0; width: 25%; margin-left: 2%;} #submenu_members ul {padding-left: 0px; margin-bottom: 0px;} #submenu_members li {list-style-type: none; padding: 7px 10px; } #submenu_members a { color: #8fb4cc; display: block; font-family: Trebuchet MS; font-weight: bold; text-decoration: none;} #submenu_members .title_subsections {background: #8fb4cc; border-bottom: background; color: #fff; font-weight: bold; padding: 5px;} /* SUBMENU (DIRECTORS AREA) */ #directorsAreaPage #submenu_members {position:absolute; left:-182px; top:200px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } /* SUBMENU (USER AREA) */ #userAreaPage #submenu_members {position:absolute; left:-183px; top:175px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } /* SUBMENU (USERS AREA) */ #submenu_users {float: left; width: 200px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } #submenu_users li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3; } #submenu_users a {color: #333333; } /* SUBMENU (DIRECTORS AREA) */ #submenu_directors {float: left; width: 200px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } #submenu_directors li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3; } #submenu_directors a {color: #333333; } /* SUBMENU (YOUTHZONE AREA) */ #submenu_volunteers{float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } #submenu_volunteers li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3; } #submenu_volunteers a {color: #333333; } /* OFFICE AREA NAVIGATION */ #adminmenu, #membermenu {display: block; float: left; margin: 10px 2% 20px; position: relative; width: 25%; z-index: 10000; } #adminmenu ul { width: 100%; background-color:#1c7cb8; } #adminmenu li {list-style-type: none; } #adminmenu li a {margin-left: 3px; color: #fff; } #adminmenu li strong {color: #fff; line-height: 37px; padding: 5px 8px; } #adminmenu ul li ul {display: none; } #adminmenu ul li ul li {background-color: #ebf4f5; border-bottom: 1px solid #fff; list-style-type: none; } #adminmenu ul li ul li:hover {background: #f2fbfc;} #adminmenu ul li ul li a {color: #1c7cb8; display:block; padding: 6px 3px 6px 6px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;} #adminmenu .expanded {display: inline-block; } /* TOOLS & RESOURCES SECTION (MODULE LINKS) */ #divQuickLinksWrapper { z-index:1000000000000000;} #modulelinks { float: left; height: 100%; width: 23%;} #modulelinks img {display: none; } #modulelinks ul {box-sizing: border-box; float: left; width: 100%; border-top:12px solid #FFD986; margin-bottom:13px;} #modulelinks li { background: #d8dce5; color: #39b54a; line-height: 1.8em; list-style-type: none; margin-bottom: 1px; width: 100%;} #modulelinks li:hover {background: #d8dce5;} #modulelinks a { background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpoint.png) no-repeat scroll 7px center / 25px auto; box-sizing: border-box; color: #5085a1; display: block; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; padding: 8px 10px 8px 38px; width: 100%;} #modulelinks a:hover {color: #335f76 ; background: url(../../templates/current/images/bulletpointB.png) no-repeat scroll 7px center / 25px auto;} #modulelinks_contentpage { float: left; height: 100%; padding-bottom: 10px; width: 100%; margin-top: 0px; } #modulelinks_contentpage img { } #modulelinks_contentpage ul { margin-top: 15px; padding-left: 50px; } #modulelinks_contentpage li {line-height: 1.8em; list-style-type: none; margin-bottom: 1px; width: 100%;} #modulelinks_contentpage li:hover {} #modulelinks_contentpage a {background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpoint.png) no-repeat scroll 7px center / 25px auto; box-sizing: border-box; color: #5d7585; display: block; font-family: Verdana; font-size: 12px; font-weight: bold; line-height:normal; padding: 8px 10px 8px 38px; width: 100%;} #modulelinks_contentpage a:hover {color: #698496 ; background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpointB.png) no-repeat scroll 7px center / 25px auto;} /* NEWS HEADLINES */ #divNewsHeadlinesWrapper { background: white none repeat scroll 0 0; box-sizing: border-box; float: left; margin-top: 0px; padding: 10px 15px 10px 10px; width: 37%; height: 225px; margin-left:10px; } #newsheadlines {float: left; position: relative; top: 0; margin-top: 0; width:100%;} #newsheadlines h3 {font-family: Verdana, sans-serif; font-weight: normal; color: #2a2c2f; font-size: 1.4em; padding-bottom: 5px; padding-top:5px; border-bottom:none;} #newsheadlines a {text-decoration: none; color: #333333;} #newsheadlines a:hover { } #newsheadlines_contentpage { float: left; margin-top: 20px; position: relative; top: 0; width: 100%; height: 240px; margin-bottom: 20px;} #newsheadlines_contentpage h3 {color: #333333; font-size: 1.1em; padding-bottom: 5px; padding-top:10px; border-bottom:none;} #newsheadlines_contentpage a {text-decoration: none; color: #333333; } #newsheadlines_contentpage a:hover {} #homePage #news_content {box-sizing: border-box; min-height: 125px; padding: 0 0 10px 60px; position: relative; width: 90%; } #news_content {padding:10px 0 10px 60px;} #homePage #news_content p {font-family: Trebuchet MS; font-size: 1em; margin-bottom:0; width:98%;} #news_content p {font-family: Trebuchet MS; font-size: 1em; margin-bottom:0; width:100%;} #newsheadlines .newslinks a {color: #009933; font-weight: bold; } #newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold; } #newsheadlines #news_content img { margin-top:-30px;} #newsheadlines_contentpage #news_content{} #newsheadlines_contentpage #news_content img {display:none;} .divNewsArticleDate { font-size: 12px; font-style:italic; font-family:Georgia; line-height: 20px; } /* NEWS HEADLINES STATIC */ .newsArticleDate { padding-left:21px; padding-right:20px; font-size: 10px; } .newsArticleText { padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 9px; } .newsArticleLink { text-align: right; padding-left:21px; color: #F00; text-decoration: none;text-transform: uppercase; padding-right:20px; font-size: 9px; } .newsArticleLink p { color: #20368c; } .newsArticleLink a {color: #20368c; font-size: 9px; text-decoration: none; } /*QUICK LINKS*/ #quick_links { position:absolute; top: 327px; left: 258px; width: 243px; height: 140px; margin-top: 60px; 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 ; } #quick_links a:hover {text-decoration: underline; color: #063; } /* LOGIN / YOUTHZONE / LIVE CHAT LAYER / CUSTOM BUTTON ---- * ABSOLUTE POSITIONING*/ #loginarea { top: 45px; position: absolute; right: 0px; width: 256px; } #loginarea img {margin: 0 0px 8px; width:256px; } #loginarea_contentpage { float: right; margin-right: 10px; margin-top: 65px; padding-bottom: 5px; text-align: center; width: 308px; }/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */ #loginarea_contentpage img {margin: 0 5px 10px; } #loginarea a:hover {border: 0px; } /* HOMEPAGE SPOTLIGHTS #spotlight1 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight2 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight3 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight7 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight8 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight9 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } .spotlight_title { position: relative; top: -10px; height: 30px; width: 233px; padding-top:18px; padding-left: 2px; padding-right:0px; line-height: 15px; border-bottom: 3px solid #c1cfdd; } /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/ /*.spotlight_title h4 { color: #336699; text-align: left; }*/ /*.spotlight_container { position: relative; top: -5px; min-height: 100px; padding-left: 1px; padding-right: 0px; padding-top: 0px; } .spotlight_text { position: absolute; width:68%; height: auto; top:0px; left:0px; padding-bottom: 5px; font-size: 10px; background: #FFF; } .spotlight_image_upload { position: relative; float:right; top: 0px; width:auto; height: auto; margin-bottom:10px; background:#FFF; border: 1px solid #b0c2d4; } .spotlight_link { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 14px; text-align: right; padding:3px; background-color: #8fca15; } .spotlight_link a { color: #fff; font-weight: bold; }*/ /* HOMEPAGE SPOTLIGHTS */ #divSpotlightsWrapper {width:100%; padding-bottom: 10px; background: url(../../templates/current/images/hr.gif) no-repeat; padding-top:5px; float:left;} #spotlight1 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd3c1', endColorstr='#ffb699',GradientType=1 ); background: rgb(255,182,153); background: -moz-radial-gradient(center, ellipse cover, rgb(255,211,192) 0%, rgb(255,182,153) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgb(255,211,192) 0%, rgb(255,182,153) 100%); background: radial-gradient(ellipse at center, rgb(255,211,192) 0%, rgb(255,182,153) 100%); box-sizing: border-box; float: left; position: relative; text-align: center; width: 24.65%; } #spotlight2 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe796', endColorstr='#aed461',GradientType=1 ); background: rgb(174,212,97); background: -moz-radial-gradient(center, ellipse cover, rgb(206,230,149) 0%, rgb(174,212,97) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgb(206,230,149) 0%, rgb(174,212,97) 100%); background: radial-gradient(ellipse at center, rgb(206,230,149) 0%, rgb(174,212,97) 100%); float: left; margin: 0 .31% 0 .31%; position: relative; width: 24.8%; text-align:center; box-sizing:border-box;} #spotlight3 { background: rgb(171,149,230); background: -moz-radial-gradient(center, ellipse cover, rgb(205,190,241) 0%, rgb(171,149,230) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgb(205,190,241) 0%, rgb(171,149,230) 100%); background: radial-gradient(ellipse at center, rgb(205,190,241) 0%, rgb(171,149,230) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDBEF1', endColorstr='#ab95e6',GradientType=1 ); float: left; margin: 0 .31% 0 0; position: relative; width: 24.8%; text-align:center; box-sizing:border-box;} #spotlight4 { background: rgb(219,214,121); background: -moz-radial-gradient(center, ellipse cover, rgb(234,232,170) 0%, rgb(219,214,121) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgb(234,232,170) 0%, rgb(219,214,121) 100%); background: radial-gradient(ellipse at center, rgb(234,232,170) 0%, rgb(219,214,121) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae8aa', endColorstr='#dbd679',GradientType=1 ); float: left; position: relative; width: 24.8%; text-align:center; box-sizing:border-box;} #spotlight5 {position: relative; float: left; width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; display:none } #spotlight6 {position: relative; float: left; width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; display:none;} .spotlight_title { background-image: none !important; box-sizing: border-box; line-height: 15px; padding: 10px 10px 0; width: 100%;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/ .spotlight_title h4 {background:none; padding: 10px 0 0; font-size:1.3em; color: #222222;} .spotlight_container { position: relative; max-height: 195px; padding:15px; box-sizing:border-box; } .spotlight_text { box-sizing: border-box; font-size: 1em; height: 12em; left: 0; width: 100%; font-family: 'Trebuchet MS', sans-serif;} .spotlight_text p {font-size: 1.4em; line-height: 1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } .spotlight_text ul {list-style: inside none disc;} .spotlight_text li {font-size: 1.2em; padding-left: 10px;} .spotlight_image_upload { height: auto; position: relative; top: 0; margin-top:12px; width: auto;} .spotlight_image_upload img {width:100%;} .spotlight_link {border-top: 0 solid #8fca15; bottom: 15px; box-sizing: border-box; position: absolute; right: 0; text-align: left; width: 100%;} .spotlight_link:hover {} .spotlight_link a { background: #0069aa none repeat scroll 0 0; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; display: block; float: none; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: bold; margin: auto; padding: 10px 8px; text-align: center; border:1px solid #ffffff; box-shadow: 0 3px 4px rgba(0, 0, 0, .2); text-transform: uppercase; width: 70%;} .spotlight_link a:hover {box-shadow: 0 6px 6px rgba(0, 0, 0, .1); background: #007ecc none repeat scroll 0 0;} /* CONTENT SPOTLIGHTS*/ #contSpotContainer{position: relative; float: right;width: 580px;height: 100px; top: auto; } #spotLight4{float: left; width: 181px; height: 95px; background-image: url(images/onlineLoan_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; } #spotLight5{float: left; width: 181px; height: 95px; background-image: url(images/mabs_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; } #spotLight6{float: right; width: 181px; height: 95px; background-image: url(images/news_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; } /* COOKIE CONSENT MEMO BOX */ .CookieConsentMemo { background: url(../../templates/current/images/cookie_consent_box_bgr_bottom.png), url(../../templates/current/images/cookie_consent_box_bgr.png); background-position: bottom left, top left; background-repeat: repeat-x; background-color: rgba(0, 0, 0, .9); bottom: 0; box-sizing: border-box; float: left; font-family: Arial; font-size: 12px; left: 0; padding: 15px 15px 0px; position: fixed; text-align: left; width: 100%; z-index: 2147483647; } .CookieConsentMemo a { border-bottom: 1px dotted; color: #ffd200; font-weight: bold; padding-bottom: 1px; text-decoration: none; -o-transition: all .1s ease-in; -ms-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; transition: all .1s ease-in;} #cookieConsentForm .button_submit { background: rgba(0, 0, 0, 0) url(../../templates/current/images/X.png) no-repeat scroll center center / 20px 20px; border: 4px solid #ffd200; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; bottom: 0; height: 40px; margin: auto; position: absolute; right: 2em; text-align: center; text-indent: -9999px; top: 0; width: 40px; cursor: pointer; color: #fff; font-size: 10px; line-height: 10px; font-weight: normal; } #cookieConsentForm .button_submit:focus {outline:0;} #cookieConsentForm .button_submit:hover { border: 4px solid #d50303; transform: rotate(0deg); background: rgba(0, 0, 0, 0) url(../../templates/current/images/XB.png) no-repeat scroll center center / 20px 20px; } #rdCookieConsent0 { margin: 5px 0; } #cookieConsentForm { color: #555555; float: right; font-family: Arial; font-size: 12px; width: 100px; line-height: normal; } #lyrCookieConsent h2 { font-size: 16px; text-shadow: -1px 0 1px white; } #lyrCookieConsent p { color: rgba(255, 255, 255, 0.85); font-size: 1em; font-weight: normal; line-height: 1.2em; text-align: center; width: 100%; } /* FOOTER */ #pagefooterOuterIndex, #pagefooterOuterPublic, #pagefooterOuterOther {background: url(../../templates/current/images/outer_footer_bgr.jpg) repeat-x left bottom; /*background-color: #1b1f22;*/ box-sizing: border-box; float: left; position: relative; height: 210px; width: 100%; } #pagefooterOuterIndex {margin-top: 15px;} #pagefooterIndex, #pagefooterOther, #pagefooterPublic { /*background: url(../../templates/current/images/fscs_logo.png) no-repeat; background-position: 820px 14px;*/ box-sizing: border-box; clear: both; height: 70px; margin: 0 auto; max-width: 1172px; padding: 12px 0; position: relative; background-color: transparent; width: 100%;} #pagefooterOther p {padding: 15px 20px 0 190px;} #pagefooterOther a, #pagefooterIndex a, #pagefooterPublic a { color: #ffffff; text-decoration: none; font-family: Verdana, sans-serif; font-weight: bold;} #pagefooterOther a:hover, #pagefooterIndex a:hover, #pagefooterPublic a:hover {color: #eeeeee;} html>body #pagefooter { background-color: #FFF; } .ProgressLogo {position: absolute; right: 1em; top: 1.9em; float:right;} #footerDetails img {display: none;} #footerDetails{color: #ffffff; /*float: left;*/ font-family: Arial, sans-serif; font-size: 0.9em; padding-bottom: 12px; text-align: left; text-decoration: none; height: auto; width: 95%;} #footerDetails ul {float: left; left: 20px; position: relative; top: 5px; box-sizing: border-box; width: 85%; } #footerDetails li {display: inline; list-style: outside none none; margin-right: 10px; float:left; box-sizing: border-box; font-size: 0.9em;} #footerDetails li:first-child {font-weight:bold;} #fsrnTextOff{ padding-left: 20px; margin-top: 15px; padding-bottom: 32px; } #pagefooterAlternative{ /*top: 40px; left: 200px; position: absolute;*/ width: 75%; } #fsrnTextAlternative{box-sizing: border-box; color: #ffffff; font-family: Arial, sans-serif; float: left; font-size: 11px; text-align: left; font-style: italic; width: 80%; padding-left: 20px;} html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */ #divCustomFooterLinks { float: left; background-color: transparent; padding: 30px 0px; text-align: center; width: 100%;} #divCustomFooterLinks a {text-decoration:none; text-transform: uppercase; white-space: nowrap;} #divCustomFooterLink1, #divCustomFooterLink2, #divCustomFooterLink3, #divCustomFooterLink4, #divCustomFooterLink5, #divCustomFooterLink6, #divCustomFooterLink7, #divCustomFooterLink8 {float: left; width: 15.9%;} #divCustomFooterLink1{ width: 9%; margin-left: 1%; text-align: left;} #divCustomFooterLink7 { width: 9%; margin-right: 1%; text-align: right;} #divCustomFooterLink8 { position: absolute; top: 14px; left: 820px; height: 70px; background: url(../../templates/current/images/fscs_logo.png) no-repeat; } #divCustomFooterLink8 a { color: transparent; padding: 15px 75px; position: relative; top: 10px; } #divCustomFooterLink8 a:focus, #divCustomFooterLink8 a:hover { color: transparent; } #calculatorPage #pagefooterOther { background: url(../../templates/current/images/footer_logo.gif) no-repeat; background-position: 1080px center; } /* LOAN CALCULATOR */ #divSliderLoanCalculatorWrapper { background:none 0 0 repeat scroll #27b0c2; float:right; margin:0; width:38%; border-radius: 0; padding: 1%; box-sizing:border-box; } #loanSliderContainer { background: none 0 0 repeat scroll #27b0c2; padding: 20px; } #homePage #divSliderLoanCalculatorWrapper select#intrateDDL { background: #fff none repeat scroll 0 0; border: 0 none; font-family: 'Trebuchet MS', sans-serif; color: #666; font-size: 1.1em; font-weight: bold; height: 33px; margin: 10px 0 0; padding: 5px; width: 60%; } #homePage #divSliderLoanCalculatorWrapper .informationalLoanCal { display: none; } #homePage #divSliderLoanCalculatorWrapper img#sliderTermMinusHome, #homePage #divSliderLoanCalculatorWrapper img#sliderAmountMinusHome { width: 32px; top: -24px; } #homePage #divSliderLoanCalculatorWrapper img#sliderTermPlusHome, #homePage #divSliderLoanCalculatorWrapper img#sliderAmountPlusHome { left: 50px; position: relative; top: -8px; width: 32px; } #homePage #divSliderLoanCalculatorWrapper .ui-slider-horizontal { height: 0.5em; } #homePage #divSliderLoanCalculatorWrapper .ui-widget-content { border: 4px solid rgba(255,255,255,0.5); } #homePage #divSliderLoanCalculatorWrapper #sliderTermHome, #homePage #divSliderLoanCalculatorWrapper #sliderAmountHome { width: 80%; } #homePage #divSliderLoanCalculatorWrapper #sliderTermWrapperHome, #homePage #divSliderLoanCalculatorWrapper #sliderAmountWrapperHome { width: 88%; } #homePage #divSliderLoanCalculatorWrapper input.button_submit { background: #bdf5fc none repeat scroll 0 0; width: 96%; text-transform: uppercase; color: #ed802a; font-weight: bolder; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); margin: 0 2%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #homePage #divSliderLoanCalculatorWrapper input.button_submit:hover { box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); background-color: #e7fbfe; } #homePage #divSliderLoanCalculatorWrapper #divSliderApplyButtonHome { float: right; margin: 10px 0; width: 100%; } #divSliderLoanCalculatorWrapper * {color: #FFFFFF; font-family: Verdana, sans-serif;} #sliderValuesListHome li:not( :last-child ) {display: none;} .pagecontent .ui-widget-content { border:5px solid #d9e2ea !important; } #divSliderCalcLoanTypeTextHome{ width: 30%; float: left; margin: 17px 10px 0 10px; font-size: 1.2em; font-weight: bolder; color: #97f1fc; } #divSliderCalcLoanTypeHome { height: 50px; } ul#sliderValuesListHome { color:#7D869E; font-size:12px; height:55px; line-height:20px; margin:0 10px 5px; border-top: 1px solid #176873; } ul#sliderValuesListHome li { display:inline; list-style:none; padding-left:8px; } span#spanWeekHome, span#span2WeeksHome, span#span4WeeksHome, span#spanMonthHome, span#spanMonthTotalHome, span#spanMonthTotalInterestHome { font-family: 'Open Sans', sans-serif; color:#fff; float:left; font-size:12px; padding-top:5px; width:32%; } #sliderValuesListHome .input_invisible { padding: 3px 4px 0 0; font-size: 16px; width: 95%; font-weight: bold; } span#spanMonthTotalInterestHome{ width:34%; } #divSliderApplyButtonHome { float: right; margin: 5px 10px 15px; } #divSliderLoanCalculatorWrapper #aprHome, #divSliderLoanCalculatorWrapper #termHome, #divSliderLoanCalculatorWrapper #amountHome { font-size: 15px; padding: 0 0 10px 10px; } /* Member Area loan calculator */ #membersAreaPage #loanSliderContainer {height: 580px;} /* firefox hack*/ #veinticinco, x:-moz-any-link, x:default, #divSliderLoanCalculatorWrapper #aprHome, #divSliderLoanCalculatorWrapper #termHome, #divSliderLoanCalculatorWrapper #amountHome{ padding: 0 0 8px 10px; font-weight: bold; margin: 8px 0 -2px 52px; } #divSliderLoanCalculatorWrapper #amountHome { margin-left: 50px; } #divSliderLoanCalculatorWrapper #termHome { margin-left: 18px; } #divSliderLoanCalculatorWrapper #aprHome { margin: 0 0 3px -32px; } .pagecontent .ui-slider-horizontal { margin: 0 auto 0 60px !important; float: none !important; } .pagecontent select#intrateDDL { margin: 7px 0 9px 11px; top: 0; left: 0; border: 1px solid #999; } img#sliderTermMinusHome, img#sliderAmountMinusHome { left: 9px !important; } #sliderTermHome, #sliderAmountHome { width: 75%; } img#sliderTermPlusHome, img#sliderAmountPlusHome { margin-right: 10px !important; } #sliderTermWrapperHome, #sliderAmountWrapperHome { height: 9px !important; } /*Social Networking Icons Footer*/ #SocialNetFooter{ display: none; position: relative; float: left; width: 170px; top: 0px; left: 0px; } #SocialNet {height: 44px; position: relative; right: 48px; top: 46px; width: 44px; z-index: 990000;} #membersAreaPage #SocialNet, #directorsAreaPage #SocialNet{width:99%; display:none;} /*#SocialNet { z-index:20000; border: 1px solid red; position: absolute; top: 160px; height:35px; width: 180px; right: 550px;} */ #SocialNetTxt { position: relative; float: left; color:#333333; font-size: 11px; width: 70px; display:none; } #SocialNetIcons { float: left; } #SocialNetIcons img { list-style-image:none; /*border: 1px solid #FF0;*/ } #SocialNetIcons a { display: block; } #SocialNetIcons #socNetHeaderDiv1 { left: 50px; position: absolute; } #SocialNetIcons #socNetHeaderDiv2 { left: 100px; position: absolute; } #SocialNetIcons #socNetHeaderDiv0 a img, #SocialNetIcons #socNetHeaderDiv1 a img, #SocialNetIcons #socNetHeaderDiv2 a img { list-style-image: none; margin: 0 3px 0 2px; position: absolute; transition: opacity 0.1s ease-in-out 0s; width:42px; } #SocialNetIcons a img.socNetHeaderImgTop0:hover, #SocialNetIcons a img.socNetHeaderImgTop1:hover, #SocialNetIcons a img.socNetHeaderImgTop2:hover { opacity: 0; z-index: 1000; } /*SITEMAP CONTAINER AND NAVIGATION */ #siteMap { position: relative; width: 100%; padding: 30px 0; clear: both; text-align:center; font-size: 9px; background-color: #394F64; float:left; display:none; } #siteMapMenu { position: relative; width:1172px; height: 100%; margin: 0 auto; white-space: nowrap; padding-bottom: 1px; display: block; text-align:center; font-weight: bold; } #siteMapMenu li {display: block; float: left; padding: 2px 34px 0; text-align: left; white-space: nowrap;} #siteMapMenu ul li a{ color: #fff; font-size: 12px; text-transform: uppercase; } #siteMapMenu ul li ul a{ font-size: 9px; font-weight: bold; color: #1F4C78; display:none; } /*LOGIN AREA ROUNDED CORNERS CROSS BROWZER COMPATABLE - CHANGES NOT NECESSAERY---------------------------------------------------------------------*/ .announcementsContainer{width: 100%; padding-top:0px; float:left; } .curvedBox {width:100%; margin-top: 0px; } .curvedBox .r1, .curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {background-color: #F0F0F0;display:block;overflow:hidden;height:1px;font-size:1px; } .curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {border-width:0 1px;border-left:1px solid #F0F0F0;border-right:1px solid #F0F0F0; } .curvedBox .r1 {margin:0 6px; display:none; } .curvedBox .r2 {margin:0 3px; display:none; } .curvedBox .r3 {margin:0 2px; display:none; } .curvedBox .r4 {margin:0 1px;height:2px; display:none; } .curvedBox .content{background:#F0F0F0; border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0 ;padding:5px; } /* 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 { } /*LOGIN AREAS -OFFICE /DIRECTORS /REPRESENTATIVES /VOLUNTEERS WEBTELLER */ #pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb { position: relative; width:950px; height:100%;background-color: #FFF; } /*#pageInContOff:after, #pageInContDir :after, #pageInContUser :after, #pageInContRep :after, #pageInContVol :after, #pageInContWeb :after {clear:both;content:".";display:block;height:0pt; visibility:hidden; }*/ #pagefooterOff, #pagefooterDir, #pagefooterUser, #pagefooterRep, #pagefooterVol, #pagefooterWeb { position: relative; width: 950px; height: 26px; padding-top: 10px; border-top: 1px solid #F0f0f0; margin:auto; text-align:center; font-size:10px; background-color:#fff; } #pagefooterOff a, #pagefooterDir a, #pagefooterUser a, #pagefooterRep a, #pagefooterVol a, #pagefooterWeb a { color: #69C; font-size:10px; } .officeLogCont, .userLogCont, .repLogCont, .volLogCont, .webLogCont{position: relative; width: 100%; height: 230px; padding-top: 10px; padding-bottom: 0px; background-color:#edf3f7; border-bottom: 1px solid #d3e2ec; border-top: 1px solid #d3e2ec; } .officeTxtAlertCont, .dirTxtAlertCont, .userTxtAlertCont, .repTxtAlertCont, .volTxtAlertCont, .webTxtAlertCont { float: right; width: 0%; height: 100%; font-size: 11px; } .officeLogContInner, .dirLogContInner, .directLogCont, .userLogContInner, .repLogContInner, .volLogContInner, .webLogContInner { position: relative; width: 100%; height: 100%; font-size: .9em; } .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; position:relative; top:10px; } .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%; padding: 3px; } .passwordInputShort{ float: right; width: 59%; padding: 3px; } .emailInput{float: right; width: 59%; 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; margin-top:20px; } /* LOST YOUR PIN */ .lostPinCont { position: relative; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 5px; 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; } /* HORIZONTAL RULE */ #horzRule { width: 94%; height: 5px; padding-bottom: 0px; background-color:#EEE; border-top: dotted 1px #dfe4eb; border-bottom: dotted 1px #dfe4eb; } /* REMOVE SKYPE INJECTED MARKUP (Only works sometimes) */ span.skype_pnh_container { display: none !important; } span.skype_pnh_print_container { display: none !important; } /* HOMEPAGE JQUERY SLIDES ANIMATION */ ul#homepagejQueryImages {} ul#homepagejQueryImages li {} ul#homepagejQueryImages #homepageImageTextDiv {display:none;} ol#pagination { padding: 10px 0 15px; position: relative; text-align: center; } ol#pagination li { display: inline-block; width: 2em; height: 16px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 0; text-align: left; text-indent: -8000px; list-style: none; cursor: pointer; margin: 0 2px; position: relative; top: 0px; left: 0px; } ol#pagination li:hover { background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -41px; } ol#pagination li.current { color: #f00; font-weight: bold; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -41px; } ol#pagination li.prev { position: absolute; top: -110px; } ol#pagination li.next { position: absolute; top: -110px; } ol#pagination li.prev { position: absolute; left: 20px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -64px; } ol#pagination li.next { position: absolute; left: 595px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -48px; } #homepageImageTextDiv { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; box-sizing: border-box; font-size: 2.4vmin; padding: 3.5%; position: absolute; top: 0; width: 31%; display:none;} #homepageImageTextDiv h1 {font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 100%; font-style: italic; font-weight: normal; line-height: normal; padding-bottom: 0;} #homepageImageTextDiv h2 {border-bottom: medium none; color: white; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 200%; font-weight: normal; line-height: normal; margin-bottom: 0; margin-top: 2px;} #homepageImageTextDiv h3 {float:left;} #homepageImageTextDiv h3 li {font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 80%; font-weight: normal; line-height: normal; list-style-position: inside; list-style-type: disc; margin-left: 1px; padding: 2% 0;} #homepageImageTextDiv .banner_btn {border: 1px solid white; display: block; float: left; margin-top: 15px; text-align: center; width: 100%;} #homepageImageTextDiv .banner_btn a {padding:10px; box-sizing: border-box;} /* PRIVACY POLICY */ #divPrivacyTermsLinksWrapper {background: transparent; bottom: 0; float: left; height: 70px; width: 100%;} #divTermsFooterLink, #divPrivacyFooterLink {padding: 20px 0; position: absolute; text-align: center; right: 0; width: 150px;} #divPrivacyFooterLink {right: 150px;} #divTermsFooterLink a, #divPrivacyFooterLink a {font-size:12px; text-decoration:none; color: #fff;} #divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover { color: #fcd88b;} /* v4.4 LOGIN */ .mainContainerbkgd , .mainContbkgd3, .mainContbkgdPin2, .mainContbkgdSec2, .mainContbkgdSec2 {background: none repeat scroll 0 0 #ebf4f5; 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: rgb(237, 128, 42); 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: 44%;} /* 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 rgb(237, 128, 42); color: white; font-size: 0.85em; line-height: 16px; margin-top: 10px; padding: 5px; position: absolute; right: 10px; text-align: left; width: 44%; } #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;} /* ONLINE BANKING WELCOME & ERROR PAGE*/ #onlineBankingDiv { position: relative; float: none; width: 200px;} #ErrorMessageContainer { position: relative; padding: 10px; background-color: #fcd4d2; color: #a02a2a; margin-bottom: 20px; box-sizing:border-box; width:100%; float:left;} #onlineBankingErrorMessages {float: left; font-size: 13px; font-weight: bold; padding-left: 55px; position: relative; top:10px; width: auto;} #ErrorMessageImage { background-image: url(images/error-img.png); background-position: left center; background-repeat: no-repeat; height: 42px; margin-right: 10px; width: 42px; background-size:40px auto;} #Header { position: relative; float: right; width: 80%; height: 43px; } #Header h1 { color: #396d9f; font-size: 22px; padding-top: 10px; margin: 0px; border: 0px; line-height: 30px; } #container { position: relative;} #container p { padding-bottom: 10px; } #RowOne { height: 194px;} #RowTwo {} /* BOX ATTRIBUTES */ #RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1 { color: #ffffff; font-size: 20px; font-weight: bold; height: 26px; margin-top: 7px; padding: 0; text-align: left; vertical-align: middle;} #RowOneBoxOne p, #RowOneBoxTwo p, #RowTwoBoxOne p, #RowTwoBoxTwo p { color: #ffffff; padding: 0 0 5px 0; font-size: 13px; font-weight: normal; margin-bottom: 0;} #RowOneBoxOne li, #RowOneBoxTwo li, #RowTwoBoxOne li, #RowTwoBoxTwo li {color: #ffffff; font-size: 13px; line-height: 18px; margin-left: 18px; padding: 0 10px 0 0; } #RowOneBoxOne #LinkBtn a, #RowOneBoxTwo #LinkBtn a, #RowTwoBoxOne #LinkBtn a, #RowTwoBoxTwo #LinkBtn a { font-family: 'Trebuchet MS', Arial, sans-serif; color: #fcd072; position: absolute; bottom: 10px; right: 0; left: 10px; font-size: 18px; text-decoration: none; font-weight: bold;} #RowOneBoxOne #LinkBtn a:hover, #RowOneBoxTwo #LinkBtn a:hover, #RowTwoBoxOne #LinkBtn a:hover, #RowTwoBoxTwo #LinkBtn a:hover {color: #fcd88b;} #RowOneBoxTwo span.SmallGreenText { color: #0D6196; font-size: 20px; font-weight: bold; padding: 0; text-align: left; vertical-align: middle; color: #ffffff; font-style: italic; float:left; margin-top: 0} /* BOX GRAPHICS*/ #RowOneBoxOne { background-image: url(images/register.png), radial-gradient(ellipse at center, rgb(125,157,179) 0%, rgb(111,139,158) 100%); background-repeat: no-repeat; background-position: right bottom, 100% 100%; background-size: 80px auto, cover; border-top: 5px solid #ec802a; float: left; height: 160px; padding: 10px; position: relative; width: 45%; margin-right: 1%; } #RowOneBoxTwo { background-image: url(images/register.png), radial-gradient(ellipse at center, rgb(125,157,179) 0%, rgb(111,139,158) 100%); background-repeat: no-repeat; background-position: right bottom, 100% 100%; background-size: 80px auto, cover; border-top: 5px solid #ec802a; float: left; height: 160px; padding: 10px; position: relative; width: 45%; } #RowTwoBoxOne { background-image: url(images/register.png), radial-gradient(ellipse at center, rgb(125,157,179) 0%, rgb(111,139,158) 100%); background-repeat: no-repeat; background-position: right bottom, 100% 100%; background-size: 80px auto, cover; border-top: 5px solid #ec802a; float: left; height: 160px; padding: 10px; position: relative; width: 45%; margin-right: 1%; } #RowTwoBoxTwo { background-image: url(images/register.png), radial-gradient(ellipse at center, rgb(125,157,179) 0%, rgb(111,139,158) 100%); background-repeat: no-repeat; background-position: right bottom, 100% 100%; background-size: 80px auto, cover; border-top: 5px solid #ec802a; float: left; height: 160px; padding: 10px; position: relative; width: 45%; } #RowOneBoxOne { background: #ec802a url(../../templates/current/images/online_banking_bgr.svg) no-repeat 270px 65px; } #RowOneBoxTwo { background: rgb(125,157,179) url(../../templates/current/images/estatements_bgr.svg) no-repeat 230px 35px; } #RowTwoBoxOne { background: rgb(125,157,179) url(../../templates/current/images/online_loan_bgr.svg) no-repeat 230px 35px; } #RowTwoBoxTwo { background: rgb(125,157,179) url(../../templates/current/images/loan_calc_bgr.svg) no-repeat 230px 35px; } /* LOGIN CONFIRMATION FORM */ #bankingPinConfirm { min-height: 200px; background-image: url(images/bg-bankingPinConfirm.jpg); background-repeat: no-repeat; padding-left: 10px; background-position: right center; background-size:100% auto; width: 100%; float: left;} #bankingPinConfirm h1 {color: #1c7cb8; font-size: 16px; font-weight: bold; height: 26px; padding: 10px 0 5px; text-align: left; vertical-align: middle;} #bankingPinConfirm { } #bankingPinConfirm #LoginForm {} #bankingPinConfirm .insertRandomPin3{ position: relative; width: 120px; top:0px; float: left;} #bankingPinConfirm .pinPassButRand3 {margin-top:10px; padding:0;} /*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/ #pageInContOff{ position: relative; width:782px; height:100%; padding-top: 5px; background-color: #FFF;border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/} #pageInContOff:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterOff { position: relative; width: 782px; height: 20px; top: -15px; margin-left: auto; margin-right: auto; margin-bottom: 5px; clear: both; text-align: center; font-size:11px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(../templates/current/PIE.htc);} #pagefooterOff a { color: #69C; font-size:10px;} .officeLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 25px; background-color:#eef3f7;} .officeTxtAlertCont{ float: right; width: 0%; height: 100%;} .officeLogContInner{ position: relative; width: 100%; height: 100%;} /*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/ #directorsAreaPage #contentarea .directors_content {position: relative; float: left; width: 68%;} #directorsAreaPage #contentarea .directors_sidebar { position: relative; float: right;} #pageInContDir{ position: relative; height:100%; padding-bottom: 5px; width:100%; background:none; /*padding-bottom: 10px;*/} /*#pageInContDir :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}*/ #pagefooterDir {clear: both; color: #FFFFFF; height: 50px; margin: 0 auto 5px; padding-left: 0; padding-top: 20px; position: relative; text-align: center; width: 959px; z-index: 1000;background:url(../../templates/current/images/footer_bgr.jpg) no-repeat;} #pagefooterDir a { font-size:11px; color: white;} .directLogCont{position: relative; height:100%; background-color: #FFF; /*padding-bottom: 10px;*/} .dirTxtAlertCont{ float: right; width: 0%; height: 100%;} .dirLogContInner{ background-color: #ebf4f5; float: left; margin-bottom: 30px; padding-bottom: 20px; padding-top: 20px; position: relative; width: 100%;} .dirLogContInner .input_short {font-size:12px;} body#directorsAreaPage .directors_content { width: 65% !important; } body#directorsAreaPage table .input_short, body#directorsAreaPage table .input_normal{ height: 33px; margin-bottom: 10px; } /* t*/ body#directorsAreaPage #divCustomFooterLinks, body#membersAreaPage #divCustomFooterLinks, body#officeAreaPage #divCustomFooterLinks { display: none; } body#membersAreaPage #pagefooterOther p, body#directorsAreaPage #pagefooterOther p, body#officeAreaPage #pagefooterOther p{ padding: 20px 0 0;} body#membersAreaPage #footerDetails, body#directorsAreaPage #footerDetails, body#officeAreaPage #footerDetails { height: 72px; width: 100%; padding: 10px 0 0 20px; box-sizing: border-box; } body#membersAreaPage #pagefooterOuterOther, body#directorsAreaPage #pagefooterOuterOther, body#officeAreaPage #pagefooterOuterOther { background: url("../../templates/current/images/members_footer.png") repeat-x scroll left bottom; border: none; height: 153px; } body#membersAreaPage #pagefooterOther, body#directorsAreaPage #pagefooterOther, body#officeAreaPage #pagefooterOther { padding: 0; background: none; } body#membersAreaPage img#footer-cu-logo, body#directorsAreaPage img#footer-cu-logo, body#officeAreaPage img#footer-cu-logo { margin: 0 10px 13px; padding: 0; } body#membersAreaPage #masthead .logo #img_masthead, body#officeAreaPage #masthead .logo #img_masthead, body#directorsAreaPage #masthead .logo #img_masthead { float: left; padding: 1.9em 3em 0 0; width: 250px; } body#membersAreaPage #masthead .area_title, body#officeAreaPage #masthead .area_title, body#directorsAreaPage #masthead .area_title { margin: 44px 2% 0 2px; } #directorsAreaPage .directors_sidebar table tr >td >font {color: rgb(153, 153, 153) !important;} #directorsAreaPage .directors_sidebar table tr >td {background-color: #ebf4f5;} #directorsAreaPage .directors_sidebar table tr:nth-child(2) >td {background-color: #fcd88b;} #directorsAreaPage .directors_sidebar table tr:first-child >td >font, #directorsAreaPage .directors_sidebar table tr:nth-child(2) >td >font {color: #ffffff !important;} #directorsAreaPage .directors_sidebar table tr:first-child >td {background-color: #ed802a;} #directorsAreaPage .directors_sidebar table.tableform tr >td {background-color: #ebf4f5;} #divSliderLoanCalculatorWrapper { min-height: 346px;} /* --------------------------------------------------------------------------------------------- */ /* MEDIA QUERIES */ @media only screen and ( max-width: 72.000em ) /* 1152 */ { /*#divHTMLAnnouncements2Wrapper { background-position: 0px 7px, 120% bottom;}*/ #announcements2_content_dynamic .text1 { width: 60%} #announcements2_content_dynamic .text3 { width: 55%} #announcements_content_dynamic h2 {font-size:2.6em; /*padding-left:0;*/} #divHTMLAnnouncements2Wrapper {} /*#announcements2_content_dynamic h2 { font-size: 1.05em; line-height: 2.8em;} #joinus {background:none;} #announcements_content_dynamic p {padding-left:0; text-align:left;} #divCustomFooterLink1, #divCustomFooterLink2, #divCustomFooterLink3, #divCustomFooterLink4, #divCustomFooterLink5, #divCustomFooterLink6, #divCustomFooterLink7, #divCustomFooterLink8 {padding:0 16px;} #modulelinks a {padding: 4px 10px 4px 38px;} #homePage #main {background: url(../../templates/current/images/main_tile.jpg) repeat-x;} #pageContent {padding:0 5px; box-sizing:border-box;}*/ } @media only screen and ( max-width: 64em ) /* 1024 */ { #pageContent {padding:0 0px;} /*SEARCH BAR - MASTHEAD */ #header-search {float: none;margin: 0 auto; position: static; right: 0; text-align: center; margin-bottom:25px; } #header-search .input_search {padding: 0 10px 6px 15px; width: calc(100% - 40px);} #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: #5d7585; 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: #698496;} #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: -15px; left: auto; margin:0 0 20px; width:100%; display:block;} #mainmenuMobile > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #5d7585; position: relative; margin-top: 10px;} #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: 1em; 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: #698496;} #mainmenuMobile > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #fff;} /* 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: #5d7585; position: relative;} body#membersAreaPage #membermenu > a, body#directorsAreaPage #membermenu > a {background-color: #1c7cb8;} #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: #698496;} #membermenu > ul > li:not( :last-child ) > a {border-right: none;} /* second level */ #membermenu li ul {position: static;/* padding: 1.25em; 20 */padding-top: 0;} body#membersAreaPage #masthead .logo #img_masthead, body#officeAreaPage #masthead .logo #img_masthead, body#directorsAreaPage #masthead .logo #img_masthead {margin:0; padding: 0; padding-top:10px; padding-left:10px;} #divHTMLAnnouncements1Wrapper { width: 100%; background-size: auto, contain; margin-left: 0; margin-top: 0; } #announcements_content_dynamic { width: 67%; } #announcements_content_dynamic img {width: 40%;} #announcements_content_dynamic img#ifutLogo { width: 30%; float: left; padding-top: 5px; padding-left: 15px; } #announcements_content_dynamic p { font-size: 26px; } #announcements_content_dynamic p#ifutMembers { width: 60%; float: left; padding: 15px 0 0 15px; } html {font-size: 100%; /* 12 */} #layoutarea { float:none; background:none;} #memberscontentarea { float: right; margin-right: 0; margin-top: 0; position: relative; width: 100%;!important } #divSpotlightsWrapper {width:100%; padding-top:0;} body, #main {background:none;} #pageContent {} ol#pagination { padding: 10px 0 0px;} #loginarea { float: left; padding-bottom: 5px; position: relative; right: 0; text-align: center; top: 0; width: 100%; margin-bottom:10px;} #loginarea_contentpage { float: none; padding-bottom: 5px; text-align: center; width: 100%;} #facilities .divider { width: 33.25%;} #header-sitemap { float: none; width: auto;} #loginarea img {margin-bottom: 8px; margin-right: 5px; width: 260px;} #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%;} #modulelinks ul {margin-bottom:20px;} 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:10px; text-align: left;} #pagefooterOuterPublic, #pagefooterOuterIndex, #pagefooterOuterOther {margin-top:20px;} #masthead {height:100%; padding-bottom:1px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(220,226,238,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,226,238,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,226,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce2ee',GradientType=0 ); } #pageInContDir #layoutarea, #directorsAreaPage #layoutarea, #membersAreaPage #layoutarea { margin: 0px auto 0;} #onlineNewsletterForm input.button_submit {width: 100px;} body#membersAreaPage #masthead, body#officeAreaPage #masthead, body#directorsAreaPage #masthead {margin-bottom:20px; height:150px;} #byline_members {top:190px;} #byline { display: none; /*top:35px; text-align: center; width:100%; right:0; left:0;*/} #membersAreaPage #masthead .logo, #officeAreaPage #masthead .logo, #directorsAreaPage #masthead .logo {float: left; padding: 0;} #masthead .logo #img_masthead {float: none; margin: 2em auto 1em; padding: 0em 0em 0em 0; text-align: center; padding-right:0; width:350px; } #submenu ul {} #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;} #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;} #news_content { padding: 10px 0 10px 60px; 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;} body#homePage #submenu, #sidebar, body#homePage #divQuickLinksWrapper{ margin-left: 0; padding: 0; width: 100%; margin-top:-220px;} #submenu, #sidebar, #divQuickLinksWrapper{ margin-left: 0; padding: 0; width: 100%; margin-top:0px; margin-bottom:20px;} #sidebar {margin-bottom:0;} #modulelinks_contentpage {padding-bottom:0px;} #sidebar {margin-top:0;} #divNewsHeadlinesWrapper {height: 100%; min-height: 170px; width: 100%; padding:0;} #newsheadlines {height:auto;} #spotlight1, #spotlight2, #spotlight3, #spotlight4 {width:100%; padding-right:0; box-sizing:border-box; padding-bottom:10px;} #spotlight1, #spotlight2, #spotlight3, #spotlight4 {margin:20px 0 0;} .spotlight_title {width:50%; float:right; padding-top:30px;} .spotlight_text { float: right; height: auto; padding-bottom: 30px; width: 100%;} #contentarea {width:100%; float:none;} #newsheadlines img {display:none;} h4.h4newsheadlines:after {top: 45px;} #masthead #announcements {bottom: -1.3em; font-size: 1.1em; margin: 0 auto; position: relative; text-align: center; display:none;} #facilities {background: #97a1ad; width:100%;} #facilities #helpmenu {display:none;} #facilities a:hover { border-bottom: none; background: #41718a; color:white; text-decoration:none;} #header-sitemap { width: 33.5%;} #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: 10px; top: 328px; } #loginPage #SocialNet {top: 335px;} #SocialNetIcons #socNetHeaderDiv0 a img, #SocialNetIcons #socNetHeaderDiv1 a img, #SocialNetIcons #socNetHeaderDiv2 a img {width: 100%;} #RowOneBoxOne, #RowTwoBoxOne { float:left; height: 145px; width: 46%; background-position: right; border-top:1px solid #eee} #RowOneBoxTwo, #RowTwoBoxTwo { float:right; height: 145px; width: 46%; background-position: right; border-top:1px solid #eee;} #directorscontentarea { float: right; margin-right: 0; margin-top: 0; position: relative; width: 100%; } #adminmenu {width:100%; margin: 5px 0 20px 0px;} #membersAreaPage #masthead .area_title, #officeAreaPage #masthead .area_title, #directorsAreaPage #masthead .area_title {display:none;} /* FOOTER */ #pagefooterOuterIndex, #pagefooterOuterPublic, #pagefooterOuterOther {background-image:none; background-color: #f8f9fa;} #pagefooterIndex, #pagefooterOther, #pagefooterPublic {background-image:none; background-color: #a6b2bf;} .ProgressLogo {display:none;} #divPrivacyTermsLinksWrapper {background: #000000;} body#membersAreaPage #divPrivacyTermsLinksWrapper, body#directorsAreaPage #divPrivacyTermsLinksWrapper {background: #054c78;} #divTermsFooterLink, #divPrivacyFooterLink {position: initial; float: left; width: 50%;} #footerDetails {width:100%;} #footerDetails ul {float: none; display: block; text-align: center; left: 0; width:100%;} #footerDetails li {float: none; display: block; width: 100%; text-align:center;} #pagefooterAlternative {width: 100%;} #fsrnTextAlternative {float: none; display: block; width: 100%; text-align: center;} #fsrnTextOff {padding-left: 0; padding-bottom: 15px;} body#membersAreaPage #footerDetails, body#directorsAreaPage #footerDetails, body#officeAreaPage #footerDetails {text-align: center;} /* CALCULATOR */ #divSliderLoanCalculatorWrapper { width: 100%; } .spotlight_image_upload { box-sizing: border-box; float: left; margin-right: 10px; padding: 10px 10px 10px 20px; width: 47%; } .spotlight_container { box-sizing: border-box; float: right; width: 50%; padding: 15px 15px 0;} .spotlight_link {float: left; position: relative;} .Secondline {font-size: 24px; line-height: 28px;} #masthead .logo {float: left; margin: 0 auto; padding: 2.5em 0 1em; text-align: center; width: 100%;} h4.h4quicklinks, h4.h4newsheadlines, #submenu .title_subsections { font-size: 1.6em;} #homePage h4.h4quicklinks, h4.h4newsheadlines {padding: 9px 10px 15px 60px;} #submenu .title_subsections, h4.h4quicklinks {background-position: 0 7px;} #submenu a, #modulelinks_contentpage a, #modulelinks a {font-size:1.2em;} #news_content {} #divHTMLAnnouncements1Wrapper {} #announcements_content_dynamic a {} #homePage #main {background-image:none;} .spotlight_link a {float: none;width: 70%; } #divCustomFooterLink8 { position: initial; float: none; display: block; width: 100%; background-position: 50% 50%; background-color: #f8f9fa; height: 50px; margin: 0; margin-top:5px; text-align: center; padding: 3px 0px; } #divCustomFooterLink1, #divCustomFooterLink2, #divCustomFooterLink3, #divCustomFooterLink4, #divCustomFooterLink5, #divCustomFooterLink6, #divCustomFooterLink7 { float:none; display:block; width: 100%; text-align: center; margin: 0; padding:3px 0px; } #facilities a {line-height:3.35em;} #joinus {height: 80px; width: 60%;} #homePage #news_content p {width:95%;} img#footer-cu-logo {margin-left:10px;} /*ANNOUNCEMENT 2*/ #divHTMLAnnouncements2Wrapper {background-position: 0px 7px, right center;} #announcements_content_dynamic a {height:180px;} #divHTMLAnnouncements2Wrapper { width: 100%; margin-left:0;} /*#announcements2_content_dynamic .text2 {width:auto;}*/ #fscs { padding-top: 2%; width:100%; box-sizing:content-box; padding-bottom: 2%; padding-right: 0;} #announcements_content_dynamic h2 {font-size:2.7em; margin-top:10px; padding-bottom: 5px; width:100%;} #announcements_content_dynamic p { width: 45%; padding: 30px 0 0 15px;} /*#announcements2_content_dynamic img {max-width: 310px; float:right;} #announcements2_content_dynamic { background-position:left; float: left; width: 100%; background-size:80px; } #announcements2_content_dynamic h2 {bottom: 0; float: left; font-size: 1.7em; height: 30px; line-height: normal; margin: auto 90px; position: absolute; top: 0; width: 50%;} #announcements2_content_dynamic a {height:120px;}*/ /* ANNOUNCEMENT 2 - END*/ #newsheadlines_contentpage { height: 100%; margin-bottom: 0; min-height: 190px;} #pagefooterOther p {} table.estatements td {text-align:center;} #divCustomFooterLinks { padding: 10px 0px 10px 0px; } #header-search { right: 34%; } #divHomepageImagesWrapper {width: 100%;} #SocialNetIcons #socNetHeaderDiv0 a img {} .memContainer {width: 100%;} .dobContRand3 {width: 100%;} .memNumForm input { width: 52%; } .dobForm3 .input_2char, .dobForm3 .input_4char {width:7.5%;} #AlertPanelPIN { margin-top: 0; padding: 5px; text-align: left; margin-top: 0px; margin-bottom: 15px; 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; } #pagefooterIndex { height: 130px; } img#footer-cu-logo {display: none;} #divHTMLAnnouncements2Wrapper { margin:auto; height:246px; float: left;} } @media only screen and ( max-width: 60em ) /* 960 */ { } @media only screen and ( max-width: 50em ) /* 800 */ { img#footer-cu-logo { margin-right: 2%; width: 20%; } #homePage #divSliderLoanCalculatorWrapper #sliderTermHome, #homePage #divSliderLoanCalculatorWrapper #sliderAmountHome { width: 95%; } #homePage #divSliderLoanCalculatorWrapper img#sliderTermPlusHome, #homePage #divSliderLoanCalculatorWrapper img#sliderAmountPlusHome { left: 92px; } #divSliderCalcLoanTypeTextHome { width: 20%; } #footerDetails { margin-bottom: 0; } body#membersAreaPage #masthead .area_title, body#officeAreaPage #masthead .area_title, body#directorsAreaPage #masthead .area_title { display: block; margin: 21px 2% 0 auto; width: 115px; } body#membersAreaPage #masthead .logo, body#officeAreaPage #masthead .logo, body#directorsAreaPage #masthead .logo { width: 60% } } @media only screen and ( max-width: 48em ) /* 768 */ { #divHTMLAnnouncements1Wrapper .an1 { margin-top: 20px; } #divHTMLAnnouncements1Wrapper .an1 span { display: inline; font-size: 30px; margin-top: 0; } #divHTMLAnnouncements1Wrapper .an2 { padding: 0 0 0 90px; } #fsrnTextOff {display: none;} #pagefooterIndex, #pagefooterPublic, #pagefooterOther {} #divHTMLAnnouncements2Wrapper { margin-bottom: 0px;} #footerDetails ul { width: 100%; } } @media only screen and ( max-width: 45em ) /* 720 */ { /*#announcements2_content_dynamic .text2 {width:188px;}*/ 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; } .spotlight_title {width:50%; float:right; padding-top:10px;} td.membership_table { font-size: 0.9em;} input#term {width: 90%;} input#amount {width: 90%;} .Firstline { float: left; padding-right: 7px; width: auto; margin-top:2%; } #facilities {padding:0;} #announcements_content_dynamic h2 {margin-top:1.5%;} .spotlight_title {width:50%; float:right; padding-top:20px;} #footerDetails li {width:100%; text-align:center;} #fsrnTextAlternative {display: none;} #pagefooterIndex, #pagefooterPublic, #pagefooterOther {float:left; height:auto; padding: 15px 0 0; height: 370px} img#footer-cu-logo { border: medium none; float: none; margin: 0px auto 10px; padding-right: 0; width:200px;} #pagefooterOther p { font-size: 0.9em; left: 0; margin: auto !important; position: relative; right: 0; text-align: center; top: 21px; width: 90%; padding: 0; } #loginPage #pagefooterIndex, #loginPage #pagefooterPublic, #loginPage #pagefooterOther, #calculatorPage #pagefooterIndex, #calculatorPage #pagefooterPublic, #calculatorPage #pagefooterOther { height: 164px; } #loginPage #divPrivacyTermsLinksWrapper, #calculatorPage #divPrivacyTermsLinksWrapper { top: 65px; } #footerDetails {padding-bottom: 22px;} #divCustomFooterLink1, #divCustomFooterLink2, #divCustomFooterLink3, #divCustomFooterLink4, #divCustomFooterLink5, #divCustomFooterLink6, #divCustomFooterLink7, #divCustomFooterLink8 {width:100%; padding:5px 0; float:none;} } @media only screen and ( max-width: 40em ) /* 640 */ { #footerDetails ul { width: 100%; } #divTermsFooterLink a, #divPrivacyFooterLink a { color: white; display: block; font-size: 0.9em; padding: 12px 0; text-decoration: none; text-align: center; } #divTermsFooterLink, #divPrivacyFooterLink { padding: 15px 0; } #pagefooterAlternative {display: none;} body#membersAreaPage img#footer-cu-logo, body#directorsAreaPage img#footer-cu-logo, body#officeAreaPage img#footer-cu-logo { margin: auto; } body#membersAreaPage #pagefooterIndex, body#directorsAreaPage #pagefooterIndex, body#officeAreaPage #pagefooterIndex, body#membersAreaPage #pagefooterPublic, body#directorsAreaPage #pagefooterPublic, body#officeAreaPage #pagefooterPublic, body#membersAreaPage #pagefooterOther, body#directorsAreaPage #pagefooterOther, body#officeAreaPage #pagefooterOther { height: 150px; } body#membersAreaPage #divPrivacyTermsLinksWrapper, body#directorsAreaPage #divPrivacyTermsLinksWrapper, body#officeAreaPage #divPrivacyTermsLinksWrapper { top: 56px; } body#membersAreaPage #pagefooterOther p, body#directorsAreaPage #pagefooterOther p, body#officeAreaPage #pagefooterOther p { top: 0; } } @media only screen and ( max-width: 40em ) /* 640 */ { #homePage #divSliderLoanCalculatorWrapper #sliderTermHome, #homePage #divSliderLoanCalculatorWrapper #sliderAmountHome { width: 85%; } #homePage #divSliderLoanCalculatorWrapper img#sliderTermPlusHome, #homePage #divSliderLoanCalculatorWrapper img#sliderAmountPlusHome { left: 62px; } #divSliderCalcLoanTypeTextHome { width: 30%; } #divHTMLAnnouncements1Wrapper .an2, #divHTMLAnnouncements1Wrapper .an1 { padding: 0 0 0 30px; } #divHTMLAnnouncements1Wrapper .an1 span { display: block; margin-top: 10px; } #divHTMLAnnouncements1Wrapper .an1 { margin: 30px 0 0 0; } #divHTMLAnnouncements1Wrapper .an2 { margin-top: 25px; } } @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 {} #membersAreaPage #SocialNet {top:120px;} #divTermsFooterLink a, #divPrivacyFooterLink a {color: white; font-size: .9em; text-decoration:none; padding:12px 0; display:block;} #divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover {background:#444; color:white;} #pagefooterOther img#footer-cu-logo {border-right: medium none; float: none; text-align: center;} #pagefooterOther #footerDetails {width: 100%; border-right:none; text-align: center;} #footerDetails li {} #joinus {width:40%; height:120px;} #announcements_content_dynamic h2 { margin-top: 1.5%;} #announcements2_content_dynamic {background-size:60px;} #announcements2_content_dynamic img {max-width:290px;} #announcements2_content_dynamic a {} } @media only screen and ( max-width: 37.5em ) /* 600 */ { /*SEARCH BAR - MASTHEAD */ input#term {width: 87%;} input#amount {width: 87%;} #footerDetails {width: 100%; border-right:none; text-align: center;} #footerDetails ul {position:relative; top:0; left: auto;} #footerDetails li {display:block;} #fsrnTextAlternative { box-sizing: border-box; color: rgba(255, 255, 255, 1); float: none; font-size: 11px; line-height: 18px; margin: 0 auto; text-align: center;} #divHTMLAnnouncements1Wrapper { background-image: none; background-image: url(../../templates/current/images/ifut_bgr.png); background-repeat: no-repeat; background-position: bottom center; border:1px solid #7fb4d4; } #announcements_content_dynamic {width: 100%;} #announcements_content_dynamic p {width: 55%; padding: 25px 0 0 15px; font-size: 28px;} #announcements_content_dynamic p#ifutMembers {width: 100%; float: none; clear: both; font-size: 33px;} #announcements_content_dynamic img#ifutLogo {width: 40%; padding-bottom: 10px;} body#membersAreaPage #masthead .logo #img_mastheadMobile, body#officeAreaPage #masthead .logo #img_mastheadMobile, body#directorsAreaPage #masthead .logo #img_mastheadMobile { width: 290px; margin: 0 auto; } } @media only screen and ( max-width: 36.875em ) /* 590 */ { #divHTMLAnnouncements2Wrapper {width:100%;} } @media only screen and ( max-width: 35.5em ) /* 568 */ { #divHTMLAnnouncements2Wrapper { background-position: 0px 7px, 120% center;} 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: 574px; margin-left:0; height:auto;}*/ 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;} } @media only screen and ( max-width: 33.4375em ) /* 535 */ { #SocialNet { top: 363px;} #loginPage #SocialNet { top: 373px;} #masthead .logo #img_masthead {display:none;} #masthead .logo #img_mastheadMobile { display: block; margin: 2em auto 1em; width:320px;} #divHTMLAnnouncements2Wrapper {background-position:0px 7px, 150% center;} #calculatorPage .input_invisible, #membersAreaPage .input_invisible {width: 100%; text-align: center;} } @media only screen and ( max-width: 32.5em ) /* 520 */ { 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%;} input#amount {box-sizing: border-box; margin: 0 auto; text-align: center; width: 100%;} .informationalLoanCal {font-size:12px;} #divCustomFooterLinks {width: 100%; border-right:none;} .directors_sidebar {float:left; width:100%;} .directors_content {width:100%; margin-bottom:20px;} .logButtin {margin-top:30px;} input#apr {text-align: center;} #bankingPinConfirm {background-image:none; background-color: #eee; padding-bottom:20px;} #fscs {margin-top: 0; padding-top: 0; width: 80%;} #announcements_content_dynamic h2 {} #divHTMLAnnouncements1Wrapper { box-sizing: border-box; height: auto; padding: 6px; } #announcements_content_dynamic a {height:120px;} #joinus {height: auto; min-height: 80px; position: relative; width: 100%; left:0;} #announcements2_content_dynamic a {} } @media only screen and ( max-width: 31.563em ) /* 505 */ { /*#announcements2_content_dynamic .text1{font-size:2.3em;} #announcements2_content_dynamic .text2 {width:140px;}*/ } @media only screen and ( max-width: 30em ) /* 480 */ { #divHTMLAnnouncements2Wrapper {background-position:0px 7px, 200% center;} /*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%;} ul#homepagejQueryImages {padding: 7px 20px; bottom: 5px; } table.estatements td {background:white; display:block; width:100%; text-align:center;} .spotlight_image_upload {box-sizing: border-box; float: none; padding: 0px; width: 100%;} .spotlight_image_upload img {width:100%;} .spotlight_text {min-height:100%;} .spotlight_container {min-height:100%; width:100%;} .spotlight_title {width:100%; float:none;} .memberNumberTxt, .dobInputTxtRand3, .memberNumberTxt2, .dobInputTxtRand3_2, .insertRandomPin3 {float:none; display: block; width: 100%; text-align: left;} #membersAreaPage #loanSliderContainer {height: 850px;} 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{ text-align: center; width: 100%; font-size: 15px; } #sliderValuesListHome .input_invisible { text-align: center; } span#spanMonthTotalInterestHome { padding: 15px 0 0; text-align: center; width: 100%; } #homePage span#spanMonthHome, #homePage span#spanMonthTotalHome { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding:10px 0; } ul#sliderValuesListHome { border:0; } span#spanWeekHome, span#span2WeeksHome, span#span4WeeksHome, span#spanMonthHome, span#spanMonthTotalHome, span#spanMonthTotalInterestHome {font-size:15px;} } @media only screen and ( max-width: 28.375em) /* 454 */ { #divHTMLAnnouncements2Wrapper{} #divHTMLAnnouncements2Wrapper {} } @media only screen and ( max-width: 26.6875em ) /* 427 */ { #announcements_content_dynamic a {height:132px;} #newsheadlines_contentpage {min-height: 190px;} #onlineBankingErrorMessages {top:0;} #homePage #divSliderLoanCalculatorWrapper #sliderTermHome, #homePage #divSliderLoanCalculatorWrapper #sliderAmountHome { width: 80%; } #homePage #divSliderLoanCalculatorWrapper img#sliderTermPlusHome, #homePage #divSliderLoanCalculatorWrapper img#sliderAmountPlusHome { left: 50px; } body#directorsAreaPage .directors_content { width: 100% !important; } body#membersAreaPage #masthead .area_title, body#officeAreaPage #masthead .area_title, body#directorsAreaPage #masthead .area_title { display: none; } body#membersAreaPage #masthead .logo, body#officeAreaPage #masthead .logo, body#directorsAreaPage #masthead .logo { width: 100%; } #pagefooterAlternative {display: none;} } @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:200px;} #bankingPinConfirm .insertRandomPin3 { margin-bottom: 10px; width: 100%;} #bankingPinConfirm h1 {font-size:15px;} .informational {letter-spacing:normal;} #onlineNewsletterForm input.button_submit { margin-left: 0px; width:65%;} #news_content { min-height: 150px;} .spotlight_image_upload {box-sizing: border-box; float: none; padding: 0px; width: 100%;} .spotlight_image_upload img {width:100%;} .spotlight_text {min-height:100%;} #announcements_content_dynamic a {} .spotlight_container {min-height:100%; width:100%;} .spotlight_title {width:100%; float:none;} #divHTMLAnnouncements1Wrapper { } #announcements_content_dynamic h2 {width:auto;} #announcements_content_dynamic a {height:167px;} #joinus {width:100%;} .mainContainer, .mainContRand3, .mainContSec2 {padding:10px;} #announcements_content_dynamic p {font-size: 24px;} #announcements_content_dynamic p#ifutMembers {font-size: 28px;} } @media only screen and ( max-width: 22.5em ) /* 360 */ { #homePage #divSliderLoanCalculatorWrapper #sliderTermHome, #homePage #divSliderLoanCalculatorWrapper #sliderAmountHome { width: 69%; } #homePage #divSliderLoanCalculatorWrapper img#sliderTermPlusHome, #homePage #divSliderLoanCalculatorWrapper img#sliderAmountPlusHome { left: 37px; } 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 { text-align: center; width: 100%; padding:5px 0; } #divSliderCalcLoanTypeTextHome { width: 35%; } #homePage #divSliderLoanCalculatorWrapper select#intrateDDL { width: 50%; } #divSliderLoanCalculatorWrapper #aprHome { margin-top: 10px; } #divSliderLoanCalculatorWrapper #amountHome { margin-left: 54px; } body#membersAreaPage #masthead .logo #img_mastheadMobile, body#officeAreaPage #masthead .logo #img_mastheadMobile, body#directorsAreaPage #masthead .logo #img_mastheadMobile { } #announcements_content_dynamic p { width: 45%; padding: 10px 0 0 15px; font-size: 26px; } #announcements_content_dynamic p> span {font-size: 26px;} p#clickHere {font-size: 12px;} #divHTMLAnnouncements1Wrapper .an1 { margin: 20px 0 0; } } @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 {} .tableform li, .tableform a, .tableform p, .e-tableform li, .e-tableform a, .e-tableform p {font-size:12px;} .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 {} #announcements_content_dynamic h2 {} #loginarea img, #header-search {} .spotlight_link a {padding:7px 10px; font-size:14px;} #membersAreaPage #loanSliderContainer {height: 950px;} } @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;}*/ .input_short {width: 6.5em;} #spotlight1, #spotlight2, #spotlight3, #spotlight4 {} .Secondline { font-size: 19px; line-height: normal;} #announcements_content_dynamic a {height:165px;} #divNewsHeadlinesWrapper {} #announcements2_content_dynamic a {} #masthead .logo #img_mastheadMobile {width:300px;} .mainContainer, .mainContRand3, .mainContSec2 { padding: 10px 5px;} .insertRandomPin3 {margin-right:0;} body#membersAreaPage #masthead { height: 140px;} #announcements_content_dynamic p#ifutMembers { padding: 0 0 0 15px; font-size: 24px; } }