/**************************************************
*** BEGIN STYLES ***
**************************************************/
.mainHeadingText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000
}

.adminHeadingText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #548AF8
}

.titleText {
	font-family: arial, helvetica;
	font-size: 11pt;
	font-weight: bold;
	color: #000000
}

.pageText {
	font-family: arial, helvetica;
	font-size: 9pt;
	color: #000000
}

.greyPageText {
	font-family: arial, helvetica;
	font-size: 9pt;
	color: #A0A0A0
}

.largePageText {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: #000000
}

.nRText {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #AAAAAA
}

.whitePageText {
	font-family: arial, helvetica;
	font-size: 9pt;
	color: #FFFFFF
}

.largeWhitePageText {
	font-family: arial, helvetica;
	font-size: 11pt;
	color: #FFFFFF
}

.headingText {
	font-family: arial, helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #000000
}

.whiteHeadingText {
	font-family: arial, helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF
}

.formSectionHeading {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #548AF8
}

.formSubSectionHeading {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #548AF8
}

.formSmallHeading {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #00319c
}

.formSmallText {
	font-family: arial, helvetica;
	font-size: 8pt;
	color: #000000
}

.formNoteText {
	font-family: arial, helvetica;
	font-size: 8pt;
	font-style: italic;
	color: #46527C
}

.errorsHeading {
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 9pt;
	color: #FF0000
}

.errorsText {
	font-family: arial, helvetica;
	font-size: 9pt;
	color: #FF0000
}

.successText {
	font-family: arial, helvetica;
	font-size: 9pt;
	color: red
}

.greenText {
	font-family: arial, helvetica;
	font-size: 9pt;
	color: green
}

.helpText {
	font-family: arial, helvetica;
	font-size: 8pt
}

.selectText {
	font-family: arial, helvetica;
	font-size: 8pt
}

.calendarText {
	font-family: arial, helvetica;
	font-size: 9pt
}

.calendarNumbers {
	font-family: arial, helvetica;
	font-size: 9pt
}

.smallCalendarNumbers {
	font-family: arial, helvetica;
	font-size: 7pt
}

.sGCN {
	font-family: arial, helvetica;
	font-size: 7pt;
	color: #008000
}

.footerText {
	font-family: arial, helvetica;
	font-size: 8pt;
	color: #FFFFFF
}

.normalLink {
	font-family: arial, helvetica;
	font-size: 9pt;
	color: blue;
	text-decoration: underline
}

.normalLink:hover {
	color: #FF0000;
	text-decoration: underline
}

.footerLink {
	font-family: arial, helvetica;
	font-size: 9pt;
	color: white;
	text-decoration: none;
}

.footerLink:hover {
	color: black
}

.whiteLink {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: white;
	text-decoration: none;
}

.whiteLink:hover {
	color: #FF0000;
	text-decoration: underline
}

.backLink {
	font-family: arial, helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: blue;
	text-decoration: underline
}

.backLink:hover {
	color: #FF0000;
	text-decoration: underline
}

.menuText {
	font-family: arial, helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: underline
}

.menuText:hover {
	color: #FF0000;
	text-decoration: underline
}

.menubarText {
	font-family: Verdana, arial, helvetica;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
}

.menubarText:hover {
	color: #FF0000;
	text-decoration: none;
}

