/* 
	site: agent.veri-check
*/

/*  fonts 
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	Thin: font-weight:100; 
	Light: font-weight:300; 
	Regular: font-weight:400; 
	Medium: font-weight:500; 
	Bold: font-weight:700; 
	Black: font-weight:900; 
*/

/* media queries 

small
@media print, screen and (max-width: 640px) {}

smallMedium
@media print, screen and (min-width: 641px) and (max-with:900px) {}

=== only using grid from medium  ===

medium
@media print, screen and (min-width: 1024px) and (max-with:1280px) {}

largeMedium
@media print, screen and (min-width: 1281px) and (max-with:1470px) {}

large
@media print, screen and (min-width: 1471px) {}

*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; 
}

body { font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400; font-size:14px; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p { margin:0 0 14px 0;}
h1 { font-size:30px; font-weight:700; color:#1a3353; line-height:1.1em;}
h2 { font-size:24px; font-weight:500; color:#1a3353; line-height:1.1em;}
h3 { font-size:20px; font-weight:700; color:#1a3353; line-height:1.1em;}
h4 { font-size:20px; font-weight:300; color:#1a3353; line-height:1.1em; text-transform:uppercase;}
h5 { font-size:16px; font-weight:500; color:#1a3353; line-height:1.1em;}
h6 { font-size:12px; font-weight:400; color:#1a3353; line-height:1.1em;}

p, p a, pre, abbr { font-size:14px; font-weight:400; color:#72849a;}

a { color:#3e79f7; text-decoration:none; } 
a:hover { color:#058dc7; }

strong, p strong { font-weight:700;}

small { font-size:12px;}

code, kbd, samp {
  font-family: monospace, monospace; font-size: 14px;
}

ul, ol { padding:0; margin:0; list-style-position:inside; }
ul li, ol li { padding:0; margin:0; list-style:none; }

hr {}


/* form elements */

form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0px;
padding:0px;
}

.page-heading h2 { 
	font-size:18px; font-weight:400; color:#666;
	display:inline-block; 
	margin:7px 0;
}

/* helper classes */
.capitalize { text-transform:capitalize;}
.padding-none { padding:0 !important;}
.padding-t-5 { padding-top:5px;} .padding-t-10 { padding-top:10px;} .padding-t-15 { padding-top:15px;} .padding-t-20 { padding-top:20px;} .padding-t-30 { padding-top:30px} .padding-t-40 { padding-top:40;}
.padding-b-5 { padding-bottom:5px;} .padding-b-10 { padding-bottom:10px;} .padding-b-15 { padding-bottom:15px;} .padding-b-20 { padding-bottom:20px;} .padding-b-30 { padding-bottom:30px} .padding-b-40 { padding-bottom:40;}
.padding-l-none { padding-left:0 !important;} .padding-l-5 { padding-left:5px;} .padding-l-10 { padding-left:10px;} .padding-l-15 { padding-left:15px;} .padding-l-20 { padding-left:20px;} .padding-l-30 { padding-left:30px} .padding-l-40 { padding-left:40;}
.padding-r-none { padding-right:0 !important;} .padding-r-5 { padding-right:5px;} .padding-r-10 { padding-right:10px;} .padding-r-15 { padding-right:15px;} .padding-r-20 { padding-right:20px;} .padding-r-30 { padding-right:30px} .padding-r-40 { padding-right:40;}

.margin-none { margin:0 !important;} .margin-b-none { margin-bottom:0;}
.margin-t-5 { margin-top:5px;} .margin-t-10 { margin-top:10px;} .margin-t-15 { margin-top:15px;} .margin-t-20 { margin-top:20px;} .margin-t-30 { margin-top:30px} .margin-t-40 { margin-top:40;}
.margin-b-5 { margin-bottom:5px;} .margin-b-10 { margin-bottom:10px;} .margin-b-15 { margin-bottom:15px;} .margin-b-20 { margin-bottom:20px;} .margin-b-30 { margin-bottom:30px} .margin-b-40 { margin-bottom:40px;}
.margin-l-5 { margin-left:5px;} .margin-l-10 { margin-left:10px;} .margin-l-15 { margin-left:15px;} .margin-l-20 { margin-left:20px;} .margin-l-30 { margin-left:30px} .margin-l-40 { margin-left:40;}
.margin-r-5 { margin-right:5px;} .margin-r-10 { margin-right:10px;} .margin-r-15 { margin-right:15px;} .margin-r-20 { margin-right:20px;} .margin-r-30 { margin-right:30px} .margin-r-40 { margin-right:40;}

.float-left { float:left;}
.float-right { float:right;}

.relative { position:relative;}

/* main site layout 
-------------------------------------------------------------*/
#siteContainer { width:100%; background:#fafafb;}
/* header */
#siteContainer header { 
	width:100%; height:75px; 
	float:left; 
	background:#fff;
	position:fixed; top:0; left:0;
	padding:0 27px;
	box-shadow: 0 1px 4px -1px rgba(0,0,0,0.15);
	z-index:2;
}
#siteContainer header .logo {
	display:block;
	float:left;
	height:70px;
}
#siteContainer header .logo img { height:70px; }
#siteContainer header .user-details {
	height:75px; float:right;
}
#siteContainer header .user-details .profile {
	margin:14px 11px 0 0;
	border-radius:50%;
	border:1px solid #ccc;
	height:40px; width:40px; padding:3px;
}
#siteContainer header .user-details .name { 
	float:right; 
	font-size:16px; font-weight:500; color:#1a3353; 
	height:70px;
	padding:10px 0 0 0;
}
#siteContainer header .user-details .name .branch { font-size:13px; font-weight:400; display:block; color:#666; }
#siteContainer header .user-details .name .branch a { padding-left:15px;}
@media print, screen and (min-width:901px) and (max-width: 1280px ) {
	#siteContainer header { padding:0 18px;}
}


/* content */
#siteContainer .content-container { width:100%; float:left; padding-left:250px; padding-top:75px; background:#fafafb; }
#siteContainer .content-container.login-page { padding-left:0; padding-top:20px;}
@media print, screen and (min-width:901px) and (max-width: 1280px ) {
	#siteContainer .content-container { padding-left:56px;}
}

/* navigation*/
#siteContainer .content-container .navigation-container { 
	float:left; 
	width:250px; height: calc(100vh - 75px);
	position:fixed; top:70px; left:0;
	box-shadow: 0 1px 4px -1px rgba(0,0,0,.15);
	z-index:1;
}


#siteContainer .content-container .navigation-container ul { width:100%; margin-top:30px; float:left;}
#siteContainer .content-container .navigation-container ul li { 
	width:100%;
	padding:0 16px 0 28px; margin-bottom:15px; height:50px;
	background:none;
	position:relative;
}
#siteContainer .content-container .navigation-container ul li.current {
	background:#ebf1fe;
}
#siteContainer .content-container .navigation-container ul li.current:after {
	height:50px; width:3px;
	background:#3e79f7;
	content:'';
	position:absolute; top:0; right:0;

}

#siteContainer .content-container .navigation-container ul li.currentReferences { margin-bottom:5px;}
#siteContainer .content-container .navigation-container ul li.newApplication { height:26px; margin-bottom:5px; margin-top:13px;}
#siteContainer .content-container .navigation-container ul li.newApplication.current { background:none;}
#siteContainer .content-container .navigation-container ul li.newApplication.current:after { display:none;}
#siteContainer .content-container .navigation-container ul li.newApplication.current a { color:#3E79F7; filter: grayscale(0);}
#siteContainer .content-container .navigation-container ul li.newApplication a span { font-weight:400;}

#siteContainer .content-container .navigation-container ul li a {
	color:#455560; font-size:14px; font-weight:500;
	display:block;
	height:50px; line-height:50px;
	background:3px 50%; background-repeat:no-repeat;
	padding-left:38px;
	filter: grayscale(100%);
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;

}
#siteContainer .content-container .navigation-container ul li a:hover {
	filter: grayscale(0%);
	color:#3E79F7;
}
#siteContainer .content-container .navigation-container ul li.tasks a {	background-image:url(../images/main-navigation/tasks.svg);}
#siteContainer .content-container .navigation-container ul li.referencing a { background-image:url(../images/main-navigation/referencing.svg);}
#siteContainer .content-container .navigation-container ul li.newApplication a {
	height:26px; line-height:1em;
	padding-left:38px;
}
#siteContainer .content-container .navigation-container ul li.currentReferences a { background-image:url(../images/main-navigation/referencing-current.svg); background-position:0 50%;}
#siteContainer .content-container .navigation-container ul li.pastReferences a { background-image:url(../images/main-navigation/referencing-finished.svg); background-position:0 50%;}
#siteContainer .content-container .navigation-container ul li.reports a { 
	background-image:url(../images/main-navigation/navigation-r.svg); /*This has such a random img name as anything with the word report was getting a forbidden error */
	background-position:2px 50%;
} 
#siteContainer .content-container .navigation-container ul li.settings a { background-image:url(../images/main-navigation/settings.svg);}
#siteContainer .content-container .navigation-container ul li.documentDownload a { background-image:url(../images/main-navigation/download.svg); }


@media print, screen and (min-width:901px) and (max-width: 1280px ) {
	#siteContainer .content-container .navigation-container { width:55px;}
	#siteContainer .content-container .navigation-container ul li { padding:0 16px;}
	#siteContainer .content-container .navigation-container ul li a { position:relative; z-index:10;}
	#siteContainer .content-container .navigation-container ul li a span { display:none;}
	#siteContainer .content-container .navigation-container ul li a:hover span { 
		display:block;
		background:#3E79F7; border:1px solid #3E79F7; border-radius:3px;
		padding:5px 7px;
		color:#fff; font-size:14px; line-height:1.1em; font-weight:400;
		position:absolute; top:11px; left:45px;
		z-index:3;
	}
	#siteContainer .content-container .navigation-container ul li a:hover span:before {
		content:'';
		height:14px; width:14px;
		position:absolute; top:6px; left:-8px;
		background:url(../images/buttons/tooltip-arrow.svg) 0 0 no-repeat;
	}
	#siteContainer .content-container .navigation-container ul li.currentReferences a:hover span { width:165px;}
	#siteContainer .content-container .navigation-container ul li.newApplication a:hover span { width:113px;}
	#siteContainer .content-container .navigation-container ul li.documentDownload a:hover span { width:160px;}
	
	#siteContainer .content-container .navigation-container ul li.currentReferences { margin-bottom:15px;}
}

/* quicksearch */
#quicksearch { width:100%; padding:12px 0 0 16px; float:left; }
#quicksearch .quicksearch-heading {
	font-size:12px; font-weight:700; text-transform:uppercase; color:#455560;
	margin-top:15px; padding:0 0 10px 0;
}
#quicksearch select, #quicksearch input { width:100%; margin-bottom:10px; }

@media print, screen and (min-width:901px) and (max-width: 1280px ) {
	#quicksearch { display:none;}
}

/* additional navigation links */
.additional-links {
	width:100%;
	position:absolute; bottom:30px; left:0;
}
.additional-links a { 
	display:inline-block;
	width:100%; padding:0 0 3px 27px;
	font-size:12px; color:#455560;
}
.additional-links a:hover { color:#3e79f7;}

@media print, screen and (min-width:901px) and (max-width: 1280px) {
	.additional-links a { padding:0 0 3px 10px;}
}

/* site content */
#siteContainer .content-container .content { float:left; width:100%; padding:25px 15px; }
#siteContainer .content-container .content .content-heading {
	width: 100%;
	font-size: 17px;
	line-height: 1.5em;
	color: #1a3353;
	font-weight: 500;
	position: relative;
	margin:5px 0 15px 0;
}

/* footer */
#siteContainer .content-container .content footer { width:100%; float:left; font-size:14px; color:#666; padding:15px 0 0 15px;}


/**/
#siteContainer .content-container .content .page-heading img { float:left; margin-right:12px; }

/* cards */
#siteContainer .content-container .content .card, #TB_ajaxContent .card {
	background:#fff;
	width:100%;
	border:1px solid #e6ebf1; border-radius:10px;
	margin:0 0 20px 0; padding:20px;
	float:left;
}

#TB_ajaxContent .card { border:none; padding:0;}

#siteContainer .content-container .content .card.feature { background-color:#edf2f9;}

#siteContainer .content-container .content .card .section-icon, #thickboxContainer .section-icon, #TB_ajaxContent .section-icon { float:left; margin:0 15px 0 0; height:43px;}

#siteContainer .content-container .content .card .card-heading, #siteContainer .content-container .content .outer-card-heading, #thickboxContainer .card-heading, #TB_ajaxContent .card-heading {
	width:100%;
	font-size:16px; line-height:1.5em; color:#1a3353; font-weight:500; font-family:'Roboto', Arial, Helvetica, sans-serif;
	position:relative;
	margin-bottom:0;
}
#siteContainer .content-container .content .card .card-heading span { color:#72849a;}
#siteContainer .content-container .content .card .card-heading.large { font-size:24px; line-height:1.3em;}
#siteContainer .content-container .content .card .card-heading.large span { font-size:17px;}

/* gender */
#siteContainer .content-container .content .card .card-heading.male, 
#siteContainer .content-container .content .card .card-heading.female {
	padding-left:54px;
}

#siteContainer .content-container .content .card .card-heading.male:before, 
#siteContainer .content-container .content .card .card-heading.female:before{
	content:'';
	height:50px; width:46px;
	position:absolute; top:0; left:0;
}

#siteContainer .content-container .content .card .card-heading.male:before { background:url(../images/applicant-male.svg) 0 2px no-repeat;}
#siteContainer .content-container .content .card .card-heading.female:before { background:url(../images/applicant-female.svg) 0 2px no-repeat;}

/* status */
#siteContainer .content-container .content .card .card-heading.status { font-size:14px;}
#siteContainer .content-container .content .card .card-heading.status span { font-size:24px; color:#1a3353; font-weight:500; margin-top:5px; display:inline-block; line-height:1.1em;}
#siteContainer .content-container .content .card .card-heading.status span .duration { font-size:16px; color:#666; font-weight:400; padding-left:10px;}

#siteContainer .content-container .content .card .card-heading.notStarted, 
#siteContainer .content-container .content .card .card-heading.inProgress { 
	padding-left:57px; 
	margin-bottom:20px;
	line-height:1.3em;
}
#siteContainer .content-container .content .card .card-heading.notStarted:before, 
#siteContainer .content-container .content .card .card-heading.inProgress:before{
	content:'';
	height:46px; width:46px;
	border-radius:50%;
	position:absolute; top:0; left:0;
}

