/* HIDE & SHOW */
.on { visibility: visible; display: block; }
.off { visibility: hidden; display: none; }


body { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; background-color: #f8f8f8; }
.subheader { color: #fffff0; font-size: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: transparent; text-align: left; height: 20px; padding-top: 2px; padding-bottom: 2px; padding-left: 14px; }
.headerfeature { background-image: url(../i/header_feature.jpg); background-repeat: no-repeat; background-position: right top; height: 100px; }
.header { background-color: #36f; background-image: url(/i/header_bg.jpg); background-repeat: repeat-x; background-position: left top; height: 100px; border-right: 1px solid black; border-left: 1px solid black; }
.header h1 { color: white; font-size: 18px; background-color: transparent; }
.header h2 { color: white; font-size: 22px; font-family: "Times New Roman", Georgia, Times, serif; background-color: transparent; }
.header h3 { }
.header h4 { }

p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }

/* #accessibility { background-color: fuchsia; text-align: right; position: relative; top: 12px; right: 120px; width: 70px; height: 36px; z-index: 99; visibility: visible; float: right; border: solid 1px white; display: block; }*/
/* #accessibility { background-color: gray; text-align: right; height: 100px; width: 100px; top: 12px; position: relative; right: 12px; z-index: 2; visibility: visible; float: right; } */
#textsize { background-color:  transparent; position: relative; top: 6px; width: 100px; height: 24px; z-index: 5; visibility: visible; float: left; clear: none; }

.footer { color: #f8f8f8; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #36f; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; border-right: 1px solid black; border-left: 1px solid black; }
.footer a:link, .footer a:visited, .footer a:hover { color: white; font-size: 10px; text-decoration: none; }
.menu { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; background-color: #9cf; background-image: url(../i/couple.jpg); background-repeat: no-repeat; background-position: center top; text-decoration: none; width: 180px; border-top: 1px solid black; }
.menu table { margin-top: 150px; }
.menu table td { text-align: left; padding: 3px 2px; border-top: 1px solid black; }
.menu .menuodd { color: white; font-size: 11px; line-height: normal; background-color: #36f; width: 180px; }
.menu .menueven { color: black; font-size: 11px; line-height: normal; background-color: #9cf; width: 180px; }
.menu a:link, .menu a:visited { color: navy; font-size: 13px; text-decoration: none; width: 100%; height: 100%; display: block; white-space: normal; }
.menu a:hover { color: white; font-size: 13px; text-decoration: underline; width: inherit; height: inherit; display: block; white-space: normal; }

#menutextsize { color: white; background-color: #9cf; text-align: center; vertical-align: bottom; width: 144px; height: 48px; z-index: 5; visibility: visible; clear: both; margin: 18px 12px 12px; padding: 6px 3px; border: solid 1px; }
#menutextsize a { width: 50px; height: 50px; visibility: visible; float: none; clear: none; cursor: help; display: inline; white-space: normal; }
#menutextsize img {  }

.body { color: black; background-color: white; border-right: 1px solid black; border-left: 1px solid black; }
.main { font-size: 13px; font-family: Skia, Futura, "Trebuchet MS", "Gill Sans", verdana, Arial, Geneva, Helvetica, SunSans-Regular, sans-serif; padding: 4px; }
.main h1 { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: normal; }
.main h2 { font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: normal; }
.main h3 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: normal; }
.main ul { }
.main ul li { }
.main p { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
.main table { background-color: white; border: solid 1px #c0c0c0; }
.main table td { color: black; background-color: #9cf; text-align: center; width: 33%; margin: 2px; padding: 2px; }
.main table td h2,.main table td h3,.main table td h1 { padding-top: 7%; }
.smaller { font-size: 10px; }
.small { font-size: 10px; }
#actualTotal, #actualTotal a:link, #actualTotal a:visited { cursor: help; display: block; white-space: nowrap; }
#actualTotal a:hover { color: red; text-decoration: none; cursor: help; display: block; white-space: nowrap; }
.qResult { background-color: #f2f2f2; margin: 8px 4px; padding: 6px; border: solid 1px #bfbfbf; }
.qResult table { width: 450px; margin-top: 8px; margin-bottom: 8px; }

/* MAILING LIST */
#mailinglist a:link,#mailinglist a:visited { color: #fff; font-style: normal; text-decoration: none; }
#mailinglist a:hover { color: #fffff1; font-style: normal; text-decoration: underline; }
#mldetails { color: #a6a69d; font-size: 10px; background-color: transparent; text-align: right; position: relative; top: 2px; right: 2px; width: 208px; float: right; clear: both; margin: 0 0 2px; padding: 1px; border-color: #686868 #ededed #ededed #686868; border-style: solid; border-width: 1px; white-space: nowrap; }
#mldetails fieldset { font-size: 10px; font-style: normal; background-color: white; margin: 0; padding: 0 1px 1px 2px; border: 0 #a6a69d; }
#mldetails fieldset legend { color: #535353; font-size: 10px; font-weight: bold; font-style: normal; background-color: white; }
#mldetails fieldset a:link,#mldetails fieldset a:visited { color: #939bf0; font-size: 10px; font-family: "Century Gothic", "Gill Sans", Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; }
#mldetails fieldset a:hover { color: #0000da; text-decoration: none; }

/* EDIT MODE */
#exiteditmode { color: #595959; font-size: 11px; background-color: #fffff1; position: absolute; top: 2px; right: 2px; width: 20%; height: auto; z-index: 14; float: right; clear: none; min-width: 100px; max-width: 30%; padding: 2px 2px 40px 8px; border: dotted 1px #b9b9b9; }
.editmodehide { color: #595959; font-size: 11px; background-color: #fffff1; padding: 2px 2px 40px 8px; position: absolute; z-index: 14; top: 2px; right: 2px; width: 20%; height: 8px; overflow: hidden; visibility: hidden; min-width: 100px; max-width: 30%; float: right; clear: none; border: dotted 1px #b9b9b9; display: none; }
.editmodeshow { color: #595959; font-size: 11px; background-color: #fffff1; position: absolute; top: 2px; right: 2px; width: 20%; height: auto; z-index: 14; float: right; clear: none; min-width: 100px; max-width: 30%; padding: 2px 2px 40px 8px; border: dotted 1px #b9b9b9; }
.exitembutton { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: ButtonFace; text-align: center; visibility: visible; float: right; clear: none; margin: 2px; padding: 2px; border: solid 1px blue; }
#emhide { color: white; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #727272; text-decoration: none; text-align: center; position: relative; top: 1px; left: 80%; width: 64px; height: 10px; z-index: 15; visibility: visible; float: left; clear: none; margin: 0 1px; padding: 2px 1px; border: solid 1px #b9b9b9; white-space: nowrap; }
#emhide a:link,#emhide a:visited { color: white; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #9f9f9f; text-decoration: none; text-align: center; padding-right: 2px; padding-left: 2px; border: solid 1px; }
#exiteditmode div#editmode { background-color: transparent; position: relative; top: 32px; width: 50px; height: auto; z-index: 5; float: right; clear: right; display: block; }
#exiteditmode fieldset,#exiteditmode .prompt { position: relative; top: 32px; min-width: 10%; max-width: 35%; padding-left: 1px; }
#exiteditmode fieldset div#editmode { position: relative; top: -14px; right: -14px; z-index: 6; float: right; clear: right; min-width: 10%; max-width: 35%; padding-left: 2px; }
#editmode { position: relative; top: -8px; right: -8px; visibility: visible; float: right; clear: none; z-index: 4; }
#editmode input { color: #5867ef; font-size: 9px; font-family: arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-align: center; z-index: 5; }
#bodyfull .bodytext fieldset.editmode { background-color: transparent; width: 570px; margin: 0; padding: 0; border: solid 1px #d7d7d7; }
fieldset.editmode { background-color: transparent; border: solid 1px #d7d7d7; display: run-in; }
.prompt { color: #cecece; }

/* BODY TABLE */
table.bodytable { background-color: #f6f6f0; width: 90%; border-color: #9f9f9f; border-style: solid none none solid; border-width: 1px 0 0 1px; }
table.bodytable .headerrow { background-color: #a1a1a1; background-image: none; height: auto; margin: 0; padding: 0; border-style: none; border-width: 0; }
table.bodytable td.header,table.bodytable th.header { color: #f4f4e6; font-size: 14px; font-weight: bold; background-color: inherit; background-image: none; text-decoration: none; text-align: center; height: auto; margin: 0; padding: 1px 1px 0; border-bottom: 1px solid #404040; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
table.bodytable .bodyrow { background-color: inherit; text-align: left; vertical-align: top; border-style: none; border-width: 0; }
table.bodytable td.body,table.bodytable th.body { font-size: 11px; background-color: inherit; padding: 2px; border-right: 1px solid #e7e7e7; border-bottom: 1px dotted #e7e7e7; border-top-style: none; border-top-width: 0; border-left-style: none; border-left-width: 0; }
table.bodytable td.bodyvariant,table.bodytable th.bodyvariant { font-size: 11px; background-color: #f2f2f2; padding: 2px; border-right: 0 none transparent; border-bottom: 1px dotted #e7e7e7; border-top-style: none; border-top-width: 0; border-left-style: none; border-left-width: 0; }


/* TABLE ALIGNMENT */
.topleft { text-align: left; vertical-align: top; }
.topright { text-align: right; vertical-align: top; }
.topcenter { text-align: center; vertical-align: top; }
.middleleft { text-align: left; vertical-align: middle; }
.middleright { text-align: right; vertical-align: middle; }
.middlecenter { text-align: center; vertical-align: middle; }
.bottomleft { text-align: left; vertical-align: bottom; }
.bottomright { text-align: right; vertical-align: bottom; }
.bottomcenter { text-align: center; vertical-align: bottom; }

/* TO TOP */
#freebody div.toTop { color: #808080; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; background-color: #d4d4d4; text-transform: capitalize; text-align: center; position: relative; top: -22px; right: 2px; float: left; clear: left; margin: 0; padding: 0 1px; border: solid 1px #acacac; }
#bodyfull div.toTop { color: #808080; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; background-color: #d4d4d4; text-transform: capitalize; text-align: center; position: relative; top: -22px; right: 2px; float: left; clear: left; margin: 0; padding: 0 1px; border: solid 1px #acacac; }
div.toTop { color: #808080; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; background-color: #d4d4d4; text-transform: capitalize; text-align: center; position: relative; top: -22px; right: 2px; float: right; clear: right; margin: 0; padding: 0 1px; border: solid 1px #acacac; }
div.toTop a:link, #freebody div.toTop a:visited { color: #808080; font-weight: normal; text-decoration: none; }
div.toTop a:hover { color: #000080; font-weight: normal; text-decoration: underline; }

/* BREACRUMBS */
#breadcrumbs { margin-right: 4px; }
#breadcrumbs h1 { color: #b9b9b9; font-size: 10px; font-family: verdana, arial; font-weight: normal; text-decoration: none; text-align: right; }

/*POP UPs*/
.popuptext { color: black; font-size: 11pt; font-family: "Times New Roman", Georgia, Times, serif; font-weight: normal; line-height: 14pt; background-color: white; padding: 1cm; }
.popuptext h4 { font-size: 14pt; font-weight: bold; }

/*APPLICATION PROCESS*/
#SDN { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; background-color: transparent; text-decoration: none; text-align: justify; width: 47%; overflow: auto; float: right; clear: right; margin: 2px 1% 0 2px; padding: 2px; border: solid 1px #ccc; display: block; }
#IDD { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none; background-color: transparent; text-align: justify; margin: 2px 2px 0 1%; padding: 2px; width: 47%; overflow: auto; float: left; clear: left; border: solid 1px #ccc; display: block; }
#IDD input, #SDN input { font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: center; margin: 12px 0 4px; }
#agreeTable { width: 97%; float: left; clear: both; margin: 0 0 4px 1%; display: block; }
.bankDetails { color: #102502; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; width: 12px; }
.appForm { background-color: #fafafa; background-image: none; width: auto; height: auto; margin: 2px 8px 4px; padding: 4px; border: solid 1px #d6d6d6; border-collapse: collapse; }
.appTable { background-color: #fafafa; background-image: none; width: 95%; margin: 6px; padding: 4px; border: solid 1px #ccc; border-collapse: collapse; }
.appTable th { background-color: white; background-image: none; height: auto; }
.appTable tr { background-color: white; background-image: none; }
.appTable td { background-color: #fcfcfc; background-image: none; width: auto; border: 0 transparent; }
.appTable .headerrow { background-color: white; }
.appTable .header { background-color: #d6d6d6; background-image: none; width: auto; height: auto; border-color: #e1e1e1 transparent #36f; border-style: solid none; border-width: 1px 0; }
.appTable .bodyrow { background-color: white; }
.appTable .bodyrow .body { background-color: white; background-image: none; width: auto; height: auto; border: 0 transparent; }
.appTable .bodyvariant { background-color: #f8f8f8; width: auto; }
.appTable table { background-color: white; }
.appTable table th { background-color: white; }
.appTable table tr { background-color: white; }
.appTable table td { background-color: white; }
.appTable input {}
.appTable input.enabled { color: black; font-style: normal; }
.appTable input.disabled { color: #acacac; font-style: italic; }
.footnote { color: #6e8cb0; font-size: 11px; margin: 2px 8px 1px; border-top: 1px solid #e6e6e6; }
.appTable .bodyrow .jshighlight,.jshighlight  { color: yellow; font-weight: bold; background-color: red; background-image: none; width: auto; height: auto; border: 0 transparent; }
.appTable .divider { background-color: #727272; width: 4px; }
.appTable .readonly { color: #727272; font-size: 10px; }

.acNobox input { text-align: center; width: 1.6em; display: inline; }