/* -------------------- 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: 12px; color:#4c6e92; line-height:130%; background: #e2e9f1 url(../../templates/current/images/bgr.jpg) repeat-x scroll top center;} * {margin:0; padding:0;} html {} a {color:#2CBC55; 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: 12px;} #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: 18px;} #contentarea ol li {color: #4C6E92; font-family: Arial; font-size: 13px; margin-left: 20px; padding: 0 5px 5px; line-height: 18px;} #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 dashed #D1E0EA; color: #2773B3; 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: 53px; line-height: 0; margin: -2px 0 0 -30px; overflow: hidden; padding: 0; text-indent: -9999px; width: 55px;} .button_submit { background-image:url(../../templates/current/images/button_submit_bkgd.gif); background-repeat: repeat-x; border: 1px solid #2971AD; color: #FFFFFF; cursor: pointer; font-size: 11px; font-weight: bold; height: 23px; padding: 2px 15px; text-shadow: 0 -1px 0 #2971AD;} .button_cancel {background-image:url(../../templates/current/images/button_cancel_bkgd.gif); background-repeat: repeat-x; border: 1px solid #8C8C8C; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 23px; margin-right: 2px; padding: 2px 15px; text-shadow: 0 -1px 0 #8C8C8C;} .button_other {background-image:url(../../templates/current/images/button_other_bkgd.gif);background-repeat: repeat-x; border: 1px solid #4C81AB; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 23px; margin-left: 2px; padding: 2px 15px; text-shadow: 0 1px 0 #4C81AB;} .button_editor{border:1px solid #F6F6EA;} /* 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:90%; 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 -2px; border: medium none; color: #B9B9B9; float: left; font-family: Arial,sans-serif; font-size: 12px; height: 36px; padding: 12px 4px 3px 10px; width: 250px;} .input_invisible {border: 0px solid; color: #2773b3; 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 {font-size: 18px; left: 465px; position: relative; text-align: right; top: -85px; width: 120px; font-weight:bold;} input#term {font-size: 18px; height: 25px; left: 325px; position: relative; text-align: right; top: -70px;width: 260px; font-weight:bold;} .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:#2cbc55; 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: #2773b3;} input#paymentSliderTotalWeekly, input#paymentSliderTotal2Weeks, input#paymentSliderTotal4Weeks input#paymentSliderTotalMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly {display:block; font-size: 16px; font-weight: bold; color: #2773b3;} 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: #9AB1C4; 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 #9AB1C4; border-bottom: 1px solid #9AB1C4; 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 {font-family: Trebuchet MS; height: 20px; padding-bottom: 4px; position: absolute; right: 215px; top: 65px; 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 {margin-top: 29px; position: absolute; right: -125px; top: -71px; width: 335px;} #header-search .input_search {background: url(../../templates/current/images/search_input_bgr.gif) no-repeat scroll left top; border: medium none; color: #93B9D9; float: left; font-size: 12px; 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: 996px; height:100%; text-align: left; margin: auto; /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/ } /*PAGE INNER CONTENT*/ #pageInnerContent {width:996px; height:100%;background: #FFFFFF url(../../templates/current/images/pageInnerContent_top.gif) top left repeat-x; position:relative; top:0px; padding-bottom: 10px; /*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: 126px; left: 0px; overflow: hidden; top: 0px; width: 996px;} #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 {color: #5B699A; font-family: Arial; height: 35px; overflow: hidden; padding: 5px 0 2px; position: relative; 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 {color: #5B699A; font-family: Arial; height: 35px; overflow: hidden; position: relative; width: 100%;} #byline_members .contactdetails {font-family: Arial; font-size: 11px; padding-left: 10px; padding-top: 2px; position: absolute;} #byline_members .contactdetails strong {padding: 4px;} #byline_members .currentdate {right: 18px; padding-top: 2px; position: absolute; color: #4C6E92; font-family: Arial,sans-serif; font-size: 12px;} #byline_members p {font-size:12px; padding-left: 10px;} /* 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;} #mainarea {/*float:left;*/} /* MAIN NAVIGATION MENU */ #mainmenu { position: relative; /*IE, should work for all*/float: left; height: 100%; overflow: visible; text-align: left; padding-bottom: 0px; margin-left:18px; } /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ /*#mainmenu li { padding: 3px; display: list-item; border: 1px solid #e6edf8; margin-bottom: 3px; list-style-type: none; background-color: #fafdff;}*/ /*CURVED MENU IN MOST BROWZERS EXCEPT IE*/ /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ #mainmenu ul {background: none repeat scroll 0 0 ; border: medium none; border-radius: 0; margin: 0 0 0px;} #mainmenu ul li ul li a {font-size:11px; font-weight:normal; color: #3875ab; height:auto;} #mainmenu ul li ul li a:hover{color: white; background: #62b123;} #mainmenu li { position: relative; /*IE, should work for all*/display: list-item;list-style-type: none; background: #16a6e2; float:left; -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;}} #mainmenu li:hover {background-color: #2773b3;} #mainmenu ul li ul {} #mainmenu ul li ul li {border-bottom:0px solid white; background: #F0F4F9;} #mainmenu li:hover {background-color: #2773b3;} #mainmenu a {background: url(../../templates/current/images/menu_divider.gif) no-repeat scroll right top rgba(0, 0, 0, 0); color: #FFFFFF; display: block; font-family: Arial,Geneva,sans-serif; font-size: 15px; font-weight: bold; height: 15px; padding: 12px 31.5px; text-decoration: none; text-shadow: 0 -1px 1px #0091DB; } #mainmenu a:hover {} #homePage #mainmenu {float: none;} /* POP-OUT MENUS */ .popoutmenu {display: none; visibility:hidden; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat; border: 1px solid #CCCCCC;} .popoutmenu li {background:none; display:list-item; width:155px; padding-bottom:5px; border-bottom: 1px solid #CCCCCC;} .popoutmenu a:hover {text-decoration:underline; color:#0099FF;} /* TEXT CONTENT & NAVIGATION CONTAINER */ #contentarea, #memberscontentarea, #directorscontentarea {clear: right; float: right; margin-right: 18px; padding: 0; width: 710px; margin-top: 10px;} #officeAreaPage #contentarea, #directorscontentarea, #memberscontentarea {margin-top:0;} #contentareaoffice {clear: right; float: left; margin-left: 20px; padding: 0; width: 720px;} #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: 18px; font-weight: bold; background-color: #9AB1C4; margin-bottom:20px; font-family: Georgia; } #directorscontentarea .pagetitle_members {s} #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 {} /* 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: 277px; position: absolute; right: 261px; text-align: center; top: 50px; width: 473px; /*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: #FFFFFF; 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: 695px; 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 (YOUTHZONE SIDE MENU) */ #submenu_youth {position: absolute; top: 50px; left: 196px; width: 605px; overflow: visible; background:url(../../templates/current/images/subsections_bkgd.gif) top repeat; text-align: center;} #submenu_youth .title_subsections {float: left; font-size: 10px; color: #999999; line-height: 13px; padding-top: 3px; padding-left: 5px; padding-right: 15px; margin-right:3px; background:url(../../templates/current/images/bullet_greenarrow.gif) right 8px no-repeat;} #submenu_youth li { height: 17px; width: 2%; padding-bottom: 1px; margin-left: 2px; margin-right: 2px; float: left; display: block; white-space: nowrap; border-left: 1px solid #FFFFFF;} /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/ html>body #submenu_youth li {width: auto; height: 21px;} /*CORRECT THE WIDTH/HEIGHT ABOVE WHICH WAS FOR IE5/IE6*/ #submenu_youth a {font-size: 10px; color: #999999; width: 100%; height: 100%; text-decoration: none; display: block; line-height: 13px; padding-top: 3px; padding-left: 5px; padding-right: 5px;} #submenu_youth a:hover {text-decoration: underline;} /* SUBMENU (CONTENT PAGES ONLY) */ #submenu {float: left; margin-bottom: 5px;} #submenu .title_subsections { background: #29BB56; color: #FFFFFF; float: left; font-family: Arial,Geneva,sans-serif; font-size: 16px; font-weight: bold; line-height: 24px; margin-left: 18px; margin-top: 10px; padding-bottom: 6px; padding-left: 15px; padding-top: 6px; width: 215px;} #submenu ul {margin-left:18px; 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 {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 {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; 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 {position: relative; /*IE, should work for all*/float: left; height: 100%; width: 230px; overflow: visible; text-align: left; padding-bottom: 0px; margin-left: 18px;} #adminmenu ul {margin: 0 0 6px;} #mambermenu ul {margin: 0 0 6px;} #membermenu li {/*IE, should work for all*/background-color: #9AB1C4; 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-left: 18px; 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 {position: relative; /*IE, should work for all*/float: left; height: 100%; width: 230px; overflow: visible; text-align: left; padding-bottom: 0px; margin-left: 18px;} #adminmenu ul {margin: 0 0 6px;} #adminmenu li {/*IE, should work for all*/background-color: #9AB1C4; 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: 277px; margin-left: 0px; overflow: hidden; padding-bottom: 0; position: relative; width: 230px; margin-top:10px; background: #2773b3; margin-left: 18px;/*IE, should work for all*/} #modulelinks ul {margin:20px 0 0 0px;} #modulelinks li {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: 1px dotted; color: #FFFFFF; display: block; font-family: Arial,Geneva,sans-serif; font-size: 15px; font-weight: bold; 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 {background:#16a6e2;} #modulelinks_contentpage {height: 257px; margin-left: 0px; overflow: hidden; padding-bottom: 0; position: relative; width: 230px; margin-top:10px; background: #2773b3; margin-left: 18px;} #modulelinks_contentpage ul {margin:10px 0 0 0px;} #modulelinks_contentpage li {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: 1px dotted; color: #FFFFFF; display: block; font-family: Arial,Geneva,sans-serif; font-size: 15px; font-weight: bold; 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 {background:#16a6e2;} /* LOGIN / YOUTHZONE / LIVE CHAT LAYER */ #loginarea { background:url(../../templates/current/images/loginarea_bgr.jpg) top left no-repeat; float: right; height: 277px; position: absolute; right: 18px; top: 50px; width: 230px;} /* USING POSITIONING TO FORCE THE NEWS HEADLINES TO APPEAR AFTER THE LOGIN BUTTONS */ #loginarea img {} #loginarea_contentpage {background: url(../../templates/current/images/loginarea_bgr.jpg) no-repeat scroll left top rgba(0, 0, 0, 0); height: 277px; margin-left: 18px; margin-top: 14px; width: 230px;} #loginarea_contentpage img {} #loginarea a:hover {border: 0px;} /* NEWS HEADLINES */ #newsheadlines {margin-left: 18px; margin-top: 14px; overflow: hidden; padding: 0; width: 230px; font-family: Arial, Helvetica, sans-serif; background:#2773b3; height: 256px;} /* 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: #16a6e2; 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: #16a6e2; font-family: arial; font-size: 13px; line-height: 20px;} #newsheadlines_contentpage {margin-left: 18px; margin-top: 14px; overflow: hidden; padding: 0; width: 230px; font-family: Arial, Helvetica, sans-serif; background:#2773b3; height: 256px;} #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: #16a6e2; 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: #16a6e2; font-family: arial; font-size: 13px; line-height: 20px;} #news_content {height: 170px; margin: 15px 5px 0 18px; position: relative; width: 195px;} #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 { /*IE, should work for all*/ background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; float: left; height: 285px; left: 263px; position: absolute; top: 342px; width: 230px; -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:#2CBC55;} #spotlight2 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; float: left; left: 505px; position: absolute; top: 342px; width: 230px; height:285px; -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:#2CBC55;} #spotlight3 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; float: left; height: 285px; left: 748px; position: absolute; top: 342px; width: 230px; -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:#2CBC55;} #spotlight7 { /*IE, should work for all*/ background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; float: left; left: 263px; position: absolute; top: 636px; width: 230px; height:285px; -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:#2CBC55;} #spotlight8 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; float: left; left: 505px; position: absolute; top: 636px; width: 230px; height:285px; -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:#2CBC55;} #spotlight9 { background:url(../../templates/current/images/spotlight_bgr.jpg) no-repeat; float: left; left: 748px; position: absolute; top: 636px; width: 230px; height:285px; -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:#2CBC55;} .spotlight_container { position: relative; /**/} .spotlight_title {background: #7390B0; position: absolute; top: 81px; width: 230px; 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: 17px; 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: #4c6e92;/*border: solid 1px #00F; */ } .spotlight_text p {color: #446181; font-family: Arial,Geneva,sans-serif; font-size: 12px; line-height: 18px; padding: 0 10px;} .spotlight_text h1 {padding:10px; font-family: Trebuchet MS; font-size: 18px; color: #4e69cd;} .spotlight_image_upload { margin-bottom:52px; background:#FFF; /*border: solid 1px #93F; */} .spotlight_link {background:url(../../templates/current/images/spotlight_link_bgr.gif) no-repeat center left; bottom: 0; font-family: Arial; font-size: 12px; line-height: 22px; position: absolute; text-align: right; width: 215px;} .spotlight_link:hover {} .spotlight_link a {color: #2CBC55; display: block; font-size: 12px; font-weight: bold; left: 0; padding-left: 20px; position: relative;} .spotlight_link a:hover {color: #fd3d09;} /* FOOTER */ #pagefooter { width: 996px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 5px; padding-top: 10px; padding-left: 10px; clear: both; } #pagefooterIndex {margin: 0 auto; position: relative; top: 0px; width: 996px; background:url(../../templates/current/images/footer_bgr.gif) top no-repeat; height:74px; padding-top: 15px;} #pagefooterPublic {margin: 0 auto; position: relative; top: 0px; width: 996px; background:url(../../templates/current/images/footer_bgr.gif) top no-repeat; height:74px; padding-top: 15px;} #pagefooterOther {margin: 0 auto; position: relative; top: 0px; width: 996px; background:url(../../templates/current/images/footer_bgr.gif) top no-repeat; height:74px; padding-top: 25px;} html>body #pagefooter {background-color:#FFF;} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */ .ProgressLogo {float: right; margin-top: 10px; padding-right: 18px;/* border: solid 1px #F00;*/ } #pageInnerFooter { /*position: absolute; bottom: 0px; left: 0px; background-color:#FFF; text-align: center; border: solid 1px #03C;*/} #footerSnIcons{ width: 100%; padding-bottom: 0px; text-align: center;/*border: 1px solid #F00;*/} #footerSnTxt { color: #09C;} #footerDetails{ color: #4C6E92; float: left; font-size: 11px; padding-left: 20px; text-decoration: none;/*border: 1px solid #0FF;*/} #footer-cu-logo {display:none;} #pagefooterAlternative{ left: 5px; position: absolute; top: 32px;} #fsrnTextAlternative { color: #446181; font-size: 11px; font-style: italic; padding-left: 15px; text-align: left; width: 100%;} html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */ #OfficeAreaPage #pagefooter {} /* FOOTER - CONTENT AND OTHER PAGES*/ #pagefooterOther a {} /*FOOTER FOR EMAIL ONLY*/ #pageFooterEmail{} /* PRIVACY POLICY */ #divTermsFooterLink, #divPrivacyFooterLink {width:120px; position:absolute; top:80px; right:10px; padding: 10px 0 20px;} #divPrivacyFooterLink {right: 130px; width: 100px;} #divTermsFooterLink a, #divPrivacyFooterLink a {font-size:11px; text-decoration:none;} #divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover { color: #FF5A00; 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;} /* 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: 11px; line-height:14px;} .Lost_bkgd a {font-size: 11px;} .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: 11px; line-height:14px;} .register a {font-size: 11px;} .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: 11px; line-height:14px;} .security a {font-size: 11px;} .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: 11px; line-height:14px;} .problems a {font-size: 11px;} .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: 11px; line-height:14px;} .browzer a {font-size: 11px;} .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: 11px;} /*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 - 6 DIGIT--------------------------------------------------------------------------------*/ .mainContainerbkgd {background-color:#F0F4F9; width: auto; height: auto; text-align:right;} .mainContainer {float: left; background-color:#F0F4F9; width: 100%; height:auto; text-align:right;/*margin-right: 205px;*/ margin-right:5px; padding-bottom: 20px; border-top: 1px solid #9AB1C4; border-bottom: 1px solid #9AB1C4; padding-top: 20px;} .memContainer{} .alert, #AlertPanelPIN { border-left: 1px dotted #9AB1C4; float: right; height: 153px; margin-left: 15px; margin-right: 10px; padding-left: 15px; text-align: left; width: 180px; font-size:11px;} #AlertPanelPIN {border-left:none; margin-left:0; width:190px;} .memContText {color: #4c6e92; font-family: Arial; font-size: 13px; padding-bottom: 14px;} .memberNumberTxt {float:left;font-weight:bold; padding-left: 245px; color: #4c6e92; margin-top: 7px;} .securityPasswordTxt {float:left;font-weight:bold; padding-left: 230px; color: #4c6e92;} .memNumForm { padding: 5px 0 0;} .secPassForm {padding-bottom:10px; padding-right:0px;} .secPassBut {padding: 5px 0px;} .noMemberNumber, .noMemberNumber2 {font-size:11px; line-height: 28px; white-space:nowrap;} .noMemberNumber2 {line-height:24px; padding-bottom: 5px;} /* 2nd Login Screen */ .memberNumberTxt2 {float: left; margin-top: 3px; width: 255px;} .memNumForm2 {} #dobContRand3 {padding:12px 0;} .dobInputTxtRand3_2 {float: left; margin-top: 2px; width: 340px;} .pinContRand3 {} .insertRandomPin3 {float: left; width: 275px;} /*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 - 6 DIGIT - SECURITY CHECK----------------------------------------------------------------*/ .mainContainerbkgdPin {background-color:#F0F4F9; width: auto; height: auto; text-align:right;} .mainContainerPin {background-color:#F0F4F9;width: auto;height: auto;text-align:right;margin-right: 170px;padding-right:5px;border-right-style:dotted;border-right-width: 1px;border-right-color: #CCC;} .pinContText {/*padding-bottom: 20px; padding-top:10px;*/} .pinNumberTxt {float:left;font-weight:bold; padding-left: 142px;} .dobPasswordTxt {float:left;font-weight:bold; padding-left: 140px;} .memContainer{} .dobContainer {} .pinNumForm {padding-bottom: 0px; padding-right:0px;} .inPassBut {padding-bottom: 10px} /*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 / 6 DIGIT PIN --------------------------------------------------------------------*/ .mainContbkgdSec2 {background-color:#F0F4F9; width: auto; height: auto; text-align:right;} .mainContSec2{ background-color:#F0F4F9;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: 170px; padding-bottom: 5px; padding-top: 2px; } .secPassField2{padding-bottom: 0px; padding-right:0px; padding-bottom: 5px;} /*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V3.4 / 3 DIGIT PIN RANDOM---------------------------------------------------------------------*/ .mainContbkgdPin2 {overflow: hidden; width: 100%; height: 100%; background-color:#F0F4F9; } .mainContPin2 {overflow: hidden; width: 100%; height: 100% ;text-align:right; margin-right: 50px; padding-top: 10px; background-color:#F0F4F9; border-right-style:dotted; border-right-width: 1px; border-right-color: #CCC; } .infoCont { position: relative; top: 25px; left:-370px; font-size:9px; color: #000; border: #999 solid 1px; background-color:#D8D8D8; padding-left:5px; float: right; width: 54%; height: 10px; clear: both; height: auto; margin-top: 0px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);} .memContainer2{} .pinContainer2{} .dobContainer2{} .memNumberTxt2{float: left; padding-bottom: 5px; width: 48%; height: 20px; } .pinNumberTxt2 {float: left; padding-bottom: 5px; width: 48%; height: 20px; } .dobPassTxt2 {float: left; padding-bottom: 5px; width: 48%; height: 20px; } .memNumField2{float: right; padding-bottom: 5px; text-align: left; width: 52%; height: 20px;} .pinNumField2 {float: right; padding-bottom: 5px; text-align: left; width: 52%; height: 20px;} .dobField2 {float: right; padding-bottom: 5px; text-align: left; width: 52%; height: 20px;} .logPassBut2 {float: right; width: 100%; margin-right: 185px;} /* 3 DIGIT PIN RANDOM - SECURITY CHECK ----------------------------------------------------*/ .mainContbkgdRand3 { background-color:#F0F4F9; padding-top: 10px; width: auto; height: auto; text-align:right; /*border: solid 1px #F00;*/} .mainContRand3 {background-color:#F0F4F9; width: auto; height: auto; text-align:right; margin-right: 215px; padding-right:15px; padding-top: 0px; border-right-style:dotted;border-right-width: 1px; border-right-color: #9AB1C4; /*border: solid 1px #0F0;*/} .dobContRand3 {} .rand3PinTxt{color: #4c6e92; float: left; padding-left: 278px;} .dobInputTxtRand3 {float: left; padding-left: 200px; padding-top: 8px; color: #4c6e92;} .pinNumFormRand3 { height: auto; padding-top: 5px; /*border: solid 1px #F00;*/} .pinPassButRand3 {padding-bottom: 0px; } /*NEW RANDOM 3 DIGIT PIN---------------------------------------------------------------------------*/ .mainContbkgd3 { background-color:#F0F4F9; padding-top: 15px; width: auto; height: auto; padding-bottom:15px; text-align:right; border-top:1px solid #9AB1C4; border-bottom:1px solid #9AB1C4; /*border: solid 1px #F00;*/} .insertRandomPin3 {} .dobForm3 {padding-bottom: 10px; padding-right: 0; padding-top: 5px;} /*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/ #pageInContOff{ position: relative; width:770px; height:100%; padding-top: 5px; background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/} #pageInContOff:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterOff { position: relative; width: 775px; height: 16px; left:-5px; margin:auto; text-align:center; font-size:10px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(../templates/current/PIE.htc);} #pagefooterOff a { color: #69C; font-size:10px;} .officeLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 20px; background-color:#F0F4F9; border-top: 1px solid #9AB1C4; border-bottom: 1px solid #9AB1C4;} .officeTxtAlertCont{ float: right; width: 0%; height: 100%;} .officeLogContInner{ position: relative; width: 100%; height: 100%;} /*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/ #pageInContDir{ background-color: #FFF;} #pageInContDir :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterDir { position: relative; width: 775px; height: 16px; left:-5px; margin:auto; text-align:center; font-size:10px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(../templates/current/PIE.htc);} #pagefooterDir a { color: #69C; font-size:10px;} .directLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 20px; background-color:#F0F4F9; border-top: 1px solid #9AB1C4; border-bottom: 1px solid #9AB1C4;} .dirTxtAlertCont{ float: right; width: 0%; height: 100%;} .dirLogContInner{ position: relative; width: 100%; height: 100%;} /*GRAPHIC INFORMATION BOXES BELOW DIRECTORS LOGIN------------------------------*/ .dirInfoCont{ position: relative; width: 80%; height: 110px; padding-top: 10px; } .dirInfoSect1{ float: left; width: 5%; height: 25px;} .dirInfoSect2{ float: left; width: 5%; height: 25px;} .dirInfoTxt1{ float: right; width: 94%; height: 25px; } .dirInfoTxt2{ float: right; width: 94%; height: 25px;} /*USER AREA LOGIN-------------------------------------------------------------------------------------*/ #pageInContUser{ position: relative; width:770px; height:100%; padding-top: 5px; background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/} #pageInContUser :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterUser {margin:auto; width: 770px; color:#FFF; text-align: right;} #pagefooterUser a { color: #FFF;} .userLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F4F9;} .userTxtAlertCont{float: right; width: 0%; height: 100%;} .userLogContInner{position: relative; width: 100%; height: 100%;} /*REPRESENTATIVES AREA LOGIN------------------------------------------------------------*/ #pageInContRep{ position: relative; width:770px; height:100%; padding-top: 5px; background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/} #pageInContRep :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterRep {margin:auto; width: 770px; color:#FFF; text-align: right;} #pagefooterRep a { color: #FFF;} .repLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F4F9;} .repTxtAlertCont{float: right; width: 0%; height: 100%;} .repLogContInner{position: relative; width: 100%; height: 100%;} /*VOLUNTEERS AREA LOGIN------------------------------------------------------------*/ #pageInContVol{ position: relative; width:770px; height:100%; padding-top: 5px; background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/} #pageInContVol :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterVol {margin:auto; width: 770px; color:#FFF; text-align: right;} #pagefooterVol a { color: #FFF;} .volLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F4F9;} .volTxtAlertCont{float: right; width: 0%; height: 100%;} .volLogContInner{position: relative; width: 100%; height: 100%;} /*WEBTELLER AREA LOGIN --------------------------------------------------------------*/ #pageInContWeb{ position: relative; width:770px; height:100%; padding-top: 5px; background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/} #pageInContWeb :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;} #pagefooterWeb {margin:auto; width: 770px; color:#FFF; text-align: right;} #pagefooterWeb a { color: #FFF;} .webLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F4F9;} .webTxtAlertCont{ float: right; width: 0%; height: 100%;} .webLogContInner{ position: relative; width: 100%; height: 100%;} /*LOST YOUR PIN---------------------------------------------------------------------------*/ .lostPinCont { position: relative; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F4F9;} .lostPinTxtAlertCont{float: right; width: 0%; height: 100%;} .lostPinContInner{ position: relative; width: 100%; height: 100%;} .lostPinTxt{ padding-left: 10px; padding-bottom: 5px; } /* UNIVERSAL LOGIN CODE----------------------------------------------------------------*/ .userTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .passwordTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .emailTxt{float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;} .enterCode{ position: relative; top: 30px; float: left; width: 38%; padding: 3px; text-align: right;} .userInputShort{ float:right; width: 59%; height: 20px; padding: 3px;} .passwordInputShort{ float: right; width: 59%; height: 20px; padding: 3px;} .emailInput{float: right; width: 59%; height: 20px; padding: 3px; } .enterCodeInputShort{float: right; width: 59%; height: 30px; padding: 3px; padding-bottom: 5px; } .captchaGraphic{ float: right; width:59%; height: 80px; padding-top: 10px; } .logButtin{float: right; width: 59%; text-align: left; padding: 3px;} /*HORIZONTAL RULE------------------------------------*/ #horzRule { width: 94%; height: 5px; padding-bottom: 0px; background-color:#EEE; border-top: dotted 1px #CCC; border-bottom: dotted 1px #CCC; } /* REMOVE SKYPE INJECTED MARKUP (Only works sometimes) -------------------------------------*/ span.skype_pnh_container { display: none !important; } span.skype_pnh_print_container { display: none !important; } /*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;}