#siteContainer .content-container .content .card .card-heading.notStarted:before {
	background:url(../images/icons/status_not-started.svg) 0 0 no-repeat; background-size:46px auto;
}
#siteContainer .content-container .content .card .card-heading.inProgress:before {
	background:url(../images/icons/status_in-progress.svg) 0 0 no-repeat; background-size:46px auto;
}

#siteContainer .content-container .content .card .card-heading.property { padding-left:76px;}
#siteContainer .content-container .content .card .card-heading.property:before {
	background:url(../images/section-icons/property.svg) 0 0 no-repeat; background-size:56px auto;
	content: '';
    height: 56px; width: 60px;
    position: absolute; top: 0; left: 0;
}

#siteContainer .content-container .content .card .card-sub-heading, #TB_ajaxContent .card-sub-heading { 
	font-size:15px; line-height:1.3em; font-family:'Roboto', Arial, Helvetica, sans-serif;
	margin-bottom:20px; margin-top:0px;
	
}

#siteContainer .content-container .content .card .row-divider { border-top:1px solid #eee; padding-top:20px; margin-top:10px;}

#siteContainer .content-container .content .card .card-copy { float:left; width:auto;}

@media print, screen and (min-width: 1024px) and (max-width: 1280px) {
	#siteContainer .content-container .content .card, #TB_ajaxContent .card { padding:15px;}
}

@media print, screen and (min-width:1281px) {
	#siteContainer .content-container .content .card .card-heading, 
	#siteContainer .content-container .content .outer-card-heading, 
	#thickboxContainer .card-heading, #TB_ajaxContent .card-heading {  font-size:19px;}
}


