/**** Global.css for Debt Relief Australia *****/

/* 320 and Up boilerplate extension Author: Andy Clarke Version: 0.9b URL: http://stuffandnonsense.co.uk/projects/320andup/ License: http://creativecommons.org/licenses/MIT/ */


@font-face {
	font-family: 'AllerBold';
	src: url('../fonts/aller_bd-webfont.eot');
	src: local('?'), url('../fonts/aller_bd-webfont.woff') format('woff'), 
	url('../fonts/aller_bd-webfont.ttf') format('truetype'), 
	url('../fonts/aller_bd-webfont.svg#webfontSM0zrJYb') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AllerRegular';
	src: url('../fonts/aller_rg-webfont.eot');
	src: local('?'), url('../fonts/aller_rg-webfont.woff') format('woff'), 
	url('../fonts/aller_rg-webfont.ttf') format('truetype'), 
	url('../fonts/aller_rg-webfont.svg#webfontuqJH9zZB') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
vertical-align : baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display : block; }

blockquote, q { 
quotes : none; }

blockquote:before, 
blockquote:after,
q:before, 
q:after { 
content : ""; content: none; }

del { 
text-decoration : line-through; }

ins { 
background-color : rgb(255,255,153); 
color : rgb(0,0,0); 
text-decoration : none; }

mark { 
background-color : rgb(255,255,153); 
color : rgb(0,0,0); 
font-style : italic; 
font-weight : bold; }

abbr[title], 
dfn[title] { 
border-bottom : 1px dotted; 
cursor : help; }

table { 
border-collapse : collapse; 
border-spacing : 0; }

hr { 
display : block; 
height : 1px; 
border : 0; 
border-top : 1px solid rgb(204,204,204);
margin : 1em 0; 
padding : 0; }

.off {
	display: none;
}

/* 1.ROOT */

html {
overflow-y : scroll;
background : rgb(255,255,255) }

body { 
margin : 0 auto;
padding : 24px 0 0 0;
width : 90% /* 252px */;
font : 100%/1.4 Verdana, Arial;
color : rgb(40,40,40); 
background-color : #fff; }

/* 2.HEADINGS */

h1, 
h2, 	
h3, 
h4, 
h5, 
h6 {
font-family : 'AllerBold', Verdana;
font-weight : normal; }

h1 { 
margin-bottom : .75em;
font-size : 1.7em; /* 48 / 16 = 3 */
line-height : 1.1;
color: #333; }

h2 { 
margin-bottom : .75em;
font-size : 1.4em; /* 36 / 16 = 2 */
line-height : 1.2;
color: #333;
padding-top: 10px; }

h3 { 
margin-bottom : 1em;
font-size : 1.2em; /* 24 / 16 = 1.5 */
line-height : 1.3; }

h4 { 
margin-bottom : 1.25em;
font-size : 1.1em; /* 20 / 16 = 1.25 */
line-height : 1.25; }

h5 { 
margin-bottom : 1.5em;
font-size : 1em; /* 16 / 16 = 1 */ }

h6 { 
font-size : 1em; /* 16 / 16 = 1 */ }

/* 3.TYPOGRAPHY */

p, 
ol, 
ul, 
dl, 
address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

ul, 
ol { 
margin : 0 0 1.5em -24px; 
padding-left : 24px; }

ul { 
list-style-type : disc;
margin-left: 0.2em;
}

ol { 
list-style-type : decimal;
margin-left: 0.2em;
}

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

blockquote  { 
margin : 0 0 1.5em -24px; 
padding-left : 24px; 
border-left : 1px solid rgb(200,200,200);
font-style : italic; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
content : '';
content : none; }

b, 
strong	{ 
font-weight : bold; }

i, 
em { 
font-style : italic; }

sup, 
sub { 
position : relative;
font-size : 75%; 
line-height : 0; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

address { 
font-style : normal; }

pre { 
margin-bottom : 1.5em; 
white-space : pre; 
white-space : pre-wrap; 
word-wrap : break-word; }

pre, 
code { 
font : .875em 'andale mono', 'lucida console', monospace; 
line-height : 1.5; }

small {
font-size : 1em; /* 16 / 16 = 1 */ }

/* 4.LINKS */

a {
outline : none;
color : rgb(51,102,153); }
 
a:visited {
	color: #333;
}

a:hover { 
outline : none;
color : rgb(220,77,30); 
text-decoration : none; }
 
a:active, 
a:focus { 
outline : none;
color : rgb(0,0,0); }

/* 5.FIGURES & IMAGES */

figure {
margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
margin-bottom : .75em;
max-width : 100%; }

figcaption {
display : block;
font-weight : normal; }

/* 6.TABLES */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%;
font-size : .875em; /* 14 / 16 = .875 */ }

th { 
font-weight : bold; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }





/* 7.FORMS */

/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */
/* 11.MAIN */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */



/***** Header *****/
#logo {
	width: 146px;
	height: 47px;
	background: url(../images/interface/logo.png) no-repeat 0 0;
	margin-bottom: 10px;
}
#logo em {
	position : absolute;
	clip : rect(0 0 0 0); 
	overflow : hidden;
	margin: -1px;
	padding : 0;
	height : 1px;      
	width : 1px;
	border : 0;
}
#logo a {
	display: block;
	height: 47px;
}
#strapline {
	color: #0b74b1;
	line-height: 1.1;
	font-family : 'AllerRegular', Verdana;
	display: none;
}
#strapline strong {
	display: block;
	font-weight: normal;
	font-family : 'AllerBold', Verdana;
}
#headerPhone {
	margin: 10px 0 15px 0;
	padding: 10px 0 0 0;
	color: #0b74b1;
	font-family : 'AllerBold', Verdana;
	border-top: 2px dotted #e5e5e5;
}
#headerPhone strong {
	font-size: 1.5em;
	display: block;
	line-height: 0.9;
	color: #f36f21;
	font-weight: normal;
}
#headerPhone a {
	color: #f36f21;
}
nav {
	border-top: 2px dotted #e5e5e5;
	border-bottom: 2px dotted #e5e5e5;
	padding: 5px 0 10px 0;
	margin-bottom: 25px;
}
nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
nav a {
	padding: 3px 0;
	display: block;
}
nav em {
	font-style: normal;
}
nav li ul {
	display: none;
}
#formLink {
	padding: 15px 0;
	text-align: center;
	font-family : 'AllerBold', Verdana;
	border-top: 2px dotted #e5e5e5;
	color: #0b74b1;
}




