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


@font-face {
  font-family: 'Muli-Regular';
  src: url('Raleway-Regular.eot?#iefix') format('embedded-opentype'),  url('Raleway-Regular.woff') format('woff'), url('Muli-Regular.ttf')  format('truetype'), url('Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),  url('Raleway-SemiBold.woff') format('woff'), url('Raleway-SemiBold.ttf')  format('truetype'), url('Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;


#pp_full_res iframe { overflow: auto !important; }

/* HTML TAG RE-DEFINITIONS */


@import url(http://fonts.googleapis.com/css?family=Muli:300,400);
/*font-family: 'Muli', sans-serif;*/

#pp_full_res iframe { overflow: auto !important; }
body{ font-family:  'Muli', sans-serif; font-size: 14px; color: #4b5d7d; line-height:180%; background-color: #fff; background-image: url(images/tile_bgr.jpg); background-repeat:repeat-x;}
* {margin:0; padding:0; }
html {}
a {color:#ec4207; text-decoration:none;}
a:hover {text-decoration:underline; color:#ec8807;}
hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #FFFFFF;}
strong {font-weight:bold;}
iframe {border: 1px dotted #CCCC99; width:100%; font-family: 'Muli', sans-serif;  font-size: 13px; color:#333333;}
iframe.spotlightnew {border: 1px dotted #CCCC99; width: 200px; font-family: 'Muli', sans-serif; font-size: 12px; color:#215669; height: 100px;}
iframe#iView {height:450px;}img {border: none; }
img {border: none;}
p {margin-bottom: 10px; font-size: 14px; color: #4b5d7d; }
acronym {cursor: help; border-bottom: 1px dashed #CCCCCC;}
font, td {font-size: 12px; color: #4b5d7d; }
li {color: #4b5d7d;}
#submenuBreadcrumbs {display:none;}


/* HEADINGS */
h1 {font: bold 16px 'Muli', sans-serif; padding-bottom: 5px; color: #69C;}
h2 {border-bottom: 1px dotted #BBCCDC; color: #4E7892; font-size: 15px; margin-bottom: 10px; padding-bottom: 5px; padding-top: 10px;}
h3 {font-size:14px; padding-bottom: 15px; color:#9fa09d; }
h4 {font: bold 15px 'Muli', sans-serif; color: #69C; padding-bottom: 15px; }
h5 {font: 12px 'Muli', sans-serif; color: #999999; padding-bottom: 15px;}
h6 {font: 9px 'Muli', sans-serif; padding-bottom: 15px;}


/* COMMONLY USED CLASSES */
.required {font-size: 11px; font-weight: bold;color: #CC0000;}
.informational {font-size: 11px; color: #699;}
.largeFont {font-size:14px; font-weight: bold; color:#3E8CCC; }
.lighttext {color: #999999;}
.smallfont{font-size: 9px; color: #999999;}
.SmallGreenText { font-size: 18px; color: #5aaa0c; font-style: italic;}


/* BUTTONS */
.button_search {background-image:url(../../templates/current/images/button_submit_bkgd.gif); background-repeat:repeat-x; height: 23px; width: 78px; padding: 0px; padding-left: 5px; border: 0px; margin: 0px; color:#FFFFFF; font-weight:bold; cursor:pointer;}
.button_submit {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 3px 3px 3px;  color: #FFFFFF; cursor: pointer;  font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px;  padding-left: 10px;  padding-right: 10px; text-shadow: -1px 0 1px #577e06;}
.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 3px 3px 3px; color: #FFFFFF; cursor: pointer;  font-weight: bold;  height: 24px;  margin-left: 2px;  margin-right: 2px;  padding-left: 3px;  padding-right: 3px;  text-shadow: -1px 0 1px #c01700; }
.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 3px 3px 3px; color: #FFFFFF; cursor: pointer;  font-weight: bold;  height: 24px;  margin-left: 2px;  margin-right: 2px;  padding-left: 3px;  padding-right: 3px;  text-shadow: -1px 0 1px #2b6f85;}
.button_editor{ border:1px solid #F6F6EA;}
.tabletitleprint {float: right; width: 100px;}


/* FORM FIELDS */
input,select {height: 18px; color: #000; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; vertical-align: middle;margin-right: 2px; margin-left: 2px;}
.input_normal {width: 180px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_long {width: 370px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_short {width: 110px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_shorter {width: 60px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_multiline {width: 180px; height: 100px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #000;}
.input_multiLarge {width: 280px; height: 160px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #000;}
.input_nosize {border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_2char {width: 20px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_3char {width: 30px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_4char {width: 40px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_search {height:13px; width: 90px; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_invisible {border: 0px solid; color: #666666; font: Arial, Helvetica, sans-serif; font-size: 11px; background-color: transparent; height: 18px; vertical-align: middle}
.input_editor_title {font-size:16px; color:#3E8CCC; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #DDDDDD solid; width: 300px;}
.input_editor_subtitle {font-size:12px; color:#3E8CCC; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #DDDDDD solid; width: 300px;}
.input_webteller {width: 120px; border: 1px #CCCCCC solid; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; color: #000; text-align: right; padding: 2px;}


/* TABLES */
.tabletitle { font-family: arial,verdana, Helvetica, sans-serif;  padding-right: 15px; width: auto; padding: 4px 6px 5px 5px;  color:#FFF; font-weight:bold; font-size: 11px; background-color: #1a547e; /*background-image: url(../../images/essentials/pinform_title_right.gif); /* background-repeat:no-repeat; background-position:right;*/}
.tableform, .e-tableform {border-bottom: 1px solid #1a547e; border-top: 1px solid #1a547e; padding-bottom: 15px; margin-top: 2px; margin-bottom: 20px; border-collapse: collapse; font-family: verdana, Helvetica, sans-serif;  font-size: 11px; color:#1e579e;}
.tableform a, .e-tableform  a{ font-size: 11px; color:#e86710; border-bottom: 0px dotted #e86710;}

#OBLoaderWrapper2  .e-tableform img {position:static;}
.tableform p, .e-tableform p { margin:0px; padding: 5px; border: 0px; font-family: verdana, Helvetica, sans-serif;  font-size: 11px;}
.tableform p, .e-tableform p strong {font-weight: bold; color: #3a7706; font-style: italic; }
.e-tableform  label{font-size: 11px;}
.tableform  label{font-size: 11px;}

.tableform thead {color: #09669f; font-weight: bold; font-size: 9px;}
.tableform thead a {color: #fff; font-size: 9px;}
.tableform thead td, .tableform thead td {background-color:#e5edf2; color: #09669f; padding-left: 5px;}
.tableform tfoot {color: #828277; font-size: 10px;}
.tableform tfoot td {background-color:#E5E5DA; font-size: 10px;  }
.tableform .dayColour{background-color:#E2E2D7;}
.tableform td,.e-tableform td {background-color: #f2f5f7; font-family: verdana, Geneva, sans-serif; font-size: 11px; padding: 7px; color: #1a547e;}
.tableform table td {border: none; padding: 0px; padding-bottom: 10px;}

.tablegrid { border-top: 1px solid #e1e7e8; border-bottom: 1px solid #e1e7e8;  border-collapse: collapse;border-spacing: 0; color: #333333; font-size: 11px; margin-top: 0; padding:3px 10px; background: #e6f3e6; margin-bottom: 10px;}
.tablegrid thead {color: #999999; font-weight: bold; }
.tablegrid thead a {color: #09669F; font-size: 11px; text-decoration: underline; font-weight: bold;}
.tablegrid thead td {background-color: #e1e7e8; color:#09669f; font-size: 11px; font-family:verdana, Geneva, sans-serif; }
.tablegrid td { background-color: #f2f5f7; padding: 8px 12px; border-bottom: 1px dotted #e1e7e8; font-size: 12px; line-height: 20px;}
.tablegrid td.last {border:none;}
.tablegrid tr:last-child td {}
.tabledetailed {border: 1px dotted #a3c1db; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-family: verdana, Geneva, sans-serif;  font-size: 10px; color:#333333; margin-bottom: 4px;}
.tabledetailed thead {color: #999999; font-weight: bold;}
.tabledetailed thead td, .tabledetailed thead td {background-color:#FFFFFF; font-size: 10px; font-family:verdana, Geneva, sans-serif; }
.tabledetailed td {padding: 1px; border-right: 1px dotted #b5d0e8; border-bottom: 1px dotted #b5d0e8; font-size: 10px; vertical-align: top;}
.tabledetailed strong {font-size: 10px;}
.table_calendar {}
.tablerow_main tr {background-color:#000000;}
.tablerow_alt td {background-color:#FFFFEE;}
.tablerow_over td {background-color:#FFFFCC;}
table.services img{ padding:10px 0;}
table {/*padding-bottom:10px;*/}


/* ESTATEMENTS TABLE LAYOUT - WIDE */
.tablewrap_multiple { width: 94%; height: 50%;  border: solid 1px #333; 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 #333; height: auto;}
.tabletitle_single { position: relative; width: 94%; clear:both; color: #666; font-weight: bold; font-size: 11px; padding: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 { background-color:#f1f7e4; padding:10px; position: relative; width: 97%; /*height: 20px; margin-left: 0px; margin-right: 5px; padding:10px; font-size: 12px;*/ }
.dropmenu_top form { border-bottom: solid 0px #d5eaa9; padding-bottom: 5px; text-align: right; /*background-color:#f1f7e4;*/}
.pdf_download {  border-bottom: 1px dotted #eeeeee;  border-top: 1px dotted #eeeeee; padding-top: 20px; position: relative; float: left; clear: right; height:30px; width: 100%;  padding-right: 5px; padding-left: 0px; padding-bottom: 15px; margin-right: 0px; margin-left: 5px; margin-bottom: 20px; font-size: 11px; /*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 { position: relative; top: -75px; left: -100px;}
.rowseparator {border-bottom: dotted 1px #CCC; height: 15px;}
.required_green { font-weight:bold; color:#393;}
.yeartitle{color: #333; }
.error_notfound { border: solid 1px #0F0; }


/*PIN MANAGER-----------------------------------------*/
.tabletitlePin {padding-right: 15px; width: auto; color:#FFF; font-weight:bold; font-size: 11px;  /*background-color: #4C98D4;background-image: url(../../images/essentials/pinform_title_right.gif); background-repeat:no-repeat; background-position:right top;*/}
.tabletitleLeft { /*padding-left:15px; background-image:url(../../images/essentials/pinform_title_left.gif); background-position:left top; background-repeat:no-repeat;*/}
.tableformPin {  width: 100%; background-color: #dddddd;font-family: Arial, Verdana, Geneva, sans-serif;}
.tableformPin font, td {font-size: 11px;}
.tableformPinMain { padding-left: 15px; padding-top: 3px; padding-bottom: 10px; background-color: #E6E6E6;}
.tableformLeft{ padding-left: 15px; background-color: #f3eeee; }
.tableformRight { padding-left: 10px; }
.tableformPinIconsL{ padding-left: 50px; background-color: #F3F3F3; vertical-align:middle; text-align: left; border-bottom: 1px solid #E6E6E6;}
.tableformPinIconsL li { padding-bottom: 1px; display: block; list-style:none; padding-left: 5px; padding-right: 5px; text-align: left; white-space: nowrap;  height: 22px; float: left;  }
.tableformPinReg { padding-left: 15px; padding-bottom: 3px; padding-top: 3px; background-color: #E2ECF5; vertical-align: text-top;}
.tableformPinMembersC { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3; background-image:url(../../images/essentials/member_corner.gif); background-repeat:no-repeat; background-position:right top; }
.tableformPinMembers { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3; vertical-align: middle;}
.pinManagerTickImg { vertical-align: middle; padding:5px}

/* FONT CLASSES FOR PIN MANAGER FORM */
.fontRed {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#F00;}
.fontBlue {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#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 #333; 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 #333; 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; height: 30px; width: 93%;margin-left: 0px; padding-left: 10px; margin-right: 5px; padding-top: 5px; padding-bottom: 0px; font-size: 12px; border: solid 0px #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: #333; }
.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 {} 
#img_login {} 
#img_youthzone {} 
#img_newsheadlines {}
#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: auto; 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:11px; }
#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: 730px; }
#container p { padding-bottom: 30px; }


#OBLoaderExternal1 {position:relative;}
#OBLoaderWrapper1 { min-height: 400px;}
#OBLoaderDiv1 {background: none repeat scroll 0 0 #000000; display: block; height: 356px; left: 48.5%;  margin-left: -350px; opacity: 0.2; filter: alpha(opacity=20);  -moz-opacity:0.2; -khtml-opacity: 0.2; position: absolute; top: -6px; width: 700px; z-index: 50;}
#OBLoaderWrapper1 img {left: 44%; position: absolute; top: 35%; z-index: 100;}

#OBLoaderExternal2 {position:relative;}
#OBLoaderWrapper2 { min-height: 200px;}
#OBLoaderDiv2 { background: none repeat scroll 0 0 #000000; display: block; height: 560px; opacity: 0.2; filter: alpha(opacity=20);  -moz-opacity:0.2; -khtml-opacity: 0.2; position: absolute; top: 0px; width: 730px; z-index: 50;}
#OBLoaderWrapper2 img {left: 45%; position: absolute; top: 50%; z-index: 100;}

#OBLoaderExternal3 {position:relative;}
#OBLoaderWrapper3 { min-height: 230px; margin-bottom: 20px; }
#OBLoaderDiv3 { background: none repeat scroll 0 0 #000000; display: block; height: 245px; left: 0;  opacity: 0.2; filter: alpha(opacity=20);  -moz-opacity:0.2; -khtml-opacity: 0.2; position: absolute; top: 0px; width: 730px; z-index: 50;}
#OBLoaderWrapper3 img {left: 48%; position: absolute; top: 38%; z-index: 100;}


#RowOne { width: 680px; height: 194px;}
#RowTwo {width: 680px;}
#RowThree { width: 712px; }

/* BOX ATTRIBUTES */
#RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1 { display: inline; color:#ec4207; font-size: 17px; font-weight: bold; padding: 0px; } 
#RowOneBoxOne p, #RowOneBoxTwo p, #RowTwoBoxOne p, #RowTwoBoxTwo p { padding: 5px 0 0 0; font-size: 13px; font-weight: normal;} 
#RowOneBoxOne li, #RowOneBoxTwo li, #RowTwoBoxOne li, #RowTwoBoxTwo li {line-height:16px; padding: 0px 10px 0px 0px; font-size: 12px; margin-left: 18px; color:#ec4207; }
#RowOneBoxOne #LinkBtn a, #RowOneBoxTwo #LinkBtn a, #RowTwoBoxOne #LinkBtn a, #RowTwoBoxTwo #LinkBtn a  { border-top: 1px dotted #0c7cc4; font-style: italic; font-family: 'Muli', sans-serif; position: absolute; bottom: 2px; font-size: 12px; text-decoration: none; font-weight: bold; color: #0c7cc4;}
#RowOneBoxTwo span.SmallGreenText {float: left; color: #5aaa0c; font-style: italic;}

/* BOX GRAPHICS*/
#RowOneBoxOne { border-bottom: 1px dotted #0c7cc4; position: relative; float: left; width: 310px; height: 145px; padding-left: 0px; background-image: url(images/online_banking_bkgd.jpg);background-repeat: no-repeat; }
#RowOneBoxTwo { border-bottom: 1px dotted #40b201; position: relative; float: right;  width: 310px; height: 145px; padding-left: 0px;  background-image: url(images/e_statement_bkgd.jpg); background-repeat: no-repeat; }
#RowTwoBoxOne { border-bottom: 1px dotted #f18700; position: relative; float: left;  width: 310px; height: 145px; padding-left: 0px;  background-image: url(images/online_loan_bkgd.jpg); background-repeat: no-repeat; }
#RowTwoBoxTwo { border-bottom: 1px dotted #ff92ff; position: relative; float: right;  width: 310px; height: 145px; padding-left: 0px; 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-left: 10px;}
#bankingPinConfirm h1 { margin-bottom: 10px; color: #003366; padding-top: 10px;}
#bankingPinConfirm {  }
#bankingPinConfirm #LoginForm {}
#bankingPinConfirm .insertRandomPin3{ position: relative; width: 120px; top:0px; float: left;}

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

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

/*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;}

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

/* 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: #2067c0; }
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 {font-size: 18px; height: 25px; left: 520px; position: relative; text-align: right; top: -105px; width: 80px; color: #2c509b; }
input#term {color: #2c509b;font-size: 18px; height: 25px; left: 370px; position: relative; text-align: right; top: -65px; width: 230px; }
select#intrateDDL {border: 1px dotted #7D869E; font-size: 12px; height: 21px; margin: 10px 0 40px 20px; padding-top: 1px; width: 175px; font-weight:bold; }
select#intrateDDL option{color: #4A546F; font-size: 12px; font-weight: normal; padding: 3px 0 0 3px; }
input#apr { display: none; border-bottom: 1px dotted; font-size: 19px; width: 98%; padding: 0px 3px 10px; font-weight: bold; color:#0d4392; float:left; margin-bottom: 10px; }
#contentarea ul#sliderValuesList {color: #7D869E; font-family: Verdana; font-size: 12px; padding-left: 0; line-height:20px; width: 100%; margin-bottom:20px; }
#contentarea ul#sliderValuesList li {list-style:none; border-bottom: 1px dotted; margin-left: 3px; padding: 10px 5px; }
ul#sliderValuesList {color: #7D869E; font-family: Verdana; font-size: 12px; padding-left: 0; line-height:20px; width: 100%; margin-bottom:20px; }
ul#sliderValuesList li {list-style:none; border-bottom: 1px dotted; margin-left: 3px; padding: 10px 5px; }
input#paymentSliderWeekly,
input#paymentSlider2Weeks,
input#paymentSlider4Weeks,
input#paymentSliderMonthly,
input#paymentSliderTotal4Weeks,
input#paymentSliderTotalMonthly
{display:block; font-size: 16px; font-weight: bold; padding: 0; margin-top: 2px; color: #263b66; }
input#paymentSliderTotalWeekly,
input#paymentSliderTotal2Weeks,
input#paymentSliderTotal4Weeks,
input#paymentSliderTotalMonthly { display:block; font-size: 16px; font-weight: bold; color: #2c509b; }
input#paymentSliderTotalInterestWeekly,
input#paymentSliderTotalInterest2Weeks,
input#paymentSliderTotalInterest4Weeks,
input#paymentSliderTotalInterestMonthly
{display:block; font-size: 16px; font-weight: bold; color: #ec6307; }
span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 35%; }
#divSliderCalcLoanType {background-color:#f7f7f7;padding: 10px; }
#divSliderCalcLoanTypeText {color: #2e497a; float: left;font-size: 13px; margin-top: 12px; }
#sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -25px; position: relative; top: 29px; }

/* LOAN CALCULATOR PAGE */
/* UnComment the 3 lines below, to swap Methods A and B */
/*
#methodTwoTable { position: relative; top: -230px; }
#methodOneTable { position: relative; top: 230px; }
.informationalLoanCal { font-size: 11px; color: #699; position: relative; top: 20px; }
*/
.informationalLoanCal { font-size: 11px; color: #699; }


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


/* PAGE CONTENT LAYER */
#pageContent{position: relative; width:1000px; height:100%; text-align: left; margin: auto;}
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:1000px; height:100%; padding-top: 0px; padding-bottom: 90px; /*background-image:url(images/bg_content.png); border-bottom: 1px solid #dbe0e2;*/}
#pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}


/* MASTHEAD FACILITIES*/
#facilities { z-index: 12; position: absolute; top: 0px; left: 0px; width:850px; height: 38px; padding-top: 2px; }
#facilities ul {margin: 0px; padding: 1px;}
#facilities li {display: block; float: right; padding-left:2px; padding-right: 2px;}
#facilities a { font-size: 11px; color:#15294b; text-decoration: none; display: block;}
#facilities a:hover {color:#006699; text-decoration: underline;}
#facilities .divider {padding-left: 7px; margin-left: 4px; background:url(../../templates/current/images/divider.gif); background-position:left; background-repeat:no-repeat;}

#facilities #helpmenu {position:absolute; padding: 3px; top:5px; left:860px; background:none; float:none; text-align:left; visibility:hidden; background-image:url(images/help_menu_bkgd.png); background-repeat:repeat; border-radius: 15px; -webkit-border-radius:15px; -khtml-border-radius: 15px; -moz-border-radius: 15px;  behavior: url(templates/current/PIE.htc);}
#facilities #helpmenu li {background:none; display:list-item; list-style: none; width:140px; padding-bottom:5px;}
#facilities #helpmenu a {color:#fff;}
#facilities #helpmenu a:hover {text-decoration:underline; color:#fff;}

#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; }


/*Social Networking Icons */
#SocialNet{ z-index: 10; position: absolute; top: 43px; left:580px;  width: auto; height: auto;}
#SocialNetTxt { display: none; position: relative; float: left; color:#19345f; font-size: 11px; width: 80px; text-transform: uppercase;}
#SocialNetIcons { position: relative; float:left; width: auto; height:auto; }
#SocialNetIcons img { list-style-image:none; }
#SocialNetIcons a { display: inline; }
#membersAreaPage #SocialNet {display: none;}

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


/* BYLINE (TEL/FAX/DATE BAR) */
#byline { z-index: 11; position: absolute; overflow: hidden; color: #FFFFFF; height: 45px; width: auto;}
#byline .contactdetails {position: absolute; top: 0px; left: 0px; padding-left: 10px;}
#byline .contactdetails strong {color: #FFFFFF;}
#byline .currentdate {position: absolute; top: 0px; left: 400px; width: 350px; padding-right: 10px; text-align: right;}
#byline_members { height: 37px; padding-top: 8px; margin-bottom: 0px; overflow: hidden; color: #FFFFFF; background:url(../../templates/current/images/menu_bkgd.gif) top repeat-y;}
#byline_members .contactdetails {float: left; padding-left: 30px; color: #FFFFFF;}
#byline_members .contactdetails p { color: #fff;}
#byline_members .currentdate {float: right; padding-right: 30px;}


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

#contentPage #layoutarea,
#securePage #layoutarea,
#officeAreaPage #layoutarea,
#loginPage #layoutarea,
#membersAreaPage #layoutarea,
#calculatorPage #layoutarea,
#directorsAreaPage #layoutarea,
#pinsPage #layoutarea,
#newsPage #layoutarea,
#layoutareaoffice{position: relative; width: 1000px; margin:0 auto; text-align:left; background-color:#fff;}

#layoutareaoffice:after,
#securePage #layoutarea:after,
#contentPage #layoutarea:after,
#loginPage #layoutarea:after,
#membersAreaPage #layoutarea:after,
#calculatorPage #layoutarea:after,
#directorsAreaPage #layoutarea:after,
#pinsPage #layoutarea:after,
#newsPage #layoutarea:after,
#officeAreaPage #layoutarea:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}


/* MAIN NAVIGATION MENU */
#mainmenu { height: 45px; margin: auto; overflow: visible; text-align: center; background-image:url(images/menu_bkgd.gif);/**/ width: 1000px; margin-bottom:10px; }
html>body #mainmenu {height: auto; overflow: auto;} /*ONLY WAY TO GET UL BACKGROUND IMAGE TO DISPLAY IN IE5/IE6 WAS TO SPECIFY HEIGHT AND OVERFLOW ABOVE. THIS LINE CORRECTS THAT FOR ALL OTHER BROWSERS*/
#mainmenu li {text-align: left; white-space: nowrap; padding-bottom: 0px; height:  45px; float: left; display: block; list-style: none; background:url(../../templates/current/images/menu_divider.gif) top right no-repeat;}  /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/
#mainmenu li#section7.section_selected {background:none;}
#mainmenu a {color: #FFFFFF;  display: block; font-size: 13px; line-height: 45px; padding-top: 0px;  text-align: center;  text-decoration: none;  text-shadow: -1px 0 1px rgba(0, 0, 0, 0.5); /*text-transform: uppercase;*/  width: 100%; height: 45px; 
-webkit-transition: color 0.3s linear; /*safari and chrome */
-moz-transition: color 0.3s linear; /* firefox */}
#mainmenu a:hover {color: #cfe5f3; text-decoration: none; background:url(../../templates/current/images/menu_bkgd_selected.gif) repeat-x; background-position: bottom;}
#mainmenu .lastSection { width: auto; background: none; margin-left: 5px;}


/* 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: 2000; margin-top: 35px; 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:#16325d;}
#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 #99B6CF; font-weight: normal; width:auto; background:#1d3662; }
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; text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2); display: block; font-family: 'Muli', sans-serif; font-size: 11px;  height: auto; font-style: normal; font-weight: normal; line-height: 14px; padding: 7px 0 7px 5px; text-align: left; text-decoration: none; background:none; width: auto; border-bottom:none; -webkit-transition: all 0s linear; /*safari and chrome */-moz-transition: all 0s linear; /* firefox */-o-transition: all 0s linear; /* opera */margin:0; text-transform: none;}
#mainmenu li#section61 .popoutmenu li a:hover, #mainmenu li .popoutmenu li a:hover{text-decoration:none; color:#fee697; line-height: 14px; height: auto; background: #5d81a0; text-shadow: 1px 0 0 rgba(0, 0, 0, 0.2); border-bottom:none; border-top:none; width: auto; margin:0; padding: 7px 0 7px 5px;}



/* TEXT CONTENT & NAVIGATION CONTAINER */
#contentarea {position: relative; float: right; width: 740px; min-height: 300px; margin-right: 0px; padding-right: 10px; }
#contentarea .pagetitle_image {display: none; }
#contentarea .pagecontent {min-height: 500px; padding: 5px; text-align:left; background-color: #FFF;}
#contentarea ul {padding-left: 28px; margin-bottom: 10px;}
#contentarea ol {padding-left: 28px; margin-bottom: 10px;}
#contentarea li {display:list-item;}
#contentarea a {text-decoration: underline;}
#contentarea .pagecontent_members { position: relative; margin-bottom: 15px; min-height:380px; }
#contentarea .pagecontent_members p {color:#4b5d7d;}
#contentarea .pagecontent_members h3 {color: #445B69; padding-bottom: 5px;}
#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;}

/* TEXT CONTENT & NAVIGATION CONTAINER OFFICE AREA */
#contentareaoffice { position: relative; float: right; width: 760px; min-height: 300px; padding: 0px; padding-right: 10px; padding-top: 10px; background-color: #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 {text-decoration: none; }
#contentareaoffice .pagecontent_members { position: relative; margin-bottom: 15px; min-height:300px; }
#contentareaoffice .pagecontent_members h3{ margin:0px; font-weight: normal; }
#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,
#directorscontentarea {position: relative; float: right; width: 730px; margin-right: 10px; margin-top: 10px; } /* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/
.pagetitle_members {font-size:20px; color:#4c82ae; padding-bottom: 5px;}
.pagetitle { background-color: #ecd117; height: 25px; text-align:right; margin-bottom: 10px; padding: 5px; color: #1a3460; font-size: 16px; font-style: italic; /*font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;*/}


/* DIRECTOR AREA */
.directors_content { }
.directors_fullwidthcontent {float: left; width: 100%; border: 1px solid #f00;}
.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 { clear: both; width: 1000px; text-align: center; height: 294px; padding-bottom: 22px; background:url(images/flash_bkgd.png) no-repeat; }
#mini_flashcontainer { position: relative; right: 0; width: 287px; height: 167px; float: right; }
#announcements_content { display: none; position: relative; left: -35px;background-image: url(images/announcment_01.png); background-repeat: no-repeat; margin-bottom: 5px; padding-bottom: 15px; /* border-bottom: 1px solid #DDDDDD;*/ height:38px; padding-top:15px; overflow: visible; width: 1006px;}
#announcements_content a { padding-left: 40px; font-size: 15px; font-weight: bold; color: #5f7394;}
#announcements_content_dynamic { position: relative; height: 20px; border-bottom: 4px solid #137eb0; margin-bottom:20px; margin-left: 20px; margin-right: 20px;}
#announcements_content_dynamic h1 { display: none; }
#announcements_content_dynamic h2 { display: none; }
#announcements_content_dynamic p {display: none;}
#announcements_login { display: none; float:right; height: 20px; width: 470px; background-image:url(images/announce_login_icon.jpg); background-repeat:no-repeat; background-color:#FFF; padding-top:4px; overflow: visible;  filter: alpha(opacity=0); -moz-opacity:0%;}
#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: 95%; margin-bottom: 11px; padding-top:0px; overflow: hide; filter: alpha(opacity=0); -moz-opacity:0%; }
#announcements_members a { font-family: 'Muli', sans-serif; font-size: 14px; font-weight: bold; color:#F90; text-decoration: none; }

#altAnnouncement {display: none;  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 { height: 100%;}

/* SUBMENU (CONTENT PAGES ONLY) */
#submenu { position: relative; margin-left: 10px; padding-bottom:20px; padding-top: 15px; width: 230px; background-color:#ebebeb; border-top: #3f5d92 solid 4px;  }
#submenu .title_subsections { display: none; background-image:url(../../templates/current/images/submenu_title.jpg); font-size: 18px; color: #3f5d92; width: 230px; padding-bottom: 10px;  }
#submenu li {list-style-type: none; padding-top:5px; line-height: 20px; padding-left: 40px; background: url(../../templates/current/images/blue_arrow.png) no-repeat; background-position: 14px 10px;}
#submenu a {font-size: 13px; font-weight: normal; color: #3f5d92; font-family: 'Muli', sans-serif; text-decoration: none;border-bottom: 1px dotted #3f5d92;}
#submenu a:hover { text-decoration: none; border-bottom: 1px dotted #ff6600; color:#ff6600;}
#submenuCalculatorLi {display: none; }



/* NAVIGATION SELECTED ITEMS */
#mainmenu .section_selected {font-weight: bold; background:url(../../templates/current/images/menu_bkgd_selected.gif) repeat-x; background-position: bottom;}
#mainmenu .page_selected a {font-weight: bold; background-color: #D5E5F5;}
#submenu .subitem_selected {font-weight: bold;  }


/* MEMBER AREA */
#membermenu {float: left; width: 230px; margin: 10px; border-top: 1px solid #4d6595; background-color: #203864;}
#membermenu li {list-style-type: none; padding: 4px; padding-left: 10px; border-bottom: 1px dotted #4d6595;}
#membermenu a {color: #fff;}
#membermenu .last {font-weight: bold;}
.memo {border: 1px solid #CCCCCC; width: 130px; padding: 2px; position: absolute; top: 5px; left: 770px;}


/* SUBMENU (MEMBERS AREA) */
#submenu_members {float: left; width: 230px; margin:10px; background-color: #637086; }
#submenu_members ul {padding-left: 0px; margin-bottom: 0px;}
#submenu_members li {list-style-type: none; padding: 4px; padding-left:10px; border-bottom: 1px dotted #8995aa;}
#submenu_members a {color: #fff;}
#submenu_members .title_subsections { color: #fff; font-weight: bold; padding: 5px; border-bottom: 2px solid #ffffff;}


/* 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 {width: 100%; margin:10px; float: left; width: 200px;}
#adminmenu ul { width: 100%; border-top: 2px solid #62e4979; background-color:#1e3763; }
#adminmenu li {list-style-type: none; border-bottom: 1px dotted #2e4979; padding-top: 3px; padding-bottom: 2px; padding-left: 3px;}
#adminmenu li a {margin-left: 3px; color: #fff;}
#adminmenu li strong {margin-left: 3px; color: #fff;}
#adminmenu ul li ul {display: none;}
#adminmenu ul li ul li {list-style-type: none;padding-left: 10px; border-bottom: 1px solid #3e5988; background-color: #2e4979;}
#adminmenu ul li ul li a {color: #fff;}
#adminmenu .expanded {display: inline-block;}


/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#modulelinks {position: relative; clear:left; float: left; margin-top: 23px; width: 317px; height: 198px; background-color:#ebebeb; border-top: #3f5d92 solid 4px; }
#modulelinks img {}
#modulelinks li {list-style-type: none; height: 20px;  padding-top:10px; padding-left: 40px; background: url(../../templates/current/images/orange_arrow.png) no-repeat; background-position: 14px 18px;}
#modulelinks a {font-size: 15px; font-weight: normal; color: #ec4207; font-family: 'Muli', sans-serif; text-decoration: none;border-bottom: 1px dotted #ec4207;}
#modulelinks a:hover { text-decoration: none; border-bottom: 1px dotted #ff6600; color:#ff6600;}

#modulelinks_contentpage { margin-left: 10px; float:left; width: 230px; height: 198px; background-color:#ebebeb; border-top: #3f5d92 solid 4px; }
#modulelinks_contentpage img {}
#modulelinks_contentpage li {list-style-type: none; height: 20px;  padding-top:5px; padding-left: 40px; background: url(../../templates/current/images/orange_arrow.png) no-repeat; background-position: 14px 14px;}
#modulelinks_contentpage a {font-size: 13px; font-weight: normal; color: #ec4207; font-family: 'Muli', sans-serif; text-decoration: none;border-bottom: 1px dotted #ec4207;}
#modulelinks_contentpage a:hover { text-decoration: none; border-bottom: 1px dotted #ff6600; color:#ff6600;}
#calculatorPage #layoutarea #modulelinks_contentpage {margin-top:10px;}


#modulelinks #mod18a{}
#modulelinks #mod4a{display: none;}
#modulelinks #mod17a{display: none;}

#modulelinks_contentpage #mod18a{display: none;}

#modulelinks_contentpage #mod17a{display: none;}

/* NEWS HEADLINES */
#newsheadlines {float: left; width:317px; height: 198px; margin-left: 25px; margin-top: 23px; padding-left: 0px; background-color:#ebebeb; border-top: #3f5d92 solid 4px;}
#newsheadlines img {margin-bottom: 10px;}
#newsheadlines h3 {}
#newsheadlines  p { }
#newsheadlines a:hover {}

#newsheadlines_contentpage {float: left; width:230px; height: auto; margin-left: 10px; margin-top: 0px; padding-left: 0px; background-color:#ebebeb; border-top: #3f5d92 solid 4px;}
#newsheadlines_contentpage  img {margin-bottom: 10px;}
#newsheadlines_contentpage h3 {}
#newsheadlines_contentpage  p { }
#newsheadlines_contentpage a:hover {}

#news_content {width: 85%; padding-left: 10px; color: #333; position: relative; filter: alpha(opacity=0); -moz-opacity:0%; line-height: 17px; }
#newsheadlines .newslinks a {color: #009933; font-weight: bold;}
#newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold;}

#customLinkGraphic {z-index: 1000; position: absolute; top: 510px; right: 0px;}

/* NEWS HEADLINES STATIC */

#newsheadlines .newsArticleDate { height:12px; color: #3f5d92; padding-left:21px; padding-right:20px; font-size: 11px; font-weight: 800;  }
#newsheadlines .newsArticleText { height:11px; color: #3f5d92;padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 11px;   }
#newsheadlines .newsArticleLink { color: #3f5d92;font-weight: bold; text-align: right; padding-left:21px; text-decoration: none; text-transform: uppercase; padding-right:20px; font-size: 9px;  }
#newsheadlines .newsArticleLink p { color: #3f5d92;}
#newsheadlines .newsArticleLink a {color: #f33931; text-transform: uppercase;  font-size: 10px; text-decoration: none; }
#newsheadlines .newsArticleLink {position: relative; top:-15px; }

#newsheadlines_contentpage .newsArticleDate {color: #3f5d92; padding-left:21px; padding-right:20px; font-size: 11px; font-weight: bold;  }
#newsheadlines_contentpage .newsArticleText { color: #3f5d92;padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 11px;   }
#newsheadlines_contentpage .newsArticleLink { color: #3f5d92;font-weight: bold; text-align: right; padding-left:21px; text-decoration: none; text-transform: uppercase; padding-right:20px; font-size: 9px;  }
#newsheadlines_contentpage .newsArticleLink p { color: #3f5d92;}
#newsheadlines_contentpage .newsArticleLink a {color: #f33931; text-transform: uppercase;  font-size: 10px; text-decoration: none; }
#newsheadlines_contentpage .newsArticleLink {position: relative; top:-15px; }


/*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 { position: absolute; float: right; top:-75px; right:0px; width: 590px; text-align: right;  height: auto; padding-right: 3px;}/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */
#loginarea img {margin-bottom: 0px;}

#loginarea_contentpage { position: absolute; float: right; top:-75px; right:0px; width: 590px; text-align: right;  height: auto; padding-right: 3px;}/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */
#loginarea_contentpage img {margin-bottom: 0px;}


/* HOMEPAGE /*LIGHTS*/
#spotlight1{border-top: 4px solid #ebebeb; background-color: #ebebeb; position: relative; width:317px; height: 322px; float: left; padding-bottom: 10px; clear: left; margin-top: 10px;}
#spotlight2 {border-top: 4px solid #ebebeb; background-color: #ebebeb; position: relative; width:317px; height: 322px; float: left; padding-bottom: 10px; margin-left: 25px; margin-top: 10px; }
#spotlight3 {border-top: 4px solid #ebebeb; background-color: #ebebeb; position: relative; width:317px; height: 322px; float: right; padding-bottom: 10px; margin-top: 10px;}


.spotlight_title { position: relative; height: 37px; padding:15px; background-color: #fff;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/
.spotlight_title h4 { color: #3f5d92; font-size:18px; font-weight: normal; text-align: left; }
.spotlight_container { font-size: 13px; color:#3f5d92; font-family: 'Muli', sans-serif; position: relative; top: 100px; min-height: 210px;  padding-right: 0px; padding-top: 0px; }
.spotlight_text td{ font-size: 11px; color:#3f5d92; font-family: 'Muli', sans-serif;}
.spotlight_text p { position: absolute; padding: 15px; height: auto; top:-10px; left:0px; padding-bottom: 5px; font-size: 13px; color:#3f5d92; font-family: 'Muli', sans-serif; line-height: 190%;}
.spotlight_image_upload { border-bottom: 4px solid #ffffff; position: relative; float:right; top: -100px; width:auto; height: 92px;}

.spotlight_link { line-height:20px; background-color:#e2a209; position: absolute; bottom: -5px; left: 0px;  width: 307px; padding-top: 10px; padding-right: 10px; height: 36px; text-align: right; }
.spotlight_link a { color: #fff; font-style:italic; font-size: 13px;  }
.spotlight_link a:hover { text-decoration: none; border-bottom: 1px dotted #fff;}

#spotlight2 .spotlight_link { background-color:#e2a209; position: absolute; bottom: -5px; left: 0px;  width: 307px; padding-top: 5px; padding-right: 10px; height: 41px; text-align: right; }


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


/* FOOTER */

#pagefooterOuterIndex, #pagefooterOuterPublic, #pagefooterOuterOther {background-color:#1c3466;}
#pagefooterIndex, #pagefooterPublic, #pagefooterOther   { bottom: 0px;position: relative; width: 1000px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 15px; padding-bottom: 15px;}
#pagefooterOther a { font-size: 11px; color: #fff;}
.ProgressLogo { position: absolute; top: 15px; right: 10px; }
#footerDetails{ width:890px; margin:auto; padding-top: 8px; text-align: left; color: #fff; text-decoration: none; font-size:11px;}
#footerDetails img#footer-cu-logo{position: absolute; top: 15px; left: 0px; }
#fsrnTextOff{ float: left;  color: #fff; text-decoration: none; font-size:10px; text-align: left; padding-left: 20px;}
#pagefooterAlternative{ float: left; width: 800px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 20px; text-align: left; font-size: 11px; color: #fff; clear: both; }
#fsrnTextAlternative{padding-left:15px;}


/*Social Networking Icons Footer*/
#SocialNetFooter{ display: none; position: relative; float: left; z-index: 10; width: 170px; height: auto; top: 0px; left: 0px;}


/*SITEMAP CONTAINER AND NAVIGATION */
#siteMap { display: none; position: relative; width: 100%; height: 60px; margin-left: auto; margin-right: auto; padding: 0px; clear: both; background-color: #c6d1db; text-align:center; background-image:url(images/sitemap_bkgd.gif); background-repeat: repeat; }
#siteMapMenu { display: none; position: relative; width: 776px; height: 100%; margin-left: auto; margin-right: auto; white-space: nowrap; padding-bottom: 1px; height: 28px; display: block; text-align:center; font-weight: bold; }
#siteMapMenu li {display: none; text-align: left; white-space: nowrap; padding-bottom: 1px; padding-left:11px; padding-right: 11px; height: 28px; float: left; display: block; }
#siteMapMenu li a{ display: none; font-size: 11px; color: #0054A4;}
#siteMapMenu li ul a{ display: none; font-size: 9px; font-weight: bold; color: #999;}


/*LOGIN AREAS -OFFICE  /DIRECTORS /REPRESENTATIVES  /VOLUNTEERS  WEBTELLER   -------------------------------------------------------------------------------------*/
#pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb { position: relative; width:978px; height:100%; margin-left: auto; margin-right: auto; text-align: left; /*background-color:#fff;*/}
#pageInContOff:after, #pageInContDir :after, #pageInContUser :after, #pageInContRep :after, #pageInContVol :after, #pageInContWeb :after  {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
#pagefooterOff, #pagefooterDir, #pagefooterUser, #pagefooterRep, #pagefooterVol, #pagefooterWeb { position: relative; width: 978px; height: 26px; padding-top: 10px;  margin:auto; text-align:center; font-size:10px; background-color:#fff; }
#pagefooterOff a, #pagefooterDir a, #pagefooterUser a, #pagefooterRep a, #pagefooterVol a, #pagefooterWeb a  { color: #69C; font-size:10px;}
.officeLogCont, .userLogCont, .repLogCont, .volLogCont, .webLogCont, .directLogCont{ margin-bottom: 20px; position: relative; width: 100%; height: 230px; padding-top: 10px; padding-bottom: 0px; background-color:#f1f1f1; }
.officeTxtAlertCont, .dirTxtAlertCont, .userTxtAlertCont, .repTxtAlertCont, .volTxtAlertCont, .webTxtAlertCont { float: right; width: 0%; height: 100%; font-size: 12px;}
.officeLogContInner, .dirLogContInner, .directLogCont, .userLogContInner, .repLogContInner, .volLogContInner, .webLogContInner { position: relative; width: 100%;  height: 100%; font-size: 11px; }
.userTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;}
.passwordTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;}
.emailTxt{float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;}
.enterCode{ position: relative; top: 30px; float: left; width: 38%; padding: 3px; text-align: right;}
.userInputShort{ float:right; width: 59%; height: 20px; padding: 3px;}
.userInputShort .input_short, 
.passwordInputShort .input_short, 
.enterCodeInputShort .input_short{ border: 1px dotted #bacdd4;}
.passwordInputShort{ float: right; width: 59%; height: 20px; padding: 3px;}
.smallfont a {font-size: 10px;}
.emailInput{float: right; width: 59%; height: 20px; padding: 3px; }
.enterCodeInputShort{float: right; width: 59%; height: 30px; padding: 3px; padding-bottom: 5px; }
.captchaGraphic{ float: right; width:59%; height: 80px; padding-top: 10px;   }
.logButtin{float: right; width: 59%; text-align: left; padding: 3px; margin-top: 10px;}

#pageInContDir #layoutarea {margin: 0px auto;  position: relative;text-align: left;width: 1000px;  }
#pageInContDir #byline_members {margin-right: 17px; width: 1000px;}
#pageInContDir #contentarea { position: relative; float: right; width: 750px; min-height: 800px; padding-top: 10px; margin-top: 0px; margin-right: 5px; background-color: #FFFFFF; }


.directors_content h3 { }
.directors_content p { }

.directors_fullwidthcontent {float: left; width: 100%;}
.directors_sidebar {float: right; width: 30%; border-left: 1px dotted #DDDDDD; text-align:center;}
.directors_sidebar td {padding:3px; color: #235BA6;}

#officeAreaPage .directors_content {width:62%; float:left;}
.directors_content {width:60%; float:left;}
.directors_sidebar {width:35%; float:right;}
.directors_sidebar td {padding:4px;}
#dircontentareaoutercontainer {}
#dircontentareainnercontainer {}

#dircontentareainnercontainer .pagecontent_members .tableform {}
#realFooterDirectors {}


/* PIN MEMBER LOGIN -----------------------------------------------------------------------------------*/
#AlertPanelMemNo { font-size: 11px; position: absolute; right: 20px; margin-top: 0px; width: 195px; color:#cc0000; text-align:left;}
#AlertPanelMemNo strong{ font-size: 11px;}
#AlertPanelPIN {position: absolute; right: 13px; width:40%;  text-align:left; color:#cc0000;font-size: 11px; }
#AlertPanelPIN a { font-size: 11px; }
#bankingPinConfirm {background: url(../../templates/current/images/bg-bankingPinConfirm.jpg) no-repeat; height: 196px;padding-left:10px; float:left;}
.mainContainerbkgd {width: auto; height: auto; text-align:right;}
.mainContainerbkgd .input_short,
.mainContainerbkgd .input_2char, 
.mainContainerbkgd .input_4char,
.mainContbkgd3 .input_short,
.mainContbkgd3 .input_2char,
.mainContbkgd3 .input_4char {border: 1px dotted #093a6e;}
.mainContainer, 
.mainContbkgd3  { color: #093a6e; font-size: 13px; background-color: #ededed; float: left;  height: auto; margin-right: 5px;  padding: 20px 0 20px; text-align: right;  width: 100%;}
.memContainer,
.secContainer,
.noMemberNumber{margin-bottom: 5px;}
.alert { border-left: 1px dotted #92c0d0; float: right;  height: 170px; margin-left: 20px; margin-top: 10px; width: 210px;}
.noMemberNumber a {font-size: 11px; margin-right: 3px; line-height: 10px;}
.noMemberNumber2 a {font-size: 11px; margin-right: 3px; line-height: 20px;}
.memContText {padding-bottom: 20px; padding-top:10px;}
.memberNumberTxt {float:left;font-weight:bold; padding-left: 260px;}
.memberNumberTxt2 {float:left;font-weight:bold; padding-left: 70px; padding-top: 0px;}
.securityPasswordTxt {float:left;font-weight:bold; padding-left: 240px;}
.memNumForm {padding-bottom: 10px; padding-right:0px;}
.memNumForm2 {padding-bottom: 15px; padding-right:0px;}
.secPassForm {padding-bottom:10px; padding-right:0px;}
.secPassBut {margin-right: 0px; padding-bottom: 5px; text-align: right; float:left; width: 390px;}
.mainContainerbkgdPin {background-color:#F0F0F0; width: auto; height: auto; text-align:right;}
.mainContainerPin {background-color:#F0F0F0;width: auto;height: auto;text-align:right;margin-right: 170px;padding-right:5px;border-right-style:dotted;border-right-width: 1px;border-right-color: #CCC;}
.pinContText {}
.pinNumberTxt {float:left;font-weight:bold; padding-left: 142px;}
.dobPasswordTxt {float:left;font-weight:bold; padding-left: 140px;}
.memContainer{}
.dobContainer {}
.pinNumForm {padding-bottom: 0px; padding-right:0px;}
.inPassBut {padding-bottom: 10px}
.mainContbkgdSec2 {background-color:#F0F0F0; width: auto; height: auto; text-align:right;}
.mainContSec2{ background-color:#F0F0F0;width: auto;height: auto;text-align:right;margin-right: 170px;padding-right:5px;border-right-style:dotted;border-right-width: 1px;border-right-color: #CCC;}
.secContainer2{}
.secPassTxt2{float:left;font-weight:bold; padding-left: 350px; padding-bottom: 5px; padding-top: 2px; }
.secPassField2{padding-bottom: 0px; padding-right:0px; padding-bottom: 5px;}
.mainContbkgdPin2 {overflow: hidden; width: 100%; height: 100%; background-color:#F0F0F0; }
.mainContPin2 {overflow: hidden; width: 100%; height: 100% ;text-align:right; margin-right: 50px; padding-top: 10px; background-color:#F0F0F0;  border-right-style:dotted; border-right-width: 1px; border-right-color: #CCC; }
.infoCont { display: none; position: relative; float: right; top: 2px; width: 47%; height: auto;padding-left:5px; clear: both; margin-top: 0px; margin-right:4px;  font-size:9px; color: #000; border: #6C0 solid 1px; background-color:#D8D8D8; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);}
.infoContReg { display: none; position: relative; float: left; top: 3px; width: 35%; height: auto; font-size:9px; color: #000; border: #6C0 solid 1px; background-color:#D8D8D8; padding-left:5px; clear: both; margin-top: 0px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);}
.memContainer2{}
.pinContainer2{}
.dobContainer2{}
.memNumberTxt2{float: left; padding-bottom: 5px;  width: 60%; height: 20px; }
.pinNumberTxt2 {float: left; padding-bottom: 5px;   width: 60%; height: 20px; }
.dobPassTxt2 {float: left; padding-bottom: 5px;  width: 60%; height: 20px; }
.memNumField2{float: right; padding-bottom: 5px; text-align: left; width: 38%; height: 20px;}
.pinNumField2 {float: right; padding-bottom: 5px; text-align: left; width: 38%; height: 20px;}
.dobField2 {float: right; padding-bottom: 5px; text-align: left; width: 38%; height: 20px;}
.logPassBut2 {float: right; width: 100%; margin-right: 173px;}
.mainContbkgdRand3 { padding-top: 10px; width: auto; height: auto;  text-align:right;}
.mainContRand3 { border-right: 1px dotted #92c0d0; width:399px; height: auto; text-align:right; margin-right: 320px; padding-right:15px; padding-top: 0px;}
.dobContRand3 {margin-top: 10px; float:right;}
.pinContRand3 {}
.rand3PinTxt{ float: left; margin-top: -3px; padding-left: 170px;}
.dobInputTxtRand3 {float: left; font-weight: bold; padding-right: 15px; padding-top: 2px; width: 100px;}
.dobInputTxtRand3_2 { float: left;
    font-weight: bold;
    margin-right: 29px;
    padding-bottom: 8px;
    width: 251px;}
.pinNumFormRand3 { height: auto; padding-top: 5px;}
.pinPassButRand3 { margin-top: 20px; }
.insertRandomPin3 { float:left; width: 185px;}
.dobForm3 { padding-bottom: 10px; padding-right: 0; float: left;}
.dobForm3 .input_short{/*height: 26px; line-height: 18px;*/}
.dobForm3_2 {float: left; padding-bottom: 25px; padding-right: 0;}
.insertRandomPin3 .input_2char {text-align: center;}

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

/* GRAPHIC ICONS BELOW LOGIN BOX*/
.pagecontent .memLogLinksCont { position: relative; float: left; height: 100%; padding-top: 10px; }
.memLogLinksCont { position: relative; float: left; height: 100%; padding-top: 10px; }

.Lost_bkgd, .register, .security, .problems, .browser   { margin-bottom: 10px; height: 45px; line-height: 150%; padding-top: 5px;padding-left: 11px; padding-right: 20px;text-align: left; width: 290px; color: #2A536D;font-size:11px; }
.Lost_bkgd a, .register a, .security a, .problems a, .browser a    {font-size:11px; }
.Lost_bkgd { border-bottom: 0px solid #7db1d1; background: #dedbdb url(../../images/essentials/lost_pin_bkgd.png) right no-repeat;}
.register {  border-bottom: 0px solid #7db1d1; background: #dedbdb url(../../images/essentials/reg_pin_mem_log_bkgd.png) right no-repeat; }
.security {  border-bottom: 0px solid #7db1d1; background: #dedbdb url(../../images/essentials/security_mem_log_bkgd.png) right no-repeat; }
.problems {  border-bottom: 0px solid #7db1d1; background: #dedbdb url(../../images/essentials/problem_mem_log_bkgd.png) right no-repeat; }
.browser {  border-bottom: 0px solid #7db1d1; background: #dedbdb url(../../images/essentials/browzer_info_bkgd.png) right no-repeat; }

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

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


/*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 { z-index: 3000; position: relative; text-align: right; left: 0px; top:0px; }

ol#pagination li { float:left; display: inline-block; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 0;
text-align: left; text-indent: -8000px; list-style: none; cursor: pointer; margin: 0 2px; position: relative; top: -30px; left: 500px; height:20px; width:20px; }
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: -180px;  width:41px; height:55px;}
ol#pagination li.next { position: absolute; top: -180px;  width:41px; height:55px; }
ol#pagination li.prev { position: absolute; left:-11px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -84px;}
ol#pagination li.next { position: absolute; left:966px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -140px;}


/* FACEBOOK COMPETITION ------------------------------------- */
li#CompListItemSelected {color: #3399cc; font-weight:bold; }
img#imgCompUpperImage {text-align:right; padding-right: 20px; margin-top:-20px; }
#divCompContainerLower {background: url(../../images/library/social_networking/fb_bgr.jpg) no-repeat;margin-top: 30px; height:251px; width:100%; }
h2#CompLowerTitleText {color: #FFFFFF; padding:10px 0px 10px 40px; font-size:15px; }
#divCompLowerInnerContainerStep1 {margin: 25px 10px 20px 60px; width:440px; }
#divCompLowerInnerContainerStep2 {padding: 55px 10px 20px 60px; width:440px; }
h3#CompLowerInnerTitleText {color: #003366; font-size:16px; font-style:normal; font-weight:bold; line-height:30px; }
li#CompListItemCompleted {color: #CCCCCC; }
#spanCompLowerInnerFB {float:left; }
input#txtTagLine {/*background: url(images/library/search_bgr.jpg) no-repeat;*/ border: 1px solid #b1b1b1; width:224px; height:32px; float: left; line-height: 20px; overflow: hidden; padding:0 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; /* behavior: url(PIE.htc);*/}
#spanCompTagLineTextbox {}
input#btnTagLine {background: url(../../images/library/social_networking/search_btn.jpg) no-repeat; border: none; width:60px; height:40px; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; cursor:pointer; padding:0; margin-top: -3px; }
label {font-family: Verdana;  }
#spanCompTagLineTextbox {}
#divCompContainerUpper {margin-bottom:25px; }
#spanCompTagLineLabel {float:left; padding-top: 8px; margin-right: 5px; }
#spanCompTagLineTextbox {}
#spanCompTagLineButton {}