body, p {

	margin:0;

	padding:0;

	font: 11pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

}



.page-content, #page-content {

	margin:0;

	padding:0;

	font: 11pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

}



h2 {

	font: 20pt Segoe UI Bold, Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	margin: 0px;

	padding: 0px 0px 0px 0px;

}



h3 {

	font: 20pt Segoe UI Semibold, Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	margin: 10px;

	padding: 0px 0px 0px 0px;

}



h4 {

	font: 20pt Segoe UI Semibold, Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	margin: 10px;

	padding: 0px 0px 0px 0px;

}



td {

	text-align: left;

}



.login-table {

	width: 300px;

	padding: 0;

	margin: auto;

	border: 0;

	text-align: center;

	align: center;

	border-collapse: collapse;

}



.login-header {

	background-color: #850100;

	text-align: center;

	font: 20pt Segoe UI Semibold, Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	margin: 10px;

	padding: 0px 0px 0px 0px;

}



.login-footer {

	border-top-color: #000000;

	border-top-style: solid;

	border-top-width: 1px;

	width: 300px;

	padding: 0;

	margin: auto;

	text-align: center;

	align: center;

	border-collapse: collapse;

}



.page-footer {

	border-top-color: #000000;

	border-top-style: solid;

	border-top-width: 1px;

	width: 90%;

	padding: 0;

	margin: auto;

	text-align: center;

	align: center;

	border-collapse: collapse;

}



.page-title {

	font: 20pt Segoe UI Bold, Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	margin: 0px;

	padding: 20px 20px 0px 20px;

}



.page-header {

	margin-top: 10px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

	top: 10px;

	border-top: #FFFFFF solid 1px;

}



.logo {

	margin: 0px;

	padding: 0px;

	top: 0px;

	text-align: left; /* depends on element width */

	position: absolute;

	width: 250px;

	color: #FFFFFF;

	font: 14pt Segoe UI Regular, Verdana, Arial, Helvetica, sans-serif;

}



.logout {

	font: 9pt Segoe UI Regular, Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	top: 0;

	width: 98%;

	text-align: right; /* depends on element width */

	position: relative;

}



.logout-link {

	font: 9pt Segoe UI Regular, Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}



.header {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	top: 0px;

	background:#850100;

}



.page-header-table {

	font: 11pt Segoe UI Semibold, Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	margin: 0px;

	padding: 0% 6% 0% 4%;

	background: #AAAA99;

	text-align: left;

	/*background: url("/lib/img/admin-header-background-white.png") repeat-x;*/

}



.page-header-table2 {

	font: 11pt Segoe UI Semibold, Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	margin: 0px;

	padding: 0% 6% 0% 4%;

	background: #AAAA99;

	text-align: left;

	background: url("/lib/img/nav_middle_back.jpg") repeat-x;

}



.table-header {

	font: 11pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	color: #FFFFFF;

	margin: 0px;

	padding: 0px 10px 0px 10px;

	background: #2D0100;

	font-weight : bold;

}



.footer {

	font: 9pt Segoe UI Regular, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	color: #000000;

	margin: 0;

	padding: 0;

}



.footer-left {

	font: 9pt Segoe UI Regular, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	color: #000000;

	margin: 0px;

	padding: 0px 10px 0px 10px;

	text-align: left;

}



.footer-centre {

	font: 7pt Segoe UI Regular, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	color: #000000;

	margin: 0px;

	padding: 0px 10px 0px 10px;

	text-align: center;

}



.footer-right {

	font: 9pt Segoe UI Regular, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	color: #000000;

	margin: 0px;

	padding: 0px 10px 0px 10px;

	text-align: right;

}



.tablerow1 {

	font: 11pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	color: #000000;

	margin: 0px;

	padding: 0px 10px 0px 10px;

	background: #F6F0EA;

}



.tablerow2 {

	font: 11pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	color: #000000;

	margin: 0px;

	padding: 0px 10px 0px 10px;

	background: #EEDDCC;

}



.ListFooterLeft {

	font: 11pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	color: #000000;

	text-align: left;

}



.ListFooterRight {

	font: 11pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	color: #000000;

	text-align: right;

}



