body {font: 9pt "segoe ui",Arial,sans-serif;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {color: pink;}
a:active {color: pink;}

/* Main wrap */
#wrap {margin:0 auto; padding: 0; width: 100%;}

/* Header and Footer */
#header {width:100%; height:30px; line-height:30px; text-align:right; vertical-align:middle; 
    /*background:url(../images/banner_920.jpg) no-repeat;*/ margin:0 auto; background-color:White; color:Black;}
#footer {float:left; color:Black; width:100%; height:30px; line-height:30px; text-align:center; vertical-align:middle; 
    background:url(../images/bfwv.jpg) repeat-x; font-size:smaller; margin:0 auto}

/* Sidebar and menu */
#sidebar {float:left; text-align:left; line-height:1.4em; margin:2px; padding:0px 1px 1px 1px; width:155px;}
#sidebarN{float:left; text-align:left; line-height:1.4em; margin:2px; padding:1px; width:120px;}
/*#ff2sidebar {float:left; text-align:left; line-height:1.4em; margin:2px; padding:1px; width:140px;} */

/* Main content */
#contentSide {text-align:left; line-height: 1.4em; margin: 2px 2px 2px 155px; padding: 1px;}
/*#ff2contentSide {text-align:left;line-height: 1.4em; margin: 3px 2px 2px 140px; padding: 1px;}*/
#content {text-align:left;line-height: 1.4em; margin: 2px 2px 2px 2px; padding: 1px;}
#contentN {text-align: left; line-height: 1.4em; margin: 2px 2px 2px 125px; padding: 1px; }
#report {line-height: 1.4em; margin: 2px 2px 2px 2px; padding: 1px; text-align: left;}
/*#ffheader {width:100%; height:30px; line-height:30px; text-align:right; vertical-align:middle; 
    background:url(../images/banner_920.jpg) no-repeat; margin:0 auto; background-color:White; color:Black;}*/
#ffpage {height:560px; overflow-y:scroll;}
#ffpageR {height:480px; overflow-y:scroll;}
#fffooter {vertical-align:bottom; margin:3px 5px 0px 0px;}
#reqpage {height:480px; overflow-y:scroll;}

/* Login */
#login {margin:150px auto 200px auto; padding:0; width:312px;}

/* Filter tables */
.filters {width:100%}
.filters table {width: 300px;}
.filters table td {padding: 1px; border: 0px}
.filters table col.first {width:70%}
.filters table col.second {width:30%}

/*.h8 {border-bottom: 4px solid #dadada; color: #4088b8; font-size: 1.8em; letter-spacing: -1px; 
    margin: 2px 0 12px; padding: 0 2px 2px 5px; text-align: left; font-weight: normal; line-height: 20px;}
h1 {border-bottom: 4px solid #dadada; color: #4088b8; font-size: 1.4em; letter-spacing: -1px; 
    margin: 2px 0 10px; padding: 0 2px 2px 5px; text-align: left; font-weight: normal; line-height: 20px}
.h1 {border-bottom: 4px solid #dadada; color: #4088b8; font-size: 1.4em; letter-spacing: -1px; 
    margin: 2px 0 10px; padding: 0 2px 2px 5px; text-align: left; font-weight: normal; line-height: 20px}
h2 {color: #4088b8; font-size: 1.4em; letter-spacing: -1px; 
    margin: 10px 0px 0px 0px; padding: 2px 2px 2px 0px; text-align: left; font-weight: normal;}
.h3 {border-bottom:4px solid #dadada; color: #4088b8; font-size: 1.4em; letter-spacing: -1px; 
    margin: 0 0 10px; padding: 0 2px 2px 5px; text-align: center}
  
h7 {color:#404040; width:100%; height:30px; line-height:30px; text-align:right; vertical-align:middle; 
    background:url(images/banner_920.jpg) no-repeat; margin:0 auto}*/

