/* -------------------- WARNING! Copyright Progress Systems Limited. Explicit permission is required 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 ignored, 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 . --------------------------------------------------------------------- */ /* HTML TAG RE-DEFINITIONS */ body{ font-family: Arial, Verdana, Geneva, sans-serif;font-size: 13px; line-height:130%; line-height:20px; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */color:#444444; background-color: #e2e9f1; background-repeat:repeat-x; background-image: url(images/bkgd_gradient.jpg);} * {margin:0; padding:0;} html {} a {color:#23a972; text-decoration:none; line-height:20px; } a:hover {text-decoration:none; color:#1e90d2;} hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dashed #B5CCD9; border-bottom: 1px dotted #FFFFFF;} #officeAreaPage hr {display:none;} #layoutareaoffice hr {display:none;} strong {font-weight:bold;} iframe { font-family: Arial, Verdana, Geneva, sans-serif; font-size: 11px; color:#333333; width:665px;} iframe#OnlineBankingiframe {width:100%;} iframe.iFrameEditor {min-height:450px;} iframe.spotlightnew {border: 1px dotted #CCCC99; width: 200px; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 11px; color:#333333; height: 100px;} img {border: none;} img a {border-bottom:none;} p { font-size: 13px; line-height: 21px; margin-bottom: 10px; font-family: Arial; font-weight: normal; } acronym {cursor: help; border-bottom: 1px dashed; color: #444444; font-size: 12px;} font, td {font-size: 13px; line-height: 20px;} table.downloads td {padding:3px;} td.block b {color: #ffffff;} td.membership {background: none repeat scroll 0 0 #1e90d2; color: #ffffff; padding: 3px 5px 5px;} em, small {color: #444444; font-size: 11px;} small a {color: #0066CC; font-size:11px;} small a:hover {color:#FF6C00;} tr#TemplateRow1 {display:none;} td p {padding: 7px; font-family: Arial, Geneva, sans-serif; margin-bottom: 0;} td b {line-height: 20px;} td.bodytext {padding:7px;} .contactdetails p{color: #ffffff; margin-top: -1px;} table {border-collapse: collapse; border: none;} table.membership {border-top:2px solid #FF6C00;} table.membership_text { background: none repeat scroll 0 0 #E4F1F4; border-top: 2px solid #AF2525; color: #FFFFFF; font-family: Verdana; font-size: 12px; padding: 10px 10px 5px;} table.data {border-collapse: separate; border: 1px dotted #ced7eb;} table#tableTrans {} p.quote {padding-left:150px; background:url(../../templates/current/images/quote.gif) no-repeat 20px center;} img.pdf {vertical-align: bottom;} #submenuCalculatorLi {display:none;} #Reg_Note {color: red;} .services td img {margin-top:20px;} iframe.map {width:680px;} table.resources td {padding:0 3px;} table.resources p {padding: 3px;} img#footer-cu-logo {display:none;} #submenuBreadcrumbs {display:none;} .resources img {padding:3px;} /* HEADINGS */ h1 {font: bold 16px Arial, Verdana, Arial, Helvetica, sans-serif; padding-bottom: 5px; color: #69C;} h2 {font-family: Arial; font-size: 16px; line-height: 20px; margin-bottom: 10px; color: #1e90d2;} h3 {font-family: Arial; font-size: 16px; line-height: 20px; margin-bottom: 10px; } h4 {font: bold 16px Trebuchet MS; color: #444444; padding-bottom: 15px; } h5 {font: 12px Arial, Verdana, Helvetica, sans-serif; color: #999999; padding-bottom: 15px;} h6 {font: 10px Arial, Verdana, Helvetica, sans-serif; padding-bottom: 15px;} /* COMMONLY USED CLASSES */ .required {font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #CC0000;} .informational {font:11px Arial, Verdana, Helvetica, sans-serif; color: #8897b7;} .largeFont {font-size:14px; color:#3E8CCC; font-weight: bold;} .lighttext {color: #999999;} .smallfont{font:11px Arial; color: #999999;} /* BUTTONS */ .button_search {background: url(../../templates/current/images/search_btn.jpg) no-repeat; border: 0 none; color: #FFFFFF; cursor: pointer; display: block; float: left; font-size: 0; font-weight: bold; height: 53px; line-height: 0; margin: -2px 0 0 -30px; overflow: hidden; padding: 0; text-indent: -9999px; width: 55px;} .button_submit {background: #65bb8b; /* Old browsers */ background: -moz-linear-gradient(top, #65bb8b 0%, #65bb8b 18%, #018f40 71%, #018f40 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65bb8b), color-stop(18%,#65bb8b), color-stop(71%,#018f40), color-stop(100%,#018f40)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #65bb8b 0%,#65bb8b 18%,#018f40 71%,#018f40 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #65bb8b 0%,#65bb8b 18%,#018f40 71%,#018f40 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #65bb8b 0%,#65bb8b 18%,#018f40 71%,#018f40 100%); /* IE10+ */ background: linear-gradient(to bottom, #65bb8b 0%,#65bb8b 18%,#018f40 71%,#018f40 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65bb8b', endColorstr='#018f40',GradientType=0 ); /* IE6-9 */ border: 1px solid #018f40; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 30px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #018f40; margin: 5px 0 10px 0;} .button_cancel {background: #df6b6b; /* Old browsers */ background: -moz-linear-gradient(top, #df6b6b 0%, #df6b6b 18%, #af2525 71%, #af2525 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6b6b), color-stop(18%,#df6b6b), color-stop(71%,#af2525), color-stop(100%,#af2525)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #df6b6b 0%,#df6b6b 18%,#af2525 71%,#af2525 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #df6b6b 0%,#df6b6b 18%,#af2525 71%,#af2525 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #df6b6b 0%,#df6b6b 18%,#af2525 71%,#af2525 100%); /* IE10+ */ background: linear-gradient(to bottom, #df6b6b 0%,#df6b6b 18%,#af2525 71%,#af2525 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df6b6b', endColorstr='#af2525',GradientType=0 ); /* IE6-9 */ border: 1px solid #af2525; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 30px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #af2525; margin: 5px 5px 10px 0;} .button_other {background: #3780bf; /* Old browsers */ background: -moz-linear-gradient(top, #3780bf 0%, #3780bf 18%, #024986 71%, #024986 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3780bf), color-stop(18%,#3780bf), color-stop(71%,#024986), color-stop(100%,#024986)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3780bf 0%,#3780bf 18%,#024986 71%,#024986 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3780bf 0%,#3780bf 18%,#024986 71%,#024986 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3780bf 0%,#3780bf 18%,#024986 71%,#024986 100%); /* IE10+ */ background: linear-gradient(to bottom, #3780bf 0%,#3780bf 18%,#024986 71%,#024986 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3780bf', endColorstr='#024986',GradientType=0 ); /* IE6-9 */ border: 1px solid #024986; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 30px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #2b6f85; margin: 5px 0 10px 5px;} .button_short {background-image:url(../../templates/current/images/button_other_bkgd.gif); background-repeat:repeat-x; border:1px solid #d77f46; color:#FFFFFF; font-weight:bold; cursor:pointer; margin-right: 2px; margin-left: 2px; margin-top: 2px; height:24px; border:none; width:60px; text-align:center; padding: 0 0 3px;} .button_editor{ border:1px solid #F6F6EA;} .tabletitleprint {float: right; width: 100px;} /* FORM FIELDS */ input,select {color: #444444; font-size: 12px; font-family: Verdana, Arial, sans-serif; vertical-align: middle;margin-right: 2px; margin-left: 0px; padding:2px 4px 3px;} .input_normal {width: 180px; border: 1px dotted; font-size: 12px; font-family: Arial, sans-serif; color: #444444; padding:3px 4px 3px;} .input_long {width: 370px; border: 1px dotted; font-size: 12px; font-family: Arial, sans-serif; color: #444444; padding:3px 4px 3px;} .input_short {width: 110px;border: 1px dotted; font-size: 12px; font-family: Arial, sans-serif; color: #444444; padding:3px 4px 3px; margin-left: 5px;} .input_shorter {width: 60px; border: 1px dotted; font-size: 12px; font-family: Arial, sans-serif; color: #444444; padding:3px 4px 3px;} .input_multiline {width: 189px; height: 100px; border: 1px dotted; font-size: 12px; font-family: Arial, sans-serif; color: #444444;} .input_multiLarge {width: 280px; height: 160px; border: 1px dotted; font-size: 12px; font-family: Arial, sans-serif; color: #444444; padding:3px 4px 3px;} .input_nosize {border: 1px dotted; font-size: 12px; font-family: Arial; color: #444444; padding:3px 4px 3px; width:90%;} .input_2char {width: 20px; border: 1px dotted; font-size: 12px; font-family: Arial, sans-serif; color: #444444; padding:3px 4px 3px;} .input_3char {width: 30px; border: 1px dotted; font-size: 12px; font-family: Arial, sans-serif; color: #444444; padding:3px 4px 3px;} .input_4char {width: 40px; border: 1px dotted; font-size: 12px; font-family: Arial, sans-serif; color: #444444; padding:3px 4px 3px;} .input_search { width: 90px; font-size: 13px; font-family: Arial, sans-serif; color: #a3c0d0; padding:9px 4px 11px;} .input_search { border: medium none; color: #B9B9B9; float: left; font-family: Verdana,sans-serif; font-size: 12px; height: 14px; margin-top: 2px; width: 160px; font-style: italic;} #divSearchFormInput { background: url(../../templates/current/images/search_input.jpg) no-repeat scroll 0 3px rgba(0, 0, 0, 0); border: medium none; color: #B9B9B9; float: left; font-family: Verdana,sans-serif; font-size: 12px; height: 36px; padding: 3px 4px 3px 10px; width: 250px; } .input_editor_title {font-size:16px; color: #444444; font-family: Arial, sans-serif; border: 1px #a6bbcd solid; width: 300px; padding:3px 4px 3px;} .input_editor_subtitle {font-size:12px; color: #444444; font-family: Arial, sans-serif; border: 1px #a6bbcd solid; width: 300px; padding:3px 4px 3px;} .input_webteller {width: 120px; border: 1px dotted; font-size: 13px; font-family: Arial, sans-serif; height: 14px; font-weight: bold; color: #444444; text-align: right; padding:3px 4px 3px;} /* TABLES */ /*.tabletitle {margin: 0px; padding-top: 3px; padding-bottom: 5px; padding-left: 3px; padding-right: 3px; /*background-image:url(../../templates/current/images/button_other_bkgd.gif); background-repeat: repeat; border: 1px solid #7fb4de; color:#FFFFFF; font-weight:bold; font-size: 11px;}*/ .tableform, .e-tableform { margin-top: 2px; MARGIN-BOTTOM: 10px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 11px; color:#384930; border-top: 2px solid #1e90d2;} .tableform thead, .e-tableform thead {color: #666; font-size: 9px;} .tableform thead td, .tableform thead td, .e-tableform thead td {background-color:#eef3f7; color: #444444; padding:10px 5px 10px 10px; border-top:2px solid #1e90d2; font-size:11px;} .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 {background-color: #eef3f7; font-family: Arial,Verdana,Geneva,sans-serif; font-size: 12px; padding: 5px; color: #444444;} .tableform table td, .e-tableform table td {border: none; padding: 0px;} .tablegrid { border-collapse: collapse; border-spacing: 0; color: #333333; font-size: 11px; margin-top: 0; padding:3px 10px; background: #eef3f7;} .tablegrid a {border-bottom:1px dotted;} .tablegrid thead {color: #999999; font-weight: bold;} .tablegrid tbody td {color: #444444; font-size: 12px; line-height: 18px; padding: 7px 15px; border-bottom: 1px solid #FFFFFF;} .tablegrid tbody td strong {color: #444444; font-weight: normal;} #contentarea .tablegrid tbody td a, #contentarea .tablegrid thead td a { font-weight: normal; text-align: left;} #contentarea .tablegrid tbody td a:hover, #contentarea .tablegrid thead td a:hover { font-weight: normal; } .tablegrid thead td {background: #1e90d2; color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 18px; padding: 7px 15px;} .tablegrid td.last {border:none;} .tablegrid tr:last-child td {} .tabledetailed {border: 1px dotted #a3c1db; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 10px; color:#333333; margin-bottom: 4px;} .tabledetailed thead {color: #999999; font-weight: bold;} .tabledetailed thead td, .tabledetailed thead td {background-color:#FFFFFF; font-size: 10px; font-family: Arial, Verdana, Geneva, sans-serif;} .tabledetailed td {padding: 1px; border-right: 1px dotted #b5d0e8; border-bottom: 1px dotted #b5d0e8; font-size: 10px; vertical-align: top;} .tabledetailed strong {font-size: 10px;} .table_calendar {} .tablerow_main tr {background-color:#000000;} .tablerow_alt td {background-color:#FFFFFF;} .tablerow_over td {background-color:#FFFFCC;} /* FORM ARCHIVE */ .tableprint { margin-left: 378px;} /*-------LOAN CALCULATOR SLIDER-------*/ input#amount {font-size: 18px; height: 25px; left: 440px; position: relative; text-align: right; top: -105px; width: 100px; color: #db4b4b; border:0; font-weight:bold;} input#term {color: #db4b4b;font-size: 18px; height: 25px; left: 293px; position: relative; text-align: right; top: -75px; width: 250px; border:0; font-weight:bold;} select#intrateDDL {border: 1px dotted #7D869E; color: #db4b4b; font-size: 13px; font-weight: bold; height: 26px; margin: 10px 0 10px 20px; width: 255px;} select#intrateDDL option{color: #4A546F; font-size: 13px; font-weight: normal; padding: 3px 0 0 3px;} input#apr {border-bottom: 1px dotted #444444; font-size: 19px; width: 98%; padding: 0px 3px 10px; font-weight: bold; color:#db4b4b; float:left; margin-bottom: 10px; margin-top:10px; border-top: 0; border-left: 0; border-right:0;} #contentarea ul#sliderValuesList, #memberscontentarea ul#sliderValuesList {color: #444444; font-family: Verdana; font-size: 12px; padding-left: 0; line-height:20px; width: 98.8%; margin-bottom:20px;} #contentarea ul#sliderValuesList li, #memberscontentarea ul#sliderValuesList li {list-style:none; border-bottom: 1px dotted; margin-left: 3px; padding: 5px;} input#paymentSliderWeekly, input#paymentSlider2Weeks, input#paymentSlider4Weeks, input#paymentSliderMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly {display:block; font-size: 15px; font-weight: bold; padding: 0; margin-top: 2px; color: #444; border:0;} input#paymentSliderTotalWeekly, input#paymentSliderTotal2Weeks, input#paymentSliderTotal4Weeks input#paymentSliderTotalMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly { display:block; font-size: 15px; font-weight: bold; color: #444444; border:0;} input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotalInterest4Weeks, input#paymentSliderTotalInterestMonthly {display:block; font-size: 15px; font-weight: bold; color: #444; border:0;} span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 32%;} #divSliderCalcLoanTypeText {color: #444444; float: left;font-size: 13px; font-weight: bold; margin-top: 12px;} #sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -236px; position: relative; top: 20px;} #spanSliderCalcDDLCustomText {color: #444444; font-size:12px; line-height:18px;} /* OB Loaders*/ #OBLoaderExternal1 { height: 100%; position: relative; width: auto;} #OBLoaderWrapper1 { float: left; position: relative; width: 100%;} #OBLoaderDiv1 { background: none repeat scroll 0 0 #000000; display: block; float: left; height: 100%; opacity: 0.2; position: absolute; width: 100%; z-index: 50;} #OBLoaderWrapper1 img { left: 44%; position: absolute; top: 42%; z-index: 100;} OBLoaderExternal2 { display: block; height: 100%; position: relative; width: auto;} #OBLoaderWrapper2 { float: left; position: relative; width: 100%;} #OBLoaderDiv2 { background: none repeat scroll 0 0 #000000; display: block; float: left; height: 100%; opacity: 0.2; position: absolute; width: 100%; z-index: 50;} #OBLoaderWrapper2 img#OBLoader { left: 46%; position: absolute; top: 44%; z-index: 100;} #OBLoaderExternal3 { display: block; height: 100%; position: relative; width: auto;} #OBLoaderWrapper3 { position: relative; width: 100%;} #OBLoaderDiv3 { background: none repeat scroll 0 0 #000000; display: block; float: left; height: 100%; opacity: 0.2; position: absolute; width: 100%; z-index: 50;} #OBLoaderWrapper3 img { left: 46%; position: absolute; top: 35%; z-index: 100;} /*-------LOAN CALCULATOR SLIDER-------*/ input#amountHome {font-size: 16px; height: 25px; left: 290px; position: relative; text-align: right; top: -105px; width: 230px; color: #8B172C;} input#termHome {font-size: 16px; left: 290px; position: relative; text-align: right; top: -75px; width: 230px; color:#8B172C;} select#intrateDDLHome {margin:-1px 0 50px 20px; width: 160px;} input#aprHome {border-bottom: 1px dotted #7D869E; font-size: 19px; width: 99%; padding: 5px 0px 7px; font-weight: bold; color:#51901e;margin-bottom: 3px;} ul#sliderValuesListHome {color: #7D869E; font-family: Verdana; font-size: 12px; padding-left: 0; line-height:20px; width: 100%; margin-bottom:15px; border-bottom: 1px dotted; height: 45px; } ul#sliderValuesListHome li {list-style:none; padding-left:8px; display:inline;} #sliderTermWrapperHome {} input#paymentSliderWeeklyHome, input#paymentSlider2WeeksHome, input#paymentSlider4WeeksHome, input#paymentSliderMonthlyHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome, input#paymentSliderTotalWeeklyHome {display:block; font-size: 16px; font-weight: bold; padding: 0; margin-top: 2px; color: #8B172C; margin-left:0px;} input#paymentSliderTotalWeeklyHome, input#paymentSliderTotal2WeeksHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome {display:block; font-size: 16px; font-weight: bold; color: #51901e;} input#input#paymentSliderTotalMonthlyHome {float:left;} span#spanWeekHome, span#span2WeeksHome, span#span4WeeksHome, span#spanMonthHome {float: left;} #divSliderCalcLoanTypeTextHome {color: #4A546F; float: left;font-size: 13px; font-weight: bold; margin-top: 12px; padding-left: 10px;} span#spanWeekTotalHome {float:left; display:inline;} span#span#spanMonthTotalHome {} span#spanWeekHome {} span#spanMonthHome{padding-left: 30px; float: left; } span#spanMonthTotalHome {float:left;} #loanSliderContainer {padding-top:25px;} /* LOAN CALCULATOR PAGE */ /* UnComment the 3 lines below, to swap Methods A and B */ /* #methodTwoTable { position: relative; top: -230px; } #methodOneTable { position: relative; top: 230px; } .informationalLoanCal { font-size: 11px; color: #699; position: relative; top: 20px; } */ .informationalLoanCal { font-size: 11px; color: #444444; } /*PIN MANAGER-----------------------------------------*/ .tabletitle { background-color: #1e90d2; color: #fff; font-size: 13px; font-weight: bold; padding: 7px 5px 5px; width: auto; /*background-image: url(../../images/essentials/pinform_title_right.gif); /* background-repeat:no-repeat; background-position:right;*/} /*.tabletitleLeft { padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; background-image:url(../../images/essentials/pinform_title_left.gif); background-position:left; background-repeat:no-repeat;}*/ .tableformPin {background-color: #dddddd;font-family: Arial, Verdana, Geneva, sans-serif;} .tableformPinMain { padding-left: 15px; padding-top: 3px; background-color: #E6E6E6;} .tableformLeft{ padding-left: 15px; background-color: #f3eeee; } .tableformPinIconsL{ padding-left: 0px; background-color: #F3F3F3; vertical-align:middle; text-align: left; border-bottom: 1px solid #E6E6E6;} .tableformPinIconsL li { padding-bottom: 1px; display: block; list-style:none; padding-left: 0px; padding-right: 0px; text-align: left; white-space: nowrap; height: 28px; float: left; } .tableformPinReg { padding-left: 15px; padding-bottom: 3px; padding-top: 3px; background-color: #E2ECF5;} .tableformPinMembersC { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3; background-image:url(../../images/essentials/member_corner.gif); background-repeat:no-repeat; background-position:right top; } .tableformPinMembers { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3;} /* FONT CLASSES FOR PIN MANAGER FORM */ .fontRed {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#F00;} .fontBlue {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#069; vertical-align: middle; } .fontBlue a {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#09F; text-decoration: underline;} .fontBold { font: bold 11px Arial, Verdana, Helvetica, sans-serif; } .fontGreen { font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#393; } /* ESTATEMENTS TABLE LAYOUT - WIDE */ .tablewrap_multiple { width: 94%; height: 50%; border: solid 1px #333; height: auto; } .tabletitle_multiple { position: relative; width: 94%; clear:both; color: #069; font-weight: bold; font-size: 11px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; /*background-image: url(../../images/essentials/automated_bkgd.jpg);*/ background-color: #E6F2FF; border-top: solid 1px #C4E1FF; border-left: solid 1px #C4E1FF; border-right: solid 1px #C4E1FF; border-bottom: dotted 1px #D6D6D6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);/**/} .tablewrap_single { width: 94%; border: solid 1px #333; height: auto;} .tabletitle_single { position: relative; width: 94%; clear:both; color: #666; font-weight: bold; font-size: 11px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; background-color: #F0E6EF; /*background-image:url(../../images/essentials/requested_bkgd.jpg);*/ border-top: solid 1px #D0ACCD; border-left: solid 1px #D0ACCD; border-right: solid 1px #D0ACCD; border-bottom: dotted 1px #D0ACCD; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);/**/ } .tableform2 { margin-bottom: 15px; padding-left: 0px; padding-right: 0px; background-color: #F9F9F9; border-left: solid 1px #D6D6D6; border-right: solid 1px #D6D6D6; border-bottom: solid 1px #D6D6D6; } .dropmenu_top { position: relative; width: 93%; height: 20px; margin-left: 0px; padding-left: 10px; margin-right: 5px; padding-top: 5px; padding-bottom: 0px; font-size: 12px; border: solid 1px #E6E6E6; text-align: right; background-image: url(../../images/essentials/estatements_bkgd.gif); border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);} .rowseparator {border-bottom: dotted 1px #CCC; height: 15px;} .required_green { font-weight:bold; color:#393;} .yeartitle{color: #333; } .error_notfound { border: solid 1px #0F0; } .pdf_download { position: absolute; width: 73%; padding-left: 0px; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; font-size: 11px; margin-top:0; bottom:13px; left:0;/*background-image: url(../../images/essentials/acrobat_download_bkgd.gif); border: solid 1px #E6E6E6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);*/} .pdf_image { border-top: 1px dotted #aaaaaa; float: right; margin-right: 40px; padding-top: 5px; position: absolute; width: 670px; right:0; bottom:0px; } .estatements {float:left;} .button {background:url(../../templates/current/images/estatement_btn.gif) no-repeat; float: right; height: 30px; left: 230px; padding: 0 65px 10px 0; position: absolute; text-indent: -9999px; top: 56px; width: 135px;} .button a {text-indent:-9999px; display:block; outline: none; padding: 0 95px 15px;} /* VOLUNTEER AREA ROSTER */ #volCalendar table {border:none;} #volCalendar thead td {background-color: #F2F2E7; border:1px solid #ffffff; border-collapse:collapse; padding:2px} #volCalendar td {background-color: #F7F7f2; border-bottom:1px solid #FFFFFF; border-collapse:collapse;} #volCalendar td span {display: block; height: 100%; width: 0px; padding: 0px; margin: 0px;} #volCalendar td a {text-decoration: none; display: block;} #volCalendar .weekDayName {background-color: #F2F2E7;} /* PASSWORD STRENGTH INDICATOR */ #passwordStrength {height:10px; display:block; float:left;} .strength1 {width:15px; background-color:#cccccc;} .strength2 {width:30px; background-color:#ff0000;} .strength3 {width:60px; background-color:#ff5f5f;} .strength4 {width:90px; background-color:#56e500;} .strength5 {width:120px; background-color:#4dcd00;} .strength6 {width:150px; background-color:#399800;} /* IMAGE VISIBILITY (OPTIONAL) */ #img_masthead {} #img_login {float: left; margin: 55px 0 0 8px;} #loginarea_contentpage #img_login {margin:50px 5px 0 6px;} #img_register {float: left; margin: 7px 0 0 8px;} #img_join {float: left; margin: 6px 0px 0 8px;} #loginarea_contentpage #img_register {margin: 6px 0 0 6px;} #custom_button1{float: left; margin: 6px 0px 0 8px;} #loginarea_contentpage #img_join {margin: 6px 0 0 6px;} #img_youthzone {} #img_newsheadlines {display:none;} #newsheadlines_contentpage #img_newsheadlines {padding: 0px 0px 5px;} #img_modules {display:none;} #modulelinks_contentpage #img_modules {padding: 0px;} #img_progresslogo {} /* OFFICE AREA ITEMS */ #tblFonts img,select {vertical-align: middle;} #tblCtrls img {vertical-align: middle;} #tblXtraCtrls img {vertical-align: middle;} /*---------------------------*/ /* MAIN OUTER CONTAINER LAYER */ #main {text-align: center; width:100%; } /* PAGE CONTENT LAYER */ #pageContent{position: relative; width:962px; height:100%; text-align: left; margin: auto; border-bottom: none;} html>body #pageContent{} /*PAGE INNER CONTENT*//* THIS IS USED IN ORDER TO EXTEND THE BACKGROUND COLOUR THE HEIGHT OF THE PAGE FOR ALL BROWZERS ACCEPT IE */ #pageInnerContent { position: relative; width:962px; height:100%;background-color: #FFF;/*padding-bottom: 10px;*/} #pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} /* MASTHEAD FACILITIES*/ #facilities { height: 20px; padding-bottom: 4px; position: absolute; right: 25px; top: 15px; width: 170px; z-index: 100;} #facilities ul {margin: 0px; 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: 11px; font-weight: normal; text-decoration: none; vertical-align: bottom; line-height:16px;} #facilities a:hover { text-decoration: none; border-bottom:1px dotted;} #facilities #helpmenu {position:absolute; top:27px; left:127px; float:none; text-align:left; visibility:hidden; background-image:url(../../templates/current/images/help_bgr.gif); background-repeat: no-repeat; height: 167px; z-index: 1000;} #facilities #helpmenu ul{margin-top:5px;} #facilities #helpmenu li {background:none; display:list-item; list-style: none; width:158px; padding-left:0px; padding-right:0px;} #facilities #helpmenu a {line-height:20px; width:100%; font-family:Arial; font-size:11px; font-weight:normal; padding-left:5px; color: #FFFFFF;} #facilities #helpmenu li:hover {background:#1e90d2; padding-left:0px; padding-right:0px;} #facilities #helpmenu a:hover {text-decoration:none; color:#fff; border-bottom:0px;} #header-search {margin-top: 29px; position: absolute; right: -158px; top: -72px; width: 335px;} #header-search .input_search {width:210px; margin-right:-5px; border: none; float:left; background:url(../../templates/current/images/search_input_bgr.gif) top left no-repeat;} #facilities .divider { background: url(../../templates/current/images/divider.gif) no-repeat scroll left 3px; margin-left: 7px; padding-left: 7px;} #header-suggestion { clear: left; float: right; padding-top: 0; width: auto;} #header-help {clear: right; float: right; margin-right: 15px; padding-top: 0; width: auto;} /*Social Networking Icons Facilities*/ #SocialNet{ display: inline; float: left; position: absolute; right: -18px; top: 38px; z-index: 10;/*border: 1px solid #F00;*/ } #SocialNetTxt { position: relative; float: left; color: #fff; font-size: 11px; width: 70px; /*border: 1px solid #0C0;*/} #SocialNetIcons { position: relative; float: right; width: 47px; height: 39px; top: -4px; right: 2px; /*border: 1px solid #0CF;*/ } #SocialNetIcons img { list-style-image:none; /*border: 1px solid #FF0;*/ } #SocialNetIcons a { display: inline; } #SocialNetIcons a:hover { border-bottom:none; } /* MASTHEAD */ #masthead {background:url(../../templates/current/images/masthead.jpg) top no-repeat; height: 105px; overflow: hidden; position: relative; width: 962px;} #masthead .logo {position:relative; top:0; left:0px;} #masthead #announcements { font-size: 13px; font-weight: normal; overflow: hidden; position: absolute; right: 170px; text-align: right; top: 13px; width: 350px; /* filter: alpha(opacity=0); -moz-opacity:0%; */ } #masthead #announcements a {color: #fff; font-family: Arial; font-size: 14px; font-style: italic; font-weight: bold; } #masthead #announcements a:hover {text-decoration:underline; color:#fff;} #masthead .area_title {color: #fff; font-size: 13px; font-weight: bold; padding: 1px; position: absolute; right: 35px; text-align: right; top: 12px; width: 250px; } /* BYLINE (TEL/FAX/DATE BAR) */ #byline {color: #1e66aa; height: 0; left: 132px; position: relative; top: -27px; width: auto; font-size:12px; display: none;} #byline .contactdetails {position: absolute; top: 0px; left: 0px; padding-left: 10px; display:none;} #byline .contactdetails strong {color: #FF9900;} #byline .currentdate {padding-right: 10px; position: relative; text-align: left; width: 120px; z-index: 100; left:3px;} #byline_members {background: none repeat scroll 0 0 #1e90d2; color: #ffffff; float: left; height: 48px; margin-bottom: 20px; overflow: hidden; width: 100%;} #byline_members .contactdetails {float: left; padding-left: 12px; padding-top: 15px;} #byline_members .currentdate {float: right; padding-right: 12px; padding-top: 15px;} /* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */ #layoutarea {margin:0 auto; position: relative; width: 962px; text-align:left;} /* MAIN NAVIGATION MENU */ #mainmenu { background: url(../../templates/current/images/mainmenu_bgr.gif) repeat-x; overflow: visible; margin-bottom: 25px; text-align: center;} html>body #mainmenu { overflow: auto; width: 997px; margin-left:-18px;} /*ONLY WAY TO GET UL BACKGROUND IMAGE TO DISPLAY IN IE5/IE6 WAS TO SPECIFY HEIGHT AND OVERFLOW ABOVE. THIS LINE CORRECTS THAT FOR ALL OTHER BROWSERS*/ #mainmenu ul {margin-left:18px;} #mainmenu li {display: block; float: left; height: 48px; text-align: left; white-space: nowrap; /*background:url(../../templates/current/images/menu_button.jpg) top left no-repeat;*/} /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ #mainmenu li.first {} #mainmenu li:hover { background:url(../../templates/current/images/mainmenu_selected.gif) center 43px no-repeat; } #mainmenu a { color: #FFFFFF; display: block; font-family: "Arial Narrow", Arial, sans-serif; font-size: 14px; font-weight: normal; padding: 15px 15px 13px; text-align: center; text-decoration: none; text-transform:uppercase; background: url(../../templates/current/images/menu_divider.gif) no-repeat right top;/* text-shadow:0 -1px 1px #003289;*/} #mainmenu a:hover {color: #FFFFFF; text-decoration: none; /*text-shadow:0 -1px 1px #FF4200;*/} #mainmenu .lastSection a {background:none;} /* POP-OUT MENUS - NEED TO OVERRIDE SOME OF THE STYLES IN THE MAINMENU*/ #mainmenu ul li ul li {padding:0; margin-top:0;} /* POP-OUT MENUS - NEED TO OVERRIDE SOME OF THE STYLES IN THE MAINMENU*/ #mainmenu li .popoutmenu {background: #3fb1e3; margin-left: 0; margin-top: 0; position: absolute; text-align: left; visibility: hidden; width: 150px; z-index: 10;} #mainmenu li .popoutmenu ul {height:auto; padding:0; margin:0; display:inline;} #mainmenu li .popoutmenu li {text-align: left; white-space: normal; height: auto; display:list-item; list-style: none; font-weight: normal; width:auto; background:none; } html>body #mainmenu .popoutmenu li {width: 100%;} /*WIDTH ABOVE SET TO 400% FOR IE5/IE6. THIS LINE CORRECTS THE WIDTH FOR ALL OTHER BROWSERS*/ #mainmenu li .popoutmenu li a {color: #FFFFFF; text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2); display: block; font-family: verdana; font-size: 11px; height: auto; font-style: normal; font-weight: normal; line-height: 14px; padding: 7px 0 7px 7px; text-align: left; text-decoration: none; background:none; width: auto; border-bottom:none; margin:0; text-transform: none; text-shadow:none; } #mainmenu li#section61 .popoutmenu li a:hover, #mainmenu li .popoutmenu li a:hover{text-decoration:none; color:#fff; line-height: 14px; height: auto; background: #1e90d2; border-bottom:none; border-top:none; width: auto; margin:0; padding: 7px 0 7px 7px; text-shadow:none; } /* TEXT CONTENT & NAVIGATION CONTAINER */ #contentarea, #memberscontentarea, #contentareaoffice, #directorscontentarea {color: #444444; float: right; margin-right: 27px; min-height: 450px; padding-bottom: 20px; padding-top: 5px; position: relative; width: 665px;} #contentarea .pagetitle, #memberscontentarea .pagetitle, #contentareaoffice .pagetitle, #directorscontentarea .pagetitle {height: 20px; text-align:left; /*vertical-align: middle;*/ padding: 0px 0 9px; color: #db4b4b; font-size: 21px; font-weight: bold; text-shadow: 0 1px 0 white; font-family: Arial; border-bottom: 1px dashed #b5ccd9;margin-bottom: 10px;/*background:url(../../templates/current/images/pagetitle_bkgd.gif)top left: no-repeat;*/} #contentarea .pagecontent, #memberscontentarea .pagecontent, #contentareaoffice .pagecontent, #directorscontentarea .pagecontent {padding: 0px; text-align:left;} #contentarea ul {padding-left: 18px; margin-bottom: 10px;} #contentarea ol {padding-left: 18px; margin-bottom: 10px;} #contentarea li {display: list-item; font-size: 13px; line-height: 20px; padding-bottom: 3px;} #contentarea a {text-decoration: none;} #contentarea a.pdf, #contentarea a.link {border-bottom:1px dotted; padding-bottom: 1px;} #contentarea .pagetitle_members, #memberscontentarea .pagetitle_members, #contentareaoffice .pagetitle_members, #directorscontentarea .pagetitle_members { border-bottom: 1px dashed #b5ccd9; color: #db4b4b; font-family: Arial; font-size: 21px; font-weight: bold; height: 20px; margin-bottom: 10px; padding: 0 0 9px; text-align: left; text-shadow: 0 1px 0 white; /*background:url(../../templates/current/images/pagetitle_bkgd.gif)top left no-repeat;*/ } #contentarea .pagecontent_members, #directorscontentarea .pagecontent_members{ position: relative; margin-bottom: 15px; min-height:300px; color: #444444; } #contentarea .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px; display:none;} #contentarea .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left;} #contentarea .information_layer td {font-size: 9px; border: none;} #memberscontentarea, #contentareaoffice {margin-top: 5px; }/* 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%; text-align:center;} /* FLASH / ANNOUNCEMENTS / CUSTOM AREA ACTIVATED */ #flashcontainer_custom { margin-left: auto; margin-right: auto; clear: both; width: 758px; text-align: center; height: 225px;/*border: solid 1px #F00;*/} #flash_area { float: left; width: 580px; height: 220px; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(templates/current/PIE.htc); border: solid 1px #E6E6E6;/**/ } #flash_area_custom { float: right; width: 175px; height: 224px;/* border: solid 1px #C6E2FF;background-color:#D7EBFF;*/ background-image:url(images/custom_flash.jpg); background-repeat: no-repeat; } #mini_flashcontainer { height: 42px; position: absolute; right: 0; top: 270px; width: 301px;} /* FLASH / ANNOUNCEMENTS CONTAINERS */ #flashcontainer {clear: both; height: 257px; left: 15px; position: relative; text-align: center; top: 0; width: 617px; margin-bottom: 15px;} #announcements_content {margin-top: 5px; margin-bottom: 5px; height: 200px; overflow: visible; width: 292px; float:right; position:absolute; right:0;} #announcements_content_dynamic {float: right; height: 185px; position: absolute; right: 15px; top: 345px;} #announcements_content_dynamic h1 {display:none;} #announcements_login {/*height: 20px; width: 470px; background-image:url(images/announce_login_icon.jpg); background-repeat:no-repeat;*/ color: #FFFFFF; font-family: Arial; font-size: 13px; font-style: italic; font-weight: bold; height: 30px; padding-left: 70px; padding-top: 4px; background:url(../../templates/current/images/announcement_bgr.gif)top left no-repeat;} #announcements_login a {font-size: 12px; font-weight: normal; text-decoration: none; font-style: italic;} #announcements_login a:hover {text-decoration: underline;} #announcements_members {color: #FF6C00; font-size: 15px; line-height: 20px; margin-bottom: 10px;} #announcements_members a {padding-left:23px; font-size: 11px; font-weight: normal; color:#F90; text-decoration: none;} #altAnnouncement { position: relative; top: 10px; padding:3px; font-size:11px; color: red; display:none;} /* RIGHT CONTAINER/ MODULELINKS/ NEWSHEADLINES/ LOGINAREA*/ #homePage #layoutDivide {float:left; width:100%; height:177px;} /* SUBMENU (CONTENT PAGES ONLY) */ #submenu { background: url(../../templates/current/images/submenu_bgr.jpg) left top no-repeat; width: 240px; display: block; margin-top: 20px; } #submenu .title_subsections {color: #fff; font: bold 14px Arial; padding: 9px 15px; text-transform: uppercase;} #submenu ul {padding:15px 10px 15px 0; display: block;} #submenu li { list-style-type: none; padding: 0px 10px 0px 15px; width: 215px;} #submenu a { background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px; color: #23a972; display: block; font-family: Arial; font-size: 13px; line-height: 26px; padding-left: 20px;} #submenu a:hover {color: #3F9C7F; text-decoration: none; background:url(../../templates/current/images/bullet_greenarrowB.gif) no-repeat; background-position: 0px 8px;} #submenu li:hover {background:#eef3f7;} #submenu li.subitem_selected {background:#eef3f7;} #submenu li.subitem_selected a {color: #3F9C7F; font-weight: bold; padding-bottom: 1px; text-decoration: none; font-size:13px; font-family:Arial; background:url(../../templates/current/images/bullet_greenarrowB.gif) no-repeat; background-position: 0px 8px;} #submenu li.subitem_selected a:hover {} #sidebar {float:left; width:225px;} /* SUBMENU (YOUTHZONE SIDE MENU) */ #submenu_youth {margin-top: 2px; margin-bottom: 5px; padding: 5px; width: 160px; border-right: 1px dotted #CCCCCC; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat;} #submenu_youth .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #F99404;} #submenu_youth li {list-style-type: none; padding-top: 5px; padding-left: 15px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px;} #submenu_youth a {color: #666666;} #submenu_youth a:hover {text-decoration:underline; color:#0099FF;} /* NAVIGATION SELECTED ITEMS */ #mainmenu .section_selected {font-weight: bold;} #mainmenu .section_selected {background: url(../../templates/current/images/mainmenu_selected.gif) no-repeat scroll center 43px; color: #ffffff; text-decoration: none; } #mainmenu .section_selected a {} #mainmenu .page_selected a {font-weight: bold; background-color: #D5E5F5;} #.subitem_selected {font-weight: bold;} /* MEMBER AREA */ #membermenu {float: left; width: 240px;} #membermenu ul { width: 100%; background-color:#3fb1e3; margin-top: 5px;} #membermenu li {list-style-type: none; border-bottom:1px solid #eef3f7;} #membermenu li:hover {background: #1e90d2;} #membermenu li a {margin-left: 10px; color: #FFFFFF; line-height:28px; display:block;} #membermenu li strong {color: #FFFFFF; line-height: 28px; margin-left: 9px; font-size:13px;} #membermenu ul li ul {display: none;} #membermenu ul li ul li {list-style-type: none; background-color: #eef3f7;} #membermenu ul li ul li:hover {background:#dae1f0;} #membermenu ul li ul li a {color: #1E66AA; line-height: 28px; margin-left: 10px; display: block;} #membermenu .expanded {display: inline-block;} /* SUBMENU (MEMBERS AREA) */ #submenu_members {background-color: #eef2fb; border-bottom: 2px solid #3fb1e3; float: left; margin-bottom: 10px; width: 240px; } #submenu_members ul {padding-left: 0px; margin-bottom: 0px;} #submenu_members li {list-style-type: none; padding: 6px; border-top: 1px dotted #3fb1e3;} #submenu_members li:hover {background: #dce3f3;} #submenu_members a {color: #1E66AA; padding-left: 10px; display: block; font-size: 11px;} #submenu_members .title_subsections {font-weight: bold; padding: 7px 10px; color: #1E66AA; font-size: 12px;} /* 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: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;} #submenu_users li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3;} #submenu_users a {color: #666666;} /* SUBMENU (DIRECTORS AREA) */ #submenu_directors {margin-bottom: 10px; width: 100%; margin-right: 10px; float: left; width: 202px;} #submenu_directors ul { width: 100%; background-color:#1E66AA;} #submenu_directors li {list-style-type: none; border-bottom:1px solid #eef3f7;} #submenu_directors li a {margin-left: 10px; color: #FFFFFF; line-height:28px; display:block;} #submenu_directors li:hover {background: #165a9a;} #submenu_directors li strong {color: #FFFFFF; line-height: 28px; margin-left: 9px; font-size:13px;} #submenu_directors ul li ul {display: none;} #submenu_directors ul li ul li {list-style-type: none; background-color: #eef3f7;} #submenu_directors ul li ul li:hover {background:#dae1f0;} #submenu_directors ul li ul li a {color: #1E66AA; line-height: 28px; margin-left: 10px; display: block;} #submenu_directors .expanded {display: inline-block;} /* SUBMENU (YOUTHZONE AREA) */ #submenu_volunteers{float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;} #submenu_volunteers li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3;} #submenu_volunteers a {color: #666666;} /* OFFICE AREA NAVIGATION */ #adminmenu {float: left; width: 240px;} #adminmenu ul { width: 100%; background-color:#3fb1e3;} #adminmenu li {list-style-type: none; border-bottom:1px solid #ffffff;} #adminmenu li:hover {background: #1e90d2;} #adminmenu li a {margin-left: 10px; color: #FFFFFF; line-height:28px; display:block;} #adminmenu li strong {color: #FFFFFF; line-height: 28px; margin-left: 9px; font-size:13px;} #adminmenu ul li ul {display: none;} #adminmenu ul li ul li {list-style-type: none; background-color: #eef3f7;} #adminmenu ul li ul li:hover {background:#d9e3eb;} #adminmenu ul li ul li a {color: #444444; line-height: 28px; margin-left: 10px; display: block;} #adminmenu .expanded {display: inline-block;} /* TOOLS & RESOURCES SECTION (MODULE LINKS) */ #modulelinks {background:url(../../templates/current/images/sidebar_bgr.jpg) 0 0px no-repeat; float: left; height: 204px; margin-bottom: 0; width: 228px; margin-left: 15px;} #modulelinks ul {padding: 55px 37px 0 8px;} #modulelinks li {list-style-type: none; padding-left: 15px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 9px;} #modulelinks li:hover {list-style-type: none; padding-left: 15px; background:url(../../templates/current/images/bullet_greenarrowC.gif) no-repeat; background-position: 0px 9px;} #modulelinks a {color: #23a972; font-family: Arial; font-size: 14px; font-weight: bold; line-height: 26px;} #modulelinks a:hover {text-decoration:none; color:#1e90d2;} #modulelinks_contentpage {text-align:left; width: 240px; background:url(../../templates/current/images/sidebar_bgr_q_l.jpg) left 0px no-repeat;} #modulelinks_contentpage ul {padding: 50px 10px 15px 0;} #modulelinks_contentpage li { list-style-type: none; padding: 0px 10px 0px 15px; width: 215px;} #modulelinks_contentpage li:hover {background:#eef3f7;} #modulelinks_contentpage a {color: #23a972; font-size:13px; font-family:Arial; display:block; padding-left: 20px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 9px; line-height: 26px;} #modulelinks_contentpage a:hover {color: #3F9C7F; text-decoration: none; background:url(../../templates/current/images/bullet_greenarrowB.gif) no-repeat; background-position: 0px 9px;} #modulelinks #mod4a {} /* NEWS HEADLINES */ #newsheadlines {background:url(../../templates/current/images/newsheadlines_bgr.jpg) 0 0 no-repeat; float: left; height: 204px; margin: 0px 0 0 14px; width: 375px;} #newsheadlines h3 {color: #444444; font-family: Arial; font-size: 18px; line-height: 18px; font-weight:normal; padding-bottom:8px;} #newsheadlines a {text-decoration: none;} #newsheadlines a p {color:#444444;} #newsheadlines a:hover p{text-decoration: none; color:#3f9c7f;} #newsheadlines a:hover h3{color:#3f9c7f;} #newsheadlines_contentpage {height: 230px; margin-bottom: 30px; padding-bottom: 20px; width: 240px; background:url(../../templates/current/images/sidebar_bgr_n_e.jpg) left top no-repeat; line-height:24px;} #newsheadlines_contentpage h3 {color: #444444; font-family: Arial; font-size: 14px; line-height: 18px;} #newsheadlines_contentpage a {text-decoration: none;} #newsheadlines_contentpage a p {color:#444444;} #newsheadlines_contentpage a:hover p{text-decoration: none; color:#3f9c7f;} #newsheadlines_contentpage a:hover h3{color:#3f9c7f;} #newsheadlines #news_content {width: 352px; position: relative; padding:60px 15px 0 8px; overflow:hidden; height:140px; float:left;} #newsheadlines #news_content p {font-family:Arial; font-size:12px; line-height:18px; margin-bottom:10px; } #newsheadlines_contentpage #news_content { height: 190px; overflow: hidden; padding: 50px 0 10px 15px; position: relative; width: 215px;} #newsheadlines .newslinks a {color: #009933; font-weight: bold;} #newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold;} /* NEWS HEADLINES STATIC */ .newsArticleDate { padding-left:21px; padding-right:20px; font-size: 10px; } .newsArticleText { padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 9px; } .newsArticleLink { text-align: right; padding-left:21px; color: #F00; text-decoration: underline;text-transform: uppercase;/* */ padding-right:20px; font-size: 9px; } .newsArticleLink p { color: #20368c;} .newsArticleLink a {color: #20368c; font-size: 9px; text-decoration: underline; } /*QUICK LINKS*/ #quick_links { position:absolute; top: 327px; left: 258px; width: 243px; height: 140px; margin-top: 60px; /*border: 1px solid #F00;*/ background-image: url(images/title_quick_links_homepage_bkgd.jpg); background-repeat: no-repeat; } #quick_links li {margin-left: 15px; padding-left: 15px;list-style-type: none; padding-top: 5px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px;} #quick_links a { text-decoration: underline #666666;} #quick_links a:hover {text-decoration: underline; color: #063;} /* LOGIN / YOUTHZONE / LIVE CHAT LAYER / CUSTOM BUTTON ---- * ABSOLUTE POSITIONING*/ /*#loginarea { /*position: absolute; top: 310px; left: 510px; float: right; width: 31%; height: 260px; padding-right: 3px; padding-left: 5px; text-align: right;/*border-left: 1px dotted #999999;}*/ /*USED WHEN CUSTOM BUTTON IS ACTIVATED */ /* LOGIN / YOUTHZONE / LIVE CHAT LAYER */ #loginarea { background:url(../../templates/current/images/loginarea_bgr.gif) no-repeat;float: right; height: 206px; position: relative; right: 15px; text-align: right; top: -272px; width: 301px;}/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */ #loginarea img {} #loginarea_contentpage { background: url(../../templates/current/images/loginarea_contentpage_bgr.gif) top left no-repeat; height: 205px; padding-bottom: 10px; padding-top: 10px; width: 240px; } #loginarea_contentpage img {} #loginarea a:hover {border: 4px;} /* HOMEPAGE SPOTLIGHTS*/ #spotlight1 {background:url(../../templates/current/images/spotlight_bgr.jpg) right 0px no-repeat;clear: left; float: left; height: 205px; margin-right: 13px; margin-top: 40px; padding-top: 85px; position: relative; width: 301px; margin-left: 15px;/*border: 1px solid #00F;*/} #spotlight2 {background:url(../../templates/current/images/spotlight_bgr.jpg) right 0px no-repeat; float: left; height: 205px; margin-top: 40px; padding-top: 85px; position: relative; width: 301px; /*border: 1px solid #0F0;*/} #spotlight3 {background:url(../../templates/current/images/spotlight_bgr.jpg) right 0px no-repeat; float: left; height: 205px; margin-left: 16px; margin-top: 40px; padding-top: 85px; position: relative; width: 301px; /*border: 1px solid #F00;*/} #spotlight7 { height: 42px; position: absolute; right: 15px; top: 288px; width: 301px; /*border: 1px solid #F00;*/} #spotlight7 .spotlight_title {display:none;} #spotlight7 .spotlight_container {height: 42px; position: relative; top: 0px; width: 301px;} #spotlight7 .spotlight_text {float: left; margin-top: 0px; padding-left: 0px; width: 100%;} #spotlight8 {display:none;} #spotlight9 {display:none;} .spotlight_title { height: 31px; padding: 0 13px; position: absolute; top: 100px; width: 84%;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/ .spotlight_title h4 {background:url(../../templates/current/images/spotlight_title_bgr.jpg) right top no-repeat !important; color: #1e90d2; font-family: "Arial Narrow", Arial, sans-serif; font-size: 18px; font-weight: normal; padding: 10px 0;} .spotlight_container { position: relative; top: 35px;height: 156px; width:311px /*border: 1px solid #F00; */} .spotlight_text {float: left; margin-top: 40px; padding-left: 13px; width: 89%;/*border: solid 1px #00F; */ } .spotlight_text p {color: #444444; font-size: 12px; line-height: 18px;} .spotlight_text ul {list-style:outside disc; margin-left:15px;} .spotlight_text li {padding:0;} .spotlight_text li p {margin-bottom:5px;} .spotlight_text img {margin-right: 3px;} #spotlight3 .spotlight_text img {padding:0;} .spotlight_image_upload {/*border: solid 1px #93F; */ position: absolute; top: -120px;} .spotlight_link { bottom: 0; position: absolute; text-align: center; width: 301px;/*border: solid 1px #0C0; */} .spotlight_link a { background-image:url(../../templates/current/images/spotlight_link_sprite.gif); background-position:0px center; background-repeat:no-repeat; color: #23a972; display: block; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 22px; margin-right: 5px; padding-right: 5px; text-align: right; text-decoration: none; width: 296px; z-index: 100;} .spotlight_link a:hover {border-bottom: none; text-decoration: none; background-image:url(../../templates/current/images/spotlight_link_sprite.gif); background-position:-450px center; background-repeat:no-repeat; color: #1e90d2;} /* CONTENT SPOTLIGHTS*/ #contSpotContainer{height: 180px; margin-left: 15px; padding-bottom: 15px; padding-top: 10px; width: 225px;} #spotLight4{float: left; width: 181px; height: 95px; background-image: url(images/onlineLoan_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; } #spotLight5{float: left; width: 181px; height: 95px; background-image: url(images/mabs_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px;} #spotLight6{float: right; width: 181px; height: 95px; background-image: url(images/news_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px;} /* COOKIE CONSENT MEMO BOX */ .CookieConsentMemo { z-index: 9999; text-align: left; font-family: Arial; font-size: 12px; background: url(../../templates/current/images/memo_bgr.png) no-repeat; width: 143px; margin: 10px; position: fixed; top: 0px; right: 0px; padding: 77px 18px 20px; height: 270px; } #cookieConsentForm .button_submit { border: medium none; font-family: Arial; font-size: 12px; font-weight: bold; cursor: pointer; height: 27px; margin-top: 13px; padding-bottom: 2px; padding-left: 18px; width: 70px; background: url(../../templates/current/images/memo_btn.jpg) no-repeat; border: none; text-shadow: -1px 0 1px rgba(0, 0, 0, 0.3);text-align:left; border-radius:0px; filter:none;} #rdCookieConsent0 { margin: 5px 0; } #cookieConsentForm { float:left; font-family: Arial; font-size: 12px; color:#555555; position:absolute; bottom: 47px; left: 17px; } #lyrCookieConsent h2 { font-size:16px; text-shadow: -1px 0 1px white; } #lyrCookieConsent p { text-align: left; color: #555555; font-family: Arial; font-size: 12px; margin-bottom: 7px; } /* FOOTER */ #pagefooterOuterIndex, #pagefooterOuterPublic, #pagefooterOuterOther {height: 70px; background: url(../../templates/current/images/outer_footer_bgr.gif) repeat-x;} #pagefooter { position: relative; width: 960px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 5px; padding-top: 0px; padding-left: 0px; clear: both; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(templates/current/PIE.htc); } #pagefooterIndex { position: relative; width: 962px; margin: 0px auto; margin-bottom: 5px; padding-top: 1px; padding-left: 0px; height:81px; clear: both; background:url(../../templates/current/images/footer_bgr.gif) no-repeat; z-index:1000; } #pagefooterPublic { position: relative; width: 962px; margin: 0px auto; margin-bottom: 5px; padding-top: 1px; padding-left: 0px; height:81px; clear: both; background:url(../../templates/current/images/footer_bgr.gif) no-repeat; z-index:1000; } #pagefooterOther { position: relative; width: 962px; margin: 0px auto; margin-bottom: 5px; padding-top: 1px; padding-left: 0px; height:81px; clear: both; background:url(../../templates/current/images/footer_bgr.gif) no-repeat; z-index:1000; } #pagefooterOther a {color: #FFFFFF;} html>body #pagefooter { background-color: #FFF;} .ProgressLogo { position: absolute; right: 18px; top: 22px; /*border: solid 1px #F00;*/ } #footerDetails{ color: #ffffff; float: left; font-family: Verdana; font-size: 11px; font-weight: normal; padding-left: 63px; padding-top: 16px; text-align: left; text-decoration: none; width: 80%;/*border: 1px solid #0FF;*/} #fsrnTextOff{ float: left; color: #666; text-decoration: none; font-size:10px; text-align: left; padding-left: 10x;} #pagefooterAlternative{ float: left; width: 850px; margin-left: auto; margin-right: auto; padding-top: 0px; text-align: left; color: #444444; text-decoration: none; font-size:11px; clear: both;margin-bottom: 15px; font-weight: normal; /*border: solid 1px #F00;*/ } #fsrnTextAlternative{color: #fff; float: left; font-family: Verdana,Geneva,sans-serif;font-size: 11px; font-style: italic; padding-left: 63px; text-align: left; text-decoration: none;} html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */ /* PRIVACY POLICY */ #divTermsFooterLink, #divPrivacyFooterLink {width:120px; position:absolute; top:70px; right:0px; padding: 10px 0;} #divPrivacyFooterLink {right: 110px; width: 100px;} #divTermsFooterLink a, #divPrivacyFooterLink a {font-size:11px; text-decoration:underline; color: #23a972;} #divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover {color: #1e90d2;} /*Social Networking Icons Footer*/ #SocialNetFooter{ display: none; position: relative; float: left; z-index: 10; width: 170px; height: auto; top: 0px; left: 0px; border: 1px solid #F00; /**/ } #SocialNetTxt { position: relative; float: left; color:#333; font-size: 11px; width: 70px; display:none; /*border: 1px solid #0C0;*/} #SocialNetIcons { float: left; height: auto; position: absolute; right: 15px; top: -3px; width: 100px; /*border: 1px solid #0CF;*/ } #SocialNetIcons img { list-style-image:none; margin: 0 2px; /*border: 1px solid #FF0;*/ } #SocialNetIcons a { display: inline; } /*SITEMAP CONTAINER AND NAVIGATION */ /*#siteMap {background:url(../../templates/current/images/sitemap_bgr.jpg) repeat-x; position: relative; height: 110px; margin-left: auto; margin-right: auto; padding: 0px; clear: both; text-align:center; top: -45px; }*/ #siteMapMenu { position: relative; width: 776px; height: 100%; margin-left: auto; margin-right: auto; white-space: nowrap; padding-bottom: 1px; height: 28px; display: block; text-align:center; font-weight: bold; display:none; } #siteMapMenu li {text-align: left; white-space: nowrap; padding-bottom: 1px; padding-left:11px; padding-right: 11px; height: 28px; float: left; display: block; } #siteMapMenu li a{ font-size: 11px; color: #0054A4;} #siteMapMenu li ul a{ font-size: 9px; font-weight: bold; color: #999;} #header-sitemap {clear: left; float: right; margin-top: 7px; padding-top: 0; width: auto;} /*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: #eef3f7;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 #eef3f7;} .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:#eef3f7; border-left:1px solid #eef3f7; border-right:1px solid #eef3f7 ;padding:5px;} /* GRAPHIC ICONS BELOW LOGIN AREA ----------------------------------------------------------------------------------------------------------------*/ .Lost_bkgd { background-image: url(../../images/essentials/lost_pin_bkgd.jpg); width: 250px; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 10px; padding-top: 8px; margin-top: 10px; color: #444444; margin-top:190px; font-size:11px; font-family:Verdana, Geneva, sans-serif; line-height: 16px;} .Lost_bkgd a {line-height:12px;} .register { background-image: url(../../images/essentials/reg_pin_mem_log_bkgd.jpg); width: 250px; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 10px; padding-top: 8px; font-size: 11px; color: #444444; font-family:Verdana, Geneva, sans-serif; line-height: 16px;} .register a {line-height:12px;} .security { background-image: url(../../images/essentials/security_mem_log_bkgd.jpg); width: 250px; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 10px; padding-top: 8px; font-size: 11px; color: #444444; font-family:Verdana, Geneva, sans-serif; line-height: 16px;} .security a {line-height:12px;} .problems { background-image: url(../../images/essentials/problem_mem_log_bkgd.jpg); width: 250px; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 10px; padding-top: 8px; font-size: 11px; color: #444444; font-family:Verdana, Geneva, sans-serif; line-height: 16px;} .problems a {line-height:12px;} .browser { background-image: url(../../images/essentials/browzer_info_bkgd.jpg); width: 250px; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 10px; padding-top: 8px; font-size: 11px; color: #444444; font-family:Verdana, Geneva, sans-serif; line-height: 16px;} .browzer a {line-height:12px;} .memLogLinksCont{ height:0px; background-position: left; background-repeat: no-repeat;position: relative; top: -180px; float: right;/*border: 1px solid #F00;*/} /*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 - 6 DIGIT--------------------------------------------------------------------------------*/ .mainContainerbkgd { background-color: #eef3f7; height: auto; text-align: right;width: auto;} .mainContainer {background-color: #eef3f7; height: auto; margin-right: 5px; padding: 0px; text-align: right; width: 100%;/*margin-right: 205px;*/ margin-right:5px; padding: 10px 0 0;} .memContainer{} .alert {color: #444444; float: right; height: 165px; margin-left: 15px; margin-top: 10px; padding-left: 15px; padding-right: 10px; text-align: left; width: 200px; border-left: 1px dotted #B5CCD9; line-height: 16px;} #AlertPanelPIN {color: #444444; float: right; height: 155px; margin-left: 15px; margin-top: 10px; padding-left: 15px; padding-right: 10px; text-align: left; width: 200px; line-height: 16px;} .memContText {padding-bottom: 20px; padding-top:10px; color: #444444; font-size: 12px;} .memberNumberTxt {float:left;font-weight:bold; padding-left: 180px; padding-top: 2px;} .securityPasswordTxt {float:left;font-weight:bold; padding-left: 140px; color: #444444; font-size: 12px;} .memNumForm {padding-bottom: 0px; padding-right:0px;} .secPassForm {padding-bottom:10px; padding-right:0px;} .secPassBut {padding-bottom: 10px} /*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 - 6 DIGIT - SECURITY CHECK----------------------------------------------------------------*/ .mainContainerbkgdPin {background-color:#F0F0F0; width: auto; height: auto; text-align:right;} .mainContainerPin {background-color:#F0F0F0;width: auto;height: auto;text-align:right;margin-right: 170px;padding-right:5px;border-right-style:dotted;border-right-width: 1px;border-right-color: #CCC;} .pinContText {/*padding-bottom: 20px; padding-top:10px;*/} .pinNumberTxt {float:left;font-weight:bold; padding-left: 142px;} .dobPasswordTxt {float:left;font-weight:bold; padding-left: 140px;} .memContainer{} .dobContainer {} .pinNumForm {padding-bottom: 0px; padding-right:0px;} .inPassBut {padding-bottom: 10px} /*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 / 6 DIGIT PIN --------------------------------------------------------------------*/ .mainContbkgdSec2 { background-color:#eef3f7;width: auto; height: auto; text-align:right;} .mainContSec2{ width: auto;height: auto;text-align:right;margin-right: 170px;padding-top: 10px; background-color:#eef3f7;} .secContainer2{} .secPassTxt2{float:left;font-weight:bold; padding-left: 170px; padding-bottom: 5px; padding-top: 2px; color: #444444; } .secPassField2{padding-bottom: 0px; padding-right:0px; padding-bottom: 5px;} /*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V3.4 / 3 DIGIT PIN RANDOM---------------------------------------------------------------------*/ .mainContbkgdPin2 {overflow: hidden; width: 100%; height: 100%; background-color:#F0F0F0; color: #444444; } .mainContPin2 {overflow: hidden; width: 100%; height: 100%;text-align:right; margin-right: 50px; padding-top: 20px; padding-bottom:5px; background-color:#eef3f7; border-right-style:dotted; border-right-width: 1px; border-right-color: #CCC; } .infoCont { position: relative; top: 25px; left:-370px; font-size:9px; color: #000; border: #999 solid 1px; background-color:#D8D8D8; padding-left:5px; float: right; width: 54%; height: 10px; clear: both; height: auto; margin-top: 0px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);display: none;} .memContainer2{} .pinContainer2{} .dobContainer2{} .memNumberTxt2{float: left; padding-bottom: 5px; width: 46%; height: 28px; padding-bottom: 2px; } .pinNumberTxt2 {float: left; padding-bottom: 5px; padding-top:8px; width: 46%; height: 27px; } .dobPassTxt2 {float: left; padding-bottom: 5px; width: 32%; height: 28px; padding-top: 5px; } .memNumField2{float: right; padding-bottom: 5px; text-align: left; width: 52%; height: 30px;} .pinNumField2 {float: right; padding-bottom: 5px; text-align: left; width: 52%; height: 30px;} .dobField2 {float: right; padding-bottom: 5px; text-align: left; width: 65%; height: 30px;} .logPassBut2 {float: right; width: 100%; margin-right: 210px;} /* 3 DIGIT PIN RANDOM - SECURITY CHECK ----------------------------------------------------*/ .mainContbkgdRand3 { background-color:#F0F0F0; padding-top: 10px; width: auto; height: auto; text-align:right; /*border: solid 1px #F00;*/} .mainContRand3 { border-right: 1px dotted #B5CCD9; height: auto; margin-right: 230px; padding-right: 15px; padding-top: 0; text-align: right; width: auto; /*border: solid 1px #0F0;*/} .dobContRand3 {} .rand3PinTxt{float: left; padding-left: 250px; padding-top: 3px;} .dobInputTxtRand3 {float: left; padding-left: 115px; padding-top: 3px;} .pinNumFormRand3 { height: auto; padding-top: 5px; padding-right: 5px; /*border: solid 1px #F00;*/} .pinPassButRand3 {padding-bottom: 0px; } .noMemberNumber {padding: 5px 0; font-size:11px;} .noMemberNumber2 {padding: 0 0 10px; font-size:11px;} .memNumForm2{padding:5px 0;} .dobForm3_2 {padding:5px 0 10px 0;} .memberNumberTxt2 {width: 200px; float:left; padding-top: 10px;} .mainContbkgd3 .button_submit, .mainContbkgd3 .button_cancel {margin:0 0 0 5px;} .dobInputTxtRand3_2 {width: 285px; float:left; padding-top: 9px;} /*NEW RANDOM 3 DIGIT PIN---------------------------------------------------------------------------*/ .mainContbkgd3 { background-color:#eef3f7; padding: 15px 0 ; width: auto; height: auto; text-align:right; /*border: solid 1px #F00;*/} .insertRandomPin3 {float: left; padding-top: 3px; width: 160px;} #bankingPinConfirm .insertRandomPin3 { width: 100px;} .dobForm3 {padding-bottom:10px; padding-right:0px;} .insertRandomPin3 .input_2char {text-align: center;} /*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; width:960px; height:100%; padding-bottom: 5px; background-color: #FFF; /*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: #eef3f7; height: 200px; padding-bottom: 30px; padding-top: 10px; position: relative; width: 100%;} /*GRAPHIC INFORMATION BOXES BELOW DIRECTORS LOGIN------------------------------*/ .dirInfoCont{ position: relative; width: 80%; height: 110px; padding-top: 10px; } .dirInfoSect1{ float: left; width: 5%; height: 25px;} .dirInfoSect2{ float: left; width: 5%; height: 25px;} .dirInfoTxt1{ float: right; width: 94%; height: 25px; } .dirInfoTxt2{ float: right; width: 94%; height: 25px;} /*USER AREA LOGIN-------------------------------------------------------------------------------------*/ #pageInContUser{ position: relative; width:782px; height:100%; padding-top: 10px; padding-bottom: 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;*/} #pageInContUser :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterUser {position: relative; width: 782px; height: 20px; top: -20px; 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);} #pagefooterUser a {} .userLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;} .userTxtAlertCont{float: right; width: 0%; height: 100%;} .userLogContInner{position: relative; width: 100%; height: 100%;} /*REPRESENTATIVES AREA LOGIN------------------------------------------------------------*/ #pageInContRep{ position: relative; width:782px; height:100%; padding-top: 10px; padding-bottom: 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;*/} #pageInContRep :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterRep {position: relative; width: 782px; height: 20px; top: -120px; 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);} #pagefooterRep a { color: #FFF;} .repLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;} .repTxtAlertCont{float: right; width: 0%; height: 100%;} .repLogContInner{position: relative; width: 100%; height: 100%;} /*VOLUNTEERS AREA LOGIN------------------------------------------------------------*/ #pageInContVol{ position: relative; width:782px; height:100%; padding-top: 10px; padding-bottom: 5px; background-color: #FFF; border: solid 1px #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;*/} #pageInContVol :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterVol {position: relative; width: 782px; height: 20px; top: -20px; 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);} #pagefooterVol a { color: #FFF;} .volLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;} .volTxtAlertCont{float: right; width: 0%; height: 100%;} .volLogContInner{position: relative; width: 100%; height: 100%;} /*WEBTELLER AREA LOGIN --------------------------------------------------------------*/ #pageInContWeb{ position: relative; width:782px; height:100%; padding-top: 10px; padding-bottom: 5px; background-color: #FFF; border: solid 1px #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;*/} #pageInContWeb :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterWeb {position: relative; width: 782px; height: 20px; top: -20px; 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);} #pagefooterWeb a { color: #FFF;} .webLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;} .webTxtAlertCont{ float: right; width: 0%; height: 100%;} .webLogContInner{ position: relative; width: 100%; height: 100%;} /*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; } /* UNIVERSAL LOGIN CODE----------------------------------------------------------------*/ .userTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .passwordTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .emailTxt{float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .enterCode{ position: relative; top: 30px; float: left; width: 38%; padding: 3px; text-align: right;} .userInputShort{ float:right; width: 59%; height: 20px; padding: 3px;} .passwordInputShort{ float: right; width: 59%; height: 20px; padding: 3px;} .emailInput{float: right; width: 59%; height: 20px; padding: 3px; } .enterCodeInputShort{float: right; width: 59%; height: 30px; padding: 3px; padding-bottom: 5px; } .captchaGraphic{ float: right; width:59%; height: 80px; padding-top: 10px; } .logButtin{float: right; width: 59%; text-align: left; padding: 3px;} /*HORIZONTAL RULE------------------------------------*/ #horzRule { width: 94%; height: 5px; padding-bottom: 0px; background-color:#EEE; border-top: dotted 1px #CCC; border-bottom: dotted 1px #CCC; } /* REMOVE SKYPE INJECTED MARKUP (Only works sometimes) -------------------------------------*/ span.skype_pnh_container { display: none !important; } span.skype_pnh_print_container { display: none !important; } /*ONLINE BANKING*/ #onlineBankingErrorMessages {display: none;} /*ROW LAYOUT------------------*/ #RowOne {height: 194px; margin-top: 20px;} #RowTwo {height:150px} /* BOX ATTRIBUTES */ #RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1 { color: #db4b4b; display: inline; font-family: Arial; font-size: 18px; font-weight: bold; } .SmallGreenText {font-family: Arial; font-size: 20px; font-weight: bold; color: #db4b4b; } #RowOneBoxOne P, #RowOneBoxTwo P, #RowTwoBoxOne P, #RowTwoBoxTwo P { padding: 0px; padding-right: 10px; padding-top: 10px; font-size: 12px; line-height: 16px; margin-bottom: 5px;} #RowOneBoxOne #LinkBtn a, #RowOneBoxTwo #LinkBtn a, #RowTwoBoxOne #LinkBtn a, #RowTwoBoxTwo #LinkBtn a { position: absolute; bottom: 15px; font-size: 13px; text-decoration: none; font-weight: bold;} #RowOneBoxOne #LinkBtn a:hover, #RowOneBoxTwo #LinkBtn a:hover, #RowTwoBoxOne #LinkBtn a:hover, #RowTwoBoxTwo #LinkBtn a:hover {} /* BOX GRAPHICS*/ #RowOneBoxOne { position: relative; float: left; width: 280px; height: 150px; padding-left: 10px; background-image: url(images/e_statement_bkgd.jpg); background-repeat: no-repeat; background-position: right top; margin-right:50px; } #RowOneBoxOne li {list-style:inside;} #RowOneBoxTwo { position: relative; float: left; width: 280px; height: 150px; padding-left: 10px; background-image: url(images/online_banking_bkgd.jpg); background-repeat: no-repeat; background-position: right top;} #RowTwoBoxOne { position: relative; float: left; width: 280px; height: 150px; padding-left: 10px; background-image: url(images/online_loan_bkgd.jpg); background-repeat: no-repeat; background-position: right top; margin-right:50px; } #RowTwoBoxTwo { position: relative; float: left; width: 280px; height: 150px; padding-left: 10px; background-image: url(images/loan_calc_bkgd.jpg); background-repeat: no-repeat; background-position: right top; } /* LOGIN CONFIRMATION FORM */ #bankingPinConfirm { width: 500px; height: 200px; background-image: url(images/bg-bankingPinConfirm.jpg); background-repeat: no-repeat; padding: 10px;} #bankingPinConfirm h1 { margin-bottom: 10px; color: #333;} #bankingPinConfirm { } input#chkeStatements, input#chkeAGM, input#chkEzine, input#chkSMSProgressBanking {margin-right:3px;} #membersAreaPage .pagecontent_members {} /* HOMEPAGE JQUERY SLIDES ANIMATION -------------------------------------*/ ul#homepagejQueryImages { width: auto; height: auto; overflow: hidden;} ul#homepagejQueryImages li { list-style: none; float: left; height: auto; overflow: hidden; text-align: center; } ol#pagination { left: 450px; position: absolute; text-align: center; top: 230px;} ol#pagination li { float:left; display: inline-block; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 0; text-align: left; text-indent: -8000px; list-style: none; cursor: pointer; margin: 0; position: relative; top: 0px; left: -440px; height:16px; width:16px; } 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: -175px; width:41px; height:55px;} ol#pagination li.next { position: absolute; top: -175px; width:41px; height:55px; } ol#pagination li.prev { position: absolute; left: -312px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -84px;} ol#pagination li.next { position: absolute; left:588px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -140px;}