.interactionstable {

	width: 100%;

	border: 0px;

	border-collapse: collapse;

	padding: 0;

}



.interactionrow1 {

	font-size: 10pt;

	font-family: Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	font-color: #000000;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 0px;

	border-color: #d0d0d0;

	border-top: 1px;

	border-right: 0px;

	border-bottom: 0px;

	border-left: 0px;

	border-style: solid;

	background-color: #FFFFFF;

	list-style: disc;

}



#interactionrow2 {

	font: 6pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	/*font-color: #000000;*/

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 15px;

	padding-left: 0px;

	border: 0;

	background-color: #FFFFFF;

}



#usual .interactionrow3 {

	font: 6pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	/*font-color: #000000;*/

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	border-color: #FF0000;

	border-top: 1px;

	border-right: 1px;

	border-bottom: 1px;

	border-left: 1px;

	border-style: solid;

	background-color: #C0C0C0;

}



.table-col-sep {

	background-color : #C0C0C0;

	width: 1px;

	padding: 0px;

	margin: 0px;

}



.hightlighterror {

    border:2px solid #FF0000;

    background:url(/lib/img/iconCaution.png) no-repeat;

	background-position: right;

}



.hightlighterror2 {

    border:2px solid #FF0000;

    background:url(/lib/img/iconCaution.png) no-repeat;

	background-position: left;

	padding: 15px 15px 15px 30px;

}



.login-hightlighterror {

    border:2px solid #FF0000;

    background:url(/lib/img/iconCaution.png) no-repeat;

	background-position: left;

	padding: 15px 15px 15px 30px;

	background-color: #FFFFFF;

	margin: auto;

	margin-bottom: 20px;

}



.Required-Entry {

	font: 10pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	font-color: #F00;

	color: #F00;

	font-style: italic;

}



/*- Menu Tabs G--------------------------- */



#tabsG {

	float:left;

	width:100%;

	background:#850100;

	font-size:100%;

	line-height:normal;

	posidtion: absolute;

}

#tabsG ul {

	margin:0;

	padding:36px 10px 0px 50px;

	list-style:none;

}

#tabsG li {

	display:inline;

	margin:0;

	padding:0;

}

#tabsG a {

	float:left;

	/*background:url("/lib/img/tableftG.png") no-repeat left top;*/

	margin:0;

	padding:0 0 0 4px;

	border-right: 1px #FFFFFF solid;

	text-decoration:none;

}

#tabsG a span {

	float:left;

	display:block;

	/*background:url("/lib/img/tabrightG.png") no-repeat right top;*/

	padding:5px 15px 4px 6px;

	color:#FFFFFF;



}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsG a span {float:none;}

/* End IE5-Mac hack */

#tabsG a:hover span {

	color:#000000;

	background-color: #AAAA99;

}

#tabsG a:hover {

	background-position:0% -42px;

	background-color: #AAAA99;

}

#tabsG a:hover span {

	background-position:100% -42px;

	background-color: #AAAA99;

}



#tabsG #current a {

	background-position:0% -42px;

	background-color: #AAAA99;

	color: #000000;

}

#tabsG #current a span {

	background-position:100% -42px;

	background-color: #AAAA99;

	color: #000000;

}



.contentpanel {

	width: 90%;

	/*align: center;*/

	margin:0 auto;

}



.contentpanel1 {

	width: 49%;

	float:left;

}



.contentpanel2 {

	width: 49%;

	float:left;

}



#tabcontent1panel2 {

	width: 40%;

	float: right;

	border: 0px #000000 solid;

	position: relative;

}



#tabcontent1panel1 {

	width: 58%;

	float: left;

	border: 0px #000000 solid;

	position: relative;

}



#tabcontent2panel2 {

	width: 38%;

	float: right;

	border: 0px;

	position: static;

}



#tabcontent2panel1 {

	width: 58%;

	float: left;

	border: 0px #F00 solid;

	position: static;

}



#tabcontent3panel1 {

	width: 58%;

	float: left;

	border: 0px #F00 solid;

	position: static;

}



.footer {

	clear:both;

}



/*  idTabs ~ Sean Catchpole  */





/* Style for Usual tabs */

