BODY {
 color: #333333;
 margin: 0px;
 padding: 0px;
 text-align: center;
 background:#FFFFFF;
}

#table {
 margin-left: auto;
 margin-right: auto;
 width:980px;
 font: normal 12px/18px verdana, arial, sans-serif;
 text-align: center;
}

#line {
 width:980px;
 height:35px;
}

#header {
 width:980px;
 height:294px;
 background:#FFFFFF;
 text-align: left;
}

#content {
 margin-left: auto;
 margin-right: auto;
 width:980px;
 background:#FFFFFF url(../images/back.gif) repeat-y;
 text-align: center;
}

.content {
 margin-left: auto;
 margin-right: auto;
 padding:10px 2px 5px 10px;
 text-align: left;
 font: normal 12px/18px verdana, arial, sans-serif;
}

#lineRed {
 width:980px;
 height:4px;
 background-color:#B40500;
 font-size:2px;
}

#lineWhite {
 width:980px;
 height:1px;
 background-color:#FFFFFF;
 font-size:2px;
}

#menuBottom {
 width:980px;
 height:80px;
 background:#5B5B5B url(../images/menuback.gif) repeat-x;
 text-align:center;
}

.menuBottom {
 text-align:center;
 font:bold 11px/80px tahoma, verdana, arial, sans-serif;
 color:#FFFFFF;
}

.menuBottom a {
 font:bold 11px/80px tahoma, verdana, arial, sans-serif;
 color:#FFFFFF;
 text-decoration: none;
}

.menuBottom a:hover {
 font:bold 11px/80px tahoma, verdana, arial, sans-serif;
 color:#FFFFFF;
 text-decoration: underline;
}

#menu {
 width:205px;
 height:235px;
 border:0px solid red;
}

.menu {
 padding:12px 0px 0px 9px;
 text-align:left;
 font:bold 14px verdana, arial, sans-serif;
 color:#666666;
}

.menu a {
 width:200px;
 height:21px;
 background:#DDE4C0;
 margin-bottom:4px;
 color:#666666;
 text-decoration: none;
 display:block;
}

.menu a:hover {
 width:200px;
 height:21px;
 background:#dcf08c;
 margin-bottom:4px;
 color:#C03E04;
 text-decoration: none;
 display:block;
}

.menu div {
 width:200px;
 height:21px;
 background:#dcf08c;
 margin-bottom:4px;
 color:#C03E04;
 text-decoration: none;
 display:block;
}

UL {
 list-style-image: url(../images/arrow.gif);
 margin:15px 2px 15px 25px;
 padding:0px;
 font: normal 12px/18px verdana, arial, sans-serif;
 color:#333333;
}

UL LI {
 margin:1px 0px 1px 0px;
 padding:0px;
}

.smallText {
	font-weight : normal; 
	font-size : 10px; 
	line-height : 15px; 
	color : #000000;
	font-family:Arial,"MS Sans Serif",sans-serif;
} 

.small {
	font-weight : normal; 
	font-size : 11px; 
	color : #000000;
	font-family:Arial,"MS Sans Serif",sans-serif;
}


.contentSub {
 margin-left: auto;
 margin-right: auto;
 text-align:left;
 width:910px;
 /*margin:5px 30px 5px 30px;
 border: 1px solid red;*/
}

.specialText { 
 font: bold 10px/14px verdana, arial, sans-serif;
 padding:1px 1px 0px 1px;
 color:#545454;
 text-align:left;
}

.more { 
 font: bold 10px/14px verdana, arial, sans-serif;
 padding:0px 1px 2px 1px;
 color:#0085C6;
 text-align:left;
}

.contentTitle { 
 font: bold 14px/24px verdana, arial, sans-serif;
 color:#7B9114;
}

A {
 color: #937000;
 text-decoration: underline;
}

A:hover {
 color: #937000;
 text-decoration: none;
}

TD {
 font-size: 12px;
}

/*********************** Data *********************/

.formEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #EDEDED;
	background-color: #EDEDED;
	width: 195px;
	font-size: 12px;
}

.formHalfEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	width: 100px;
	font-size: 12px;
}

.formSmallEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	width: 60px;
	font-size: 12px;
}

.formLongEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	width: 160px;
	font-size: 12px;
}

.formTextarea {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	height: 100px;
	width: 400px;
	font-size: 12px;
}

.formBigTextarea {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	height: 100px;
	width: 400px;
	font-size: 12px;
}

