/* -------------------- 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 */ body{font-family:Arial, Geneva, sans-serif; font-size: 13px; color:#47637c; line-height:160%; background: #e2e9f1 url(../../templates/current/images/bgr.jpg) repeat-x scroll top center;} body.noscroll { position: fixed; overflow-y: auto; width: 100%; } * {margin:0; padding:0;} html {} a {color:#0bae9b; text-decoration:none; -webkit-transition: color .3s ease-out 0s;-moz-transition: color .3s ease-out 0s; -o-transition: color .3s ease-out 0s;transition: color .3s ease-out 0s;} a:hover {text-decoration:none; color: #fd3d09;} hr {margin: 15px 0px 10px 0px; border: 0px; border-top: 1px dashed #D1E0EA; border-bottom: 1px dotted #FFFFFF; display:none;} body#newsPage hr {display:block;} strong {font-weight:bold;} iframe {border: 1px dotted #CCCC99; width:100%; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; height: 300px; } iframe.spotlightnew {border: 1px dotted #CCCC99; width: 200px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; height: 100px; } img {border: none;} p {margin-bottom: 10px; font-size: 13px; line-height:20px; color: #4c6e92; } acronym {cursor: help; border-bottom: 1px dashed #CCCCCC;} font {font-size: 13px;} #contentarea ol, #contentarea ul {margin:5px;} #contentarea ul li {color: #4C6E92; font-family: Arial; font-size: 13px; margin-left: 15px; padding: 0 5px 10px; line-height: 20px;} #contentarea ol li {color: #4C6E92; font-family: Arial; font-size: 13px; margin-left: 20px; padding: 0 5px 5px; line-height: 20px;} #submenuCalculator {display:none;} td.membership {background:#9AB1C4;color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold; margin: 0; padding: 4px 7px;} td.membership_text {color: #FFFFFF; font-size: 12px; padding: 10px 10px 5px 10px; font-family:Arial; background: #F0F4F9; border-top: 1px solid #9AB1C4; border-bottom:1px solid #9AB1C4;} td.membership_text p {color: #4c6e92; font-size: 12px; font-family:Arial;} td.membership_img {border-top: 1px solid #9AB1C4; border-bottom:1px solid #9AB1C4;} #contentarea td.apply {padding:10px;} #contentarea td.apply a {border-bottom:1px dotted;} #contentarea td.apply a.pdf {border-bottom: none;} .smallfont {font-size:11px;} .pagetitle_image {display:none;} small {font-size:11px; font-family:Arial, Geneva, sans-serif;} #TemplateRow1, #submenuBreadcrumbs {display:none;} .services img {} label {line-height:20px;} input[type=checkbox], input[type=radio] {margin-right:3px;} /* HEADINGS */ h1 {font: bold 16px Arial, Arial, Helvetica, sans-serif; color: #4C6E92;} h2 {border-bottom: 1px dotted #D1E0EA; color: #1f7dcd; font-family: Georgia; font-size: 18px; font-weight: normal; margin-bottom: 15px; margin-top: 20px; padding-bottom: 5px; text-align: left;} h3 {color: #2773B3; font-family: Georgia; font-size: 18px; font-weight: normal; margin-bottom: 10px; margin-top: 20px; text-align: left; line-height: 20px;} h4 { color: #2773B3; font-family: Georgia; font-size: 18px; font-weight: normal; padding-bottom: 5px; text-align: left; line-height:22px;} h5 {font: 11px Arial, Arial, Helvetica, sans-serif; color: #999999; padding-bottom: 15px;} h6 {font: italic 9px Arial, Arial, Helvetica, sans-serif; padding-bottom: 15px; color: #4C6E92;} /* COMMONLY USED CLASSES */ .required {font: bold 12px/20px Arial, Helvetica, sans-serif; color: #CC0000;} .informational {font:11px/20px Arial, Helvetica, sans-serif; color: #699;} .largeFont {font-size:14px; color:#3E8CCC; font-weight: bold;} .lighttext {color: #999999;} .informationalLoanCal { color: #BC2C2C; font-size: 11px; line-height: 16px;} img.about {padding:10px;} /* 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: 54px; line-height: 0; margin: 0px 0 0 -30px; overflow: hidden; padding: 0; text-indent: -9999px; width: 55px;} .button_submit { background: #eaae4e; /* Old browsers */ background: -moz-linear-gradient(top, #eaae4e 0%, #ea9f4e 50%, #ea904e 51%, #ea7a4e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea904e), color-stop(50%,#ea9f4e), color-stop(51%,#72aa00), color-stop(100%,#ea7a4e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eaae4e 0%,#ea9f4e 50%,#ea904e 51%,#ea7a4e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eaae4e 0%,#ea9f4e 50%,#ea904e 51%,#ea7a4e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eaae4e 0%,#ea9f4e 50%,#ea904e 51%,#ea7a4e 100%); /* IE10+ */ background: linear-gradient(top, #eaae4e 0%,#ea9f4e 50%,#ea904e 51%,#ea7a4e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea904e', endColorstr='#ea7a4e',GradientType=0 ); /* IE6-9 */ border: 1px solid #e4861b; border-radius: 8px; 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: 0; behavior: url(templates/current/PIE.htc);} .button_cancel { background: #f4b3a8; /* Old browsers */ background: -moz-linear-gradient(top, #f4b3a8 0%, #f16f5c 50%, #f6290c 51%, #f02f17 59%, #ef8173 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4b3a8), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(59%,#f02f17), color-stop(100%,#ef8173)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* IE10+ */ background: linear-gradient(top, #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b3a8', endColorstr='#ef8173',GradientType=0 ); /* IE6-9 */ border: 1px solid #da5340; border-radius: 12px 12px 12px 12px; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #c01700; /*margin: 10px 0 10px 0;*/} .button_other {background: #b7deed; /* Old browsers */ background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */ background: linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */ border: 1px solid #2fb8e4; border-radius: 12px 12px 12px 12px; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px; padding-left: 12px; padding-right: 12px; text-shadow: -1px 0 1px #2b6f85; margin: 10px 0 10px 0;} .button_editor{ border:1px solid #F6F6EA;} .tabletitleprint {float: right; width: 100px;} /* FORM FIELDS */ input,select {color: #4c6e92; font-family: Arial,sans-serif; font-size: 12px;vertical-align: middle; padding: 2px;} .input_normal {width: 180px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; padding: 2px;} .input_long {width: 370px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial, sans-serif; color: #4c6e92; padding: 2px;} .input_medium {width: 250px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; padding: 2px;} .input_short {width: 110px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; padding: 2px;} .input_shorter {width: 60px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; padding: 2px;} .input_multiline {width: 180px; height: 100px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; padding: 2px;} .input_multiLarge {width: 280px; height: 160px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; padding: 2px;} .input_nosize {border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; width:80%; padding: 2px;} .input_2char {width: 20px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; padding: 2px;} .input_3char {width: 30px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; padding: 2px;} .input_4char {width: 40px; border: 1px #9AB1C4 dotted; font-size: 12px; font-family:Arial,sans-serif; color: #4c6e92; padding: 2px;} /*.input_search {height:20px; width: 186px;font-size: 11px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; padding-left: 5px; padding-top:3px; border: 0px; background-image: url(images/serach_field_bkgd.jpg); background-repeat: no-repeat;}*/ #divSearchFormInput { background: url(../../templates/current/images/search_input.jpg) no-repeat scroll 0 0px; border: medium none; color: #B9B9B9; float: left; font-family: Arial,sans-serif; font-size: 12px; height: 42px; padding: 15px 4px 5px 10px; width: 212px;} .input_invisible {border: 0px solid; color: #136bb6; font: Arial,sans-serif; font-size: 12px; background-color: transparent; height: 18px; vertical-align: middle} .input_editor_title {font-size:16px; color: #4c6e92; font-family:Arial,sans-serif; border: 1px #9AB1C4 dotted; width: 300px;} .input_editor_subtitle {font-size:12px; color: #4c6e92; font-family:Arial,sans-serif; border: 1px #9AB1C4 dotted; width: 300px;} .input_webteller {width: 120px; border: 1px #9AB1C4 dotted; font-size: 13px; font-family:Arial,sans-serif; height: 14px; font-weight: bold; color: #4c6e92; text-align: right; padding: 2px;} /* LOAN CALCULATOR */ input#amount { color: #136bb6; font-size: 18px; left: 465px; position: relative; text-align: right; top: -85px; width: 120px; font-weight:normal;} input#term {font-size: 18px; height: 25px; left: 325px; position: relative; text-align: right; top: -70px; width: 260px; font-weight:normal; color: #136bb6} .input_editor_title {font-size:16px; color: #2A536D; font-family: Arial, Geneva, sans-serif; border: 1px #7295B3 dotted; width: 300px; padding:2px 4px 2px;} .input_editor_subtitle {font-size:12px; color: #2A536D; font-family: Arial, Geneva, sans-serif; border: 1px #7295B3 dotted; width: 300px; padding:2px 4px 2px;} .input_webteller {width: 120px; border: 1px #7295B3 dotted; font-size: 13px; font-family: Arial, Geneva, sans-serif; height: 14px; font-weight: bold; color: #2A536D; text-align: right; padding:2px 4px 2px;} option {padding-left:7px;} select#intrateDDL {width: 240px;} input#apr {border-bottom: 1px dashed #80ADCB; font-size: 18px; width: 98.5%; padding: 10px 3px; font-weight: bold; color:#0bae9b; margin-left:0px;} ul#sliderValuesList, #memberscontentarea ul#sliderValuesList {color: #7D869E; font-family: Arial; font-size: 12px; padding-left: 0; line-height:20px; width: 99.5%; margin-bottom:30px; margin-left:0px; margin-top:0;} ul#sliderValuesList li, #memberscontentarea ul#sliderValuesList li {list-style:none; border-bottom: 1px dashed #80ADCB; padding: 10px 5px; margin-left:0;} input#paymentSliderWeekly, input#paymentSlider2Weeks, input#paymentSlider4Weeks, input#paymentSliderMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly, input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotalInterest4Weeks, input#paymentSliderTotalInterestMonthly {display:block; font-size: 16px; font-weight: bold; padding: 0; margin-top: 2px; color: #0bae9b;} input#paymentSliderTotalWeekly, input#paymentSliderTotal2Weeks, input#paymentSliderTotal4Weeks input#paymentSliderTotalMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly {display:block; font-size: 16px; font-weight: bold; color: #0bae9b;} input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotalInterest4Weeks, input#paymentSliderTotalInterestMonthly {display:block; font-size: 16px; font-weight: bold; color: #2cbc55;} span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 32%;} #divSliderCalcLoanType {margin-top:10px;} #divSliderCalcLoanTypeText { float: left; font-weight: bold; padding-top: 4px; width: 230px;} #divExistingLoanText { line-height:20px;} /* TABLES */ .tabletitle {margin: 0px; padding: 5px 12px; background: #5696c9; background-repeat: repeat; color:#FFFFFF; font-weight:bold; font-size: 12px; font-family: Arial;} .tableform, .e-tableform {background-color: #FFFFFF; border-collapse: collapse; border-top: 1px solid #5696c9; border-bottom: 1px solid #5696c9; color: #42507E;font-family: Arial,Helvetica,sans-serif; font-size: 11px; margin-bottom: 20px; margin-top: 4px;} .tableform p, .e-tableform p {font-size:11px;} .tableform thead, .e-tableform thead {color: #FFFFFF; font-size: 9px;} #contentarea .tableform thead td, #contentarea .e-tableform thead td, #contentareaoffice .tableform thead td {background-color:#F0F4F9; 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{background-color:#E2E2D7;} .tableform td, .e-tableform td {padding: 4px; background-color:#F0F4F9; font-size: 12px; font-family:Arial; color: #4c6e92; line-height: 18px;} /*#contentareaoffice .tableform td {padding: 2px; background-color:#F0F4F9; font-size: 11px; font-family:Arial;}*/ .tablegrid {border-top: 1px dotted #D9E2ED; background-color:#FFFFFF; border-collapse: collapse; border-spacing: 0px; !important font-family: Arial, Arial, Geneva, sans-serif; font-size: 11px; color:#333333; margin-bottom:10px;} .tablegrid thead {color: #999999; font-weight: bold;} .tablegrid thead td {font-family: Arial,Helvetica,sans-serif; font-size: 12px;} #contentarea .tablegrid td {background: none repeat scroll 0 0 #F0F4F9; border-bottom: 1px dotted #D9E2ED; color: #4c6e92; font-size: 12px;line-height: 20px; padding: 3px 10px; font-family: Arial;} .tablegrid td {background: none repeat scroll 0 0 #F0F4F9; border-bottom: 1px dotted #D9E2ED; color: #4c6e92; font-size: 12px;line-height: 20px; padding: 3px 10px; font-family: Arial;} .tablegrid td.last {border-bottom:none;} .tabledetailed {border: 1px dotted #a3c1db; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-family: Arial,"Lucida Sans Unicode", "Lucida Grande", 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,"Lucida Sans Unicode", "Lucida Grande", 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:#FFFFEE;} .tablerow_over td {background-color:#FFFFCC;} #contentarea table.services td img {margin:10px 0 0;} #contentarea table.services td a {border-bottom: none;} /* MASTHEAD FACILITIES*/ #facilities { height: 20px; padding-bottom: 4px; position: absolute; right: 68px; top: 20px; 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: Arial; 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:10px; font-weight:normal; padding-left:5px; color: #FFFFFF;} #facilities #helpmenu li:hover {background:#46baeb; padding-left:0px; padding-right:0px;} #facilities #helpmenu a:hover {text-decoration:none; color:#024986; border-bottom:0px;} #header-search {position: absolute; right: -50px; top: 40px; width: 265px;} #header-search .input_search {background: url(../../templates/current/images/search_input_bgr.gif) no-repeat scroll left top; border: medium none; color: #7497b5; float: left; font-size: 14px; font-style: italic; margin-right: -5px; width: 210px;} #facilities .divider { background: url(../../templates/current/images/divider.gif) no-repeat scroll left 4px; margin-left: 7px; margin-top: 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: 15px; top: 39px; 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; } /* ESTATEMENTS TABLE LAYOUT - WIDE */ .tablewrap_multiple { width: 98%; height: 50%; border: solid 1px #333; height: auto; } .tabletitle_multiple { position: relative; width: 94.4%; 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 #cfe1ac; border-left: solid 1px #cfe1ac; border-right: solid 1px #cfe1ac; border-bottom: dotted 1px #cfe1ac;/**/} .tablewrap_single { width: 98%; border: solid 1px #333; height: auto;} .tabletitle_single { position: relative; width: 94.4%; clear:both; color: #666; font-weight: bold; font-size: 11px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; background-color: #F0E6EF; border-top: solid 1px #D0ACCD; border-left: solid 1px #D0ACCD; border-right: solid 1px #D0ACCD; border-bottom: dotted 1px #D0ACCD;/**/ } .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 {background-image: url(../../images/essentials/estatements_bkgd.gif); border: 1px solid #CFE1AC; font-size: 12px; padding-bottom: 11px; padding-right: 10px; padding-top: 11px; position: relative; text-align: right; width: 98%;} .dropmenu_top .button_submit {position:relative; top:0px; margin-left: 3px;} .dropmenu_top .required_green {margin-right:7px;} .dropmenu_top .input_short {margin-left:5px;} .pdf_download { border-top: 1px dotted #bbb; clear: right; font-size: 11px; height: 30px; margin-bottom: 20px; margin-right: 0; margin-top: 20px; padding: 15px 5px 15px 0; position: relative; width: 98.5%; /*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 { float: right; height: 30px; margin-right: 5px; position: relative; top: -70px; width: 140px; } .rowseparator { height: 15px;} .required_green { font-weight:bold; color:#393;} .yeartitle{color: #333; } .error_notfound { border: solid 1px #0F0; } /*PIN MANAGER-----------------------------------------*/ .tabletitlePin { padding-right: 15px; width: auto; color:#FFF; font-weight:bold; font-size: 11px; background-color: #4C98D4; background-image: url(../../images/essentials/pinform_title_right.gif); background-repeat:no-repeat; background-position:right top;} .tabletitleLeft { padding-left:15px; background-image:url(../../images/essentials/pinform_title_left.gif); background-position:left top; background-repeat:no-repeat;} .tableformPin {background-color: #dddddd;font-family: Arial, Arial, Geneva, sans-serif; width: 95%;} .tableformPinMain { padding-left: 15px; padding-top: 3px; padding-bottom: 10px; background-color: #E6E6E6;} .tableformLeft{ padding-left: 15px; background-color: #f3eeee; } .tableformRight { padding-left: 10px; } .tableformPinIconsL{ 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: 5px; padding-right: 5px; text-align: left; white-space: nowrap; height: 22px; float: left; } .tableformPinReg { padding-left: 15px; padding-bottom: 3px; padding-top: 3px; background-color: #E2ECF5; vertical-align: text-top;} .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; vertical-align: middle;} .pinManagerTickImg { vertical-align: middle; padding:5px} /* 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, Arial, Helvetica, sans-serif; vertical-align: middle; } .fontGreen { font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#393; } /* 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 {margin: 124px 0 6px 16px;} #img_register {margin-left: 16px;} #custom_button1 {margin: 6px 0 0 16px;} #img_youthzone {} #img_newsheadlines {clip: rect(0px, 150px, 27px, 0px);} #img_modules {clip: rect(0px, 150px, 27px, 0px);} #img_livehelp {} #img_progresslogo {} /* MAIN OUTER CONTAINER LAYER */ #main {text-align: center; width:100%; cursor: default;} #contentPage {} /* PAGE CONTENT LAYER */ #pageContent{position: relative; width: 1020px; height:100%; text-align: left; margin: auto; /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/ } /*PAGE INNER CONTENT*/ #pageInnerContent {width:987px; height:100%;background-color: #FFFFFF; position:relative; top:0px; padding-left: 15px; padding-right: 17px;/*padding-bottom: 10px;*/} #pageInnerContent:after {clear:both; content:".";display:block;height:0pt; visibility:hidden;} /* MASTHEAD */ #masthead { background:url(../../templates/current/images/masthead_bgr.jpg) top left no-repeat; height: 135px; left: 0px; overflow: hidden; top: 0px; width: 987px;} #masthead .logo {} #masthead #announcements { color: #FFFFFF; font-family: Georgia;font-size: 14px; font-style: italic; font-weight: normal; height: 50px; overflow: hidden; padding: 10px; position: absolute; right: 80px; text-align: right; top: 40px; width: 400px; z-index: 1000; display:none; /*filter: alpha(opacity=0); -moz-opacity:0%;*/} #masthead #announcements a {color: #FFFFFF; font-size: 16px; text-decoration: none;} #masthead #announcements a:hover {text-decoration:none; border-bottom:1px dotted;} #masthead .area_title { float: right; font-size: 13px; font-weight: bold; margin-right: 0; margin-top: 55px; text-align: right; float: right; font-size: 13px; font-weight: bold; margin-right: 10px; margin-top: 85px; text-align: right;} /* BYLINE (TEL/FAX/DATE BAR) */ #byline { display: none; color: #5B699A; font-family: Arial; height: 35px; overflow: hidden; padding: 5px 0 2px; position: absolute; width: 100%;} #byline .contactdetails {position: absolute; left: 10px; padding-top: 7px;} #byline .contactdetails p {font-family: Arial, sans-serif; font-size:11px; color: #5a83b7;} #byline .contactdetails strong {padding: 4px;} #byline .currentdate {right: 15px; padding-top: 7px; position: absolute; color: #5A83B7; font-family: Arial,sans-serif; font-size: 11px;} #byline_members {background:url(../../templates/current/images/mainmenu_bkgd.jpg) top repeat-x; color: #5B699A; font-family: Arial; height: 37px; padding-top: 10px; overflow: hidden; position: relative; width: 987px;} #byline_members .contactdetails {font-family: Arial; font-size: 12px; padding-left: 10px; padding-top: 2px; position: absolute; color: #fff; } #byline_members .contactdetails strong {padding: 4px;} #byline_members .currentdate {right: 18px; padding-top: 2px; position: absolute; color: #fff; font-family: Arial,sans-serif; font-size: 12px;} #byline_members p {font-size:12px; padding-left: 10px; color:#fff;} /* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */ #layoutarea, #layoutareaoffice {position: relative; width: 100%; margin-bottom: 8px; float:left;} body#homePage #layoutarea {min-height:910px;} #officeAreaPage #layoutarea {min-height:910px; background-color: #fff;} #mainarea {/*float:left;*/} /* MAIN NAVIGATION MENU */ #mainmenu { z-index: 4000; float: left; width: 987px; height: 47px; margin: auto; text-align: center; background:url(../../templates/current/images/mainmenu_bkgd.jpg) top repeat-x; } html>body #mainmenu {height: auto; overflow: hidden; } /*ONLY WAY TO GET UL BACKGROUND IMAGE TO DISPLAY IN IE5/IE6 WAS TO SPECIFY HEIGHT AND OVERFLOW ABOVE. THIS LINE CORRECTS THAT FOR ALL OTHER BROWSERS*/ #mainmenu li {text-align: left; white-space: nowrap; padding-top: 5px; height: 42px; margin-right: -1px; float: left; display: block; background:url(../../templates/current/images/menu_divider.gif) top right no-repeat;} /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ #mainmenu li:hover {border-right: 1px solid #99ccff; background:url(../../templates/current/images/menu_bkgd_selected.png) no-repeat center bottom; margin-right: 0px;} #mainmenu a { font-family: arial; text-align: center; font-size: 15px; color:#fff; font-weight: normal; text-decoration: none; display: block; line-height: 30px; /*background:url(../../templates/current/images/menu_divider.gif) top right no-repeat;*/ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} #mainmenu a:hover { text-decoration: none; } #mainmenu .lastSection a {background: none; } #mainmenu li.lastSection {background: none; } #mainmenu li:hover.lastSection {border: 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, #memberscontentarea, #directorscontentarea {/*clear: right;*/ float: right; padding: 0; width: 740px; margin-top: 10px;} #officeAreaPage #contentarea, #directorscontentarea, #memberscontentarea {margin-top:15px;} #contentareaoffice {clear: right; float: left; margin-left: 17px; margin-top: 15px; padding: 0; width: 740px;} #contentarea a:hover, #memberscontentarea a:hover {text-decoration:underline;} #contentareaoffice a {border-bottom:none;} #contentarea .pagetitle, #contentareaoffice .pagetitle_members, #memberscontentarea .pagetitle_members, #directorscontentarea .pagetitle_members { vertical-align: middle; margin-bottom: 10px; padding: 10px; color: #fff; font-size: 16px; font-weight: bold; background-color: #7497b5; margin-bottom:20px; font-family: arial; } #directorscontentarea .pagetitle_members {} #contentarea .pagecontent, #contentareaoffice .pagecontent_members {} #memberscontentarea .pagecontent_members {margin-top: 0px;} #contentareaoffice .pagecontent_members {margin-top:0;} #contentarea .pagetitle_members {background-color: #9AB1C4; color: #FFFFFF; font-family: Georgia; font-size: 18px; font-weight: bold; margin-bottom: 20px; padding: 10px; vertical-align: middle;} #contentarea .pagecontent_members {} #customLinkGraphic {z-index: 4000; position: absolute; top: 737px; left: 15px;} /* DIRECTOR AREA */ .directors_content {float: left; width: 70%;} .directors_content h3 {margin-top:0px;} .directors_sidebar {float: right; width: 25%;} .directors_sidebar table {width:100%;} /* 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 {height: 272px; position: absolute; right: 256px; text-align: center; top: 62px; width: 490px; /*border: solid 1px #F00;*/} #announcements_content { background: url(../../templates/current/images/announcement_bgr.jpg) no-repeat scroll center top transparent; border-top: 0 none; height: 154px; left: 202px; overflow: hidden; padding-top: 12px; position: absolute; text-align: right; top: 225px; width: 604px;} #announcements_content_dynamic {float: right; margin-right: 15px; margin-top: 38px; position: absolute; right: 0; top: 223px; /*border: solid 1px; color:#F00;*/} #announcements_content_dynamic h1 {display:none;} #announcements_content a {color: #FFFFFF; font-family: Georgia; font-size: 14px; font-style: italic; font-weight: bold; text-decoration: none; padding-right:15px;} #announcements_login {background-color: #b0e6c2; background-image: url(../../templates/current/images/announce_login_bgr.jpg); background-repeat: no-repeat; float: left; font-family: Georgia; font-size: 13px; font-style: italic; line-height: 36px; overflow: visible; padding-left: 15px; padding-top: 0; width: 725px; margin-bottom: 10px; color: #169d40; letter-spacing: .5px;/*filter: alpha(opacity=0); -moz-opacity:0%;*/} #memberscontentarea #announcements_members {margin-bottom: 10px; width: 530px; overflow: hidden; /*filter: alpha(opacity=0); -moz-opacity:0%;*/} #announcements_members a {font-size: 14px; font-weight: bold; color: #CC0000; text-decoration: none;} #announcements_members a:hover {text-decoration: underline;} #mini_flashcontainer {height: 256px; margin-left: 18px; margin-top: 12px; width: 230px;} #altAnnouncement { position: relative; top: 70px; padding:3px; font-size:11px; background-color:#f0f5f7; border: 1px solid #edf4f6; border-radius: 7px; -webkit-border-radius:7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; behavior: url(templates/current/PIE.htc); display:none;} /* SUBMENU (CONTENT PAGES ONLY) */ #submenu {float: left; margin-bottom: 5px;} #submenu .title_subsections { background: #1388e6; color: #FFFFFF; float: left; font-family: Arial,Geneva,sans-serif; font-size: 16px; font-weight: bold; line-height: 24px; margin-top: 10px; padding-bottom: 6px; padding-left: 15px; padding-top: 6px; width: 215px;} #submenu ul {width:218px;} #submenu li { width: 2%; margin-bottom: 1px; margin-left: 0px; float: left; display: block; white-space: nowrap; background: #f0f4f9; padding-right: 12px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ #submenu li:hover { background: #fff;} html>body #submenu li {width: 100%;} /*CORRECT THE WIDTH/HEIGHTABOVE WHICH WAS FOR IE5/IE6*/ #submenu a {color:#0bae9b; font-size: 12px; width: auto; height: 100%; text-decoration: none; display: block; line-height: 13px; padding: 8px 15px; font-family:Arial, Geneva, sans-serif; background:url(../../templates/current/images/green_arrow.gif) right 10px no-repeat;-webkit-transition: all 0s ease-out 0s;-moz-transition: all 0s ease-out 0s; -o-transition: all 0s ease-out 0s;transition: all 0s ease-out 0s;} #submenu a:hover {color: #fb5b0c; text-decoration: none; background:url(../../templates/current/images/orange_arrow.gif) right 10px no-repeat;} #submenu_members .title_subsections {color: #4C6E92; font-family: Arial; font-weight: bold; line-height: 30px; padding-left: 10px;} #membersmainarea #submenu_members ul {} #submenu_members a {font-family: Arial; color:#0bae9b; font-size: 11px; line-height: 18px;} /* NAVIGATION SELECTED ITEMS */ #mainmenu .section_selected, #mainmenu .first_selected {font-weight: bold; /*background: #2773B3 url(../../templates/current/images/menu_bgr_selected.gif) no-repeat top center;*/} #mainmenu .page_selected a {font-weight: bold; background-color: #D5E5F5;} #submenu . { font-weight: bold;} /* MEMBER AREA */ #membermenu {margin-top: 15px; position: relative; /*IE, should work for all*/float: left; height: 100%; width: 230px; overflow: visible; text-align: left; padding-bottom: 0px; margin-left: 0px;} #membermenu ul {margin: 0 0 6px;} #membermenu li {/*IE, should work for all*/background-color: #5696c9; display: list-item; list-style-type: none; position: relative; margin-bottom: 2px;} #membermenu a {font-size: 12px; font-weight:normal; font-family: Arial, Geneva, sans-serif; width: 89%; color:#FFFFFF; text-decoration: none; display: block; padding:7px 0px 6px 10px; text-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);} #membermenu li:hover {background-color: #2773b3;} #membermenu .last {font-weight: bold;} .memo {border: 1px solid #CCCCCC; width: 130px; padding: 2px; position: absolute; top: 5px; left: 805px;} #submenu_members { margin-top: 5px; width: 230px;} #submenu_members ul {margin-top:5px;} #submenu_members li {background: none repeat scroll 0 0 #F0F4F9; list-style: none outside none; padding: 0px 0 0px 10px;} #submenu_members li:hover {background:#2773B3;} #submenu_members li a {line-height:26px; display:block; color: #4C6E92;} #submenu_members li a:hover {color: #ffffff;} /* OFFICE AREA NAVIGATION */ #adminmenu {margin-top: 15px; position: relative; float: left; height: 100%; width: 230px; overflow: visible; text-align: left; padding-bottom: 0px; margin-left: 0px;} #adminmenu ul {margin: 0 0 6px;} #adminmenu li {/*IE, should work for all*/background-color: #5696c9; display: list-item; list-style-type: none; position: relative; } #adminmenu li a {font-size: 12px; font-weight:bold; font-family: Arial, Geneva, sans-serif; width: 89%; color:#FFFFFF; text-decoration: none; display: block; padding:7px 0px 6px 20px; text-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);} #adminmenu li:hover {background-color: #2773b3;} #adminmenu ul li ul {display: none; margin:0px; margin-top: 2px;} #adminmenu ul li ul li {background: none repeat scroll 0 0 #F0F4F9; width:230px;} /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ #adminmenu ul li ul li:hover {background:#CAD6E6;} #adminmenu ul li ul li a { color: #3875AB; font-size: 11px; font-weight: normal; height: auto; display:block;} #adminmenu ul li ul li a:hover {color: #FFFFFF;} #adminmenu .expanded {display: inline-block;} #adminmenu ul li strong {color: #FFFFFF;font-family: Arial; line-height: 30px; padding-left: 20px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);} /* SIDEBAR */ #sidebar {float: left; width: 200px; clear: left;} #layoutDivide {width:200px; float:left; margin-right: 16px;} /* TOOLS & RESOURCES SECTION (MODULE LINKS) */ #modulelinks {height: 272px; margin-left: 0px; overflow: hidden; padding-bottom: 0; position: relative; width: 230px; margin-top:10px; background-color: #136bb6; /*IE, should work for all*/} #modulelinks ul {margin:20px 0 0 0px;} #modulelinks li {border-bottom: 1px solid #5091c9; display: list-item; list-style-type: none; position: relative; margin-left: 18px; background: url(../../templates/current/images/white_arrow.gif) no-repeat center left; /*IE, should work for all*/} #modulelinks li:hover {display: list-item; list-style-type: none; position: relative; margin-left: 18px; background: url(../../templates/current/images/white_arrow.gif) no-repeat center left;} #modulelinks a {border-bottom: 0px dotted; color: #FFFFFF; display: block; font-family: Arial,Geneva,sans-serif; font-size: 15px; font-weight: normal; margin: 0 0 0 22px; padding: 5px 0; text-decoration: none; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); width: 168px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #modulelinks a:hover {color:#b2d3ee;} #modulelinks_contentpage {height: auto; margin-bottom: 15px;margin-left: 0px; overflow: hidden; padding-bottom: 10px; position: relative; width: 232px; margin-top:10px; background-color: #136bb6; /*IE, should work for all*/} #modulelinks_contentpage ul {margin:20px 0 0 0px;} #modulelinks_contentpage li {border-bottom: 1px solid #5091c9; display: list-item; list-style-type: none; position: relative; margin-left: 18px; background: url(../../templates/current/images/white_arrow.gif) no-repeat center left; /*IE, should work for all*/} #modulelinks_contentpage li:hover {display: list-item; list-style-type: none; position: relative; margin-left: 18px; background: url(../../templates/current/images/white_arrow.gif) no-repeat center left;} #modulelinks_contentpage a {border-bottom: 0px dotted; color: #FFFFFF; display: block; font-family: Arial,Geneva,sans-serif; font-size: 15px; font-weight: normal; margin: 0 0 0 22px; padding: 5px 0; text-decoration: none; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); width: 168px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #modulelinks_contentpage a:hover {color:#b2d3ee;} /* LOGIN / YOUTHZONE / LIVE CHAT LAYER */ #loginarea { background:url(../../templates/current/images/loginarea_bgr.jpg) top left no-repeat; height: 192px; padding-left: 15px; padding-top: 80px; width: 224px;position: absolute; right: 3px; top: 62px; } /* USING POSITIONING TO FORCE THE NEWS HEADLINES TO APPEAR AFTER THE LOGIN BUTTONS */ #loginarea img {margin: 0px; padding:0px;} #loginarea_contentpage {background: url(../../templates/current/images/loginarea_bgr.jpg) no-repeat; height: 192px; padding-left: 10px; padding-top: 80px; width: 222px;} #loginarea_contentpage img {margin: 0px; padding:0px;} #loginarea a:hover {border: 0px;} /* NEWS HEADLINES */ #newsheadlines {margin-top: 14px; overflow: hidden; padding: 0; width: 231px; font-family: Arial, Helvetica, sans-serif; background:#1388e6; height: 238px;} /* USING POSITIONING TO FORCE THE LOGIN BUTTONS TO APPEAR BEFORE THE NEWS HEADLINES */ #newsheadlines a h3 {color: #FFFFFF; font-family: Arial; font-size: 16px; font-weight: normal; line-height: 20px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #newsheadlines a:hover h3 {color: #ade2f8; font-family: Arial; font-size: 16px; font-weight: normal; line-height: 20px;} #newsheadlines a p {color: #FFFFFF; font-family: arial; font-size: 13px; line-height: 20px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #newsheadlines a:hover p{color: #ade2f8; font-family: arial; font-size: 13px; line-height: 20px;} #newsheadlines_contentpage {margin-top: 14px; margin-bottom: 15px; overflow: hidden; padding: 0; width: 231px; font-family: Arial, Helvetica, sans-serif; background:#1388e6; height: 238px;} /* USING POSITIONING TO FORCE THE LOGIN BUTTONS TO APPEAR BEFORE THE NEWS HEADLINES */ #newsheadlines_contentpage a h3 {color: #FFFFFF; font-family: Arial; font-size: 16px; font-weight: normal; line-height: 20px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #newsheadlines_contentpage a:hover h3 {color: #ade2f8; font-family: Arial; font-size: 16px; font-weight: normal; line-height: 20px;} #newsheadlines_contentpage a p {color: #FFFFFF; font-family: arial; font-size: 13px; line-height: 20px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #newsheadlines_contentpage a:hover p{color: #ade2f8; font-family: arial; font-size: 13px; line-height: 20px;} #news_content {height: 170px; margin: 5px 5px 0 18px; position: relative; width: 195px;} #news_content h3{margin-top: 0px;} #newsheadlines .newslinks a {color: #999999; font: normal 9px Arial, Helvetica, sans-serif;} #newsheadlines_contentpage .newslinks a {color: #999999; font: normal 9px Arial, Helvetica, sans-serif;} /* 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 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; height: 270px; left: 243px; position: absolute; top: 348px; width: 236px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #spotlight1:hover {box-shadow: 0 0 10px #91acc9; margin-top:0px;} #spotlight1:hover .spotlight_title:first-child {background:#0bae9b;} #spotlight2 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; left: 497px; position: absolute; top: 348px; width: 236px; height:270px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #spotlight2:hover {box-shadow: 0 0 10px #91acc9; margin-top:0px;} #spotlight2:hover .spotlight_title:first-child {background:#0bae9b;} #spotlight3 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; height: 270px; left: 752px; position: absolute; top: 348px; width: 236px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #spotlight3:hover {box-shadow: 0 0 10px #91acc9; margin-top:0px;} #spotlight3:hover .spotlight_title:first-child {background:#0bae9b;} #spotlight7 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; left: 243px; position: absolute; top: 626px; width: 236px; height:270px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #spotlight7:hover {box-shadow: 0 0 10px #91acc9; margin-top:0px;} #spotlight7:hover .spotlight_title:first-child {background:#0bae9b;} #spotlight8 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; left: 497px; position: absolute; top: 626px; width: 236px; height:260px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #spotlight8:hover {box-shadow: 0 0 10px #91acc9; margin-top:0px;} #spotlight8:hover .spotlight_title:first-child {background:#0bae9b;} #spotlight9 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; left: 752px; position: absolute; top: 626px; width: 236px; height:270px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} #spotlight9:hover {box-shadow: 0 0 10px #91acc9; margin-top:0px;} #spotlight9:hover .spotlight_title:first-child {background:#0bae9b;} .spotlight_container { position: relative; /**/} .spotlight_title {background-color:#7497b5; position: absolute; top: 70px; width: 236px; z-index: 1000;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;} .spotlight_title h4 {color: #FFFFFF; font-family: Arial; font-size: 16px; line-height: 22px; margin-bottom: 0; margin-top: 0; padding: 7px 0 7px 10px; text-align: left; width: 215px;font-weight:bold;} .spotlight_text { /*position: absolute;*/ font-size: 11px; height: 145px; color: #47637c;/*border: solid 1px #00F; */ } .spotlight_text p {color: #47637c; font-family: Arial,Geneva,sans-serif; font-size: 12px; line-height: 18px; padding: 0 10px;} .spotlight_text h1 {padding:10px; font-size: 18px; color: #47637c;} .spotlight_image_upload { margin-bottom:52px; background:#FFF; /*border: solid 1px #93F; */} .spotlight_link { border-bottom: 1px solid #b9cbda; color: #136bb6; font-weight: bold; bottom: 0; font-family: Arial; font-size: 12px; line-height: 22px; position: absolute; text-align: right; width: 232px;} .spotlight_link:hover {} .spotlight_link a {color: #136bb6; display: block; font-size: 12px; font-weight: bold; left: 0; padding-left: 20px; position: relative;} .spotlight_text td {margin-left: 8px; background: none; font-size: 11px;} .spotlight_text td p{ margin-left: 8px; background: none; font-size: 11px;} .spotlight_link a:hover {color: #fd3d09;} /* FOOTER */ #pagefooterIndex, #pagefooterPublic, #pagefooterOther {margin: 0 auto; position: relative; top: 0px; width: 1020px; background:url(../../templates/current/images/footer_bgr.gif) top no-repeat; height:49px; padding-top: 35px;} #pagefooterIndex a, #pagefooterPublic a, #pagefooterOther a {color:#fff;} .ProgressLogo {position: absolute; top: 30px; right: 15px; } #footerSnIcons{ width: 100%; padding-bottom: 0px; text-align: center;/*border: 1px solid #F00;*/} #footerSnTxt { color: #09C;} #footerDetails{ color: #fff; float: left; font-size: 11px; padding-left:70px; text-decoration: none;/*border: 1px solid #0FF;*/} #footer-cu-logo {position: absolute; top: 15px; left: 10px;margin-top: 15px;} #pagefooterAlternative{ left: 5px; position: absolute; top: 32px;} #fsrnTextAlternative { color: #fff; font-size: 11px; font-style: italic; padding-left: 65px; padding-top: 20px;text-align: left; width: 100%;} /* FOOTER - CONTENT AND OTHER PAGES*/ #pagefooterOther a {} /*FOOTER FOR EMAIL ONLY*/ #pageFooterEmail{} /* PRIVACY POLICY */ #divTermsFooterLink, #divPrivacyFooterLink {width:120px; position:absolute; top:90px; right:0px; padding: 10px 0 20px;} #divPrivacyFooterLink {right: 130px; width: 100px;} #divTermsFooterLink a, #divPrivacyFooterLink a {font-size:11px; text-decoration:none; color:#136bb6;} #divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover { color: #1388e6; text-decoration:underline;} /*SITEMAP CONTAINER AND NAVIGATION */ #siteMap {position: relative; width: 820px; height: 80px; margin-left: auto; margin-right: auto; padding: 0px; clear: both; background-color: #c6d1db; text-align:center; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(templates/current/PIE.htc); display:none; } #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; } #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;} /* PIN MEMBER LOGIN -----------------------------------------------------------------------------------*/ #AlertPanelMemNo { font-size: 11px; position: absolute; right: 10px; margin-top: 0px; width: 195px; color:#2067c0; text-align:left;} #AlertPanelMemNo strong{ font-size: 11px;} #AlertPanelPIN {position: absolute; right: 13px; width:40%; color:#2067c0; text-align:left; font-size: 11px; } #AlertPanelPIN a { font-size: 11px; } #bankingPinConfirm {background: url(../../templates/current/images/bg-bankingPinConfirm.jpg) no-repeat; height: 200px;padding-left:10px; float:left;} .mainContainerbkgd {width: auto; height: auto; text-align:right;} .mainContainerbkgd .input_short, .mainContainerbkgd .input_2char, .mainContainerbkgd .input_4char, .mainContbkgd3 .input_short, .mainContbkgd3 .input_2char, .mainContbkgd3 .input_4char {border: 1px dotted #92c0d0;} .mainContainer, .mainContbkgd3 { color: #184f63; font-size: 11px; background-color: #f2f5f7; border-bottom: 0px solid #6198de; border-top: 0px solid #7bb0cd; float: left; height: auto; margin-right: 5px; padding: 20px 0 20px; text-align: right; width: 100%;} .memContainer, .secContainer, .noMemberNumber{margin-bottom: 5px;} .alert { border-left: 1px dotted #92c0d0; float: right; height: 170px; margin-left: 20px; margin-top: 10px; width: 210px;} .noMemberNumber a {font-size: 11px; margin-right: 3px; line-height: 10px;} .noMemberNumber2 a {font-size: 11px; margin-right: 3px; line-height: 20px;} .memContText {padding-bottom: 20px; padding-top:10px;} .memberNumberTxt {float:left;font-weight:bold; padding-left: 260px;} .memberNumberTxt2 {float:left;font-weight:bold; padding-left: 60px; padding-top: 0px;} .securityPasswordTxt {float:left;font-weight:bold; padding-left: 240px;} .memNumForm {padding-bottom: 10px; padding-right:0px;} .memNumForm2 {padding-bottom: 15px; padding-right:0px;} .secPassForm {padding-bottom:10px; padding-right:0px;} .secPassBut {margin-right: 0px; padding-bottom: 5px; text-align: right; float:left; width: 509px;} .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 {} .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} .mainContbkgdSec2 {background-color:#F0F0F0; width: auto; height: auto; text-align:right;} .mainContSec2{ 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;} .secContainer2{} .secPassTxt2{float:left;font-weight:bold; padding-left: 350px; padding-bottom: 5px; padding-top: 2px; } .secPassField2{padding-bottom: 0px; padding-right:0px; padding-bottom: 5px;} .mainContbkgdPin2 {overflow: hidden; width: 100%; height: 100%; background-color:#F0F0F0; } .mainContPin2 {overflow: hidden; width: 100%; height: 100% ;text-align:right; margin-right: 50px; padding-top: 10px; background-color:#F0F0F0; border-right-style:dotted; border-right-width: 1px; border-right-color: #CCC; } .infoCont { display: none; position: relative; float: right; top: 2px; width: 47%; height: auto;padding-left:5px; clear: both; margin-top: 0px; margin-right:4px; font-size:9px; color: #000; border: #6C0 solid 1px; background-color:#D8D8D8; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);} .infoContReg { display: none; position: relative; float: left; top: 3px; width: 35%; height: auto; font-size:9px; color: #000; border: #6C0 solid 1px; background-color:#D8D8D8; padding-left:5px; clear: both; margin-top: 0px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);} .memContainer2{} .pinContainer2{} .dobContainer2{} .memNumberTxt2{float: left; padding-bottom: 5px; width: 60%; height: 20px; } .pinNumberTxt2 {float: left; padding-bottom: 5px; width: 60%; height: 20px; } .dobPassTxt2 {float: left; padding-bottom: 5px; width: 60%; height: 20px; } .memNumField2{float: right; padding-bottom: 5px; text-align: left; width: 38%; height: 20px;} .pinNumField2 {float: right; padding-bottom: 5px; text-align: left; width: 38%; height: 20px;} .dobField2 {float: right; padding-bottom: 5px; text-align: left; width: 38%; height: 20px;} .logPassBut2 {float: right; width: 100%; margin-right: 173px;} .mainContbkgdRand3 { padding-top: 10px; width: auto; height: auto; text-align:right;} .mainContRand3 { border-right: 1px dotted #92c0d0; width:400px; height: auto; text-align:right; margin-right: 320px; padding-right:15px; padding-top: 0px;} .dobContRand3 {margin-top: 10px; float:right;} .pinContRand3 {} .rand3PinTxt{float: left; padding-left: 400px; padding-top: 2px;} .dobInputTxtRand3 {float: left; font-weight: bold; padding-right: 15px; padding-top: 2px; width: 100px;} .dobInputTxtRand3_2 { font-size:11px;float: left; font-weight: bold; padding-top: 2px; padding-bottom: 8px; margin-right:20px; width: 255px;} .pinNumFormRand3 { height: auto; padding-top: 5px;} .pinPassButRand3 { margin-top: 20px; } .insertRandomPin3 { float:left; width: 185px;} .dobForm3 { padding-bottom: 10px; padding-right: 0; float: left;} .dobForm3 .input_short{/*height: 26px; line-height: 18px;*/} .dobForm3_2 {float: left; padding-bottom: 25px; padding-right: 0;} .insertRandomPin3 .input_2char {text-align: center;} /*-----------------------------------------------------------------------------------*/ /* GRAPHIC ICONS BELOW LOGIN BOX*/ .pagecontent .memLogLinksCont { position: relative; float: left; height: 100%; padding-top: 10px; } .memLogLinksCont { position: relative; float: left; height: 100%; padding-top: 10px; } .Lost_bkgd, .register, .security, .problems, .browser { margin-bottom: 10px; height: 36px; line-height: 150%; padding-top: 5px;padding-left: 11px; padding-right: 20px;text-align: left; width: 290px; color: #2A536D;font-size:10px; } .Lost_bkgd a, .register a, .security a, .problems a, .browser a {font-size:10px; color:#39a4cc;} .Lost_bkgd { border-bottom: 1px solid #7497b5; border-top: 1px solid #7497b5; background: #f2f5f7 url(../../images/essentials/lost_pin_bkgd.jpg) right no-repeat;} .register { border-bottom: 1px solid #7497b5; border-top: 1px solid #7497b5; background: #f2f5f7 url(../../images/essentials/reg_pin_mem_log_bkgd.jpg) right no-repeat; } .security { border-bottom: 1px solid #7497b5; border-top: 1px solid #7497b5; background: #f2f5f7 url(../../images/essentials/security_mem_log_bkgd.jpg) right no-repeat; } .problems { border-bottom: 1px solid #7497b5; border-top: 1px solid #7497b5; background: #f2f5f7 url(../../images/essentials/problem_mem_log_bkgd.jpg) right no-repeat; } .browser { border-bottom: 1px solid #7497b5; border-top: 1px solid #7497b5; background: #f2f5f7 url(../../images/essentials/browzer_info_bkgd.jpg) right no-repeat; } /*-----------------------------------------------------------------------------------*/ /*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; } /*LOGIN AREAS -OFFICE /DIRECTORS /REPRESENTATIVES /VOLUNTEERS WEBTELLER -------------------------------------------------------------------------------------*/ #pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb { position: relative; background-color:#fff; width:987px; padding-left: 15px; padding-right:17px; height:100%; margin-left: auto; margin-right: auto; text-align: left; /*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: 978px; height: 26px; padding-top: 10px; margin:auto; text-align:center; font-size:10px; background-color:#fff; } #pagefooterOff a, #pagefooterDir a, #pagefooterUser a, #pagefooterRep a, #pagefooterVol a, #pagefooterWeb a { color: #69C; font-size:10px;} .officeLogCont, .userLogCont, .repLogCont, .volLogCont, .webLogCont, .directLogCont{ color: #57707a; margin-bottom: 20px; position: relative; width: 100%; height: 230px; padding-top: 10px; padding-bottom: 0px; background-color:#f2f5f7; border-top: 1px solid #7497b5;border-bottom: 1px solid #7497b5; } .officeTxtAlertCont, .dirTxtAlertCont, .userTxtAlertCont, .repTxtAlertCont, .volTxtAlertCont, .webTxtAlertCont { float: right; width: 0%; height: 100%; font-size: 11px;} .officeLogContInner, .dirLogContInner, .directLogCont, .userLogContInner, .repLogContInner, .volLogContInner, .webLogContInner { position: relative; width: 100%; height: 100%; font-size: 11px; } .userTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .passwordTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .emailTxt{float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .enterCode{ position: relative; top: 30px; float: left; width: 38%; padding: 3px; text-align: right;} .userInputShort{ float:right; width: 59%; height: 20px; padding: 3px;} .userInputShort .input_short, .passwordInputShort .input_short, .enterCodeInputShort .input_short{ border: 1px dotted #bacdd4;} .passwordInputShort{ float: right; width: 59%; height: 20px; padding: 3px;} .smallfont a {font-size: 10px;} .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; } /*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 { position: absolute; float:left; height:auto; top: -83px; right: -140px; /*border: 1px solid #0CF;*/ } #SocialNetIcons img { list-style-image:none; margin: 0 2px; /*border: 1px solid #FF0;*/ } #SocialNetIcons a { display: inline; } /* 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 { position: relative; text-align: center; left: 290px; } 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: 0px; position: relative; top: -30px; left: 140px; height:20px; width:18px; } 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;} /* PRELOADERS */ #OBLoaderExternal1 {display:block; height:100%; position:relative; width:auto;} #OBLoaderWrapper1 {} #OBLoaderDiv1 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #000000; float: left; height: 100%; position: absolute; width: 100%;} #OBLoaderWrapper1 img {left: 45%; position: absolute; top: 33%; z-index: 100;} #OBLoaderExternal2 {display:block; height:100%; position:relative; width:auto;} #OBLoaderWrapper2 {} #OBLoaderDiv2 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #000000; float: left; height: 100%; position: absolute; width: 100%;} #OBLoaderWrapper2 img#OBLoader {left: 45%; position: absolute; top: 33%; z-index: 100;} #OBLoaderExternal3 {display: block; float: left; height: 100%; position: relative; width: 100%;} #OBLoaderWrapper3 {} #OBLoaderDiv3 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #000000; float: left; height: 100%; position: absolute; width: 100%;} #OBLoaderWrapper3 img {left: 45%; position: absolute; top: 33%; z-index: 100;} /* COOKIE CONSENT MEMO BOX */ .CookieConsentMemo { z-index: 9999; text-align: left; font-family: Arial; font-size: 12px; background: url(images/memo_bgr.png) no-repeat; width: 143px; margin: 10px; position: fixed; top: 0px; right: 0px; padding: 77px 18px 20px; height: 270px; } #cookieConsentForm .button_submit { border: medium none; font-family: Arial; font-size: 12px; font-weight: bold; cursor: pointer; height: 30px; margin-top: 13px; padding-bottom: 2px; width: 70px; background: green; border: none; text-shadow: -1px 0 1px rgba(0, 0, 0, 0.3);text-align:left; position:absolute; bottom:-10px; } #rdCookieConsent0 { margin: 5px 0; } #cookieConsentForm { float:left; font-family: Arial; font-size: 12px; color:#555555; position:absolute; bottom: 47px; left: 17px; } #lyrCookieConsent h2 { display: none;/*font-size:16px; text-shadow: -1px 0 1px white; */} #lyrCookieConsent p { font-size:11px;/*text-align: left; color: #555555; font-family: Arial; font-size: 12px; margin-bottom: 7px;*/ }