/* -------------------- WARNING! Copyright Progress Systems Limited. Explicit permission is required to copy or use any documents from this website -------------------- -------------------- TEMPLATE: ELEVATION -------------------- 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 . IE7 Y IE8 OPERA Y SAFARI Y . CHROME Y FIREFOX2 Y FIREFOX3 Y NETSCAPE7 . --------------------------------------------------------------------- */ /* HTML TAG RE-DEFINITIONS */ html { } body{font-family: tahoma; font-size: 13px; color:#006b9b; line-height:140%; background: #fff url(../../templates/current/images/bkgd_gradient_inner.gif) repeat; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */ /*background-image: url(../../templates/current/images/bkgd_gradient_large.jpg);*/} * {margin:0; padding:0;} html {} li {font-size: 13px; } ul { font-size: 13px; } a { font-size:13px; text-decoration:underline;} a:hover {text-decoration:none; color::#193e8c;} hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #FFFFFF;} strong {font-weight:bold;} iframe {border: 1px dotted #CCCC99; width:100%; font-family: Arial; font-size: 13px; color:#333333; height: 300px;} iframe.spotlightnew {border: 1px dotted #CCCC99; width: 200px; font-family: Arial; font-size: 13px; color:#333333; height: 100px;} img {border: none;} p {margin-bottom: 10px; font-size: 13px; } acronym {cursor: help; border-bottom: 1px dotted #CCCCCC;} font, td {font-size: 13px;} font, td a{ font-size: 13px;}} d.membership {color:#ffffff; padding:3px;} em, small {} small a {color: #3E8CCC; font-size:11px;} small a:hover {color:darkOrange;} tr#TemplateRow1 {display:none;} /*td p {padding:0 7px;} td b {color:#ffffff; padding: 0 5px; line-height: 20px;} td li {font-size: 12px;} td strong {font-size: 14px;} td.bodytext {padding:7px;} table {} p.quote {padding-left:150px; background:url(../../templates/current/images/quote.gif) no-repeat 20px center} img.pdf {vertical-align: top;}*/ /* HEADINGS */ h1 {font: bold 16px; padding-bottom: 5px; color: #1770a4;} h2 {border-bottom: 1px dotted #0b95d6; color: #0b95d6; font-size: 16px; margin-bottom: 15px; padding-bottom: 5px; padding-top: 10px;} h3 {font-size:15px; padding-bottom: 10px; color:#005e98; } h4 {font: bold 16px; color: #0E508F; padding-bottom: 15px; } h5 {font: 12px; color: #4c6a76; padding-bottom: 15px;} h6 {font: 9px; padding-bottom: 15px;} /* COMMONLY USED CLASSES */ .required {font-weight: bold; color: #CC0000; } .informational {font:12px Arial; color: #699;} .largeFont {font-size:14px; color:#3E8CCC; font-weight: bold;} .lighttext {color: #999999;} /* BUTTONS */ .button_search {background: #3272eb; /* Old browsers */ background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */ background: linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */ border: 1px solid #558bf1; /*border-radius: 1px 1px 1px 1px;*/ color: #FFFFFF; cursor: pointer; font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #577e06; margin: 0px 0 5px 0;} .button_submit {background: #bfd255; /* Old browsers */ background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */ background: linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */ border: 1px solid #6fa401; /*border-radius: 1px 1px 1px 1px;*/ color: #FFFFFF; cursor: pointer; font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #577e06; margin: 5px 0 10px 0;} .button_cancel { background: #f4b3a8; /* Old browsers */ background: -moz-linear-gradient(top, #f4b3a8 0%, #f16f5c 50%, #f6290c 51%, #f02f17 59%, #ef8173 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4b3a8), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(59%,#f02f17), color-stop(100%,#ef8173)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* IE10+ */ background: linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b3a8', endColorstr='#ef8173',GradientType=0 ); /* IE6-9 */ border: 1px solid #da5340; /*border-radius: 1px 1px 1px 1px;*/color: #FFFFFF; cursor: pointer; font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #c01700; margin: 5px 0 10px 0;} .button_other {background: #b7deed; /* Old browsers */ background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */ background: linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */ border: 1px solid #2fb8e4; /*border-radius: 1px 1px 1px 1px;*/color: #FFFFFF; cursor: pointer; font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #2b6f85; margin: 5px 0 10px 0;} .button_editor{ border:1px solid #F6F6EA;} .tabletitleprint {float: right; width: 100px;} /* FORM FIELDS */ input,select {height: 18px; color: #42507E; font-size: 11px; font-family:Arial, Helvetica, sans-serif; vertical-align: middle;} .input_normal {width: 180px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} .input_long { width: 370px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} #File1.input_long { position: relative; text-align: right;/*-moz-opacity:0 ;filter:alpha(opacity: 0);opacity: 0;*/z-index: 2;width: 370px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} .input_medium {width: 250px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} .input_short {width: 110px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} .input_shorter {width: 60px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} .input_multiline {width: 180px; height: 100px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} .input_multiLarge {width: 280px; height: 160px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} .input_nosize {border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #667290; width:90%;} .input_2char {width: 20px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} .input_3char {width: 30px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} .input_4char {width: 40px; border: 1px dotted #BBBBBB; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #42507E;} /*.input_search { padding-left: 5px; padding-top:3px; margin-bottom:2px; top:-3px; height:20px; width: 149px; font-size: 11px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif;background-image: url(images/serach_field_bkgd.jpg); background-repeat: no-repeat;}*/ .input_search { position: relative; top: -3px; left:4px; font-weight: bold; color:#abb4c9; padding-top:3px; padding-left:3px;} .input_invisible {border: 0px solid; color: #42507E; font: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; background-color: transparent; height: 18px; vertical-align: middle} .input_editor_title {font-size:16px; color: #42507E; font-family:Arial, Helvetica, sans-serif; border: 1px dotted #BBBBBB; width: 300px;} .input_editor_subtitle {font-size:12px; color: #42507E; font-family:Arial, Helvetica, sans-serif; border: 1px dotted #BBBBBB; width: 300px;} .input_webteller {width: 120px; border: 1px dotted #BBBBBB; font-size: 13px; font-family:Arial, Helvetica, sans-serif; height: 14px; font-weight: bold; color: #42507E; text-align: right; padding: 2px;} /*SOCIAL*/ #SocialNet { position: absolute; top:-65px; left:500px;} #SocialNetTxt {display: none;} /*-------LOAN CALCULATOR SLIDER-------*/ input#amount {color: #004169; font-size: 18px; height: 25px; position: relative; left: -200px; text-align: right; top: -65px; width: 80px;} input#term {color: #004169; font-size: 18px; height: 25px; left: 250px; position: relative; text-align: right; top: -70px; width: 230px;} select#intrateDDL {border: 1px dotted #7D869E;color: #51901e;font-size: 12px; height: 21px; margin: 10px 0 40px 20px; padding-top: 1px; width: 175px; font-weight:bold;} select#intrateDDL option{color: #072d71; font-size: 12px; font-weight: normal; padding: 3px 0 0 3px;} input#apr {border-bottom: 1px dotted; font-size: 19px; width: 94%; padding: 0px 3px 10px; font-weight: bold; color:#0b95d6; float:left; margin-bottom: 10px;} #contentarea ul#sliderValuesList, #memberscontentarea ul#sliderValuesList {color: #7D869E; font-family: Verdana; font-size: 12px; padding-left: 0; line-height:20px; width: 95.5%; margin-bottom:20px;} #contentarea ul#sliderValuesList li, #memberscontentarea ul#sliderValuesList li {list-style:none; border-bottom: 1px dotted; margin-left: 3px; padding: 10px 5px;} input#paymentSliderWeekly, input#paymentSlider2Weeks, input#paymentSlider4Weeks, input#paymentSliderMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly {display:block; font-size: 16px; font-weight: bold; padding: 0; margin-top: 2px; color: #0b95d6;} input#paymentSliderTotalWeekly, input#paymentSliderTotal2Weeks, input#paymentSliderTotal4Weeks input#paymentSliderTotalMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly { display:block; font-size: 16px; font-weight: bold; color: #006db1} input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotalInterest4Weeks, input#paymentSliderTotalInterestMonthly {display:block; font-size: 16px; font-weight: bold; color: #026be9;} span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 32%;} span#spanWeekTotalInterest, span#span2WeeksTotalInterest, span#span4WeeksTotalInterest, span#span4WeeksTotalInterest {width: 32%;} #divSliderCalcLoanTypeText {color: #072d71; float: left;font-size: 13px; font-weight: bold; margin-top: 12px;} #sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -25px; position: relative; top: 29px;} /*-------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: #666c90; 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;}z /* TABLES */ .tabletitle {margin: 0px; padding: 2px 7px; background: #5f6d8c; background-repeat: repeat; border:4f5c79px solid #4ba8de; color:#FFFFFF; font-weight:bold; font-size: 12px;} .tableform {border-bottom: 1px dotted #c6cddc; border-top: 1px dotted #c6cddc; background-color:#FFFFFF; /*margin-top: 4px;*/ margin-bottom: 20px; border-collapse: collapse; font-size: 11px; color:#333333; width: 100% !important;} .tableform thead {color: #3d7e9e; font-size: 9px;} .tableform thead td, .tableform thead td {background-color:#ddf2ff;} .tableform tfoot {color: #828277; font-size: 10px;} .tableform tfoot td {background-color:#E5E5DA; font-size: 10px;} .tableform .dayColour{background-color:#E2E2D7;} .tableform td {padding: 1px 5px; background-color:#ddf2ff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; height: auto;} #layoutareaoffice .tableform td {padding: 4px 5px;} .tableform td p {font-size:11px; padding-top:8px; margin-bottom: 0px;} .tablegrid {border-top: 1px dotted #AEC7D1; margin-bottom: 10px; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-size: 12px; color:#333333; border-spacing: 0px; !important} .tablegrid thead {color: #999999; font-weight: bold;} .tablegrid thead td {background-color:#d7e8f0; font-size: 11px;} .tablegrid thead td a{font-weight: bold; font-size:12px; } .tablegrid td {background: none repeat scroll 0 0 #F6FAFC; border-bottom: 1px dotted #AEC7D1; color: #42507E; font-size: 12px;line-height: 20px; padding: 4px 10px;} .tablegrid td.last {border-bottom:none;} .tabledetailed {border: 1px dotted #a3c1db; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-family: Arial; 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;} .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:#FFFFEE;} .tablerow_over td {background-color:#FFFFCC;} table.services td img {margin:10px 0 0;} /* 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: 92%; height: 20px; margin-left: 5px; padding-left: 10px; margin-right: 5px; padding-top: 2px; padding-bottom: 0px; font-size: 12px; border: solid 1px #E6E6E6; text-align: right; background-image: url(../../images/essentials/estatements_bkgd.gif); border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);} .pdf_download { position: relative; float: left; clear: right; height:30px; width: 60%; padding-right: 5px; padding-left: 0px; padding-top: 5px; padding-bottom: 15px; margin-right: 0px; margin-left: 5px; margin-bottom: 20px; font-size: 11px; /*background-image: url(../../images/essentials/acrobat_download_bkgd.gif); border: solid 1px #E6E6E6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);*/} .pdf_image { position: relative; float: right; height: 30px; width: 140px; margin-right: 20px; } .rowseparator {border-bottom: dotted 1px #CCC; height: 15px;} .required_green { font-weight:bold; color:#393;} .yeartitle{color: #333; } .error_notfound { border: solid 1px #0F0; } /*PIN MANAGER-----------------------------------------*/ .tabletitle { padding-right: 15px; width: auto; padding: 4px 6px 5px 5px; color:#FFF; font-weight:bold; font-size: 11px; background-color: #164497; /*background-image: url(../../images/essentials/pinform_title_right.gif); /* background-repeat:no-repeat; background-position:right;*/filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );border: 1px solid ##5f6e8d;; color: #FFFFFF;font-weight: bold; height: 28px; margin-left: 0px; margin-right: 2px; padding: 2px; padding-left: 10px; padding-right: 10px; text-shadow: -1px 0 1px #0f3b5a;} .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:#666; text-decoration: none; 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; vertical-align: middle; } .fontGreen { font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#393; } /*BODY ID TAGS ----------------------------------- ----------------------------------- */ #homePage {} #contentpage {} #loginPage{} #membersAreaPage {} #officeAreaPage {} #directorsAreaPage {} #userAreaPage {} #pinsPage {} #securePage {} #NewsPage {} /* PASSWORD STRENGTH INDICATOR */ #passwordStrength {height:10px; display:block; float:left;} .strength0 {width:150; background-color:#cccccc;} .strength1 {width:30px; background-color:#ff0000;} .strength2 {width:60px; background-color:#ff5f5f;} .strength3 {width:90px; background-color:#56e500;} .strength4 {width:120px; background-color:#4dcd00;} .strength5 {width:150px; background-color:#399800;} /* IMAGE VISIBILITY (OPTIONAL) */ #img_masthead {} #img_login { padding: 5px 0 0 5px;} #img_register {} #img_youthzone {} #img_newsheadlines {clip: rect(0px, 150px, 27px, 0px);} #modulelinks img {display:none;} #modulelinks_contentpage img {display:none;} #img_livehelp {} #img_progresslogo {} #submenuCalculator li {display: none;} /* MAIN OUTER CONTAINER LAYER */ #main {text-align: center; width:100%;} /* PAGE CONTENT LAYER */ #pageContent{position: relative; width:992px; height:100%; text-align: left; margin: auto; border-bottom: none;} html>body #pageContent{} /*PAGE INNER CONTENT*/ #pageInnerContent { position: relative; width:992px; height:100%; margin-left: auto; margin-right: auto; } #pageInnerContent:after {clear:both; content:".";display:block;height:0pt; visibility:hidden;} #mainarea, #membersmainarea { background: #FFFFFF ; float: left; height: 100%; width: 962px; border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; -khtml-border-radius: 15px 15px 0px 0px; -moz-border-radius: 15px 15px 0px 0px; behavior: url(templates/current/PIE.htc); padding:15px;} #membersAreaPage #mainarea {background: #FFFFFF ; float: left; height: 100%; width: 962px; padding:15px; border-radius:0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0;} #directorsmainarea { background: #FFFFFF ; float: left; height: 100%; width: 956px; border: 10px solid #ffffff; padding: 8px 8px 100px;} #directorsmainarea .pagetitle_members { font-size:16px; padding-bottom: 10px; color:#76669c; font-weight: bold; } #layoutareaoffice { background: #FFFFFF ; float: left; height: 100%; width: 972px; padding: 10px;} /* MASTHEAD FACILITIES*/ #facilities { z-index: 2000; position: absolute; top:118px; right: 9px; width:981px; height: 23px; } #facilities ul {margin: 0px; padding: 0px;} #facilities li {display: block; float: right; padding-left:2px; padding-right: 2px;} #facilities a { font-weight: normal; font-size: 11px; color:#7a8ba9; text-decoration: none; display: block;} #facilities a:hover { text-decoration: underline; color:#7a8ba9;} #facilities .divider {padding-left: 7px; margin-left: 4px; background:url(../../templates/current/images/divider.png); background-position:left; background-repeat:no-repeat;} #facilities #helpmenu {position:absolute; top:15px; left:982px; background:none; float:none; text-align:left; visibility:hidden; background-color: #7a8ba9; border: 1px solid #98a8c4;} #facilities #helpmenu li {background:none; display:list-item; list-style: none; width:140px; padding-bottom:5px; border-bottom: 1px solid #98a8c4;} #facilities #helpmenu a { color: #fff;} #facilities #helpmenu a:hover {text-decoration:underline; color:#dcecf2;} /* MASTHEAD */ #masthead { position: relative; width: 992px; height: 143px; overflow: hidden; background:url(../../templates/current/images/masthead_bkgd.gif) top no-repeat;} #directorsAreaPage #masthead {position: relative; width: 992px; height: 143px; overflow: hidden; background:url(../../templates/current/images/masthead_bkgd2.gif) top no-repeat;} #masthead .logo {position: absolute; top: 0px; left: 0px;} #masthead #announcements {position: absolute; top: 10px; left: 370px; width: 400px; height: 50px; overflow: hidden; text-align: right; padding: 10px; padding-right: 10px; font-size: 13px; font-weight: bold; color: #FFFFFF; display:none; /*filter: alpha(opacity=0); -moz-opacity:0%;*/} #masthead #announcements a {color: #FFFFFF; font-size: 13px; text-decoration: none;} #masthead #announcements a:hover {text-decoration:underline; color:#0099FF;} #masthead .area_title { display: none; position: absolute; top: 60px; right:30px; color: #FFFFFF; font-size: 13px; font-weight: bold; } #officeAreaPage #masthead { position: relative; width: 992px; height: 143px; overflow: hidden; background:url(../../templates/current/images/masthead_office_bkgd.jpg) top no-repeat;} #officeAreaPage #masthead .logo {position: absolute; top: 0px; left: 0px;} #membersAreaPage #masthead { position: relative; width: 992px; height: 143px; overflow: hidden; background:url(../../templates/current/images/masthead_office_bkgd.jpg) top no-repeat;} #membersAreaPage #masthead .logo {position: absolute; top: 0px; left: 0px;} /* BYLINE (TEL/FAX/DATE BAR) */ #byline { position: absolute; width: 480px; height: 23px; left: 110px; top: 5px;} #byline .contactdetails {} #byline .contactdetails p {color: #FFFFFF; font-size:11px;} #byline .contactdetails strong {padding: 4px; color: #FFFFFF; font-size:11px;} #byline .contactdetails a { color: #FFFFFF; font-size:11px; text-decoration: none;} #byline .currentdate {position: absolute; top: 0px; left: 370px; width: 120px; color: #072d71; font-size:11px;} #byline_members { position: absolute; width: 480px; height: 23px; left: 480px; top: 5px;} #byline_members .currentdate {position: absolute; top: 110px; left: 400px; width: 120px; color: #072d71 ;font-size:11px;} #byline_members .contactdetails p { display: none; color: #FFFFFF; font-size:11px;} #byline_members .contactdetails { display: none; color: #FFFFFF; font-size:11px;} /* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */ #layoutarea{position: relative; margin:0 auto; width: 980px; text-align:left; overflow: visible;} #officeAreaPage #layoutarea {background: none repeat scroll 0 0 #FFFFFF; float: left; height: 100%; padding: 10px; width: 972px;} /* MAIN NAVIGATION MENU */ #mainmenu { position: relative; /*IE, should work for all*/float: left; height: 100%; width: 213px; overflow: visible; text-align: left; background: url(../../templates/current/images/mainmenu_bgr.jpg) left bottom no-repeat; padding-bottom:10px; margin-bottom: 10px;} /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ /*#mainmenu li { padding: 3px; display: list-item; border: 1px solid #e6edf8; margin-bottom: 3px; list-style-type: none; background-color: #fafdff;}*/ /*CURVED MENU IN MOST BROWZERS EXCEPT IE*/ /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ #mainmenu ul {background: url(../../templates/current/images/menu_ul_bgr.jpg) left top no-repeat; padding-top:7px;} #mainmenu li { background: url(../../templates/current/images/li_bgr.jpg) center bottom no-repeat; position: relative; /*IE, should work for all*/display: list-item; list-style-type: none; height:33px;} #mainmenu li:hover {background-color: #0b95d6} #mainmenu .first li:hover {border-radius: 8px 0px 0px 0px; -webkit-border-radius: 8px 0px 0px 0px; -khtml-border-radius: 8px 0px 0px 0px; -moz-border-radius: 8px 0px 0px 0px; behavior: url(templates/current/PIE.htc); } #mainmenu a {font-size: 13px; font-family:"tahoma"; width: 89%; color:#FFFFFF; text-decoration: none; display: block; padding:9px 0 6px 10px;} #mainmenu a:hover {color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } #homePage #mainmenu {float: none;} /* POP-OUT MENUS */ .popoutmenu {display: none; visibility:hidden; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat; border: 1px solid #CCCCCC;} .popoutmenu li {background:none; display:list-item; width:155px; padding-bottom:5px; border-bottom: 1px solid #CCCCCC;} .popoutmenu a:hover {text-decoration:underline; color:#0099FF;} /* TEXT CONTENT & NAVIGATION CONTAINER */ #contentarea {position: relative; float: right; width: 728px; min-height: 500px; padding-top: 30px; margin-right: 0px;} #membersAreaPage #contentarea {float: left; width: 750px; padding-top:0;} #contentarea .pagetitle { position: relative; left: -7px; top: 10px; width: 727px; background-color: #77a8ca; font-family: arial; line-height: 24px; height:24px; text-align:left; margin-bottom: 25px; padding:4px; color: #fff; /*font-style:italic;*/ font-size: 17px; font-weight: bold;} #contentarea .pagecontent { padding-right: 15px;} #contentarea .pagecontent p {text-align:left; line-height: 17px; } #contentarea .pagecontent H1 {font-size: 16px;} #contentarea ul {padding-left: 28px; margin-bottom: 10px;} #contentarea ol {padding-left: 28px; margin-bottom: 10px;} #contentarea li {display:list-item;} #contentarea a {text-decoration: underline;} #contentarea .pagetitle_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;} #contentarea .pagecontent_members h3 { color: #009dbc; font-size: 13px; font-family: Arial; padding-bottom: 5px; font-weight: normal;} /*#pagecontent_members {position: relative; float: right; width: 693px; min-height: 500px; padding-top: 40px; margin-right: 15px;}*/ #contentarea .pagecontent_members { } #officeAreaPage #contentarea {margin-top:0; padding-top:0;} #officeAreaPage #contentarea .pagecontent_members { background-color: #FFFFFF; float: right; min-height: 500px; position: relative; padding-left:0; padding-right:0; padding-top:0; margin-right:0; width: 745px;} #contentarea .pagecontent_members h3{ font-size: 16px; font-weight: bold; color:#0b95d6; border-bottom: 1px dotted #0b95d6; margin-top: 10px; margin-bottom: 15px;} #membersAreaPage #contentarea .pagecontent_members h3{font-size:15px; padding-bottom: 10px; color:#005e98; font-weigh:normal; border-bottom:none; margin-top:0; font-family:Verdana;} /* DIRECTOR AREA */ #contentareaoffice .pagecontent_members .directors_content {position: relative; float: left; width: 65%;} #contentareaoffice .pagecontent_members .directors_sidebar {position: relative; float: right; width: 25%; border-left: 1px dotted #DDDDDD;} #directorscontentarea #dircontentareaoutercontainer .pagecontent_members .directors_content { position: relative; float: left; width: 65%;} #directorscontentarea #dircontentareaoutercontainer .pagecontent_members .directors_sidebar{ position: relative; float: right; width: 30%; border-left: 1px dotted #DDDDDD;} /* DIRECTOR AREA */ .directors_content {float: left; width: 65%;} .directors_fullwidthcontent {float: left; width: 100%;} .directors_sidebar {float: right; width: 30%; border-left: 1px dotted #DDDDDD; text-align:center;} #contentareaoutercontainer { } #contentareainnercontainer {} #memberscontentarea {position: relative; float: right; width:750px; min-height: 500px;background-color: #FFFFFF; border-top: 0px solid #009dbc;/**/ } !important /* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/ #memcontentareaoutercontainer {} #memberscontentarea .pagetitle_members { position: relative; left: -7px; width: 735px; background-color: #77a8ca; font-family: arial; line-height: 24px; height:28px; text-align:left; margin-bottom: 10px; padding:10px; color: #fff; /*font-style:italic;*/ font-size: 18px; font-weight: bold;} #memberscontentarea .pagecontent_members { position: relative; margin-bottom: 15px; min-height:320px; } #memberscontentarea .pagecontent_members h3 { display: none; color: #009dbc; font-size: 13px; font-family: Arial; padding-bottom: 10px; font-weight: normal;} #memberscontentarea .pagecontent_members p { padding-bottom: 10px;} /*MEMBERS CONTENT & NAVIGATION CONTAINER */ #memberscontentarea {position: relative; float: right; } !important /* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/ /* FLASH / ANNOUNCEMENTS / CUSTOM AREA ACTIVATED */ #flashcontainer_custom { position: absolute; top: 0px; left: 192px; text-align: center; width: 604px; height: 225px; /*border: solid 1px #F00;*/} #flash_area { float: left; width: 404px; height: 225px; border: solid 1px #CCC } #flash_area_custom { float: right; width: 180px; height: 225px; border: solid 1px #C6E2FF; background-color:#D7EBFF; } /* FLASH / ANNOUNCEMENTS CONTAINERS */ #flashcontainer {position: absolute; top: 15px; left: 240px; text-align: center; width: 739px; height: 278px; /*border: solid 1px #F00;*/} #announcements_content {background: #7fd1ff; border: 1px solid #bac9e0; height: 43px; left: 240px; overflow: hidden; padding-top: 12px; position: absolute; text-align: right; top: 305px; width: 723px;} #announcements_content_dynamic { color: #FFFFFF;position: absolute; background: #90c2de;top: 301px; left: 240px; padding: 10px; height: 27px; width: 717px; overflow: hidden; text-align: left;} #announcements_content_dynamic h1, #announcements_content_dynamic h2 {font-family:"Times New Roman", Times, serif; font-style: normal; font-weight: normal; padding: 10px 10px 5px 10px; color: #287eb0; font-size:14px; display:none;} #announcements_content_dynamic p {font-style: normal; font-weight: normal; font-size:14px; color: #FFFFFF;} #announcements_login {margin-bottom: 10px; margin-top: -5px; overflow: hidden; width: 530px; /*filter: alpha(opacity=0); -moz-opacity:0%;*/} #announcements_login a {font-size: 12px; font-weight: normal; color: #eb0066; text-decoration: none; font-style:italic;} #announcements_login a:hover {text-decoration: underline;} #announcements_members {margin-bottom: 10px; height: 50px; width: 535px; overflow: hidden;} #announcements_members a {font-size: 14px; color: #f50053; text-decoration: none; font-style: italic; padding-top: 20px;} #announcements_members a:hover {text-decoration: underline;} #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);} /* SUBMENU (CONTENT PAGES ONLY) */ #submenu {position: absolute; top: 15px; left: 242px; width: 735px; overflow: visible; /*background:url(../../templates/current/images/subsections_bkgd.gif) top repeat; text-align: center;*/ background-color: #0b95d6; border-radius: 0px 8px 0px 0px; -webkit-border-radius: 0px 8px 0px 0px; -khtml-border-radius: 0px 8px 0px 0px; -moz-border-radius: 0px 8px 0px 0px; behavior: url(templates/current/PIE.htc); } #submenu .title_subsections {float: left; font-size: 10px; color: #fff; font-weight: bold; line-height: 11px; padding-top: 3px; padding-left: 5px; padding-right: 15px; margin-right:3px; background:url(../../templates/current/images/bullet_greenarrow.gif) right 8px no-repeat;} #submenu ul {margin-left:5px; } #submenu li { height: 14px; width: 2%; padding-bottom: 1px; margin-left: 0px; margin-right: 0px; float: left; display: block; white-space: nowrap; border-left: 1px solid #59b4df; } /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ html>body #submenu li {width: auto; height: 18px; } /*CORRECT THE WIDTH/HEIGHT ABOVE WHICH WAS FOR IE5/IE6*/ #submenu a {font-size: 10px; color: #fff; width: 100%; height: 100%; text-decoration: none; display: block; line-height: 13px; padding-top: 3px; padding-left: 5px; padding-right: 5px;} #submenu a:hover {text-decoration: underline;} #submenuBreadcrumbs {position: absolute; top: 15px; left: 242px; width: 735px; overflow: visible; /*background:url(../../templates/current/images/subsections_bkgd.gif) top repeat; text-align: center;*/ background-color: #0b95d6; border-radius: 0px 8px 0px 0px; -webkit-border-radius: 0px 8px 0px 0px; -khtml-border-radius: 0px 8px 0px 0px; -moz-border-radius: 0px 8px 0px 0px; behavior: url(templates/current/PIE.htc); } #submenuBreadcrumbs.title_subsections {float: left; font-size: 10px; color: #fff; font-weight: bold; line-height: 11px; padding-top: 3px; padding-left: 5px; padding-right: 15px; margin-right:3px; background:url(../../templates/current/images/bullet_greenarrow.gif) right 8px no-repeat;} #submenuBreadcrumbs ul {margin-left:5px; } #submenuBreadcrumbs li { height: 14px; width: 2%; padding-bottom: 1px; margin-left: 0px; margin-right: 0px; float: left; display: block; white-space: nowrap; border-left: 1px solid #59b4df; } /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ html>body #submenuBreadcrumbs li {width: auto; height: 18px; } /*CORRECT THE WIDTH/HEIGHT ABOVE WHICH WAS FOR IE5/IE6*/ #submenuBreadcrumbs a {font-size: 10px; color: #fff; width: 100%; height: 100%; text-decoration: none; display: block; line-height: 13px; padding-top: 3px; padding-left: 5px; padding-right: 5px;} #submenuBreadcrumbs a:hover {text-decoration: underline;} /* NAVIGATION SELECTED ITEMS */ #mainmenu .section_selected { background-color: #0b95d6} #mainmenu .section_selected a {color: #fff;} #mainmenu .page_selected a {background-color: #EEF3F9; color: #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);} #submenu . { font-weight: bold;} /* MEMBER AREA */ #membermenu { margin-bottom: 10px; margin-left: 0px; width: 100%; margin-right: 10px; float: left; width: 190px; background-color:#328BCB; } #membermenu li {list-style-type: none; border-bottom:1px solid #ffffff; font-size: 12px;} #membermenu li:hover {background: #1E73AF;} #membermenu a {color: #fff; line-height: 28px; margin-left: 10px; display: block; text-decoration: none;} #membermenu .last {font-weight: bold; border-bottom:0px solid #405aad;} .memo {border: 1px solid #CCCCCC; width: 130px; padding: 2px; position: absolute; top: 5px; left: 770px;} /* SUBMENU (MEMBERS AREA) */ #submenu_members { margin-bottom: 10px; width: 100%; margin-right: 10px; float: left; width: 190px; background-color:#4765bd;} #submenu_members ul {padding-left: 0px; margin-bottom: 0px; font-size: 12px;} #submenu_members li {list-style-type: none; padding: 4px; border-bottom:1px solid #607ad6;} #submenu_members .last {font-weight: bold; border-bottom:0px solid #405aad;} #submenu_members a {color:#fff; text-decoration: none;} #submenu_members .title_subsections {font-weight: bold; padding: 5px; color:#fff; border-bottom:2px solid #607ad6;} /* SIDEBAR */ #sidebar {float: left; width: 180px; clear: left;} #layoutDivide {float:left;} /* TOOLS & RESOURCES SECTION (MODULE LINKS) */ #modulelinks { position: relative; height: 100%; width: 213px; padding-bottom: 0px; overflow: hidden; background: #f7fafc; background:url(../../templates/current/images/modulelinks_bgr.jpg) bottom left no-repeat; padding-bottom:10px; margin-bottom: 10px;/*IE, should work for all*/} #modulelinks ul { background:url(../../templates/current/images/modulelinks_ul_bgr.jpg) top left no-repeat; padding-top: 7px;} #modulelinks li {position: relative; /*IE, should work for all*/display: list-item; list-style-type: none; height:33px; background:url(../../templates/current/images/modulelinks_li_bgr.jpg) bottom center no-repeat; /*IE, should work for all*/} #modulelinks li:hover {background: #072d71; text-decoration: none;} #modulelinks a {font-size: 13px; font-family:Arial, Helvetica, sans-serif; width: 89%; color:#FFFFFF; text-decoration: none; display: block; padding:9px 0px 6px 10px;} #modulelinks a:hover {color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);} #modulelinks_contentpage{ position: relative; height: 100%; width: 213px; padding-bottom: 0px; overflow: hidden; background: #f7fafc; background:url(../../templates/current/images/modulelinks_bgr.jpg) bottom left no-repeat; padding-bottom:10px; margin-bottom: 15px;/*IE, should work for all*/} #modulelinks_contentpage ul { background:url(../../templates/current/images/modulelinks_ul_bgr.jpg) top left no-repeat; padding-top: 7px;} #modulelinks_contentpage li {position: relative; /*IE, should work for all*/display: list-item; list-style-type: none; height:33px; background:url(../../templates/current/images/modulelinks_li_bgr.jpg) bottom center no-repeat; /*IE, should work for all*/} #modulelinks_contentpage li:hover {background: #072d71; text-decoration: none;} #modulelinks_contentpage a {font-size: 13px; font-family:Arial, Helvetica, sans-serif; width: 89%; color:#FFFFFF; text-decoration: none; display: block; padding:9px 0px 6px 10px;} #modulelinks_contentpage a:hover {text-decoration: none;color: #fff;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);} /* LOGIN / YOUTHZONE / LIVE CHAT LAYER */ #loginarea {position: absolute; height: auto; right: -10px; top: -110px; width: 237px;} /* USING POSITIONING TO FORCE THE NEWS HEADLINES TO APPEAR AFTER THE LOGIN BUTTONS */ #loginarea img {margin-bottom: 5px; border: 0px; padding: 0px;} #loginarea_contentpage {position: absolute; height: auto; right: -10px; top: -110px; width: 237px;} /* USING POSITIONING TO FORCE THE NEWS HEADLINES TO APPEAR AFTER THE LOGIN BUTTONS */ #loginarea a:hover {border: 0px;} #loginarea_contentpage img {margin-bottom: 5px; border: 0px; padding: 0px;} /* NEWS HEADLINES */ #newsheadlines {height: auto; margin-top: 10px; margin-bottom: 20px; overflow: hidden; padding: 0px 0px 5px; position: relative; width: 213px; background: #efefef url(../../templates/current/images/news_bgr.gif) bottom no-repeat;} /* USING POSITIONING TO FORCE THE LOGIN BUTTONS TO APPEAR BEFORE THE NEWS HEADLINES */ #newsheadlines a h3 {color: #072d71; font-size: 13px; padding-top:0; padding-bottom:10px;} #newsheadlines a:hover h3 {color: #072d71; font-size: 13px; padding-top:0;} #newsheadlines a p {color: #072d71; font-family:Verdana, Geneva, sans-serif; font-size: 11px;} #newsheadlines a:hover p{text-decoration: none; color: #2373A4;} #newsheadlines .newslinks a {color: #999999; font: normal 9px Arial, Helvetica, sans-serif;} #newsheadlines_contentpage{height: auto; margin-top: 10px; margin-bottom: 70px; overflow: hidden; padding: 0px 0px 5px; position: relative; width: 213px; background: #efefef url(../../templates/current/images/news_bgr.gif) bottom no-repeat;} #newsheadlines_contentpage a h3 {color: #072d71; font-size: 13px; padding-top:0; padding-bottom:10px;} #newsheadlines_contentpage a:hover h3 {color: #072d71; font-size: 13px; padding-top:0;} #newsheadlines_contentpage a p{color: #072d71; font-family:Verdana, Geneva, sans-serif; font-size: 11px;} #newsheadlines_contentpage a:hover p {text-decoration: none; color: #2373A4;} #newsheadlines_contentpage .newslinks a {color: #999999; font: normal 9px Arial, Helvetica, sans-serif;} #news_content {width: 88%; position: relative; filter: alpha(opacity=0); -moz-opacity:0%; margin: 12px 0 10px 15px; } #newsheadlinesMarquee {position: relative;color: #605ea7; width: 2000px; z-index: 10; font-style: italic;} #newsheadlinesMarqueeOuterDiv {z-index: 10;} #newsheadlinesMarqueeContainer { position: relative; float: left; width: 960px; bottom: 100px; margin-right: 10px; margin-left: 10px; height: 18px; margin-bottom:10px; overflow: hidden; z-index: 10;} #newsheadlinesMarqueeDiv { margin-top: -5px; margin-bottom:10px; } /* NEWS HEADLINES STATIC */ .newsArticleDate { padding-left:21px; padding-right:20px; font-size: 10px; } .newsArticleText { padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 9px; } .newsArticleLink { text-align: right; padding-left:21px; color: #F00; text-decoration: underline;text-transform: uppercase;/* */ padding-right:20px; font-size: 9px; } .newsArticleLink p { color: #20368c;} .newsArticleLink a {color: #20368c; font-size: 9px; text-decoration: underline; } /*QUICK LINKS*/ #quick_links { position:absolute; top: 327px; left: 258px; width: 243px; height: 140px; margin-top: 60px; /*border: 1px solid #F00;*/ background-image: url(images/title_quick_links_homepage_bkgd.jpg); background-repeat: no-repeat; } #quick_links li {margin-left: 15px; padding-left: 15px;list-style-type: none; padding-top: 5px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px;} #quick_links a { text-decoration: underline #666666;} #quick_links a:hover {text-decoration: underline; color: #063;} /* HOMEPAGE SPOTLIGHTS */ #spotlight1 { position: absolute; top: 436px; left: 240px; width: 236px; height: 298px; /*background: #f3f5f9; border: 1px solid #d9dfeb; /*border: 1px solid #DDDDDD; border-top: 0px;background:url(../../templates/current/images/box_bkgd.gif) repeat;*/} #spotlight2 { position: absolute; top: 436px; left: 490px; width: 236px; height: 298px; /*background: #f3f5f9; border: 1px solid #d9dfeb;/*border: 1px solid #DDDDDD; border-top: 0px; background:url(../../templates/current/images/box_bkgd.gif) repeat;*/} #spotlight3 { position: absolute; top: 436px; left: 740px; width: 236px; height: 298px; /*background: #f3f5f9; border: 1px solid #d9dfeb; /*border: 1px solid #DDDDDD; border-top: 0px; background:url(../../templates/current/images/box_bkgd.gif) repeat;*/} .spotlight_container { position: relative; height: 200px; width: 236px; border-top: 2px solid #00a3ff;} .spotlight_title { position: relative; top: 35px; height: 10px;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/ .spotlight_title h4 { color:#072d71; width: 98%; font-size: 16px; font-style:none; text-align:left;} .spotlight_text { position: relative; height:130px; top: -15px;} .spotlight_text p {color: #072d71; font-size: 13px; line-height: 19px;} .spotlight_text h1 {padding: 10px; font-size: 14px; color: #3c4966; font-style:italic; font-weight:bold; } .spotlight_text td {} .spotlight_image_upload { position: relative; top: -90px; width: 236px; height: 84px; } .spotlight_link {position: absolute; font-style: italic; text-align: right; width: 211px; height: 17px; padding-bottom: 2px; padding-top:2ps; padding-right: 25px; right: 5px; background:url(../../templates/current/images/spot_link_bkgd.jpg);} .spotlight_link a { position: absolute; top: -2px; right: 25px; color: #fff; font-size:12px; text-decoration: none; } .spotlight_link a:hover {color: #fff; text-decoration: underline;} /* FOOTER */ #pagefooterIndex { border-top: 1px solid #d9e3e7; background-color: #FFF; position: relative; text-align: left; left:6px; top: 0px; width: 982px; height: 82px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-left:10px; clear: both;} #pagefooterPublic { border-top: 1px solid #d9e3e7; background-color: #FFF; position: relative; text-align: left; left:6px; top: 0px; width: 982px; height: 82px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-left:10px; clear: both;} body#officeAreaPage #pagefooterOther { position: relative; font-size: 10px; left: 0px; border-top: 1px solid #d9e3e7; background-color: #FFF; text-align: centre; top: 0px; width: 982px; height: 82px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-left:10px; clear: both; } #pagefooterOther { color: #7FA4B5; position: relative; font-size: 10px; border-top: 1px solid #d9e3e7; background-color: #FFF; position: relative; text-align: centre; left:6px; top: 0px; width: 982px; height: 82px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-left:10px; clear: both; } #pagefooterOther a { font-size: 10px; color: #7FA4B5;} #fsrnTextOff .ProgressLogo { position: relative; float: right; top: -10px; right: 20px;} #footerDetails{ position: relative; float: left; font-size: 10px; color: #7fa4b5; width: 100%;} #pagefooterAlternative { position: relative; float: left; font-size: 10px; color: #7fa4b5;} #pagefooterAlternative #fsrnTextAlternative { position: relative; float: left; font-size: 10px; color: #7fa4b5;} /*SITEMAP*/ #siteMap {position: relative; width: 100%; height: 175px; margin-left: auto; margin-right: auto; padding: 10px; clear: both; background-color: #77a8ca; background-image:url(images/sitemap_bkgd.jpg); background-repeat: repeat-x; text-align:center; } #siteMapMenu { display: none; position: relative; width: 950px; height: 100%; margin-left: auto; margin-right: auto; white-space: nowrap; padding-bottom: 1px; height: 28px; display: block; text-align:center; font-weight: bold; } #siteMapMenu li { display: none;text-align: left; white-space: nowrap; padding-bottom: 1px; padding-left:11px; padding-right: 11px; height: 28px; float: left; display: block; } #siteMapMenu li a{ display: none;font-size: 11px; color: #0054A4;} #siteMapMenu li ul a{ display: none;font-size: 9px; font-weight: bold; color: #999;} /* OFFICE PAGES ----------------------------------- ----------------------------------- /* OFFICE AREA NAVIGATION */ #adminmenu {margin-bottom: 10px; width: 100%; margin-right: 10px; float: left; width: 210px;} #adminmenu ul { width: 100%; background-color:#328bcb; font-size: 12px;} #adminmenu li {list-style-type: none; border-bottom:1px solid #eef2fb; font-size: 12px;} #adminmenu li:hover {background: #1e73af;} #adminmenu li a {margin-left: 10px; color: #FFFFFF; line-height:28px; display:block; text-decoration: none;} #adminmenu li strong {color: #FFFFFF; line-height: 28px; margin-left: 9px;} #adminmenu ul li ul {display: none;} #adminmenu ul li ul li {list-style-type: none; background-color: #cce4f5;} #adminmenu ul li ul li:hover {background:#b4d3e9;} #adminmenu ul li ul li a {color: #1E66AA; line-height: 28px; margin-left: 10px; display: block; text-decoration: none; font-size: 12px;} #adminmenu .expanded {display: inline-block;} /* CONTENT & NAVIGATION CONTAINER */ #contentareaoffice {position: relative; float: right; width: 750px; margin-top: 10px; margin-top: 0px; margin-right: 0px; } #officeAreaPage #contentarea {position: relative; float: right; width: 750px; margin-top: 10px; margin-top: 0px; margin-right: 0px;} #contentareaoffice .pagetitle_members { background-color: #77a8ca; font-size:16px; color:#fff; padding: 5px; font-weight: bold;} #contentarea .pagetitle_members { background-color: #77a8ca; font-size:16px; color:#fff; padding: 5px; font-weight: bold; margin-bottom: 10px;} #contentareaoffice .pagecontent_members { position: relative; margin-bottom: 15px;} #contentareaoffice .pagecontent_members h3{ color:#0b95d6; border-bottom: 1px dotted #0b95d6; margin-top: 10px; margin-bottom: 15px; padding-bottom:5px;} #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;} /* COOKIE CONSENT MEMO BOX */ .CookieConsentMemo { z-index: 9999; text-align: left; font-family: Arial; font-size: 12px; background: url(images/memo_bgr.png) no-repeat; width: 143px; margin: 10px; position: fixed; top: 0px; right: 0px; padding: 77px 18px 20px; height: 270px; } #cookieConsentForm .button_submit {position: absolute; bottom: -10px; border: medium none; font-family: Arial; font-size: 12px; font-weight: bold; cursor: pointer; height: 30px; margin-top: 13px; padding-bottom: 2px; padding-left: 5px; width: 70px; background: url(images/memo_btn.jpg) no-repeat; border: none; text-shadow: -1px 0 1px rgba(0, 0, 0, 0.3);text-align:left; } #rdCookieConsent0 { margin: 5px 0; } #cookieConsentForm { float:left; font-family: Arial; font-size: 12px; color:#555555; position:absolute; bottom: 47px; left: 17px; } #lyrCookieConsent h2 { font-size:16px; text-shadow: -1px 0 1px white; } #lyrCookieConsent p { text-align: left; color: #555555; font-family: Arial; font-size: 11px; margin-bottom: 7px; line-height: 130%;} #lyrCookieConsent a { font-size: 11px; } /* DIRECTORS PAGES ----------------------------------- ----------------------------------- /* DIRECTORS AREA*/ #directorscontentarea {float:left; width:750px;} #dircontentareaoutercontainer {} #dircontentareainnercontainer {} #dircontentareainnercontainer .pagetitle_members {background-color: #77A8CA; color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 5px; margin-bottom:10px; /*background:url(../../templates/current/images/pagetitle_bkgd.gif)top left no-repeat;*/ } #dircontentareainnercontainer .pagecontent_members .tableform {} #realFooterDirectors {} /* LOGIN PAGES ----------------------------------- ----------------------------------- /*LOGIN PAGE - ANNOUNCMENTS*/ #announcements_login { position: relative; float:left; height: 30px; width: 100%; overflow: visible; padding-top: 10px; padding-bottom: 10px; } #announcements_login a { text-decoration: none; font-size: 13px; font-weight: normal; color:#b60166 text-decoration: none; font-style:italic; padding-bottom:10px;} #announcements_login a:hover {text-decoration: none; } /*LOGIN AREA ROUNDED CORNERS CROSS BROWZER COMPATABLE - CHANGES NOT NECESSAERY---------------------------------------------------------------------*/ .announcementsContainer{} /*LOGIN AREAS -OFFICE /DIRECTORS /REPRESENTATIVES /VOLUNTEERS WEBTELLER -------------------------------------------------------------------------------------*/ #pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb { position: relative; width: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: 992px; height: 35px; 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;} .directLogCont, .userLogContInner, .repLogContInner, .volLogContInner, .webLogContInner { background-color: #EDF3F7; border-bottom: 1px solid #D3E2EC; border-top: 1px solid #D3E2EC; height: 230px; padding-bottom: 0; padding-top: 10px; position: relative; width: 100%;} .userTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .passwordTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .emailTxt{float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .enterCode{ position: relative; top: 30px; float: left; width: 38%; padding: 3px; text-align: right;} .userInputShort{ float:right; width: 59%; height: 20px; padding: 3px;} .passwordInputShort{ float: right; width: 59%; height: 20px; padding: 3px;} .emailInput{float: right; width: 59%; height: 20px; padding: 3px; } .enterCodeInputShort{float: right; width: 59%; height: 30px; padding: 3px; padding-bottom: 5px; } .captchaGraphic{ float: right; width:59%; height: 80px; padding-top: 10px; } .logButtin{float: right; width: 59%; text-align: left; padding: 3px;} /* PIN MEMBER LOGIN -----------------------------------------------------------------------------------*/ /*-----v4.4 LOGIN*/ .mainContainerbkgd , .mainContbkgd3, .mainContbkgdPin2, .mainContbkgdSec2, .mainContbkgdSec2 { position: relative; float: left; font-size: 13px; width: 100%; height: 100%; padding:0; background-color:#dfeff7; border-top: 1px dotted #d2e6ef; border-bottom: 1px dotted #d2e6ef;} .mainContainer, .mainContRand3, .mainContSec2{ width: auto; height: auto; text-align:right; margin-right: 130px; padding:20px 5px 0px 0px; border-right: 1px dotted #d2e6ef; } .alert { display: none;} .infoCont {} .memContText {padding:0 0 20px 0px;} .memberNumberTxt {float:left; text-align: right; font-weight:bold; padding-left: 320px;} .securityPasswordTxt {float:left; font-weight:bold; padding-left: 310px;} .secPassBut {padding-bottom: 10px} .rand3PinTxt{float: left; padding-left: 365px; } .dobInputTxtRand3 {float: left; padding-left: 276px;} .dobForm3, .pinPassButRand3 {padding-bottom:10px;} .input_2char { } /*-----v3.4 LOGIN*/ .mainContPin2 {padding: 20px 10px 10px 10px; text-align: right; height: 100%;} .memContainer2, .pinContainer2, .dobContainer2, .secContainer2, .secPassField2{} .memNumField2, .pinNumField2, .dobField2 {float: right; padding-bottom: 5px; text-align: left; width: 40%; height: 20px;} .memNumberTxt2, .pinNumberTxt2, .dobPassTxt2 {float: left; padding-bottom: 7px; width: 58%; height: 20px; } .logPassBut2 {float: right; } .secPassTxt2 {float:left;font-weight:bold; padding-left: 320px;} /*-----------------------------------------------------------------------------------*/ /* GRAPHIC ICONS BELOW LOGIN BOX*/ .pagecontent .memLogLinksCont { position: relative; float: left; height: 100%; padding-top: 10px; } .Lost_bkgd, .register, .security, .problems, .browzer { margin-bottom: 5px;height: 39px;padding-left: 11px; padding-top: px; text-align: left; width: 280px; color: #2A536D;font-size:11px; } .Lost_bkgd a, .register a, .security a, .problems a, .browzer a {font-size:11px;} .Lost_bkgd {background-image: url(../../images/essentials/lost_pin_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} .register {background-image: url(../../images/essentials/reg_pin_mem_log_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} .security {background-image: url(../../images/essentials/security_mem_log_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} .problems {background-image: url(../../images/essentials/problem_mem_log_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} .browzer {background-image: url(../../images/essentials/browzer_info_bkgd.jpg); background-position: right center; background-repeat: no-repeat;} /*LOST YOUR PIN---------------------------------------------------------------------------*/ .lostPinCont { position: relative; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;} .lostPinTxtAlertCont{float: right; width: 0%; height: 100%;} .lostPinContInner{ position: relative; width: 100%; height: 100%;} .lostPinTxt{ padding-left: 10px; padding-bottom: 5px; } /* COOKIE CONSENT MEMO BOX */ .CookieConsentMemo { z-index: 9999; text-align: left; font-family: Arial; font-size: 12px; background: url(images/memo_bgr.png) no-repeat; width: 143px; margin: 10px; position: fixed; top: 0px; right: 0px; padding: 77px 18px 20px; height: 270px; } #cookieConsentForm .button_submit { border: medium none; font-family: Arial; font-size: 12px; font-weight: bold; cursor: pointer; height: 30px; margin-top: 13px; padding-bottom: 2px; padding-left: 5px; width: 70px; background: url(images/memo_btn.jpg) no-repeat; border: none; text-shadow: -1px 0 1px rgba(0, 0, 0, 0.3);text-align:left; } #rdCookieConsent0 { margin: 5px 0; } #cookieConsentForm { float:left; font-family: Arial; font-size: 12px; color:#555555; position:absolute; bottom: 47px; left: 17px; } #lyrCookieConsent h2 { 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; }