.formButton {
	font-family: verdana, arial, "ms sans serif",sans-serif;
	border: 1px solid #0fb6f7;
	font-size: 11px;
	background-color:#0fb6f7;
	font-weight: bold;
	color: #FFFFFF;
	height: 23px;
	width: 100px;
}

.formSmallButton {
	border: 1px solid #BCBAA2;
	font-size: 9pt;
	background-color:#BCBAA2;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	width: 80px;
}


.formLongButton {
	border: 1px solid #BCBAA2;
	font-size: 9pt;
	background-color:#BCBAA2;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	width: 80px;
}

/*

<table border="0" cellpadding="2" cellspacing="1" width="98%" align="center" class="tableBorder">
<form method="post">
	<tr>
		<td colspan="2" class="tableBorderHeader"><span class="tableHeaderText">New lender</span></td>
	</tr>
	
	<tr>
		<td class="tableData"><b>Web site:</b></td>
		<td class="tableData"><input type="text" name="Email" maxlength="50" class="formEdit"></td>
	</tr>
	
	<tr>
		<td class="tableData" valign="top"><b>Mailing address:</b></td>
		<td class="tableData"><textarea name="address" class="formTextarea"></textarea></td>
	</tr>
	 
	<tr>
		<td class="tableHeader">&nbsp;</td>
		<td class="tableHeader">
		<input type="submit" name="Save" value="Save" class="formButton">
		<input type="hidden" name="Save" value="Save">
		<input type="button" name="Cancel" value="Cancel" onclick="history.back();" class="formButton">
		</td>
	</tr>
</form>
</table>

<table border="0" cellpadding="2" cellspacing="1" width="98%" align="center" class="tableBorder">			
	<tr>
		<td colspan="5" class="tableBorderHeader"><span class="tableHeaderText">Lenders</span></td>
	</tr>
	
	<tr class="tableHeader">
		<td><div class="tableHeaderText"><a href="#"><img src="images_iva/sort.gif" alt="sort" border="0" align="absmiddle">Name</a></div></td>
		<td><div class="tableHeaderText"><a href="#">E-mail</a></div></td>
		<td><div class="tableHeaderText">Details</div></td>
		<td><div class="tableHeaderText">Edit</div></td>
		<td><div class="tableHeaderText">Delete</div></td>        
	</tr>
	
	<tr>
		<td class="tableDataLight"><a href="#">Manning, Peyton</a></td>
		<td class="tableDataLight"><a href="mailto:ahman@yahoo.com">peyton@yahoo.com</a></td>
		<td class="tableDataLight" align="center"><a href="#"><img src="images_iva/info.gif" border="0" alt="Notes"></a></td>
		<td class="tableDataLight" align="center"><a href="#"><img src="images_iva/edit.gif" border="0" alt="Edit"></a></td>
		<td class="tableDataLight" align="center"><a href="#"><img src="images_iva/delete.gif" border="0" alt="Delete"></a></td>
	</tr>
	
	<tr>
		<td class="tableDataDark"><a href="#">Manning, Peyton</a></td>
		<td class="tableDataDark"><a href="mailto:ahman@yahoo.com">peyton@yahoo.com</a></td>
		<td class="tableDataDark" align="center"><a href="#"><img src="images_iva/info.gif" border="0" alt="Notes"></a></td>
		<td class="tableDataDark" align="center"><a href="#"><img src="images_iva/edit.gif" border="0" alt="Edit"></a></td>
		<td class="tableDataDark" align="center"><a href="#"><img src="images_iva/delete.gif" border="0" alt="Delete"></a></td>
	</tr>
</table>
*/


.tableBorder {
	border: solid 1px #2462AB;
	background-color: #FFFFFF;
}

.tableBorderHeader {
	height: 27;
	background-color: #DCDBBD;
	padding-left: 5px;
}

.tableHeader {
	height: 22;
	background-color: #F1F1D8;
	padding-left: 5px;
}

.tableDataDark {
	background-color: #ECECEC;
	padding-left: 5px;
	height: 24;
}

.tableDataLight {
	background-color: #FFFFFF;
	padding-left: 5px;
	height: 24;
}
.tableHeaderText {
	color: #000000;
	font-weight: bold;
	text-align: center;
}




/* Leadbay stuff */

/* Main form step table styles */
.LB_FormStep
{
	width: 440px;
	table-layout: fixed;
}

.LB_FormStepHidden
{
	display: none;
}

.LB_FormStepVisible
{
	display: block;
}

/* Form step header styles */
.LB_Headline, .LB_StepNumber
{
	padding: 4px;
	padding-left: 6px;
}