/***** Aside *****/
aside {
	border-top: 2px dotted #000;
	padding-top: 10px;
}
#secondaryColumn {
	border: none;
}




/***** Main Debt Contact Form *****/
.debtForm {
	padding: 0;
	margin-bottom: 0px;
	overflow: hidden;
}
.debtForm h2 {
	background: #c8e3f3;
	color: #0c74b0;
	margin: 0;
	padding: 5px 0 5px 8px;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;

}
.debtForm ol {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	background: #e4f1f9;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	padding-bottom: 10px;
}
.debtForm li {
	list-style-type: none;
	margin: 0 0 1px 0;
	padding: 5px 6px;
	color: #000;
	line-height: 28px;
	overflow: hidden;
}
.debtForm label {
	display: block;
}
.debtForm input {
	width: auto;
	text-align: left;
	font-size: 1.1em;
}
.debtForm #homenumber {
	width: 167px;
}
.debtForm .submitButton input {
	float: left;
	width: auto;
	text-align: center;
}
.debtForm li em {
	font-style: normal;
	display: block;
	clear: left;
	font-size: 80%;
	line-height: 1.2;
	padding-bottom: 4px;
}
.debtForm .submitButton em {
	display: block;
	font-style: normal;
	padding: 8px 0 5px 0;
}
#mainColumn .debtForm ol {
	padding: 20px 70px;
}
#mainColumn .debtForm li:last-child {
	border: none;
}




/***** breadCrumb *****/
#breadCrumb {
	display: none;
}




/***** secondaryNav *****/
#secondaryNav {
	margin-bottom: 15px;
}
#secondaryNav ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#secondaryNav li {
	font-weight: bold;
	font-family : 'AllerBold', Verdana;
	font-size: 1.4em;
	font-weight: normal;
}
#secondaryNav li ul {
	padding-top: 5px;
}
#secondaryNav li li {
	border-top: 1px dotted #b2b2b2;
	padding: 0;
	font-weight: normal;
	font-family : Verdana;
	font-size: 0.7em;
}
#secondaryNav a {
	display: block;
	text-decoration: none;
	padding: 5px 0;
}
#usefulCalcs {
	padding-top: 10px;
	border-top: 2px dotted #000;
}
#usefulCalcs h2 {
	margin: 0;
}
#usefulCalcs ul {
	padding-top: 9px;
}
#usefulCalcs li {
	font-weight: normal;
	border-top: 1px dotted #b2b2b2;
	font-size: 1em;
	font-family : Verdana;
}




/***** Loan Calculator *****/
#calcLoan input {
	width: 60px;
}
#calcLoan .result input {
	border: none;
	background: #e9f4fa;
	padding: 5px;
	font-weight: bold;
	width: 85px;
}
#calcLoan .calculate input {
	width: 72px;
}