/* breadcrumbs */
.breadcrumbs { 
	width:100%; 
	padding-left:15px; margin-bottom:15px;
}
.breadcrumbs a {
	font-size:14px; color:#72849a;
	display:inline-block;
}
.breadcrumbs a:after {
	content:'/';
	padding:0 8px;
}
.breadcrumbs span { color:#455560; font-size:14px; }

/* pagination
----------------------------------------------*/
.pagination-container { width:100%;}
.pagination-container .pagination { float:right;}
.pagination-container .pagination li { margin:0 5px;}
.pagination-container .pagination li a {
	display:block;
	width:40px; height:40px; line-height:40px;
	text-align:center;
	border-radius: 50%;
}
.pagination-container .pagination li.back, .pagination-container .pagination li.next { float:left;}
.pagination-container .pagination li.back a, .pagination-container .pagination li.next a {
	border:1px solid #3e79f7; background-position:center center; background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.pagination-container .pagination li.back a:hover, .pagination-container .pagination li.next a:hover {
	border:1px solid #3e79f7;
	background-color:#3e79f7;
}
.pagination-container .pagination li.back a { background-image:url(../images/pagination-back.svg);}
.pagination-container .pagination li.back a:hover { background-image:url(../images/pagination-back-white.svg);}
.pagination-container .pagination li.next a { background-image:url(../images/pagination-next.svg);}
.pagination-container .pagination li.next a:hover { background-image:url(../images/pagination-next-white.svg);}

.count { 
	float:right;
	margin:0 25px 0 0;
}
.count p {
	color: #1a3353; font-weight: 500; font-size: 14px;
	display: inline-block;
	height:40px; line-height:40px;
}
.show-rows { float:right; margin-right:50px; }
.show-rows select { width:74px;}
.jump-to { float:right; margin:0 30px 0 0; }
.jump-to input[type="text"] { width:50px;}

/* tabs 
----------------------------------------------*/
#siteContainer .content-container .content .tab-container .card { margin-left:-29px;  width: calc(100% +  59px); border-radius:0; border-left:none; border-right:none;}
.tabs { width:100%; float:left; padding:15px 30px 0 30px;}
.tabs .tab { float:left; padding:15px 25px 13px 25px; font-size:16px; line-height:1.1em; border-bottom:2px solid #fff; color:#72849a;}
.tabs .tab.active { border-bottom:2px solid #3e79f7; color:#455560; font-weight:700;}
.tabs .tab a { color:#455560;}
.tabs .tab a:hover { color:#3e79f7;}

/* tables 
----------------------------------------------*/
table {
	border-collapse: separate; border-spacing: 0; border-radius: .625rem .625rem 0 0;
  	width: 100%;
}
thead, tbody, tfoot {
}
caption {
}
table thead {
}
table tfoot {
}
table thead tr, table tfoot tr {
}
table thead th, table thead td {
	color:#1a3353; font-size:14px; line-height:1.5em; font-weight:700;
	border-bottom:1px solid #e6ebf1;
	padding:15px;
}

table thead td.small-w-3 { width:3%;}
table thead td.small-w-4 { width:7%;}
table thead td.small-w-5 { width:5%;}
table thead td.small-w-6 { width:10%;}
table thead td.small-w-7 { width:10%;}
table thead td.small-w-8 { width:10%;}
table thead td.small-w-9 { width:10%;}
table thead td.small-w-10 { width:10%;}
table thead td.small-w-11 { width:10%;}
table thead td.small-w-12 { width:10%;}
table thead td.small-w-15 { width:10%;}
table thead td.small-w-20 { width:10%;}
table thead td.small-w-25 { width:10%;}
table thead td.small-w-30 { width:10%;}

@media print, screen and (min-width:901px) and (max-width: 1280px ) {
	table thead td.medium-w-3 { width:3%;}
	table thead td.medium-w-4 { width:7%;}
	table thead td.medium-w-5 { width:5%;}
	table thead td.medium-w-6 { width:10%;}
	table thead td.medium-w-7 { width:10%;}
	table thead td.medium-w-8 { width:10%;}
	table thead td.medium-w-9 { width:10%;}
	table thead td.medium-w-10 { width:10%;}
	table thead td.medium-w-11 { width:10%;}
	table thead td.medium-w-12 { width:10%;}
	table thead td.medium-w-15 { width:10%;}
	table thead td.medium-w-20 { width:10%;}
	table thead td.medium-w-25 { width:10%;}
	table thead td.medium-w-30 { width:10%;}
}


table thead th a, table thead td a { color:#1a3353;}

table thead th a.sort, table thead td a span.sort {
	background:url(../images/table_sort.svg) 100% 50% no-repeat;
	padding:0 20px 0 0;
}
table thead th a.sortASC, table thead td a span.sortASC {
	background:url(../images/table_sort-down.svg) 100% 50% no-repeat;
	padding:0 20px 0 0;
}
table thead th a.sortDESC, table thead td a span.sortDESC { 
	background:url(../images/table_sort-up.svg) 100% 50% no-repeat;
	padding:0 20px 0 0;
}

table tbody th, table tbody td, tfoot tr td.error-row {	
	color:#455560; font-size:14px; line-height:1.5em;
	border-bottom:1px solid #e6ebf1;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	position:relative;
	padding:15px;
	background-color:#fff;
}

table tbody td .dateAdded { font-size:12px;}

table.small-table thead tr th, table.small-table thead tr td, table.small-table tbody th, table.small-table tbody td { padding:10px;}

table tbody tr:hover th, table tbody tr:hover td { background-color:#fafafa;}

tfoot tr td.error-row { border-bottom:none; color:#ff6b72;}

/* notes */
table thead td .notes, table tbody td .notes {
	width:auto;
	position:relative;
	overflow:hidden;
}
table thead td .notes .note-details, table tbody td .notes .note-details {
	display:block;
	background:#fff;
	border:1px solid #ccc; border-radius:6px;
	padding:8px 10px;
	font-size:14px; color:#455560;
	position:absolute; top:-11px; right:-160px;
	width:160px;
	z-index:1;
	box-shadow: 0 1px 4px -1px rgba(0,0,0,0.15);
	opacity:0;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
table thead td .notes .note-details { font-weight:400;}
table thead td .notes .note-details:before, table tbody td .notes .note-details:before {
	content:'';
	display:block;
	height:8px; width:8px;
	background:#fff;
	position:absolute; top:14px; left:-5px;
	-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
	border-left:1px solid #ccc; border-bottom:1px solid #ccc;
	text-align:center;
}
table thead td .notes:hover, table tbody td .notes:hover { overflow:visible;}
table thead td .notes:hover .note-details, table tbody td .notes:hover .note-details { opacity:1;}
table thead td .notes.large .note-details, table tbody td .notes.large .note-details { width:250px; right:-250px; text-align:left;}

table tbody td.aplicant-details a { display:block; width:100%; line-height:1.3em; margin:0 0 2px 0;}
table tbody td.aplicant-details .address a { font-weight:bold;}

table tbody td .guarantor-for { display:block;}

table tbody td .expand-collapse {
	display:block;
	width:19px; height:19px; line-height:16px; 
	text-align:center;
	border:1px solid #455560;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	background:url(../images/icons/expand-collapse-cross.svg) center center no-repeat;
}
table tbody td .expand-collapse:hover { 
	color:#3E79F7;
	border:1px solid #3E79F7;
	background:url(../images/icons/expand-collapse-cross-white.svg) center center no-repeat #3E79F7;
}

/* table sub arrow |-> */
table tr.tenency-details, table tr.tenency-details td { background:#fafafa;}
table tr.tenency-details td.arrow-cell { 
	background:url(../images/icons/arrow-line.svg) bottom right no-repeat #fafafa;
	padding-top:0;
	border-top:15px solid #fafafa;
}
table tbody tr td.arrow-cell, table tbody tr:hover td.arrow-cell { border-top:15px solid #fafafa;}

table thead tr td.line-left { border-left:1px solid #e6ebf1;}
table thead tr td.line-right, table tbody tr td.line-right { border-right:1px solid #e6ebf1;}

table thead tr td.type-3, table tbody tr td.type-3 { border-right:1px solid #e6ebf1;}

table tbody tr td.employment-brakedown { background:url(../images/icons/arrow-right.svg) 17px 26px no-repeat; background-size: 24px auto; padding-left:68px; position:relative; }
table tbody tr td.employment-brakedown:before {
	content:'';
	display:block;
	height:21px; width:20px;
	background:url(../images/icons/arrow-line.svg) 0 0 no-repeat;
	position:absolute; top:15px; left:13px;
}
table tbody tr td.employment-brakedown span { display:block; float:left; height:40px; line-height:40px; margin-right:20px;  }
table tbody tr td.employment-brakedown ul { width:100%;}
table tbody tr td.employment-brakedown ul li { float:left; margin:0 40px 0 0;}
table tbody tr td.employment-brakedown ul li  span { margin-right:10px; display:inline-block; text-transform:none;}
table tbody tr td.employment-brakedown ul li input { width:50px; margin:0 5px 0 0;}

table tbody tr td input.accept { width:80px; margin:0 5px 0 0;}

/* status */
table tbody td .status-badge {
	display:block;
	padding:5px 0;
	font-size:11px;
	border-radius:5px;
	background:#eee;
	text-align:center;
}

table tbody td .status-badge.status-1 { color:#DD7C12; background:#FFEDDC;} /*in progress*/
table tbody td .status-badge.status-3 { color:#4CAF50; background:#E5FAF2;} /*pass*/
table tbody td .status-badge.status-2, table tbody td .status-badge.status-4 { color:#FF0000; background:#FBECED;} /*declined / aborted*/
table tbody td .status-badge.status-6 { color:#117DA8; background:#EBF8FC;} /* not started */
table tbody td .status-badge.status-7 { color:#CE783E; background:#FFEDDC;} /* refer */

table tfoot.footer-totals tr td {
	color:#455560; font-size:14px; line-height:1.5em; font-weight:700;
	padding:15px;
	background-color:#edf2f9;
}

table tfoot.footer-totals tr td.negative { color:#ff0000;}

.permissions-list .permission-section-heading:first-child { margin-top:0;}
.permissions-list .permission-section-heading {
	width:100%;
	padding:15px; margin-top:40px;
	border-radius:6px;
	background:#edf2f9;
}

#siteContainer .content-container .content .card .permissions-list .section-icon { margin:0 11px 0 13px;}

table tbody td .person-icon {
	padding:7px; border:1px solid #eee; border-radius:50%;
}

table.tenency-overview tr td { border:none; padding:0;}
table.tenency-overview tr:hover td, table.tenency-overview tr td:hover { background:#fff;}
table.tenency-overview tr td label, table.tenency-overview tr td .text-output { height:36px; line-height:36px; text-align:left;}
table.tenency-overview tr td .text-output.height-auto { height:auto; line-height:1.4em;}

table.homepage-overview-table tr td { padding:10px;}

@media print, screen and (min-width:1024px) and (max-width: 1280px ) {
	table.homepage-overview-table thead tr td { padding-top:0;}
	table.homepage-overview-table tr td { padding:5px; line-height:1.1em;}
	table.homepage-overview-table tr td div { display:inline-block; margin-bottom:5px; width:100%; font-size:12px; padding:0;}
}

@media print, screen and (min-width:1024px) and (max-width: 1280px ) {
	table thead tr td, table tbody tr td { padding:10px;}
}

@media print, screen and (max-width: 1640px ) {
	.table-scroll-container { overflow:hidden;}
	.table-container { overflow:scroll;}
	.table-container table.task-list { width:1640px;}
	
}

.table-container table.tenants-table, 
.table-container table.tenency-income-table, 
.table-container table.reference-task-list, 
.table-container table.notes-table, 
.table-container table.address-list-table, 
.table-container table.search-table { width:1550px;}


.table-container table.reference-table { width:1552px; }
.table-container table.reference-table thead tr td.reference { width:6.5%;}
.table-container table.reference-table thead tr td.type { width:4%;}
.table-container table.reference-table thead tr td.month { width:7%;}
.table-container table.reference-table thead tr td.move { width:6%;}
.table-container table.reference-table thead tr td.consultant { width:4%;}
.table-container table.reference-table thead tr td.assessor { width:5%;}
.table-container table.reference-table thead tr td.tenants { width:5%;}
.table-container table.reference-table thead tr td.guarantors { width:6%;}
.table-container table.reference-table thead tr td.occupants { width:6.5%;}
.table-container table.reference-table thead tr td.started { width:6.5%;}
.table-container table.reference-table thead tr td.status { width:8%;}


/* form elements 
----------------------------------------------*/
form { padding:0; margin:0; border:0;}
fieldset { border:none; margin-bottom:10px; }

label, .label {
	color:#666; font-weight:300; font-size:14px; text-align:right; font-family:'Roboto', Arial, Helvetica, sans-serif;
	position:relative;
	display:inline-block;
	padding:0 0.9375rem 0 0; margin:0 0 15px 0;
	height:40px; line-height:40px;
	letter-spacing:0.03em;
}
.label { text-align:left; float:left;}

.label.height-auto { height:auto; line-height:1.3em; margin-bottom:5px;}

.label.additional-content, label.additional-content { line-height:18px;}
.label.additional-content span, label.additional-content span { font-size:11px; color:#999;}

.required-row .label:before, .required-row label:before { content:'*'; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#cc0000; padding:0 4px 0 0;}

.required-one-row .labe:before, .required-one-row label:before { content:'*'; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#3e79f7; padding:0 4px 0 0;}


.text-output, .text-output a { 
	font-size:16px; color:#666; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:500;
	height:40px; line-height:40px;
	margin:0;
}

.text-output a { color:#3e79f7;}

.text-output.height-auto, .text-output.height-auto a { height:auto; line-height:1.3em;}



input, textarea {
	position:relative;
	display:inline-block;
	width:100%; min-width:0; height:40px; line-height:40px;
	padding:8.5px 11px; margin:0 0 15px 0;
	color:#455560; font-size:14px;  font-weight:400; font-family:'Roboto', Arial, Helvetica, sans-serif;
	background:#fff;
	border:1px solid #e6ebf1; border-radius:6px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
input:hover, textarea:hover {
	border-color:#699dff;
}
input:focus-visible, textarea:hover {
	border-color:#699dff;
	outline:none;
}

textarea { min-height:100px; height:auto; line-height:1.4em; }


input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="time"], input[type="search"] {
	margin-bottom:15px;
}

input[type="url"] {}

input[type="button"], input[type="submit"], input[type="reset"] {
	border:none;
	background:#3e79f7;
	text-shadow: 0 -1px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 0 rgba(0,0,0,.045);
	color:#fff;
	height:40px; line-height:40px;
	font-size:14px; font-weight:700; letter-spacing:0.02em;
	cursor:pointer;
	padding:0 1.25rem;
	width:auto;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	border:none;
	background:#699dff;
}

input[type="date"], input[type="datetime-local"], input[type="month"], input[type="week"] {}

input[type="color"] {}

input[type="image"] {}

input[type="range"] {}

input:disabled { background-color:#f7f7f7; color:#777;}
input:disabled:hover { border-color:#e6ebf1;}

/*.upload-container { overflow:hidden; border:1px solid #e6ebf1; border-radius:6px; cursor:pointer; }
.upload-container input[type="file"] { border:none; padding:0; position:relative; color:#455560; margin:0 0 0 -67px;}*/

.upload-container { display:block; float:left; height:40px; position:relative;}
.upload-container input[type="file"] { border:none; padding:0; margin:0 0 0 72px; height:40px; overflow:hidden; position:absolute; top:0; width:200px; visibility:hidden; }
.upload-container input[type="file"] + label { 
	background:url(../images/buttons/choose-file-white.svg) 12px 50% no-repeat #3e79f7;
	margin:0 0 20px 0; padding-left:36px;
	color:#fff; font-size:14px;
	border:1px solid #3e79f7;
	border-radius:10px;
	height:40px;
	position:relative;
	cursor:pointer;
	text-align:center;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.upload-container input[type="file"] + label:hover { background:url(../images/buttons/choose-file-white.svg) 12px 50% #699dff no-repeat; color:#fff; border:1px solid #699dff;}

.upload-container input[type="file"] + label:after {
	display:inline-block;
	height:40px; width:10px;
	background:#fff;
	content:'';
	position:absolute; top:0; right:-11px;
}
.row.required-row .upload-container input[type="file"] + label:before { display:none;}

/* checkboxs */
input[type="checkbox"] {
    visibility: hidden;
    height: 20px; width: 20px;
    margin:0;
    float: left;
}
input[type="checkbox"] + label {
    background: url(/resources/images/form_checkbox-unchecked.svg) 0 50% no-repeat;
    padding: 0 0 0 28px; margin: 0 0 0 -20px;
    height: 20px; line-height: 20px;
	font-size:14px; color:#666;
}
input[type="checkbox"] + label:hover { background: url(/resources/images/form_checkbox-hover.svg) 0 50% no-repeat; }
input[type="checkbox"]:checked + label {
    background: url(/resources/images/form_checkbox-checked.svg) 0 50% no-repeat;
}

input[type="checkbox"] + label.disabled {
    background: url(/resources/images/form_checkbox-disabled-checked.svg) 0 50% no-repeat;
}
input[type="checkbox"]:checked + label.disabled {
    background: url(/resources/images/form_checkbox-disabled-unchecked.svg) 0 50% no-repeat;
}

/* radios */
input[type="radio"] {
    visibility: hidden;
    height: 20px; width: 20px;
    margin:0;
    float: left;
}
input[type="radio"] + label {
    background: url(/resources/images/form_radio-unchecked.svg) 0 50% no-repeat;
    padding: 0 0 0 28px; margin: 0 0 0 -20px;
    height: 20px; line-height: 22px;
	cursor:pointer;
	font-size:14px; color:#1a3353;
}
input[type="radio"]:checked + label {
    background: url(/resources/images/form_radio-checked.svg) 0 50% no-repeat;
}

.columns.radio-column { width:auto;}

.input-prefix { position:relative; }
.input-prefix .prefix-value {
	height:40px; width:40px; line-height:40px;
	background:#ddd;
	font-size:14px; text-align:center;
	-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
	position:absolute; top:0; left:0;
	display:block;
	z-index:1;
}

.input-prefix input { padding-left:50px;}

.input-suffix { position:relative; }
.input-suffix .suffix-value {
	height:40px; width:40px; line-height:40px;
	background:#ddd;
	font-size:14px; text-align:center;
	-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
	position:absolute; top:0; right:0;
	display:block;
	z-index:1;
}

.input-suffix input { padding-right:50px;}

/* selects */
fieldset select, select {
  height:40px; line-height:40px;
  padding:8.5px 17px 8.5px 11px; margin:0 0 15px 0;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  border: 1px solid #e6ebf1; border-radius:6px;
  background:url(../images/form_select-arrow.svg) 100% 50% no-repeat #fff; background-origin: content-box;
  font-size: 14px;  font-weight: 400; line-height: 1.5em; color: #455560;
}

fieldset select.height-auto, select.height-auto { height:auto}

.output-row .label { padding-top:2px;}
.output-row .text-output { margin-bottom:5px;}

.more-info-button {
	font-size: 12px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	letter-spacing: 0.03em;
	color:#999;
	cursor:pointer;
}


/* date sections (inputs) 
---------------------------------------------*/
.date-picker-inputs { float:left; margin-right:13px;}
.date-picker-inputs .day { width:20%; float:left}
.date-picker-inputs .day input[type="text"] {
	-webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;
}
.date-picker-inputs .month { width:53%; float:left}
.date-picker-inputs .month select { border-radius:0; border-left:none; border-right:none;}

.date-picker-inputs .year { width:27%; float:left}
.date-picker-inputs .year input[type="text"] {
	-webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;
	
}


/* error styling 
---------------------------------------------*/

.error input, .error select { border:1px solid #ff6b72;}

.error .error-message { 
	color:#ff6b72; font-size:14px;
	margin:-7px 0 14px 0;
}

/* buttons 
--------------------------------------------*/
.button {
	border:none;
	background:#3e79f7;
	text-shadow: 0 -1px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 0 rgba(0,0,0,.045);
	color:#fff;
	height:40px; line-height:40px;
	font-size:14px; font-weight:700; letter-spacing:0.02em;
	cursor:pointer;
	padding:0 1.25rem;
	width:auto;
	display:inline-block;
	border-radius:6px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.button:hover {
	border:none;
	background:#699dff;
	color:#fff;
}

.buttonS {
	height:32px; line-height:32px;
	font-size:12px;
}


/* blue buttons */
input[type="submit"].button-submit { background-image:url(../images/buttons/filter-icon.svg); background-position:14px 50%; background-repeat:no-repeat; padding-left:40px;}
input[type="submit"].button-update { background-image:url(../images/buttons/update-icon.svg); background-position:14px 50%; background-repeat:no-repeat; padding-left:40px;}

input[type="submit"].button-search, .button.button-search { background-image:url(../images/buttons/search-white.svg); background-position:14px 50%; background-repeat:no-repeat; padding-left:40px;}
input[type="submit"].button-search:hover, .button.button-search:hover { background-image:url(../images/buttons/search-white.svg); background-position:14px 50%; background-repeat:no-repeat;}

input[type="submit"].button-filter { background-image:url(../images/buttons/filter-icon.svg); background-position:14px 50%; background-repeat:no-repeat; padding-left:40px;}
input[type="button"].button-new-white, .button-new-white { background-image:url(../images/buttons/add-icon-white.svg); background-position:14px 50%; background-repeat:no-repeat; padding-left:40px;}
input[type="button"].button-reset-white, .button-reset-white { background-image:url(../images/buttons/reset-white.svg); background-position:14px 50%; background-repeat:no-repeat; padding-left:40px;}
input[type="button"].button-reset-white:hover, .button-reset-white:hover { background-image:url(../images/buttons/reset-white.svg);  background-position:14px 50%; background-repeat:no-repeat;}

.button.button-edit-white {
	background-image:url(../images/buttons/edit-icon-white.svg); background-position:14px 50%; background-repeat:no-repeat; 
	padding-left:41px;
}

/* outline buttons */
input[type="button"].button-outline, input[type="submit"].button-outline, .button-outline {
	background:#fff;
	color:#3e79f7; font-weight:400; line-height:38px;
	border:1px solid #3e79f7;
	border-radius: 10px;
	display:inline-block;
	padding:0 20px;
	text-shadow:none;
}
input[type="button"].button-outline:hover, input[type="submit"].button-outline:hover, .button-outline:hover {
	background:#3e79f7;
	border:1px solid #3e79f7;
	color:#fff;
}

/*inline (in forms rows or tables )*/
input[type="button"].button-inline, .button-inline { 
	background:#fff;
	color:#3e79f7; font-weight:400; font-size:11px; letter-spacing:0.03em; 
	border:1px solid #3e79f7;border-radius:6px;
	padding:0 10px;
	display:inline-block;
	height:26px; line-height:24px; 
	box-shadow: 0 2px 0 rgba(0,0,0,.015);
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	
}
input[type="button"].button-inline:hover, .button-inline:hover {
	border:1px solid #3e79f7;
	background:#3e79f7;
	color:#fff;
}

/* small grey buttons */
input[type="button"].button-inline.solid-grey, .button-inline.solid-grey { background-color:#ededed; border:1px solid #ededed; color:#666;}
input[type="button"].button-inline.solid-grey:hover, .button-inline.solid-grey:hover { background-color:#699dff; border:1px solid #699dff;}

/* add */
input[type="button"].button-add, input[type="submit"].button-add, .button-add {
	background-image:url(../images/buttons/add-icon-white.svg); background-position:12px 50%; background-repeat:no-repeat;
	padding-left:40px;
}
input[type="button"].button-add:hover, input[type="submit"].button-add:hover, .button-add:hover {
	background-image:url(../images/buttons/add-icon-white.svg); background-position:12px 50%; background-repeat:no-repeat;
}
.button-outline.button-add.button-inline { background-size:12px auto; padding-left:30px;}

/* remove */
input[type="button"].button-remove, input[type="submit"].button-remove, .button-remove {
	background:url(../images/buttons/remove-icon-white.svg) 12px 50% no-repeat #3e79f7; color:#fff;
	padding-left:40px;
}
input[type="button"].button-remove:hover, input[type="submit"].button-remove:hover, .button-remove:hover { 
	background:url(../images/buttons/remove-icon-white.svg) 12px 50% no-repeat #699dff; 
}
.button-remove.button-inline { padding-left:32px; background-size:11px auto;}
.button-remove.button-inline:hover { background-image:url(../images/buttons/remove-icon-white.svg); border:1px solid #699dff;}

/* search */
input[type="button"].button-outline.button-search, .button-outline.button-search {
	background-image:url(../images/buttons/search-icon-blue.svg); background-position:12px 50%; background-repeat:no-repeat;
	padding-left:40px;
}
input[type="button"].button-outline.button-search:hover, .button-outline.button-search:hover { background-image:url(../images/buttons/search-white.svg);}

/* view */
input[type="button"].button-view, .button-view, .button-inline.button-view {
	background-image:url(../images/buttons/view-icon-white.svg); background-position:14px 50%; background-repeat:no-repeat; background-size:22px auto;
	padding-left:46px;
}
input[type="button"].button-view:hover, .button-view:hover { background-image:url(../images/buttons/view-icon-white.svg); background-position:14px 50%; background-repeat:no-repeat; background-size:22px auto;}
.button-view.button-inline { padding-left:34px; background-size:14px auto; background-color:#3e79f7; color:#fff; background-image:url(../images/buttons/view-icon-white.svg);}
.button-view.button-inline:hover { background-color:#699dff; border:1px solid #699dff; }

input[type="button"].solid-grey.button-view, .solide-greye.button-view, .button-inline.button-view.solid-grey { background-image:url(../images/buttons/view-icon.svg); background-color:#ededed; color:#666;}
input[type="button"].solid-grey.button-view:hover, .solide-greye.button-view, .button-inline.button-view.solid-grey:hover { background-image:url(../images/buttons/view-icon-white.svg); color:#fff; background-color:#699dff;}


/* edit */
input[type="button"].button-edit, input[type="submit"].button-edit, .button-edit, .button-inline.button-edit   {
	background-image:url(../images/buttons/edit-icon-white.svg); background-position:12px 50%; background-repeat:no-repeat;
	padding-left:40px;
}
input[type="button"].button-edit:hover, input[type="submit"].button-edit:hover, .button-edit:hover, .button-inline.button-edit:hover {
	background-image:url(../images/buttons/edit-icon-white.svg); background-position:12px 50%; background-repeat:no-repeat;
}
input[type="button"].button-inline.button-edit, .button-edit.button-inline { padding-left:34px; background-size:14px auto;}

input[type="button"].solid-grey.button-inline.button-edit, .solid-grey.button-edit.button-inline { background-image:url(../images/buttons/edit-icon-grey.svg); background-repeat:no-repeat; background-position:12px 50%; padding-left:34px; background-size:14px auto; background-color:#ededed; color:#666;}
input[type="button"].solid-grey.button-inline.button-edit:hover, .solid-grey.button-edit.button-inline:hover { color:#fff; background-image:url(../images/buttons/edit-icon-white.svg); background-color:#699dff;} 

.button-inline.button-edit {   padding-left:31px; background:url(../images/buttons/edit-icon-white.svg) 10px 50% no-repeat #3e79f7; background-size:13px auto; color:#fff; cursor:pointer;}
.button-inline.button-edit:hover { background-size:14px auto; background-color:#699dff; border:1px solid #699dff; background-size:13px auto;}

/* download */
input[type="button"].button-download, input[type="submit"].button-download, .button-download {
	background-image:url(../images/buttons/download-white.svg); background-position:12px 50%; background-repeat:no-repeat;
	padding-left:40px;
}

.button-outline.button-download { background-image:url(../images/buttons/download-blue.svg);}
.button-outline.button-download:hover { background-image:url(../images/buttons/download-white.svg);}

.button-download.button-inline { 
	padding-left:32px; 
	background-size:12px auto; background-image:url(../images/buttons/download-white.svg); background-color:#3e79f7; color:#fff;
}
.button-download.button-inline:hover { 
	background-image:url(../images/buttons/download-white.svg); background-position:12px 50%; background-repeat:no-repeat; background-color:#699dff;
	border:1px solid #699dff;
}

/* upload */
input[type="button"].button-upload, input[type="submit"].button-upload, .button-upload {
	background-image:url(../images/buttons/upload-white.svg); background-position:12px 50%; background-repeat:no-repeat;
	padding-left:40px;
}
input[type="button"].button-upload:hover, input[type="submit"].button-upload:hover, .button-upload:hover {
	background-image:url(../images/buttons/upload-white.svg);  background-position:12px 50%; background-repeat:no-repeat;
}
.button-outline.button-upload.button-inline { padding-left:32px; background-size:12px auto;}


/* resend */
input[type="button"].button-resend, input[type="submit"].button-resend, .button-resend {
	background:url(../images/buttons/resend.svg) 12px 50% no-repeat #3e79f7;
	padding-left:40px;
	color:#fff;
}
.button-outline.button-resend.button-inline { padding-left:30px; background-size:11px auto;}
input[type="button"].button-resend:hover, input[type="submit"].button-resend:hover, .button-resend:hover { 
	background:url(../images/buttons/resend.svg) 12px 50% no-repeat #699dff;
	border:1px solid #699dff;
}

/* send */
input[type="button"].button-send, input[type="submit"].button-send, .button-send {
	background-image:url(../images/buttons/send-white.svg); background-position:12px 50%; background-repeat:no-repeat; background-color:#3e79f7;
	padding-left:52px;
	color:#fff;
}
input[type="button"].button-send:hover, input[type="submit"].button-send:hover, .button-send:hover {
	background-image:url(../images/buttons/send-white.svg); background-position:12px 50%; background-repeat:no-repeat; background-color:#699dff;
	
}
.button-send.button-inline { padding-left:39px; background-size:21px auto;}
.button-send.button-inline:hover {border:1px solid #699dff;}

/* button completed - ticked*/
input[type="button"].button-outline.button-ticked, input[type="submit"].button-outline.button-ticked, .button-outline.button-ticked {
	background-image:url(../images/buttons/tick-outline.svg); background-position:12px 50%; background-repeat:no-repeat;
	padding-left:41px;
	margin:0;
}
input[type="button"].button-outline.button-ticked:hover, input[type="submit"].button-outline.button-ticked:hover, .button-outline.button-ticked:hover {
	background-color:#3e79f7; background-image:url(../images/buttons/tick-outline-white.svg);
	color:#fff;
}

.button-outline.button-ticked.button-inline { background-image:url(../images/buttons/tick-outline.svg); background-position:12px 50%; background-repeat:no-repeat; padding-left:30px; background-size:11px auto;}
.button-outline.button-ticked.button-inline { padding-left:30px; background-size:11px auto;}

/* print */
input[type="button"].button-print, input[type="submit"].button-print, .button-print, .button-inline.button-print {
	background:url(../images/buttons/print-white.svg) 14px 50% no-repeat #3e79f7; background-size: auto 13px; font-weight:400; color:#fff;
	padding-left:41px;
}
input[type="button"].button-print:hover, input[type="submit"].button-print:hover,
.button-print:hover, .button-print.button-inline:hover { background:url(../images/buttons/print-white.svg) 14px 50% no-repeat #699dff; background-size: auto 13px;}
.button-print.button-inline:hover { border:1px solid #699dff;}

/* regenerate */
input[type="button"].button-regenerate, input[type="submit"].button-regenerate, .button-regenerate {
	background-image:url(../images/buttons/regenerate-white.svg); background-position:12px 50%; background-repeat:no-repeat;
	padding-left:40px;
}
input[type="button"].button-regenerate:hover, input[type="submit"].button-regenerate:hover, .button-regenerate:hover { background-image:url(../images/buttons/regenerate-white.svg); background-position:12px 50%; background-repeat:no-repeat;}
.button-regenerate.button-inline { padding-left:32px; background-size:12px auto;}

/* back */
input[type="button"].button-back, .button-back {
	background:url(../images/buttons/back-blue.svg) 14px 50% no-repeat; background-size:auto 12px;
	padding-left:34px;
}
input[type="button"].button-back:hover, .button-back:hover { background-image:url(../images/buttons/back-white.svg); background-repeat:no-repeat; background-position:14px 50%; background-size:auto 12px;}

/* next */
input[type="button"].button-next, .button-next, .button-inline.button-next {
	background:url(../images/buttons/next-white.svg) 90% 50% no-repeat #3e79f7; background-size:auto 12px;
	padding-right:26px;
	color:#fff;
}
input[type="button"].button-next:hover, .button-next:hover, .button-inline.button-next:hover { background-color:#699dff; }
.button-inline.button-next:hover { border:1px solid #699dff; }
	
.button-inline.button-next { padding-left:10px; padding-right:24px; background-size: 6px auto; background-position:91% 50%;}


/* transfer */
input[type="button"].transfer, input[type="submit"].transfer, .transfer, .button-inline.transfer {
	background:url(../images/buttons/wizard-next-white.svg) 90% 50% no-repeat #3e79f7; background-size:auto 12px;
	padding-right:36px;
	color:#fff;
}
input[type="button"].transfer:hover, input[type="submit"].transfer:hover, .transfer:hover, .button-inline.transfer:hover { 
	background:url(../images/buttons/wizard-next-white.svg) 90% 50% no-repeat #699dff; background-size:auto 12px;
}

input[type="submit"].transfer


/* sign in as applicant */
.button-applicant {
	background-image:url(../images/buttons/applicant-white.svg); background-position:14px 50%; background-repeat:no-repeat; background-size:auto 17px;
	padding-left:41px;
	cursor:pointer;
} 
.button-applicant:hover {
	background-image:url(../images/buttons/applicant-white.svg); background-position:14px 50%; background-repeat:no-repeat; background-size:auto 17px;
}

/* abort */
input[type="button"].button-abort {
	background-image:url(../images/buttons/stop-white.svg); background-position:14px 50%; background-repeat:no-repeat; 
	padding-left:37px;
}
input[type="button"].button-outline.button-abort:hover {
	background-image:url(../images/buttons/stop-white.svg);
}

/* excell export */
.button-outline.button-excel {
	background:url(../images/buttons/excel-icon.svg) 14px 50% #fff no-repeat; background-size:auto 17px;
	padding-left:41px;
	color:#3e79f7;
	border:1px solid #3e79f7;
} 
.button-outline.button-excel:hover {
	background:url(../images/buttons/excel-icon-white.svg) 14px 50% #3e79f7 no-repeat;
	color:#fff;
}

/* CSV export */
.button-csv {
	background:url(../images/buttons/csv-icon.svg) 14px 50% no-repeat #3e79f7; background-size:auto 17px;
	padding-left:41px;
}
.button-csv:hover {
	background:url(../images/buttons/csv-icon.svg) 14px 50% no-repeat #699dff; background-size:auto 17px;
}

/* update */
input[type="submit"].button-update, .button-update { 
	background-image:url(../images/buttons/regenerate-white.svg); background-position:14px 50%; background-repeat:no-repeat; 
	padding-left:40px;
}
input[type="submit"].button-update:hover, .button-update:hover {
	background-image:url(../images/buttons/regenerate-white.svg); background-color:#699dff; color:#fff; background-position:14px 50%; background-repeat:no-repeat
}
.button-update.button-inline { background-size: 12px auto; padding-left:36px;}

/* save and complete */
.button-save-complete { 
	background:url(../images/buttons/save-complete-white.svg) 14px 50% no-repeat #3e79f7; 
	padding-left:40px;
	color:#fff;
}
#TB_window .button-save-complete:link { color:#fff;}
#TB_window .button-save-complete:link:hover { background:url(../images/buttons/save-complete-white.svg) 14px 50% no-repeat #699dff;  }

/* save and review */
.button-save-review { 
	background:url(../images/buttons/save-review-white.svg) 14px 50% no-repeat #3e79f7; 
	padding-left:40px;
}
#TB_window .button-save-review:link { color:#fff;}
#TB_window .button-save-review:link:hover { background:url(../images/buttons/save-review-white.svg) 14px 50% no-repeat #699dff; }


.button-inline.button-verify { background:url(../images/buttons/verify-white.svg) 13px 50% no-repeat #3e79f7; padding-left:33px; background-size:14px auto; color:#fff;}
.button-inline.button-verify:hover { background-color:#699dff; background-image:url(../images/buttons/verify-white.svg); border:1px solid #699dff;}


.button-inline.button-run-check { }


/* other buttons */

/* save button */
.button-save, input[type="button"].button-save {
	background:url(../images/buttons/save-tick.svg) 15px 50% no-repeat #55ab55; background-size:17px auto;
	padding-left:41px; margin-top:-8px;
}
.button-save:hover, input[type="button"].button-save:hover {
	background:url(../images/buttons/save-tick.svg) 15px 50% no-repeat #3e79f7; background-size:17px auto;
}


/* links 
-----------------------------------------*/
.external { background:url(../images/icons/link_external.svg) 0 0 no-repeat; padding-left:27px;}

.show-hide-link {
	display:inline-block;
	font-size:14px; font-weight:400;
	margin:0 0 0 13px; padding-left:14px;
	background:url(../images/buttons/show-hide.svg) 0 12px no-repeat;
}


/* start referencing */
.start-referencing {
	background:url(../images/buttons/start-referencing-white.svg) 87% 50% no-repeat #55ab55;
	height:36px; line-height:36px;
	padding:0 49px 0 22px; margin:0 0 0 10px;
	position:relative;
	float:right;
	border:1px solid #55ab55;
	color:#fff;
	text-shadow:none;
}
.start-referencing:hover {
	background:url(../images/buttons/start-referencing-white.svg) 87% 50% no-repeat #3e79f7;
	color:#fff;
	border:1px solid #3e79f7;
}

.view-applicant {
	background:url(../images/buttons/view-icon-blue.svg) 13px 50% no-repeat #fff; background-size: 20px auto;
	height:36px; line-height:36px;
	padding:0 20px 0 45px; margin:0 0 0 10px;
	position:relative;
	float:right;
	border:1px solid #3e79f7;
	color:#3e79f7;
	text-shadow:none;
}
.view-applicant:hover {
	background:url(../images/buttons/view-icon-white.svg) 13px 50% no-repeat #3e79f7; background-size: 20px auto;
	background-position:13px 50%;
	border:1px solid #3e79f7;
}

.start-referencing.add-guarantor { padding:0 20px 0 40px; background:url(../images/buttons/add-icon-white.svg) 14px 50% no-repeat; color:#fff; background-color:#55ab55; border:1px solid #55ab55;}
.start-referencing.add-guarantor:hover { padding:0 20px 0 40px; background:url(../images/buttons/add-icon-white.svg) 14px 50% no-repeat #3e79f7; color:#fff; border:1px solid #3e79f7;}

/* status */
td.statusIcon { position:relative;}
td.statusIcon div.statusIcon  { height:18px; width:18px; display:block; background-repeat:no-repeat; background-size: 18px 18px; border-radius: 50%; }
td.statusIcon .inProgress { background-image:url(/resources/images/icons/status_in-progress.svg);  }
td.statusIcon .notStarted { background-image:url(/resources/images/icons/status_not-started.svg);  }
td.statusIcon .pass { background-image:url(/resources/images/icons/status_pass.svg); }
td.statusIcon .fail { background-image:url(/resources/images/icons/status_fail.svg); }
td.statusIcon .aborted { background-image:url(/resources/images/icons/status_aborted.svg); }
td.statusIcon .refer { background-image:url(/resources/images/icons/status_refer.svg); }
td.statusIcon .onHold { background-image:url(/resources/images/icons/status_hold.svg); }

td.statusIcon .arrow { position:absolute; top:50%; left:-29px; height:16px; width:24px; margin-top:-8px; background:url(../images/icons/arrow-right.svg) 0 0 no-repeat; background-size: auto 16px;}
tr:last-child td.statusIcon .arrow { background-image:url(../images/icons/arrow-right-end.svg);}

/* Reference Progress bar 
---------------------------------------------*/
.applicationProgress { float:left; padding:10px 0px 10px 8px; width:612px; border-bottom:1px solid #dfdfdf; margin:0px 0px 10px 0px;}
.applicationProgress .label { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}

.progressBar { width:100%; height:10px; float:left; margin-top:6px; }
.progressBar .label { padding:0px 0px 8px 0px;}
.progressBar .bar { height:10px; float:left; background-color:#eee; border-radius: 4px;}
.progressBar .redBar { background-color:#ff6b72; border-radius: 4px; }
.progressBar .greenBar { background-color:#04d182; border-radius: 4px; }
.progressionDetails { float:left; width:612px;}
.progressionDetails .detail { float:left; padding:9px 10px 0px 0px;}
.progressionDetails .detail label { color:#000; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:0px 5px 0px 0px; }
.progressionDetails .detail .inputRendered { float:left; padding:0px; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; }

.progressBar.both-bars .redBar {
	-webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;
}

.progressBar.both-bars .greenBar {
	-webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;
}

/*Credit Check & References Overview
------------------------------------------*/
.references-overview {
	width:100%;
	float:left;
	margin-bottom:30px;
}
.references-overview li { 
	float:left; 
	width:15.5%; min-height:321px; 
	background:#fff; 
	border:1px solid #e6ebf1; border-radius:6px;
	margin:0 20px 0 0;  padding:15px 15px 30px 15px;
	position:relative;
}
.references-overview li:last-child { margin:0;}

.references-overview li .result { display:block; width:100%; padding-left:63px; height:60px; margin-top:6px; margin-bottom:20px; }
.references-overview li .result .type { display:inline-block; width:100%; font-size:16px; font-weight:500; color:#1a3353; text-transform:capitalize;}
.references-overview li .result .result-text { display:inline-block; width:100%; font-size:18px; font-weight:500; color:#1a3353; text-transform:capitalize; }

.references-overview li .result.pass { background:url(../images/icons/status_pass-large.svg) 0 0 no-repeat;}
.references-overview li .result.pass .result-text { color:#77BC60;}

.references-overview li .result.inProgress, .references-overview li .result.received { background:url(../images/icons/status_in-progress-large.svg) 0 0 no-repeat;}
.references-overview li .result.inProgress .result-text, .references-overview li .result.receive .result-text { color:#DD7C12;}

.references-overview li .result.fail { background:url(../images/icons/status_fail-large.svg) 0 0 no-repeat;}
.references-overview li .result.fail .result-text { color:#CC0000;}

.references-overview li .result.na { background:url(../images/icons/status_na-large.svg) 0 0 no-repeat;}


.references-overview li .details { width:100%;}

.references-overview li .details .details-heading {
	font-size: 12px; font-weight: 700; text-transform: uppercase; color: #455560;
	padding:0; margin:10px 0;
}

.references-overview li .details .details-inner { min-height:124px;}

.references-overview li .label, .references-overview li .text-output { height:30px; line-height:30px; margin:0 0 5px 0;}

.references-overview li .moreDetails { position:absolute; bottom:15px; left:15px;}
.references-overview li .moreDetails a { color:#72849a;}
.references-overview li .moreDetails a:hover { color:#3e79f7;}

.assessment-outcome { margin:10px 0 15px 0;}
.assessment-outcome .heading {
	font-size: 12px; font-weight: 700; text-transform: uppercase; color: #455560;
	margin:0 0 1px 0;
}

.assessment-outcome .outcome {
	color:#1a3353; font-size:24px; font-weight:700; line-height:1.2em;
	}
	
@media print, screen and (max-width: 1366px) {
	.references-overview li { width:31.8%; margin-bottom:20px; min-height:304px;}
	.references-overview li .label, .references-overview li .text-output { height:24px;}
	.references-overview li:nth-child(3n) { margin-right:0;}
}


/* Signin 
-------------------------------*/

body.singin-container, body.singin-container #siteContainer, body.singin-container #siteContainer .content-container { background:#14325c;}

#signIn { 
	margin:20px auto 0 auto; padding:20px 50px; 
	background:#fff;
	border-radius:10px;
	width:400px;
	text-align:center;
}
#signIn img { width:176px; margin:5px 0 30px 0;}
#signIn label { text-align:left; float:left;}

#signIn input.button.login { width:100%}

#signInFooter { width:400px; margin:20px auto 0 auto; padding:10px;}
#signInFooter p { font-size:12px; line-height:1.2em; margin:0 0 10px 0; color:#6e84a3;}
#signInFooter p strong { font-weight:600; margin-top:10px;}

#signIn.forgotten h1 { font-size:20px; margin-bottom:8px}
#signIn.forgotten h2 { font-size:18px; margin-bottom:12px;}







#thickboxContainer { width:766px; margin:auto; margin-top:0px; }
#thickboxHead { text-align:right; height:20px; border-radius: 10px;}	
#thickboxHead a.closeThickbox { 
	position:absolute; top:10px; right:10px;
	background:url(/resources/images/buttons/tb-close.svg) 0 0 no-repeat;
	width:30px; height:30px; 
	display:block;
}
#thickboxHead a.closeThickbox:hover { 
	background-position:0 -40px;
}
#thickboxContainer .tb-12, #TB_ajaxContent .tb-12 { width:100%; }
#thickboxContainer .card, #TB_ajaxContent .card { margin-bottom:30px;}
#thickboxContainer .tb-section-heading h1 { font-size:26px;}



.note { color:#505050; }
.attention { color:#900; }

.pageTitle { background-repeat:no-repeat; background-position:center left; padding:0; width:766px; }
.pageTitle input { float:right;}
.pageTitle table { margin-left:55px; width:711px; }
.pageTitle h1 { padding-top:10px; }
.pageTitle h2 { padding-top:4px; }
.pageTitle p { font-size:1.1em; margin-top:5px; color:#666666; }
.pageTitle p span { color:#000000; }
.pageTitle a, a.saveChanges { display:block; width:80px; height:29px; background-image:url(../images/but_save_changes.jpg); background-repeat:no-repeat; background-position:0 -29px; }
.pageTitle a:hover, a.saveChanges:hover { background-position:0 0; }
/* additional tags for the credit balance*/

	.application { background-image:url(../images/hd_tenancy.png); }
	.userEdit { background-image:url(../images/hd_user.png); }
	.propertyAdd { background-image:url(../images/hd_ref_start.png); }
	.users { background-image:url(../images/hd_user.png); }
	.settings { background-image:url(../images/hd_tools.png); }
	.help { background-image:url(../images/hd_help.png); }
	.tasks { background-image:url(../images/hd_pushpin.png); }
	.tasksEdit { background-image:url(../images/hd_tasks_edit.jpg); }
	.tenantEditMale { background-image:url(../images/hd_male.png); }
	.office { background-image:url(../images/hd_office.png); }
	.tenantEditFemale { background-image:url(../images/hd_female.png); }
	.roles { background-image:url(../images/hd_role.png); }
	.refProgress { background-image:url(../images/hd_ref_progress.png); }
	.refCompleted { background-image:url(../images/hd_ref_completed.png); }
	.refIndividual { background-image:url(../images/hd_ref_individual.png); }
	.refTenancy { background-image:url(../images/hd_ref_tenancy.png); }
	.consultantMale { background-image:url(../images/hd_consultant_male.png);}
	.consultantFemale { background-image:url(../images/hd_consultant_female.png);}
	.income { background-image:url(/resources/images/hd_coins.png); }
	.reports { background-image:url(../images/hd_report.png); }
	.notepad { background-image:url(../images/hd_notepad.png); }
	
	.secOrganisation { background-image:url(../images/sec_office.png);}
	.secKey { background-image:url(../images/sec_key.png);}
	.secReference { background-image:url(../images/sec_reference.png);}
	.secHorn { background-image:url(../images/sec_auto.png);}
	.secBranch { background-image:url(../images/sec_organisation.png); }
	.secAddressHistory { background-image:url(../images/sec_property.png); }
	.secOccupation { background-image:url(../images/sec_cash.png); }
	.secGuarantor { background-image:url(../images/sec_guarantor.png); }
	.secCommunicationLog { background-image:url(../images/sec_notepad.png); }
	.secAssessmentConclusions {  background-image:url(../images/sec_clipboard.png);}
	.secCreditReport {  background-image:url(../images/sec_report.png); }
	.secUserPersonalAccess { background-image:url(../images/sec_contact_card.png); }
	.secBranchData { background-image:url(../images/sec_network.png); }
	.secPermission { background-image:url(../images/sec_role.png); }
	.secHelp { background-image:url(../images/sec_help.png); }
	.secRole { background-image:url(../images/sec_chair.png); }
	.secAlarm { background-image:url(../images/sec_bell.png); }
	.secFindings { background-image:url(../images/sec_ccj.png);}
	.secID {background-image:url(../images/sec_id.png); }
	.secProperty { background-image:url(../images/sec_property.png); }
	.secTenants {background-image:url(../images/sec_tenants.png); }
	.secOccupants {background-image:url(../images/sec_occupants.png); }
	.secLock {background-image:url(../images/sec_lock.png); }
	.secAccess {background-image:url(../images/sec_access.png); }
	.secCoins {background-image:url(../images/sec_coins.png); }
	.secAuto {background-image:url(../images/sec_auto.png); }
	.secSms {background-image:url(../images/sec_sms.png); }
	.secChecklist {background-image:url(../images/sec_checklist.png); }
	.secSkins {background-image:url(../images/sec_skins.png); }
	.secBills {background-image:url(../images/sec_bills.png); }
	.secMan {background-image:url(../images/sec_man.png); }
	.secJob {background-image:url(../images/sec_job.png); }
	.secChild {background-image:url(../images/sec_child.png); }
	.secTask {background-image:url(../images/sec_pin.png); }

a.addBranch { background:url(../images/but_add-branch.jpg) 0 0 no-repeat; width:101px; height:29px; display:inline-block; text-indent:-9999px; text-align:left; }
a.addBranch:hover { background-position:bottom left;}

ul { margin:0; padding:0; }
li { margin:0; padding:0; list-style:none; font-size:1em; }

#subNavigation { width:210px; text-align:left; height:100%; vertical-align:top; background-color:#FFFFFF; margin: 0; padding: 0; }
#subNavigation .section { margin:0 0 0 10px; padding:0; }

/* First Level Sub Nav  */
#subNavigation ul { margin:0 0 0 10px; padding:0 0 0 1px; width:179px; background-image:url(/resources/images/subnav_bg.jpg); background-repeat:repeat-y; background-position:0 0; }
#subNavigation li { font-size:1.2em; margin:0; padding:0; list-style:none; background-image:none; width:177px; display:inline; }
#subNavigation li a { color:#1a456f; text-decoration:none; display:block; padding:9px 0 9px 10px; background-image: url(../images/subnav_1.jpg); background-repeat: no-repeat; background-position:0 0; margin:0; }
#subNavigation li a:hover { background-position:0 -60px; color:#FFFFFF; }
#subNavigation li a.active { background-position:0 -136px; color:#000000;}

#subNavigation #buttons ul { margin:20px 0 0 10px;  padding:0; background-image:none; }
#subNavigation #buttons li { margin:0; padding:0; background-image:none; display:inline; }
#subNavigation #buttons li a { display:block; padding:0; margin:0 0 5px 0; width:177px; height:50px; background-repeat:no-repeat; background-position:0 0; }
#subNavigation #buttons li a:hover { background-position:0 -50px; }
#subNavigation #buttons li.currentReferences a { background-image:url(../images/but_references_current.jpg); }
#subNavigation #buttons li.newApplication a { background-image:url(../images/but_references_start.jpg); background-position:0 -50px;}
#subNavigation #buttons li.pastReferences a { background-image:url(../images/but_references_finished.jpg); }
#subNavigation #buttons li.documentDownload a { background-image:url(../images/but_references_download.jpg); }

/* Context Sensitive Help Definitions */
.contextHelp { position:relative; top:10px; height:17px; width:16px; background:url(../images/ico_help-button.svg) 0 3px no-repeat; vertical-align:inherit; margin-left:10px;  }
.contextHelp:hover { background-position:0px -22px;}

table tr td .contextHelp { top:0;}

/* 	Notification Elements
	Headers to give interaction feedback to the user
*/

.msgErrorHD, .msgInfoHD, .warningHD, .msgPrintHD, .msgMaintenanceHD, .msgSavedHD, .msgWarnHD {
	margin:0 0 25px 15px; padding:20px 0 20px 84px;
	width: calc(100% - 30px);
	border-radius:10px;
}
.msgErrorHD div, .msgInfoHD div, .warningHD div, .msgPrintHD div, .msgMaintenanceHD div, .msgSavedHD div, .msgWarnHD div { font-weight:700; font-size:16px;  }
.msgErrorHD p, .msgInfoHD p, .warningHD p, .msgPrintHD p, .msgMaintenanceHD p, .msgSavedHD p, .msgWarnHD p { margin:2px 0 0 0; font-size:12px; line-height:1.1em; }
 
/* Error Message Header */
.msgErrorHD { background:url(../images/icons/message-error.svg) 23px 50% no-repeat #fadbdc;}
.msgErrorHD div, .msgErrorHD p { color:#cc0000; }
.error-message-row .msgErrorHD  { margin:0 0 25px 0; width:100%;}

#signIn .msgErrorHD { 
	background:url(../images/icons/message-error.svg) 17px 50% no-repeat #fadbdc; background-size: 20px auto;
	margin:0 0 20px 0; 
	width:100%;
	padding:14px 0 14px 53px;
	text-align:left;
}
#signIn .msgErrorHD div, .msgErrorHD p { color:#cc0000; font-size:14px; font-weight:500; }

/* Saved Message Header */
.msgSavedHD { background:url(../images/icons/message-save.svg) 23px 50% no-repeat #d0f9c3;  }
.msgSavedHD div, .msgSavedHD p { color:#31721d;  }
.error-message-row .msgSavedHD  { margin:0 0 25px 0; width:100%;}

/* warning message header */
.msgWarnHD, .warningHD { background:url(../images/icons/message-warning.svg) 23px 24px no-repeat #f4e3a7; padding:20px 0 20px 92px; }
.msgWarnHD div, .msgWarnHD p {color:#CE6B09; }

/* Message Header */
.msgInfoHD { background:url(../images/icons/message-warning.svg) 23px 24px no-repeat #f4e3a7; padding:20px 0 20px 92px; }
.msgInfoHD div, .msgInfoHD p { color:#CE6B09; }

/* Print Message Header */
.msgPrintHD { background:url(../images/icons/message-warning-print.svg) 23px 50% no-repeat #f4e3a7; padding:20px 0 20px 100px; }
.msgPrintHD div, .msgPrintHD p { color:#CE6B09; }

/* Maintenance Message Header */
.msgMaintenanceHD { background:url(../images/icons/message-maintenance.svg) 23px 50% no-repeat #f4e3a7; padding:20px 0 20px 88px; }
.msgMaintenanceHD ul { margin:10px 0 0 0; padding:0; }
.msgMaintenanceHD li { margin:0 0 5px 0; padding:0; }
.msgMaintenanceHD div { color:#CE6B09; font-size:1.2em; }
.msgMaintenanceHD li div { margin:0; font-weight:bold; color:#CE6B09; font-size:1.1em; }
.msgMaintenanceHD li p { margin:0 0 5px 0; color:#CE6B09; }

/*warning - new applicant print */
.msgWarnHD .print-letter {
	background: url(../images/buttons/print-orange.svg) 13px 50% no-repeat #fff; background-size: 20px auto;
	height: 36px; line-height: 36px;
	padding: 0 20px 0 45px; margin: 10px 0 0 0;
	position: relative;
	border: 1px solid #CE6B09;
	color: #CE6B09;
	text-shadow: none;
}
.msgWarnHD .print-letter:hover {
	background:url(../images/buttons/print-white.svg) 13px 50% no-repeat #CE6B09;
	color:#fff;
}

/* sliding door buttons - small grey no hover */
.buttonSContainer { float:left; margin:0px 10px 0px 0px;}
.buttonSContainer .buttonS { line-height:1.8em;}

.buttonM, .pageTitle a.buttonM { 
	display:inline-block; 
	height:22px; line-height:21px; width:auto; 
	border:1px solid #707070; border-radius:4px;
	color:#333; text-decoration:none; font-size:11px;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #ebebeb 50%, #dddddd 51%, #cfcfcf 100%); 
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ebebeb 50%,#dddddd 51%,#cfcfcf 100%); 
	background: linear-gradient(to bottom,  #f2f2f2 0%,#ebebeb 50%,#dddddd 51%,#cfcfcf 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cfcfcf',GradientType=0 );

}
.buttonM span, .pageTitle a.buttonM span { height:20px; border:1px solid #fff; display:inline-block; padding:0 30px; border-radius:4px;}
.pageTitle a.buttonM:hover {
	border:1px solid #3c7fb1;
	background: #eaf6fd; 
	background: -moz-linear-gradient(top,  #eaf6fd 0%, #d9f0fc 50%, #b9e3fb 51%, #a7d9f5 100%);
	background: -webkit-linear-gradient(top,  #eaf6fd 0%,#d9f0fc 50%,#b9e3fb 51%,#a7d9f5 100%);
	background: linear-gradient(to bottom,  #eaf6fd 0%,#d9f0fc 50%,#b9e3fb 51%,#a7d9f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf6fd', endColorstr='#a7d9f5',GradientType=0 ); 

}

.reset-resend-buttons .buttonM.buttonSpacing { margin-bottom:20px;}

.buttonMRight { float:right;}

.copySection { float:left; width:100%; float:left; margin:0px 0px 40px 0px;}

.pageHD { width:766px;  }
.pageHD table { width:100% }

/* 	Section Control Elements
	Groups of page control related options such as Search options / filters.
*/
.sectionControl { clear:both; background-image:url(../images/section_control_bg.gif); background-repeat:repeat-y; background-position:0 0; margin-bottom:15px; }
	
	.sectionControl fieldset { padding:14px 0 14px 5px; width:756px; }
	
	.sectionControl .columnOne { width:370px; margin-right:16px; float:left; }
	.sectionControl .columnOneExtended { width:756px; float:left; }
	.sectionControl .columnTwo { width:370px; float:left; }
	
	.sectionControl .columnHD { padding-bottom:5px; } /* Column Heading Element */
	.sectionControl .columnHD div { font-size:1.1em; font-weight:bold; color:#496070; margin-bottom:5px;  }
	.sectionControl .columnHD p { font-size:1.1em; color:#333333; margin:0 0 5px 0; padding:0; line-height:1.3em;  }
	
.sectionControlFooter { clear:both; height:10px; font-size:1px; background-image:url(../images/section_control_footer.gif); background-position:bottom left; background-repeat:no-repeat; }



/* 	Section Elements
	Groups of related form information / data
*/

.section { clear:both; background-image:url(../images/section_bg.gif); background-repeat:repeat-y; background-position:0 0; margin-bottom:15px; }
	.sectionHD { padding:10px 0 3px 5px; font-size:1.8em; background-image:url(../images/section_hd.gif); background-repeat:no-repeat; background-position:0 0; } /* Section Heading */
	.sectionHD td { background-repeat:no-repeat; background-position:2px 0; padding-top:10px; padding-left:40px; padding-bottom:14px;  } /* Section Heading */
	.sectionFooter { clear:both; height:10px; font-size:1px; background-image:url(../images/section_footer.gif); background-position:0 0; background-repeat:no-repeat; }

	/* Sub Section Elements */
	.subSection { padding-left:5px; }

		.subSection fieldset { width:756px; }

		.subSection .columnOne { width:370px; margin-right:16px; float:left; }
		.subSection .columnOneExtended { width:756px; float:left; }
		.subSection .columnTwo { width:370px; float:left; }
		
		.subSection .columnHD { padding-bottom:5px; } /* Column Heading Element */
		.subSection .columnHD div { font-size:1.1em; font-weight:bold; color:#496070; margin-bottom:5px;  }
		.subSection .columnHD p { font-size:1.1em; color:#333333; margin:0 0 5px 0; padding:0; line-height:1.3em;  }
		
		/* Sub Section Heading, Description */
		.subSectionHD { clear:both; background-image:url(../images/subsection_hd.gif); background-repeat:no-repeat; background-position:0 0; padding-top:10px; position:relative; }
			.subSectionHD div { font-size:1.1em; font-weight:bold; color:#496070; margin-bottom:5px; }
			.subSectionHD p { font-size:1.1em; color:#333333; margin:0 0 10px 0; padding:0; line-height:1.3em;  }
			
			.subSectionHD p.reference-supplied-title { font-size:1.1em; font-weight:bold; color:#4978a1; position:absolute; top:26px; left:456px;}
		
			/* Sub-Section, Table Elements */
			.subSection table { width:100%; border-collapse:collapse; }
			.subSection td.currency { text-align:right; padding-right:3px; }
			.subSection td.warning, div.warning { background-image:url(../images/ico_warning.gif); background-repeat:no-repeat; background-position:2px 2px; }
			.subSection td.warning div { padding-left:25px; color:#990000; }
			.subSection thead td { color:#333333; font-size:1.1em;padding:3px; border-top:1px solid #cccccc; background-color:#f0f0f0; border-bottom:1px solid #cccccc; background-image:url(/resources/images/table-thead-td_bg.jpg); background-repeat:no-repeat; } 
			

			
			.subSection thead td.sorted { background-color:#c5d4db; background-image:none; }
			.subSection thead tr td .tableSubHeading tr td { font-size:11px;}
			
			
			
			.subSection tbody tr.even td.sorted { background-color:#f1fafd; }
			.subSection tbody tr.odd { background-color:#f9f9f9; }
			.subSection tbody td.sorted { background-color:#d5ebf5; }
			.subSection tbody td { font-size:1.1em; padding:3px; border-bottom:1px solid #eeeeee; }
			.subSection tbody td.match img { float:left; margin-right:5px; }
			.subSection tbody td.match div { float:left; margin-right:5px; padding-top:2px; }
			.subSection tbody td.match div.highlight { color:#F00; }
			.subSection tbody td.share { font-weight:bold;}


			.subSection tbody td.label { color:#505050; padding:3px 3px 3px 0; text-align:right; font-size:1.1em; }
			
			.subSection tfoot td { font-size:1.1em; padding:3px; } 
			.subSection tfoot td table td { border:none; }

			.subSection tbody td table thead td { font-size:0.9em; } 
			.subSection tbody td table tbody td { font-size:1em; }
			
			.subSection table.income-table { width:425px; float:left;}
			
			.subSection table.income-table-referee { width:330px; float:left;}
			.subSection table.income-table-referee thead tr td { background:none; border:none; padding-bottom:4px; padding-top:4px;  color:#4978a1; font-size:1.1em; font-weight:bold;}
			.subSection table.income-table-referee tr td { padding-left:30px;}
			.subSection table.income-table-referee tr td .inputRendered { padding:5px 0;}
			
			.subSection table.refrence-supplied-details { margin:0 0 10px 0;}
			.subSection table.refrence-supplied-details tr td { line-height:1.2em;}
			.subSection table.refrence-supplied-details tr td.heading { font-weight:bold; color:#4978a1; font-size:1.1em; padding-bottom:4px;}
			
			

		
fieldset legend { display:none; }
fieldset img { border:none; }





.required { background-color:#fccbd9; border:1px solid #999999; } /*border:1px solid #fccbd9; */
.requiredOne { background-color:#C8F7EF; border:1px solid #999999;} /* border:1px solid #009999;One of multiple options required */ 
.requiredLegend td { border:none; }
.requiredLegend td div { display:block; width:10px; height:10px; border:1px solid #999999;}
.requiredLegend { padding-bottom:15px }


fieldset .inputRow { clear:both; position:relative; margin-bottom:0.2em; font-size:100%; padding-top:2px} /* Form Row */
fieldset .inputRowShim { height:10px; float:left; width:100%; } /* Form Row Spacer*/			
fieldset .inputRow:after, fieldset .inputRowShim:after, .inputRow .inputField:after { clear:both;display:block; visibility:hidden; height:0; content:'.' } /* Clear the floated elements */
fieldset .inputLabel { color:#505050; float:left; padding:3px 3px 3px 0; text-align:right; width:120px; font-size:1.1em; } /* Region for Label elements */
fieldset .inputLabelExtended { color:#505050; float:left; padding:3px 3px 3px 0; text-align:left; width:340px; font-size:1.1em; } /* Region for Label elements */
fieldset .inputField { float:left; margin:0; padding:0; width:245px; } /* Region for Form elements, input, select etc.  */
	fieldset .inputField .inputFieldOptions { clear:both; padding-top:3px; }
	fieldset .inputField .inputFieldOptions label { padding-left:3px; font-size:1.1em; }
	fieldset .extenedSpacing { padding:0px 0px 6px 0px;}
	fieldset .inputFieldExtended { width:212px; float:left;}
	fieldset .inputFieldExtraExtended { width:300px;}
	
	fieldset .inputShim { float:left; margin-right:3px; } /* Spaces and allows multiple input, select items to a Field row */
	fieldset .checkboxLabel { padding:2px 0 2px 0; font-size:1.1em; } /* Caption to a specfic field i.e. use 4 characters */
	fieldset .explain { padding:2px; display:block; } /* Caption to a specfic field i.e. use 4 characters */
	fieldset .explainLong { clear:both;padding:2px; display:block; } /* Caption to an 'inputField' i.e. use 4 characters */	
	fieldset .labelLeft { text-align:left; padding:0px 0px 0px 3px;}
	fieldset .inputFieldLabel { text-align:left; font-size:1.1em; color:#505050;}
	
	fieldset .inputRendered { padding:3px 0 3px 0; font-size:1.1em; }
	fieldset .inputRenderedFixed {float:left; width:155px; padding:0px 0px 0px 5px; font-size:1.1em;}
	fieldset .inputRenderedFixedEx { float:left; width:195px; padding:0px 0px 0px 5px; font-size:1.1em;}
	fieldset .inputRenderedList { width:100%; float:left; margin:5px 0px 0px 0px;}
	fieldset .inputRenderedList li { float:left; padding:0px 0px 5px 0px; width:100%;}
	
	
	fieldset .desissionMakers .inputField { padding:8px 0px 3px 0px; margin:0px 0px 4px 0px; border-top:1px solid #ccc;}


fieldset .refrence-supplied-details .inputRow .inputLabel { width:57px;}
fieldset .refrence-supplied-details .inputRow .inputLabel label { display:none;}
fieldset .refrence-supplied-details .inputRow .inputField { border-bottom:1px solid #e5e5e5; height:22px; }
fieldset .refrence-supplied-details .inputRow .inputField.empty { border-bottom:none; }
fieldset .refrence-supplied-details .inputRow .inputField .inputRendered { padding:2px 0 0 12px;}
fieldset .refrence-supplied-details .inputRow .inputField .inputRendered .rendered-copy { padding:5px 0 7px 0; line-height:1.1em;}

fieldset .refrence-supplied-details .inputRow .inputField.tall { height:auto;}
fieldset .refrence-supplied-details .inputRow .inputField.tall .inputRendered { height:auto;}


/* Error Messages */
fieldset .errorMsg { background-image:url(/resources/images/error_msg_bg.jpg); background-repeat:no-repeat; background-position:0 0; } /* Row Background highlight */
fieldset .errorMsg label { color:#990000; font-weight:bold; }
fieldset .errorMsg .inputLabel label { background-image:url(../images/ico_warning.gif); background-repeat:no-repeat; background-position:0 0;padding:2px; padding-left:20px;  } /* Add Error Warning Icon to Label */
input.error { border:1px solid #990000; background-color: #FCC9C9; }
fieldset .jsRightToRentEvidence table tr td.errorMsg { color:#990000; font-weight:bold; padding:6px 3px;}

/* Message Box, Error */ 
fieldset .msgError { clear:both; }/* position:absolute; top:0; left:0; UNCOMMENT display:none to show  */
fieldset .msgError div {  color:#990000; font-size:1.1em; } /* position:relative; top:0; left:458px; */

/* Message Box, Information, TIPS  */
fieldset .infoMsg { background-image:url(/resources/images/info_msg_bg.jpg); background-repeat:no-repeat; background-position:0 0; } /* Row Background highlight */

#TB_ajaxContent .msgAlert.applicant-report { 
	width:100%; 
	float:left; 
	border:1px solid #e6ebf1; border-radius:6px;
	background:url(../images/section-icons/send-report.svg) 30px 50% no-repeat #edf2f9; background-size: auto 80px;  
	padding:17px 0px 25px 125px; margin:0 0 30px 0;
}
#TB_ajaxContent .msgAlert.applicant-report div p { 
	color:#1a3353; font-size:14px; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400; padding:0;
}
#TB_ajaxContent .msgAlert.applicant-report div p.title { font-weight:500; margin:0; font-size:16px;}

#TB_ajaxContent .msgAlert .title { font-weight:bold; color:#496070; padding:0px;}
#TB_ajaxContent .msgAlert div p { color:#496070; padding:0px 0px 9px 0px;}
.msgAlert .checkboxContainer { float:left; margin:6px 7px 0px 0px; padding:0px;}
.msgAlert .checkboxLabel { float:left; color:#496070; padding:0px; margin:5px 0px 0px 0px;}


/* 	Section Group Tabs: Reference: http://www.alistapart.com/articles/slidingdoors2/ */
.sectionGroupTabs { margin-bottom:15px; float:left; width:100%; background-image:url(../images/section_group_tab_bg.gif); background-position:left bottom; background-repeat:repeat-x; line-height:normal;}
.sectionGroupTabs ul { margin:0; padding:10px 10px 0; list-style:none; }
.sectionGroupTabs li { float:left; background:url("../images/section_group_tab_left.gif") no-repeat left top; margin:0; margin-right:5px; padding:0 0 0 6px; border-bottom:1px solid #cacaca; font-size:1.3em; }
.sectionGroupTabs a { float:left; display:block; width:.1em; background:url("../images/section_group_tab.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#505050; }
.sectionGroupTabs > ul a { width:auto; }
.sectionGroupTabs a:hover { color:#333; }
.sectionGroupTabs li.current { background-position:0 -64px; border-width:0px; }
.sectionGroupTabs li.current a { background-position:100% -64px; padding-bottom:5px; color:#000000; }
.sectionGroupTabs li:hover, .sectionGroupTabs li:hover a { background-position:0% -32px; }
.sectionGroupTabs li:hover a { background-position:100% -32px; }


/* 	Section Group Tabs: Reference: http://www.alistapart.com/articles/slidingdoors2/
.navTabs { margin-bottom:15px; float:left; width:100%; background-image:url(../images/nav_tab_bg.gif); background-position:left bottom; background-repeat:repeat-x; line-height:normal;}
.navTabs ul { margin:0; padding:10px 10px 0 204px; list-style:none; }
.navTabs li { float:left; background:url("../images/nav_tab_left.gif") no-repeat left top; margin:0; padding:0 0 0 6px; border-bottom:1px solid #7fd7f7; font-size:1.7em; }
.navTabs a { float:left; display:block; width:.1em; background:url("../images/nav_tab.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#505050; }
.navTabs > ul a { width:auto; }
.navTabs a:hover { color:#333; }
.navTabs li.current { background-position:0 -64px; border-width:0px; }
.navTabs li.current a { background-position:100% -64px; padding-bottom:5px; color:#FFFFFF; }
.navTabs li:hover, .navTabs li:hover a { background-position:0% -32px; }
.navTabs li.current:hover, .navTabs li.current:hover a { background-position:0% -64px; }
.navTabs li:hover a { background-position:100% -32px; }
.navTabs li.logOut { font-size:1.1em; border:none; }
.navTabs li.logOut a { display:inline; padding:0; clear:both; background-image:none;}
 */
.navTabs { margin-bottom:15px; float:left; width:100%; background-image:url(../images/nav_tab_bg.gif); height:64px; background-position:0 0; background-repeat:repeat-x; line-height:normal;}
.navTabs ul { margin:0; padding:0 10px 0 204px; list-style:none; }
.navTabs li { float:left; background:url("../images/nav_tab_left.gif") no-repeat left top; margin:0; padding:0 0 0 6px; font-size:1.5em; }
.navTabs a { float:left; display:block; width:.1em; background:url("../images/nav_tab.gif") no-repeat right top; padding:14px 15px 8px 6px; text-decoration:none; font-weight:bold; color:#505050; }
.navTabs > ul a { width:auto; }
.navTabs a:hover { color:#333; }
.navTabs li.current { background-position:0 -84px; border-width:0px; }
.navTabs li.current a { background-position:100% -84px; padding-bottom:10px; color:#FFFFFF; }
.navTabs li:hover, .navTabs li:hover a { background-position:0% -42px; }
.navTabs li.current:hover, .navTabs li.current:hover a { background-position:0% -84px; }
.navTabs li:hover a { background-position:100% -42px; }
.navTabs li.logOut { font-size:1.1em; border:none; width:330px; }
.navTabs li.logOut table { float:right; margin-top:12px; }
.navTabs li.logOut .userName { width:220px; margin:0 10px 0 0; text-align:right; overflow:hidden; }
.navTabs li.logOut .userName img { float:right; margin-right:6px; }
.navTabs li.logOut .userName div { float:right; text-align:right; }

.navTabs li.logOut a { display:block; width:82px; height:27px; background-image:url(../images/but_logout.png); padding:0; clear:both; background-position:0 0;}
.navTabs li.logOut a:hover { background-position:0 -27px; }



/* Cookie Crumb */
#cookie { margin-top:5px; }
#cookie ul { margin:0;padding:0; background-image:none; height:28px; width:756px; background-image:none; }
#cookie li { list-style:none; margin:0; margin-right:5px; padding:0 0 0 7px; float:left; background-position:0 4px; font-family:Arial, Helvetica, sans-serif; font-size:1em; background-image:url(../images/cookie_item_bg.gif); background-repeat:no-repeat; }
#cookie li.none { margin:0; margin-right:5px; padding:0; background-image:none; }
#cookie li.home { margin:0; margin-right:5px; padding:0 0 0 20px; float:left; background-position:0 1px; font-family:Arial, Helvetica, sans-serif; font-size:1em; background-image:none; background-repeat:no-repeat; }
#cookie a { color:#757575; text-decoration:none; }
#cookie a:hover { text-decoration:underline; }

/* Misc. Interface Elements */
a.bumperMinus { display:block; width:14px; height:10px; background:url(../images/buttons/count-down.svg) 0 0 no-repeat; background-size: auto 7px; }
a.bumperPlus { display:block; width:14px; height:10px; background:url(../images/buttons/count-up.svg) 0 0 no-repeat; background-size: auto 7px; margin:9px 0 2px 0;  }
a.datePicker { display:block; width:16px; height:16px; background-image:url(/resources/images/ico_date_picker.gif); background-repeat:no-repeat; background-position:0 0; }
a.verify { display:block; width:42px; height:17px; background-image:url(/resources/images/but_verify.gif); background-repeat:no-repeat; background-position:0 0; }
a.updateStatus { display:block; width:92px; height:17px; background-image:url(/resources/images/but_update_status.gif); background-repeat:no-repeat; background-position:0 0; }
a.remove { display:block; background-image:url(../images/but_remove.gif); background-position:0 0; background-repeat:no-repeat; width:82px; height:17px; cursor:pointer;}
a.addTenant { display:block; background-image:url(../images/but_add_tenant.gif); background-position:0 0; background-repeat:no-repeat; width:82px; height:17px;}
a.add { display:block; background:url(../images/but_add.gif) 0 0 no-repeat; height:17px; width:39px; cursor:pointer;}

a.butSaveTasks { display:block; background:url(../images/but_save_tasks.jpg) 0 0 no-repeat; height:29px; width:175px; margin:10px 10px 0px 0px; float:left;}
a.butSaveTasks:hover { background-position:0 -29px;}
a.saveReviewTasks { display:block; margin:15px 0px 0px 0px; float:left;}


td.overdue, .overdue { color:#ff6b72; }

table tbody tr.completed td { background:#ecf7ec;}
tr.completed td, td.completed, tr.completed td a {  }

/* List Result Definitions, Standard */
.listResults { }
.listResults table { width:100%;  border-collapse:collapse;}
.listResults thead td { font-size:1.1em; padding:4px 3px 4px 3px;  } 
.listResults thead td.legend { font-size:1.4em; }

.listResults tbody tr.odd { background-color:#e5f7fd; }
.listResults tbody td { font-size:1.1em; padding:3px;  }
.listResults tfoot td { font-size:1.1em; padding:3px; } 

/* Nested Table Items e.g. Reference Applications */
.listResults tbody td thead td { font-size:1em;padding:3px;  } 
.listResults tbody td tbody td { font-size:1em; padding:3px;  }
.listResults tfoot td { background-color:#CCCCCC; } 
.listResults tfoot td table td { border:none; }

/*	Pagination, Standard */
.pageSelection ul { margin:0; padding:0; }
.pageSelection li { float: left; padding-left: 5px; list-style-type: none; }
.pageSelection li.first { width: 30px; padding-left: 0px; }
.pageSelection li.previous { width: 50px; padding-left: 0px;}
.pageSelection li.next { width: 30px; }
.pageSelection li.last { width: 30px; }



/* 	Section Navigation
	Menu Elements
*/
.sectionNavigation ul { margin:0; padding:0; width:766px; }
.sectionNavigation li { position:relative; margin:0; margin-bottom:15px; padding:0; list-style:none; float:left; height:97px; width:375px; }
.sectionNavigation li .secNavTitle { position:absolute; top:23px; left:75px; width:280px; font-size:1.6em; font-weight:normal; line-height:1.6em; }
.sectionNavigation li .secNavTitle a { text-decoration:none; }
.sectionNavigation li .secNavOptions { position:absolute; top:50px; left:75px; width:280px; }
.sectionNavigation li .secNavOptions div { float:left; margin-right:10px; margin-bottom:5px; font-size:1.1em; }

.sectionNavigation li.help { background-image:url(../images/secnav_help.jpg); }
.sectionNavigation li.users { background-image:url(../images/secnav_users.jpg); }
.sectionNavigation li.organisation { background-image:url(../images/secnav_org.jpg); }
.sectionNavigation li.branch { background-image:url(../images/secnav_branch.jpg); }
.sectionNavigation li.roles { background-image:url(../images/secnav_roles.jpg); }
.sectionNavigation li.billing { background-image:url(../images/secnav_billing.jpg); }
.sectionNavigation li.ref1 { background-image:url(../images/secnav_ref1.jpg); }
.sectionNavigation li.ref2 { background-image:url(../images/secnav_ref2.jpg); }
.sectionNavigation li.time { background-image:url(../images/secnav_time.jpg); }
.sectionNavigation li.score { background-image:url(../images/secnav_score.jpg); }
.sectionNavigation li.pass { background-image:url(../images/secnav_pass.jpg); }

.sectionNavigation li.odd { margin-right:15px; }

.sectionNavigation li.document { background-image:url(../images/ico-download.gif); }

.sectionNavigation2 ul { margin:0; padding:0; width:766px; }
.sectionNavigation2 li { position:relative; margin:0; margin-bottom:0px; padding:0; list-style:none; float:left; height:97px; width:300px; }


/* 	Reference Assessment Conclusions
	Add / Edit Staged Elements
*/
.creditCheckApplicationOverview ul { margin:0; padding:0 0 0 2px; }
.creditCheckApplicationOverview li { position:relative; background-color:#FFFFFF; float:left; margin:0; padding:0; list-style:none; background-repeat:no-repeat; background-position:bottom left; width:121px; margin-right:5px; height:270px; background-image:url(../images/application_bg.gif); }
.creditCheckApplicationOverview li.last { margin:0px; }
.creditCheckApplicationOverview li div.details { position:absolute; top:130px; left:5px; width:110px; }
.creditCheckApplicationOverview li div.details div p { font-size:1.1em; line-height:1.1em; margin-bottom:3px; }
.creditCheckApplicationOverview li div.details div { height:80px; }

.creditCheckApplicationOverview p.detailTitle { font-size:1.2em; margin-bottom:7px; }
.creditCheckApplicationOverview p.score { font-size:1.9em; font-weight:bold; line-height:1.1em; }
.creditCheckApplicationOverview p.score span { font-size:0.7em; }

.creditCheckApplicationOverview li div.moreDetails { position:absolute; top:250px; left:5px; width:110px; }

.creditCheckApplicationOverview .creditCheck { display:block; width:121px; height:124px; background-image:url(../images/application_credit_check.png?v=1); }
.creditCheckApplicationOverview .affordability { display:block; width:121px; height:124px;  background-image:url(../images/application_affordability.png?v=1); }
.creditCheckApplicationOverview .creditScore { display:block; width:121px; height:124px;  background-image:url(../images/application_credit_score.png?v=1); }
.creditCheckApplicationOverview .landlord { display:block; width:121px; height:124px;  background-image:url(../images/application_landlord_ref.png?v=1); }
.creditCheckApplicationOverview .income { display:block; width:121px; height:124px;  background-image:url(../images/application_income.png?v=1); }
.creditCheckApplicationOverview .proofOfResidency { display:block; width:121px; height:124px;  margin-right:0px; background-image:url(../images/application_proof_residency.png?v=1); }
.creditCheckApplicationOverview .pass { background-position:0 -124px; }
.creditCheckApplicationOverview .inProgress { background-position:0 -496px;  }
.creditCheckApplicationOverview .aborted { background-position:0 -372px;  }
.creditCheckApplicationOverview .na { background-position:0 0px; }
.creditCheckApplicationOverview .fail { background-position:0 -248px;  }
.creditCheckApplicationOverview .received { background-position:0 -620px;  }


.applicationStatus { width:780px;  }
.applicationStatus .columnHD { padding-bottom:5px; } /* Column Heading Element */
.applicationStatus .columnHD div { font-size:1.1em; font-weight:bold; color:#496070; margin-bottom:5px;  }
.applicationStatus .columnHD p { font-size:1.1em; color:#333333; margin:0 0 5px 0; padding:0; line-height:1.3em;  }

.applicationStatusHD { padding:14px 0 8px 5px; font-size:1.8em; background-image:url(../images/section_hd.gif); background-repeat:no-repeat; background-position:0 0; } /* Section Heading */
	.applicationStatus .statusIcon { height:180px; width:145px; float:left; background-position:10px 0; background-repeat:no-repeat; }
	.applicationStatus .statusIcon div { text-align:center; padding-top:135px; font-size:1.4em; line-height:1.4em; }
	.applicationStatus .statusIcon div div { padding:0; margin-bottom:3px; font-size:0.8em; }

	.applicationStatus .inProgress { background-image:url(../images/status_progress.png); }
	.applicationStatus .notStarted { background-image:url(../images/status_notstarted.png); }
	.applicationStatus .pass { background-image:url(../images/status_pass.png); }
	.applicationStatus .fail { background-image:url(../images/status_fail.png); }
	.applicationStatus .aborted { background-image:url(../images/status_abort.png); }
	.applicationStatus .refer { background-image:url(../images/status_refer.png); }
    .applicationStatus .onHold { background-image:url(../images/status_hold.png); }
	
	.applicationStatus .columnOne { width:370px; margin-right:16px; float:left; }
	.applicationStatus .columnTwo { width:245px; float:left; }
	.applicationStatus .inputLabelExtended { width:245px; }
	.applicationStatus .inputLabelExtended label { text-align:left; }

/*  Reference Application Status Icons 
	Summary / Lists
*/




.organisation {  }
.role {font-weight:bold; }

.listAddress { width:200px; overflow:hidden; height:15px; }
.listName { width:200px; overflow:hidden; height:15px; }
.expandCollapse { margin-top:5px; }

/* 	Wizard Elements
	Add / Edit Staged Elements
*/
.wizardControl { padding:0 0 14px 0; width:766px; text-align:right; }
.wizardControl ul { margin:0; padding:0; background-image:none; float:right; }
.wizardControl li { margin:0; padding:0; background-image:none; float:left; margin-left:5px; padding-bottom:15px; }
.wizardControl a { display:block; width:80px; height:29px; background-position:0 -29px; background-repeat:no-repeat; }
.wizardControl a:hover {  background-position:0 0;}

/*	Buttons */
.wizardControl .cancel { background-image:url(../images/but_cancel.jpg);  width: 80px; height: 29px; }
.wizardControl .nextStep { background-image:url(../images/but_next.jpg);  }
.wizardControl .backStep { background-image:url(../images/but_back.jpg); }
.wizardControl .startReferencing { background-image:url(../images/but_start.jpg); width:183px; }
.wizardControl .goToApplication { background-image:url(../images/but_go_to_application.jpg); width:166px; }

a.printCompletion, a.printInterim, a.printInstant { cursor:pointer; display:block; height:47px; width:174px; }
a.printCompletion { background-image:url(/resources/images/but_print_completion.png); }
a.printInterim { background-image:url(/resources/images/but_print_interim.png); }
a.printCompletion:hover, a.printInterim:hover, a.printInstant:hover  { background-position:0 -47px; }
a.butPrint { display:block; width:42px; height:17px; background-image:url(/resources/images/but_print.gif); background-repeat:no-repeat; background-position:0 0; }
a.printVerbal { background-image:url(/resources/images/but_print_verbal.png); cursor:pointer; display:block; height:46px; width:161px; }
a.printVerbal:hover  { background-position:0 -47px; }
a.printCoverSheet { background-image:url(/resources/images/but_print_cover_sheet.png); cursor:pointer; display:block; height:46px; width:157px; }
a.printCoverSheet:hover  { background-position:0 -47px; }



#footer { margin-top:15px; border-top:1px solid #CCCCCC; padding:5px 0 10px 10px; }
#footerInner { width:970px;  }
#footer p { color:#999999; }
#footer ul { margin:0; padding:0; }
#footer li { margin:0; padding:0; list-style:none; float:right; margin-right:5px; font-size:1.1em; }
#footer a { color:#999999; }


.permissionHD { font-size:1.2em; font-weight:bold; background-color:#496070; color:#FFFFFF; padding:5px 0 5px 3px; }
.permissionGroup .permissionHD { background-color:#CCCCCC; color:#000000; padding-left:25px; }
.permissionGroup { }
.permissionGroup thead td { font-size:1.1em;padding:3px; border:1px solid #dddddd; background-color:#EEEEEE; } 
.permissionGroup tbody td { font-size:1.1em; padding:3px; border:1px solid #dddddd; }
.permissionGroup tbody td.permissionDescription, .permissionGroup thead td.permissionDescription { padding-left:50px;}

/* 	Help jQuery ToolTip Elements
	
*/
#JT_arrow_left { background-image: url(../images/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101;	left:-12px; height:23px; width:10px; top:-3px; }
#JT_arrow_right { background-image: url(../images/arrow_right.gif); background-repeat: no-repeat; background-position: left top;	position: absolute;	z-index:101; height:23px; width:11px; top:-2px; }
#JT { 
	position: absolute; 
	z-index:100; 
	border-radius:4px;
	background-color: #fff; border:1px solid #ddd; 
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}
#JT_copy { padding:12px 14px; color:#666; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400; }
.JT_loader { background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; }
#JT_close_left { 
	background-color: #eee; 
	text-align: left;
	padding:8px 14px;
	font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:600; color:#333; 
	border-top-left-radius: 3px; border-top-right-radius: 3px;
}
#JT_close_right { background-color: #CCCCCC; text-align: left; padding-left: 8px; padding-bottom:5px; padding-top: 2px; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:600; color:#1a3353; }
#JT_copy p { margin:3px 0; }
#JT_copy img { padding: 1px; border: 1px solid #CCCCCC; }
.jTip{ cursor:pointer; }


/* Pagination */
.paginationAlt .resultCount { font-size:0.9em; }
.paginationAlt .showRows { font-size:0.9em;  }
.paginationAlt .showRows select { width:50px; font-size:1em;  }
.paginationAlt .pageOf { font-size:0.9em;  }
.paginationAlt .goTo { font-size:0.9em;  }
.paginationAlt .goTo input { width:35px; }

.paginationAlt ul { margin:0; padding:0; width:45px; }

.paginationAlt ul li { margin:0; padding:0; float:left; width:16px; height:16px; margin-right:5px; }

ul.paginationAlt li a { width:16px; height:16px; display:block; background-repeat:no-repeat; background-position:0 0; }
ul.paginationAlt li.next a { background-image:url(/resources/images/but_pagination_next.png); }
ul.paginationAlt li.previous a { background-image:url(/resources/images/but_pagination_previous.png);}

/* Reports */
.reportHeading { margin: auto; width: 100%; text-align:center; font-size: 150%; font-weight: bold; color: #496070; margin-top: 1em; }
.legend { height: 15px; width:15px; float: left; margin-right: 0.5em; }
.distancecolour1 { background-color:#664368; }
.distancecolour2 { background-color:#cb8a52; }
.distancecolour3 { background-color:#b3b340; }
.distancecolour5 { background-color:#6a943c; }
.distancecolour10 { background-color:#b34040; }


.optionsList { width:100%; margin:0px 0px 10px 0px; border-bottom:1px solid #eee;}
.optionsList thead tr td { font-weight:bold; font-size:12px; padding:0px 0px 9px 0px; border:none;}
.optionsList tr td { border-top:1px solid #eee; padding:5px; font-size:11px;}
.optionsList tr td input { font-size:0.9em; margin:0px;}

.optionListHeading { display:block; width:100%; background:url(../images/options_title-bg.gif) 0 0 repeat-x #eee; border-bottom:1px solid #ccc; padding:8px 0px 8px 0px; color:#000; margin:0px 0px 8px 0px; font-size:14px; text-indent:10px;}


/* Insurance */
.jsInsuranceInherited { width: 50px; padding:2px; }
.jsInsuranceInherited:hover { background-color:#C8F7EF; }
.jsInsuranceAddPrice { width: 50px; padding:2px; }
.jsInsuranceAddPrice:hover { background-color:#C8F7EF; }

.tooltipHidden { display: none; }

fieldset .inputField.additional-check-logos { width:300px;}
fieldset .inputField.additional-check-logos img { float:left; margin:13px 15px 6px 5px; opacity:0.7; }
fieldset .inputField.additional-check-logos a:hover img { opacity:1;}

.reset-resend-buttons .button { display:block; height:24px; line-height:24px; background:#fff; border:1px solid #d6d6d6; padding:0 20px; color:#333; border-radius:4px; font-size:11px; text-decoration:none; float:left; margin:0 20px 20px 0;}

/* homepage
-------------------------------------------*/

.tasks-list li { 
	width:100%;
	margin:20px 0 0 0;
	font-size:14px; line-height:1.2em;
	padding:2px 0 2px 33px;
}

.tasks-list.large-tasks li { width:100%; float:left;}
.tasks-list li:first-child { margin:15px 0 0 0;}

.tasks-list li .count { 
	float:left; 
	font-weight:700;
	margin:0 10px 0 0;
	font-size:18px;
} 

.tasks-list li.moveIn48Hrs {
	background:url(../images/icons/home-warning.svg) 0 50% no-repeat; 
}
.tasks-list li.moveIn7Days {
	background:url(../images/icons/home-move.svg) 0 50% no-repeat; 
}

.tasks-list li.applicationsOutstanding {
	background:url(../images/icons/home-total-move.svg) 0 50% no-repeat; 
}

.tasks-list li.tasksOverdue {
	background:url(../images/icons/home-overdue.svg) 0 50% no-repeat; 
}

.tasks-list li.tasksGuarantorRequired {
	background:url(../images/icons/guarantor.svg) 0 50% no-repeat; background-size:auto 22px;
}

.tasks-list li.visaChecks {
	background:url(../images/section-icons/right-to-rent.svg) 0 50% no-repeat; background-size:auto 20px;
}

.tasks-list li.tasksChaseReferences {
	background:url(../images/icons/home-chase.svg) 0 50% no-repeat; 
}


@media print, screen and (min-width:1366px) {
	.tasks-list li .count  { font-size:22px;}
	.tasks-list li { font-size:15px;}
	.tasks-list.large-tasks li { width:100%; float:left;}
}

@media print, screen and (min-width:1431px) {
	.tasks-list.large-tasks li { width:50%; float:left;}
}

@media print, screen and (min-width:1555px) {
	.tasks-list.large-tasks li { width:39%; float:left;}
}

.pie-chart-container { width:100%; margin-bottom:40px;}
.pie-chart-container .pie { 
	width:200px; height:200px;
	background:#378E28;
	border-radius:50%;
	position:relative;
	overflow:hidden;
	background-image: linear-gradient(to right, transparent 50%, #655 0);
	position:relative;
}

.pie::before {
  content: �;
  display: block;
  margin-left: 50%;
  height: 100%;
}

.pie-chart {
	
	position: relative;
	width: 342px;
	min-height: 298px;
	margin: 0;
}
.pie-chart h2 {
	position: absolute;
	margin: 1rem;
}
.pie-chart cite {
	position: absolute;
	bottom: 0;
	font-size: 80%;
	padding: 1rem;
	color: gray;
}
.pie-chart figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	text-align: left;
	font-family:'Roboto', Arial, Helvetica, sans-serif; color:#455560;
}
.pie-chart figcaption span { margin:0 10px 0 0;}
.pie-chart span:after {
	display: inline-block;
	content: "";
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.4em;
	height: 0.8em;
	border-radius: 0.2em;
	background: currentColor;
}


/*.pie-chart-container .awating {
	display:block;
	background:#0867A7;
	height:200px; width:200px;
	position:absolute; top:50%; left:50%;
}*/



/* reports page
------------------------------------------*/
.system-reports .card-heading a { color:#1a3353;}
.system-reports .card-heading a:hover { color:#058dc7;}
.system-reports .card p { margin:0;}
.system-reports .card img { float:left; margin:0 20px 0 0;}
.system-reports .copy-container { float:left; width:70%;}

@media print, screen and (min-width: 1281px) {
	.system-reports .copy-container { width:auto; }
}

/* documents download 
------------------------------------------*/
.document-downloads img { float:left; margin:0 20px 0 0;}
.document-downloads .copy-container { float:left;}
.document-downloads .name {
	color:#1a3353; font-size:17px; font-weight:700;
}


/* wizard 
------------------------------------------*/
.wizard-card { min-height:486px;}
.wizard-stages { width:100%; padding-left:20px;}
.wizard-stages li { width:100%; position:relative; margin-bottom:33px;}
.wizard-stages li p { margin:0; display:block; width:100%; font-size:16px;}
.wizard-stages li span {
	display:inline-block;
	height:32px; width:32px;
	border:1px solid #e6ebf1;
	text-align:center; line-height:32px;
	font-size:16px;
	border-radius: 50%;
	margin:0 15px 0 0;
}
.wizard-stages li:after {
	display:block;
	width:1px; height:18px;
	background:#ccc;
	position:absolute; top:40px; left:16px;
	content:'';
}

.wizard-stages li:last-child:after { display:none;}

.wizard-stages li.in-progress p { color:#1a3353; font-weight:600;}
.wizard-stages li.in-progress span { background:#3e79f7; border:1px solid #3e79f7; color:#fff;}

.wizard-stages li.completed p { color:#1a3353;}
.wizard-stages li.completed span {
	text-indent:-9999px;
	background:url(../images/icons/wizard-completed.svg) center center no-repeat;
	border:1px solid #3e79f7;
}

.wizard-button-back, .wizard-button-next, .wizard-button-cancel  {
	display: inline-block;
	background: #3e79f7;
	text-shadow: 0 -1px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 0 rgba(0,0,0,.045);
	color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0.02em;
	height: 36px; line-height:36px;
	cursor: pointer;
	padding: 0 1.25rem; margin:0 0 0 10px;
	width: auto;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	float:right;
}
.wizard-button-back:hover, .wizard-button-next:hover {
	color:#fff;
	background:#1a3353;
}

.wizard-button-next {
	padding:0 40px 0 20px;
	background:url(../images/buttons/wizard-next-white.svg) 91px 12px no-repeat #3e79f7;
	position:relative;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	border:1px solid #3e79f7;
	color:#fff;
	text-shadow:none;
}
.wizard-button-next:hover {
	background:url(../images/buttons/wizard-next-white.svg) 91px 12px no-repeat #3e79f7;
	color:#fff;
}

.wizard-button-back {
	padding:0 20px 0 40px;
	background:url(../images/buttons/wizard-back.svg) 18px 12px no-repeat #fff;
	position:relative;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	border:1px solid #3e79f7;
	color:#3e79f7;
	text-shadow:none;
	float:left;
}
.wizard-button-back:hover {
	background:url(../images/buttons/wizard-back-white.svg) 18px 12px no-repeat #3e79f7;
	color:#fff;
}

.wizard-card-guarantor  { min-height:295px;}

.wizard-button-cancel {
	padding:0 20px 0 35px;
	background:url(../images/buttons/wizard-cancel.svg) 14px 13px no-repeat #fff;
	position:relative;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	border:1px solid #3e79f7;
	color:#3e79f7;
	text-shadow:none;
	float:left;
}
.wizard-button-cancel:hover { background:url(../images/buttons/wizard-cancel-white.svg) 14px 13px no-repeat #3e79f7; color:#fff; }


/* declaration section 
----------------------------------------------------*/

.preview {
	border:1px solid #ccc;
	padding:26px; margin:20px 0 0 0;
	border-radius: 6px;
	background:#fafafa;
}

.preview ol { }
.preview li {
	margin-bottom: 1em;
	list-style:decimal; list-style-position:outside;
	color:#72849a;
	margin-left:15px; padding-left:3px;
}

/* tenancy duration section */
.tenancy-reference-overview {
	width:100%; float:left;
}

.tenancy-reference-overview .card-heading p {
	margin:0; margin-bottom:5px;
	font-size:14px; color:#666; font-weight:300;
	width:100%;
}
.tenancy-reference-overview .status-container {
	float:left;
	margin:0 14px 30px 0;
}
.tenancy-reference-overview .status-container img {
	width:38px;
	
}

.tenancy-reference-overview .tenancy-duration {
	float:left;
}
.tenancy-reference-overview .tenancy-duration .heading { color:#666; font-weight:300; float:left;}
.tenancy-reference-overview .tenancy-duration .duration { margin:0 0 10px; font-size:16px; color:#666; font-weight:500; float:left;}
.loading-animation {
    margin:100px 0 100px 100px;
}
.chart-item {
    margin:20px auto;
    float:left;
    clear:both;
    width:100%;
}
@media print, screen and (max-width:1366px) {
	.tenancy-reference-overview span { float:left; margin-right:50px; }
	.tenancy-reference-overview .tenancy-duration { padding-top:10px;}
	.tenancy-reference-overview .tenancy-duration .heading { margin-right:10px;}
	.tenancy-reference-overview .tenancy-duration .duration { margin-right:30px;}
}

@media print, screen and (min-width:1367px) {
	.tenancy-reference-overview { text-align:center;}
	.tenancy-reference-overview .status-container { width:100%; margin:0;}
	.tenancy-reference-overview .status-container img { width:120px ;margin:20px 0;}
	.tenancy-reference-overview .card-heading p { width:auto; margin-bottom:0;}
	
	.tenancy-reference-overview .tenancy-duration .heading { width:100%;}
	.tenancy-reference-overview .tenancy-duration .duration { width:100%;}
}

@media print, screen and (min-width: 1281px) and (max-with:1470px) {
	.tenancy-reference-overview {
		width:100%; float:left;
		text-align:center;
	}
	
}