.selectedMenubarText {
	font-family: Verdana, arial, helvetica;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.submenubarText {
	font-family: Verdana, arial, helvetica;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.submenubarText:hover {
	color: #FF0000;
	text-decoration: none;
}

.selectedSubmenubarText {
	font-family: Verdana, arial, helvetica;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.selectedSubmenubarText a {
  text-decoration: underline;
}

.breadcrumbTitleText {
	font-family: arial, helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.breadcrumbDoingText {
	font-family: Verdana, arial, helvetica;
	font-size: 8pt;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.breadcrumbDoneText {
	font-family: Verdana, arial, helvetica;
	font-size: 8pt;
	color: black;
	text-decoration: none;
}

.breadcrumbToDoText {
	font-family: Verdana, arial, helvetica;
	font-size: 8pt;
	color: #C0C0C0;
	text-decoration: none;
}

.b1 {
	clear: both;
	height: 1px;
}

.b2 {
	clear: both;
	height: 4px;
}

.b3 {
	clear: both;
	height: 8px;
}

.b4 {
	clear: both;
	height: 16px;
}

.dL {
	height: 1px;
	background-color: #00319c;
	background-image: url(/resafrica/images/dashes.gif);
}

.dLBB {
	height: 20px;
	background-image: url(/resafrica/images/blue-dashes.gif);
}

.dLGR {
	height: 1px;
	background-color: #C0C0C0;
	background-image: url(/resafrica/images/dashes.gif);
}

.dLS {
	height: 1px;
	background-color: #00319c;
}

input.counter {
	border: 0px hidden #FFFFFF;
	background-color: #FFFFFF;
	color: black; font-size 9pt;
	font-family: arial, helvetica;
	text-align: center;
}

.tabs .leftoff {
	background-image: url("../images/left-off-ra.gif");
	background-repeat: no-repeat;
}

.tabs .lefton {
	background-image: url("../images/left-on-ra.gif");
	background-repeat: no-repeat;
}

.tabs .middleoff {
	background-image: url("../images/middle-off-ra.gif");
	background-repeat: no-repeat;
}

.tabs .middleon {
	background-image: url("../images/middle-on-ra.gif");
	background-repeat: no-repeat;
}

.tabs .middleofflefton {
	background-image: url("../images/middle-off-left-on-ra.gif");
	background-repeat: no-repeat;
}

.tabs .rightoff {
	background-image: url("../images/right-off-ra.gif");
	background-repeat: no-repeat;
}

.tabs .righton {
	background-image: url("../images/right-on-ra.gif");
	background-repeat: no-repeat;
}

.tabs div {
	margin-left: 20px;
}

.leftoff div,.lefton div {
	margin-left: 12px;
}

.tabs {
	font-size: 12px;
	color: #000000;
	line-height: 12px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tabs a:link,.tabs a:visited,.tabs a:active {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 12px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tabs .middleoff a,.tabs .middleon a,.tabs .middleoffonleft a,.tabs .leftoff a,.tabs .lefton a
	{
	display: block;
}

.tabs a:hover {
	text-decoration: underline;
}

.subTabText {
	font-family: Verdana, arial, helvetica;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.subTabText:hover {
	text-decoration: underline
}

.ml {
	background-image: url("../images/margin_left.gif");
}

.mr {
	background-image: url("../images/margin_right.gif");
}

.headerBar {
	clear: both;
	width: 100%;
	padding-bottom: 15px;
	float: left;
	padding-bottom: 10px;
}

.headerBar .heading {
	float: left;
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #548AF8
}

.estDetails {
	color: #000000;
	line-height: 12px;
	text-decoration: none;
	font-family: arial, helvetica;
	font-size: 9pt;
	padding: 3px;
	float: left;
	clear: both;
	width: 100%;
}

.estDetails .labels {
	width: 39%;
	float: left;
	text-align: left;
	padding-top: 3px;
	padding-right: 5px;
}

.estDetails .labelDetail {
	text-align: right;
	color: #606060;
}

.estDetails .values {
	width: 60%;
	float: left;
	text-align: left;
}

.estDetails .value {
	width: 90%;
	float: left;
	text-align: left;
}

.estDetails .required {
	width: 10%;
	float: left;
	text-align: right;
	padding-top: 3px;
	font-size: 8pt;
	font-style: italic;
	color: #46527C
}

.help {
	line-height: 14px;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	padding: 3px;
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
}

.help .contents {
	margin: 5px 0px 10px 50px;
}

.help .contents li {
	padding: 0px 0px 2px 0px;
}

.help .details {
	margin: 5px 0px 10px 0px;
}

.help .details li {
	padding: 0px 0px 10px 0px;
}

.help .details :first-line {
	font-weight: bold;
}

.help .details ul {
	margin: 5px 0px 0px 0px;
}

.help .details ul li {
	padding: 0px 0px 5px 0px;
	list-style-type: square;
}

.help .details ol li:first-line {
	font-weight: normal;
}

.help .details ul li:first-line {
	font-weight: normal;
}

ul.locTree {
  display: none;
  font-family: arial, helvetica;
  font-size: 9pt;
  color: #000000;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
li.locNode {
  font-family: arial, helvetica;
  font-size: 8pt;
  color: #666666;
  padding: 3 2 3 30;
}
li.locLeafNode {
  font-family: arial, helvetica;
  font-size: 8pt;
  color: #666666;
  padding: 3 2 3 30;
}
.ni {
  position: relative;
  left: -5px;
}
.nt {
  background-color: #EEEEEE; 
  border: thin dotted #CCCCCC; 
  margin-right: 2px;
  padding: 0 2 0 2;
}
.locTree a:link,.locTree a:visited,.locTree a:active {
  font-family: arial, helvetica;
  font-size: 9pt;
  color: #000000;
  padding: 3 3 3 2;
}
.locTree a:hover {
  background-color: #DDDDDD;
}
.page_error {
  margin: 0px 20px 20px 20px;
  padding: 10px;
  border: 1px solid #92000A;
  color: #92000A;
  background-color: #FFF58F;
  text-align: center;
  font-size: 14px;
}
.submit_success {
  margin: 0px;
  padding: 3px 5px 3px 5px;
  border: 1px solid #5C350E;
  color: #5C350E;
  background-color: #DCF2D5;
  text-align: center;
}
.submit_failure {
  margin: 0px;
  padding: 3px 5px 3px 5px;
  border: 1px solid #92000A;
  color: #92000A;
  background-color: #FFF58F;
  text-align: center;
}