.LB_Step1_LeftColumn
{
    width: 280px;
}

.LB_Step1Lower_LeftColumn
{
    width: 280px;
}

.LB_Step1_RightColumn
{
    text-align: left;
    padding-left: 15px;
}

.LB_Headline
{
	font-weight: bold;
	background-color: #444;
	color: #fff;
	width: 300px;
	font-size: 140%;
}

.LB_StepNumber
{
	font-weight: bold;
	background-color: #ddd;
	white-space: nowrap;
	font-size: 110%;
}

.LB_StepNumber b
{
	color: #170;
	font-size: 130%;
}

/* Form step main content styles */
.LB_FormStepContent
{
	border:solid 4px #2A5102;
	background-color: #eee;
	padding: 10px;
}

.LB_FormStepContent label
{
	font-weight: bold;
	padding: 0;
	margin: 0;
}


#LB_Step1 .LB_FormStepContent label
{
    font-size: 80%;
}

.LB_FormStepContent td
{
	vertical-align: top;
}

/* Form fields that have sterling symbol in them */
#LB_PropertyValue, #LB_AmountOwing, #LB_AmountRequiredForRelease
{
	background: #fff url(https://forms.leadbay.co.uk/Common/HtmlIntegration/Images/Sterling.gif) no-repeat scroll 1px;
	padding-left: 13px;
	width: 90px;
}

/* Back, next, finish buttons */
.LB_Button
{
	font-size: 90%;
}

.LB_Button:hover
{
	text-decoration: underline;
}

.LB_Next_Button
{
	background-color: #0484F1;
	color: #fff;
	font-weight: bold;
}

.LB_Disabled_Button
{
	background-color: #ccc;
}

#LB_CashAvailable, #LB_CashAvailableLabel
{
	font-weight: bold;
	font-size: 105% !important;
}

#LB_AmountAvailableForReleaseLabel, #LB_AmountAvailableForReleaseMinusOwingsLabel
{
	text-align: right;
}

#LB_CashAvailableLabelCell
{
	text-align: right;
    vertical-align: middle;
}

/* Footer containing buttons */		
.LB_Footer
{
	font-size: 120%;
	text-align: right;
}

.LB_Footer b
{
	font-size: 110%;
	color: #170;
}

.LB_FooterNext
{
	text-align: right;
}

.LB_FooterSubmit
{
	text-align: left;
}


/* Tooltip styles */			
.LB_ToolTip-title
{
	font-weight: bold !important;
}

.LB_ToolTip-tip
{
	border: 2px solid black !important;
	padding: 3px;
	background-color: #ff7;
	font-size: 80%;
	width: 350px;
	z-index: 100;
	text-align: left;
}

.LB_ToolTipIcon
{
	display: inline;
	background: url(https://forms.leadbay.co.uk/Mortgages/HtmlIntegration/Images/ToolTipQuestionCircle.gif) no-repeat;
}

/* Error styles */
.LB_ErrorLabel
{
	color: #fff;
	background-color: #f00;
}

.LB_ErrorMessage
{
	color: red;
	visibility: hidden;
	font-size: 75%;
}

#LB_CalculateButtonDiv
{
    width: 100%;
    text-align: right;
}

.LB_DisclaimerText
{
	font-size: 70%; 
}

#LB_Step2 .LB_FormStepContent td
{
    padding:0;
}

#LB_Step2 .LB_FormStepContent tR
{
    padding:0;
}

.LB_DisplayNone
{
    display: none;
}

/* Misc styles */
#LB_Consent
{
	visibility: hidden;
	font-size:90%;
}

#LB_Consent a:link
{
	 color: #000000;
}

#LB_Consent a:visited
{
    color: #000000;    
}

#LB_MortgageType_Cell
{
	white-space: nowrap;
}

.LB_CheckboxTable
{
	color: #170;
}

.LB_RadioOptions
{
	color: #170;
	padding-right: 10px;
}

.LB_BigLabel
{
	font-size: 120% !important;
	font-weight: bold;
}

#LB_SubmitIndicator
{
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	color: #fff;
	position: absolute;
	z-index: 100;
	visibility: hidden;
}

#LB_AlphaLayer
{
	z-index: 50;
	visibility: hidden;
	position: absolute;
	background-color: #000;
	-moz-opacity:.70;
	opacity:.70;
	filter:alpha(opacity=70);
}

.LB_LabelRow td
{
    font-size: 80%;    
    line-height: 80%;    
}
