/*
 _____ _           _    _    ____        _               _ _   _            
|  ___(_)_ __   __| |  / \  | __ )  __ _| |__  _   _ ___(_) |_| |_ ___ _ __ 
| |_  | | '_ \ / _` | / _ \ |  _ \ / _` | '_ \| | | / __| | __| __/ _ \ '__|
|  _| | | | | | (_| |/ ___ \| |_) | (_| | |_) | |_| \__ \ | |_| ||  __/ |   
|_|   |_|_| |_|\__,_/_/   \_\____/ \__,_|_.__/ \__, |___/_|\__|\__\___|_|   
                                               |___/                        
BASE SKIN

Author:        Richard Grof
Born:          February 2010
Last modified: $Revision:7782 $
                $Date:2010-04-01 12:42:49 +1100 (Thu, 01 Apr 2010) $
                $Author:smok $
-----------------------------------------------------------------------------------------
Skin only.

	!! Here go fonts, colours, backgrounds, background images, borders
	
	NOTES:
		- use shorthand whenever possible
		- only use 'em' for font-size (accessibility)
		- don't specify container widths. Specify percentages (usually 100%) so they fit into
		  the width you define in component.css.
	
Colour scheme:
--------------
links:				#9D3A8C (magenta)
links, hovered:		#751c66 (dark magenta)
links, active:		#9D3A8C (magenta)
main nav bg:		#6DAE1C (green, main colour)
secondary colour:	#c7e3a4 (light green)
backgrounds:		#F3EEE6 (light pink grey)
text, strap heading #9D3A8C (magenta)
*/


/* --------------------------------------------------------------------------------------
   =Global
   -------------------------------------------------------------------------------------- */
/* Specify the font once in % here and in 'em' elsewhere to resize it easily.
   Browser default:16px => 76%=12px => 1em=12px */
