/* -------------------- WARNING! Copyright Progress Systems Limited. Explicit permission is required to copy or use any documents from this website -------------------- -------------------- TEMPLATE: PERCEPTION -------------------- GENERAL PRINCIPLES -------------------- 1. use margin:auto to horizontally center a div inside another div for mozilla 2. place page-wide styles (e.g. button styles) at the top of the CSS document or their properties are overwritten further down the page. 3. specify a width for layers that fade using DHTML, otherwise they don't fade gradually. 4. to position child layers, specify "relative" for the parent layer, and "absolute" for the child layers 5. the dynamic height of absolute layers is ignored, so subsequent layers will often position behind the absolute layer --------------------------------------------------------------------- TEST MATRIX (Y=WORKS OK) -------------------W2K-------XP--------VISTA-----OS9-------OSX------- IE<=4 . IE5 . IE6 Y . IE7 Y Y IE8 OPERA9 Y SAFARI3 Y . CHROME1 Y FIREFOX2 Y FIREFOX3 Y NETSCAPE7 Y . --------------------------------------------------------------------- */ #pp_full_res iframe { overflow: auto !important; } /* HTML TAG RE-DEFINITIONS */ * {margin:0; padding:0; } html {} body{ font-family: Verdana, Geneva, sans-serif; font-size: 13px; color:#313745; background-color: #fff; /*background-repeat:repeat-x; background-image: url(../../templates/current/images/body_bgr.gif); background-position: top;*/ line-height:140%; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */} body#homePage {background-image: url(../../templates/current/images/body_bgr2.gif);} body.noscroll { position: fixed; overflow-y: auto; width: 100%;} li {font-size: 13px; } ul { font-size: 13px; } a {color:#ff6600; text-decoration:none; -webkit-transition: color .2s ease-out 0s; -moz-transition: color .2s ease-out 0s; -o-transition: color .2s ease-out 0s; transition: color .2s ease-out 0s; } a:hover {text-decoration:none; color:#52c55c; } hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #FFFFFF; display:none; } strong {font-weight:bold; } img {border: none; } p {margin-bottom: 10px; font-size: 14px; line-height: 21px; } acronym {cursor: help; border-bottom: 1px dotted #CCCCCC; } font, td { } em, small { } /*iFRAMES*/ iframe {border: 1px dashed #ccc; width:100%; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#333333; } iframe.spotlightnew { width: 200px; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#333333; height: 100px; } iframe#iView {box-sizing: border-box; height: 450px; padding: 10px; width: 100%; margin-bottom:20px; background: white; border: 1px dashed #dcdcdc;} /*CUSTOM CLASSES*/ td.membership {color:#ffffff; padding:3px; } small a {color: #3E8CCC; font-size:11px; } small a:hover {color:darkOrange; } tr#TemplateRow1 {display: none; } img#footer-cu-logo {display: none; } p.img {float: right; margin-left: 20px; width:558px; margin-top: 15px;} p.img_home {float: left; margin-bottom: 30px;} p.link { color: #4f5969; font-family: Georgia; font-size: 15px; font-style: italic;} p.homepage_link, #HeadlinesLowerLink {float:right; font-weight:bold; font-family:Arial; font-size:15px; letter-spacing:.2px;} p.gps {float: left; margin-top: 20px; padding-bottom: 20px; width: 50%;} p.travelpack {float: left; margin-top: 20px; padding-bottom: 20px; width: 50%;} /*FIGCAPTIONS*/ /*figcaption {float: right; font-family: Georgia; font-size: 13px; font-style: italic; padding: 0; width: 558px;} #announcements_content_dynamic figcaption {float: right; font-family: Georgia; font-size: 13px; font-style: italic; padding: 0; width: 560px; margin-bottom:30px; letter-spacing:-.25px;}*/ /*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; } p.quote {padding-left:150px; background:url(../../templates/current/images/quote.gif) no-repeat 20px center; } img.pdf {vertical-align: top; }*/ /* HEADINGS */ .cntMgrOptP {font-family:Verdana; font-size:13px; color: #313745;} .cntMgrOptH1 {font-family:Verdana; font-size:20px; color: #313745;} .cntMgrOptH2 {font-family:Verdana; font-size:18px; color: #313745;} .cntMgrOptH3 {font-family:Verdana; font-size:16px; color: #313745;} .cntMgrOptH4 {font-family:Verdana; font-size:14px; color: #313745;} .cntMgrOptH5 {font-family:Verdana; font-size:12px; color: red;} .cntMgrOptH6 {font-family:Verdana; font-size:12px; color: grey;} h1 {color: #667080; font-family: "Century Gothic", CenturyGothic, AppleGothic, 'Questrial', sans-serif; font-size: 36px; font-weight: 300; letter-spacing: -1px; line-height: 30px; background:url(../../templates/current/images/h1_bgr.gif) repeat-x bottom left; padding-bottom: 10px; margin-bottom:10px;} .green {color: #52c55c; text-transform:uppercase;} h2 {font-family: Verdana; font-size: 20px; padding-bottom: 15px; } h3 {font-family: Verdana; font-size: 20px; padding-bottom: 15px; } h4 {font-family: Verdana; font-size: 16px; padding-bottom: 20px; padding-top:20px;} h5 {font-family: Verdana; font-size: 16px; padding-bottom: 10px; padding-top:10px; } h6 {font-size: 9px; font-weight: bold; padding-bottom: 15px; } /* COMMONLY USED CLASSES */ .required {font-size: 12px; font-weight: normal; color: #CC0000; } .informational {color: #93A9BD; font-size: 11px; letter-spacing: 1px; margin-right: 3px; width: 520px; float:right; } .largeFont {font-size:14px; font-weight: bold; color:#3E8CCC; } .lighttext {color: #999999; } .smallfont{font-family: Verdana; font-size: 11px; line-height: 30px; } small {font-size:11px; } small a{font-size:11px; } .SmallGreenText { font-size: 18px; color: #5aaa0c; font-style: italic; } .tablePagination {font-size:12px;} .rowseparator {font-size:14px;} /* BUTTONS */ .button_search { position: relative; background-image: url(images/button_search_bkgd.gif); background-repeat:no-repeat; background-position: 0 0; width: 48px; padding-left: 0px; border: 0px; margin: 0px 0 0 -43px; color:#FFFFFF; text-align: left; font-weight:bold; cursor:pointer; height:56px; text-indent: -9999px; float: left; display: block; font-size: 0; line-height: 0; overflow: hidden; -webkit-transition: all .2s ease-out 0s;-moz-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; } .button_search:hover {background-image: url(images/button_search_bkgd.gif); background-repeat:no-repeat; background-position: 0 -56px;} /* JOAO 19/09/2013 DO NOT REMOVE .BUTTON_ENCRYPT CLASS FROM HERE. */ .button_submit, .button_decrypt { background: #6bd875; /* Old browsers */-webkit-transition: background .2s ease-out 0s;-moz-transition: background .2s ease-out 0s; -o-transition: background .2s ease-out 0s; transition: background .2s ease-out 0s; border: 1px solid #6bd875; color: #ffffff; cursor: pointer; font-family: Verdana; font-size: 14px; font-weight: bold; height: 36px; margin: 0; padding-left: 20px; padding-right: 20px; position: relative; text-shadow: -1px 0 1px #4ebc58; margin-bottom: 0px; margin-right:0px;} body#securePage .button_submit {left: 647px; float:left; margin-top: 0px;} .button_submit:hover {background: #5aca65;} .button_cancel { background: rgb(216,107,107); /* Old browsers */ -webkit-transition: background .2s ease-out 0s; -moz-transition: background .2s ease-out 0s; -o-transition: background .2s ease-out 0s; transition: background .2s ease-out 0s; border: 1px solid rgb(216,107,107); color: #ffffff; cursor: pointer; font-family: Verdana; font-size: 14px; font-weight: bold; height: 36px; margin-left: 0px; padding-left: 20px; padding-right: 20px; position: relative; text-align:center; text-shadow: -1px 0 1px #c65555; margin-bottom: 0px; margin-right:5px;/*margin: 10px 0 10px 0;*/} body#securePage .button_cancel {left: 640px; float:left; margin-top: 0px;} .button_cancel:hover {background: #cc5c5c; /* Old browsers */} .button_other {background: #6babd8; /* Old browsers */ -webkit-transition: background .2s ease-out 0s; -moz-transition: background .2s ease-out 0s; -o-transition: background .2s ease-out 0s; transition: background .2s ease-out 0s; border: 1px solid #6babd8; color: #ffffff; cursor: pointer; font-family: Verdana; font-size: 14px; font-weight: bold; height: 36px; margin-left:5px; padding-left: 20px; padding-right: 20px; text-shadow: -1px 0 1px #5596c3; margin-bottom: 0px; } .button_other {background: #5596c3;} .button_editor{ /*border:1px solid #F6F6EA;*/} .button_hidden{display:none} .tabletitleprint {float: right; width: 100px; } /* FORM FIELDS */ input,select { font-size: 12px; font-family: Verdana, Geneva, sans-serif; vertical-align: middle; padding:2px 4px 3px; } input#File1 { position: relative; width: 225px; padding-top: 5px; background-image: url(images/input_file.jpg);background-color: #f1f1ef; margin: 0; border: 1px solid #c9d0dd; margin-top:10px; /*-webkit-box-sizing: border-box;-moz-opacity:0 ; filter:alpha(opacity: 0); *filter:alpha(opacity: 0); _filter:alpha(opacity: 0); opacity: 0;*/ } input[type="file"].input_long::-webkit-file-upload-button {float: right; position: relative; } /*Needed to align browse button left in input=file*/ .input_normal {border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ; width: 230px; margin:2px 5px; font-size: 13px; } .input_long {width: 370px; border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ; margin:2px 5px; font-size: 13px;} .input_short {width: 155px;border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ; margin:2px 5px; font-size: 13px;} .input_shorter {width: 65px; border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ; margin:2px 5px; font-size: 13px;} .input_multiline {width: 230px; height: 100px; padding:3px 6px 3px 3px ; border: 1px solid #ccc; color: #313745; font-family: Verdana,Geneva,sans-serif; margin:2px 5px; font-size:13px; } .input_multiLarge {width: 280px; height: 160px; border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ; margin:2px 5px; font-size: 13px; } .input_nosize {border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ; margin:2px 5px; font-size: 13px;} form#uplForm .input_nosize {margin:14px 0;} select#doccategory.input_nosize {margin-right:20px;} .input_2char {width: 20px; border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ; margin:2px 5px; font-size: 13px; } .input_3char {width: 30px; border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ; margin:2px 5px; font-size: 13px; } .input_4char {width: 40px; border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ; margin:2px 5px; font-size: 13px;} .input_search { width: 90px; border: 1px solid #ccc; color: #313745; font-family: Verdana, Geneva, sans-serif; padding: 3px 6px 3px 3px ;} .input_invisible {border: 0px solid; font: Verdana, Helvetica, sans-serif; background-color: transparent; vertical-align: middle; padding:3px 6px 3px 3px ; margin:2px 5px; } .input_editor_title {font-size:16px; font-family: Verdana, Geneva, sans-serif; color: #313745; border: 1px #ccc solid; width: 300px; padding:3px 6px 3px 3px ; margin:2px 5px; } .input_editor_subtitle {font-size:12px; font-family: Verdana, Geneva, sans-serif; border: 1px #ccc solid; width: 300px; padding:3px 6px 3px 3px ; color: #313745; margin:2px 5px;} .input_webteller {width: 120px; border: 1px #ccc solid; font-family: Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; text-align: right; padding:3px 6px 3px 3px ; margin:2px 5px; } /* LOAN CALCULATOR - CONTENT AND MEMBERS AREA*/ /*input#amount {font-size: 18px; height: 25px; left: 440px; position: relative; text-align: right; top: -85px; width: 80px; color: #004169; } input#term {color: #004169;font-size: 18px; height: 25px; left: 290px; position: relative; text-align: right; top: -65px; 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: #4A546F; 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:#569622; float:left; margin-bottom: 10px; } #contentarea 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 {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: #009dbc; } input#paymentSliderTotalWeekly, input#paymentSliderTotal2Weeks, input#paymentSliderTotal4Weeks input#paymentSliderTotalMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly { display:block; font-size: 16px; font-weight: bold; color: #2a6ba9; } input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotalInterest4Weeks, input#paymentSliderTotalInterestMonthly {display:block; font-size: 16px; font-weight: bold; color: #569622; } span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 35%; } #divSliderCalcLoanTypeText {color: #4A546F; float: left;font-size: 13px; font-weight: bold; margin-top: 12px; } #sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -25px; position: relative; top: 29px; }*/ /* TABLES */ table { background: #f0f0f0; width:100%; /*box-sizing: content-box; padding: 15px;*/} table#editTools td {padding:4px;} table#editTools td img {padding:3px 5px;} select#symbolize option {padding: 2px 5px;} table td {padding:10px; box-sizing:border-box;} form#uplForm td {} form#colourpicker #tableColourPicker td { padding: 7px 5px;} table td img {padding:3px;} .tableform {/*background: none repeat scroll 0 0 #dcdcdc;*/ border-collapse: collapse; font-family: Arial,Verdana,Geneva,sans-serif; font-size: 12px; margin-bottom: 25px; padding-bottom: 10px; border: 15px solid #f0f0f0;} .tableform li, .tableform a, .tableform p { } .tableform thead { color: #666; font-size: 9px; } .tableform thead td, .tableform thead td { font-size:11px; } .tableform tbody td { font-size: 13px; } .tableform tfoot { color: #828277; font-size: 10px; } .tableform tfoot td { background-color:#E5E5DA; font-size: 10px; } .tableform .dayColour{ background-color:#dcdcdc; } .tableform tbody tr:nth-child(1n+1){background:#f0f0f0;} .tableform td { font-size: 13px; font-family: Verdana, Geneva, sans-serif; } .tableform table td { border: none; padding: 0px; } .tablegrid {border-collapse: separate; border-spacing: 0; left: 0px; margin-top: 0; position: relative; width: 100%; } body#officeAreaPage .tablegrid { background: none repeat scroll 0 0 #eeeff0; box-sizing: border-box; left: 0; margin-bottom: 20px; padding: 15px; } .tablegrid img {margin-right:5px; padding: 0; vertical-align: middle;} .tablegrid a { } .tablegrid thead td { background-color: #f0f0f0; font-weight: bold; padding: 10px 7px 12px; text-transform: uppercase; } .tablegrid th {background: none repeat scroll 0 0 #f0f0f0; padding: 10px 7px 12px; text-transform: uppercase;} .tablegrid td { padding: 10px 15px; } .tabledetailed { border: 1px dotted #a3c1db; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 10px; margin-bottom: 4px; } .tabledetailed thead { color: #999999; font-weight: bold; } .tabledetailed thead td, .tabledetailed thead td {background-color:#b2c8d6; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; } .tabledetailed td { padding: 1px; border-right: 1px dotted #b5d0e8; border-bottom: 1px dotted #b5d0e8; font-size: 11px; vertical-align: top; } .tabledetailed strong { font-size: 11px; } .table_calendar {} .tablerow_main tr { background-color:#000000; } .tablerow_alt td { background-color:#FFFFEE; } .tablerow_over td { background-color:#FFFFCC; } .tablerow_working td { background-color:#DDFFFF; } .table{ background-color: #eeeff0; height:145px;} /* FORM ARCHIVE */ .tableprint { margin-left: 378px; } /*PIN MANAGER-----------------------------------------*/ .tabletitle, .tabletitlePin { background-color: #313745; color: #fff; font-family: Verdana; font-size: 13px; line-height: 30px; font-weight: bold; padding: 7px 10px 7px; width: auto; /*background-image: url(../../images/essentials/pinform_title_right.gif); /* background-repeat:no-repeat; background-position:right;*/} .tabletitle img {vertical-align:text-bottom;} /*.tabletitleLeft { padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; background-image:url(../../images/essentials/pinform_title_left.gif); background-position:left; background-repeat:no-repeat; }*/ .tableformPin {font-family: Verdana, sans-serif; } .tableformPinMain { padding-left: 15px; padding-top: 3px; background-color: #dcdcdc; } .tableformLeft { padding-left: 15px; background-color: #f3eeee; } .tableformPinIconsL { position: relative;padding-left: 0px; background-color: #F3F3F3; vertical-align:middle; text-align: left; } .tableformPinIconsL li { float: left; padding-bottom: 1px; display: block; overflow:hidden; list-style:none; padding-left: 0px; padding-right: 0px; text-align: left; white-space: nowrap; padding: 0 1%!important; } .tableformPinIconsL li img {vertical-align: calc(0% - 13px);} .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:Verdana, sans-serif; font-weight:bold; color:#F00; } .fontBlue { font:Verdana, sans-serif; font-weight:bold; vertical-align: middle; } .fontBlue a { font:Verdana, sans-serif; font-weight:bold;color:#09F; text-decoration: underline; } .fontBold { font: bold 13px Verdana, sans-serif; } .fontGreen { font:Verdana, sans-serif; font-weight:bold;color:#393; } /* 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; /*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;;/**/ } .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: 98%; padding-right: 10px; padding-top: 2px; padding-bottom: 0px; font-size: 12px; border: solid 1px #E6E6E6; text-align: right; background-image: url(../../images/essentials/estatements_bkgd.gif);} .dropmenu_top .button_submit {position:relative; top:2px;} .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%; /*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(PIE.htc);*/} .pdf_image { float: right; height: 30px; margin-right: 10px; 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; } /* VOLUNTEER AREA ROSTER */ #volCalendar table { border:none; } #volCalendar thead td { background-color: #F2F2E7; border:1px solid #ffffff; border-collapse:collapse; padding:2px} #volCalendar td { background-color: #F7F7f2; border-bottom:1px solid #FFFFFF; border-collapse:collapse; } #volCalendar td span { display: block; height: 100%; width: 0px; padding: 0px; margin: 0px; } #volCalendar td a { text-decoration: none; display: block; } #volCalendar .weekDayName { background-color: #F2F2E7; } /* PASSWORD STRENGTH INDICATOR */ #passwordStrength {height:10px; display:block; float:left; } .strength1 { width:15px; background-color:#cccccc; } .strength2 { width:30px; background-color:#ff0000; } .strength3 { width:60px; background-color:#ff5f5f; } .strength4 { width:90px; background-color:#56e500; } .strength5 { width:120px; background-color:#4dcd00; } .strength6 { width:150px; background-color:#399800; } /* IMAGE VISIBILITY (OPTIONAL) */ #img_masthead {} #img_login {} #loginarea_contentpage #img_login {} #img_register {} #loginarea_contentpage #img_register {} #custom_button{} #loginarea_contentpage #custom_button{} #img_youthzone {} #img_newsheadlines {} #newsheadlines_contentpage #img_newsheadlines {} #img_modules {} #modulelinks_contentpage #img_modules {} #img_progresslogo {} /* OFFICE AREA ITEMS */ #tblFonts img,select { vertical-align: middle; } #tblCtrls img { vertical-align: middle; } #tblXtraCtrls img { vertical-align: middle; } /* ONLINE BANKING WELCOME & ERROR PAGE*/ #onlineBankingDiv { position: relative; float: none; width: 200px; } #ErrorMessageContainer { position: relative; float: left; width: 97%; height: 28px; padding: 10px; border: 2px solid #cf9494; background-color: #fcd4d2; border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(PIE.htc); color: #a02a2a; margin-bottom: 20px; } #onlineBankingErrorMessages { position: relative; float: left; width: auto; font-weight: bold; font-size:13px; } #ErrorMessageImage { position: relative; float: right; width: 43px; height: 31px; margin-right: 10px; background-image: url(images/error-img.jpg); background-repeat: no-repeat; } #Header { position: relative; float: right; width: 80%; height: 43px; } #Header h1 { color: #396d9f; font-size: 22px; padding: 0px; margin: 0px; border: 0px; line-height: 30px; } #container { position: relative; width: 700px; } #container p { padding-bottom: 30px; } .pagetitle_members { font-size: 16px; font-weight: bold; padding: 0; } /*ROW LAYOUT------------------*/ #RowOne { width: 688px; height: 194px; } #RowTwo { width: 688px; height: 194px; } #RowThree { width: 688px; } /* BOX ATTRIBUTES */ #RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1, #RowThreeBoxOne h1, #RowThreeBoxTwo h1 { display: inline; color:#003366; font-size: 18px; font-weight: bold; z-index: 10; } #RowOneBoxOne P, #RowOneBoxTwo P, #RowTwoBoxOne P, #RowTwoBoxTwo P, #RowThreeBoxOne P, #RowThreeBoxTwo P { padding: 0px; padding-right: 10px; padding-top: 10px; font-size: 13px; z-index: 10; } #RowOneBoxOne #LinkBtn a, #RowOneBoxTwo #LinkBtn a, #RowTwoBoxOne #LinkBtn a, #RowTwoBoxTwo #LinkBtn a, #RowThreeBoxOne #LinkBtn a, #RowThreeBoxTwo #LinkBtn a { position: absolute; bottom: 15px; font-size: 13px; text-decoration: none; font-weight: bold; color: #187db0; z-index: 10; } /* BOX GRAPHICS */ #RowOneBoxOne { position: relative; float: left; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/e_statement_bkgd.jpg); background-repeat: no-repeat; z-index: 10; } #RowOneBoxTwo { position: relative; float: right; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/online_banking_bkgd.jpg); background-repeat: no-repeat; z-index: 10; } #RowTwoBoxOne { position: relative; float: left; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/online_loan_bkgd.jpg); background-repeat: no-repeat; z-index: 10; } #RowTwoBoxTwo { position: relative; float: right; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/loan_calc_bkgd.jpg); background-repeat: no-repeat; z-index: 10; } #RowThreeBoxOne { position: relative; float: left; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/online_banking_bkgd.jpg); background-repeat: no-repeat; z-index: 10; } #RowThreeBoxTwo { position: relative; float: right; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/online_loan_bkgd.jpg); background-repeat: no-repeat; z-index: 10; } #OBWelcomeSpotlight1 { position: relative; top: -80px; left: -3px; width: 304px; height: 150px; z-index: -10; } #OBWelcomeSpotlight2 { position: relative; top: -80px; left: -3px; width: 304px; height: 150px; z-index: -10; } #OBWelcomeSpotlight3 { position: relative; top: -80px; left: -3px; width: 304px; height: 150px; z-index: -10; } #OBWelcomeSpotlight4 { position: relative; top: -80px; left: -3px; width: 304px; height: 150px; z-index: -10; } #OBWelcomeSpotlight5 { position: relative; top: -80px; left: -3px; width: 304px; height: 150px; z-index: -10; } #OBWelcomeSpotlight6 { position: relative; top: -80px; left: -3px; width: 304px; height: 150px; z-index: -10; } /* LOGIN CONFIRMATION FORM */ #bankingPinConfirm { width: 500px; height: 200px; background-image: url(images/bg-bankingPinConfirm.jpg); background-repeat: no-repeat; padding-left: 10px; } #bankingPinConfirm h1 { margin-bottom: 10px; color: #003366} #bankingPinConfirm { } /*---------------------------*/ /*JAVASCRIPT WARNING DIV*/ #divJavascriptWarningContainer { position: relative; width: 600px; padding-left: 0px; padding-top: 30px; height:79px; margin: 30px auto 30px auto; border-bottom: 0px dotted #ff9e00; background:url(../../images/essentials/javascript_warning.png); } #divJavascriptWarningImage { display: none; width:30px; float: left; padding-top: 7px; } #divJavascriptWarningText { color: #000; width: auto; padding-right: 30px; float: right; font-size: 13px; font-weight: bold; } #divJavascriptWarningText a { color:#FFF; } /* COMMOM CSS ENDS ---------------- /* LOAN CALCULATOR PAGE */ /* UnComment the 3 lines below, to swap Methods A and B */ /* #methodTwoTable { position: relative; top: -230px; } #methodOneTable { position: relative; top: 230px; } .informationalLoanCal { font-size: 11px; color: #699; position: relative; top: 20px; } */ .informationalLoanCal { font-size: 11px; color: #699; } /* MAIN OUTER CONTAINER LAYER */ #main {text-align: center; width:100%; /* background:url(../../templates/current/images/main_bgr.jpg) no-repeat top center; */ } /* PAGE CONTENT LAYER */ #pageContent{position: relative; width:100%; height:100%; text-align: left; margin: auto; padding-bottom: 0px; border-bottom: none; } html>body #pageContent{} /*PAGE INNER CONTENT*//* THIS IS USED IN ORDER TO EXTEND THE BACKGROUND COLOUR THE HEIGHT OF THE PAGE FOR ALL BROWZERS ACCEPT IE */ #pageInnerContent { position: relative; width:100%; padding-left: 0px; padding-top: 0px; padding-right: 0px; height:100%; margin-left: auto; margin-right: auto; padding-bottom: 10px; /*background-color: #FFF;*/ } #pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden; } /* MASTHEAD FACILITIES*/ #facilities { margin-top: 36px; position: absolute; text-align: right; width: 150px; z-index: 1000; } #header-help {float: right; width: auto; clear: right; padding-top: 0px; } #header-suggestion {float: right; width: auto; clear: left;padding-top: 0px; display:none;} #header-sitemap {float: right; width: auto; clear: left; padding-top: 0px; display: none; } #facilities #header-sitemap .divider {display: none; } #header-search { background-image: url(../../templates/current/images/search_bar_bgr.png); background-repeat: no-repeat; background-position: 77px top; float: right; height: 56px; left: 719px; position: absolute; top: 91px; width: 475px;} #header-search .input_search { border: medium none; color: #9da6b5; float: left; font-family: Verdana,Geneva,sans-serif; font-size: 13px; font-style: italic; padding: 16px 0 15px 43px; position: relative; width: 425px; background:none; top:3px;} #divSearchFormInput {padding-top:10px; position:relative; float:left; background:url(../../templates/current/images/search_bgr.png) no-repeat 0 12px; padding-bottom:5px;} #header-search .button_search {} #facilities ul {margin: 0px; padding: 1px; } #facilities li { position: redisplay: block; float: left; color: #FFF; font-size: 10px; text-align: left; font-weight: bold; padding-left:2px; padding-right: 2px; } #facilities a {font-size: 11px; color:#fff; text-decoration: none; display: block; vertical-align:bottom; } #facilities a:hover {color:#48a3d1; text-decoration: underline; } #facilities .divider {padding-left: 7px; margin-left: 4px; background:url(../../templates/current/images/divider.gif); background-position: left 5px; background-repeat:no-repeat; } #facilities #helpmenu {position:absolute; top:2px; left:374px; background-color: #FFF;float:none; text-align:left; visibility:hidden; background-image:url(../../templates/current/images/_bkgd.gif); background-repeat: no-repeat; border: 1px solid #CCCCCC; } #facilities #helpmenu a{ color:#5d8fd0; } #facilities #helpmenu li {background:none; display:list-item; list-style: none; width:155px; padding-bottom:5px; border-bottom: 1px solid #CCCCCC; } #facilities #helpmenu a:hover {text-decoration:underline; color:#0099FF; } /*Social Networking Icons */ #SocialNet{ width: auto; z-index: 10; } #SocialNetTxt { display: none; } #SocialNetIcons {float: left; height: auto; left: 21px; position: relative; top: -1px; } #SocialNetIcons #socNetHeaderDiv0 { } #SocialNetIcons #socNetHeaderDiv1 {position:absolute; left:50px; } #SocialNetIcons #socNetHeaderDiv2 {position:absolute; left:100px;} #SocialNetIcons #socNetHeaderDiv0 a img, #SocialNetIcons #socNetHeaderDiv1 a img, #SocialNetIcons #socNetHeaderDiv2 a img { list-style-image:none; margin: 0 3px 0 2px; position: absolute; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;/*border: 1px solid #FF0;*/ } #SocialNetIcons a img.socNetHeaderImgTop0:hover, #SocialNetIcons a img.socNetHeaderImgTop1:hover, #SocialNetIcons a img.socNetHeaderImgTop2:hover {opacity:0; z-index:1000;} #SocialNetIcons a { display: inline; } /* MASTHEAD */ #masthead {background: none repeat scroll 0 0 #313745; margin: 0 auto; min-width: 1150px; position: relative; width: 100%; height:134px;/*background:url(../../templates/current/images/masthead_bkgd.gif) top repeat-x;*/ } #masthead .logo {left: 20px; position: absolute; top: 30px;} #masthead #announcements { display: none; position: absolute; top: 0px; left: 380px; width: 350px; height: 44px; overflow: hidden; text-align: right; padding: 20px; padding-right: 10px; font-size: 13px; font-weight: bold; color: #3E8CCC; /* filter: alpha(opacity=0); -moz-opacity:0%; */ } #masthead #announcements a {color: #3E8CCC; font-size: 13px; } #masthead #announcements a:hover {text-decoration:underline; color:#0099FF; } #masthead .area_title {color: rgba(255, 255, 255, 0.5); font-size: 18px; font-weight: normal; padding: 20px; position: absolute; right: 0; text-align: right; top: 35px; width: 250px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} /* BYLINE (TEL/FAX/DATE BAR) */ #byline { z-index: 12; position: absolute; top: -95px; left: 0px; height: 38px; overflow: hidden; color: #999999; width: auto; } #byline .contactdetails {position: absolute; top: 0px; left: 0px; padding-left: 10px; } #byline .contactdetails strong {color: #FF9900; } #byline .currentdate {position: absolute; top: 0px; left: 400px; width: 350px; padding-right: 10px; text-align: right; } #byline_members { background: none repeat scroll 0 0 #dcdcdc; height: 48px; overflow: hidden; position: relative; top: -8px; border-top: 1px solid #fff; width:100%; min-width:1150px;} #byline_members .contactdetails {float: left; padding-left: 20px; padding-top: 13px; } #byline_members .currentdate {float: right; padding-right: 20px; padding-top: 13px; } /* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */ #layoutareaofficewrapper {width:100%; float:left;} #layoutarea, #layoutareaoffice { position: relative; float:left; width:100%; max-width:100%; margin:0 auto; background:white; z-index:0; min-width:1150px; } body#officeAreaLoginPage #layoutareaoffice {float:none; max-width: 960px; width:100%; } body#homePage #layoutarea {background: url(../../templates/current/images/h_p_layoutarea_bgr.gif) repeat-x;} /* MAIN NAVIGATION MENU */ #mainmenu { } ul#mainmenulist { margin: auto; text-align: center; width:634px; position:absolute; top:-114px; background-image:url(../../templates/current/images/menu_divider.gif); background-position: top left; background-repeat: no-repeat; z-index:1000;} 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 {float: left; text-align: left; white-space: nowrap; display: block; background:url(../../templates/current/images/menu_divider.gif) top right no-repeat; color: #fff; border-bottom: none;height: 60px;} /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ #mainmenu li:hover {/*background:url(../../templates/current/images/hover_bgr.png) repeat-x; color: #6bd875;*/ background: #313745 url(../../templates/current/images/menu_divider.gif) top right no-repeat; border-bottom: 1px solid #fff; -webkit-transition: background .7s ease-out 0s; -moz-transition: background .7s ease-out 0s; -o-transition: background .7s ease-out 0s; transition: background .7s ease-out 0s; } #mainmenu li a { /*width: 100%;*/ display: block; font-family: Arial, Geneva, sans-serif; font-size: 15px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; padding:15px 0 16px; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transition: color .7s ease-out 0s; -moz-transition: color .7s ease-out 0s; -o-transition: color .7s ease-out 0s; transition: color .7s ease-out 0s;} #mainmenu li#pageHome a {padding: 0 0 8px; display:block;} #mainmenu li#pageHome.first_selected {background: #313745 url(../../templates/current/images/menu_divider.gif) top right no-repeat; border-bottom: 1px solid #60d880; } #mainmenu li#pageHome.first_selected a {text-decoration: none; color: #fff; background: url(../../templates/current/images/menu_selector2.png) center 60px no-repeat;} #mainmenu li#pageHome img {display:block; text-align:center;} #mainmenu li a:hover { text-decoration: none; color: #fff; background: url(../../templates/current/images/menu_selector.png) center 60px no-repeat; } #mainmenu .lastSection a {} #mainmenu .subnav { display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; text-transform:none; font-weight: normal; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; margin-top: -3px; letter-spacing:.2px;} #mainmenu .subnav:hover {} #submenu .subnav {display:none;} /* POP-OUT MENUS - NEED TO OVERRIDE SOME OF THE STYLES IN THE MAINMENU*/ #mainmenu ul li ul li {padding:0; } /* POP-OUT MENUS - NEED TO OVERRIDE SOME OF THE STYLES IN THE MAINMENU*/ #mainmenu li .popoutmenu {z-index: 10; margin-top: 0px; text-align: left; position: absolute; visibility:hidden;/* -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1);*/ background-image: url(../../templates/current/images/popoutmenu_bgr.png); background-repeat:repeat; width: 251px; border-top:1px solid #fff; display:block; float: left; top:60px; } #mainmenu li .popoutmenu ul {height:auto; padding:0; margin:0; display:inline; } #mainmenu li .popoutmenu li {text-align: left; white-space: normal; height: auto; display:list-item; list-style: none; font-weight: normal; width:auto; border-bottom: none; background:none;} html>body #mainmenu .popoutmenu li {width: 100%; background:none; } /*WIDTH ABOVE SET TO 400% FOR IE5/IE6. THIS LINE CORRECTS THE WIDTH FOR ALL OTHER BROWSERS*/ #mainmenu li .popoutmenu li a {color: #FFFFFF; text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: block; font-family: Arial; font-size: 14px; height: auto; font-style: normal; font-weight: normal; line-height: 18px; padding: 7px 0 7px 7px; text-align: left; text-decoration: none; background:none; width: auto; border-bottom:none; text-transform: none; -webkit-transition: background .3s linear 0s; -moz-transition: background .3s linear 0s; -o-transition: background .3s linear 0s; transition: background .3s linear 0s; } #mainmenu li .popoutmenu li a:hover{text-decoration:none; color:#FFFFFF; height: auto; background: #2e3c56; text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-bottom:none; border-top:none; width: auto; margin:0; padding: 7px 0 7px 7px; } /* TEXT CONTENT & NAVIGATION CONTAINER */ #contentarea { position: relative; float: right; width: 890px; min-height: 400px; padding-top: 5px; margin-top: 15px; margin-right: 0px; padding-right: 10px; background-color: #FFFFFF; } #contentarea .pagetitle { background: url(../../templates/current/images/h1_bgr.gif) repeat-x scroll left bottom; font-family: "Century Gothic", CenturyGothic, AppleGothic, 'Questrial', sans-serif; font-size: 26px; font-weight: bold; height: 25px; letter-spacing: 0.4px; margin-bottom: 8px; margin-top: 12px; padding: 0 0 8px; text-align: left; } #contentarea .pagecontent { padding: 0px; text-align:left; } #securePage #contentarea .pagecontent { padding: 0px; text-align:left; margin-top:20px; } #contentarea ul {padding-left: 15px; margin-bottom: 10px; } #contentarea ol {padding-left: 35px; margin-bottom: 10px; color: #28385C; } #contentarea ol li {list-style: decimal-leading-zero;} #contentarea li {display: list-item; list-style: circle; padding: 5px 3px; } #contentarea a {text-decoration: none; } #contentarea .pagetitle_members {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#4c82ae; padding-bottom: 5px; } #contentarea .pagecontent_members, #memberscontentarea .pagecontent_members { position: relative; margin-bottom: 15px; min-height:300px; } #contentarea .pagecontent_members h3{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 15px; } #contentarea .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px; display:none; } #contentarea .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left; } #contentarea .information_layer td {font-size: 9px; border: none; } /* TEXT CONTENT & NAVIGATION CONTAINER OFFICE AREA */ #contentareaoffice { background-color: #ffffff; float: left; margin-left: 3%; margin-right: 0; margin-top: 15px; min-height: 400px; padding-right: 10px; padding-top: 5px; position: relative; width: 70%;} #contentareaoffice .pagetitle { height: 25px; text-align:left; margin-top: 10px; padding: 0px; color: #386c9d; font-size: 16px; font-weight: bold; } #contentareaoffice .pagecontent { padding: 0px; text-align:left; } #contentareaoffice ul {padding-left: 28px; margin-bottom: 10px; } #contentareaoffice ol {padding-left: 35px; margin-bottom: 10px; color: #28385C; } #contentareaoffice li {display:list-item; padding:2px 0; } #contentareaoffice a {text-decoration: underline; } #contentareaoffice .pagetitle_members {font-family: Georgia; font-size: 24px; padding-bottom: 25px; } #contentareaoffice .pagecontent_members { position: relative; margin-bottom: 15px; min-height:300px; } #contentareaoffice .pagecontent_members h3{ font-size: 16px; margin-top: 10px;} #contentareaoffice .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px; } #contentareaoffice .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left; } #contentareaoffice .information_layer td {font-size: 9px; border: none; } /*MEMBERS CONTENT & NAVIGATION CONTAINER */ #memberscontentarea {position: relative; float: right; width: 750px; } !important /* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/ /* DIRECTOR AREA */ .directors_content {float: left; width: 65%; } .directors_fullwidthcontent {float: left; width: 100%; } .directors_sidebar {float: right; width: 30%; text-align:center; } /* FLASH / ANNOUNCEMENTS / CUSTOM AREA ACTIVATED */ #flashcontainer_custom { margin-left: auto; margin-right: auto; clear: both; width: 610px; text-align: center; height: 225px; } #flash_area { float: left; width: 580px; height: 220px; } #flash_area_custom { float: right; width: 175px; height: 224px; background-image:url(images/custom_flash.jpg); background-repeat: no-repeat; } /* FLASH / ANNOUNCEMENTS CONTAINERS */ #flashcontainer { position: relative; float: left; width: 100%; height: 446px; margin-left: 0px; margin-right: auto; margin-top: 10px; margin-bottom: 10px; clear: both; text-align: center; background:url(../../templates/current/images/flashcontainer_bgr.jpg) no-repeat bottom center; } #mini_flashcontainer { display: none; } #announcements_content {display: none; margin-top: 10px; padding: 5px; background-color: #EEEEEE; border: 1px solid #DDDDDD; height: 50px; overflow: visible; width: 265px; filter: alpha(opacity=0); -moz-opacity:0%; float:right; } #announcements_content_dynamic {float: left; height: 640px; left: 0; margin-left: 0; margin-top: 440px; outline: medium none; width: 558px;} #announcements_content_dynamic img {margin-bottom:0px;} #announcements_content_dynamic h2 {font-family:Georgia; font-size:15px; font-style:italic; color: #4f5969; font-weight:normal; border-bottom:none;} #announcements2_content_dynamic { float: right; height: 970px; margin-left: 0; margin-top: 440px; outline: medium none; padding-left: 27px; width: 560px; background:url(../../templates/current/images/announcement2_bgr.gif) repeat-y;} #announcements2_content_dynamic h1 {} #announcements_login { background-color: #FFFFFF; background-image: url(../../templates/current/images/announce_login_icon.jpg); background-repeat: no-repeat; float: left; height: 20px; overflow: visible; padding-top: 4px; width: 470px; } #announcements_login a {padding-left:23px; font-size: 11px; font-weight: normal; color:#F90; text-decoration: none; } #announcements_login a:hover {text-decoration: underline; } #announcements_members {width: 300px; margin-bottom: 11px; padding-top:10px; background-color:#FFF; overflow: visible; filter: alpha(opacity=0); -moz-opacity:0%; } #announcements_members a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#F90; text-decoration: none; } #altAnnouncement { position: relative; top: 70px; padding:3px; font-size:11px; background-color:#f0f5f7; border: 1px solid #edf4f6; border-radius: 7px; -webkit-border-radius:7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; behavior: url(PIE.htc); } /* RIGHT CONTAINER/ MODULELINKS/ NEWSHEADLINES/ LOGINAREA*/ #layoutDivide { float: left; height: auto; width: 275px; margin-top: 10px; } #sidebar #layoutDivide { width: 200px; margin-right: 0 } /* SUBMENU (CONTENT PAGES ONLY) */ #submenu { position: relative; margin-top: 10px; margin-bottom: 0px; padding: 5px; width: 220px; } body.company #submenu { background-image:url(../../templates/current/images/submenu_company.gif); background-repeat: no-repeat;} body.media #submenu { background-image:url(../../templates/current/images/submenu_media.gif); background-repeat: no-repeat;} body.services #submenu {background-image:url(../../templates/current/images/submenu_services.gif); background-repeat: no-repeat;} #securePage #submenu {background-image:url(../../templates/current/images/submenu_contact.gif); background-repeat: no-repeat;} #newsPage #submenu {background-image:url(../../templates/current/images/submenu_testimonials.gif); background-repeat: no-repeat;} #downloadsPage #submenu {background-image:url(../../templates/current/images/submenu_downloads.gif); background-repeat: no-repeat;} #submenu .title_subsections {font: bold 15px Arial,Verdana,Helvetica,sans-serif; left: 65px; padding-bottom: 10px; position: relative;text-transform: uppercase; top: 18px; width: 155px;} #submenu ul {margin-top:40px; margin-left:20px; background:url(../../templates/current/images/submenu_item_bgr.gif) repeat-x top left; padding-top: 1px;} #submenu li {list-style-type: none; background:url(../../templates/current/images/submenu_item_bgr.gif) repeat-x bottom left; padding-bottom:1px; } #submenu a {color: #405971; display: block; font-size: 15px; font-weight: bold; padding: 5px 0; background:url(../../templates/current/images/modulinks_arrow.gif) no-repeat; background-position: center right; -webkit-transition: background-color .3s ease-out 0s; -moz-transition: background-color .3s ease-out 0s; -o-transition: background-color .3s ease-out 0s; transition: background-color .3s ease-out 0s; } #submenu a:hover {color: #405971; text-decoration:none; background-image:url(../../templates/current/images/modulinks_arrow.gif) no-repeat; background-position: center right; background-color: #f3f5f9 ; } /* SIDEBAR (CONTENT PAGES ONLY) */ #sidebar { background-repeat: repeat; float: left; margin-bottom: 0; margin-top: 10px; padding: 0px; width: 220px; } #sidebar .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #396c9e; padding-bottom: 10px; } #sidebar li {list-style-type: none; padding-top: 5px; padding-left: 15px; background:url(../../templates/current/images/modulinks_arrow.gif) no-repeat; background-position: 0px 8px; } #sidebar a { } #sidebar a:hover {} /* SUBMENU (YOUTHZONE SIDE MENU) */ #submenu_youth {margin-top: 2px; margin-bottom: 5px; padding: 5px; width: 160px; border-right: 1px dotted #CCCCCC; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat; } #submenu_youth .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #F99404; } #submenu_youth li {list-style-type: none; padding-top: 5px; padding-left: 15px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px; } #submenu_youth a {color: #666666; } #submenu_youth a:hover {text-decoration:underline; color:#0099FF; } /* NAVIGATION SELECTED ITEMS */ #mainmenu .section_selected, #mainmenu .section_selected:hover {border-bottom: 1px solid #6bd875; background: #313745 url(../../templates/current/images/menu_divider.gif) no-repeat scroll right top; } #mainmenu .section_selected ul {border-top:1px solid #6bd875;} #mainmenu .section_selected .popoutmenu li a {color:white;} #mainmenu .section_selected a, #mainmenu .section_selected:hover a { background-image: url(../../templates/current/images/menu_selector2.png); background-position:center 60px; background-repeat:no-repeat; color: #60d880; -webkit-transition: background-image 0s ease-out 0s; -moz-transition: background-image 0s ease-out 0s; -o-transition: background-image 0s ease-out 0s; transition: background-image 0s ease-out 0s; -webkit-transition: background-color .2s linear 0s; -moz-transition: background-color .2s linear 0s; -o-transition: background-color .2s linear 0s; transition: background-color .2s linear 0s;} #mainmenu .section_selected .poputmenu li , #mainmenu .section_selected .poputmenu li:hover{ background: none; } #mainmenu .section_selected .poputmenu li a , #mainmenu .section_selected .poputmenu li a:hover{ background: none; } #mainmenu .section_selected ul li:hover { background:#2e3c56; } #mainmenu .popoutmenu .page_selected a {font-weight: normal; background:#2e3c56 url(../../templates/current/images/popoutmenu_selected_bgr.gif) center right no-repeat; color: #6bd875!important; text-shadow:none; } #mainmenu .popoutmenu .page_selected a:hover {font-weight: normal; background:#2e3c56 url(../../templates/current/images/popoutmenu_selected_bgr.gif) center right no-repeat; color: #6bd875!important; text-shadow:none;} #submenu .subitem_selected a {font-weight: bold; color:#52c55c; background:url(../../templates/current/images/modulinks_arrowB.gif) no-repeat; background-position: center right; } div#submenuCalculator {display: none; } /* MEMBER AREA */ #membermenu { margin-top: 1px; margin-bottom: 10px; margin-left: 0px; width: 100%; margin-right: 10px; float: left; width: 180px; background-color:#556588; } #membermenu li {list-style-type: none; border-bottom:1px solid #7b89aa;font-size: 12px; } #membermenu a {color: #fff; line-height: 28px; margin-left: 10px; display: block; text-decoration: none; } #membermenu .last {font-weight: bold; } .memo {border: 1px solid #CCCCCC; width: 130px; padding: 2px; position: absolute; top: 5px; left: 770px; } /* SUBMENU (USER AREA/ DIRECTORS AREA/ YOUTH AREA/ VOLUNTEERS AREA*/ #submenu_members { margin-left: 0px; width: 180px; margin-bottom: 10px; margin-right: 10px; background:#a4b2d1; } #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 #7b89aa; } #submenu_members a {color:#fff; text-decoration: none; } #submenu_members .title_subsections {font-weight: bold; padding: 5px; color:#024551; border-bottom: 1px solid #7b89aa; } /* SUBMENU (DIRECTORS AREA) */ #directorsAreaPage #submenu_members {position:absolute; left:-182px; top:200px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } /* SUBMENU (USER AREA) */ #userAreaPage #submenu_members {position:absolute; left:-183px; top:175px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } /* SUBMENU (USERS AREA) */ #submenu_users {float: left; width: 200px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } #submenu_users li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3; } #submenu_users a {color: #666666; } /* SUBMENU (DIRECTORS AREA) */ #submenu_directors {float: left; width: 200px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } #submenu_directors li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3; } #submenu_directors a {color: #666666; } /* SUBMENU (YOUTHZONE AREA) */ #submenu_volunteers{float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; } #submenu_volunteers li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3; } #submenu_volunteers a {color: #666666; } /* OFFICE AREA NAVIGATION */ #adminmenu {float: left; margin-bottom: 0; margin-top: 10px; max-width: 25%; min-width: 220px; position: relative; } #adminmenu ul {width:100%;} #adminmenu li {list-style-type: none; background: #313745; } #adminmenu li a {border-bottom: 1px solid white; color: #fff; display: block; font-size: 14px; font-weight: normal; padding: 5px 15px 5px 12px; } #adminmenu li a:hover {color:white;} #adminmenu li strong {color: #fff; line-height: 30px; margin-left: 10px;} #adminmenu ul li ul {display: none; background: #f0f0f0; } #adminmenu ul li ul li {list-style-type: none; background: none; } #adminmenu ul li ul li a {border-bottom: none;color: #313745; display: block; font-size: 12px; font-weight: normal; padding: 5px 10px 5px 20px; background:none; } #adminmenu a:hover {color: #fff; text-decoration:none; background-color: #4c8a36 ; } #adminmenu ul li ul li a:hover {background: #dcdcdc; color: #313745;} #adminmenu .expanded {display: inline-block; } /*#submenu { position: relative; margin-top: 10px; margin-bottom: 0px; padding: 5px; width: 220px; } body.company #submenu { background-image:url(../../templates/current/images/submenu_company.gif); background-repeat: no-repeat;} body.services #submenu {background-image:url(../../templates/current/images/submenu_services.gif); background-repeat: no-repeat;} #securePage #submenu {background-image:url(../../templates/current/images/submenu_contact.gif); background-repeat: no-repeat;} #newsPage #submenu {background-image:url(../../templates/current/images/submenu_testimonials.gif); background-repeat: no-repeat;} #downloadsPage #submenu {background-image:url(../../templates/current/images/submenu_downloads.gif); background-repeat: no-repeat;} #submenu .title_subsections {font: bold 15px Arial,Verdana,Helvetica,sans-serif; left: 65px; padding-bottom: 10px; position: relative;text-transform: uppercase; top: 18px; width: 155px;} #submenu ul {margin-top:40px; margin-left:20px; background:url(../../templates/current/images/submenu_item_bgr.gif) repeat-x top left; padding-top: 1px;} #submenu li {list-style-type: none; background:url(../../templates/current/images/submenu_item_bgr.gif) repeat-x bottom left; padding-bottom:1px; } #submenu a {color: #405971; display: block; font-size: 15px; font-weight: bold; padding: 5px 0; background:url(../../templates/current/images/modulinks_arrow.gif) no-repeat; background-position: center right; -webkit-transition: background-color .3s ease-out 0s; -moz-transition: background-color .3s ease-out 0s; -o-transition: background-color .3s ease-out 0s; transition: background-color .3s ease-out 0s; } #submenu a:hover {color: #405971; text-decoration:none; background-image:url(../../templates/current/images/modulinks_arrow.gif) no-repeat; background-position: center right; background-color: #f3f5f9 ; } */ /* TOOLS & RESOURCES SECTION (MODULE LINKS) */ #modulelinks { padding-top: 50px; position: relative; float:right; top: 235px; right: 10px; width: 292px; height: 181px; background: url(../../templates/current/images/mod_bkgd.jpg) no-repeat; display:none; } #modulelinks img {display: none; } #modulelinks ul {padding-left:10px; } #modulelinks li { font-size: 14px; list-style-type: none; padding-top: 10px; padding-left: 30px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 10px 8px; } #modulelinks a { font-size: 14px; color: #1e66aa; } #modulelinks a:hover {text-decoration:none; color:#2484df; } #modulelinks_contentpage {position: relative; float:left; width: 210px; margin-right: 5px; padding-bottom: 10px; height: auto; background-color: #f6f9fb; display:none;} #modulelinks_contentpage img {display: none; } #modulelinks_contentpage li {list-style-type: none; padding-top: 5px; padding-left: 30px; background-color: #e7eef5; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 10px 8px; } #modulelinks_contentpage a {color: #09C; } #modulelinks_contentpage a:hover {text-decoration:none; color:#0099FF; } /* NEWS HEADLINES */ #newsheadlines {float: left; min-height: 320px; margin-top: 10px; position: relative; top: 0; width: 560px; } #newsheadlines h3 { } #newsheadlines a { } #newsheadlines a:hover {} #newsheadlines_contentpage { } #newsPage #newsheadlines_contentpage {display:none;} #newsheadlines_contentpage h3 { } #newsheadlines_contentpage a { } #newsheadlines_contentpage a:hover {text-decoration: none; color: #3E8CCC; } #newsheadlines #news_content {width: 100%; } #newsheadlines_contentpage #news_content {width: 100%; margin-left:25px; } #newsheadlines .newsArticleTopLinkDiv {padding:10px 0 5px; } #newsheadlines .newsArticleTopLinkDiv a {color: #ff6600; font-family: Georgia; font-style:italic; font-size:15px;} #newsheadlines .newsArticleTopLinkDiv a:hover {color: #52c55c;} #newsheadlines .newsArticleDiv {font-family: Georgia; font-style: italic;} #newsheadlines .newsArticleDiv a p {font-size:16px; line-height:24px; color: #313745; -webkit-transition: color .2s ease-out 0s; -moz-transition: color .2s ease-out 0s; -o-transition: color .2s ease-out 0s; transition: color .2s ease-out 0s;} #newsheadlines .newsArticleDiv a:hover p {color: #ff6600;} #newsheadlines .newsArticleImageSpan {width:84px; height:84px; float:left; margin-right: 30px;} #newsheadlines_contentpage .newsArticleTopLinkDiv {padding:10px 0 0;} #newsheadlines_contentpage .newsArticleTopLinkDiv a {color: #ff6600; font-family: Georgia; font-style:italic; font-size:15px;} #newsheadlines_contentpage .newsArticleTopLinkDiv a:hover {color: #52c55c;} #newsheadlines_contentpage .newsArticleDiv {font-family: Georgia; font-style: italic;} #newsheadlines_contentpage .newsArticleDiv a p {font-size:14px; line-height:24px; color: #313745; -webkit-transition: color .2s ease-out 0s; -moz-transition: color .2s ease-out 0s; -o-transition: color .2s ease-out 0s; transition: color .2s ease-out 0s;} #newsheadlines_contentpage .newsArticleDiv a:hover p {color: #ff6600;} #newsheadlines_contentpage .newsArticleImageSpan {width:84px; height:84px; float:left; margin-right: 30px; display:none;} #contentarea .newsArticleTopLinkDiv {padding:10px 0;} #contentarea .newsArticleTopLinkDiv a {color: #ff6600; font-family: Georgia; font-style:italic; font-size:15px;} #contentarea .newsArticleTopLinkDiv a:hover {color: #52c55c;} #contentarea .newsArticleDiv {font-family: Georgia; font-style: italic; background: url(../../templates/current/images/h1_bgr.gif) repeat-x scroll left bottom; padding-bottom: 10px;} #contentarea .newsArticleDiv p {font-size:16px; line-height:24px; color: #313745;} #contentarea .newsArticleImageSpan {width:84px; height:84px; float:left; margin-right: 30px;} #newsheadlines .newslinks a {color: #009933; font-weight: bold; } #newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold; } /* NEWS HEADLINES STATIC */ .newsArticleDate { padding-left:21px; padding-right:20px; font-size: 10px; } .newsArticleText { padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 9px; } .newsArticleLink { text-align: right; padding-left:21px; color: #F00; text-decoration: none;text-transform: uppercase; padding-right:20px; font-size: 9px; } .newsArticleLink p { color: #20368c; } .newsArticleLink a {color: #20368c; font-size: 9px; text-decoration: none; } /*QUICK LINKS*/ #quick_links { position:absolute; top: 327px; left: 258px; width: 243px; height: 140px; margin-top: 60px; background-image: url(images/title_quick_links_homepage_bkgd.jpg); background-repeat: no-repeat; } #quick_links li {margin-left: 15px; padding-left: 15px;list-style-type: none; padding-top: 5px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px; } #quick_links a { text-decoration: underline ; } #quick_links a:hover {text-decoration: underline; color: #063; } /* LOGIN / YOUTHZONE / LIVE CHAT LAYER / CUSTOM BUTTON ---- * ABSOLUTE POSITIONING*/ #loginarea {float: right; height: auto; padding-right: 3px; position: relative; right: 10px; text-align: right;top: -235px; width: 294px; display:none; } #loginarea img {margin-bottom: 0px; } #loginarea_contentpage { position: absolute; float: right; top:-70px; right:0px; width: 590px; text-align: right; height: auto; padding-right: 3px; }/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */ #loginarea_contentpage img {margin-bottom: 0px; } #loginarea a:hover {border: 0px; } /* HOMEPAGE SPOTLIGHTS #spotlight1 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight2 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight3 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight7 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight8 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } #spotlight9 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; } .spotlight_title { position: relative; top: -10px; height: 30px; width: 233px; padding-top:18px; padding-left: 2px; padding-right:0px; line-height: 15px; border-bottom: 3px solid #c1cfdd; } /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/ /*.spotlight_title h4 { color: #336699; text-align: left; }*/ /*.spotlight_container { position: relative; top: -5px; min-height: 100px; padding-left: 1px; padding-right: 0px; padding-top: 0px; } .spotlight_text { position: absolute; width:68%; height: auto; top:0px; left:0px; padding-bottom: 5px; font-size: 10px; background: #FFF; } .spotlight_image_upload { position: relative; float:right; top: 0px; width:auto; height: auto; margin-bottom:10px; background:#FFF; border: 1px solid #b0c2d4; } .spotlight_link { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 14px; text-align: right; padding:3px; background-color: #8fca15; } .spotlight_link a { color: #fff; font-weight: bold; }*/ /* HOMEPAGE SPOTLIGHTS */ #spotlight1 {position: absolute; top:485px; float: left; left:22px; width:389px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; border: solid 0px #b4c5d6; } #spotlight2 {position: absolute; top:485px; left:411px; float: left; width:389px; margin-bottom: 20px; margin-right: 0px; border: solid 0px #b4c5d6; } #spotlight3 {position: absolute; top:485px; left:800px; float: left; width:389px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; border: solid 0px #b4c5d6;} #spotlight7 {position: absolute; top:500px; float: left; width:305px; margin-bottom: 20px; margin-left: 20px; margin-right: 0px; border: solid 0px #b4c5d6;} #spotlight8 {position: absolute; top:500px; float: left; width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; } #spotlight9 {position: absolute; top:500px; float: left; width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; } .spotlight_title { position: relative; top: -10px; width: 305px; padding-top:18px; padding-left: 2px; padding-right:0px; line-height: 15px; margin-bottom: 10px; display:none;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/ .spotlight_title h4 { color: #336699; text-align: left; } .spotlight_container { position: relative; top: -5px; min-height: 100px; padding-left: 1px; padding-right: 0px; padding-top: 0px; /*float:left;*/} .spotlight_text { width:68%; height: auto; top:0px; left:0px; padding-bottom: 5px; font-size: 10px; background: #FFF; } ul.spotlight li {list-style:none;} .spotlight_text p {font-size: 12px; } .spotlight_image_upload { position: relative; float:right; top: 0px; width:auto; height: auto; margin-bottom:10px; background:#FFF; border: 1px solid #b0c2d4; } .spotlight_link { position: absolute; bottom: -10px; left: 0px; width: 100%; height: 14px; text-align: right; padding:3px; /*background-color: #8fca15;*/ border-top: 0px solid #8fca15} .spotlight_link a { color: #8FCA15; font-family: Trebuchet MS; font-style: italic; font-weight: bold; } /* CONTENT SPOTLIGHTS*/ #contSpotContainer{position: relative; float: right;width: 580px;height: 100px; top: auto; } #spotLight4{float: left; width: 181px; height: 95px; background-image: url(images/onlineLoan_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; } #spotLight5{float: left; width: 181px; height: 95px; background-image: url(images/mabs_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; } #spotLight6{float: right; width: 181px; height: 95px; background-image: url(images/news_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; } /* COOKIE CONSENT MEMO BOX */ .CookieConsentMemo { 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; } /* FOOTER */ #pagefooterOuterIndex, #pagefooterOuterPublic {height: 200px; padding-top: 100px; text-align: center; width: 100%; background:url(../../templates/current/images/footer_bgr.gif) no-repeat top center;} #pagefooterOuterOther {display:none;} #pagefooterIndex { clear: both; height: 36px; margin: 1px auto 0; padding-left: 0; padding-top: 0; width: 1170px; position: relative; } #pagefooterPublic {clear: both; height: 36px; margin: 1px auto 0; padding-left: 0; padding-top: 0; width: 1170px; position: relative; } #pagefooterOther { clear: both; height: 36px; margin: 1px auto 0; padding-left: 0; padding-top: 0; width: 1170px; position: relative; display:none;} #pagefooterOther a { color: #396c9e; font-size:10px; } html>body #pagefooter { background-color: #FFF; } .ProgressLogo {float: right; } #footerDetails{ border-right: 1px solid #4d5b72; color: #546489; float: left; font-size: 11px; height: 140px; padding-left: 5px; padding-right: 40px; padding-top: 30px; text-align: left; text-decoration: none; width: 350px; background:url(../../templates/current/images/contact_details_bgr.gif) no-repeat top left; padding-left:5px; border-right: 1px solid #4d5b72;} #footerDetails li {color:#fff; list-style: none; padding: 3px 0;} #addressFooterLink {font-size: 12px; font-weight: bold;} #addressFooterLink {color:#52c55c!important; font-size:13px; text-decoration:none; -webkit-transition: color .2s ease-out 0s; -moz-transition: color .2s ease-out 0s; -o-transition: color .2s ease-out 0s; transition: color .2s ease-out 0s; } #addressFooterLink:hover {text-decoration:none; color:#fff!important; } #fsrnTextOff{ float: left; color: #666; text-decoration: none; font-size:10px; text-align: left; padding-left: 10px; display: none; } #pagefooterAlternative{ float: left; width: 750px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 10px; text-align: left; font-size: 10px; color: #666; clear: both; } #fsrnTextAlternative{float: left; color: #666; text-decoration: none; font-size:10px; text-align: left; padding-left: 0px; } html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */ .FooterTelLabelSpan, .FooterFaxLabelSpan, .FooterAddressLabelSpan, .FooterEmailLabelSpan {width:25%; float: left; font-size:12px;} .FooterTelSpan, .FooterFaxSpan, .FooterAddressSpan, .FooterEmailSpan {width:70%; float:right; text-align: left; font-size:12px;} .FooterFaxLabelSpan {margin-top:20px;} .FooterAddressLabelSpan {margin-top:19px;} .FooterEmailLabelSpan {margin-top:19px;} /*Social Networking Icons Footer #SocialNetFooter{ border-right: 1px solid #4d5b72; float: left; height: auto; left: 465px; padding-top: 30px; position: absolute; top: 0; width: 275px; z-index: 10; background:url(../../templates/current/images/social_net_footer_bgr.gif) no-repeat top left; } #SocialNetTxt { position: relative; float: left; color:#333; font-size: 11px; width: 70px; } #SocialNetFooter #SocialNetIcons {float: left; height: auto; left: 0; position: relative; top: 0;width: auto;} #SocialNetFooter #SocialNetIcons img { list-style-image:none; margin: 4px 0px 4px 0px; /*border: 1px solid #FF0; } #SocialNetFooter #SocialNetIcons a { display: block; }*/ /*Social Networking Icons */ #SocialNet{ width: auto; z-index: 10; } #SocialNetTxt { display: none; } #SocialNetFooter {border-right: 1px solid #4d5b72; float: left; height: 140px; left: 465px; padding-top: 30px; position: absolute; top: 0; width: 275px; z-index: 10; background:url(../../templates/current/images/social_net_footer_bgr.gif) no-repeat top left; } #SocialNetFooter #SocialNetIcons {float: left; height: auto; left: 0; position: relative; top: 0;width: auto;} #SocialNetFooter #socNetFooterDiv0 { } #SocialNetFooter #socNetFooterDiv1 {position:absolute; top:50px; } #SocialNetFooter #socNetFooterDiv2 {position:absolute; top:100px;} #SocialNetFooter #socNetFooterDiv0 a img, #SocialNetFooter #socNetFooterDiv1 a img, #SocialNetFooter #socNetFooterDiv2 a img { list-style-image:none; position: absolute; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;/*border: 1px solid #FF0;*/ } #SocialNetIcons a img.socNetFooterImgTop0:hover, #SocialNetIcons a img.socNetFooterImgTop1:hover, #SocialNetIcons a img.socNetFooterImgTop2:hover {opacity:0;} #SocialNetIcons a { display: block; } /*SITEMAP CONTAINER AND NAVIGATION */ #siteMap { position: relative; width: 100%; height: 150px; padding-top: 10px; clear: both; text-align:center; font-size: 9px; background-color: #c6d1db; display:none; } #siteMapMenu { position: relative; width:940px; height: 100%; margin: 0 auto; white-space: nowrap; padding-bottom: 1px; display: block; text-align:center; font-weight: bold; } #siteMapMenu li {background:url(../../templates/current/images/bullet_grey.gif) no-repeat; background-position: 0px 5px; display: block; float: left; padding: 2px 16px 0; text-align: left; white-space: nowrap; } #siteMapMenu ul li a{ font-size: 9px; color: #0054A4; } #siteMapMenu ul li ul a{ font-size: 9px; font-weight: bold; color: #1F4C78; } /*LOGIN AREA ROUNDED CORNERS CROSS BROWZER COMPATABLE - CHANGES NOT NECESSAERY---------------------------------------------------------------------*/ .announcementsContainer{width: 100%; padding-top:0px; float:left; } .curvedBox {width:100%; margin-top: 0px; } .curvedBox .r1, .curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {background-color: #F0F0F0;display:block;overflow:hidden;height:1px;font-size:1px; } .curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {border-width:0 1px;border-left:1px solid #F0F0F0;border-right:1px solid #F0F0F0; } .curvedBox .r1 {margin:0 6px; display:none; } .curvedBox .r2 {margin:0 3px; display:none; } .curvedBox .r3 {margin:0 2px; display:none; } .curvedBox .r4 {margin:0 1px;height:2px; display:none; } .curvedBox .content{background:#F0F0F0; border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0 ;padding:5px; } /* GRAPHIC ICONS BELOW LOGIN AREA ----------------------------------------------------------------------------------------------------------------*/ .Lost_bkgd { background-image: url(../../images/essentials/lost_pin_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; margin-top: 10px; font-size: 10px; display:none; } .Lost_bkgd a {font-size: 10px; } .register { background-image: url(../../images/essentials/reg_pin_mem_log_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; } .register a {font-size: 10px; } .security { background-image: url(../../images/essentials/security_mem_log_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; } .security a {font-size: 10px; } .problems { background-image: url(../../images/essentials/problem_mem_log_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; } .problems a {font-size: 10px; } .browser { background-image: url(../../images/essentials/browzer_info_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; } .browzer a {font-size: 10px; } .memLogLinksCont{ /*background-image: url(../../images/essentials/mem_login_graphic.jpg);*/ height:250px; width:100%; background-position: left; background-repeat: no-repeat; } .memLogLinksCont a {font-size: 10px; } /*LOGIN AREAS -OFFICE /DIRECTORS /REPRESENTATIVES /VOLUNTEERS WEBTELLER -------------------------------------------------------------------------------------*/ #pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb { position: relative; width:950px; height:100%;background-color: #FFF; } #pageInContOff:after, #pageInContDir :after, #pageInContUser :after, #pageInContRep :after, #pageInContVol :after, #pageInContWeb :after {clear:both;content:".";display:block;height:0pt; visibility:hidden; } #pagefooterOff, #pagefooterDir, #pagefooterUser, #pagefooterRep, #pagefooterVol, #pagefooterWeb { position: relative; width: 950px; height: 26px; padding-top: 10px; border-top: 1px solid #F0f0f0; margin:auto; text-align:center; font-size:10px; background-color:#fff; } #pagefooterOff a, #pagefooterDir a, #pagefooterUser a, #pagefooterRep a, #pagefooterVol a, #pagefooterWeb a { color: #69C; font-size:10px; } .officeLogCont, .userLogCont, .repLogCont, .volLogCont, .webLogCont{background-color: #f0f0f0; float: left; padding-bottom: 15px; padding-top: 10px; position: relative; width: 100%; border-top: 1px dashed #bbb; border-bottom: 1px dashed #bbb;} .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%; } .userTxt{ float: left; width: 36%; 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; padding: 5px 20px; width: 56.5%;} .passwordInputShort{ float: right; width: 59%; height: 20px; padding: 3px; } .emailInput{float: right; width: 59%; height: 20px; padding: 3px; } .enterCodeInputShort{float: right; width: 59%; 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; padding:20px 0; } .mainContainer, .mainContRand3, .mainContSec2{ width: auto; height: auto; text-align:right; margin-right: 200px; padding:0px 15px 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: 270px; } .dobForm3, .pinPassButRand3 {} .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; } .memberNumberTxt2 {float: left; line-height: 23px; width: 270px; } .dobInputTxtRand3_2 {float: left; line-height: 23px; width: 350px; } .insertRandomPin3 {float: left; line-height: 23px; margin-right: 20px; width: 246px; } .memNumForm2, #dobContRand3, .pinContRand3, .noMemberNumber2 {padding:0 0 13px; } .pinNumFormRand3 {float:right; } #AlertPanelPIN {font-size: 12px; line-height: 18px; position: absolute; right: 10px; top: 15px; width: 180px; } #AlertPanelPIN a {font-size:12px; } /*-----------------------------------------------------------------------------------*/ /*LOST YOUR PIN---------------------------------------------------------------------------*/ .lostPinCont { position: relative; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 5px; padding-bottom: 10px; background-color:#F0F0F0; } .lostPinTxtAlertCont{float: right; width: 0%; height: 100%; } .lostPinContInner{ position: relative; width: 100%; height: 100%; } .lostPinTxt{ padding-left: 10px; padding-bottom: 5px; } /*HORIZONTAL RULE------------------------------------*/ #horzRule { width: 94%; height: 5px; padding-bottom: 0px; background-color:#EEE; border-top: dotted 1px #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; } /* 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; float: right; } ol#pagination li { display: inline-block; width: 41px; height: 12px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 0; text-align: left; text-indent: -8000px; list-style: none; cursor: pointer; margin: 0 4px; position: relative; top: -35px; right: 15px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; } ul#homepagejQueryImages{ height:409px; overflow-x:hidden;overflow-y:hidden; width:auto;} ol#pagination li:hover { background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -12px; } ol#pagination li.current { color: #f00; font-weight: bold; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -12px; } ol#pagination li.prev { position: absolute; top: -110px; } ol#pagination li.next { position: absolute; top: -110px; } ol#pagination li.prev { position: absolute; left: 20px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -64px; } ol#pagination li.next { position: absolute; left: 595px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -48px; } /* FACEBOOK COMPETITION ------------------------------------- */ li#CompListItemSelected {color: #3399cc; font-weight:bold; } img#imgCompUpperImage {text-align:right; padding-right: 20px; margin-top:-20px; } #divCompContainerLower {background: url(../../images/library/social_networking/fb_bgr.jpg) no-repeat;margin-top: 30px; height:251px; width:100%; } h2#CompLowerTitleText {color: #FFFFFF; padding:10px 0px 10px 40px; font-size:15px; } #divCompLowerInnerContainerStep1 {margin: 25px 10px 20px 60px; width:440px; } #divCompLowerInnerContainerStep2 {padding: 55px 10px 20px 60px; width:440px; } h3#CompLowerInnerTitleText {color: #003366; font-size:16px; font-style:normal; font-weight:bold; line-height:30px; } li#CompListItemCompleted {color: #CCCCCC; } #spanCompLowerInnerFB {float:left; } input#txtTagLine {/*background: url(images/library/search_bgr.jpg) no-repeat;*/ border: 1px solid #b1b1b1; width:224px; height:32px; float: left; line-height: 20px; overflow: hidden; padding:0 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; /* behavior: url(PIE.htc);*/} #spanCompTagLineTextbox {} input#btnTagLine {background: url(../../images/library/social_networking/search_btn.jpg) no-repeat; border: none; width:60px; height:40px; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; cursor:pointer; padding:0; margin-top: -3px; } label {font-family: Verdana; font-size:12px; margin-right: 10px; } #spanCompTagLineTextbox {} #divCompContainerUpper {margin-bottom:25px; } #spanCompTagLineLabel {float:left; padding-top: 8px; margin-right: 5px; } #spanCompTagLineTextbox {} #spanCompTagLineButton {} /* PRIVACY POLICY */ #divCustomFooterLink1 { position:absolute; right:0px; padding:0; background-image: url(../../templates/current/images/ie_dr_bgr.gif); background-repeat:no-repeat; background-position: 0 0;} #divCustomFooterLink1:hover { background-image: url(../../templates/current/images/ie_dr_bgr.gif); background-repeat:no-repeat; background-position: 0 -171px;} #divCustomFooterLink1{height: 171px; right: 0; width: 365px;} #divCustomFooterLink1 a {color: #034c9e; display: block; float: left; font-size: 0; height: 171px; line-height: 0; margin-top: 0px; overflow: hidden; text-decoration: underline; text-indent: -9999px; width: 365px;} #divCustomFooterLink1 a:hover { color: #FF5A00;} /*RADIO BUTTONS AND CHECKBOXES*/ input[type="checkbox"], input[type="radio"] {margin-right:3px;} /* FEATURE LIST */ .features-menu{ width: 100%; } .features-menu li{ background: #c9ced7 url(../../templates/current/images/features_item_bgr.png) no-repeat right top; width: 100%; height: 92px; overflow: hidden; position: relative; display: block; list-style: none; margin-bottom: 20px; top:10px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } .features-menu li:last-child{ margin-bottom: 0px; } .features-menu li a{ text-align: left; width: 100%; height: 100%; display: block; color: #333; position: relative; } .features-icon{ color: #fff; font-family: 'impactregular'; font-size: 118px; left: -30px; margin-top: -3px; top:0; letter-spacing: -10px; line-height: 95px; position: absolute; text-align: left; width: 120px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; } .features-content{ position: absolute; left: 120px; width: 420px; height: 60px; top: 15px; } .features-main{ border-bottom: medium none; padding-bottom:5px; color: #313745; font-family: "Century Gothic", CenturyGothic, AppleGothic, 'Questrial', sans-serif; font-size: 26px; margin-bottom: 3px; -webkit-transform-style: preserve-3d; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; } .features-sub{ color: #313745; font-family: Verdana; font-size: 12px; font-weight: normal; line-height: 18px; } .features-menu li:hover{ background: #6bd875 url(../../templates/current/images/features_item_bgr.png) no-repeat right top; cursor:pointer; } .features-menu li:hover .features-icon{ opacity: 1; float:left; cursor:pointer; letter-spacing: -10px; -webkit-animation: moveFromLeft 200ms ease-in-out; -moz-animation: moveFromLeft 200ms ease-in-out; -ms-animation: moveFromLeft 200ms ease-in-out; -o-animation: moveFromLeft 200ms ease-in-out; animation: moveFromLeft 200ms ease-in-out; } .features-menu li:hover .features-main{ opacity: 1; color:#52c55c; cursor:pointer; } .features-menu li:hover .features-sub{ opacity: 1; cursor:pointer; } @-webkit-keyframes moveFromLeft { from { opacity: 0; -webkit-transform: translateX(-50%); } to { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromLeft { from { opacity: 0; -moz-transform: translateX(-50%); } to { opacity: 1; -moz-transform: translateX(0%); } } @-ms-keyframes moveFromLeft { from { opacity: 0; -ms-transform: translateX(-50%); } to { opacity: 1; -ms-transform: translateX(0%); } } @-o-keyframes moveFromLeft { from { opacity: 0; -o-transform: translateX(-50%); } to { opacity: 1; -o-transform: translateX(0%); } } /*SPOTLIGHTS*/ .spotlight-menu{ padding:0; width: 100%; float:left; } .spotlight-menu li{ width: 389px; height: 385px; overflow: hidden; position: relative; float:left; background: #313745 url(../../templates/current/images/spotlight_bgr.png) no-repeat; margin-right: 4px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } #spotlight3 .spotlight-menu li{background: #313745 url(../../templates/current/images/spotlight3_bgr.png) no-repeat;} .spotlight-menu li:last-child{ margin-right: 0px; } .spotlight-menu li a{ text-align: left; width: 100%; height: 100%; display: block; color: #333; } .spotlight-icon{ line-height: 150px; position: absolute; width: 100%; height: 50%; left: 0px; top: 30px; text-align: center; -webkit-transition: all 400ms linear 0ms; -moz-transition: all 400ms linear 0ms; -o-transition: all 400ms linear 0ms; -ms-transition: all 400ms linear 0ms; transition: all 400ms linear 0ms; } .spotlight-content{ height: 50%; left: 0; padding: 0 20px; position: absolute; top: 40%; width: 337px; } .spotlight-content h2{ border-bottom:none; color: #fff; } .spotlight-main{ font-size: 28px; font-family: "Century Gothic", CenturyGothic, AppleGothic, 'Questrial', sans-serif; opacity: 1; font-weight:normal; line-height:30px; text-align: center; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -o-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; } .spotlight-content h2.spotlight-main .bold {display:block; color:#b8bec9;} .spotlight-sub{ color: #fff; font-family: Verdana; font-size: 12px; font-weight: normal; opacity: 1; position: absolute; text-align: center; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -o-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; } .spotlink { background-image: url(../../templates/current/images/arrow_pointer.png); background-position: center 10px; background-repeat: no-repeat; bottom: -15px; color: #6bd875; font-family: Arial; font-size: 16px; font-weight: bold; height: 10px; /*text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);*/ left: 145px; padding-top: 32px; position: absolute; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; } .spotlight-menu li:hover .spotlink { color: #313745; } .spotlight-menu li:hover, #spotlight3 .spotlight-menu li:hover { background-color: #2a374c; cursor:pointer; } .spotlight-menu li:hover .spotlight-icon{ color: #ff2020; cursor:pointer; -webkit-animation: moveFromBottom 300ms ease; -moz-animation: moveFromBottom 300ms ease; -o-animation: moveFromBottom 300ms ease; -ms-animation: moveFromBottom 300ms ease; animation: moveFromBottom 300ms ease; } .spotlight-menu li:hover .spotlight-main{ color: #6bd875; cursor:pointer; -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -o-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease; animation: smallToBig 300ms ease; } .spotlight-menu li:hover .spotlight-sub{ color: #fff; cursor:pointer; -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -o-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease; animation: smallToBig 300ms ease; } /* label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px; } .wrapper { width: 500px; margin: 50px auto; } input[type=radio], input[type=checkbox] { display: none; } label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #aaa; box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); } input[type=radio] label:before { border-radius: 50px; } input[type=checkbox] label { margin-bottom: 10px; } input[type=checkbox] label:before { border-radius: 3px; } input[type=radio]:checked + label:before { content: "\2022"; color: #f3f3f3; font-size: 30px; text-align: center; line-height: 18px; border-radius:50px; } input[type=checkbox]:checked + label:before { content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 15px; color: #f3f3f3; text-align: center; line-height: 15px; }*/