/* layout */
#toplinks { width:100%; height:30px; background-color: #e9e8e8; background-image: url(../images/layout/toplinks-bg.gif); background-repeat: repeat-x; margin-bottom:20px; }
#toplinks .inside { width:970px; margin:0 auto; padding:0; }
#toplinks .left { float:left; margin:0; padding:0; line-height:1; }
#toplinks .right { float:right; margin:0; line-height:1; }
#toplinks .right span a { display: block; margin: 0; padding: 9px 7px 9px; width: auto; text-align: center; text-decoration: none; white-space: nowrap; color: #333; background-color: transparent; font-weight:700; }
#toplinks .right span a:hover { background: #0595d5; color: #FFF; }
#header { width:970px; margin:0 auto 20px; padding:0; line-height:1; z-index:90; position:relative; }
#header-home { width:970px; height:305px; margin:0 auto 20px; padding:0; line-height:1; z-index:90; position:relative; }
#header-jobs { width:970px; height:155px; margin:0 auto 0; padding:0; line-height:1; z-index:90; position:relative; }
#header .left, #header-home .left, #header-jobs .left { float:left; margin:0; padding:0; line-height:1; }
#header .right, #header-home .right, #header-jobs .right { float:right; margin:0; line-height:1; text-align:right; }
#header ul.social, #header-home ul.social, #header-jobs ul.social { list-style:none; margin:0; padding:0; }
#header ul.social li, #header-home ul.social li, #header-jobs ul.social li { display:inline; margin-left:10px; }
#header-home ul.social { margin:0 0 15px; }
#searchbox { width:608px; height:60px; border:1px solid #DDD; padding:15px; }
#searchbox .span-title, #searchbox .span-input, #searchbox .span-submit { float:left; margin-right:10px; }
#searchbox .span-title { width:158px; }
#searchbox .span-input { width:440px; margin-right:0; }
#searchbox .span-input .col-1, #searchbox .span-input .col-2, #searchbox .span-input .col-3, #searchbox .span-input .col-4 { float:left; width:215px; }
#searchbox .span-input .col-1, #searchbox .span-input .col-3 { margin-right:10px; }
#searchbox .span-input .col-1, #searchbox .span-input .col-2 { margin-bottom:10px; }
#searchbox p { margin:0 0 10px; }
#searchbox p.last { margin:0; }
#searchbox .span-submit { width:110px; margin-right:0; }
#searchbox select, #searchbox input[type="text"], #searchbox input[type="submit"] { width:99%; margin:0; }
#registerbox { width:278px; height:60px; border:1px solid #DDD; padding:15px; }
#registerbox .span-title, #registerbox .span-input, #registerbox .span-submit { float:left; margin-right:10px; }
#registerbox .span-title { width:93px; }
#registerbox .span-input { width:175px; margin-right:0; }
#registerbox p { margin:0 0 10px; }
#registerbox p.last { margin:0; }
#registerbox .span-submit { width:110px; margin-right:0; }
#registerbox select, #registerbox input[type="text"], #registerbox input[type="submit"] { width:99%; margin:0; }
#footer { width:970px; margin:20px auto 0; padding:20px 0; line-height:1.25; position:relative; font-size:10px; color:#666; background-image: url(../images/layout/footer-bg.gif); background-repeat: no-repeat; background-position: center top; }
#footer .col-1, #footer .col-2, #footer .col-3, #footer .col-4 { float:left; margin-right:20px; text-align:left; }
#footer .col-1, #footer .col-4 { width:228px; }
#footer .col-2, #footer .col-3 { width:227px; }
#footer .col-4 { margin-right:0; }
#footer p { margin-bottom:10px; }
#footer h2 { font-size:18px; margin-bottom:5px; }
#footer ul.social { list-style:none; margin:0; padding:0; }
#footer ul.social li { display:inline; margin-right:10px; }
#team .span-1 { float:left; width:70px; margin:0 20px 20px 0; padding:5px; border:1px solid #DDD; }
#team .span-1:hover { padding:4px; border:2px solid #0595d5; }
#listings .item { padding-bottom: 15px; margin-bottom: 15px; border-bottom:1px dotted #DDD; }
#listings .item .col-1 { float:left; width:85%; }
#listings .item .col-2 { float:right; width:15%; }
#breadcrumbs { margin:0 0 20px; padding:0 0 10px; font-size:10px; border-bottom:1px dotted #DDD; text-transform:uppercase; }
#nextlinks { float:left; width:100%; margin:0 0 20px; }
#nextlinks-top { margin:0; padding:0; clear:both; }
#nextlinks .prev, #nextlinks-top .prev { float:left; margin-right:5px; height:20px; border:1px solid #CCC; }
#nextlinks .prev a, #nextlinks-top .prev a { line-height:20px; display:block; text-align:center; text-decoration:none; padding:0 5px; }
#nextlinks .item, #nextlinks-top .item { float:left; margin-right:5px; width:20px; height:20px; border:1px solid #CCC; background-color:#FFF; }
#nextlinks .item a, #nextlinks-top .item a { line-height:20px; display:block; text-align:center; text-decoration:none; }
#nextlinks .active, #nextlinks-top .active { float:left; margin-right:5px; width:20px; height:20px; border:1px solid #ED1C2E; background-color:#ED1C2E; }
#nextlinks .active span, #nextlinks-top .active span { line-height:20px; display:block; text-align:center; color:#FFF; }
#nextlinks .next, #nextlinks-top .next { float:left; height:20px; border:1px solid #CCC; }
#nextlinks .next a, #nextlinks-top .next a { line-height:20px; display:block; text-align:center; text-decoration:none; padding:0 5px; }
/* typography */
a { color:#0595d5; }
a:hover { color:#e61e26; text-decoration:none; }
.blue, .blue a { color:#0595d5; }
.red, .red a { color:#e61e26; }
.purple, .purple a { color:#635194; }
.strong { font-weight:700; }
.smalltext { font-size:10px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt40 { margin-top:40px; }
.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb40 { margin-bottom:40px; }
.mr0 { margin-right:0; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr40 { margin-right:40px; }
.bordernone { border:none; }
/* callouts */
.callout { border-left:1px solid #DDD; border-right:1px solid #DDD; padding:15px; min-height:225px; }
.callout strong { font-size:12px; }
.callout-small { border-left:1px solid #DDD; border-right:1px solid #DDD; padding:15px; }
.callout-small strong { font-size:12px; }
.bdr-top { border-top:1px solid #DDD; }
.bdr-btm { border-bottom:1px solid #DDD; }
.callout-spacer { margin-top:9px; }
div.warning { width:970px; margin:0 auto 20px; background-color:#e61e26; color:#FFF; font-weight:700; font-size:16px; padding:5px; text-align:center; }
/* forms */
input[type="submit"], input[type="button"] { border:none; background-color:#231f20; padding:4px 10px 4px; color:#FFF; font-size:11px; font-weight:700; cursor:pointer; margin:2px 0; }
input[type=text], input[type=password], input.text, input.title, textarea, select { background-color:#f7f7f7; border-color:#DDD; padding:2px; font-size:11px; color:#222; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }
#contactform input[type=text], #contactform input[type=password], #contactform input.text, #contactform textarea, #contactform select { background-color:#f7f7f7; border-color:#DDD; padding:2px; width:270px; }
#contactform textarea { height:75px; }
#contactform p { margin-bottom:5px; }

#searchform input[type=text], #searchform select { background-color:#f7f7f7; border-color:#DDD; padding:2px; width:270px; }
#searchform p { margin-bottom:5px; }

#genericform { width: 640px; }
#genericform label { float: left; width: 125px; font-weight:700; padding:3px 0 0; }
#genericform input, #genericform select, #genericform textarea { float:left; width:300px; margin-top:0; margin-bottom:0; }
#genericform select.short { float:left; width:auto; margin-top:0; margin-bottom:0; }
#genericform textarea { height:150px; }
#genericform label.checkbox { float: left; width: auto; font-weight:300; padding:2px 0 0; margin-right:10px; }
#genericform input[type="checkbox"] { float:left; width:20px; margin-left:125px; margin-right:0; }
#genericform input[type="radio"] { float:left; width:20px; }
/* #genericform span { float:left; margin-right:20px; } */
#genericform button, #genericform input[type="submit"] { margin-left:125px; width:150px; }
#genericform p { padding:0; margin:0 0 10px; overflow:hidden; }
#genericform p.section-end { padding:0; margin:0 0 20px; overflow:hidden; }
#genericform p.note { padding:0 0 5px; margin:0 0 5px 125px; overflow:hidden; font-size:10px; }
#genericform h3 { padding:0 0 10px; margin:0 0 10px; border-bottom:1px dotted #DDD; }
#genericform label.error, label.error { color: #ED1C2E; font-weight:normal; margin-left: 10px; width: auto; display: inline; }
#genericform div.error { display: none; }
#genericform input:focus, #genericform textarea:focus { background-color:#F7F7F7; }
#genericform input.error, #genericform textarea.error { border: 1px solid #ED1C2E; background-color:#FFC; }

/* text formatting */
h1, h2, h3, h4, h5, h6 { font-weight:700; color:#222; }
h1 { font-size:3em; line-height:1; margin-bottom:5px; }
h2 { font-size:2em; margin-bottom:5px; }
h3 { font-size:1.5em; line-height:1; margin-bottom:5px; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:5px; }
h5 { font-size:1em; font-weight:bold; margin-bottom:5px; }
h6 { font-size:1em; font-weight:bold; margin-bottom:5px; }

/* clearfix */
.clr {
	height: 0px;
	overflow: hidden;
	clear: both;
}

/* flexitime */
div#flexitime-home {margin:0 -8px 18px 0;}
div#flexitime-header {margin:15px -8px  0;}
#flexitime-introduction {padding: 20px 20px 10px;
						border: 1px solid #D6D6D6;
						background-color: white;}
#flexitime-introduction h1 {padding-bottom:18px;}
#flexitime-thumbs {display:block; float:left;}
#flexitime-thumbs dl {float:left;text-align:center;}
#flexitime-thumbs dt,#flexitime-thumbs dd {width:198px;float:left;}
#flexitime-thumbs dt {margin-bottom:3em;}/* vertical space between the images */
#flexitime-thumbs dd {margin:110px 0 0 -198px;color:#666;}
#flexitime-thumbs img {vertical-align:bottom;border:0;}
#flexitime-thumbs p {padding:0;margin:0;text-align:center;}
#flexitime-thumbs a {text-decoration:none;text-align:center;}
#flexitime-thumbs a.alt {color:#999;font-size:10px;}
.panes div dd {margin-bottom:24px;margin-left:0;}
.panes div dt {margin-bottom:4px;font-size:16px;line-height:24px;font-weight:bold;}
/* ul.tabs a { background: url(../_jquery/tools/tabs_flexitime.png) no-repeat -420px 0; font-size:14px; font-weight:700; display:block; height: 40px; line-height:40px; width: 134px; text-align:center; text-decoration:none; color:#FFF; padding:0px; margin:0px; position:relative; top:1px; } */
dd.pdf {background:url(../img/icons/pdf.png) no-repeat left center;padding-left:40px;line-height:32px;}
h2.ft-video {background:url(../images/icons/ft-video.png) no-repeat left center;padding-left:40px;line-height:32px;}
h2.ft-download {background:url(../images/icons/ft-download.png) no-repeat left center;padding-left:40px;line-height:32px;}
h2.ft-faq {background:url(../images/icons/ft-faq.png) no-repeat left center;padding-left:40px;line-height:32px;}
img#flexitime-logo {float:left;display:block;margin-top:0px;}
.flexitime-login {float:right;display:block;height:80px;width:180px;margin-left:20px;}
.flexitime-login img {float:left;}
#cs-pane p.pdf {background:url(../img/icons/pdf.png) no-repeat left center;padding-left:40px;line-height:32px;height:32px;display:block;}
	
	
/* presents */

.presents-border {border: 1px solid #D6D6D6; background-color: white;}
						
#header .presents-header {float:left; margin:0; line-height:1; text-align:right;margin-left:30px;margin-top:3px; }

#presents-introduction {background-color: white;}			
#presents-introduction h1 {padding-left:20px;padding-top:0px;font-size:20px;}
#presents-introduction .presents-introduction-inner {background:#bfe9fe;position:relative;}
#presents-introduction .presents-introduction-inner h1 {padding-left:80px;padding-right:0;padding-top:0;padding-bottom:10px; margin:0;line-height:60px;text-align:left;line-height:32px;font-size:24px;font-style:italic;color:#000;}
#presents-introduction .presents-introduction-inner h2 {font-size:20px;padding-left:20px;padding-top:10px;padding-bottom:10px;font-weight:normal;color:#000;}
#presents-introduction img#presents-introduction-dr-tom {display:block;position:absolute;right:0px;bottom:0px;}

#presents-panes p {font-size:12px;line-height:18px;padding-bottom:6px;}
#presents-panes ul li {font-size:12px;line-height:18px;}
#presents-panes blockquote {margin-top:24px;margin-bottom:30px;;margin-left:20px;padding:10px;border:1px solid #ddd;background:#efefef}
#presents-panes blockquote p {font-size:14px;margin:0;padding:0;color:#404040;line-height:18px;}
#presents-panes table tbody tr:nth-child(even) td, #presents-panes table tbody tr.even td {background:transparent;}
#presents-panes table.details td p,
#presents-panes table.outline td p {padding:0;margin:0;}
#presents-panes td {vertical-align:top;}


/* CS */
#cs-pane {padding: 20px 20px 10px;
						border: 1px solid #D6D6D6;
						background-color: white;}
						
#cs-pane table.cs-table {}
#cs-pane table.cs-table th {text-align:center;background:#000;color:#fff;}
#cs-pane blockquote.cs-blockquote {margin-left:0;}
#cs-pane p.cs-linda {}
#cs-pane p {padding-left:0px;padding-bottom:0.5em;}
#cs-pane p.killdent {padding-left:0;}
#cs-pane p.big {font-size:14px;line-height:18px;}
#cs-pane p.killpad {padding-bottom:0;margin-bottom:0;}
#cs-pane ul {/* little man icon? */}

#cs-pane a.current_page {text-decoration:none;color:#000;}

/* TOPNAV */

ul.topnav {
			list-style: none;
			padding: 0 10px;	
			margin: 0;
			margin-top:12px;
			float: left;
			width: 179px;
			height:56px;
			background: #222;
			font-size: 1.2em;
			text-indent:-9999px;
			background: url(../images/layout/topnav_bg.gif) repeat;
		}
		ul.topnav li ul {text-indent:0;}
		
		ul.topnav.flexitime {height:56px;background: url(../images/layout/flexitime-login.png) no-repeat;}
		ul.topnav.auckland {height:40px;background: url(../images/layout/auckland-login.png) no-repeat;}
		ul.topnav.wellington {height:40px;background: url(../images/layout/wellington-login.png) no-repeat;}
		
		ul.topnav li {
			float: left;
			margin: 0;	
			padding: 0 15px 0 0;
			position: relative; /*--Declare X and Y axis base--*/
			width: 185px;
			height:35px;
			cursor:pointer;
		}
		ul.topnav li a{
			padding: 10px 5px;
			color: #fff;
			display: block;
			text-decoration: none;
			float: left;
			text-align:left;
		}
		ul.topnav li a.main{padding:0;width:176px;height:56px;margin-left:-15px;}
		
		ul.topnav li span{
			padding: 12px 5px;
			color: #fff;
			display: block;
			text-decoration: none;
			float: left;
			font-weight:bold;
			width: 135px;
			background: #158ebd;
			padding-left: 10px;
			margin-bottom:-1px;
			cursor:default;
		}
		ul.topnav li a:hover{
			/*background: url(topnav_hover.gif) no-repeat center top;*/
		}
		/*ul.topnav li span { 
			width: 17px;
			height: 35px;
			float: left;
			background: url(subnav_btn.gif) no-repeat center top;
		}*/
		ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
		ul.topnav li ul.subnav {
			list-style: none;
			position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
			left: 0; top: 52px;
			background: #0fa9e5;
			margin: 0; padding: 0;
			display: none;
			float: left;
			width: 160px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			border: 1px solid #21bdfa;
		}
		ul.topnav li ul.subnav li{
			margin: 0; padding: 0;
			border-top: 1px solid #158ebd; /*--Create bevel effect--*/
			border-bottom: 1px solid #21bdfa; /*--Create bevel effect--*/
			clear: both;
			width: 160px;
		}
		html ul.topnav li ul.subnav li a {
			float: left;
			width: 135px;
			/*background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;*/
			padding-left: 15px;
		}
		html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
			background: #21bdfa;
		}