/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is required to copy or use any documents from this website
--------------------
*/

#pp_full_res iframe { overflow: auto !important; }

/* HTML TAG RE-DEFINITIONS */
html {font-size:1em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */}
body{ font-family:Arial, Helvetica, sans-serif; font-size: .9em; color:#444444; background-color: #005c81; line-height:140%; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */}
body.noscroll { position: fixed;  overflow-y: auto; width: 100%;}
* {margin:0; padding:0; }

/* GENERAL LIST */
ul {}
li {font-size: 1em;}


/* GENERAL LINKS */
a {color:#006980; text-decoration:none; }
a:hover {text-decoration:none; color:#d73117; }


/* OTHER USEFUL ELEMENTS & CLASSES */
hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dashed #e6e7e8; border-bottom: 1px dotted #FFFFFF; }
strong {font-weight:bold; }
iframe {border: 1px dotted #e6e7e8C99; width:100%; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#444444444444; }
iframe.spotlightnew {border: 1px dotted #e6e7e8C99; width: 200px; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#444444444444; height: 100px; }
img {border: none; height: auto; }
p {margin-bottom: 10px; font-size: 1em; }
acronym {cursor: help; border-bottom: 1px dotted #e6e7e8e6e7e8; }
font, td {font-size: 1em; }
table.membership {margin-bottom:0px; margin-top: 10px;}
table.membership td {background: #d73117; color: white; font-weight: bold; padding: 3px 10px;}
td.membership_table {background: #e6e7e8; border-top: 2px solid #d73117; float: left; font-size: 0.9em; margin: 0 0 10px; padding: 15px 10px 5px;}
td.membership {color:#ffffff; padding:3px; }
em, small {color: #444444; }
small a {color: #3E8e6e7e8; font-size:11px; }
small a:hover {color:#d73117 ; }
tr#TemplateRow1 {display: none; }
img#footer-cu-logo {display: none; }
.pagetitle_image {display:none;}

#byline_members {color: #fff;
    font-size: 12px;
    margin-right: 15px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 40px;}
.contactdetails {}
.currentdate {}


#mainarea, #membersmainarea {}
#membersmainarea {box-sizing: border-box; float: left; padding: 0 px; width: 100%;}
#divSliderCalcLoanTypeText {margin-bottom:10px;}



/* HEADINGS */
h1 {font-size: 16px; font-weight: bold; padding-bottom: 5px; color: #69C; }
h2 {border-bottom: 1px dashed #ccc; color: #444444; font-size: 1.2em; line-height: 20px; margin-bottom: 15px; margin-top: 25px; padding-bottom: 5px; }
h3 {font-size: 1.2em; padding-bottom: 10px; }
h4 {font-size: 1.3em; font-weight: bold;color: #69C; padding-bottom: 7px; }
h4.h4quicklinks, h4.h4newsheadlines {border-bottom: 2px solid #005c81;
    color: #005c81;
    font-family: "Lato",sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    padding: 0 0 10px;}
h4.h4newsheadlines {background: #444444;}
h5 {font-size: 12px; font-weight: bold; color: #ff9900; padding-bottom: 15px; }
h6 {font-size: 10px; font-weight: bold; padding-bottom: 15px; }


/* COMMONLY USED CLASSES */
.requi#d73117 {font-size: 11px; font-weight: bold;color: #CC0000; }
.informational {color: #93a9bd; float: left; font-size: 11px; letter-spacing: .5px; width: 100%; }
.largeFont {font-size:14px; font-weight: bold; color:#3E8e6e7e8; }
.lighttext {color: #999999; }
.smallfont{font-size: 10px; color: #999999; }
small {font-size:11px; }
small a{font-size:11px; }
.SmallGreenText { font-size: 18px; color: #5aaa0c; font-style: italic; }


/* 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: .5em color: #699; position:relative;float:left;}


/* MAIN OUTER CONTAINER LAYER */
#main { position: relative; float: left; text-align: center; width:100%; background: url(../../templates/current/images/main_bgr.png) top repeat-x;  }


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


/* 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: 42%; position: absolute; top: 35%; z-index: 100;}

/*ONLINE BANKING*/
/*ROW LAYOUT------------------*/
#RowOne ,
#RowTwo ,
#RowThree { width: 95%; height: auto }

/* BOX ATTRIBUTES */
#RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1, #RowThreeBoxOne h1, #RowThreeBoxTwo h1 { display: inline; color:#176fa6; font-size: 1.1em; font-weight: bold; z-index: 10; }
#RowOneBoxOne P, #RowOneBoxTwo P, #RowTwoBoxOne P, #RowTwoBoxTwo P, #RowThreeBoxOne P, #RowThreeBoxTwo P { padding: 0px; padding-right: 10px; padding-top: 0px; font-size: 0.8em; z-index: 10; }
#RowOneBoxOne li, #RowOneBoxTwo li, #RowTwoBoxOne li, #RowTwoBoxTwo li, #RowThreeBoxOne li, #RowThreeBoxTwo li { font-size: 0.8em; float: left; line-height: 14px; display:list-item; color:#176fa6; list-style: circle; padding-left: 5px; padding-right: 8px; margin-right: 10px; z-index: 10; }
#RowOneBoxOne ul, #RowOneBoxTwo ul, #RowTwoBoxOne ul, #RowTwoBoxTwo ul, #RowThreeBoxOne ul, #RowThreeBoxTwo ul{margin-left: 10px; }


/*#RowOneBoxOne #LinkBtn{top: -30px;}*/

#LinkBtn { position: relative; float: right; text-align: right; bottom:0.5em;}
#LinkBtn a { font-size: 0.8em; bottom: 0.5em;}

/* BOX GRAPHICS */
#RowOneBoxOne, 
#RowOneBoxTwo, 
#RowTwoBoxOne, 
#RowTwoBoxTwo, 
#RowThreeBoxOne,
#RowThreeBoxTwo { border-bottom: 1px solid #97afbe; margin-bottom: 10px; position: relative; float: left; width: 100%; height: 80px; padding: 10px; z-index: 10; }

#RowOneBoxOne {background: #f1f4f6 url(images/e_statement_bkgd.jpg) top right no-repeat; } 
#RowOneBoxTwo{background: #f1f4f6 url(images/online_banking_bkgd.jpg) top right no-repeat; ;} 
#RowTwoBoxOne{background: #f1f4f6 url(images/online_loan_bkgd.jpg) top right no-repeat; ; }
#RowTwoBoxTwo{background: #f1f4f6 url(images/loan_calc_bkgd.jpg) top right no-repeat; ;}
#RowThreeBoxOne{background: #f1f4f6 url(images/online_banking_bkgd.jpg) top right no-repeat; ;}
#RowThreeBoxTwo {background: #f1f4f6 url(images/online_loan_bkgd.jpg) top right no-repeat; ;}


#OBWelcomeSpotlight1, 
#OBWelcomeSpotlight2, 
#OBWelcomeSpotlight3,
#OBWelcomeSpotlight4,
#OBWelcomeSpotlight5,
#OBWelcomeSpotlight6 { position: relative; top: -80px; left: -3px; width: 304px; height: 150px; z-index: -10; }


/* LOGIN CONFIRMATION FORM */
#bankingPinConfirm { margin-top: 5px; /*width: 500px;*/ width:100%; height: 200px; background: #f0f4f7 url(images/bg-bankingPinConfirm.jpg) bottom right; background-repeat: no-repeat; padding-left: 10px; }
#bankingPinConfirm h1 { margin-bottom: 10px; color: #003366}
#bankingPinConfirm { }


/* MASTHEAD FACILITIES*/
#facilities { background: #131629;float: left;position: absolute; width: 100%;z-index: 100;zoom: 1; filter: alpha(opacity=100); opacity: 1;display:none;}
#facilities ul {margin: 0;padding: 1px;}
#facilities li {display: block;float: right;padding-left: 2px;padding-right: 4px;}
#facilities a {color: #fff;display: block;font-family: verdana;font-size: 0.9em;font-weight: normal;line-height: 3em;text-align: center;text-decoration: none;vertical-align: bottom;}
#facilities a:hover {color: #d73117;text-decoration: none;}
#facilities #helpmenu {background-image: url(../../templates/current/images/help_bgr.gif);float: none;height: 167px;position: absolute; right: 0px;text-align: left;top: 35px;visibility: hidden;z-index: 1000;}
#facilities #helpmenu ul {float: left;margin-top: 5px;width: 158px;}
#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;text-align: left;width: 158px;}
#facilities #helpmenu a {color: #ffffff;font-family: Arial;font-size: 11px;font-weight: normal;line-height: 20px;padding-left: 5px;text-align: left;width: 100%;}
#facilities #helpmenu li:hover {background: none repeat scroll 0 0 #ff6666;padding-left: 0;padding-right: 0;}
#facilities #helpmenu a:hover {border-bottom: 0 none;text-decoration: none;}
#facilities .divider {width: 10%;}
#header-suggestion {clear: left;float: right;padding-top: 0;width: auto;}
#header-help {clear: right;float: right;padding-top: 0;width: auto;}



/* MASTHEAD */
#masthead {border-bottom: 4px solid #005c81;float: left;height: 125px; padding-bottom: 5px;position: relative;width: 100%;}
#masthead .logo #img_masthead { float: left; }
#masthead .logo #img_mastheadMobile {display:none;}
#masthead .area_title { background-image: url(../../templates/current/images/padlock.png); background-position: center 25px;display:none;}
#membersAreaPage #masthead .area_title { float: right;}


/* BYLINE (TEL/FAX/DATE BAR) */
#byline {display:none; }


/* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */
#layoutarea { margin: 0 auto; position: relative; float:left;  width: 100%; padding-bottom: 20px; text-align: left; background-color:white;}


/* MAIN NAVIGATION MENU */
#mainmenuMobile {display:none;}
#mainmenu {  float: left; margin: 0 auto 20px; position: relative; width: 100%; z-index: 10000; display:none;}
#mainmenu > a {display: none;}
#mainmenu li {position: relative; list-style:none; background:#d73117;}
#mainmenu li a { color: #fff;display: block;}
#mainmenu li a:active {background-color: #444444 !important;}
#mainmenu span:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */}

/* first level */
#mainmenu > ul {/*height: 2.75em; /* 60 background-color: #e15a1f;*/ margin: 0 auto; width: 1024px;}
#mainmenu > ul > li {width: 16.66%; height: 100%;float: left;}
#mainmenu > ul > li > a {font-size: 1.1em; height: 100%; line-height: 1em; padding-bottom: 0.7em; padding-top: 0.7em; text-align: center;}
#mainmenu > ul > li:not( :last-child ) > a {border-right: 1px solid #ff6666;}
#mainmenu > ul > li:hover > a {background-color: #ff6666; color: #fff;}
#mainmenu > ul:not( :hover ) > li.active > a {background-color: #444444; color: #444444;}

/* second level */
#mainmenu li ul {display: none; position: absolute; top: 100%;}
#mainmenu li ul li {background: grey; width:auto;}
#mainmenu li:hover ul {display: block;left: 0;right: 0;}
#mainmenu li:not( :first-child ):hover ul {left: -1px;}
#mainmenu li ul a {font-size: 0.95em; line-height: 1.25em; padding: 0.5em;}
#mainmenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #000;}
#mainmenu .popoutmenu {width:auto!important;}

#mainmenuMobile {  float: left; margin: 0 auto 20px; position: relative; width: 100%; z-index: 10000;}
#mainmenuMobile > a {display: none;}
#mainmenuMobile li {position: relative; list-style:none; background:#d73117;}
#mainmenuMobile li a { color: #fff;display: block;}
#mainmenuMobile li a:active {background-color: #444444 !important;}
#mainmenuMobile span:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */}

/* first level */
#mainmenuMobile > ul {/*height: 2.75em; /* 60 background-color: #e15a1f;*/}
#mainmenuMobile > ul > li {width: 16.66%; height: 100%;float: left;}
#mainmenuMobile > ul > li > a {font-size: 1.1em; height: 100%; line-height: 1em; padding-bottom: 0.7em; padding-top: 0.7em; text-align: center;}
#mainmenuMobile > ul > li:not( :last-child ) > a {border-right: 1px solid #ff6666;}
#mainmenuMobile > ul > li:hover > a {background-color: #ff6666; color: #fff;}
#mainmenuMobile > ul:not( :hover ) > li.active > a {background-color: #444444; color: #444444;}

/* second level */
#mainmenuMobile li ul {display: none; position: absolute; top: 100%;}
#mainmenuMobile li ul li {background: grey;}
#mainmenuMobile li:hover ul {display: block;left: 0;right: 0;}
#mainmenuMobile li:not( :first-child ):hover ul {left: -1px;}
#mainmenuMobile li ul a {font-size: 0.95em; line-height: 1.25em; padding: 0.5em;}
#mainmenuMobile li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #000;}


/* FORM FIELDS */
input,select {}

input.button_submit {
    background: none repeat scroll 0 0 #006980;
    border: medium none;
    color: white;
    font-size: 1.2em;
    font-weight: normal;
    height: auto;
    padding: 8px 20px;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
	border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(templates/current/PIE.htc);
}

input.button_submit:hover {background: #fedc10;}

input.button_cancel {
    background: none repeat scroll 0 0 #d73117;
    border: medium none;
    color: white;
    font-size: 1.2em;
    height: auto;
    margin-right: 10px;
    padding: 8px 20px;
	cursor:pointer;
	border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: url(templates/current/PIE.htc);
}
input.button_cancel:hover {background: #fedc10;}

input#File1 { border: 1px solid #e6e7e8;
    float: left;
    width: 100%;/*-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: 80%; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_long {width: 23em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px;border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_short {width: 8em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
.input_shorter {width: 60px; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
.input_multiline {width: 80%; height: 100px; border: 1px #999 solid;font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444;border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); } 
.input_multiLarge {width: 280px; height: 160px; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_nosize {border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:4px; width:90%; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_2char {width: 1.2em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
.input_3char {width: 1.6em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_4char {width: 2.3em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #444444; padding:4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}

.input_invisible {border: 0px solid; color: #444444; font: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; background-color: transparent;vertical-align: middle; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_editor_title {font-size:16px; color: #444444; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #999 solid; width: 300px; padding:3px 4px; display:none; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
.input_editor_subtitle {font-size:12px; color: #444444; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #999 solid; width: 300px; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
.input_webteller {width: 120px; border: 1px #999 solid; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; color: #444444; text-align: right; padding:0px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}


/* LOAN CALCULATOR - CONTENT AND MEMBERS AREA*/
input#amount {color: #0880b0;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 85%;}
input#term {color: #0880b0;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 85%;}
select#intrateDDL {background: 0 0 #fff;
    border: 1px solid #999;
    color: #0880b0;
    font-weight: bold;
    height: 30px;
    margin: 10px 0 40px 30px;
    width: 20em;}
select#intrateDDL option{color: #4A546F; font-size: 12px; font-weight: normal; padding: 3px 0 0 3px;}
input#apr {border-bottom: 1px dashed #ccc; color: #263c8f; font-size: 1.5em; width: 98.5%; padding: 0px 3px 10px; font-weight: bold; float:left; margin-bottom: 0px;}
#contentarea ul#sliderValuesList, #memberscontentarea ul#sliderValuesList {color: #7D869E; font-size: 1em; padding-left: 0; line-height:20px; margin-bottom:20px; width:100%; float:left;}
#contentarea ul#sliderValuesList li, #memberscontentarea ul#sliderValuesList li {border-bottom: 1px dashed #ccc;
    font-size: 1em;
    list-style: none outside none;
    padding: 10px 0; float: left; width:100%;}
input#paymentSliderWeekly, 
input#paymentSlider2Weeks, 
input#paymentSlider4Weeks, 
input#paymentSliderMonthly, 
input#paymentSliderTotal4Weeks, 
input#paymentSliderTotalMonthly
{display:block; font-size: 1.35em; font-weight: bold; padding: 0; margin-top: 2px;}
input#paymentSliderTotalWeekly,
input#paymentSliderTotal2Weeks, 
input#paymentSliderTotal4Weeks
input#paymentSliderTotalMonthly,
input#paymentSliderTotal4Weeks, 
input#paymentSliderTotalMonthly { display:block; font-size: 1.35em; font-weight: bold;}
input#paymentSliderTotalInterestWeekly,
input#paymentSliderTotalInterest2Weeks,
input#paymentSliderTotalInterest4Weeks,
input#paymentSliderTotalInterestMonthly
{display:block; font-size: 1.35em; font-weight: bold;}
span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 33%;}
span#spanWeekTotalInterest, span#span2WeeksTotalInterest, span#spanMonthTotalInterest {float: right; width: 33%; overflow:hidden;}
#divSliderCalcLoanTypeText { float: left;font-size: 1em; font-weight: bold; margin-top: 12px;}
#sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -25px; position: relative; top: 29px;}








/* TABLES */
table {float:left; margin-bottom: 15px;}
table.resources td {padding: 3px 2px;} 
table.services {width:100%;}
table.services td {width:25%;}
.tabletitle {background: #005c81; clear: both; color: white; font-size: 1em; font-weight: bold; padding: 5px; margin-top: 10px;}
#membersAreaPage .tabletitle {background: #005c81;;}
.tabletitle input {padding:5px;}

.tableform { border-collapse: collapse; margin-bottom: 20px; float: none; margin-top:4px; }
.tableform li, .tableform a, .tableform p { font-size: 12px; }
.tableform thead { color: #666; font-size: 9px; }
.tableform thead td, .tableform thead td {color: #555; font-size: 1.2em; background:#e6e7e8; border-top: 2px solid #005c81;; }
#membersAreaPage .tableform thead td, #membersAreaPage .tableform thead td { border-top: 2px solid #005c81;; }
.tableform tbody td {font-size: 0.8em; line-height: 1.3em; }
.tableform tfoot { color: #828277; font-size: 10px; }
.tableform tfoot td { background-color:#E5E5DA; font-size: 10px; }
.tableform .dayColour{ background-color:#E2E2D7; }
.tableform td { padding: 5px; background-color:#e6e7e8; }
.tableform table td { border: none; padding: 0px; }
.tablegrid { background-color:#e6e7e8; margin-top: 0px; border-collapse: separate; border-spacing: 0px; !important margin-bottom: 20px; padding: 0; border-top: 2px solid #d73117;}
#membersAreaPage .tablegrid {border-top: none;}
.tablegrid a { }
.tablegrid thead { color: #fff; font-weight: bold; }
.tablegrid thead td { background-color:#d73117; font-family: Arial, Verdana, Geneva, sans-serif; }
.tablegrid td { padding: 5px 10px; font-size: 1em; }
#membersAreaPage .tablegrid thead td { background-color: #16acb4;}
#membersAreaPage .tablegrid thead td a {color:#fff; line-height:normal;}
#membersAreaPage .tablegrid thead td a:hover {color: #fedc10;}
.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; }





/* TEXT CONTENT & NAVIGATION CONTAINER */
#contentarea { background-color: #ffffff;
    box-sizing: border-box;
    float: right;
    margin-right: 0;
    padding: 20px 40px;
    position: relative;
    width: 100%;}
#contentarea .pagetitle, #memberscontentarea .pagetitle_members { color: #005c81; font-size: 1.7em; font-weight: normal; line-height: 2em; padding: 0; text-align: left; float:left; width:100%; font-family: 'Lato', sans-serif;}
.pagetitle,
.pagetitle_members { color: #005c81; font-size: 1.7em; font-weight: normal; line-height: 2em; padding: 0; text-align: left; float:left; width:100%; font-family: 'Lato', sans-serif;}

#contentarea .pagecontent { padding: 0px 0 0px; text-align:left; float:left; width:100%;}
#securePage #contentarea .pagecontent {float:none;}
#contentarea ul {padding-left: 25px; margin-bottom: 10px; }
#contentarea ol {padding-left: 25px; margin-bottom: 10px; }
#contentarea li {display:list-item; padding:2px 0; }
#contentarea a {text-decoration: none; }
#contentarea .pagetitle_members {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#4c82ae; padding-bottom: 5px; }
#contentarea .pagecontent_members, #memberscontentarea .pagecontent_members { 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; }
#contentarea .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left; }
#contentarea .information_layer td {font-size: 9px; border: none; }



/*MEMBERS CONTENT & NAVIGATION CONTAINER */
#memberscontentarea {float: right;margin-right: 1.5%;margin-top: 10px;position: relative;width: 70%;padding-bottom: 20px;}


/* 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;}
#flash_area_custom { float: right; background-image:url(images/custom_flash.jpg); background-repeat: no-repeat; }


/* FLASH / ANNOUNCEMENTS CONTAINERS */
#divHomepageImagesMobileWrapper {display:none;}
#divHomepageImagesWrapper {}
#flashcontainer { width: 100%; position:relative; float:left; margin-bottom:20px;}
#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_login { background-color: #f9f6c8;background-image: url(../../templates/current/images/announce_login_icon.jpg);background-repeat: no-repeat;float: left;font-family: georgia;font-size: 1em;font-style: italic;line-height: 1.2em;overflow: visible;color: #19c561;background-position: left center;padding:10px 10px 10px 32px;margin-bottom: 20px;}
#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); display:none;}


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

/* SUBMENU (CONTENT PAGES ONLY) */
#submenu { position: relative; float: left; margin: 0px; width: 30%; background: #e6e7e8; margin: 0 0 0 10px; display:none;}
#submenu .title_subsections {background: none repeat scroll 0 0 #444444; border-bottom: 2px solid white; color: #fff; font: bold 1.3em Arial,Verdana,Helvetica,sans-serif; padding: 6px 10px; }
#submenu ul {padding-left:25px; padding-bottom: 10px; padding-top:10px;}
#submenu li {line-height: 2em;}
#submenu a {color: #444444; }
#submenu a:hover {  }

/* SIDEBAR (CONTENT PAGES ONLY) */
#sidebar {margin-top: 0px; margin-bottom: 0px;}
#sidebar .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #396c9e; padding-bottom: 10px; }
#sidebar ul {padding-left: 25px;}
#sidebar li {line-height: 2em;}
#sidebar a {color: #444444; }
#sidebar a:hover {}


/* NAVIGATION SELECTED ITEMS */
#mainmenu li.section_selected { background: #19c562; }
#mainmenu li.section_selected:hover { background: #444444; color: #d73117; }
#mainmenu .section_selected ul li:hover { background:#5d81a0; }
#mainmenu .section_selected a {color:#fff; }
#mainmenu .page_selected a{font-weight: bold; background-color: #19c562; }
#mainmenu .page_selected a:hover {font-weight: bold; background-color: green; cursor:default;}
#submenu .subitem_selected {font-weight: bold; }

div#submenuCalculator {display: none; }


/* MEMBER AREA */
#membermenu {  float: left; margin: 1em; position: relative; width: 25%; z-index: 10000; display:block;}
#membermenu > a {display: none;}
#membermenu li {position: relative; list-style:none; background:#005c81;}
#membermenu li a { color: #fff;display: block;}
#membermenu li a:active {background-color: #333333 !important;}
#membermenu span:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */}

/* first level */

#membermenu > ul {/*height: 2.75em; /* 60 background-color: #e15a1f;*/}
#membermenu > ul > li { height: 100%;}
#membermenu > ul > li > a {font-size: 1em; height: 100%; line-height: 1em; padding-bottom: 0.7em; padding-top: 0.7em; text-align: left; padding-left:10px;}
#membermenu > ul > li:not( :last-child ) > a {border-right: none;}
#membermenu > ul > li:hover > a {background-color: #16acb4; color: #fff;}
#membermenu > ul:not( :hover ) > li.active > a {background-color: #333333; color: #333333;}

/* second level */

#membermenu li ul {display: none; position: absolute; top: 100%;}
#membermenu li ul li {background: grey;}
#membermenu li:hover ul {display: block;left: 0;right: 0;}
#membermenu li:not( :first-child ):hover ul {left: -1px;}
#membermenu li ul a {font-size: 0.95em; line-height: 1.25em; padding: 0.5em;}
#membermenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #000;}


/* SUBMENU (USER AREA/ DIRECTORS AREA/ YOUTH AREA/ VOLUNTEERS AREA*/
#submenu_members { background: #e6e7e8 none repeat scroll 0 0;float: left; margin-bottom: 15px; margin-top: 15px;width: 25%;}
#submenu_members ul {padding-left: 0px; margin-bottom: 0px;}
#submenu_members li {list-style-type: none; padding: 5px 10px; }
#submenu_members a { display: block; text-decoration: none;}
#submenu_members .title_subsections {background: #fedc10; border-bottom: background; color: #444444; font-weight: bold; padding: 5px 10px;}


#directorscontentarea {position: relative; float:right; width: 68%; margin-top: 10px; margin-right:2%; margin-bottom: 20px;}

/* 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 {display: block;
    float: left;
    margin: 2% 2% 20px;
    position: relative;
    width: 25%;
    z-index: 10000; }
#adminmenu ul { width: 100%; background-color:#005c81; }
#adminmenu li {list-style-type: none; }
#adminmenu li a {margin-left: 3px; color: #fff; }
#adminmenu li strong {color: #fff; line-height: 37px; padding: 5px 8px; }
#adminmenu ul li ul {display: none; }
#adminmenu ul li ul li {background-color: #d9f0f9; border-bottom: 1px solid #fff; list-style-type: none;  }
#adminmenu ul li ul li:hover {background: #b1d8e8;}
#adminmenu ul li ul li a {color: #005c81; display:block; padding: 6px 3px 6px 6px;}
#adminmenu .expanded {display: inline-block; }


/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#divQuickLinksWrapper {background: #e6e7e8; float: left; height: 48%;  margin-right: 1%; padding-bottom: 1em; width: 48%; margin-left:1%;}
#modulelinks { height: 100%;}
#modulelinks img {display: none; }
#modulelinks ul {padding-left: 25px; margin-top: 10px; padding-bottom:10px; }
#modulelinks li {color:#d73117; line-height: 2em;}
#modulelinks a { color: #d73117; }
#modulelinks a:hover { }


#modulelinks_contentpage {box-sizing: border-box;float: left;height: 100%;padding: 20px 40px 0; width: 100%;}
#modulelinks_contentpage img { }
#modulelinks_contentpage ul {float: left; margin-bottom: 10px; margin-top: 10px; padding-left: 8px;}
#modulelinks_contentpage li {color: #005c81; display: inline; float: left; line-height: 2em; list-style: outside none none; padding: 0 20px; background:url(../../templates/current/images/arrow.gif) no-repeat left center;}
#modulelinks_contentpage li:hover {background:url(../../templates/current/images/arrowB.gif) no-repeat left center;}
#modulelinks_contentpage a {color: #005c81;}
#modulelinks_contentpage a:hover {color: #d73117;}


/* NEWS HEADLINES */
#newsheadlines { background-color: #e6e7e8; float: left; position: relative; top: 0;  height: 15em; margin-top: 0; width: 49%; }
#newsheadlines h3 {color: #444444; font-size: 1.1em; padding-bottom: 5px; padding-top:10px;  border-bottom:none;}
#newsheadlines a {text-decoration: none; color: #444444; }
#newsheadlines a:hover { }

#newsheadlines_contentpage { background-color: #e6e7e8; float: left; margin-top: 20px; position: relative; top: 0; width: 100%; height: auto; }
#newsheadlines_contentpage h3 {color: #444444; font-size: 1.1em; padding-bottom: 5px; border-bottom:none;}
#newsheadlines_contentpage a {text-decoration: none; color: #444444; }
#newsheadlines_contentpage a:hover {}
#news_content {width: 93%;position: relative; filter: alpha(opacity=0); -moz-opacity:0%; padding: 10px; min-height:140px; }
#newsheadlines .newslinks a {color: #009933; font-weight: bold; }
#newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold; }
#newsheadlines #news_content img { margin-top:-30px;}
#newsheadlines_contentpage #news_content img {display:none;}
.divNewsArticleDate { font-size: 12px; font-style:italic; font-family:Georgia; }

/* NEWS HEADLINES STATIC */
.newsArticleDate { padding-left:21px; padding-right:20px; font-size: 10px; }
.newsArticleText { padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 9px;  }
.newsArticleLink { text-align: right; padding-left:21px; color: #F00; text-decoration: none;text-transform: uppercase; padding-right:20px; font-size: 9px; }
.newsArticleLink p { color: #20368c; }
.newsArticleLink a {color: #20368c; font-size: 9px; text-decoration: none; }


/*QUICK LINKS*/
#quick_links { position:absolute; top: 327px; left: 258px; width: 243px; height: 140px; margin-top: 60px; background-image: url(images/title_quick_links_homepage_bkgd.jpg); background-repeat: no-repeat; }
#quick_links li {margin-left: 15px; padding-left: 15px;list-style-type: none; padding-top: 5px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px; }
#quick_links a { text-decoration: underline ; }
#quick_links a:hover {text-decoration: underline; color: #063; }


/* LOGIN / YOUTHZONE / LIVE CHAT LAYER / CUSTOM BUTTON ---- * ABSOLUTE POSITIONING*/
#loginarea {
    float: right;
    margin-right: 10px;
    padding-bottom: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 25px;
	display:none;}
#loginarea a {display:block; color: #fff;}
#loginarea a:hover {color: #fedc10;}
#loginarea img {margin: 0 5px 10px; }
#loginarea_contentpage { float: right;
    margin-right: 10px;
    margin-top: 65px;
    padding-bottom: 5px;
    text-align: center;
    width: 308px;
}
#loginarea a:hover {border: 0px; }


/* COOKIE CONSENT MEMO BOX */
.CookieConsentMemo { z-index: 9999; text-align: left; font-family: Arial; font-size: 12px; background: url(images/memo_bgr.png) no-repeat; width: 143px; margin: 10px; position: fixed; top: 0px; right: 0px; padding: 77px 18px 20px; height: 270px; }
#cookieConsentForm .button_submit { border: medium none; font-family: Arial; font-size: 12px; font-weight: bold; cursor: pointer; height: 30px; margin-top: 13px; padding-bottom: 2px; padding-left: 5px; width: 70px; background: url(images/memo_btn.jpg) no-repeat; border: none; text-shadow: -1px 0 1px rgba(0, 0, 0, 0.3);text-align:left; }
#rdCookieConsent0 { margin: 5px 0; }
#cookieConsentForm { float:left; font-family: Arial; font-size: 12px; color:#555555; position:absolute; bottom: 47px; left: 17px; }
#lyrCookieConsent h2 { font-size:16px; text-shadow: -1px 0 1px white; }
#lyrCookieConsent p { text-align: left; color: #555555; font-family: Arial; font-size: 12px; margin-bottom: 7px; }


/* FOOTER */
#pagefooterOuterIndex {}
#pagefooterIndex {}
	
#pagefooterOuterPublic {box-sizing: border-box;float: left;position: relative;width: 100%;}
#pagefooterPublic { background: none repeat scroll 0 0 #dd9a00;  box-sizing: border-box;clear: both;margin: 0 auto;max-width: 900px;min-height: 70px;padding: 15px 10px;position: relative;}

#pagefooterOuterOther { margin: 0 auto;box-sizing: border-box;float: left;position: relative;width: 100%;}	

#pagefooterOther { background: none repeat scroll 0 0 #dd9a00; box-sizing: border-box;clear: both;margin: 0 auto; max-width: 900px;min-height: 70px;padding: 15px 10px;position: relative;}
#footerDetails p{font-size: 0.8em;}
#pagefooterOther a { color: #fff; }
#pagefooterOther a:hover {color: #fedc10;}


html>body #pagefooter { background-color: #FFF; }
.ProgressLogo {float: right; display:none; }
#footerDetails{ bottom: 0;color: #fff;height: 20px;left: 20px;margin: auto;position: absolute;text-align: left;text-decoration: none;top: 0;width: 300px;}
#footerDetails li { display: inline; float: left; list-style: outside none none; padding-right:10px;}
#pagefooterPublic #footerDetails {height: 40px; width: 60%;}
#fsrnTextOff{ position: absolute; right: 15px; top: 3em;}
#pagefooterAlternative{ float: left; width: 750px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 10px; text-align: left; font-size: 10px; color: #666; clear: both; }
#fsrnTextAlternative{ display: none; float: left; color: #666; text-decoration: none; font-size:10px; text-align: left; padding-left: 0px; }
html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */
#divCustomFooterLinks {float:left; width:34%; border-right:1px dotted #666; text-align:center; padding: 10px 0; display:none;}

/*Social Networking Icons Footer*/
#SocialNetFooter{ display: none; }


/*SITEMAP CONTAINER AND NAVIGATION */
#siteMap { display:none; }
#siteMapMenu { display:none; }


/*LOGIN AREA ROUNDED CORNERS CROSS BROWZER COMPATABLE - CHANGES NOT NECESSAERY---------------------------------------------------------------------*/
.announcementsContainer{width: 100%; padding-top:0px; float:left; }
.curvedBox {width:100%; margin-top: 0px; }
.curvedBox .r1, .curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {background-color: #F0F0F0;display:block;overflow:hidden;height:1px;font-size:1px; }
.curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {border-width:0 1px;border-left:1px solid #F0F0F0;border-right:1px solid #F0F0F0; }
.curvedBox .r1 {margin:0 6px; display:none; }
.curvedBox .r2 {margin:0 3px; display:none; }
.curvedBox .r3 {margin:0 2px; display:none; }
.curvedBox .r4 {margin:0 1px;height:2px; display:none; }
.curvedBox .content{background:#F0F0F0; border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0 ;padding:5px; }


/* GRAPHIC ICONS BELOW LOGIN AREA ----------------------------------------------------------------------------------------------------------------*/
.Lost_bkgd {background-image: url(../../images/essentials/lost_pin_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; margin-top: 10px; font-size: 10px; display:none; }
.Lost_bkgd a {font-size: 10px; }
.register { background-image: url(../../images/essentials/reg_pin_mem_log_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; }
.register a {font-size: 10px; }
.security {background-image: url(../../images/essentials/security_mem_log_bkgd.jpg);width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none;}
.security a {font-size: 10px; }
.problems {background-image: url(../../images/essentials/problem_mem_log_bkgd.jpg);width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; }
.problems a {font-size: 10px; }
.browser {background-image: url(../../images/essentials/browzer_info_bkgd.jpg);width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; }
.browzer a {font-size: 10px; }
.memLogLinksCont{/*background-image: url(../../images/essentials/mem_login_graphic.jpg);*/ width:100%; background-position: left; background-repeat: no-repeat; }
.memLogLinksCont a { }


/*LOGIN AREAS -OFFICE /DIRECTORS /REPRESENTATIVES /VOLUNTEERS WEBTELLER */
#pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb { position: relative; width:900px; 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: 900px; 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:#edf3f7; border-bottom: 1px solid #d3e2ec; border-top: 1px solid #d3e2ec; }
.officeTxtAlertCont, .dirTxtAlertCont, .userTxtAlertCont, .repTxtAlertCont, .volTxtAlertCont, .webTxtAlertCont { float: right; width: 0%; height: 100%; font-size: 11px; }
.officeLogContInner, .dirLogContInner, .directLogCont, .userLogContInner, .repLogContInner, .volLogContInner, .webLogContInner { position: relative; width: 100%; height: 100%; font-size: .9em; }
.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%; padding: 3px; }
.passwordInputShort{ float: right; width: 59%; padding: 3px; }
.emailInput{float: right; width: 59%; 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:20px; }

.directLogCont{position: relative; height:100%;  background-color: #FFF; /*padding-bottom: 10px;*/}
.dirTxtAlertCont{ float: right; width: 0%; height: 100%;}
.dirLogContInner{ background-color: #dfeff5;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    width: 100%;}
	
.dirLogContInner .input_short {font-size:12px;}

	
/* LOST YOUR PIN */
.lostPinCont { position: relative; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 5px; padding-bottom: 10px; background-color:#F0F0F0; }
.lostPinTxtAlertCont{float: right; width: 0%; height: 100%; }
.lostPinContInner{ position: relative; width: 100%; height: 100%; }
.lostPinTxt{ padding-left: 10px; padding-bottom: 5px; }


/* HORIZONTAL RULE */
#horzRule { width: 94%; height: 5px; padding-bottom: 0px; background-color:#EEE; border-top: dotted 1px #e6e7e8; border-bottom: dotted 1px #e6e7e8; }


/* REMOVE SKYPE INJECTED MARKUP (Only works sometimes) */
span.skype_pnh_container { display: none !important; }
span.skype_pnh_print_container { display: none !important; }


/* PRIVACY POLICY */
#divPrivacyTermsLinksWrapper {position:absolute; right:0; top:0; bottom:0; margin:auto; height:20px; width:300px;}
#divTermsFooterLink, #divPrivacyFooterLink {width:110px; right:0px; padding: 0; position:absolute; bottom: 0;}
#divPrivacyFooterLink {right: 110px; width: 110px;}
#divTermsFooterLink a, #divPrivacyFooterLink a {font-size:11px; text-decoration:underline; color: #fff;}
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover { color: #fedc10;}


/* v4.4 LOGIN */
.mainContainerbkgd , .mainContbkgd3, .mainContbkgdPin2, .mainContbkgdSec2, .mainContbkgdSec2 {background: none repeat scroll 0 0 #e6e7e8 ; float: left; font-size: 13px; height: 100%; padding: 0; width: 100%;}
.mainContainer, .mainContRand3, .mainContSec2{ height: auto; width:100%; float:left;}
.alert {}
.infoCont {}
.memContText {box-sizing: border-box; padding: 15px;}
.memberNumberTxt {float:left; text-align: right; font-weight:bold; margin-right: 7px; margin-left:15px; margin-top: 3px;}
.securityPasswordTxt {float:left; font-weight:bold;}
.secPassBut {padding-bottom: 15px; padding-left: 15px; padding-top: 25px;}
.rand3PinTxt{float: left; margin-left: 10px; margin-right: 25px; margin-top: 3px;}
.dobInputTxtRand3 {float: left; margin-left: 15px; margin-right: 7px; margin-top: 3px;}
.dobForm3 {}
.input_2char { }
.noMemberNumber {margin: 15px;}
.noMemberNumber a, .noMemberNumber2 a {font-size:.9em;}
#AlertPanelMemNo, #AlertPanelPIN {background: #d73117; font-family: arial; font-size: 0.9em; line-height: 16px; margin-top: 0; padding: 5px; text-align: left; color:white;}
#AlertPanelPIN {margin-bottom:5px;}

/* 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; margin-left: 10px; margin-right: 5px; margin-top: 16px;}
.dobInputTxtRand3_2 {float: left; line-height: 23px;  margin-left: 10px; margin-right: 30px;  margin-top: 8px;}
.insertRandomPin3 { float: left; line-height: 23px; margin-left: 10px; margin-right: 5px;}
#dobContRand3,
.pinContRand3 {padding:0 0 8px;}
.memNumForm2 {padding:10px 0 0;}
.dobForm3_2 {padding:5px 0;}
.noMemberNumber2 {float: left; margin-left: 10px; padding: 10px 0; width: 100%;}
.pinNumFormRand3 { margin-left: 10px;}
.pinPassButRand3 {padding:10px;}
#AlertPanelPIN a {color:white; text-decoration:underline;}

/*RADIO BUTTONS AND CHECKBOXES*/

input[type="checkbox"], input[type="radio"] {margin-right:2px; height:10px;}
input, textarea { /*-webkit-appearance: none;*/ -webkit-border-radius: 0; /* Force Safari to render buttons as in any other browser*/} 
input[type="submit"], input[type="reset"], input[type="button"] {-webkit-appearance: none;} 
input[type="checkbox"] {-webkit-appearance: checkbox;}

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




/* MEDIA QUERIES */

@media only screen and ( max-width: 64em ) /* 1024 */ {
#adminmenu {width:96%; margin: 1em; margin-right:0;}

#directorscontentarea {
    float: left;
    position: relative;
    width: 96%;
	margin: 1em;
	margin-right:0;}

#pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb {width:100%;}
	
}

@media only screen and ( max-width: 60em ) /* 960 */ {

#footerDetails {left:0;}
/*MAIN NAVIGATION - TOP MENU*/
#mainmenu {position: relative; top: auto;left: auto; margin:0 0 20px; width:100%; display:block; display:none;}
#mainmenu > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #d73117; position: relative;}
#mainmenu > a:before,#mainmenu > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#mainmenu li ul a { font-size: 0.95em; line-height: 1.25em; padding: 1em;}

#mainmenu > a:after {top: 60%;}
#mainmenu:not( :target ) > a:first-of-type,#mainmenu:target > a:last-of-type {display: block;}

/* first level */

#mainmenu > ul {height: auto; display: none; /*position: absolute;*/ left: 0;right: 0;}
#mainmenu:target > ul {display: block;}
#mainmenu > ul > li {width: 100%;float: none;}
#mainmenu > ul > li > a {height: auto;text-align: left;	padding: .7em; /* 20 (24) */}
#mainmenu > ul > li > ul > li > a:hover {background: #a3a3a3;}
#mainmenu > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #ff6666;}

/* second level */

#mainmenu li ul {position: static;/* padding: 1.25em;  20 */padding-top: 0;}

/*MAIN NAVIGATION - TOP MENU*/
#mainmenuMobile {position: relative; top: auto;left: auto; margin:0 0 20px; width:100%; display:none;}
#mainmenuMobile > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #d73117; position: relative;}
#mainmenuMobile > a:before,#mainmenuMobile > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#mainmenuMobile li ul a { font-size: 0.95em; line-height: 1.25em; padding: 1em;}

#mainmenuMobile > a:after {top: 60%;}
#mainmenuMobile:not( :target ) > a:first-of-type,#mainmenuMobile:target > a:last-of-type {display: block;}

/* first level */

#mainmenuMobile > ul {height: auto; display: none; /*position: absolute;*/ left: 0;right: 0;}
#mainmenuMobile:target > ul {display: block;}
#mainmenuMobile > ul > li {width: 100%;float: none;}
#mainmenuMobile > ul > li > a {height: auto;text-align: left;	padding: .7em; /* 20 (24) */}
#mainmenuMobile > ul > li > ul > li > a:hover {background: #a3a3a3;}
#mainmenuMobile > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #ff6666;}

/* second level */

#mainmenuMobile li ul {position: static;/* padding: 1.25em;  20 */padding-top: 0;}


/*MEMBERAREA NAVIGATION - TOP MENU*/
#membermenu {position: relative; top: auto;left: auto; /*margin:0 0 20px;*/ width:100%;}
#membermenu > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #006980; position: relative;}
#membermenu > a:before,#membermenu > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#membermenu li ul a { font-size: 0.95em; line-height: 1.25em; padding: 1em;}

#membermenu > a:after {top: 60%;}
#membermenu:not( :target ) > a:first-of-type,#membermenu:target > a:last-of-type {display: block;}

/* first level */

#membermenu > ul {height: auto; display: none; /*position: absolute;*/ left: 0;right: 0;}
#membermenu:target > ul {display: block;}
#membermenu > ul > li {width: 100%;float: none;}
#membermenu > ul > li > a {height: auto;text-align: left;	padding: .7em; /* 20 (24) */}
#membermenu > ul > li > ul > li > a:hover {background: #a3a3a3;}
#membermenu > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #16acb4;}

/* second level */

#membermenu li ul {position: static;/* padding: 1.25em;  20 */padding-top: 0;}



html {font-size: 100%; /* 12 */}
#layoutarea {}
#memberscontentarea { float: right;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    width: 100%; !important } 
body {background:none;}
/*#pageContent {max-width: 960px;}*/

#loginarea { float: none; padding-bottom: 5px; text-align: center; width: 100%;}
#loginarea_contentpage { float: none; padding-bottom: 5px; text-align: center; width: 100%;}
#facilities .divider { width: 33%;}
#header-sitemap { float: none; width: auto;}
#loginarea img {width:auto;}
#submenu_members { width: 100%; margin-left: 0px;}
#sidebar, homePage #modulelinks{ padding: 0 0 10px; width: 49%;}
#sidebar, #submenu {width:30%; float:left; padding-bottom: 10px; margin-left:15px;}
#submenu {margin-bottom:0px;}
#modulelinks { padding-bottom: 33px;}
homePage #newsheadlines {margin-top:0; width:49%;}
contentPage #newsheadlines {margin-top:0; width:49%;}
#membersAreaPage #masthead .area_title {width: 100%;}
#footerDetails {}
#pagefooterOuterPublic, #pagefooterOuterIndex {}

#masthead .logo #img_masthead {display:none;}
#masthead .logo { float: none;}
#masthead .logo #img_mastheadMobile { display: block; margin: 0 auto;}

#membersAreaPage #masthead .logo {float: none;}
#masthead .logo img {position:relative; top:.2em;}
#submenu ul { padding-left: 25px;}

#newsheadlines img {display:none;}
#masthead #announcements {bottom: -1.3em; font-size: 1.1em; margin: 0 auto; position: relative; text-align: center; display:none;}
#facilities #helpmenu {display:none;}
#facilities a:hover { border-bottom: none; background: #444444;}
#header-sitemap { width: 33.5%;}
#divSearchFormInput {width:100%;}
input.button_submit { /* border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);*/}
input.button_submit:hover {background:#fedc10;}
input.button_cancel {background: #d73117; border: medium none; color: white; height: auto; padding: 8px 10px; margin-right:10px; font-size: 1.1em; font-weight:bold; /*border-radius:5px; border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);*/}
input.button_cancel:hover {background:#c3230b;}
#header-search {margin-top:0;}
#header-search input {height: 45px;}
#flashcontainer { height: auto; width: 100%; position:relative; float:left;}
#flashcontainer li img {max-width:100%;}
#news_content { height: 110px;  padding: 10px;}
table.services tr {}
table.services td {border-bottom: 10px solid white; display: block; float: left; width: 100%;}
table.services td td {display:inline;}
table.services img{display:block; float:left;}
.input_normal, .input_long, .input_short, .input_shorter, .input_multiline, .input_multiLarge, .input_nosize, .input_2char, .input_3char, .input_4char, .input_invisible, .input_editor_title, .input_editor_subtitle {}
html {font-size: 100%; /* 12 */}
#layoutarea { padding: 0;}
#submenu, #sidebar, #divQuickLinksWrapper{ padding: 0px; width: 100%; margin-left: 0px; margin-top:20px;}
#sidebar {margin-top:0;}
#newsheadlines {margin-top:20px; width:100%;}
#spotlight1, #spotlight2, #spotlight3 {width:100%;}
#spotlight1 {margin:2% 1% 0 0;}
#spotlight3 {margin:2% 0 2% 0;}
#pagefooterIndex, #pagefooterPublic, #pagefooterOther {float:left; height:auto; width:100%; max-width:100%;}
#footerDetails {padding:0 20px;}
#contentarea {width:100%; padding: 15px;}

#newsheadlines img {display:none;}
#masthead #announcements {bottom: -1.3em; font-size: 1.1em; margin: 0 auto; position: relative; text-align: center; display:none;}
#facilities #helpmenu {display:none;}
#facilities a:hover { border-bottom: none; background: #444444;}
#header-sitemap { width: 33.5%;}
#divSearchFormInput {width:100%;}
#header-search input {height: 45px;}
#flashcontainer { height: auto; width: 100%; position:relative; float:left;}
#flashcontainer li img {max-width:100%;}
#news_content { height: 130px;}
table.services tr {background:#ccc;}
table.services td {background: none repeat scroll 0 0 #ccc; border-bottom: 10px solid white; display: block; float: left; width: 100%;}
table.services td td {display:inline;}
table.services img{display:block; float:left;}
/*#header-search { text-align: center; width: 100%;}*/
#modulelinks_contentpage {padding:20px 15px 0;}
#byline_members {display: none; font-size: 12px; margin-right: 15px; position: absolute; right: 0; text-align: right; top: 112px; color: #444444;}


}


@media only screen and ( max-width: 50em ) /* 800 */ {
	
	
td.membership_table {  font-size: 0.9em;}
input#term {width: 90%;}
input#amount {width: 90%;}

}

@media only screen and ( max-width: 48em ) /* 768 */ {

#fsrnTextOff {display:none;}
}

@media only screen and ( max-width: 45em ) /* 720 */ {
	
input#term {width: 89%;}
input#amount {width: 89%;}

}

@media only screen and ( max-width: 40em ) /* 640 */ {

input#term {width: 88%;}
input#amount {width: 88%;}
div .services_left {width: 100%; }
div .services_right {width: 100%;}
#header-search {float: none; height: 60px; margin: 0 auto; position: relative; right: 0; text-align: center; width: 340px;}
#header-search .input_search {margin-left: 20px; padding: 0 10px 0 15px; width: calc(100% - 75px);}
#header-search .button_search {right:20px; position: absolute;}
}

@media only screen and ( max-width: 37.5em ) /* 600 */ {
	
/*SEARCH BAR - MASTHEAD */
input#term {width: 87%;}
input#amount {width: 87%;}
#divTermsFooterLink, #divPrivacyFooterLink {background: #16acb4; float: left; padding: 0; position: relative; text-align: center; top: 10px; width: 50% /*one under another - width:100%*/;}
#divTermsFooterLink a, #divPrivacyFooterLink a {color: white; font-size: .9em; text-decoration:none; padding:10px 0; display:block;} 
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover {background:#006980; color:white;}
#divPrivacyFooterLink  {right:0;}
#divTermsFooterLink {}
#divPrivacyTermsLinksWrapper {bottom: -10px; top: auto; width: 100%;}
#footerDetails {border-right: medium none; padding: 0; text-align: center; width: 100%;}
#footerDetails li{width:100%;}
#pagefooterPublic #footerDetails {width:100%; position:relative;}
select#intrateDDL {margin-left:0px; width:97%;}
}

@media only screen and ( max-width: 35.5em ) /* 568 */ {
	

input#term { width: 86%;}
input#amount { width: 86%;}

#AlertPanelPIN {

    margin-top: 0;
    padding: 5px;
    text-align: left;
	margin-top: 0px;
    position:relative;
    right: 0px;
    text-align: left;
    width: auto;}
	
	
#AlertPanelMemNo {
    margin-top: 0;
    padding: 5px;
    text-align: left;
	margin-top: 0px;
    position:relative;
    right: 0px;
    text-align: left;
    width: auto;
}


#membersAreaPage .tablegrid td, #submenu_members .title_subsections, #submenu_members li { font-size: 0.8em; padding: 2%;}

}

@media only screen and ( max-width: 32.5em ) /* 520 */ {
	


#searchPage td {display: block; }
#searchPage td:nth-child(2) {display: none;}
#searchPage td:nth-child(3) {padding-left: 50px;}
td.emptycell {display:none !important;}
#searchPage td:nth-child(1) {}
input#term {box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    width: 100%;}
input#amount {box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    width: 100%;}

span#spanWeekHome, span#span2WeeksHome, span#span4WeeksHome, span#spanMonthHome, span#spanMonthTotalHome, span#spanWeekTotalHome, span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanMonthTotal, span#spanWeekTotal, span#span2WeeksTotal, span#spanWeekTotalInterest, span#span2WeeksTotalInterest, span#spanMonthTotalInterest{
    text-align: center;
    width: 100%;
	font-size: 15px;
	padding-top:10px;
}


input#paymentSliderWeeklyHome, input#paymentSlider2WeeksHome, input#paymentSlider4WeeksHome, input#paymentSliderMonthlyHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome, input#paymentSliderTotalWeeklyHome, input#paymentSliderWeekly, input#paymentSlider2Weeks, input#paymentSlider4Weeks, input#paymentSliderMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly, input#paymentSliderTotalWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotal2Weeks, input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterestMonthly  {
    font-size: 22px;
    text-align: center;
    width: 100%;
	padding:5px 0;
}


#divCustomFooterLinks {width: 100%; border-right:none;}

#membersAreaPage .tablegrid td { font-size: 0.7em; padding: 2%;}
}

@media only screen and ( max-width: 30em ) /* 480 */ {
	
/*SEARCH BAR - MASTHEAD */
/*#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 90px; padding: 0 8px; width: 50%;}
#header-search .button_search {right:90px; position: absolute;}*/

}

@media only screen and ( max-width: 25em ) /* 400 */ {
	
/*SEARCH BAR - MASTHEAD 
#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 50px; padding: 0 8px; width: 60%;}
#header-search .button_search {right:50px; position: absolute;}*/



}


@media only screen and ( max-width: 22.5em ) /* 360 */ {
	
/*SEARCH BAR - MASTHEAD 
#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 30px; padding: 0 8px; width: 66.5%;}
#header-search .button_search {right:30px; position: absolute;}*/

}


@media only screen and ( max-width: 20em ) /* 320 */ {

/*SEARCH BAR - MASTHEAD 
#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 10px; padding: 0 8px; width: 75%;}
#header-search .button_search {right:10px; position: absolute;}*/
.input_short {width: 6.5em;}


}