/***** Mortgage Calculator *****/
#calcMortgage {
	position: relative;
}
#calcMortgage ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#calcMortgage li {
	padding: 12px 0 10px 0;
	border-bottom: 1px dotted #e5e5e5;
}
#calcMortgage label {
	font-style: italic;
}
#calcMortgage em {
	font-style: normal;
	display: block;
	font-size: 90%;
	padding-bottom: 4px;
}
#mortgageResults li {
	border: none;
}
#mortgageResults .textfield {
	border: none;
	background: #e9f4fa;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
}




/***** Loan Repayment Calc *****/
#calcLoanRepayment ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#calcLoanRepayment li {
	padding: 0 0 10px 0;
}
#calcLoanRepayment #moPmtLoan {
	border: none;
	background: #e9f4fa;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
}
#calcLoanRepayment .amortWrapper {
	padding: 10px 0 30px 0;
}




/***** budgetCalc *****/
#budgetCalc td {
	border-bottom: 1px dotted #e5e5e5;
	vertical-align: middle;
}
#budgetCalc h2 {
	padding-bottom: 0;
	margin-bottom: 0;
}
#budgetCalc .resultField {
	border: none;
	background: #e9f4fa;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
	width: 80px;
	text-align: right;
}




/***** Compound Calc *****/
#compoundCalc ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#compoundCalc li {
	padding-bottom: 15px;
}
.resultsField {
	border: none;
	background: #e9f4fa;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
}
#compoundResults {
	line-height: 2em;
}




/***** Social *****/
.pageSocial {
	margin-bottom: 15px;
}
.pageSocial .fb-like {
	float: left;
	margin: 0 8px 0 0;
}
#container .pageSocial .fb-like span {
	width: 78px !important;
}






/***** Footer *****/
footer {
	background: #e4f1f9;
	color: #fff;
	padding: 5px 10px;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(7,112,173)),
	    color-stop(0.78, rgb(36,144,207))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(7,112,173) 0%,
	    rgb(36,144,207) 78%
	);	
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
}
footer h2 {
	color: #fff;
}
footer ul {
	padding: 0;
	margin: 0 0 15px 0;
}
footer li {
	list-style-type: none;
	background: url(../images/interface/footer-tick.png) no-repeat 0 4px;
	padding: 5px 0 10px 30px;
	line-height: 1.1;
}
#footerPhone em {
	font-style: normal;
	font-family : 'AllerBold', Verdana;
	display: block;
	font-size: 2em;
}
#footerPhone a {
	color: #fff;
}
#footerLogo {
	display: none;
}
#footerLegals a:link,
#footerLegals a:hover,
#footerLegals a:visited,
#footerLegals a:active {
	color: #fff;
}
#footerLegals {
	background: rgb(7,112,173);
	color: #fff;
	padding: 10px;
	margin: 0;
}