html {background-color:#fff}
body {color:#4b4a4b;font:76%/1.4 Arial, Helvetica, sans-serif;border-left:1px solid #999;border-right:1px solid #999/*borders*/;margin:0 autowidth:990px}
	/* ----- IE fixes ----- */
	* html body {position:relative}
	*+ html body {position:relative}

a/*,a:link*/ {color:#9d3a8c;text-decoration:none}
a:visited {color:#9d3a8c}
a:hover {text-decoration:underline;color:#751c66}
a:active {color:#c30}
img {vertical-align:bottom}
strong {font-weight:700}
em {font-style:italic}
hr {border-bottom: 2px solid #f5e1ed}
/* lists */
dl dt {float:left;margin-right:10px;text-align:right;width:220px}


/* --------------------------------------------------------------------------------------
   =Layout
   -------------------------------------------------------------------------------------- */
.wrap {background-color:#fff;width:990px;margin:0 auto}
.hidden {position:absolute;left:-9000px;top:0;width:90px/*for IE*/}
#content,.content {padding-left:2em}
#content.single {margin-bottom: 0}

  
/* --------------------------------------------------------------------------------------
   =Headings and header components
   -------------------------------------------------------------------------------------- */
h1 {font:normal 2em Arial,Helvetica,sans-serif;margin-bottom:0.3em}
h2 {font:normal 1.667em Arial,Helvetica,sans-serif;margin-bottom:.2em}
h3 {font:bold 1.4em Arial,Helvetica,sans-serif;margin-bottom:.2em}
h4 {font:bold 1.167em Arial,Helvetica,sans-serif}
h1,h2,h3,h4 {color:#9d3a8c}
p {margin-bottom:.8em}
.cN-headingPage {width:80%}
.cT-underlinedHeading {border-bottom: 2px solid #f5e1ed}
.cT-strapHeading {clear:both;font-size:1.5em;font-weight:400;height:1.5em;line-height:1.7em;margin-right:.925em;padding:0 0 .4em 2.2em;text-transform:uppercase}
	.cT-profileHeading {color:#0070bb;font-weight:700}
		.cT-profileHeading a:visited {color:#046}
		.cT-profileHeading a:link, .cT-profileHeading a:hover, .cT-profileHeading a:focus {color:#07b}
	.cT-profileHeading span {color:#333;font-weight:400}
	.cT-profileHeading .new {background:url("img/fab-sprite.png") no-repeat 100% -643px transparent;padding-right:43px;width:20px}
	/* Registration process headings */
	.stepOne {background:url("img/fab-sprite.png") no-repeat 0 -670px transparent}
	.stepTwo {background:url("img/fab-sprite.png") no-repeat 0 -710px transparent}
	.stepThree {background:url("img/fab-sprite.png") no-repeat 0 -750px transparent}
	.stepFour {background:url("img/fab-sprite.png") no-repeat 0 -790px transparent}
	.stepFive {background:url("img/fab-sprite.png") no-repeat 0 -830px transparent}
	.stepSix {background:url("img/fab-sprite.png") no-repeat 0 -870px transparent}
	
	
/* --------------------------------------------------------------------------------------
   =Header
   -------------------------------------------------------------------------------------- */
.nN-whiteStrip {margin:0}
.header {background:#f3eee6;width:990px}
	.header h2 {text-indent:-9999px}
		.header h2 a {overflow:hidden;padding:0}
	.fab-logo {background:url("img/fab-sprite.png") no-repeat 10px 5px transparent;display:inline;float:left;height:100px;margin-left:1.667em;width:230px}
	.fabTagline {display:block;left:140px;position:absolute;top:95px;width:auto}
	.logo-netwrk {background:url("img/fab-sprite.png") no-repeat -220px 5px transparent;height:40px;position:absolute;right:30px;top:50px;width:150px}
	.netwrkTagline {color:#9d3a8c;position:absolute;right:30px;top:34px;width:auto}
		.netwrkTagline span {color:#4b4a4b}
		.fab-logo a,.logo-netwrk a {display:block;font-size:0;height:100%;text-indent:-9999px;width:100%}


/* --------------------------------------------------------------------------------------
 =	Navigation
-------------------------------------------------------------- */
#nav {float:left;margin-top:2px;width:942px;padding:0 24px}
	#nav li {background:url("img/fab-sprite.png") no-repeat -920px -30px transparent;float:left;margin:0 .167em 0 0;padding:0 0 0 .30em}
	#nav li:hover {background:#bbd896 url("img/fab-sprite.png") no-repeat -920px -60px;color:#0072bc}
		#nav li a {background:#c7e3a4 url("img/fab-sprite.png") no-repeat 100% -30px;color:#0072bc;display:block;float:left;font-size:1.083em;font-weight:700;padding:7px 16px 3px 11px;text-decoration:none}	
		#nav li a:hover ,#nav li:hover a {background:url("img/fab-sprite.png") no-repeat 100% -60px transparent;color:#0072bc;text-decoration:underline}
		#nav li.selected {background:#6DAE1C url("img/fab-sprite.png") no-repeat -920px 0;cursor:default;float:left;margin:0 .167em 0 0;padding:0 0 0 .75em;text-decoration:none}
		#nav li.selected a {background:transparent url("img/fab-sprite.png") no-repeat 100% 0;color:#fff;cursor:default;padding:7px 20px 5px 11px;text-decoration:none;top:0}
		#nav li.selected:hover, #nav li.selected:hover ul a {cursor:default;text-decoration:none}
		#nav li.featured {background:url("img/fab-sprite.png") no-repeat -1050px -90px transparent;float:right;margin:0;padding-left:.4em}
		#nav li.featured a {background:url("img/fab-sprite.png") no-repeat 100% -90px transparent;color:#10477c}		
		/* ----- IE fixes ----- */
		* html #nav.hasSubNav {padding-bottom:2em}
		* html #nav li a:hover {background:url("img/fab-sprite.png") no-repeat 100% -30px transparent;color:#0072bc;text-decoration:underline}
		* html #nav li.featured a:hover {background:transparent url("img/fab-sprite.png") no-repeat scroll 100% -90px}
	/* show a green line at the bottom of the nav when there is no subnav */
	#nav {padding-bottom:0;border-bottom:4px solid #6dae1c}
	#nav.hasSubNav {padding-bottom:29px;border-bottom:none}
	/*submenu*/
	#nav li ul {background:#6dae1c;top:2.3em;width:980px;padding-left:10px}
		#nav ul li {background:url("img/fab-sprite.png") no-repeat -1140px -200px transparent}
		#nav ul li a {color:#f9ecf4;font-size:1em;font-weight:400}
		#nav .selected ul li {background:url("img/fab-sprite.png") no-repeat -1140px -200px transparent;padding-left:.25em}
		#nav .selected ul li a {padding:7px 11px 5px}
		#nav .selected ul li a:hover {background-image:none;float:left;height:auto;text-decoration:underline}
		#nav .selected ul li.selected a {background-color:#599211;display:inline;margin:5px 8px;padding:1px 8px;text-decoration:none;-moz-border-radius:8px;-webkit-border-radius:8px}
		#nav .selected ul li.selected a:hover {text-decoration:none}
		#nav li.selected ul a:hover,* html #nav li.selected ul a:hover {background-image:none;color:#fff;cursor:pointer;text-decoration:underline}
		#nav li li,#nav .selected ul li a,#nav .selected ul li.first,#nav .selected ul li.first:hover, #nav .selected:hover ul li a {background-image:none}
		/* ----- IE fixes ----- */
		* html #nav li ul {background:#6dae1c;top:2.3em;width:1100px}
		* html #nav li.selected a:hover {background:transparent url("img/fab-sprite.png") no-repeat 100% 0;color:#fff;text-decoration:none}
	
	
/* --------------------------------------------------------------------------------------
   =Components
   -------------------------------------------------------------------------------------- */
/* ----- General (Shared Styles)-------- */    
.articleBody {clear:both}
.toolPrint {cursor:pointer;float:right;margin:.417em 1.667em 0 0;width:50px}
.toolPrint a {background:transparent url("img/fab-sprite.png") no-repeat scroll -10px -160px;display:block;font-weight:700;height:auto;padding-left:2.25em;width:50px}
* html .toolPrint {margin-right:0}/* ----- IE fixes ----- */
.cT-imageLandscape {float:left;margin:10px 10px 10px 0;width:420px}
.cT-imageLandscape p {font-size:.917em}
.footer .ad {border-top:5px solid #6dae1c}
 
/* ----- cN-moduleNarrow -----  */   
.cN-searchWidget label {color:#4b4a4b;float:left;font-weight:700;margin:1.15em 0 0 0;text-align:right;width:80px;display:inline}
	.cN-searchWidget label.checkbox {font-weight:400;margin:.833em 0 0 8.333em;text-align:left;width:140px}
	.cN-searchWidget label.checkbox input {margin:0 .833em 0 0;width:1em}
	.cN-searchWidget label.desc {font-weight:400;margin:.833em 0 0 8.333em;text-align:left;width:180px}
	.cN-searchWidget label input {margin:0;width:1em}
	.cN-searchWidget input,.cN-searchWidget form select {float:left;margin:.833em 0 0;width:130px}
	.cN-searchWidget .cT-link {float:left;margin:0 0 0 8.367em;overflow:hidden;text-decoration:underline;width:170px}
	.cN-searchWidget .cT-link a {display:inline-block;margin-top:.833em}
	/* ----- IE fixes ----- */
	* html .cN-searchWidget label {float:left;margin-top:1em}
	* + html .cN-searchWidget label {float:left;margin-top:1em}

/* ----- login ----- */ 
.content .cN-loginWidget {display:inline;float:left;margin-right:35px;width:280px;height:233px; margin-bottom: 10px}
.content .cN-loginWidget .inside {height:200px}
.content .cN-loginWidget.noAccount {margin-right:0;height:233px}
.content .cN-loginWidget.carer {width:615px;height:194px}
.content .cN-loginWidget.carer .inside {height:160px}
	.cN-loginWidget label {color:#4b4a4b;float:left;font-weight:700;margin:.75em 0 0 0;text-align:right;width:90px}
	.cN-loginWidget form input, .cN-moduleNarrow.loginCarer02 form input {float:left;margin:.833em 0 0;width:130px}
	.aside .cN-loginWidget form .btnSubmit {margin-left:7.5em}
	.cN-loginWidget label.checkbox input {margin:0 .833em 0 0;width:1em}	
	.cN-loginWidget label.checkbox {font-weight:400;margin:.833em 0 0 8.333em;text-align:left;width:140px}
	.cN-loginWidget .cT-link {display:inline;float:right;overflow:hidden;text-decoration:underline;width:150px}
	.cN-loginWidget .cT-link a {display:inline-block;margin-top:.833em}
	.cN-loginWidget.noAccount label.desc {font-weight:400;margin:.833em 0 0 5em;text-align:left;width:200px;font-size:11px}
	.content .cN-loginWidget.noAccount .btnSubmit {margin-left:4em}
	.cN-loginWidget.noAccount label {width:45px}	
	.cN-loginWidget.carer #createAccountEmailAddress {width:250px;}		
	.cN-loginWidget.carer .checkbox {width:380px;margin-left:4.8em}	
	* html .cN-loginWidget .cT-link {margin-top:0em;}/* ----- IE fixes ----- */
	* html .aside .cN-loginWidget form .btnSubmit {margin-left:8.3em}
	* + html .aside .cN-loginWidget form .btnSubmit {margin-left:8.3em}
	
/* ----- cN-quoteHeadline ----- */ 
.cN-quoteHeadline {color:#7d787c}
	.cN-quoteHeadline .inside {background:transparent url("img/fab-sprite.png") no-repeat -1152px -665px}
	.cN-quoteHeadline .inside p {padding:0 0 0 30px}
	.cN-quoteHeadline .inside p span {background:transparent url("img/fab-sprite.png") no-repeat -1117px -723px;display:inline-block;height:20px;width:20px;float:none;margin:.25em 0 0 .3em}
	.cN-quoteHeadline cit {float:right;font-weight:700;margin-top:1em}
	.cN-quoteHeadline cite em {font-style:italic;font-weight:400}
	.aside .cN-quoteHeadline .btnSubmit {float:right}
	
/* ----- cN-quoteSummary ----- */ 
	.cN-quoteSummary div {text-align:right}

/* ----- cN-storyLinkless ----- */ 
.cN-storyLinkless h4 {margin-bottom:1.25em}
.cN-storyLinkless img {float:left;margin:.25em 1.25em 1.25em 0}
.cN-storyLinkless a {color:#9d3a8c;font-weight:700}
.cN-storyLinkless .inside p {padding:0;margin-left:0}

.cN-quoteHeadline .inside p {padding:0 0 0 30px}
	/* ----- IE fixes ----- */
	* html .cN-quoteHeadline .inside {padding:0;margin:0;width:260px;}
	* + html .cN-quoteHeadline .inside {padding:0;margin:0;width:260px}
	* html .cN-quoteHeadline .inside p {padding-left:30px;margin:0;width:230px}
	* + html .cN-quoteHeadline .inside p {padding-left:30px;margin:0;width:230px}
	* html .cN-storyLinkless .inside p {margin-top:0}

/* ----- cT-subscriptionPlan ----- */
.cT-subscriptionPlan {margin-bottom:1.667em;width:620px}
	.cT-subscriptionPlan .products li {background:#F3EFE4;clear:none;height:65px;float:left;margin:0 1px 2px;width:24.6%}
	.cT-subscriptionPlan .item01 ul,.cT-subscriptionPlan .item02 ul {margin:1.167em}
	.cT-subscriptionPlan h3 {margin:1.167em 0 0 1.167em}
	.cT-subscriptionPlan .item01 li,.cT-subscriptionPlan .item02 li {background:transparent url("img/fab-sprite.png") no-repeat scroll -1140px -225px;padding:0 0 0 1.25em;list-style:none;margin:0}
	.cT-subscriptionPlan .products li label {color:#9D3A8C;font-size:1.167em;font-weight:700;text-align:center;padding:0;width:100%}
	.cT-subscriptionPlan .products li {text-align:center}
	.cT-subscriptionPlan .products li.first {margin-left:2px}
	.cT-subscriptionPlan .products li.last {margin-right:1px}
	.cT-subscriptionPlan .products li p {margin:0;text-align:center;width:100%}
	.cT-subscriptionPlan .products li span {color:#127ab6;display:block;font-size:0.917em;font-weight:700}
	.cT-subscriptionPlan .products li input {margin:0}
	.subscriptionWrapper {overflow:hidden;border:2px solid #fff;background:#f3efe4}
	.subscriptionWrapper div {float:left;width:296px;height:100%;border-right:2px solid #fff}
	.subscriptionWrapper .item02 {position:relative;margin-left:-2px/*border width*/;width:295px;border:0;border-left:2px solid #fff}
	/* ---- IE fixes ---- */
	* html .subscriptionWrapper {height:1%}
	* html .cT-subscriptionPlan .skinBrd {height:1%}
	* html .cT-subscriptionPlan .products li {display:inline}
	*+ html .cT-subscriptionPlan .skinBrd {padding-bottom:2px}
	
/* ----- Promo & email form ---- */
.frmPromo li {overflow:hidden;margin:0 0 10px;list-style-type:none}
	.frmPromo label {display:block;float:left;width:160px;margin-right:10px;font-weight:bold;text-align:right}
	.frmPromo input {float:left}
	.frmPromo span {display:block;float:left;width:190px;margin-left:10px;font-size:.92em;line-height:1;color:#999}
	.frmPromo .checkLong input {margin-left:170px}
	.frmPromo .checkLong label {width:auto;margin:0;font-weight:normal}
	.content .frmPromo .btnSubmit {margin:0 0 0 185px}
	.frmPromo p {clear:both;float:left;width:100%;margin-top:10px;font-size:.92em;color:#999}

/* ----- logos for login widget (cT-loginLogos) ----- */
.cT-loginLogos {background:url("img/fab-sprite.png") no-repeat 0px -550px;height:80px;overflow:hidden;float:left;position:relative;padding:2.917em 0 0 0;margin-top:0.833em;width:600px}
	.cT-loginLogos p {text-align:center}
	.cT-loginLogos p strong {font-weight:700}
	.cT-loginLogos ul {width:478px;margin:10px auto 0 auto;overflow:hidden}
	.cT-loginLogos li  {float:left}
	.cT-loginLogos a {background:url("img/fab-sprite.png") no-repeat;height:25px;position:relative;padding-top:1.667em;width:95px}
	.cT-loginLogos .lSmh a {background-position:-600px -550px}
	.cT-loginLogos .lAge a {background-position:-695px -550px}
	.cT-loginLogos .lDomain a {background-position:-790px -550px;}
	.cT-loginLogos .lDrive a {background-position:-895px -550px;width:75px}
	.cT-loginLogos .lMycareer a {background-position:-970px -550px;width:115px}
	
/* ----- cT-subscriptionPlan (hidden/show by select box) ----- */	
.cT-subscriptionPlan form .action {background:url("img/fab-sprite.png") no-repeat scroll 0 -440px transparent;height:44px;margin:.833em 1.6em 1.667em 0;overflow:hidden;padding-top:10px;position:relative}
.cT-subscriptionPlan form .action label {color:#9D3A8C;font-size:1.083em;font-weight:700;margin-left:3em;width:475px}
.cT-subscriptionPlan form .action label span {color:#4B4A4B;font-weight:400}
.cT-subscriptionPlan form .action input.check {left:8px;position:absolute;top:20px}
.cT-subscriptionPlan form .action p {font-size:.917em;margin-left:3.5em;}
/*.cT-subscriptionPlan form .action .text {margin-top:20px}
.cT-subscriptionPlan form .action .text label {color:#4B4A4B;margin:0}
.cT-subscriptionPlan form .action .text input {margin-left:.833em}*/

/* ----- summary payment page ----- */ 
.summary {border-bottom:1px solid #cedfb8;border-top:1px solid #cedfb8;margin:1em 1.5em 1em 0;overflow:hidden;padding:3px 0}
dl,.summary ul {float:left;width:370px}
.summary div {background:#f2f9ea;overflow:hidden;padding:.417em 10px;width:100%}
.summary ul {float:left;width:220px}
.summary ul li {margin:0;padding:0}
.summary dl strong {float:none}

/* ----- How it works ----- */
.howItWorks {margin:0 0 1.5em!important}
	.howItWorks ol {overflow:hidden;margin:2px;background:#F3EFE4}
	.howItWorks li {float:left;width:179px;margin:0;padding:8px;list-style-type:none;border-right:2px solid #fff}
	.howItWorks li.last {width:183px;border:0}
	.howItWorks h4 {margin-bottom:.5em;line-height:38px;padding-left:39px;background:transparent url('img/fab-sprite.png') no-repeat 0 -670px}
	.howItWorks .second h4 {background-position:0 -709px}
	.howItWorks .last h4 {background-position:0 -750px}
	.howItWorks img {display:block;margin:0 auto 10px}
	.content .howItWorks .btnSubmit {margin:0}


/* --------------------------------------------------------------------------------------
   =Search components
   -------------------------------------------------------------------------------------- */  
/* ----- Form search by postcode  ----- */
.cT-formSearch.skinBrd {margin-bottom:1em; margin-right: 0}
	.cT-formSearch .fgroup {margin:0;padding:0;padding-bottom:0.5em}
	.cT-formSearch .fgroup input {overflow:hidden;margin:0}
	.cT-formSearch .fdesc {padding:5px 1em 0 0}
	.cT-formSearch .tall,.cT-formSearch .complex .tall {padding-top:0}
	.cT-formSearch .fgroup .noVisible {width:170px;height:auto}
	.cT-formSearch .fgroup .noVisible span {margin:0;padding:0}
	.cT-formSearch .fgroup .noVisible {margin:0;padding:0}
	.cT-formSearch .fgroup label {padding-left:10px;width:123px;margin:0}
	.cT-formSearch .complex label {margin-bottom:.5em}
	.cT-formSearch .fgroup.labTop {padding:0.6em 0}
	.cT-formSearch .fgroup.labTop select {margin-top:5px}	
	.cT-formSearch .fgroup.labTop label {padding:5px 12px 0 0;width:145px}
	.cT-formSearch .fgroup.noVisible label {position:absolute;left:-9999px;font-size:0}  /* for accessibility only (using px instead of em is required for IE ccompatibility) */
	.cT-formSearch .fgroup.noVisible span {display:block;float:left;margin:3px 1em 0 .8em}
	.cT-formSearch .short {margin-bottom:1em;padding:0}
	.cT-formSearch .short label {padding-top:7px}
	.cT-formSearch .short label span {display:block;font-weight:400}
	.cT-formSearch .short input {width:120px}
	.cT-formSearch .narrow select {width:80px}
	.cT-formSearch .complex select {margin-left:20px;display:inline}
	#content .cT-formSearch .short .btnSubmit {margin:0 0 0 1.5em;line-height:1em}
	.cT-formSearch fieldset {margin:0 0 .5em}
		.cT-formSearch ul.col01,.cT-formSearch ul.col02 {float:left;width:50%}
		.cT-formSearch ul.col01 {clear:left}
	/* ----- IE fixes ----- */
	* html .cT-formSearch .fgroup label {width:130px}
	* html .cT-formSearch .fgroup03 .cfix {margin-bottom:2em;height:30px}
	* html .cT-formSearch .fgroup.noVisible label {width:0}
	* html .cT-formSearch .fgroup.noVisible span {margin:3px 3.7em 0 1.5em}
	* html .cT-formSearch .fgroup.labTop label {padding:5px 28px 0 0;width:145px}
	*+ html .cT-formSearch .fgroup {padding:0}
	*+ html .cT-formSearch .fgroup03 .cfix {margin-bottom:2em;height:30px}
	*+ html .cT-formSearch .fgroup label {width:120px}
	*+ html .cT-formSearch .complex .noVisible select {margin-left:0px;padding:0}
	*+ html .cT-formSearch .fgroup.noVisible span {margin:3px 3em 0 1.5em}

/* ----- search refine (expand/collapse) ----- */
.scriptable fieldset.advanced {display:none}
	.scriptable .cT-formSearch.expanded fieldset.advanced {display:block}
.linkExpand {display:none}
	.scriptable .linkExpand {display:inline-block;margin:0 0 .5em 147px;font-weight:bold;background:url("img/fab-sprite.png") 100% -630px;padding-right:16px}
	.scriptable .linkExpand:visited {color:#9d3a8c}
	.scriptable .cT-formSearch.expanded .linkExpand {background-position:100% -600px}
fieldset.advanced {padding-top:10px;border-top:1px solid #F2D8E8}
	fieldset.advanced .tSimple td {padding:0}
#content fieldset.advanced .btnSubmit {margin-left:147px}
/* ----- IE fixes ----- */
*+ html .basic .col02 {margin-top:55px}

/* ----- search summary ----- */
#content .summary .btnSubmit {float:right;margin:0 2em 0 0}
	.summary strong {float:left;font-size:1.167em;color:#127ab6;width:100%}
	.summary p {float:left;margin-bottom:.8em;width:75%}
	.summary p.resultRange {font-weight: bold}
	.summary p a {font-weight:700}

/* ----- cT-profileResult ----- */
.cT-profileResult {border-bottom:10px solid #f2f9ea;height:1%;margin-bottom:2em;overflow:hidden;padding-bottom:1em}
	.cT-profileResult .col01 em {font-size:1.167em;margin-bottom:.5em;display:inline-block;font-style:italic}
	.appStatus {display:inline-block;color:#8bc63b;font-size:1.167em;margin-left:.33em;font-style:normal;margin-bottom:.5em}
	.cT-profileResult .col01 {float:left;margin-right:1.667em;width:355px}
	.cT-profileResult .col02 {float:left;width:223px}
	.cT-profileResult .col01 li {list-style:none;margin-left:0}
	.cT-profileResult .col01 ul + strong {display:inline-block;margin-top:.8em}

/* ----- cT-ProfileActions ----- */
.cT-ProfileActions {margin:1.667em 0}
	.cT-ProfileActions span {clear:left;display:block;float:left;padding-top:1em;width:auto}
	.cT-ProfileActions p {background:#e8f3f2;border:1px solid #a1c2be;float:left;margin-bottom:0;overflow:hidden;padding:4px 15px;text-align:center;width:auto}
	.cT-ProfileActions p a {font-weight:700}
	.content .cT-ProfileActions .btnSubmit {float:left;margin:0 .833em 0 0}/* ----- IE fixes ----- */
	.cT-profileTools {float:right;padding-top:1em;width:210px}
	.cT-profileTools li {border-left:1px solid #ccc;float:left;list-style:none;margin-left:0;padding:0 10px}
	.cT-profileTools li a {color:#9D3A8C;padding:0}
		* html .cT-glossary ul {margin-top:.5em;width:auto}/* ----- IE fixes ----- */
	.cT-glossary li {background:url("img/fab-sprite.png") no-repeat;list-style:none;margin:0 5px 5px 0;padding:2px 0 2px 30px}
		* html .cT-ProfileActions span,* + html .cT-ProfileActions span {width:130px}/* ----- IE fixes ----- */
		
/* ----- cT-glossary ----- */	 
.cT-glossary .iconPolice,.cT-glossaryOverview .iconPolice {background-position:-1000px -800px}
.cT-glossary .iconReference,.cT-glossaryOverview .iconReference {background-position:-980px -820px}
.cT-glossary .iconFirstAid,.cT-glossaryOverview .iconFirstAid {background-position:-960px -840px}
.cT-glossary .iconCar,.cT-glossaryOverview .iconCar {background-position:-940px -860px}
.cT-glossary .iconHousekeeping,.cT-glossaryOverview .iconHousekeeping {background-position:-920px -880px}
.cT-glossary .iconResident,.cT-glossaryOverview .iconResident {background-position:-900px -901px}
.cT-glossary .iconNonsmoker,.cT-glossaryOverview .iconNonsmoker {background-position:-880px -921px}

/* ----- cT-glossaryOverview ----- */
.cT-glossaryOverview {margin-left:6px}
	.cT-glossaryOverview li {background:url("img/fab-sprite.png") no-repeat;float:left;list-style:none;margin:0 11px 7px 0;padding-bottom:3px;text-indent:-99999em;width:20px}
	
/* ----- .cT-DisplayAge ----- */
.content .cT-DisplayAge {margin-right:0;margin-top: 0.667}
	.content .cT-DisplayAge div {padding:.5em 1em}
	.cT-DisplayAge strong {display:block;margin-bottom:5px}
	.cT-DisplayAge li {background:url("img/fab-sprite.png") no-repeat scroll -1140px -260px transparent;float:left;line-height:1.6em;list-style:none;margin:0 0 0 10px;padding-left:1.25em;position:relative;width:35%}
		* html .content .cT-DisplayAge div {padding:.5em 1em 30px}/* ----- IE fixes ----- */

/* ----- .cT-DisplayDate ----- */	
#content .cT-DisplayDate {background:url("img/fab-sprite.png") no-repeat scroll -610px -440px transparent;height:62px;margin:1.667em 0 0;overflow:hidden;padding:.5em 1em}
	.cT-DisplayDate dl {line-height:2.2em;margin-top:0;text-align:left;width:100%}
	.cT-DisplayDate dt {text-align:left;width:40%}
	.cT-DisplayDate dd {float:left}

/* Star rating */
.cN-rating em,.cN-rating span {background:url("img/fab-sprite.png") -1050px -475px/*stars, small, empty*/;height:13px;width:65px}
	.cN-rating {overflow:hidden;color:#999}
	.cN-rating em {margin:0 0 2px .25em;vertical-align:middle;position:relative;display:inline-block;width:65px/*star row width*/}
	.cN-rating span {text-indent:-999em;font-size:0}
	.cN-rating span {position:absolute;left:0;top:0;width:0;background-position:-1050px -460px/*stars, small, filled*/}
	   .rValue-05 span {width:6px}
	   .rValue-10 span {width:13px}
	   .rValue-15 span {width:19px}
	   .rValue-20 span {width:26px}
	   .rValue-25 span {width:32px}
	   .rValue-30 span {width:39px}
	   .rValue-35 span {width:45px}
	   .rValue-40 span {width:52px}
	   .rValue-45 span {width:58px}
	   .rValue-50 span {width:65px}
	.cN-rating cite {margin-left:.33em}


/* [cN-pagination] Pagination links
...................................................................................... */
.cN-pagination {margin:1em 0;padding:.75em 0;text-align:center}
.cN-pagination a,.cN-pagination li.selected {padding:.3em .6em}
.cN-pagination a,.cN-pagination li.selected {border:1px solid #b4cb96}
	.cN-pagination li.selected {cursor:default;background-color:#6dae1c;color:#fff}
	.cN-pagination a:hover,.cN-pagination a:focus {background-color:#f6ecf4;text-decoration:none}
.cN-pagination .gap {font-weight:normal}


/* --------------------------------------------------------------------------------------
   =Footer components
   -------------------------------------------------------------------------------------- */
.footer {margin-bottom:-1px;overflow:hidden;position:relative;width:990px}
.fWrap {background:#f5e1ed url("img/bg-foot.png") repeat-x 0 0;overflow:hidden;padding-top:.833em;width:990px}
.footer .fMastheadLinks {display:inline;float:left;height:180px;margin:1.667em 1.667em 1.667em 2.833em;overflow:visible;z-index:1}
	/* ----- IE fixes ----- */
	* + html .footer .fMastheadLinks {height:198px}
	* html .footer .fMastheadLinks {height:198px}
	
	.fMastheadLinks ul {float:left;margin:0;padding-left:20px;width:148px}
	.fMastheadLinks ul ul li {background:url("img/fab-sprite.png") no-repeat -1140px -225px;padding-left:1.25em}
	.fMastheadLinks ul a {color:#9d3a8c;font-size:1.2em;font-weight:700;line-height:1.3em;text-decoration:none}
	.fMastheadLinks ul a:hover,.fLinks.last ul a:hover {color:#751c66;text-decoration:underline}
	.fMastheadLinks ul ul a {color:#9d3a8c;font-size:12px;font-weight:400;padding-left:0}
	.fMastheadLinks ul ul {margin:0;padding:3px 0}
	.fMastheadLinks ul li.podcastfooterLink img {margin-bottom:-2px}
	.footer .fLinks {background:#fff;float:left;overflow:visible;z-index:1}
	.fLinks.skinCrnBrd {margin-top:1.56em;padding:10px 0}
		/* ----- IE fixes ----- */
		* html .fLinks.skinCrnBrd {padding:10px 0;display:inline;font:normal 11px Arial, Helvetica, sans-serif}
		* html .fLinks .logos {height:20px}
		
	.fLinks p {color:#aa549b;font-size:14px}
	.fLinks h4 {font-size:1em;margin-bottom:.833em}
	* html .fLinks h4 {margin-bottom:10px}/* ----- IE fixes ----- */
	.fLinks div {padding:0 15px 0 19px;text-align:center}
	.footer .fLinks.last {background:#fff url("img/fab-sprite.png") no-repeat -505px -50px;height:167px;margin-left:0;margin-top:-98px;overflow:visible;width:240px}
	* html .footer .fLinks.last {display:inline;font:normal 11px Arial, Helvetica, sans-serif;height:auto;padding:10px 0 50px}/* ----- IE fixes ----- */
	.fLinks.last p {margin:35px 10px 10px 55px}
	.fLinks.last ul {float:left;list-style-type:none;margin-right:0;margin-top:2.5em;overflow:hidden;width:140px}
	.fLinks.last ul.col01 {width:80px}
	.fLinks.last ul.col02 {width:120px}
	.fLinks.last ul li {margin-left:0;text-align:left}
	.fLinks.last ul a {color:#9D3A8C;font-weight:700}	
		/* ----- IE fixes ----- */
		* html .footer .fLinks.last {margin-top:-98px}
		* + html .footer .fLinks.last {margin-top:-108px}
	
	.fUtil {background:#e5e4f3 url("img/fab-sprite.png") no-repeat -208px -1157px;color:#e6b7d7;float:left;height:250px;margin-top:-30px;position:relative;width:100%;}
		.fUtil .utilNav {color:#e6b7d7;font-size:1.1em;height:30px;padding-right:3.75em;position:absolute;right:0;text-align:center;top:0;width:204px}
		.fUtil cite {color:#4B4A4B;float:right;font-size:11px;line-height:1.4em;margin:60px 2em 20px;text-align:left}
		.fUtil p {color:#e6b7d7;margin-top:8px}
		.fUtil a {color:#e6b7d7;margin-top:15px;padding:5px;text-decoration:none}
		.fUtil a:hover {color:#751c66}
		.fUtil cite a,.fUtil cite a:hover {color:#9D3A8C}		
			/* ----- IE fixes ----- */
			* html .fUtil .utilNav {padding-top:5px;color:red}
			* html .footer {margin-bottom:-12px}
			
	.logos li {float:left;list-style:none;margin:0}
	.logos li a {display:block;text-indent:-9999em}
	.fLinks .logos li.lKidSafe a,.fLinks .logos li.lTelstra a {display:block;font-size:.833em;text-indent:0}		
	.lFab a {background:url("img/fab-sprite.png") no-repeat -610px 0;height:50px;margin-right:1.25em;width:110px}
	.lEssential a {background:url("img/fab-sprite.png") no-repeat -380px 0;height:40px;width:140px}
	.lTelstra a {background:url("img/fab-sprite.png") no-repeat -633px -54px;height:80px;margin-right:1.25em;width:110px}
	.lKidSafe a {background:url("img/fab-sprite.png") no-repeat -730px 30px;height:80px;width:140px}
		* html .fUtil p {display:inline;position:relative}/* ----- IE fixes ----- */ 
	
	
/* --------------------------------------------------------------------------------------
   =Module skin styles ( Round Corners, Round Corners with Border, Square Border Border )
   -------------------------------------------------------------------------------------- */
/* -----  Round Corners ----- 	 */
.skinCrn {background:#F3EEE6;border:1px solid #F3EEE6;margin:1.667em 0 0 0;overflow:visible;position:relative;padding:1.667em}
.skinCrn .tl,.skinCrn .tr,.skinCrn .bl,.skinCrn .br {background:url("img/fab-sprite.png") no-repeat;height:14px;position:absolute;width:14px}
	.skinCrn .tl {background-position:-1089px -190px;left:-1px;top:-1px}
	.skinCrn .tr {background-position:-1089px -210px;right:-1px;top:-1px}
	.skinCrn .bl {background-position:-1089px -150px;bottom:-1px;left:-1px}
	.skinCrn .br {background-position:-1089px -170px;bottom:-1px;right:-1px}
	.skinCrn .inside {overflow:auto}
		* html .skinCrn {position:relative;height:1%;border-bottom:0}
	
/* -----  Round Corners with Border ----- */	
.skinCrnBrd {background:#fff;border:1px solid #c07db3;margin:1.667em 1.667em 0 0;overflow:visible;padding:1.667em 0;position:relative}
	.skinCrnBrd .tl {background:url("img/fab-sprite.png") no-repeat -1089px -270px;height:14px;left:-1px;position:absolute;top:-1px;width:14px}
	.skinCrnBrd .tr {background:url("img/fab-sprite.png") no-repeat -1089px -290px;height:14px;padding:0;position:absolute;right:-1px;top:-1px;width:14px}
	.skinCrnBrd .bl {background:url("img/fab-sprite.png") no-repeat -1089px -230px;bottom:-1px;height:14px;left:-1px;position:absolute;width:14px}
	.skinCrnBrd .br {background:url("img/fab-sprite.png") no-repeat -1089px -250px;bottom:-1px;height:14px;padding:0;position:absolute;right:-1px;width:14px}
	
/* -----  Round Corners with Border -----		
	.skinCrnBrd .tl,.skinCrnBrd .tr,.skinCrnBrd .bl,.skinCrnBrd .br {background:url("img/fab-sprite.png") no-repeat;height:14px;position:absolute;width:14px}
	.skinCrnBrd .tl {background-position:-1089px -270px;left:-1px;top:-1px}
	.skinCrnBrd .tr {background-position:-1089px -290px;right:-1px;top:-1px}
	.skinCrnBrd .bl {background-position:-1089px -230px;bottom:-1px;left:-1px}
	.skinCrnBrd .br {background-position:-1089px -250px;bottom:-1px;right:-1px} */
	
/* -----  Square Border Border ----- */	
.skinBrd {background:#fff;border:1px solid #f2d8e8;margin:1.667em 1.667em 0 0;padding:0;position:relative;overflow:hidden}
.skinBrd .inside {margin:2px;background:#f3efe4;overflow:hidden;padding:1.25em}


/* --------------------------------------------------------------------------------------
   =Utils
   -------------------------------------------------------------------------------------- */
.access {font-size:0;left:-9999px;position:absolute}
.temporary-hiden {display:none}
.hightlight {color:#9D3A8C}
.hightlight02 {color:#127ab6}
.fltLft {float:left} 	


/* --------------------------------------------------------------------------------------
   =Buttons
   -------------------------------------------------------------------------------------- */
.aside .btnSubmit,.content .btnSubmit,#content .btnSubmit {background:url("img/fab-sprite.png") no-repeat -220px -101px;border:0;color:#fff;cursor:pointer;font:115%/1.8 Arial,Helvetica,sans-serif;height:26px;margin:.833em 0 0 6.75em;padding-bottom:3px;text-shadow:0 -1px 1px #6d145e;width:83px}
.aside .btnSubmit:hover,.content .btnSubmit:hover,#content .btnSubmit:hover {background:url("img/fab-sprite.png") no-repeat -220px -127px}
	/* ----- IE fixes ----- */ 
	* html .aside .btnSubmit {margin:.833em 0 0 7.75em}
	* + html .aside .btnSubmit {margin-left:95px}
.content .summary form input.btnSubmit {margin: 1.833em 0px 0px 1.75em}
#content .formActions li .next {background:url("img/fab-sprite.png") no-repeat 0 -101px;margin:0;padding-bottom:3px;width:213px}
#content .formActions li .next:hover {background:url("img/fab-sprite.png") no-repeat 0 -127px}
.content .formActions li .btnSubmit {margin:0}

a.btnSubmit {display:block;text-align:center;margin:0;padding:0}


/* --------------------------------------------------------------------------------------
   =Tables
   -------------------------------------------------------------------------------------- */ 
/* ----- tables generic ----- */ 
table {background:#fff;border:1px solid #d4cfd2;padding:2px}
th {background:#f6ecf4;font-size:.917em;padding:5px}
.thead th {border-bottom:1px solid #fff;border-left:2px solid #fff}
tfoot td,tfoot th {border-top:1px solid #fff}
thead th {color:#9D3A8C;text-align:center;vertical-align:middle}
thead th.first {border-bottom:1px solid #fff;border-left:none;color:#9D3A8C;font-weight:700;text-align:left;vertical-align:middle}
td {background:#f6ecf4;border-left:2px solid #fff;border-top:1px solid #fff;padding:5px;text-align:center;vertical-align:middle}
caption span {left:-9999em;margin-left:-9999em;margin-top:-9999em;position:absolute}
thead .column1 {width:100px}

/* ----- tables specific ----- */
.tSimple {float:left;width:300px}
    .tSimple td {padding:0}
	.tSimple th em {display:block;font-style:normal;font-size:.9041em;color:#4b4a4b;margin-top:1px}
.tSimple.plain {border:none;background:#fff;margin-left:28px;width:360px}
	.tSimple.plain td,.tSimple.plain th {background:#f3efe4;font-size:1em}
	.tSimple.plain th {text-align:right;vertical-align:middle;padding-right:12px}
		.tSimple.plain thead th {text-align:center;padding-right:5px}
			.tSimple.plain thead th.first {color:#4b4a4b;text-align:right;padding-right:12px}
			
.tSummaryList {border:none;background:#fff;margin-left:0;width:620px;margin-bottom:10px}
	.tSummaryList td,.tSummaryList thead th{background-color:#f3efe4;font-size:1em;border-left:0;text-align:left}
	.tSummaryList th {vertical-align:middle;padding-right:12px;border-top:1px #ccc solid}
		.tSummaryList thead th {padding-right:5px;background-color:#fff;color:#666;font-weight:bold}
	
/* ----- tables classes for specific search user groups ----- */
.tGuestCarer thead th {width:40px}
/* Fix for Safari 4 */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
     .tGuestCarer {clear:both} 
} 

/* ----- Shortlist and comments table ---- */
.Email,.SMS,.delete,.edit {text-align:center!important}
.Email,.SMS,.delete a,.edit a {background:#f3efe4 url('img/fab-sprite.png') no-repeat -832px -965px/*envelope, closed*/;text-indent:-9000em; display: block}
.SMS {background-position:-856px -941px}
.delete a,.edit a {overflow:hidden;display:inline-block;height:17px;width:17px;background-position:-797px -1018px}
.edit a {background-position:-779px -1044px}
.Email {background-position:-809px -988px}

/* ----- various table classes ----- */
.borderT {border-top:1px solid #fff}
.borderB td,.borderB th {border-bottom:1px solid #fff}
.available {background:#8bc63b url("img/fab-sprite.png") no-repeat -1113px -323px}
.unavailable {background:#c2c2c2 url("img/fab-sprite.png") no-repeat -1092px -350px}
.na {background:#c2c2c2}
td.available span,td.unavailable span {display:block;text-indent:-99999em}
table .tHightlight {background:#ebd5e7}
.tSimple.plain td.value {border:none;background:#fff;text-align:left;padding:2px}
.tSimple.plain td.label {border:none;background:#fff;text-align:right;padding:2px;font-weight:bold}


 /* --------------------------------------------------------------------------------------
   =Form
   -------------------------------------------------------------------------------------- */
.cT-formRegistration {clear:both;margin:1.5em 0}
	fieldset {margin-bottom:1.5em;margin-top:1.5em}
	form li {clear:both;list-style:none outside none;margin-left:0;overflow:hidden;padding:.6em 0}
	form li .select label {padding-top:10px}
	form p {display:block;float:left;margin:4px}	
/* ----- hints/help text ----- */
form .hint {display:block;font-size:11px;left:380px;line-height:1.2;padding-bottom:0;position:absolute;top:5px;width:230px}
.content form .single {bottom:0;display:block;font-size:11px;height:auto;left:380px;line-height:25px;margin-left:34em;padding-bottom:0;position:static;width:auto}/* for one line hint */
	/* ----- IE fixes ----- */
	* + html form .hint {padding-top:7px;top:0}
	* html form .hint {left:230px;padding-top:7px;top:0}
	/* hint- table  */	
	form li .tHint {display:block;float:left;margin-left:10px;width:150px}
	/* hint- loadin icon  */
	form .text .loading {background:transparent url("img/ajax-loader.gif") no-repeat 0 0;display:block;height:42px;line-height:3.5em;margin-top:0;padding-left:50px;width:180px}
		/* ----- IE fixes ----- */
		* html form .text .loading {left:10px;padding-top:0;top:0}
		* + html form .text .loading {padding-top:0;top:0}  	
form .requiredInfo {display:inline;float:right;margin:-29px 20px 0;overflow:hidden}/* ----- required field legend ----- */ 
input[type=text],select,textarea {border:1px solid #abafb4;border-bottom:1px solid #e0eaf0;border-left:1px solid #e4e4ec;border-right:1px solid #dbdfe7;padding:3px}
	/* ----- IE fixes ----- */
	* html form .requiredInfo {margin-bottom:0;margin-top:-34px}
	* + html form .requiredInfo {margin-bottom:0}
	
/* ----- Grouped form elements checkboxes (fgroup)----- */
form .fgroup {margin-right:150px;overflow:hidden;padding-bottom:.2em;width:470px}
	* + html form li.fgroup {padding-bottom:10px}/* ----- IE fixes ----- */
	form .fgroup input {float:left;margin:0 .5em 0 0;padding:0}
	form .fgroup .tSimple input {float:none;margin:0 .5em 0 0;padding:0}
	form .fgroup label {float:left;font-weight:400;margin-bottom:10px;padding-top:0;text-align:left;width:122px}
	form .fgroup select {float:left;margin-bottom:.5em;width:200px}
	form .fgroup .narrow {width:80px}
	form .fgroup .long {width:290px}
	/* ----- IE fixes ----- */
	* html form .fgroup label {width:130px}	
		*  html .fgroup .long {width:300px}
		* + html .fgroup .long {width:290px}	
	form .fgroup .select {padding-top:.3em;width:100px}
		/* ----- IE fixes ----- */
		* html form .fgroup .select {width:130px}
		/* ----- IE fixes ----- */
		* + html form .fgroup {margin-right:120px;padding-bottom:2em;width:480px}
		* html form .fgroup {margin-right:120px;overflow:visible;width:500px}
		* + html form .fgroup label,* html form .fgroup label {padding-top:3px}
	/* padding for complex fgroup */
	form .complex .fdesc {padding-top:.3em}
	form .fgroup.complex #police-check {margin-top:.35em}
	form .complex select {display:inline;margin-left:22px;width:150px}
	form .complex .noVisible {display:block;height:auto;margin:0;padding:0;width:180px}
	form .complex .noVisible span {display:block;height:0;text-indent:-99999em}
	
/* ----- Form elemnts included in table----- */
form .tSimple label {display:block;float:none;height:auto;margin:0;padding:5px;text-align:center;width:auto}
	form .tSimple label input {text-align:center}
	form .tSimple label span {display:block;height:0;margin:0;padding:0;text-indent:-99999em}
	form .tSimple select {float:left;margin:0;width:55px}
		/* ----- IE fixes ----- */
		* html form .complex .noVisible {height:10px;margin:-15px 0 10px;padding:0;width:180px}
		* + html form .complex .noVisible {height:30px;margin:0;padding:0;width:180px}
		* html form .complex .noVisible select {margin:0 0 0 3px;padding:0}
		* + html form .complex .noVisible select {margin:0 0 0 20px;padding:0}
		* + html form .fgroup.complex #police-check {margin-top:0}
		* html form .fgroup.complex #police-check {margin-top:0}

/* Clearing  .fgroup .fdesc by adding custom margin-bottom */
form .complex .fdesc.cfix {margin-bottom:5.5em}
form .fdesc.cfix {margin-bottom:4em}
	/* ----- IE fixes ----- */
	* html form .fdesc.cfix {height:90px}
	* + html form .fgroup.fgroup03 {padding-bottom:10px}	
		form .fgroup02 .fdesc.cfix {margin-bottom:15em}
		form .fgroup03 .fdesc.cfix {margin-bottom:3em}
			/* ----- IE fixes ----- */
			* html form .fgroup03 .cfix {margin-bottom:2em;height:0px}
			* + html form .fgroup03 .cfix {margin-bottom:3em}

/* ----- form labels variations ----- */
form label,form .fdesc {float:left;font-weight:700;line-height:1.15;padding:5px 1em 0 0;text-align:right;width:135px}
form .fdesc {margin:0;padding-top:0}
form .tall {padding-top:0}
form .textarea label {font-weight:700;padding-top:0}
form .check {font-weight:400}
form .tall span,form .textarea .info,form .fdesc span {display:block;font-weight:400}
	
/* ----- form elements ----- */
form .text input {border-color:#ABAFB4 #DBDFE7 #E0EAF0 #E4E4EC;border-style:solid;border-width:1px;padding:3px;width:210px}
form .text select,form .select select {float:left;width:218px}
form .text select,form .cCard select {float:left;width:140px}
form .text select,form .cCard {background:transparent url("img/fab-sprite.png") no-repeat scroll 287px -191px}
form .options ul {float:left;margin-top:.25em;width:45%}
form .options .check {list-style:none outside none;margin-left:0}
form .options li {list-style:disc outside none;margin-left:1.5em;padding:.25em 0 0}
form .checkLong {margin-left:150px}
form .checkLong label {float:none;font-weight:400}
form .checkLong input {margin:0 .5em 0 0}
form .hasDatepicker {background:white url("img/fab-sprite.png") no-repeat 100% -525px}
		
/* textarea */
form textarea,form .wider input {width:290px}
form .textarea span.hint {display:block;margin-left:138px;width:67%}
		/* IE fixes */
		* + html form .textarea .hint {position:static}
		* html form .textarea .hint {position:static}
		
/* inline validation errors */
.formActions {margin-left:150px;width:100%}
.formActions li {clear:none;float:left;list-style:none;margin-right:2em;width:auto}
	/* IE fixes */
	* html .formActions li {margin-right:1em}
	* + html .formActions li {margin-right:1em}
		
.formActions li a {color:#9D3A8C;line-height:2em;text-decoration:underline}
.formActions li a:hover {color:#751c66}
.validationMsg {color:red;display:block}
.text .validationMsg,.select .validationMsg,.textarea .validationMsg,.fgroup .validationMsg {margin-left:148px;width:auto}
.text .info {display:block;margin-left:148px;width:auto}
.required {color:red}

/* ----- search header ----- */
.searchHeader {overflow:hidden;margin-right:1.667em;line-height:22px}
	* html .searchHeader {height:1%;margin-top:1em}
	.searchHeader h3 {float:left;font-size:18px}
	.searchHeader form {float:left;margin-left:4em}
		.searchHeader label {width:auto}
		.scriptable .searchHeader input {position:absolute;left:-999px;font-size:0}
			* + html .scriptable .searchHeader input {display:none}  /* IE 7 can't keep it off-screen properly, so we'll just hide it for good */
	.searchHeader .email {float:right;background:url("img/fab-sprite.png") no-repeat -1120px -305px;padding-left:22px; text-indent: 0}

/* ----- Homepage ----- */
.index .header {margin-bottom:0}
.index .content {float:left;padding:0;width:990px;min-height:262px;background:url("img/fab-index-bg.jpg") no-repeat}
	* html .index .content {height:262px}  /* IE 6 doesn't support min-height, but height works in the same way */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.index .content {z-index:4;position:relative;top:-1px} 
	}
.index .content .hero .btnSubmit,.index .content .puff .btnSubmit {margin:0}
/* main hero */
.index .hero {float:left;width:300px;min-height:189px;margin:12px 0 0 24px;padding:24px 22px 0 358px;background:url("img/fab-index-home.jpg") no-repeat 22px 15px}
	* html .index .hero {display:inline}  /* IE 6 double margin bug */
	.index.channel-parents .hero {background:url("img/fab-index-parents.jpg") no-repeat 22px 24px}
	.index.channel-babysitters .hero {background:url("img/fab-index-babysitters.jpg") no-repeat 22px 24px}
	.index h1 {font-size:22px;font-weight:bold;line-height:normal}
	.index .hero form {margin-top:12px}
		.index .hero label {width:auto}
		.index .hero input[type=text] {width:6em;margin-right:1em}
			* html .index .hero input {width:6em}  /* IE 6 doesn't support the attribute selector */
/* highlight puffs, right of main hero */
.index .puff {float:right;margin:12px 24px 0 0;width:216px;padding:6px 12px;background:#f3eee6;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
	* + html .index .puff {padding-bottom:9px}
	* html .index .puff {padding-bottom:9px;display:inline /* IE 6 double margin bug */}
	.index h2 {font-size:14px;font-weight:bold;margin-bottom:1px}
	.index .puff img {float:left;margin:4px 10px 4px 0}
	.index .puff p {margin-bottom:.5em;line-height:1.3}
/* time out strip (puffs inside this strip inherits some styles with highlight puffs above) */
.index .timeout {clear:both;float:left;margin:24px 24px 12px;overflow:hidden}
	* + html .index .timeout {width:942px;padding-top:23px /* IE 7 doesn't clear the above elements correctly, so we manually compensate */}
	* html .index .timeout {width:942px;padding-top:23px /* IE 6 doesn't clear the above elements correctly, so we manually compensate */;display:inline /* IE 6 double margin bug */}
	.index .timeout .puff {float:left;width:194px;margin-right:13px;padding:8px 12px 12px}
		* html .index .timeout .puff {display:inline}  /* IE 6 double margin bug */
	.index .timeout .puff h2 {margin-bottom:11px;font-size:1.4em}
	.index .timeout img {float:none;margin:0}
	.index .timeout .puff p a {margin-top:1px;display:block;background:#fff;padding:6px 8px;min-height:2.6em /* minimum height is 2 lines of text (2 x 1.3em) */}
		* html .index .timeout .puff p a {height:2.6em}  /* IE 6 doesn't support min-height, but height works in the same way */
	/* login widget */
	.index .content .cN-loginWidget {margin:12px 0 0 9px;padding:8px 12px;width:214px;height:auto}
		* html .index .content .cN-loginWidget {display:inline /* IE 6 double margin bug */;overflow:hidden}
		.index .content .cN-loginWidget .inside {height:auto}
		.index .skinCrn .inside {overflow:visible}
		.index .cN-loginWidget h3 {margin-bottom:6px}
		.index .cN-loginWidget label {width:62px;margin-top:.33em}
		.index .cN-loginWidget input {margin-top:.33em}
		.index .cN-loginWidget label.checkbox {margin:.25em 0 0 74px;width:130px}
		.index .cN-loginWidget .checkbox input {padding:0}
		.index .content .cN-loginWidget .btnSubmit {margin-left:74px;margin-top:.67em}
		.index .cN-loginWidget p {float:left;margin:-.4em 0 .2em 74px}
			* + html .index .cN-loginWidget p {position:relative;margin-bottom:-18px}  /* fix IE 7 duplicate character bug */
			* html .index .cN-loginWidget p {position:relative;margin-bottom:-18px}  /* fix IE 6 duplicate character bug */

/* ----- mN-loginStatus ----- */
.mN-loginStatus {position:absolute;top:15px;left:735px;z-index:3;font-size:11px;line-height:1.2;text-align:right}  /* these widths/positions need to be manually changed if the number/length of nav items changes */
	.mN-loginStatus p {margin-bottom:.25em}
	.mN-loginStatus p,.mN-loginStatus ul {display:inline}
	.mN-loginStatus li {list-style:none;margin-left:.5em;display:inline-block;border-left:1px solid #b4cb96;padding-left:.5em}
	.mN-loginStatus strong {font-weight:normal}
	* + html .mN-loginStatus p,* + html .mN-loginStatus li {float:left}
	* html .mN-loginStatus p,* html .mN-loginStatus li {float:left}

/* ----- cN-headerMessage ----- */
.headerMessage {border:1px solid #d4cfd2;border-left:none;border-right:none;padding:2px 0;margin-bottom:1.5em}
	.headerMessage div {background:#fff7d8;padding:.5em 1em}
	.headerMessage h2,.headerMessage p {display:inline;font-size:12px}
	.headerMessage h2 {font-weight:bold;margin-right:.5em;color:#127AB6}
