/* Global Reset */
HTML, BODY, FORM, DIV, SPAN, CITE, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, FIELDSET, LABEL, INPUT, BUTTON, SELECT, TEXTAREA, EMBED, TABLE TH, TD, OBJECT, EMBED {margin:0px; padding:0px;}
OBJECT, EMBED, IFRAME {}
DIV IMG {border:0px; font-size:10px; font-weight:bold;}
DIV.content IMG {float:none;}
HTML {background: #fff;}
BODY {padding: 0 0 50px; font-family:Arial,Verdana,Tahoma,Helvetica,San Serif; font-size:62.5%; line-height:normal; text-align:center; color: #747678;}
BODY DIV {text-align:left;}
BODY.normal{font-size: 62.5%;}
BODY.medium {font-size: 70%;}
BODY.large {font-size: 79%}
.hidden {position:absolute; left:-9000px; top:0px;}
.right{float: right;}
.left{float: left;}
p.note {font-size: 1.2em;}

/* Global Typography */
/* Block Level Elements */
H1 {color:#293885; font-size:3.0em; padding:0.0em 0px 0.0em;clear: both;}
.sIFR-active H1{line-height: 1em;}
H2 {
	padding: 0 0 0 24px;
	background-image: url(../img/section-h2-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 40%;
	font-size: 1.9em;
	color: #293885;
	}
H3 {color:#293885; font-size:1.4em; padding:0.1em 0px;}
H3.grey {color: #7F8082;}
H4 {color:#293885; font-size:1.4em; padding:0.5em 0px 0;}
H5 {color:#7F8082; font-size:1.4em; padding:0.5em 0px 0;}
H6 {color:#7F8082; font-size:1.4em; padding:0.5em 0px 0; font-weight: normal;}
P, LI, DT, DD {color:#747678; font-size:1.4em; padding:0em 0px 1em;}
P {line-height:1.5em;}
UL {padding:0.7em 0px 0.7em 0px; list-style-position: outside;}
div.content UL {list-style-position: inside;}
div.content OL{list-style-position: outside; padding-left: 20px;}
OL {padding:0.7em 0px 0.7em 0px;}
UL UL, OL UL {padding:0.5em 0px 0px 15px;}
OL OL, UL OL {padding:0.5em 0px 0px 15px;}
UL LI, UL UL LI, UL OL UL LI, OL UL LI {margin:0px; padding:0.2em 0px 0.2em 0px;}
OL LI, OL OL LI, OL UL OL LI, UL OL LI {margin:0px; padding:0.2em 0px; background:none;}
UL UL LI, UL OL UL LI, OL UL LI, OL OL LI, OL UL OL LI, UL OL LI {font-size:1.0em !important;}
UL DT, UL DD, OL DD, OL DT {font-size: 1em !important;}
DL {padding:0px 5px 0.5em 14px;}
DL DT {padding:0.2em 0px;}
DL DD {padding:0.2em 0px 0.2em 20px;}
DL P, DL LI {font-size:1.0em !important;}
HR {height:1px; line-height:1px; color:#666366; background:#666366; border:none;}
/* Table Elements */
TABLE {width: 100%; margin: 0 0 20px;}
TR.alt, TD.alt {background-color: #E9EAEB;}
THEAD TH {padding: 13px 8px 5px 13px; background-color: #293885; color:#fff; font-size:1.4em; vertical-align: top;}
TBODY TH {padding: 5px 0 5px 13px; color: #7F8082; font-size: 1.25em;}
TD {padding: 5px 8px 5px 13px; color:#7F8082; font-size:1.25em;}
P TABLE TH {font-size: 1em;}
P TABLE TD {font-size: 0.9em}
TABLE TD LI, TABLE TD P {font-size: 1em;}
/*umbraco class addibles*/
TABLE P{font-size: 1em; margin: 0; padding: 0;}
TABLE SPAN {display: block;}
/*main headers*/
TABLE TD.thead {padding: 13px 8px 5px 13px; margin: 0; background-color: #293885; color:#fff; font-size:1.4em; vertical-align: top; font-weight: bold;}
TABLE TD.thead p {color: #fff;}
/*TABLE p.thead {padding: 13px 8px 5px 13px; margin: -5px -8px -5px -13px; background-color: #293885; color:#fff; vertical-align: top; font-weight: bold;font-size: 1.1em;}*/
/*TABLE span.thead {padding: 13px 8px 10px 13px; margin: -5px -8px -5px -13px; background-color: #293885; color:#fff; vertical-align: top; font-weight: bold;font-size: 1.1em;}*/
/*inner table headers*/
TABLE TD.inner-thead {padding: 5px 8px 5px 13px; margin: 0; color: #7F8082; font-size: 1.25em; font-weight: bold;}
TABLE TD.inner-thead p {color: #7F8082;}
/*TABLE p.inner-thead {padding: 5px 0 5px 13px; margin: -5px -8px -5px -13px; color: #7F8082; font-weight: bold;}*/
/*TABLE span.inner-thead {padding: 6px 0 8px 13px; margin: -5px -8px -5px -13px; color: #7F8082; font-weight: bold;}*/
/*:root TABLE span.inner-thead {padding: 5px 0 8px 13px;}*/
/*alt row inner table header*/
TABLE TD.inner-thead-alt {padding: 5px 8px 5px 13px; margin: 0; color: #7F8082; font-size: 1.25em; font-weight: bold; background-color: #E9EAEB;}
TABLE TD.inner-thead-alt p {color: #7F8082;}
/*TABLE p.inner-thead-alt {padding: 5px 0 5px 13px; margin: -5px -8px -5px -13px; color: #7F8082; font-weight: bold; background-color: #E9EAEB;}*/
/*TABLE span.inner-thead-alt {padding: 6px 0 8px 13px; margin: -5px -8px -5px -13px; color: #7F8082; font-weight: bold; background-color: #E9EAEB;}*/
/*:root TABLE span.inner-thead-alt {padding: 5px 0 8px 13px;}*/
/*normal cell*/
TABLE TD.normal-cell {padding: 5px 8px 5px 13px; margin: 0; color: #7F8082; font-size: 1.25em; background-color: #F1F1F1;}
TABLE TD.normal-cell p {color: #7F8082;}
/*TABLE p.normal-cell {padding: 5px 0 5px 13px; margin: -5px -8px -5px -13px; color: #7F8082; background-color: #F1F1F1;}*/
/*TABLE span.normal-cell {padding: 6px 0 8px 13px; margin: -5px -8px -5px -13px; color: #7F8082; background-color: #F1F1F1;}*/
/*:root TABLE span.normal-cell {padding: 5px 0 8px 13px;}*/
/*alt row normal cell*/
TABLE TD.alt-cell {padding: 5px 8px 5px 13px; margin: 0; color: #7F8082; font-size: 1.25em; background-color: #DCDDDD;}
TABLE TD.alt-cell p {color: #7F8082;}
/*TABLE p.alt-cell {padding: 5px 0 5px 13px; margin: -5px -8px -5px -13px; color: #7F8082; background-color: #DCDDDD; width:100%;}*/
/*TABLE span.alt-cell {padding: 6px 0 8px 13px; margin: -5px -8px -5px -13px; color: #7F8082; background-color: #DCDDDD;}*/
/*:root TABLE span.alt-cell {padding: 5px 0 8px 13px;}*/
/* Inline Elements */
A {color:#2a3986; text-decoration:underline;}
A:hover {text-decoration: none;}
A.blue-button{display: inline-block; background: #1A3588; padding: 2px 6px; color: #fff; text-decoration: none; font-size: 1.25em;}
P A.blue-button,
LI A.blue-button,
TD A.blue-button{font-size: 1.0em;}
/* Form Elements */
FIELDSET {border:none;}
INPUT {color:#7F8082; font-size:1.3em; padding-left:3px; border-top: 2px solid #BFC0C2; border-right: 2px solid #BFC0C2; border-bottom: 2px solid #EDEDEE; border-left: 2px solid #EDEDEE;}
LABEL {color:#7F8082; font-size:1.3em; font-weight: bold;}
LEGEND {color:#7F8082; font-size:1.3em;}
SELECT {color:#7F8082; font-size:1.3em;}
TEXTAREA {color:#7F8082; font-size:1.3em; font-family:Verdana,Tahoma,Helvetica,San Serif;}
/* Accessibility Elements */
ACRONYM, ABBR {border:none;}
ACRONYM[title], ABBR[title] {cursor:help;}
P ABBR[title], P ACRONYM[title], BLOCKQUOTE ABBR[title], BLOCKQUOTE ACRONYM[title], DL ABBR[title], DL ACRONYM[title], CODE ABBR[title], CODE ACRONYM[title] {border-bottom:1px dotted #AAA;}
ABBR {speak:normal;}
ACRONYM {speak:spell-out;}

.blue
{
	color:#293885;
	font-weight: bold;
}
.grey
{
	color: #747678;
	font-weight: bold;
}

div.content img.left
{
	float: left;
	padding: 0 8px 8px 0;
}
div.content img.right
{
	float: right;
	padding: 0 0 8px 8px;
}

/*STRUCTURE*/
div.site
{
	width: 951px;
	margin: 0px auto 0px;
	background-color: #fff;
}
div.header
{
	height: 133px;
	width: 100%;
	background-color: #fff;
	background-image: url(../img/bg-header.gif);
	background-repeat: repeat-y;
	background-position: 100% 0;
}
div.menu
{
	float: left;
	width: 100%;
	padding: 0 0 2px !important;
	padding: 0 0 1px;
	background-image: url(../img/menu-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
div.page
{
	float: left;
	width: 100%;
	padding: 0 0 0px;
	background-image: url(../img/bg-page.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.accounts
{
	float: left;
	width: 928px;
	height: 45px;
	padding: 15px 23px 58px 0;
	text-align: right;
}
div.sidecol
{
	float: left;
	width: 207px;
	padding: 0 0 0 31px;
}
div.content
{
	float: left;
	width: 627px;
	padding: 8px 0 0 63px;
}
div.footer
{
	clear: both;
	height: 111px;
	padding: 20px 23px 0px 23px;
}

/*homepage*/
#home {background-image: url(../img/bg-site-home.gif); background-repeat: no-repeat; background-position: 0 161px;}
#home div.header{background-image: none;}
#home div.page{width: 948px; padding: 0 1px 0 2px; background-image: none;}
#home div.feature-section{padding: 10px 0 0 0; position: relative;}
#home div.feature-section div.flash-rotator {width: 949px; height: 386px; background-image: url(../swf/rotating_images/leapingmanweb.jpg); background-repeat: no-repeat; background-position: 0 0;}
#home div.feature-section div.flash-rotator div.non-flash-overlay {width: 949px; height: 386px; background-image: url(../img/feat-sect-info-bg.png); background-repeat: no-repeat;}
#home div.feature-section div.info {position: absolute; top: 10px; left: 0; height: 386px; width: 948px; /*background-image: url(../img/feat-sect-info-bg.png);*/ background-repeat: no-repeat; background-position: 0 0;}
#home div.feature-section div.info div.sub-col {float: right; width: 166px; padding: 0 22px 0 0;}
#home div.feature-section div.info div.sub-col div.accounts {width: 166px; padding: 5px 0 0 0;}
#home div.feature-section div.info div.sub-col div.accounts h3 {width: 111px; background-image: url(../img/arrow-grey-ontrans.png);}
#home div.feature-section div.info div.sub-col div.accounts ul  {width: 164px;}
#home div.feature-section div.info div.sub-col div.accounts ul li a {position: relative; overflow: hidden; background-image: none; text-decoration: none;}
#home div.feature-section div.info div.sub-col div.accounts ul li a.member span.normal{position: absolute; top: 0; left: 0; display: block; width: 76px; height: 24px; background-image: url(../img/btn-member-home-norm.png);}
#home div.feature-section div.info div.sub-col div.accounts ul li a.member span.hover{position: absolute; top: 0; left: -999em; display: block; width: 76px; height: 24px; background-image: url(../img/btn-member-home-hover.png);}
#home div.feature-section div.info div.sub-col div.accounts ul li a.employer span.normal{position: absolute; top: 0; left: 0; display: block; width: 76px; height: 24px; background-image: url(../img/btn-employer-home-norm.png);}
#home div.feature-section div.info div.sub-col div.accounts ul li a.employer span.hover{position: absolute; top: 0; left: -999em; display: block; width: 76px; height: 24px; background-image: url(../img/btn-employer-home-hover.png);}
#home div.feature-section div.info div.sub-col div.accounts ul li a:hover span.normal{left: -999em;}
#home div.feature-section div.info div.sub-col div.accounts ul li a:hover span.hover{left: 0em;}
#home div.feature-section div.info div.main-col {float: left; width: 218px; padding: 18px 0 0 20px;}
#home div.feature-section div.info div.main-col h3.arrow {padding: 11px 0 10px 55px; background-image: url(../img/heading-arrow-bg.png); background-repeat: no-repeat; background-position: 0 0; color: #fff; font-size: 1.7em;}
#home div.content {padding: 11px 22px 0 21px; width: 905px;}
#home div.footer {padding-top: 10px;}


/*Base form styling*/
/*
    Alfresco Design / CompanyName (Form Styles)

    @company Alfreso Design
    @website alfresco.com.au | alfrescodesign.com
    @updated 2006-02-22
*/
/*
	*Assumptions
	-html elements use ID and Name attributes
	-labels are used to directly relate a label with a form element
	-to achieve a grid type layout treat each div as a seperate row
*/
/*
	*Form ID & Name attribute Naming Guide
	txt: 		Text Field
	btn: 		Button
	ddl: 		Drop Down List
	lst:		Multiple Select List
	chk: 		Checkbox
	rd: 		Radio
*/
/*
	*Structure Guide
	fieldset(.split)
		legend
		div(.nolabel, .full)
			label [not required for buttons]
				form element (chk, rd)
			input(txt, ddl, lst)
			ul(.row-count-x, .first-row) [required for chk, rd layouts]
				li [to enforce item clearing, number of list items should correspond with x]
					input(txt, ddl)
					label
*/

form
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

fieldset
{
	border: 0px none;
}

fieldset legend
{
	display: none;
}

fieldset h1,
fieldset h2,
fieldset h3,
fieldset h4,
fieldset h5,
fieldset h6
{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

fieldset h2
{
	padding: 10px 0 10px 24px;
	background-image: url(../img/section-h2-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

fieldset div
{
	/*width: 100%;*/
	/*min-height: 22px;
	height: auto !important;
	height: 22px;*/
	margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
}
fieldset div.nolabel
{
    padding-left: 40%;
}

fieldset div.mleft
{
	margin-left: 40%;
}

fieldset div p
{
	margin: 0px;
	padding: 5px 0px 10px 0px;
}
fieldset div p.note
{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	font-size: 1.0em;
	line-height: normal;
}
fieldset div span.note
{
	font-weight: normal;
	font-size: 80%;
}


/*
	=LayoutStyles
*/
fieldset.split div
{
	float: left;
	clear: none;
	width: 45%;
	margin: 0% 1% 0% 1%;
}
	fieldset.split div.cboth
	{
		clear: both;
	}
	fieldset.split div.nolabel
	{
		padding-left: 0px;
	}
	fieldset.split div.nolabel input.submit
	{
		margin-left: 40%;
	}
	fieldset.split div p.note
	{
		clear: both;
		padding: 0%;
	}


fieldset div.full
{
	float: left;
	width: 100%;
	margin-top: 2px;
}
	fieldset div.full input.txt,
	fieldset div.full textarea.txt
	{
		width: 90%;
		margin-bottom: 2px;
	}
	fieldset div.full p.note
	{
		padding-left: 0%;
	}


fieldset div.fulldiv
{
	width: 98%;
}


fieldset.sub-left div,
fieldset.sub-right div
{
	clear: none;
}

fieldset div.note
{
	float: right;
	width: 155px;
}
	fieldset div.note p
	{
		font-size: 1em;
	}

fieldset div span
{
}

/*
	=Label Styles
*/
fieldset label
{
	position: relative;
    display: block;
    float: left;
    clear: left;
    width: 40%;
	padding-top: 2px !important;
	padding-top: 4px;
	
	font-weight: bold;
	cursor: pointer;
}

span.required
{
	color: red;
}
div.full span.required
{
	position: static;
}

fieldset ul label,
fieldset label.label
{
    display: inline;
    width: auto;
	padding-top: 0px;
    float: none;
	cursor: pointer;
}

fieldset div.full label
{
	width: 90%;
	margin-bottom: 2px;
}

fieldset div.hidden
{
	width: 500px;
}


/*
	=Form Html Element Styles
*/
input, 
select, 
textarea 
{
	padding: 1px;
	
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 1.25em;
}

textarea.txt,
input.txt,
input.text
{
	width: 200px;
}

input.txt-short,
input.text-short
{
	width: 98px;
}

input.txt-small,
input.text-small
{
	width: 20%;
}

input.txt-tiny,
input.text-tiny
{
	width: 10%;
}

span.chk input,
input.chk,
input.checkbox
{
	margin: 0 5px 0 0;
	background-image: none;
	border: none;
}

select.ddl-short
{
	width: 42px;
}

input.rd,
input.radio
{
	margin: 0 5px 0 0;
	background-image: none;
	border: none;
}



/*
	=Button
*/
input.btn,
input.button,
fieldset input.button
{
	padding: 1px 2px;
	
	background-color: #1A3588;
	border: 1px solid #1A3588;
	
	color: #fff;
	cursor: pointer;
	font-size: 1.25em;
}
fieldset input.button:hover,
fieldset input.hover
{
	border-color: #fbfbfb;
}

div.buttons
{
	float: left;
	width: 100%;
	padding: 10px 0 0;
	border-top: 1px solid #cccccc;
	
	text-align: center;
}
	div.buttons p
	{
		padding-right: 20px;
		padding-left: 20px;
	}

table input.button,
table input.btn
{
	font-size: 1em;
}

/*
	=List Styles
*/
fieldset ul
{
	list-style-position: inside;
}
fieldset ul li
{
	background-image: none;
	padding-left: 0px;
}
fieldset ul li label
{
	font-size: 0.9em;
	font-weight: normal;
}
ul.row-count-2,
ul.row-count-3,
ul.row-count-4
{ 
	min-height: 22px;
	height: auto !important;
	height: 22px;
	list-style-type: none;
	padding: 0;
	clear: left; 
	margin: 0px 0px 0px 40%; 
}

ul.first-row { clear: none; }

ul.row-count-2 li,
ul.row-count-3 li,
ul.row-count-4 li { float: left; background-image: none !important; padding-left: 0 !important; }

ul.row-count-2 li { width: 38%; padding-right: 2%; }
ul.row-count-3 li { width: 31%; padding-right: 2%; }
ul.row-count-4 li { width: 25%; }

fieldset div ul.full-list
{
	list-style-type: none;
	list-style-position: outside;
}

fieldset div ul.full-list li
{
	background: none;
}

/*DIfferent sizes element control*/
/*medium*/
.medium div.menu ul li span.sifr
{
	padding: 4px 15px 0px 18px;
}
.medium #home div.feature-section div.info div.sub-col div.accounts h3
{
	width: 125px;	
}
.medium div.accounts h3
{
	padding: 0pt 12px 8px 17px;
}
.medium div.bpay-calc input.txt
{
	width: 199px;
}
.medium div.glossary-selection ul li
{
	padding: 0pt 13px 0pt 0pt;
}
/*large*/
.large #home div.blurb
{
	padding: 23px 0 0;
}
.large div.blurb p
{
	margin: -6px 0 0;
}
.large div.menu ul li span.sifr
{
	padding: 1px 5px 0 14px;
}
.large #home div.feature-section div.info div.main-col h3.arrow
{
	padding: 11px 0pt 0px 55px;
}
.large div.quicklinks ul li
{
	padding: 4px 0pt 5px;
}
.large #home div.feature-section div.info div.sub-col div.accounts h3
{
	width: 143px;	
}
.large div.accounts h3
{
	padding: 0pt 0px 8px 17px;
}
.large input.txt-short, .large input.text-short
{
	width: 94px;
}
.large div.bpay-calc input.txt
{
	width: 185px;
}
.large div.glossary-selection ul li
{
	padding: 0pt 12px 0pt 0pt;
}
.large ul.row-count-2, .large ul.row-count-3, .large ul.row-count-4
{
	min-height: 25px;
	height: auto !important;
	height: 25px;
}
.large dl.split dt
{
	width: 24%;
}
.large dl.split dd
{
	width: 75%;	
}
.large a.link-button:link, .large a.link-button:visited 
{
	
}


/*sifr active*/
.sIFR-active div.menu ul li span.sifr,
.sIFR-active div.blurb p,
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h4,
.sIFR-active h5,
.sIFR-active h6,
.sIFR-active div.blue-box div.top h3,
.sIFR-active div.feature-section div.main-col h3,
.sIFR-active div.feature-link div.body p,
.sIFR-active div.feature-boxes div.fb-header h3
{
	visibility: hidden !important; 
}

.sifr-complete div.menu ul li span.sifr,
.sifr-complete div.blurb p,
.sifr-complete h1,
.sifr-complete h2,
.sifr-complete h4,
.sifr-complete h5,
.sifr-complete h6,
.sifr-complete div.blue-box div.top h3,
.sifr-complete div.feature-section div.main-col h3,
.sifr-complete div.feature-link div.body p,
.sifr-complete div.feature-boxes div.fb-header h3
{
	visibility: visible !important;
}

div.content UL LI
{
	background:transparent url(../img/bullet-arrow.gif) no-repeat scroll 6px 0.6em; 
	margin:0px; 
	padding:0.2em 0px 0.2em 20px; 
	list-style-type: none;
	list-style-position: outside;
}