/***** Pre Qualify Modal *****/
#prequalifyButton {
	display: none;
}
#pop-overlay {
	display: none !important;
}
#pop-wrapper {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	background: #fff;
	text-align: left;
	border: 2px solid #E4F1F9;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-border-radius:6px;
	padding: 3px 10px;
	font-size: 1.2em;
}
#pop-wrapper .pop-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 120px;
	text-align: right;
	color: #cc0000;
}
#pop-screen2,
#pop-screen3,
#pop-screen4 {
	display: none;
}
#pop-wrapper h3 {
	margin: 0;
	color: #1777AF;
	padding-top: 10px;
	border: none;
	font-size: 25px;
}
#pop-screen1 ol {
	background: none;
}
#pop-screen1 li {
	background: none;
	border-bottom: 1px solid #c8e3f3;
	overflow: hidden;
	padding: 11px 0;
}
#pop-screen1 label {
	float: none;
	width: auto;
	display: inline;
	padding-right: 13px;
}
#pop-screen1 strong {
	float: left;
	width: 470px;
}
#pop-screen1 strong em {
	font-weight: normal;
	margin-top: 4px;
	padding-bottom: 5px;
}
#pop-screen1 input {
	width: auto;
	float: none;
}
#pop-screen1 .pop-submitAnswers {
	border: none;
	background: url(/site/ui/images/interface/buttons.png) no-repeat 0 -163px;
	width: 195px;
	height: 40px;
	line-height: 37px;
	color: #fff;
	text-shadow: #095e8e 0 -1px 0;
	font-size: 1.6em;
	font-family : 'AllerBold', Verdana;
	padding-bottom: 0;
	cursor: pointer;
	text-align: center;
	float: left;
	text-align: center;
	display: block;
	text-decoration: none;
	margin-top: 12px;
}
#pop-screen1 .pop-submitAnswers:hover {
	background-position: 0 -203px;
	text-shadow: #983e09 0 -1px 0;	
}
#pop-screen2 {
	background: url(/site/ui/images/interface/prequalify-or.png) no-repeat 230px 88px;
	overflow: hidden;
}
#pop-screen2 h4 {
	font-size: 1.5em;
	background:none;
	padding: 5px 0 0px 0;
	margin-bottom: 10px;
}
#pop-screen2 p.subCopy {
	margin: 0;
	font-size: 110%;
	line-height: 1.1;
	padding: 4px 0 9px 0;
}
#pop-col1 {
	float: left;
	width: 220px;
}
#pop-col1 p {
	padding-top: 77px;
	margin: 0;
	line-height: 1;
	padding-left: 10px;
}
#pop-col1 p.pop-phone {
	padding-top: 5px;
	font-size: 2.4em;
	color: #F36F21;
}
#pop-col2 {
	float: right;
	width: 303px;
}
#pop-screen4 {
	padding: 40px 20px;
}
#pop-screen4 h3 {
	margin-bottom: 15px;
}
.debtForm #pop-col2 ol {
	margin: -8px 0 0 0;
	background:none;
	padding: 0;
}
.debtForm #pop-col2 li {
	background: none;
	border-bottom: 1px solid #c8e3f3;
	padding: 3px 2px;
}
.debtForm #pop-col2 label {
	width: 100px;
	font-size: 90%;
}
.debtForm #pop-col2 input {
	font-size: 0.8em;
	float: left;
}
.debtForm #pop-col2 select {
	float: left;
}
.debtForm #pop-col2 #firstname {
	width: 126px;
}
.debtForm #pop-col2 #Surname {
	width: 189px;
}
.debtForm #pop-col2 .submitButton {
	border: none;
}
.debtForm #pop-col2 .submitButton input {
	font-size: 1.3em;
	margin-top: 5px;
}
#pop-screen3 .pop-close {
	right: 43px;
	top: 330px;
}
#pop-screen3 .pop-goBack {
	left: 43px;
	top: 330px;
	position: absolute;
	text-align: left;
	width: 120px;
}
#pop-screen3 ul {
	margin: 3em 0 0 8em;
}
#pop-screen3 li {
	background: none;
	list-style-type:disc;
	margin: auto;
	overflow: visible;
	padding: 0 0 10px 0;
	font-size: 1.4em;
	border: none;
}
#pop-screen3 p {
	font-size: 1.4em;
	margin: 10px 0 0 0;
}
#pop-wrapper #error1 {
	display: none;
	font-weight: bold;
	color: #cc0000;
	float: right;
	width: 340px;
	margin-top: 25px;
}
#pop-screen4 h4 {
	background: none;
	font-family : 'AllerRegular', Verdana;
}








/* 14.GLOBAL OBJECTS */

.clearfix { 
zoom : 1; }

.clearfix:before, 
.clearfix:after { 
content : "\0020"; 
display : block; 
height : 0; 
overflow : hidden; }

.clearfix:after { 
clear : both; }

/* 15.VENDOR-SPECIFIC */

body {
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

a:link { 
-webkit-tap-highlight-color : rgb(52,158,219); }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-webkit-input-placeholder {
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

div,
input,
textarea  { 
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box; }

/* Non-semantic helper classes */

/* Image replacement */
.ir { 
display : block; 
text-indent : -999em; 
overflow : hidden; 
background-repeat : no-repeat; 
text-align : left; 
direction : ltr; }

/* Hide for screenreaders and visual browsers */
.hidden { 
display : none; 
visibility : hidden; }

/* Hide visually */
.visuallyhidden,
#footerLogo em { 
position : absolute;
clip : rect(0 0 0 0); 
overflow : hidden;
margin: -1px;
padding : 0;
height : 1px;      
width : 1px;
border : 0; }

/* Allow an element to be focusable via keyboard  */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { 
position : static;
clip : auto; 
overflow : visible;
height : auto; 
margin : 0;   
width : auto; }

/* Hide but maintain layout */
.invisible { 
visibility : hidden; }

/* 16.TEMPLATE SPECIFICS */

#goog-fixurl ul  {
list-style-type : none; }

#goog-fixurl input  {
margin-bottom : 1.5em; }

/* 17.MODERNIZR */

/* 
Sources: 
http://meyerweb.com/eric/tools/css/reset
http://people.opera.com/patrickl/experiments/keyboard/test
http://gist.github.com/413930
http://pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap
http://sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars
http://tjkdesign.com/ez-css/css/base.css
http://viget.com/inspire/styling-the-button-element-in-internet-explorer
http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing
http://html5doctor.com/html-5-reset-stylesheet/
http://praegnanz.de/weblog/htmlcssjs-kickstart/
http://camendesign.com/design/
http://yui.yahooapis.com/2.8.1/build/base/base.css
http://webaim.org/techniques/css/invisiblecontent/
http://drupal.org/node/897638
*/