/*
--------------------
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 */
body{ font-family:Arial, Helvetica, sans-serif;  font-size: 14px; color:#444;  background-color: #fff; background-repeat:repeat-x; background-image: url(images/bkgd_gradient.gif); background-position: top; line-height:140%; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */}
* {margin:0; padding:0;}
html {}
li {}
ul { }
a {color:#e31319; font-size:14px; text-decoration:none;}
a:hover {color:#e31319;}
hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #FFFFFF;}
#contentareaoffice hr {display:none;}
strong {font-weight:bold;}
iframe { width:100%; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif;  font-size: 13px; color:#444444;}
iframe#iView {height:450px;}
iframe.spotlightnew {border: 1px dotted #CCCC99; width: 200px; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif;  font-size: 13px; color:#444444; height: 100px;}
img {border: none;}
p {font-size: 14px; line-height: 22px; margin-bottom: 10px;}
acronym {cursor: help; border-bottom: 1px dotted #CCCCCC;}
font, td {font-size: 12px;}
td.membership {background: none repeat scroll 0 0 #63aa1d; color: #FFFFFF; padding: 4px 6px;}
td.membership_text {padding: 10px 7px; border-top: 1px solid #63aa1d; border-bottom: 1px solid #63aa1d;}
td.membership_text p {font-size:12px;}
td.membership_img {border-top: 1px solid #63aa1d; border-bottom: 1px solid #63aa1d;}
em, small {color: #444444;}
small a {color: #3E8CCC; font-size:11px;}
small a:hover {color:darkOrange;}
tr#TemplateRow1 {display:none;}
#submenuBreadcrumbs {display:none;}

/*td p {padding:0 7px;}
td b {color:#ffffff; padding: 0 5px; line-height: 20px;}
td li {font-size: 12px;}
td strong {font-size: 14px;}
td.bodytext {padding:7px;}
table {}
p.quote {padding-left:150px; background:url(../../templates/current/images/quote.gif) no-repeat 20px center;}
img.pdf {vertical-align: top;}*/


/* 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: 40%; 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; height:100%; position:relative; width:auto;}
#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;}

/* HEADINGS */
h1 {font-size: 16px; font-weight: bold; padding-bottom: 5px; color: #69C;}
h2 {border-bottom: 2px solid #444;
    color: #444444;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0px;
    padding-bottom: 5px;}
#contentareaoffice h2 {border-bottom:none; padding-bottom:10px;}
h3 {font-size:16px; color:#e31319; }
h4 {font-size:16px; color:#e31319; padding-bottom:5px; border-bottom: 2px solid #e31319; }
h5 {font-size:16px; color:#e31319; padding-bottom:5px; }
h6 {font-size: 9px; font-weight: bold; padding-bottom: 15px;}


/* COMMONLY USED CLASSES */
.required {font-size: 11px; font-weight: bold;color: #CC0000;}
.informational {color: #93A9BD; font-size: 11px; letter-spacing: 1px; margin-right: 3px; width: 520px; float:right;}
#bankingPinConfirm .informational {color: #93A9BD; float: right; font-size: 11px; left: 25px; letter-spacing: 1px; margin-right: 3px; position: relative; top: 2px;}
.largeFont {font-size:14px; font-weight: bold; color:#3E8CCC; }
.lighttext {color: #999999;}
.smallfont{ color: #999999; font-size: 11px; line-height: 20px;}
.smallfont a {font-size:11px;}
small {font-size:11px;}
small a{font-size:11px;}
.SmallGreenText { font-size: 18px; color: #5aaa0c; font-style: italic;}


/* BUTTONS */
.button_search { position: relative; background-image: url(images/button_search_bkgd.gif); background-repeat:repeat-x; width: 76px; padding-left: 0px; border: 0px; margin: -3px 0 0 -26px; color:#FFFFFF; text-align: left; font-weight:bold; cursor:pointer; height:28px; padding-left: 19px;}
/* JOAO 19/09/2013 DO NOT REMOVE .BUTTON_ENCRYPT CLASS FROM HERE.  */
.button_submit, .button_decrypt { background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
border: 1px solid #6fa401; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px;  behavior: url(templates/current/PIE.htc);  color: #FFFFFF; cursor: pointer;  font-weight: bold; height: 30px; margin-left: 2px; margin-right: 2px;  padding-left: 15px;  padding-right: 15px; text-shadow: -1px 0 1px #577e06; margin: 0;}
.button_cancel { background: #f4b3a8; /* Old browsers */
background: -moz-linear-gradient(top,  #f4b3a8 0%, #f16f5c 50%, #f6290c 51%, #f02f17 59%, #ef8173 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4b3a8), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(59%,#f02f17), color-stop(100%,#ef8173)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* IE10+ */
background: linear-gradient(top,  #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b3a8', endColorstr='#ef8173',GradientType=0 ); /* IE6-9 */

 border: 1px solid #da5340; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px;  behavior: url(templates/current/PIE.htc);  color: #FFFFFF; cursor: pointer;  font-weight: bold;  height: 30px;  margin-left: 2px;  margin-right: 2px;  padding-left: 15px;  padding-right: 15px;  text-shadow: -1px 0 1px #c01700; /*margin: 10px 0 10px 0;*/}
.button_other {background: #b7deed; /* Old browsers */
background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */
background: linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
 border: 1px solid #2fb8e4; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px;  behavior: url(templates/current/PIE.htc);  color: #FFFFFF; cursor: pointer;  font-weight: bold;  height: 30px;  margin-left: 2px;  margin-right: 2px;  padding-left: 15px;  padding-right: 15px;  text-shadow: -1px 0 1px #2b6f85;}
.button_editor{ border:1px solid #F6F6EA;}
.button_hidden{display:none}
.tabletitleprint {float: right; width: 100px;}


/* FORM FIELDS */
input,select {color: #444444; font-size: 14px; font-family: Arial, Verdana, Geneva, sans-serif; vertical-align: middle; padding:2px 4px 3px;}
input#File1 { position: relative; width: 250px; padding-top: 5px; background-image: url(images/input_file.jpg);background-color: #f1f1ef; height: 25px; margin: 0; border: 1px solid #c9d0dd; /*-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 {width: 180px; border: 1px #a6bbcd solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px;}
.input_long {width: 370px; border: 1px #a6bbcd solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px;}
.input_short {width: 110px;border: 1px #a6bbcd solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px;}
.input_shorter {width: 60px; border: 1px #a6bbcd solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px;}
.input_multiline {width: 189px; height: 100px; border: 1px #a6bbcd solid;font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444;}
.input_multiLarge {width: 280px; height: 160px; border: 1px #a6bbcd solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px;}
.input_nosize {border: 1px #a6bbcd solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px; width:90%;}
.input_2char {width: 20px; border: 1px #a6bbcd solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px;}
.input_3char {width: 30px; border: 1px #a6bbcd solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px;}
.input_4char {width: 40px; border: 1px #a6bbcd solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px;}
.input_search {height:13px; width: 90px; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px 3px;}
.input_invisible {border: 0px solid; color: #444444; font: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: transparent; height: 18px; vertical-align: middle; padding:3px 4px 3px;}
.input_editor_title {font-size:16px; color: #444444; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #a6bbcd solid; width: 300px; padding:3px 4px 3px;}
.input_editor_subtitle {font-size:12px; color: #444444; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #a6bbcd solid; width: 300px; padding:3px 4px 3px;}
.input_webteller {width: 120px; border: 1px #a6bbcd solid; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; color: #444444; text-align: right; padding:3px 4px 3px;}
input[type='checkbox'] {margin-right:3px;}


/* LOAN CALCULATOR SLIDER */ 
input#amountHome {font-size: 16px; height: 25px; left: 290px; position: relative; text-align: right; top: -105px; width: 230px; color: #8B172C;}
input#termHome {font-size: 16px; left: 290px; position: relative; text-align: right; top: -75px; width: 230px; color:#8B172C;}
select#intrateDDLHome {margin:-1px 0 50px 20px; width: 160px;}
input#aprHome {border-bottom: 1px dotted #7D869E; font-size: 19px; width: 99%; padding: 5px 0px 7px; font-weight: bold; color:#51901e;margin-bottom: 3px;}
ul#sliderValuesListHome {color: #7D869E; font-family: Verdana; font-size: 12px; padding-left: 0; line-height:20px; width: 100%; margin-bottom:15px; border-bottom: 1px dotted; height: 45px; }
ul#sliderValuesListHome li {list-style:none;  padding-left:8px; display:inline;}
#sliderTermWrapperHome {}
input#paymentSliderWeeklyHome, 
input#paymentSlider2WeeksHome, 
input#paymentSlider4WeeksHome, 
input#paymentSliderMonthlyHome, 
input#paymentSliderTotal4WeeksHome, 
input#paymentSliderTotalMonthlyHome,
input#paymentSliderTotalWeeklyHome
{display:block; font-size: 16px; font-weight: bold; padding: 0; margin-top: 2px; color: #8B172C; margin-left:0px;}
input#paymentSliderTotalWeeklyHome,
input#paymentSliderTotal2WeeksHome, 
input#paymentSliderTotal4WeeksHome,
input#paymentSliderTotalMonthlyHome,
input#paymentSliderTotal4WeeksHome, 
input#paymentSliderTotalMonthlyHome
{display:block; font-size: 16px; font-weight: bold; color: #51901e;}
input#input#paymentSliderTotalMonthlyHome {float:left;}
span#spanWeekHome, span#span2WeeksHome, span#span4WeeksHome, span#spanMonthHome {float: left;}
#divSliderCalcLoanTypeTextHome {color: #4A546F; float: left;font-size: 13px; font-weight: bold; margin-top: 12px; padding-left: 10px;}
span#spanWeekTotalHome {float:left; display:inline;}
span#span#spanMonthTotalHome {}
span#spanWeekHome {}
span#spanMonthHome{padding-left: 30px; float: left; }
span#spanMonthTotalHome  {float:left;}
#loanSliderContainer {padding-top:25px;}


/* LOAN CALCULATOR - CONTENT AND MEMBERS AREA*/
input#amount { color: #444; font-size: 22px; font-weight: bold; height: 25px;left: 455px; position: relative; text-align: right; top: -95px; width: 100px;}
input#term { color: #444; font-size: 22px; font-weight: bold;height: 25px; left: 305px; position: relative; text-align: right; top: -75px; width: 250px;}
select#intrateDDL {border: 1px dotted #7D869E; color: #51901E; font-size: 12px; font-weight: bold; margin: 10px 0 40px 20px; width: 200px;}
select#intrateDDL option{color: #4A546F; font-size: 12px; font-weight: normal;}
input#apr {border-bottom: 1px dashed #ccc; font-size: 19px; width: 99%; padding: 0px 3px 10px; font-weight: bold; color:#63AA1D; float:left; margin-bottom: 10px;}
ul#sliderValuesList { padding-left: 0; color: #666666; font-family: Arial; font-size: 13px; line-height: 20px;  padding-left: 0 !important; margin-bottom: 10px;}
ul#sliderValuesList li {list-style:none; border-bottom: 1px dashed #ccc; padding: 10px 5px;}
input#paymentSliderWeekly, 
input#paymentSlider2Weeks, 
input#paymentSlider4Weeks, 
input#paymentSliderMonthly, 
input#paymentSliderTotal4Weeks, 
input#paymentSliderTotalMonthly
{display:block; font-size: 18px; font-weight: bold; padding: 0; margin-top: 2px; color: #444;}
input#paymentSliderTotalWeekly,
input#paymentSliderTotal2Weeks, 
input#paymentSliderTotal4Weeks
input#paymentSliderTotalMonthly,
input#paymentSliderTotal4Weeks, 
input#paymentSliderTotalMonthly { display:block; font-size: 18px; font-weight: bold; color: #444;}
input#paymentSliderTotalInterestWeekly,
input#paymentSliderTotalInterest2Weeks,
input#paymentSliderTotalInterest4Weeks,
input#paymentSliderTotalInterestMonthly
{display:block; font-size: 18px; font-weight: bold; color: #63AA1D;}
span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 32%;}
#divSliderCalcLoanTypeText {color: #444; float: left;font-size: 13px; font-weight: bold; margin-top: 12px;}
#sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -25px; position: relative; top: 29px;}


/* TABLES */
.tableform, .e-tableform { margin-top: 2px; Margin-bottom: 20px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; border-top: 2px solid #383d87; width: 100%; }
.tableform li, .tableform  a, .tableform p, .e-tableform li, .e-tableform a, .e-tableform p{ font-size: 12px;}
.tableform thead, .e-tableform thead {color: #666; font-size: 9px;}
.tableform thead td, .e-tableform thead td {color: #e31319; font-size: 11px;}
.tableform tbody td, .e-tableform tbody td{font-size: 12px;}
.tableform tfoot, .e-tableform tfoot {color: #828277; font-size: 10px;}
.tableform tfoot td, .e-tableform tfoot td {background-color:#eee; font-size: 12px;}
.tableform .dayColour{background-color:#E2E2D7;}
.tableform td, .e-tableform td {padding: 4px 7px; background-color:#eaeaf2; font-size: 14px; font-family: Arial, Verdana, Geneva, sans-serif;}
.tableform table td {border: none; padding: 0px;}
.tablegrid { background-color:#eaeaf2; margin-top: 0px; border-collapse: separate;  border-spacing: 0px; !important font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; margin-bottom: 0px;}
.tablegrid a {}
.tablegrid thead {color: #999999; font-weight: bold;}
.tablegrid thead td {background-color: #63AA1D; color: #FFFFFF; font-family: Arial,Verdana,Geneva,sans-serif; font-size: 12px;}
.tablegrid td {font-size: 15px; padding: 10px;}
.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;}


/* FORM ARCHIVE */
.tableprint { margin-left: 378px;}


/*PIN MANAGER-----------------------------------------*/
.tabletitle {  background: none repeat scroll 0 0 #383d87; color: #FFFFFF; padding: 5px 6px 4px; font-weight:bold; font-size:14px; /*background-image: url(../../images/essentials/pinform_title_right.gif); /* background-repeat:no-repeat; background-position:right;*/}
/*.tabletitleLeft { padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;    background-image:url(../../images/essentials/pinform_title_left.gif); background-position:left; background-repeat:no-repeat;}*/
.tableformPin {background-color: #dddddd;font-family: Arial, Verdana, Geneva, sans-serif;}
.tableformPinMain { padding-left: 15px; padding-top: 3px; background-color: #E6E6E6;}
.tableformLeft{ padding-left: 15px; background-color: #f3eeee; }
.tableformPinIconsL{ position: relative;padding-left: 0px; background-color: #F3F3F3; vertical-align:middle; text-align: left; border-bottom: 1px solid #E6E6E6;}
.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;  height: 28px;  }
.tableformPinReg { padding-left: 15px; padding-bottom: 3px; padding-top: 3px; background-color: #E2ECF5;}
.tableformPinMembersC { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3; background-image:url(../../images/essentials/member_corner.gif); background-repeat:no-repeat; background-position:right top; }
.tableformPinMembers { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3;}


/* FONT CLASSES FOR PIN MANAGER FORM */
.fontRed {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#F00;}
.fontBlue {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#069; vertical-align: middle; }
.fontBlue a {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#09F; text-decoration: underline;}
.fontBold { font: bold 11px Arial, Verdana, Helvetica, sans-serif; }
.fontGreen { font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#393; }


/* ESTATEMENTS TABLE LAYOUT - WIDE */
.tablewrap_multiple { width: 94%; height: 50%;  border: solid 1px #444; height: auto; }
.tabletitle_multiple { position: relative; width: 94%; clear:both; color: #069; font-weight: bold; font-size: 11px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; /*background-image: url(../../images/essentials/automated_bkgd.jpg);*/  background-color: #E6F2FF; border-top: solid 1px #C4E1FF; border-left: solid 1px #C4E1FF; border-right: solid 1px #C4E1FF; border-bottom: dotted 1px #D6D6D6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);/**/}
.tablewrap_single { width: 94%; border: solid 1px #444; height: auto;}
.tabletitle_single { position: relative; width: 94%; clear:both; color: #666; font-weight: bold; font-size: 11px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px;  background-color: #F0E6EF; /*background-image:url(../../images/essentials/requested_bkgd.jpg);*/ border-top: solid 1px #D0ACCD; border-left: solid 1px #D0ACCD; border-right: solid 1px #D0ACCD; border-bottom: dotted 1px #D0ACCD; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);/**/ }
.tableform2 { margin-bottom: 15px; padding-left: 0px; padding-right: 0px; background-color: #F9F9F9;  border-left: solid 1px #D6D6D6; border-right: solid 1px #D6D6D6; border-bottom: solid 1px #D6D6D6; }
.dropmenu_top { position: relative; width: 93%; height: 20px; margin-left: 0px; padding-left: 10px; margin-right: 5px; padding-top: 5px; padding-bottom: 0px; font-size: 12px; border: solid 1px #E6E6E6; text-align: right; background-image: url(../../images/essentials/estatements_bkgd.gif);  border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);}
.rowseparator {border-bottom: dotted 1px #CCC; height: 15px;}
.required_green { font-weight:bold; color:#393;}
.yeartitle{color: #444; }
.error_notfound { border: solid 1px #0F0; }
.pdf_download {  position: absolute; width: 73%;  padding-left: 0px; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; font-size: 11px; margin-top:0; bottom:13px; left:0;/*background-image: url(../../images/essentials/acrobat_download_bkgd.gif); border: solid 1px #E6E6E6;  border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);*/}
.pdf_image { border-top: 1px dotted #aaaaaa; float: right;  margin-right: 40px; padding-top: 5px; position: absolute;  width: 670px; right:0; bottom:0px; }
.estatements {float:left;}
.button {background:url(../../templates/current/images/estatement_btn.gif) no-repeat; float: right; height: 30px; left: 230px; padding: 0 65px 10px 0; position: absolute; text-indent: -9999px; top: 56px; width: 135px;}
.button a {text-indent:-9999px; display:block; outline: none; padding: 0 95px 15px;}


/* VOLUNTEER AREA ROSTER */
#volCalendar table {border:none;}
#volCalendar thead td {background-color: #F2F2E7; border:1px solid #ffffff; border-collapse:collapse; padding:2px}
#volCalendar td {background-color: #F7F7f2; border-bottom:1px solid #FFFFFF; border-collapse:collapse;}
#volCalendar td span {display: block; height: 100%; width: 0px; padding: 0px; margin: 0px;}
#volCalendar td a {text-decoration: none; display: block;}
#volCalendar .weekDayName {background-color: #F2F2E7;}


/* PASSWORD STRENGTH INDICATOR */
#passwordStrength {height:10px; display:block; float:left;}
.strength1 {width:15px; background-color:#cccccc;}
.strength2 {width:30px; background-color:#ff0000;}
.strength3 {width:60px; background-color:#ff5f5f;}
.strength4 {width:90px; background-color:#56e500;}
.strength5 {width:120px; background-color:#4dcd00;}
.strength6 {width:150px; background-color:#399800;}


/* IMAGE VISIBILITY (OPTIONAL) */
#img_masthead {} 
#custom_button1 {float: left; margin: 7px 6px 0;}
#loginarea_contentpage #custom_button1 {}
#custom_button2 {float: left; margin: 3px 6px;}
#loginarea_contentpage #custom_button2 {}
#custom_button{}
#loginarea_contentpage #custom_button{}
#img_youthzone {} 
#img_newsheadlines {display:none;}
#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(templates/current/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: 660px;}
#container p { padding-bottom: 20px; }
.pagetitle_members { color: #3a4089;
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 20px;
    text-align: left;
    text-shadow: 0 -1px 1px #ffffff;}
  
/*ROW LAYOUT------------------*/
#RowOne { width: 665px; height: 194px;}
#RowTwo { width: 665px; height: 149px;}

/* BOX ATTRIBUTES */
#RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1 { display: inline; color:#003366; font-size: 18px; font-weight: bold; } 
#RowOneBoxOne P, #RowOneBoxTwo P, #RowTwoBoxOne P, #RowTwoBoxTwo P { padding: 0px; padding-right: 10px; padding-top: 10px; font-size: 13px;}
#RowOneBoxOne #LinkBtn a, #RowOneBoxTwo #LinkBtn a, #RowTwoBoxOne #LinkBtn a, #RowTwoBoxTwo #LinkBtn a  { position: absolute; bottom: 15px; font-size: 13px; text-decoration: none; font-weight: bold; color: #C21F62;}
#RowOneBoxOne #LinkBtn a:hover, #RowOneBoxTwo #LinkBtn a:hover, #RowTwoBoxOne #LinkBtn a:hover, #RowTwoBoxTwo #LinkBtn a:hover  {color: #FF4403;}

/* 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; }
#RowOneBoxOne li {list-style:inside;}
#RowOneBoxTwo { position: relative; float: right; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/online_banking_bkgd.jpg); background-repeat: no-repeat; }
#RowTwoBoxOne { position: relative; float: left; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/online_loan_bkgd.jpg); background-repeat: no-repeat; }
#RowTwoBoxTwo { position: relative; float: right; width: 304px; height: 150px; padding-left: 10px; background-image: url(images/loan_calc_bkgd.jpg); background-repeat: no-repeat; }

/* LOGIN CONFIRMATION FORM */

#bankingPinConfirm { width: 500px; height: 200px; background-image: url(images/bg-bankingPinConfirm.jpg); background-repeat: no-repeat; padding: 10px;}
#bankingPinConfirm h1 { margin-bottom: 10px; color: #444;}
#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: #444; }


/* MAIN OUTER CONTAINER LAYER */
#main {text-align: center; width:100%;}


/* PAGE CONTENT LAYER */
#pageContent{position: relative; width:947px; 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:947px; height:100%; margin-left: auto; margin-right: auto; padding-bottom: 15px; }
#pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}


/* MASTHEAD FACILITIES*/
#facilities {height: 20px;  margin-top: 30px; position: absolute; right: 30px; text-align: right; width: 100px; 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;}
#header-sitemap {float: right; width: auto; clear: left; padding-top: 0px; }
#facilities #header-sitemap .divider {display: none;}
#header-search { position: relative; top: -7px; left: -7px;}
#header-search .input_search {height:21px; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #2A536D; padding-top: 7px; background:url(../../templates/current/images/search_bgr.gif) no-repeat; border:none; width:172px; color: #8d9ca7; position:relative;   }

#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:#444; text-decoration: none; display: block; vertical-align:bottom; font-family:Verdana;}
#facilities a:hover {color:#C21F62; text-decoration: underline;}
#facilities .divider {padding-left: 7px; margin-left: 7px; background:url(../../templates/current/images/divider.gif); background-position: left 5px; background-repeat:no-repeat;}
#facilities #helpmenu { background-image: url(../../templates/current/images/help_bgr.gif); background-repeat: no-repeat; border-bottom: 1px solid #444444; float: none; left: 80px; position: absolute; text-align: left; top: 22px; visibility: hidden; width: 161px;}
#facilities #helpmenu ul { margin-top: 5px;}
#facilities #helpmenu a { color: #FFFFFF;  font-family: tahoma;  font-size: 11px; font-weight: normal;  line-height: 22px; padding-left: 5px;  width: 100%;}
#facilities #helpmenu li {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  display: list-item; list-style: none outside none;  padding-left: 0; padding-right: 0; width: 159px;}
#facilities #helpmenu li:hover { background: none repeat scroll 0 0 #222; padding-left: 0; padding-right: 0;}
#facilities #helpmenu a:hover { color: #FFFFFF; text-decoration: none;}


/*Social Networking Icons */
#SocialNet{ position: absolute; right: 0px; top: -5px;  width: auto; z-index: 10; height:30px;}
#SocialNetTxt { display: none; }
#SocialNetIcons {position: relative; float: right; width: auto; height: auto;}
#SocialNetIcons img {}
#SocialNetIcons a { display: inline; }


/* MASTHEAD */
#masthead {position: relative; width:985px; height: 193px; background:url(../../templates/current/images/masthead_bkgd.gif) top repeat-x; margin-left:-20px;}
#masthead .logo { display: none; position: absolute; top: 0px; left: 0px;}
#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: #444;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    left: 570px;
    padding: 20px;
    position: absolute;
    text-align: right;
    top: 70px;
    width: 350px;}


/* 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: url(../../templates/current/images/mainmenu_bgr.png) no-repeat scroll center top rgba(0, 0, 0, 0); height: 47px; margin: 7px auto 10px; text-align: center; width: 947px;}
#byline_members .contactdetails {color: #fff; float: left; left: 10px;  padding-left: 12px; position: relative; top: 13px;}
#byline_members .currentdate {float: right; padding-right: 12px; color: #fff; float: right; right: 10px; padding-left: 12px; position: relative; top: 13px;}


/* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */
#layoutarea { position: relative; width: 940px; margin:0 auto; text-align:left;}


/* MAIN NAVIGATION MENU */
#mainmenu { height: 47px; margin: 7px auto 10px; text-align: center;  background:url(../../templates/current/images/mainmenu_bgr.png) center top no-repeat; width:947px;}
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; height: 47px; padding-bottom: 1px; text-align: left; white-space: nowrap;  display: block;  background:url(../../templates/current/images/menu_divider.gif) top right no-repeat; }  /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/
/*#mainmenu li.first a {background: url(../../templates/current/images/mainmenu_hover.gif) no-repeat center 32px;}*/
#mainmenu li#section76 {background:none;}
#mainmenu li:hover {}
#mainmenu a { /*width: 100%;*/color: #FFFFFF; display: block; font-family: Arial; font-size: 15px; font-weight: bold; line-height: 45px; text-align: center; text-decoration: none; text-shadow: 0 -1px 1px #a20307; margin-left: -10%; }
#mainmenu a:hover { text-decoration: none; background:url(../../templates/current/images/mainmenu_hover.gif) no-repeat center 32px;}
#mainmenu .lastSection {background: 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); margin-top: -1px; background:#7194B2;}
#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; /*border-bottom: 1px dotted #9bda2e; */ font-weight: normal; width:auto; background:#444; }
html>body #mainmenu .popoutmenu li {width: 100%;} /*WIDTH ABOVE SET TO 400% FOR IE5/IE6. THIS LINE CORRECTS THE WIDTH FOR ALL OTHER BROWSERS*/
#mainmenu li .popoutmenu li  a {color: #FFFFFF; display: block; font-family: tahoma; font-size: 11px;  height: auto; font-style: normal; font-weight: normal; line-height: 14px; padding: 7px 0 7px 7px; text-align: left; text-decoration: none; background:none; width: auto; border-bottom:none; margin:0; text-transform: none; text-shadow:none;}
#mainmenu li .popoutmenu li a:hover{text-decoration:none; color:#fff; line-height: 14px; height: auto; background: #222; border-bottom:none; border-top:none; width: auto; margin:0; padding: 7px 0 7px 7px; text-shadow:none;} 


#divFixturesWrapper, #divResultsWrapper { 
	border-bottom: 1px solid #ddd;
    float: left;
    height: 300px;
    margin: 0 auto 30px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 20px;
    position: relative;
    width: 660px;}
iframe#iframeFixtures, iframe#iframeResults{border: medium none;
    float: left;
    height: 10000px;
    margin: -540px auto 0 -250px;
    overflow-x: hidden;
    width: 880px;}




/* TEXT CONTENT & NAVIGATION CONTAINER */
#contentarea, #memberscontentarea{float: right; margin-left: 10px; margin-right: 20px; margin-top: 33px; min-height: 300px; padding-left: 14px; padding-top: 5px; position: relative; width: 660px;}
#contentarea .pagetitle { color: #3a4089; font-family: Arial; font-size: 24px; font-weight: bold; padding: 0 0 20px; text-align: left; text-shadow: 0 -1px 1px #FFFFFF;}
#contentarea .pagecontent { padding: 0px; text-align:left; }
#contentarea ol { margin-bottom: 10px; padding-left: 20px;}
#contentarea ul { margin-bottom: 10px; padding-left: 15px;}
#contentarea ol li {list-style:outside decimal;}
#contentarea li { padding-top:5px;}
#contentarea a {text-decoration: underline;}
#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 { float: right; margin-left: 10px; margin-right: 15px; margin-top: 20px; min-height: 300px; padding-left: 14px; padding-top: 5px; position: relative; width: 680px; }
#contentareaoffice .pagetitle { color: #63AA1D; font-family: Georgia; font-size: 21px; font-weight: bold; padding: 0 0 20px; text-align: left; text-shadow: 0 -1px 1px #FFFFFF; }
#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 {}
#contentareaoffice .pagetitle_members {}
#contentareaoffice .pagecontent_members { position: relative; margin-bottom: 15px; min-height:300px;}
#contentareaoffice .pagecontent_members h3{ }
#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 { margin-right: 10px;} /* 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%; border-left: 1px dotted #DDDDDD; 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: 947px; height: 270px; margin-left: 0px; margin-right: auto; margin-top: 10px; margin-bottom: 7px;  clear: both;  text-align: center;  background: url(../../templates/current/images/flashcontainer_bgr.gif) no-repeat; padding:0 3px;}
#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 { background: url(../../templates/current/images/team_of_the_week.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);  box-sizing: border-box;
    height: 342px;
    left: 619px;
    margin-left: 10px;
    margin-top: 10px;
    outline: medium none;
    overflow: hidden;
    padding: 62px 6px;
    position: absolute;
    top: 340px;
    width: 315px;}

#announcements_content_dynamic h1 {display: none;}
#announcements_content_dynamic h2 {
	border-bottom: medium none;
    box-sizing: border-box;
    font-size: 17px;
    margin-bottom: 0;
    padding: 8px 15px;}
#announcements_content_dynamic p {box-sizing: border-box;
    font-size: 11px;
    line-height: 16px;
    padding: 10px 15px;}
#announcements_login { background-color: #FFFFFF; background-image: url(../../templates/current/images/announce_login_icon.jpg); background-repeat: no-repeat; color: #FFFFFF; float: left; font-family: Georgia; font-size: 13px; font-style: italic; font-weight: bold; line-height: 43px; overflow: visible; padding-left: 85px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); width: 595px;}
#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(templates/current/PIE.htc);}


/* RIGHT CONTAINER/ MODULELINKS/ NEWSHEADLINES/ LOGINAREA*/
#layoutDivide {float: left; height: auto; margin-top: 10px; width: 100%; }
#sidebar #layoutDivide { width: 200px; margin-right: 0 }

/* SUBMENU (CONTENT PAGES ONLY) */
#submenu {background-image: url(../../templates/current/images/submenu_bgr.gif); background-repeat: no-repeat; float: left; margin-bottom: 0; margin-top: 25px; position: relative; width: 210px; margin-left: 15px; min-height:100px;}
#submenu .title_subsections {color: #FFFFFF; font: 15.5px/38px Arial,Verdana,Helvetica,sans-serif; padding-left: 65px;}
#submenu ul {margin-top: 25px; margin-bottom:15px;}
#submenu li {list-style-type: none; padding-left: 10px; }
#submenu li:hover {}
#submenu a {color: #C21F62; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px; padding-left:20px;display:block; padding-top: 3px; padding-bottom:3px;}
#submenu a:hover {background: url(../../templates/current/images/bullet_greenarrowB.gif) no-repeat scroll 0 8px rgba(0, 0, 0, 0); color: #FF4403; text-decoration: none;}

/* SIDEBAR (CONTENT PAGES ONLY) */
#sidebar { margin-bottom: 0px;width: 210px; margin-left: 15px;}
#sidebar .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #396c9e; padding-bottom: 10px;}
#sidebar li {}
#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 li#section7.section_selected { background:none;}
#mainmenu .section_selected :hover  { text-decoration: none; background:url(../../templates/current/images/mainmenu_hover.gif) no-repeat center 33px; }
#mainmenu .section_selected  ul li:hover { background:#5d81a0; }
#mainmenu .section_selected a {text-decoration: none; background:url(../../templates/current/images/mainmenu_hover.gif) no-repeat center 32px;}
#mainmenu .page_selected a {font-weight: bold; background-color: #D5E5F5;}
#submenu .subitem_selected {font-weight: bold;}
#submenu .subitem_selected a {background: url(../../templates/current/images/bullet_greenarrowB.gif) no-repeat scroll 0 9px rgba(0, 0, 0, 0); color: #e31319; text-decoration: none;}

div#submenuCalculator {display: none;}


/* MEMBER AREA */
#membermenu {float: left; margin-bottom: 0; margin-left: 15px; margin-top: 10px; position: relative; width: 200px; background: #63aa1d; }
#membermenu li {list-style-type: none; border-bottom:1px solid #fff; font-size: 12px;}
#membermenu li:hover {background: #888;}
#membermenu a {color: #fff; line-height: 28px; margin-left: 10px; display: block; text-decoration: none; font-weight:bold;}
#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-left: 15px; margin-top: 10px; position: relative; width: 200px; background: #383d87;}
#adminmenu ul {}
#adminmenu li {list-style-type: none; border-bottom:1px solid #fff; font-size: 12px;}
#adminmenu li:hover {background: #e31319;}
#adminmenu li a {color: #fff; line-height: 28px; margin-left: 10px; display: block; text-decoration: none; font-weight:bold;}
#adminmenu li strong {color: #ffffff;font-size: 14px; line-height: 36px;margin-left: 10px;}
#adminmenu ul li ul {width:100%; display:none;}
#adminmenu ul li ul li {background-color: #eaeaf2;
    border-bottom: 1px solid #fff;
    list-style-type: none;
    padding: 5px 3px 5px 6px;}
#adminmenu ul li ul li:hover {background: #cfcfdf;}
#adminmenu ul li ul li a {color: #444;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;}
#adminmenu .expanded {display: inline-block;}






/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#modulelinks { float: left; height: 342px; left: 320px; margin-top: -5px; position: relative; width: 309px; background: url(../../templates/current/images/modulelinks_bgr.gif) no-repeat; }
#modulelinks img {display: none;}
#modulelinks ul {padding-left:10px; margin-top: 80px; }
#modulelinks li { font-size: 14px; list-style-type: none; padding-left: 15px;  }
#modulelinks a {
	background: url(../../templates/current/images/bullet_greenarrowB.gif) no-repeat scroll 0 12px rgba(0, 0, 0, 0);
    color: #e31319;
    display: block;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-top: 7px;}
#modulelinks a:hover {text-decoration:underline; background:url(../../templates/current/images/bullet_greenarrowB.gif) no-repeat 0 12px; }
#modulelinks_contentpage {position: relative; float:left; width: 210px; margin-right: 5px; padding-bottom: 10px; height: auto;  background: url(../../templates/current/images/modulelinks_contentpage_bgr.gif) no-repeat;}
#modulelinks_contentpage img {display:none;}
#modulelinks_contentpage ul {margin: 65px 0 15px;}
#modulelinks_contentpage li {list-style-type: none; padding-left: 10px;}
#modulelinks_contentpage li:hover {}
#modulelinks_contentpage a {background: url(../../templates/current/images/bullet_greenarrow.gif) no-repeat scroll 0 12px rgba(0, 0, 0, 0);
    color: #e31319;
    display: block;
    line-height: 18px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-top: 7px;}
#modulelinks_contentpage a:hover {background: url(../../templates/current/images/bullet_greenarrowB.gif) no-repeat scroll 0 12px rgba(0, 0, 0, 0); text-decoration: underline;}



/* NEWS HEADLINES */
#newsheadlines { float: left; width:320px; height: 342px; margin-top: 10px;
position: absolute; top: 340px; background:url(../../templates/current/images/newsheadlines_bgr.gif) no-repeat;}
/* NEWS HEADLINES */
#newsheadlines a h3 {color: #fff; font-family: Arial; font-size: 16px; line-height: 18px; padding-bottom: 5px; padding-top: 6px; margin-bottom:5px;}
#newsheadlines a:hover h3 {color: #fff; text-decoration:none;}
#newsheadlines a p {color: #fff; font-family: Arial; font-size: 12px; line-height: 18px;}
#newsheadlines a:hover p{color: #fff; text-decoration:underline;}
#newsheadlines #news_content {left: 35px; position: absolute; top: 75px; width: 80%;}
#newsheadlines_contentpage { position: relative; float:left; width: 210px; margin-right: 5px; padding-bottom: 10px; height: 310px;  background: url(../../templates/current/images/newsheadlines_contentpage_bgr.gif) no-repeat;}
#newsheadlines_contentpage a h3 {color: #444; font-family: Arial; font-size: 15px; line-height: 18px; padding-bottom: 10px; padding-top: 6px;}
#newsheadlines_contentpage a:hover h3 {color: #e31319; text-decoration:none;}
#newsheadlines_contentpage a p{color: #444; font-family: Arial; font-size: 12px; line-height: 20px;}
#newsheadlines_contentpage a:hover p {color: #e31319; text-decoration:none;}
#newsheadlines_contentpage #news_content {margin-left: 10px; margin-top: 53px; width: 90%;}
#newsheadlines .newslinks a {}
#newsheadlines_contentpage .newslinks a {}


/* 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 {  background:url(../../templates/current/images/loginarea_bgr.gif) no-repeat; float: right; height: 107px; padding-right: 3px; position: absolute; right: 0px; text-align: right; top: -135px; width: 277px;}
#loginarea img {}
#loginarea_contentpage { background:url(../../templates/current/images/loginarea_bgr.gif) no-repeat; float: right; height: 107px; padding-right: 3px; position: absolute; right: 0px; text-align: right; top: -135px; width: 277px;}/*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 {background: url(../../templates/current/images/spotlight_bgr.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 solid #B4C5D6; float: left; height: 288px; margin: 20px 0 0px 16px; position: relative; width: 298px; display:none; }
#spotlight2 {background: url(../../templates/current/images/spotlight_bgr.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 solid #B4C5D6; float: left; height: 288px; margin: 20px 0 0px 11px; position: relative; width: 298px; display:none; }
#spotlight3 {background: url(../../templates/current/images/spotlight_bgr.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 solid #B4C5D6; float: left; height: 288px; margin: 20px 0 0px 11px; position: relative; width: 298px; display:none; }
#spotlight7 {position: relative; float: left;  width:305px; margin-bottom: 20px; margin-left: 20px; margin-right: 0px; border: solid 0px #b4c5d6; display:none;}
#spotlight8 {position: relative; float: left;  width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; display:none;}
#spotlight9 {position: relative; float: left;  width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; display:none;}
.spotlight_title { position: relative; width: 298px;  padding-top:18px; margin-bottom: 10px;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/
.spotlight_title h4 { color: #444444; font-size: 20px; padding-bottom: 10px; padding-left: 10px; text-align: left;}
.spotlight_container { position: relative; top: -5px; height: 215px; padding-left: 1px; padding-right: 0px; padding-top: 0px; }
.spotlight_text {  font-size: 10px; height: 207; left: 0; padding: 10px; position: relative; top: 0; width: 94%; }
.spotlight_text p {color: #444444; font-size: 12px; line-height: 18px;}
.spotlight_image_upload { position: relative; float:right; top: 0px; width:auto; height: auto;  margin-bottom:20px;}
.spotlight_link { bottom: -10px; height: 14px; left: 0; padding: 3px; position: absolute; text-align: right; width: 94%;}
.spotlight_link a { color: #C21F62; font-family: georgia; font-style: italic;  font-weight: bold;  background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat scroll right 4px rgba(0, 0, 0, 0); padding-right: 12px; } 
.spotlight_link a:hover {color: #FF4403; text-decoration:underline; background:url(../../templates/current/images/bullet_greenarrowB.gif) no-repeat scroll right 4px rgba(0, 0, 0, 0); }

/* 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:#444555; position:absolute; bottom: 47px; left: 17px; }
#lyrCookieConsent h2 { font-size:16px; text-shadow: -1px 0 1px white; }
#lyrCookieConsent p { text-align: left; color: #444555; font-family: Arial; font-size: 12px; margin-bottom: 7px; }


/* FOOTER */
#pagefooterOuterIndex {background:url(../../templates/current/images/footer_outside_bgr.gif) repeat-x; height:140px; margin:0 auto;}
#pagefooterIndex { position: relative; width: 947px; height: 70px; margin: 0px auto 0; padding-top: 0px; padding-left: 0px;  clear: both; padding-top:0px; background:url(../../templates/current/images/footer_bgr.png) no-repeat; position:relative; left:4px;}
#pagefooterOuterPublic {background:url(../../templates/current/images/footer_outside_bgr.gif) repeat-x; height:140px; margin:0 auto;}
#pagefooterPublic { position: relative; width: 947px; height: 70px; margin: 0px auto 0; padding-top: 0px; padding-left: 0px;  clear: both; padding-top:0px; background:url(../../templates/current/images/footer_bgr.png) no-repeat; position:relative; left:4px;}
#pagefooterOuterOther {background:url(../../templates/current/images/footer_outside_bgr.gif) repeat-x; height:140px; margin:0 auto;}
#pagefooterOther { position: relative; width: 947px; height: 70px; margin: 0px auto 0; padding-top: 0px; padding-left: 0px;  clear: both; padding-top:0px; background:url(../../templates/current/images/footer_bgr.png) no-repeat; position:relative; left:4px; display:none;}
#pagefooterOther a { color: #ffffff; font-size:11px;}
html>body #pagefooter { background-color: #FFF;}
.ProgressLogo {position: absolute; top: 27px; right:25px;}
#footerDetails{ color: #FFFFFF; float: left; font-family: Verdana; font-size: 11px; margin-left: 22px; margin-top: 25px; text-align: left; text-decoration: none; width: 90%; display:none;}
#fsrnTextOff{ float: left;  color: #666; text-decoration: none; font-size:10px; text-align: left; padding-left: 10x; margin-top: 34px;}
#pagefooterAlternative{ float: left; width: 750px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 7px; text-align: left; font-size: 10px; color: #666; clear: both; }
#fsrnTextAlternative{color: #fff;
    float: left;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    margin-left: 15px;
    padding-left: 0;
    text-align: left;
    text-decoration: none;}
html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */
#divCustomFooterLink, #divCustomFooterLink2 {width:80px; position:absolute; top:80px; right:20px;}
#divCustomFooterLink2 {right: 100px; width: 130px;}
#divCustomFooterLink a, #divCustomFooterLink2 a {font-size:11px; text-decoration:underline; color: #444;}
#divCustomFooterLink a:hover, #divCustomFooterLink2 a:hover { color: #C21F62;}

/*Social Networking Icons Footer*/
#SocialNetFooter{ display: none; position: relative; float: left; z-index: 10; width: 170px; height: auto; top: 0px; left: 0px;}
#SocialNetTxt { position: relative; float: left; color:#444; font-size: 11px; width: 70px; }
#SocialNetIcons { position: relative; float:left; width: 100px; height:auto;}
#SocialNetIcons img { list-style-image:none; /*border: 1px solid #FF0;*/ }
#SocialNetIcons a { display: inline; }
#membersAreaPage #SocialNet {display:none;}


/*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: 11px; line-height: 14px;display:none;}
.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: 10px; font-size: 11px; line-height: 14px;display:none;}
.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: 10px; font-size: 11px; line-height: 14px; display:none;}
.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: 10px; font-size: 11px; line-height: 14px;display:none;}
.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: 10px; font-size: 11px; line-height: 14px;display:none;}
.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;}


/*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{position: relative; width: 100%; height: 230px; padding-top: 10px; padding-bottom: 0px; background-color:#eaeaf2; border-bottom: 1px solid #383d87; border-top: 1px solid #383d87;}
.officeTxtAlertCont, .dirTxtAlertCont, .userTxtAlertCont, .repTxtAlertCont, .volTxtAlertCont, .webTxtAlertCont { float: right; width: 0%; height: 100%; font-size: 11px;}
.officeLogContInner, .dirLogContInner, .directLogCont, .userLogContInner, .repLogContInner, .volLogContInner, .webLogContInner { position: relative; width: 100%;  height: 100%; font-size: 12px;}
.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; margin-top: 10px;}

/* PIN MEMBER LOGIN -----------------------------------------------------------------------------------*/

/*-----v4.4 LOGIN*/
.mainContainerbkgd , .mainContbkgd3, .mainContbkgdPin2, .mainContbkgdSec2, .mainContbkgdSec2 { position: relative; font-size: 13px; width: 100%; height: 100%;  padding:0; background-color:#eee; border-top: 1px solid #63AA1D; border-bottom: 1px solid #63AA1D; 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 #ccc; }
.alert {}
.infoCont {}
.memContText {padding:0 0 10px 0px;}
.memberNumberTxt {float:left; text-align: right; font-weight:bold; padding-left: 210px;}
.securityPasswordTxt {float:left; font-weight:bold; padding-left: 310px;}
.secPassBut {padding-top: 10px}
.rand3PinTxt{float: left; padding-left: 238px; }
.dobInputTxtRand3 {float: left; padding-left: 160px;}
.dobForm3, .pinPassButRand3  {}
#bankingPinConfirm .button_submit {float: left; margin-top: 10px;}
.input_2char { }
/*-----v3.4 LOGIN*/
.mainContPin2 {padding: 20px 10px 10px 10px; text-align: right; height: 100%;}
.memContainer2, .pinContainer2, .dobContainer2, .secContainer2, .secPassField2{}
.memNumField2, .pinNumField2, .dobField2 {float: right; padding-bottom: 5px; text-align: left; width: 40%; height: 20px;}
.memNumberTxt2, .pinNumberTxt2, .dobPassTxt2  {float: left; padding-bottom: 7px;  width: 58%; height: 20px; }
.logPassBut2 {float: right; }
.secPassTxt2 {float:left;font-weight:bold; padding-left: 320px;}
.memberNumberTxt2 {float: left; line-height: 23px; width: 240px;}
.dobInputTxtRand3_2 {float: left; line-height: 23px; width: 320px;}
.insertRandomPin3 {float: left; line-height: 23px; margin-right: 20px; width: 210px;}
#bankingPinConfirm .insertRandomPin3 {float: left; line-height: 23px; margin-right: 20px; width: 80px;}

.memNumForm2,
#dobContRand3,
.pinContRand3,
.noMemberNumber2 {padding:0 0 10px;}
.pinNumFormRand3 {float:right;}

#AlertPanelPIN {font-size: 12px; line-height: 18px; position: absolute; right: 10px; top: 15px; width: 180px;}
#AlertPanelPIN a {font-size:12px;}
.noMemberNumber a {font-size:11px; line-height:30px;}
.noMemberNumber2 a {font-size:11px; line-height:20px;}

#AlertPanelMemNo { color: #444; font-family: Arial; font-size: 12px; line-height: 16px; margin-top: 0; position: absolute; right: 5px; text-align: left; width: 180px;}

/*-----------------------------------------------------------------------------------*/


/*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 { margin-left: 30px; position: relative; text-align: left; }
ol#pagination li { display: inline-block; width: 16px; height: 16px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 0;
text-align: left; text-indent: -8000px; list-style: none; cursor: pointer; margin: 0 2px; position: relative; top: -33px; left: 0px; }
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: -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 -84px; }
ol#pagination li.next { position: absolute; left: 595px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -48px; }