.usual {

	/*background: #C0C0C0;*/

	background-color: #C0C0C0;

	color:#111;

  	/*padding:15px 20px;*/

	width:90%;

	margin: 0 auto;

	border:1px solid #222;

	position: relative;

}



.usual li { 

	list-style:none;

	float:left; 

}



.usual ul a {

  display:block;

  padding:6px 10px;

  text-decoration:none!important;

  margin:0px;

  margin-left:0;

  font:11pt Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

  color:#000000;

  background-color: #1da99a;

  border-right: thin solid #000000;

}

.usual ul a:hover {

  color:#000000;

  background:#FFFFFF;

  border-right: thin solid #000000;

}



.usual ul a.selected {

  margin-bottom:0;

  color:#000000;

  /*background:FFFFFF;*/

  border-right: thin solid #000000;

  cursor:default;

}



.usual div {

  padding:10px 10px 8px 10px;

  /*padding-top:3px;*/

  /*margin-top:-15px;*/

  clear:left;

  font:12pt Arial;

  background-color: #FFFFFF;

  overflow: hidden;

}



.usual div a { color:#000; font-weight:bold; }



.usual a.selected { background:#FFFFFF; }

/* Style for various uses of tabs */



/* Calendar */

a.dp-choose-date {

	float: left;

	width: 16px;

	height: 16px;

	padding: 0;

	margin: 5px 3px 0;

	display: block;

	text-indent: -2000px;

	overflow: hidden;

	background: url(/lib/img/calendar.png) no-repeat; 

}

a.dp-choose-date.dp-disabled {

	background-position: 0 -20px;

	cursor: default;

}

/* makes the input field shorter once the date picker code

 * has run (to allow space for the calendar icon

 */

input.dp-applied {

	width: 140px;

	float: left;

}



/*------------------------------------*\

  PROGRESS

\*------------------------------------*/

#progress{

  list-style:none;

  background:#1da99a;

  float:left;

  margin-bottom:10px;

  counter-reset:step;

  -moz-border-radius:3px;

  -webkit-border-radius:3px;

  border-radius:3px;

}

#progress li{

  float:left;

  font-size:8pt;

  font-family: Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

}

#progress a{

  display:block;

  text-decoration:none;

  padding:5px 15px 5px 30px;

  background:#1da99a;

  color:#fff;

  text-shadow:1px 1px 1px rgba(0,0,0,0.25);

  position:relative;

  -moz-border-radius:3px 0 0 3px;

  -webkit-border-radius:3px 0 0 3px;

  border-radius:3px 0 0 3px;

  clear: both;

}

#progress span{

  font-size:8pt;

  display:block;

  font-family: Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

}

#progress strong{

  font-weight:normal

}

#progress a:hover{

  background:url(/lib/img/splitter.png) right center no-repeat #167f73; /* Arrow image on the current step */

}

#progress a:hover span{



}



#progress li a:before{

  counter-increment:step;

  content:counter(step);

  text-align:center;

  font-family: Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

  position:absolute;

  top:50%;

  left:2px;

  margin-top:-8px;

  padding:1px 5px;

  background:rgba(0,0,0,0.25);



  -moz-border-radius:10px;

  -webkit-border-radius:10px;

  border-radius:10px;

}

#progress .current-step a,

#confirm-step .confirm-step a,

#contact-step .contact-step a,

#auth-step .auth-step a,

#complete-step .complete-step a{

  background:url(/lib/img/splitter.png) right center no-repeat #167f73; /* Arrow image on the current step */

}

#go-page .go-step a{

  background:#167f73;

}

#progress .go-step a{

  -moz-border-radius:3px;

  -webkit-border-radius:3px;

  border-radius:3px;

}



.LoanItemTitle {

	font-size: 12pt;

	font-family: Segoe UI Light, Verdana, Arial, Helvetica, sans-serif;

	font-color: #000000;

	font-weight: bold;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 0px;s

	background-color: #FFFFFF;

}



.loanitem, .loanitem li{

	padding-left: 0px;

}



.LoanSearchResults, .LoanSummary, .ClientDetails, .ClientAuth, .Complete {

	display: none;

}



.ListFooterForm {

	height: 32px;

	width: auto;

}