/************** Left menu (used in Sourcing) *******************/
ul.leftmenu 
{list-style: none; /* remove the bullets */
margin: 0; /* remove the automatic margin that some browsers use for the text-indent. */
padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
width:169px; /* fix the width of the list items which would default to 100% */}
ul.leftmenu a, ul.leftmenu a:visited, ul.leftmenu a:active 
{text-decoration:none; /* remove the default underline from the links */
display:block; /* make each link into a block so that hovering over any area of the link will cause a change of background color */
width:154px; /*set the width to be the same as the ul width */
text-indent:0px; /* move the link text 5px to the right */
padding:5px 0px 5px 15px; font-size:8pt; font-weight:normal;
background:#fff; /* make the background color white */
color:#000000; /* make the text color black */
border-bottom:1px solid #404040; /* separate the links with a 1px wide grey line */}
ul.leftmenu a:hover 
{background:#4088b8; /* change the background to blue on :hover */
color:White /* change text color to white on :hover */}
/**************** END LEFT MENU ****************/

/************** FF Left menu  *******************/
ul.ffleftmenu 
{list-style: none; /* remove the bullets */
margin: 0; /* remove the automatic margin that some browsers use for the text-indent. */
padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
width:119px; /* fix the width of the list items which would default to 100% */}
ul.ffleftmenu a, ul.ffleftmenu a:visited, ul.ffleftmenu a:active 
{text-decoration:none; /* remove the default underline from the links */
display:block; /* make each link into a block so that hovering over any area of the link will cause a change of background color */
width:119px; /*set the width to be the same as the ul width */
text-indent:15px; /* move the link text 5px to the right */
padding:5px 0 5px 0; font-size:8pt; font-weight:normal;
background:#fff; /* make the background color white */
color:#000000; /* make the text color black */
border-bottom:1px solid #404040; /* separate the links with a 1px wide grey line */}
ul.ffleftmenu a:hover 
{background:#4088b8; /* change the background to blue on :hover */
color:White /* change text color to white on :hover */}
/**************** END FF LEFT MENU ****************/

/* Tables classes for factfind */
table.ff {width: 100%;}
table.ff td {padding: 1px; border: 0px}
table.ff col.first {width:30%}
table.ff col.second {width:1%}
table.ff col.third {width:19%}
table.ff col.fourth {width:30%}
table.ff col.fifth {width:20%}

/* Tables classes for budget */
table.budget {padding: 0px; margin: 0px; border-style: none; width: 100%;}
table.budget td {vertical-align: top;}
table.budget col.first {width:50%}
table.budget col.second {width:50%}

/* Tables classes for budgetsub */
table.budgetsub {padding: 0px; margin: 0px; border-style: none; width: 710px;}
table.budgetsub tr {line-height: 20px;}
table.budgetsub col.first {width:400px}
table.budgetsub col.second {width:10px}
table.budgetsub col.third {width:180px}
table.budgetsub col.fourth {width:110px}
table.budgetsub col.fifth {width:10px}

/* Tables classes for contactsub */
table.contactsub {padding: 0px; margin: 0px; border-style: none; width: 90%;}
table.contactsub tr {line-height: 20px;}
table.contactsub col.first {width:35%}
table.contactsub col.second {width:1%}
table.contactsub col.third {width:64%}

/* Tables classes for policy */
table.policy {padding: 0px; margin: 0px; border-style: none; width: 100%;}
table.policy tr {line-height: 23px;}
table.policy col.first {width:23%}
table.policy col.second {width:27%}
table.policy col.third {width:23%}
table.policy col.fourth {width:27%}

/* Additional classes */
.watermark {font-style: italic; color: #808080;}
.ValComplete {background-color: #FFFFFF;}
.ValMissing  {background-color: #FFFF00;}
.GridCommand {width:25px; text-align:center;}

/* Dialog boxes */
.modal {background-color: #666699; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity:0.7;}
#popupheader {height:25px; padding-top: 5px; background-color:#4088b8; color: #FFFFFF; font-weight: bold}
#popupbody {height:40px;}
.popup {BACKGROUND: url(images/dialog24.png) no-repeat left top; MARGIN: 0px auto; WIDTH: 500px; PADDING-TOP: 14px;	POSITION: relative;}
.popup .inner {PADDING-TOP: 0px; PADDING-RIGHT: 20px; PADDING-BOTTOM: 11px;	PADDING-LEFT: 20px;	BACKGROUND: url(images/dialog24.png) no-repeat left bottom;	FLOAT: left; MARGIN: 0px 0px -20px 0px; WIDTH: 460px;} 
.popup .base {BORDER-TOP: 4px solid #dadada; PADDING-TOP: 4px; PADDING-RIGHT: 20px;	PADDING-BOTTOM: 4px; PADDING-LEFT: 20px; MARGIN-TOP: 10px; MARGIN-RIGHT: 0px; MARGIN-LEFT: 0px;	TEXT-ALIGN: right;}
.close {DISPLAY: block;	BACKGROUND: url(images/close24.png) no-repeat 0px 0px; LEFT: -5px; WIDTH: 26px;	TEXT-INDENT: -1000em; POSITION: absolute; TOP: -7px; HEIGHT: 26px;}
.pageView {border: 1px solid; border-top: none; margin-top: -1px; margin-right: -1px;}

/* Mortgage panels */
.mhidden {display:none;}

/* Doc Upload */
.ErrorHolder {width: 250px; border: solid 5px #955e0d; background: #ff9600 url( 'Img/warning.png' ) no-repeat 10px 10px; padding: 20px 10px 30px 70px; display:none;}

.centred {text-align:center;}
.alignRight {text-align: right;}
.alignLeft {text-align: left;}
.floatRight {float: right; display: block; clear: both; padding-top: 20px; padding-bottom: 20px}
.highlight {background:#dae2e8;}

.warning {
    color: red;
    font-style: italic;
    margin-bottom: 15px;
    display: block;
}

.success {
    color: green;
    font-style: italic;
    margin-bottom: 15px;
    display: block;
}

.success-txt-inline {
    color: green;
    font-style: italic;
}

.clear {
clear: both}

.tobStandardText {
    font-family: Calibri;
    font-size: 16px;
}

.tobLargeHeadingText {
    font-family: Calibri;
    font-size: 27px;
}

.tobSmallHeadingText {
    font-family: Calibri;
    font-size: 20px;
}