/*
		Purpose:	Global, Style Sheet
		Site:		application.veri-check
		Author:		Mark Townsend & Anna Hough (c) Fusion Advertising & Design Ltd 2015
		Version:	0.02 (10th August 2015)
	
*/

/* 	STANDARD TAGS
	HTML Standard Tag overrides
------------------------------------------------
*/

/*font

font-family:'Roboto', Arial, Helvetica, sans-serif;
Thin - font-weight:200; 
Light - font-weight:300;
Regular - font-weight:400;
Medium - font-weight:500;
Bold - font-weight:700;

*/

/* media queries 

Small only - up to 640px
@media screen and (max-width: 40em) {}

Small Medium - 641px - 768px
@media screen and (min-width: 40.063em) and (max-width: 48.000em) {}

large Medium - 769px - 1279px
@media screen and (min-width: 48.063em) and (max-width: 79.938em) {}

large - 1280px up
@media screen and (min-width: 80em) {}

also check for popular sizes:
 1366px 
 1920px
 1280px 
 1440px
 1600px

*/


body { font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400;  }
body.loginContainer { font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:200; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, p, blockquote, th, td {
margin:0px;
padding:0px;

}

h1, h2, h3, h4, h5, h6, p { font-family:'Roboto', Arial, Helvetica, sans-serif; line-height:1.1;}

h1 { font-size:24px; margin-bottom:5px; font-weight:700; }
h2 { font-size:1.4em; margin-bottom:15px; font-weight:500;  }
h3 { font-size:1.2em; margin-bottom:5px; font-weight:500;  }

p { font-size:16px;  margin-bottom:10px; font-weight:400;}
p strong, strong{ font-weight:500;}

a { color:#006494; font-size:16px; line-height:1.1em; font-weight:400;}
a:hover { color:#1b98e0}

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

.row-wide { max-width:100%; padding-top:33px; padding-bottom:33px;}
.row-wide-dark { max-width:100%; background:#eee; padding-top:33px; padding-bottom:33px;}

/* helper classes 
------------------------------------*/
.margin-no-b { margin-bottom:0 !important;}
.padding-none { padding:0 !important;} .padding-r-none { padding-right:0 !important;} 

.padding-t-10 { padding-top:10px;}

.padding-b-20 { padding-bottom:20px;} .padding-b-10 { padding-bottom:10px;}
.padding-t-20 { padding-top:20px;}

.margin-t-20 { margin-top:20px;}
.margin-b-30 { margin-bottom:30px;} .margin-b-20 { margin-bottom:20px;} .margin-b-15 { margin-bottom:15px;}

/*Small only - up to 640px*/
@media screen and (max-width: 40em) {
	.padding-no-b-s { padding-bottom:0 !important;}
	.padding-no-r-s { padding-right:0;}
	.padding-top-20-s { padding-top:20px;}
}

/*large Medium - 769px - 1024px*/
@media screen and (min-width: 48.063em) and (max-width: 79.938em) {
	.margin-no-b-lm { margin-bottom:0 !important;}
}

/*large - 1280px up*/
@media screen and (min-width: 80em) {
	.margin-no-b-l { margin-bottom:0 !important;}
	
}


/* footer 
------------------------------------*/
footer { padding:38px 0;}
footer p, footer p a { font-size:12px;}

/*Small only - up to 640px*/
@media screen and (max-width: 40em) {
	footer p { line-height:1.3em;}
}

/* login
-----------------------------------*/

.applicationContainer {
	margin:15px 5px;
}
.applicationContainer .logoContainer { 
	width:100%;
	background:#fff;
	position:relative;
	text-align:center;
}

.applicationContainer .logoContainer img {
	padding:35px 2.188em;
}

.applicationContainer form {
	display:block; 
	padding:35px 35px 28px 35px;
	background:#eee;
}   
.applicationContainer form h1 { 
	display:block; 
	width:100%; 
	text-align:center;
	font-size:20px; line-height:1em; color:#333; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:700;
	margin:0 0 20px 0;
}

.applicationContainer form input {
	font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400; font-size:16px; 
	width:100%; height:43px; 
	margin:0 auto 10px auto; padding-left:40px;
}
.applicationContainer .submitContainer { text-align:center;}
.applicationContainer form input[type="submit"] { 
	border:none;
	width:200px; height:43px;
	margin-top:22px; margin-bottom:34px; padding-left:0;
	background:#006494;
	color:#fff; font-size:16px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	cursor:pointer;
}
.applicationContainer form input[type="submit"]:hover {
	background:#1b98e0;
}

.applicationContainer form input[type="submit"].button {
	height:43px; line-height:43px;
	padding:0 20px;
	width:auto;
}

.applicationContainer form input[type="number"].applicantId, .applicationContainer form input[type="number"].applicantId:focus, .applicationContainer form input[type="number"].applicantId:active {
	background:url(../images/signin_applicant-input-bg.svg) 11px 50% no-repeat #fff;
	 -moz-appearance: textfield; /* fix to hide in FF */
}
/* fix to remove spinner in chrome*/
.applicationContainer form input[type="number"]::-webkit-inner-spin-button,
.applicationContainer form input[type="number"]::-webkit-outer-spin-button{
	-webkit-appearance: none; 
	margin:0;
	display:none;
}

.applicationContainer fieldset { padding:0; margin-bottom:10px;}

.applicationContainer form input.password {
	background:url(../images/signin_password-bg.svg) 11px 50% no-repeat #fff;
}
.applicationContainer .forgot { 
	display:block;
	width:100%;
	text-align:center;
	font-size:16px; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400; color:#333;
}

.applicationContainer .loginFooter {
	padding-top:19px;
	margin-bottom:20px;
}
.applicationContainer .loginFooter a {
	display:block; 
	float:left;
	color:#fff;
	font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400; font-size:11px;
	margin-left:2px;
}

.applicationContainer .loginFooter .poweredBy {
	display:block;
	float:right;
	width:86px; height:39px;
	padding-right:2px; margin-right:2px;
	background:url(../images/signin_powered-by-logo.svg) 0 2px no-repeat;
	color:#fff; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:500; font-size:8px; text-align:right; letter-spacing:0.02em;
}
.applicationContainer form fieldset { background:inherit;}
.applicationContainer form fieldset legend { display:none;}
.applicationContainer form .error input[type="number"], .applicationContainer form .error input[type="password"] {
	border:1px solid #cc0000;
}
.applicationContainer form .error small.error { 
	background:none; 
	width:100%;
	margin:0 auto 20px auto; padding:0;
	color:#cc0000;
	font-style:normal; font-size:13px; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400;
}



/* small medium up - 641px +*/
@media screen and (min-width: 40.063em) {
	.applicationContainer {
		margin:85px 0 0 0;
	}
	.applicationContainer .logoContainer {
		min-height:252px;
		padding:0;
	}
	.applicationContainer .logoContainer img {
		position:absolute;
		top:50%; left:50%;
		transform: translate(-50%, -50%);
		padding:0;
	}

	.applicationContainer form input { 
		width:276px;
	}
	.applicationContainer form input[type="checkbox"] { width:25px; height:25px;}
	.applicationContainer form input.forgot, .applicationContainer form input.reset { 
		width:100%;
	}
	
	.applicationContainer form .error small.error { 
		width:276px;
	}
	
}

@media screen and (min-width: 641px) and (max-width: 785px) {
	.applicationContainer form input { 
		width:100%;
	}
	.applicationContainer form .error small.error { 
		width:100%;
	}
}

/*large Medium - 769px - 1024px*/
@media screen and (min-width: 48.063em) and (max-width: 64em) {
	.applicationContainer {
		margin:55px 0 0 0;
	}
}

/* applicant overvew section 
------------------------------------*/

.applicantOverview .applicant {
	font-size:18px; font-weight:700; color:#333;
	display:block; 
	width:100%;
	margin:0 0 20px 0;
}
.applicantOverview .applicantActions a {
	font-size:16px;
}
.applicantOverview .applicantActions span {
	display:inline-block;
	padding:0 8px;
}
.applicantOverview .applicantHelp p { margin:0; color:#333; }
.applicantOverview .applicantHelp p a { color:#333;}
.applicantOverview .applicantHelp p a:hover { color:#0054a6;}
.applicantOverview .applicantHelp p.call { 
	font-weight:700; font-size:20px;
	margin:3px 0;
}
.applicantOverview .applicantHelp p.ref {
	margin:20px 0 0 0;
}

/* section styling 
----------------------------------*/
.section-heading {
	margin:0 0 20px 0; 
	font-weight:700; font-size:24px;
}
.section-sub-heading {
	font-size:24px;
	margin:-10px 0 20px 0;
}
.section-additional-heading {
	margin:-6px 0 20px 0;
}
.section-details {
	margin-bottom:20px;
}
.section-details span {
	display:block;
	width:100%;
	color:#999;
	padding:0 0 3px 0;
}

/*Small only - up to 640px*/
@media screen and (max-width: 40em) {
	.section-heading {
		font-size:20px; line-height:1.2em;
	}
	.section-sub-heading {
		font-size:20px;
	}
	.section-additional-heading {
		font-size:14px; line-height:1.3em;
	}
}


.dashboardSection li { padding-bottom:16px; }
.dashboardSection .details {
	width:100%;
	background:#fff;
	padding:30px 30px 0 110px;
	min-height:170px;
	background-position:30px 51px;
	background-repeat:no-repeat;
}

.dashboardSection .details.personal {
	background-image:url(../images/dashboard_personal-details.svg);
}
.dashboardSection .details.address {
	background-image:url(../images/dashboard_address.svg);
}
.dashboardSection .details.income {
	background-image:url(../images/dashboard_income.svg);
}
.dashboardSection .details.tenancy {
	background-image:url(../images/dashboard_tenancy.svg);
}

.dashboardSection .completed .details.personal, 
.dashboardSection .completed .details.address, 
.dashboardSection .completed .details.income, 
.dashboardSection .completed .details.tenancy  {
	background-image:url(../images/dashboard_completed.svg);
}

.dashboardSection .details p.heading {
	color:#333; font-weight:700; font-size:16px;
	margin:0 0 5px 0;
}
.dashboardSection .details p { 
	font-size:14px; line-height:1.3em;
	margin:0 0 18px 0;
}
.dashboardSection .button {
	background:#0054a6;
	padding:0 45px;
	height:27px; line-height:27px;
	font-size:16px; font-weight:700; font-family:'Roboto', Arial, Helvetica, sans-serif;
}
.dashboardSection .button:hover {
	background:#0168ad;
}

.dashboardSection .completed .button {
	background:#fff;
	padding:0;
	color:#333;
}
.dashboardSection .completed .button:hover {
	color:#0054a6;
}

.applicationStages {
	display:inline-block;
	margin:30px 0 0 0;
}
.applicationStages li { 
	float:left;
	text-align:center;
	overflow:visible;
}
.applicationStages li a {
	color:#333;
	display:block;
	position:relative;
}

.applicationStages li a .stageIcon {
	height:72px; width:72px;
	margin:0 auto;
	z-index:2;
	position:relative;
	border:10px solid #fff;
	
}
.row-wide-dark .applicationStages li a .stageIcon {
	border:10px solid #eee;
}
.applicationStages li a .line {
	display:block;
	background:#ccc;
	height:4px; width:100%;
	z-index:1;
	transform: translate(50%, -39px);
}

.applicationStages li a .stage {
	padding:0 40px; font-weight:500;
}
.applicationStages li.confirm a .stage {
	padding:4px 40px 0 40px;
}

.applicationStages li a.completed .line { background-color:#39B306;}

.applicationStages li.personalDetails a .stageIcon { background:url(../images/application_stage-personal.svg) 0 0px no-repeat #fff; }
.applicationStages li.personalDetails a.inProgress .stageIcon { background-position:0 -60px;}
.applicationStages li.personalDetails a.completed .stageIcon { background-position:0 -180px;}

.applicationStages li.pastAddress a .stageIcon { background:url(../images/application_stage-address.svg) 0 0px no-repeat #fff; }
.applicationStages li.pastAddress a.inProgress .stageIcon { background-position:0 -60px;}
.applicationStages li.pastAddress a.completed .stageIcon { background-position:0 -180px;}

.applicationStages li.income a .stageIcon, .applicationStages li.three_alt a .stageIcon { background:url(../images/application_stage-income.svg) 0 0px no-repeat #fff; }
.applicationStages li.income a.inProgress .stageIcon, .applicationStages li.three_alt a.inProgress .stageIcon, .applicationStages li.three_alt a.active .stageIcon { background-position:0 -60px;}
.applicationStages li.income a.completed .stageIcon, .applicationStages li.three_alt a.completed  .stageIcon { background-position:0 -180px;}

.applicationStages li.tenancyDetails a .stageIcon { background:url(../images/application_stage-personal.svg) 0 0px no-repeat #fff; }
.applicationStages li.tenancyDetails a.inProgress .stageIcon { background-position:0 -60px;}
.applicationStages li.tenancyDetails a.completed .stageIcon { background-position:0 -180px;}

.applicationStages li.confirm a .stageIcon { background:url(../images/application_stage-personal.svg) 0 0px no-repeat #fff;  }
.applicationStages li.confirm a.inProgress .stageIcon { background-position:0 -60px;}
.applicationStages li.confirm a.completed .stageIcon { background-position:0 -180px;}

.row-wide-dark .applicationStages li.personalDetails a .stageIcon, 
.row-wide-dark  .applicationStages li.pastAddress a .stageIcon, 
.row-wide-dark  .applicationStages li.income a .stageIcon, .row-wide-dark .applicationStages li.three_alt a .stageIcon,
.row-wide-dark  .applicationStages li.tenancyDetails a .stageIcon, 
.row-wide-dark  .applicationStages li.confirm a .stageIcon {
	background-color:#eee;
}

.sendApplicationSection {
	padding:36px 0;
}
.sendApplicationSection .sendApplicationButton {
	height:49px; line-height:49px;
	font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:16px; font-weight:700;
	margin-top:20px;
}
.sendApplicationSection .sendApplicationButton.inactive {
	border:1px solid #ccc;
	display:inline-block;
	color:#999;
	background:url(../images/button_send-icon.svg) 46px 50% no-repeat #eee;
	cursor:default;
	width:100%;
}
.sendApplicationSection .sendApplicationButton.active {
	background:url(../images/button_send-icon-active.svg) 46px 50% no-repeat #39B306;
	color:#fff;
	border:none;
	padding:0 94px;
}
.sendApplicationSection .sendApplicationButton.active:hover {
	background-color:#2c8c04;
}

/*Small Medium - 641px - 768px*/
@media screen and (min-width: 40.063em) and (max-width: 48.000em) {
	.applicationStages li a .stage {
		font-size:14px;
		padding:0 12%;
	}
	
}

/*large Medium - 769px - 1024px*/
@media screen and (min-width: 48.063em) and (max-width: 79.938em) { 
	.applicationStages li a .stage {
		padding:0 19%;
	}
	
}

/* from Small Medium - 641px + */
@media screen and (min-width: 40.063em) {
	.dashboardSection li {
		padding-bottom:20px;
	}
	.sendApplicationSection .sendApplicationButton.inactive { 
		padding:0 94px; 
		width:auto;
	}
}

/* forms 
-------------------------------------------------------------*/

fieldset, .fieldset {
	border:none;
	background:#fff;
	padding:30px; margin-bottom:45px;
}
.fieldset { min-height:300px;}
fieldset.noBackground, .fieldset.noBackground {
	background:inherit;
}
fieldset legend { display:none; }
fieldset .legend, .fieldset .legend {
	display:block; width:100%;
	font-size:18px; font-weight:700; color:#333;
	margin:0 0 10px 0; padding-bottom:5px;
}

fieldset.saveSection { padding:0 30px; background:inherit;}
fieldset.saveSection .saveButtonRow .columns { width:auto; float:left;}

.personalDetails fieldset .legend { 
	background:url(../images/icons/personal-details-icons.svg) 0 0 no-repeat;
	padding-left:35px;
}
.personalDetails fieldset .legend.details { background-position:0 0;}
.personalDetails fieldset .legend.contact { background-position:0 -50px;}
.personalDetails fieldset .legend.identity { background-position:0 -100px;}
.personalDetails fieldset .legend.bank { background-position:0 -150px;}
.personalDetails fieldset .legend.court { background-position:0 -200px;}


.pastAddress fieldset .legend {
	background:url(../images/icons/past-address-icons.svg) 0 0 no-repeat;
	padding-left:35px;
}
.pastAddress fieldset .legend.time { background-position:0 0;}
.pastAddress fieldset .legend.propertyAddress { background-position:0 -50px;}
.pastAddress fieldset .legend.contact { background-position:0 -100px;}

.occupationIncome fieldset .legend {
	background:url(../images/icons/occupation-icons.svg) 0 0 no-repeat;
	padding-left:35px;
}
.occupationIncome fieldset .legend.occupation { background-position:0 0;}
.occupationIncome fieldset .legend.income { background-position:0 -50px;}

.tennancyDetails fieldset .legend {
	background:url(../images/icons/tennancy-icons.svg) 0 0 no-repeat;
	padding-left:35px;
}
.tennancyDetails fieldset .legend.pets { background-position:0 0;}
.tennancyDetails fieldset .legend.vechicle { background-position:0 -47px;}
.tennancyDetails fieldset .legend.children { background-position:0 -100px;}
.tennancyDetails fieldset .legend.kin { background-position:0 -150px;}

.confirmDetails fieldset .legend.confirm { 
	background:url(../images/icons/confirm-icon.svg) 0 0 no-repeat;
	padding-left:35px;
}

.incomeDeatils fieldset .legend {
	background:url(../images/icons/income-icons.svg) 0 0 no-repeat;
	padding-left:35px;
}
.incomeDeatils fieldset .legend.source { background-position:0 0;}
.incomeDeatils fieldset .legend.emloyment { background-position:0 -50px;}
.incomeDeatils fieldset .legend.actualIncome { background-position:0 -100px;}
.incomeDeatils fieldset .legend.organisation { background-position:0 -150px;}
.incomeDeatils fieldset .legend.accountant { background-position:0 -200px;}
.incomeDeatils fieldset .legend.contact { background-position:0 -250px;}
.incomeDeatils fieldset .legend.family { background-position:0 -300px;}
.incomeDeatils fieldset .legend.rental { background-position:0 -100px;}
.incomeDeatils fieldset .legend.disability { background-position:0 -100px;}
.incomeDeatils fieldset .legend.housing { background-position:0 -349px;}
.incomeDeatils fieldset .legend.maintenance { background-position:0 -398px;}
.incomeDeatils fieldset .legend.student { background-position:10px -448px;}
.incomeDeatils fieldset .legend.evidence { background-position:0 -495px;}


.guarantorDetails fieldset .legend, .guarantorDetails .fieldset .legend { 
	background:url(../images/icons/guarantor-details-icons.svg) 0 0 no-repeat;
	padding-left:35px;
}

.guarantorDetails fieldset .legend.details, .guarantorDetails .fieldset .legend.details { background-position:0 0;}
.guarantorDetails fieldset .legend.contact, .guarantorDetails .fieldset .legend.contact  { background-position:0 -50px;}



fieldset .heading, .fieldset .heading {
	display:block;
	width:100%;
	color:#666;
	margin:0 0 20px 0;
	line-height:1.3em;
}
fieldset label {
	font-size:16px; font-weight:400; color:#333;
	height:43px; line-height:43px;
}
fieldset label.largeLabel {
	line-height:22px;
}
fieldset label.largeTall {
	line-height:22px; height:100px;
}

@media screen and (max-width: 40em) {
	fieldset label.largeLabel {
		margin-bottom:12px;
	}
	
	fieldset.saveSection .saveButtonRow .columns { width:50%; float:left;}

}

fieldset .explain { 
	font-style:italic; color:#999; font-size:14px; line-height:1.35em;
	margin:-6px 0 17px 0;
	text-align:left;
}

fieldset .inputSuffix {
	font-size:16px; font-weight:400; color:#666;
	height:43px; line-height:43px;
	margin:0;
}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
	border-radius:0; box-shadow:none;
	color:#333; font-size:15px; font-weight:400;
	height:43px;
	padding:10px;
	margin-bottom:0.5em;
}

fieldset .inputShim { float:left; }
fieldset .inputShim.shim-spacing { margin-right:24px;}

/*Small only - up to 640px*/
@media screen and (max-width: 40em) {
	fieldset .inputShim { width:100%; }
}

input[type="number"].forgot { text-align:left}


fieldset input[type="number"] {
	 -moz-appearance: textfield; /* fix to hide in FF */
	 text-align:center;
}
fieldset input[type="number"].inputLeft {
	text-align:left;
}

/* fix to remove spinner in chrome*/
fieldset input[type="number"]::-webkit-inner-spin-button,
fieldset input[type="number"]::-webkit-outer-spin-button{
	-webkit-appearance: none; 
	margin:0;
	display:none;
}

fieldset select { 
	border-radius:0;
	height:43px;
	color:#333; font-size:15px; font-weight:400;
	margin-bottom:0.5em;
}

fieldset select.selectAddress {
	height:148px;
}

/*Small only - up to 640px*/
@media screen and (max-width: 40em) {
	fieldset select { font-size:16px;}
	[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea { font-size:16px; }

}


/* checkboxes 
-------------------------------------------------*/
input[type="checkbox"] { visibility:hidden; width:25px; height:25px;}
input[type="checkbox"] + label { background:url(../images/form_ceckbox-unchecked.gif) 0 0 no-repeat; padding:0 0 0 42px; margin:0 0 0 -25px; height:25px; line-height:25px;}
input[type="checkbox"]:checked + label { background-image:url(../images/form_ceckbox-checked.gif);}

/* radio buttons 
------------------------------------------------*/
input[type="radio"] { visibility:hidden; width:25px; height:25px; margin:0;}
input[type="radio"] + label { background:url(../images/form_radio-unselected.gif) 0 0 no-repeat; padding:0 0 0 42px; margin:0 0 0 -25px; height:25px; line-height:25px;}
input[type="radio"]:checked + label { background-image:url(../images/form_radio-selected.gif); }

input[type="radio"] + label.spacing { padding-left:35px; margin-bottom:25px;  }

/*Small only - up to 640px*/
@media screen and (max-width: 40em) {
	input[type="radio"] + label.spacing { margin-bottom:8px;}
	.income-radio-row { margin-bottom:10px;}
}

@media screen and (min-width: 641px) {
	.income-radio-row .columns { margin-top:-8px;}
}


.button.supplyLater { background:#fff; color:#333;}
.button.supplyLater:hover { color:#fff; background:#666;}

/*Small Medium up - 641px + */
@media screen and (min-width: 40.063em)  {
	[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
		margin-bottom:1em;
	}
	
	fieldset select {
		margin-bottom:1em;
	}
}

ol { 
	margin:0 0 30px 20px;
	font-size:16px;
	color:#666;
}
ol li { 
	list-style:decimal;
	margin:0 0 20px 0;
	padding:0 0 0 5px;
}
ol li p {
	color:#666;
	font-size:16px; line-height:1.35em;
}

.confirm-list ol li p { color:#0a0a0a;}

fieldset p { line-height:1.3em;}
fieldset p.lighter { color:#666;}

fieldset p.spacing { margin-top:15px; margin-bottom:0}

fieldset .tableList { 
	width:100%; 
	float:left;
	margin:0 0 20px 0; padding:20px 0 0 0;
	border-top:1px solid #ccc;
}
fieldset .tableList li {
	float:left; 
	width:100%;
	 margin:0;
	font-size:16px; font-weight:400;
}

fieldset .tableList li .tableListRow {
	float:left;
	width:100%;
	margin:0; 
}
fieldset .tableList li .tableListRow li {
	float:left;
	line-height:1.4em;
}
fieldset .tableList li .tableListRow li.cellLable { 
	width:100%;
	padding-bottom:0; font-weight:500;
	padding:9px 0 2px 0;
}
fieldset .tableList li .tableListRow li.cellLable:after {
	content:':';
}
fieldset .tableList li .tableListRow li.cellContent { 
	width:100%;
	padding:0 0 4px 0;
}

fieldset .tableList li .tableListRow li.actions {
	width:100%;
	padding:9px 0 9px 0;
}
fieldset .tableList li .tableListRow li.cellContent.actions a {
		padding-right:15px;
	}
fieldset .tableList li .tableListRow li.cellContent.actions a.editButton {
	display:inline-block;
	height:30px; line-height:30px;
	padding:0 30px; margin:10px 25px 0 0;
	color:#fff;
	background:#ccc;
	border-radius:3px;
}
fieldset .tableList li .tableListRow li.cellContent.actions a.editButton:hover {
	background:#666;
}
/* choose address */
fieldset .tableList li .tableListRow li.addressOption { 
	width:20%; 
	padding:3px 0;
}
fieldset .tableList li .tableListRow li.address { 
	width:80%; 
	padding:6px 0;
	font-size:14px;
}

fieldset .tableList.documentList {
	background:url(../images/icons/occupation-evidence-icon.svg) 0 26px no-repeat;
	padding-left:77px;
}

fieldset .tableList.documentEvidenceList li .tableListRow {
	padding:15px 0;
}

/* applicant progress */
fieldset .tableList.referenceSummary li .tableListRow li { padding:5px 0;}
fieldset .tableList.referenceSummary li.odd { background-color:#f5f4f4;}
fieldset .tableList.referenceSummary li .tableListRow li { padding:10px 10px 0 10px;}
fieldset .tableList.referenceSummary li .tableListRow li.status { padding:10px;}
fieldset .tableList.referenceSummary li .tableListRow li span { font-weight:500; display:block; padding:0 5px 0 0;}
fieldset .tableList.referenceSummary li .tableListRow.headerRow li { font-size:14px;}
fieldset .tableList.referenceSummary li .tableListRow li .notStarted { color:#cc0000;}
fieldset .tableList.referenceSummary li .tableListRow li .inProgress { color:#f09e33;}
fieldset .tableList.referenceSummary li .tableListRow li .completed { color:#39B306;}


/* income sources */
fieldset .tableList.incomeSources li .tableListRow li { padding:5px 0;}
fieldset .tableList.incomeSources li .tableListRow li.incomeLable { padding:5px 0 0 0; }
fieldset .tableList.incomeSources li .tableListRow li.incomeLable:after { content:':'; }
fieldset .tableList.incomeSources li .tableListRow li.incomeDetail { padding:0 0 5px 0; }
fieldset .tableList.incomeSources li.incomeOptions .tableListRow li.incomeLable:after { content:''; }

/* document Evidence */
fieldset .tableList.documentEvidenceList { background:none; border:none; padding:0; margin:-9px 0 35px 0; }
fieldset .tableList.documentEvidenceList li { background:#fff; border-bottom:1px solid #ccc;}
fieldset .tableList.documentEvidenceList li.type img { margin:-2px 0 0 9px;}
fieldset .tableList.documentEvidenceList li .tableListRow li { padding:5px 0; background:inherit; border:none;}
fieldset .tableList.documentEvidenceList li .tableListRow li span img { margin:0 10px 0 0; }
fieldset .tableList.documentEvidenceList li .tableListRow li span.full { display:block; width:100%; font-weight:500;}
fieldset .tableList.documentEvidenceList li .tableListRow.headerRow li { font-size:14px; padding:0 0 5px 0;}

/* income source verification */
fieldset .tableList.incomeEvidenceSummary { border:none; margin:0; }
fieldset .tableList.incomeEvidenceSummary .tableListRow.headerRow li { font-size:14px; margin:0 0 5px 0;}
fieldset .tableList.incomeEvidenceSummary .tableListRow { margin:0 0 20px 0;}
fieldset .tableList.incomeEvidenceSummary .tableListRow li span { width:100%; font-weight:500;}
fieldset .tableList.incomeEvidenceSummary .tableListRow li.source, fieldset .tableList.incomeEvidenceSummary .tableListRow li.status, fieldset .tableList.incomeEvidenceSummary .tableListRow li.evidence { width:100%; margin-bottom:5px;}
fieldset .tableList.incomeEvidenceSummary .tableListRow li.upload { width:100%; }
fieldset .tableList.incomeEvidenceSummary .tableListRow li.upload .button { margin:0;}
fieldset .tableList.incomeEvidenceSummary .tableListRow li.evidence { margin:0 0 10px 0;}
fieldset .tableList.incomeEvidenceSummary .tableListRow li.status span, fieldset .tableList.incomeEvidenceSummary .tableListRow li.evidence span { margin:0 10px 0 0; float:left; width:auto;}

fieldset .tableList.incomeEvidenceSummary .tableListRow.moreEvidence {}

/*Small only - up to 640px*/
@media screen and (max-width: 40em) {
	fieldset .tableList.incomeEvidenceSummary .tableListRow li span { display:block;}
}

/*Small Medium Up - 641px + */
@media screen and (min-width: 40.063em) {
	fieldset .tableList.documentEvidenceList li:nth-child(2n) { background:#fafafa;}
	fieldset .tableList.documentEvidenceList li .tableListRow li:nth-child(2n) { background:inherit;}
	fieldset .tableList.documentEvidenceList li .tableListRow li { padding:10px 0;}
	
	/* income source verification */
	fieldset .tableList.incomeEvidenceSummary .tableListRow { margin:0;}
	fieldset .tableList.incomeEvidenceSummary .tableListRow li.source { width:61%;}
	fieldset .tableList.incomeEvidenceSummary .tableListRow li.status { width:12%;}
	fieldset .tableList.incomeEvidenceSummary .tableListRow li.evidence { width:15%;}
	fieldset .tableList.incomeEvidenceSummary .tableListRow li.upload { width:12%; }

}



/*Small Medium - 641px - 768px*/
@media screen and (min-width: 40.063em) and (max-width: 48.000em) {
	fieldset .tableList li .tableListRow li.cellLable { 
		width:25%;
		padding:6px 0;
	}
	fieldset .tableList li .tableListRow li.cellLable:after {
		content:'';
	}
	fieldset .tableList li .tableListRow li.cellContent { 
		width:75%;
		padding:1px 0;
	}
	fieldset .tableList li .tableListRow li.cellContent.actions {
		padding:5px 0 0 0;
	}
	
	/* choose address */
	fieldset .tableList li .tableListRow li.addressOption { 
		width:8%; 
		padding:3px 0 8px 6px;
	}
	fieldset .tableList li .tableListRow li.address { 
		width:92%;
		padding:10px 0 8px 0;
		font-size:16px;
	}
	fieldset .tableList.referenceSummary li .tableListRow li:first-child { text-indent:5px;}
	fieldset .tableList.referenceSummary li .tableListRow li { padding:0;}
	fieldset .tableList.referenceSummary li .tableListRow li.name { width:38%; padding:5px 0;}
	fieldset .tableList.referenceSummary li .tableListRow li.income { width:22%; padding:5px 0;}
	fieldset .tableList.referenceSummary li .tableListRow li.landlord { width:22%; padding:5px 0;}
	fieldset .tableList.referenceSummary li .tableListRow li.status { width:18%; padding:0;}
	fieldset .tableList.referenceSummary li .tableListRow li.status { padding:5px 0;}
	fieldset .tableList.referenceSummary li .tableListRow li span { display:none;}
	
	
	fieldset .tableList.incomeSources li .tableListRow li.incomeLable { width:20%;}
	fieldset .tableList.incomeSources li .tableListRow li.incomeDetail { width:80%;}
	fieldset .tableList.incomeSources li .tableListRow li.incomeLable { padding:5px 0; 	}
	fieldset .tableList.incomeSources li .tableListRow li.incomeLable:after { content:''; }
	fieldset .tableList.incomeSources li .tableListRow li.incomeDetail { padding:5px 0; 	}
	
	fieldset .tableList.documentEvidenceList li .tableListRow li.type { width:4% }
	fieldset .tableList.documentEvidenceList li .tableListRow li.name { width:44% }
	fieldset .tableList.documentEvidenceList li .tableListRow li.date { width:43% }
	fieldset .tableList.documentEvidenceList li .tableListRow li.edit { width:6% }
	fieldset .tableList.documentEvidenceList li .tableListRow li span.full { display:none;}

	fieldset .tableList.incomeSources li .tableListRow li.incomeDetail { padding:5px 0; }
	
	/* income source verification */
	fieldset .tableList.incomeEvidenceSummary .tableListRow { margin:0;}
	fieldset .tableList.incomeEvidenceSummary .tableListRow li.source { width:50%;}
	fieldset .tableList.incomeEvidenceSummary .tableListRow li.status { width:15%;}
	fieldset .tableList.incomeEvidenceSummary .tableListRow li.evidence { width:18%;}
	fieldset .tableList.incomeEvidenceSummary .tableListRow li.upload { width:17%; }


}

/* from large Medium - 769px + */
@media screen and (min-width: 48.063em) {
	fieldset .tableList li .tableListRow li.cellLable { 
		width:15%;
		padding:6px 0;
	}
	fieldset .tableList li .tableListRow li.cellLable:after {
		content:'';
	}
	fieldset .tableList li .tableListRow li.cellContent { 
		width:85%;
		padding:3px 0;
	}
	fieldset .tableList li .tableListRow li.actions {
		
	}
	/* choose address */
	fieldset .tableList li .tableListRow li.addressOption { 
		width:5%;
		padding:3px 0 8px 6px;
	}
	fieldset .tableList li .tableListRow li.address { 
		width:95%;
		padding:10px 0 8px 0;
		font-size:16px;
	}
	fieldset .tableList.referenceSummary li .tableListRow li:first-child { text-indent:5px;}
	fieldset .tableList.referenceSummary li .tableListRow li { padding:5px 0;}
	fieldset .tableList li .tableListRow li.name { width:40%;}
	fieldset .tableList li .tableListRow li.income { width:20%;}
	fieldset .tableList li .tableListRow li.landlord { width:20%;}
	fieldset .tableList li .tableListRow li.status { width:20%;}
	fieldset .tableList.referenceSummary li .tableListRow li.status { padding:5px 0; }
	
	fieldset .tableList.referenceSummary li .tableListRow li span { display:none;}
	fieldset .tableList.referenceSummary li .tableListRow li .notStarted, fieldset .tableList.referenceSummary li .tableListRow li .inProgress, fieldset .tableList.referenceSummary li .tableListRow li .completed { display:block;}


	fieldset .tableList.incomeSources li .tableListRow li.incomeLable { width:14%;}
	fieldset .tableList.incomeSources li .tableListRow li.incomeDetail { width:86%;}
	fieldset .tableList.incomeSources li .tableListRow li.incomeLable {
		padding:5px 0;
	}
	fieldset .tableList.incomeSources li .tableListRow li.incomeLable:after {
		content:'';
	}
	fieldset .tableList.incomeSources li .tableListRow li.incomeDetail a.edit {
		display:inline-block;
		height:25px; line-height:25px;
		color:#fff;
		margin:0 20px 0 0; padding:0 30px;
		border-radius: 3px;
		background:#ccc;
	}
	fieldset .tableList.incomeSources li .tableListRow li.incomeDetail a.edit:hover { background:#666;}
	
	fieldset .tableList.documentEvidenceList li .tableListRow li.type { width:3% }
	fieldset .tableList.documentEvidenceList li .tableListRow li.name { width:46% }
	fieldset .tableList.documentEvidenceList li .tableListRow li.date { width:45% }
	fieldset .tableList.documentEvidenceList li .tableListRow li.edit { width:6% }
	fieldset .tableList.documentEvidenceList li .tableListRow li span.full { display:none;}

	fieldset .tableList.incomeSources li .tableListRow li.incomeDetail { padding:5px 0; }

}

.incomeEvidenceSummary tr td { padding-right:10px;}
.incomeEvidenceSummary thead tr td { font-size:14px;}



/* errors */
.errorMsg [type="text"], .errorMsg [type="password"], .errorMsg [type="date"], .errorMsg [type="datetime"], .errorMsg [type="datetime-local"], .errorMsg [type="month"], .errorMsg [type="week"], .errorMsg [type="email"], .errorMsg [type="number"], .errorMsg [type="search"], .errorMsg [type="tel"], .errorMsg [type="time"], .errorMsg [type="url"], .errorMsg [type="color"], .errorMsg textarea {
	border:1px solid #cc0000;
}
.errorMsg select {
	border:1px solid #cc0000;
}
.errorMsg .msgError {
	color:#cc0000;
	width:100%;
	float:left;
	margin:-10px 0 10px 0;
}

.errorMsg .inputStatusIcon { position:relative;}
.errorMsg .inputStatusIcon:after {
	content:'';
	height:20px; width:20px;
	display:block;
	position:absolute; top:8px; right:-34px;
	background:url(../images/forms_error-icon.svg) 0 0 no-repeat;
}

.errorMsg.addressError .msgError { margin:-29px 0 17px 0;}

.errorMsg .msgErrorWithdraw { color:#cc0000; font-size:14px; margin:0 0 10px 0; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400;}

.page-error-message { border:1px solid #cc0000; padding:20px 30px; background:url(../images/error-icon.svg) 30px 19px no-repeat #fff; background-size:39px auto; }
.page-error-message p { color:#cc0000; display:inline-block; width:100%;  }
.page-error-message p.title {padding-left:64px;}

/*Small Medium up - 641px + */
@media screen and (min-width: 641px) {
	.page-error-message { background-size:65px auto; }
	.page-error-message p.title, .page-error-message p { padding-left:93px;}
}

.success .inputStatusIcon { position:relative;}
.success .inputStatusIcon:after {
	content:'';
	height:20px; width:20px;
	display:block;
	position:absolute; top:8px; right:-21px;
	background:url(../images/forms_success-icon.svg) 0 0 no-repeat;
}


.statusIcon { /* Display whilst AJAX validation occurs, if ok swap to 'ico_ok.gif' and fade out */
	position:absolute;
	top:11px;  right:-22px;
	float:left; height:16px; width:16px; display:none; 
} 

.statusIconLarge {
	right:-132px;
}

.ccj-section { margin-bottom:20px;}

.submitButtons {
	padding:14px; margin:0 0 20px 0;
}

.submitButtons label { 
	font-weight:700;
}
.submitButtons .additionalLable {
	margin-bottom:28px; margin-top:3px;
}
.submitButtons input[type="submit"].completeButton {
	height:50px; line-height:50px;
	font-size:16px; font-weight:700; color:#999;
	background:inherit;
	border:1px solid #ccc;
	border-radius:0;
	background:url(../images/forms_success-icon.svg) 36px 50% no-repeat;
	width:100%;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.submitButtons input[type="submit"].completeButton:not(.disabled):hover {
	border:1px solid #39B306;
	color:#fff;
	background:url(../images/forms_success-icon-hover.svg) 36px 50% no-repeat #39B306;
}
.submitButtons input[type="submit"].completeButton.disabled:hover {
    cursor:not-allowed;
}

.submitButtons .saveLater {
	color:#333; font-size:16px; font-weight:500;
	display:inline-block;
	height:50px; line-height:50px;
	width:100%; text-align:center;
	margin:10px 0 0 0;
}

.submitButtons .saveLater:hover {
	color:#fff;
	background:#666;
}

.button.print { background-image:url(../images/print_button-icon.svg); background-position: 11px 50%; background-repeat:no-repeat; padding-left:35px; }



/*Small Medium up - 641px + */
@media screen and (min-width: 40.063em) {
	fieldset label {
		text-align:right;
	}
	
	.submitButtons {
		padding:0 30px; margin:0 0 20px 0;
	}
	.submitButtons .additionalLable {
		padding-left:42px;
		margin-bottom:28px; margin-top:-6px;
	}
	.submitButtons input[type="submit"].completeButton {
		background-position:65px 50%;
	}
	.submitButtons input[type="submit"].completeButton:hover {
		background-position:65px 50%;
	}
	
	fieldset .heading {
		margin:0 0 40px 0;
	}
	.submitButtons .saveLater {
		margin:0;
	}

}

/*Small Medium - 641px - 768px*/
@media screen and (min-width: 40.063em) and (max-width: 48.000em) {
	.applicationStages li a .stage {
		min-width:135px;
	}
}


.progressNotes { width:100%; float:left; margin:-15px 0 0 0; padding-top:0; background:inherit;}
.progressNotes p.noteTitle { margin:0 0 7px 0;}
.progressNotes p { font-size:14px; line-height:1.35em; margin-bottom:11px;}
.progressNotes p.title { margin:0 0 7px 0; font-size:16px;}
.progressNotes p span { display:inline-block; width:100% }
.progressNotes p span.keyTerm { width:100%; }

/* evedance types 
-----------------------------------------------*/
ul.incomeEvidence { 
	margin:20px 0 0 0; 
	padding:0;  
	list-style:none; 
	height:130px; 
}
ul.incomeEvidence li .statementWrap { 
	display:block;
	background:url(../images/icons/occupation-evidence-icon.svg) top left no-repeat; 
	min-height:80px;
	padding:0 0 0 82px;
}
ul.incomeEvidence li .titleWrap { 
	padding:0 0 2px 0; 
	font-weight:bold; 
	font-size:16px;  
}
ul.incomeEvidence li p { 
	font-size:14px; line-height:1.32em;
}

/*Small Medium up 641px + */
@media screen and (min-width: 40.063em)  { 
	ul.incomeEvidence li .statementWrap { min-height:115px;}
	ul.incomeEvidence li span {
		display:block;
	}

}





/* #vcCSS { width:650px; margin:0 auto 0 auto; text-align:center; } */
body {min-width:320px;}





/* 	Application / Shared Elements
	Formatting / Tags
------------------------------------------------
*/

/* Section Navigation */

#applicationSections .applicationDetails { float:left; width:100%; }
#applicationSections .applicationDetails,
#applicationSections .problems {
	margin-bottom:20px;
}
#applicationSections .applicationDetails .applicantName { font-size:1.2em; margin-bottom:4px; line-height:1em; margin-top:4px; font-weight:bold; }
#applicationSections .applicationDetails .propertyAddress { font-size:1.2em; margin-bottom:10px; line-height:1em; }
#applicationSections .applicationDetails a { margin-top:10px; font-size:1.1em; }
#applicationSections .problems { display:block; }
#applicationSections .problems .call { font-size:2em; }
#applicationSections .problems div { font-size:1.1em; line-height:1em; margin-bottom:4px; }
.sectionMenu {
	margin:0 0 15px 0; padding:0; 
	clear:both;  	
	width:100%; 
	display:table;
}
.sectionMenu li {
	list-style:none;
	display:table-cell;
}
.sectionMenu li a {
	display:block;
	padding:10px 0 10px 35px;
	background: url(/resources/images/menu-question-noActive.jpg) no-repeat 5px 11px #E8E8E8; 
	font-size:12px;
	color:#7D7D7D;
	margin-right:3px;
}
.sectionMenu li a.active {
	color:#FFF;
	background: url(/resources/images/menu-question.jpg) no-repeat 5px 11px #7D7D7D;
}
.sectionMenu li a.completed {
	color:#FFF;
	background: url(/resources/images/menu-tick.jpg) no-repeat 5px 11px #8BC540;
}

/* Section Headings 
.sectionHeading { clear:both; height:35px; background-image:url(../images/sectionHeading_bg.jpg); background-repeat:repeat-x; background-position:0 0; }
.sectionHeadingInner { font-size:1.5em; font-weight:bold; padding:10px 0 0 15px; line-height:1em;}

 Application Section 
.section { background-image:url(../images/bg_fieldset.jpg); background-repeat:repeat-x; background-position:0 0; padding:15px; }
	.sectionInner { width:100%;display:block; }
	.sectionInner p { font-size:12px; margin:0 0 10px 0; padding:0; line-height:1.3em; }



 Fieldset, Sub Section Details 


.appInput { position:relative; margin-bottom:0.2em; font-size:100%;}  Form Row 
.appInput:after, .appInput .appField:after { clear:both;display:block; visibility:hidden; height:0; content:'.' }  Clear the floated elements 


 Terms and Conditions 
.appTerms { overflow:auto; width:100%; font-size:1.1em; margin-bottom:25px; }
.appTerms ol { margin:0; padding:0 0 0 25px; }  
.appTerms ol li { margin:0 0 10px 0; padding:0; }

 	Occupation and Addresses 
#application td .role { padding-top:2px; }
#application td .organisation { font-weight:bold; }

#application td .address { font-weight:bold; }
#application td .addressType { padding-top:2px; }*/



/* 	Welcome and Application Summary
	Tags
------------------------------------------------
*/

/* Tenant and Property Detail 
.applicationDetail { margin-bottom:15px; width:100%; display:block; }
.applicationDetail thead td { font-size:1.1em;padding:3px; border-bottom:1px solid #999999; } 
.applicationDetail tbody tr.odd { background-color:#CCCCCC; }
.applicationDetail tbody td,
.applicationDetail tbody td label { font-size:1.1em; padding:4px; }
.applicationDetail tbody td {
	border-bottom:1px solid #999999;
}
.applicationDetail tfoot td { font-size:1.1em; padding:3px; }

 Section Status / Navigation 
.applicationStatus { 
	margin-bottom:10px; 
	padding:0 20px 10px 0;
	border:1px solid #D6D6D6;
	border-radius:5px;
	background: rgb(241,241,241);
	background: -moz-linear-gradient(top,  rgba(241,241,241,1) 0%, rgba(255,255,255,1) 47%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(47%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 47%); background: -o-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 47%); background: -ms-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 47%); background: linear-gradient(to bottom,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 47%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}
.applicationStatus li {list-style:none;}
.applicationStatus .footer { clear:both; }
.applicationStatus ul { margin:0 0 10px 10px; padding:0; padding-top:10px; width:100%; }
.applicationStatus li .statementWrap { margin:0 0 5px 0; padding:5px 0 0 60px;list-style:none; background-image:url(../images/ico_info.png); background-repeat:no-repeat; background-position:0 0; display:block; }
.applicationStatus li.completed .statementWrap { background-image:url(../images/ico_accept.png); }
.applicationStatus li .titleWrap { font-size:11px; font-weight:bold; }
.applicationStatus li p { font-size:11px; margin-bottom:4px; line-height:1.2em; font-weight:normal; }
.applicationStatus li p span  { color:#009900; text-decoration:none; font-size:13px; }
*/



/* 	BUTTONS
	Form buttons
------------------------------------------------	
*/

.completedSave { padding-top:25px; }
.notCompleted { border:1px solid #999999; background-color:#EEEEEE; padding:10px; font-size:1.2em; }
.notCompleted span { font-weight:bold; }

.appField {position:relative;}

/* Default Elements */
.btnShim { margin-left:10px; float:right; }
.button { background-color:#006494; }
.button:hover { background-color:#1b98e0;  }
.button div { margin:0; padding:0; font-size:0.1em; line-height:1em; }
.button input { background-color:transparent; border:none; width:100%;}
.btnTop { background-repeat:no-repeat; position:relative; top:-1px; right:-1px; background-position:top right; height:3px; }
.btnTop .btnLeft { position:relative; left:-2px; background-repeat:no-repeat;  background-position:0 0; width:3px; height:3px; }
.btnBottom { position:relative; bottom:-1px; right:-1px; background-repeat:no-repeat;  background-position:bottom right; height:3px;  }
.btnBottom .btnLeft { position:relative; bottom:0px; left:-2px; background-repeat:no-repeat; background-position:0 0; width:3px; height:3px;  }

/* Standard */
.btnStandard { background-image:url(../images/btn_save_bg.gif); background-repeat:repeat-x; background-position:0 0; width:150px; border:1px solid #999999;  border:1px solid #999999; margin-bottom:10px; margin-top:10px;   }
.btnStandard input { font-size:1.1em; }
.btnStandard .btnTop { background-image:url(../images/btn_save_top.gif); }
.btnStandard .btnTop .btnLeft { background-image:url(../images/btn_save_top_left.gif); }
.btnStandard .btnBottom { background-image:url(../images/btn_save_bottom.gif);   }
.btnStandard .btnBottom .btnLeft { background-image:url(../images/btn_save_bottom_left.gif); }

/* Save For Later */ 
.btnSave { background-image:url(../images/btn_save_bg.gif); width:150px; border:1px solid #999999; }
.btnSave .btnTop { background-image:url(../images/btn_save_top.gif); }
.btnSave .btnTop .btnLeft { background-image:url(../images/btn_save_top_left.gif); }
.btnSave .btnBottom { background-image:url(../images/btn_save_bottom.gif); }
.btnSave .btnBottom .btnLeft { background-image:url(../images/btn_save_bottom_left.gif); }



/* Hover State for all buttons */ 
.btnHover { background-image:url(../images/btn_bg.gif); border:1px solid #999999; }
.btnHover .btnTop { background-image:url(../images/btn_top.gif); }
.btnHover .btnTop .btnLeft { background-image:url(../images/btn_top_left.gif); }
.btnHover .btnBottom { background-image:url(../images/btn_bottom.gif); }
.btnHover .btnBottom .btnLeft { background-image:url(../images/btn_bottom_left.gif); }


/* referee submition - thanks page 
------------------------------------------------------------------*/




.thanks-container {
	width:100%;
	padding:90px 0 0px 0;
	background:url(../images/thanks-icon.svg) center top no-repeat; background-size: 95px auto;
}

.thanks-container p {
	font-size:14px; line-height:1.2em; font-weight:400; color:#666; 
}
.thanks-container p.heading {
	font-size:18px; font-weight:400;  color:#333;
	margin:0 0 15px 0; 
}

.thanks-container p.news-heading {
	color:#333; font-size:16px; font-weight:500; margin:30px 0 10px 0;
}

.thanks-container .news-button {
	display:inline-block;
	height:38px; line-height:38px;
	color:#fff; font-size:14px; font-weight:300;
	padding:0 63px; margin:20px 0 0 0;
	background:#00a651;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;

}

.thanks-container .news-button:hover {
	background:#808184;
}

@media screen and (min-width: 641px) {
	.thanks-container {
		width:100%;
		padding:24px 0 100px 220px;
		background:url(../images/thanks-icon.svg) 0 20px no-repeat; background-size:auto auto;
	}
	
	.thanks-container p {
		font-size:15px; line-height:1.2em; font-weight:400; color:#666; 
	}
	.thanks-container p.heading {
		font-size:20px; font-weight:400; margin:0 0 15px 0; color:#333;
	}
	
	.thanks-container p.news-heading {
		color:#333; font-size:18px; font-weight:500; margin:30px 0 10px 0;
	}
	
	.thanks-container .news-button {
		display:inline-block;
		height:38px; line-height:38px;
		color:#fff; font-size:14px; font-weight:300;
		padding:0 63px; margin:20px 0 0 0;
		background:#00a651;
		-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	
	}
	
	.thanks-container .news-button:hover {
		background:#808184;
	}

}


/* 3rd party section  
--------------------------------------*/
.third-party-products h2.company-name { margin-bottom:9px; padding:13px 0 0 0;}
.third-party-products .appShim p { padding-left:42px;}
.third-party-products .sub-heading { margin:18px 0 25px 0;} 
.third-party-products .company-logo { margin-bottom:12px;}


@media screen and (min-width: 641px) {
	.padding-l-none { padding-left:0 !important;}
	.third-party-products h2.company-name { padding:0;}
	.third-party-products .company-logo { margin-bottom:0;}
}