@charset "utf-8";

/* Gold Coast City Council - goldcoast.qld.gov.au
---------------------------------------------------

[Main Pages Stylesheet]

[Table of contents]

1. Page Highlight Image
2. Breadcrumb 
3. Page Filtering
		3.1. Search Resuts Page Search Type Filtering
		3.2. Page Filter Selectbox
		3.3. Search Query text results
4. Page Search Results Global
5. Paginator Styles
6. User Login Buttons
7. My Council Area
8. Form Styles
9. Individual Page Styles
		9.1  News & Media
		9.2  Image Gallery
		9.3  Tenders Page
		9.4  Events Detail Page
		9.5  RSS Feed Page
		9.6  Jobs Detail Page
		9.7  Social Media Page
		9.8  Weather & Surf Page
		9.9  Planning Scheme Applications Page
10. Jquery UI - Accordion & DatePicker
11. Related Content 
12. FAQ Accordion
13. Fancybox
14. Site Map
15. In-page feedback
16. Flex box styles
17. LGP related feature boxes and buttons

/*====================================
1.	PAGE HIGHLIGHT IMAGE
=====================================*/

#highlight {
	height: 200px;
	margin: 0 auto;
	margin-bottom:15px;
	padding: 1px 0 10px 0;
	width: 1091px; }
 
#highlight-image {
	float: left;
	width: 740px; }
 
#highlight-caption {
    float: left;
    height: 156px;
    padding: 22px;
    width: 305px;
}

 
#highlight-caption h1{
	color:#fff;
	font-size:14px;
	margin-bottom:15px;
	line-height:1.6em;
	text-shadow:0 1px #000
}

#highlight-caption span.feature-title{
	font-weight:bold;
	color:#fff;
	font-size:14px;
	margin-bottom:15px;
	line-height:1.6em;
	text-shadow:0 1px #000;
	display:block;
}
 
#highlight-caption p { 
	color: #fff;
	text-shadow:0 1px #000
}
	
/*====================================
2.	BREADCRUMB
=====================================*/
 
#breadcrumb {
	background: #484545;
	padding: 2px 25px 13px 25px;
	overflow:hidden;
	width:928px; }
 
#breadcrumb ul {
	list-style-image: none !important;
	height:24px;
	padding: 0 !important; }
 
#breadcrumb ul li {
	float: left;
	font-size: 11px;
	margin-right: 11px;
	padding-top: 5px; }
 
#breadcrumb a {
	color: #fff;
	font-size: 11px;
	padding-right: 18px;
	text-shadow:0 1px #000; 
}

body.pagebody #content-main-inner { border-top: 1px solid #ffffff }


/*====================================
3.	PAGE FILTERING
=====================================*/

#page-filter {
	background: #f1f1f1;
	border-bottom: 1px solid #e2e2e2;
	height: 29px;
	padding:10px 24px 5px 24px;
	margin:25px -25px 25px -25px; }

#page-filter.full {
	padding:10px 15px 5px 15px; 
}
#page-filter.events {
	height:70px;
}
#page-filter ul {
	line-height:20px !important;
	list-style-image:none;
	margin:0;
}
#page-filter ul li {
	display:block;
	float:left;
	font-size:11px;
	margin:0;
	padding:0 15px 0 0;
	position:relative;
}
#page-filter.events ul li, #page-filter.search ul li {
	padding:0 11px 0 0;
}
#page-filter span {
	font-size: 11px;
	margin-bottom: 0; 
}
#page-filter .filter-row {
	float:left;
	height:27px;
}
#page-filter .filter-row.top {
	margin-bottom:12px;
}
#page-filter .filter-row.bottom {
	float:right
}
#page-filter .filter-row.gc-parks {
	float:left
}
#page-filter ul li label {
	height:0;
	position:relative;
	left:-9000px;
	margin:0;
}
#page-filter ul li label.accept {
	left:0;
	top:-2px;
}
#page-filter ul li.to {
	margin-left:-8px;
	padding-right:8px;
}
#page-filter ul li.last {
	padding-right:0;
}
#page-filter ul li.submit {
	padding-right:0;
	width:50px;
	height:26px;
}
#page-filter .filter-row.gc-parks ul li.submit {
    height: 26px;
    padding-right: 0;
    width: 50px;
	margin-left:15px;
}
#page-filter #filter-search-label {
	position:absolute;
	left:28px;
	top:2px;
	color: #3A4B5B;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#page-filter #filter-search {
	background-position:-523px -50px;
	border: none;
	color: #3A4B5B;
	float: left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	height: 23px;
	padding: 0px 15px 1px 28px;
	vertical-align:text-top;
	width: 102px;
    border-radius: 10px;
}

#page-filter #filter-search:focus {
	background-position:-401px -108px;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
}
#page-filter.full #filter-search {
	width:69px;
}
	
#page-filter input.submit {
	background-position:-673px -50px;
	border: none;
	color: #3A4B5B;
	cursor: pointer;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	height: 26px;
	padding:0 15px 4px 0;
	width: 50px;
	margin-top:-1px
}
#page-filter input.submit:hover, #page-filter input.submit:focus {
	background-position:-673px -79px;
	color:#fff;
}
#page-filter input.datepicker {
	background-position:-292px -139px;
	border: none;
	border-radius: 2px;
	color: #3A4B5B;
	cursor:text;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	height: 19px;
	padding:2px 25px 3px 10px;
	width: 65px;
}
#page-filter input.datepicker:focus {
	background-position:-393px -139px;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
}
#page-filter ul li.free {
	padding-top:4px;
	padding-right:25px;
}
#page-filter ul li.free label {
	font-size:100%;
	margin-top:-10px
}
#page-filter ul li span {
	margin-top:-3px;
}
#page-filter input.check {
	margin:3px 5px 0 2px;
}
#page-filter input.check:focus {
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
}
#page-filter li span {
}
#page-filter div.submit {
	float:right;
	margin-top:-20px;
}
/* View all button 
on image gallery page */

#page .view-all {
	float:right;
	margin-top:-7px; }

/* 3.1  Search Resuts Page
		Search Type Filtering
------------------------------------ */

#page-filter .search-filter {
	list-style-image:none;
	margin: -10px 0px -5px 0px;
}

#page-filter ul.search-filter li {
	margin-right:15px;
	padding: 12px 15px 13px 0px;
}
#page-filter .search-filter li.last {
	margin-right:0px;
	padding-right:15px;

}
#page-filter .search-filter li a {
	color:#3A4B5B;
}
#page-filter .search-filter li a.current {
	font-weight:bold
}
#page-filter.search .globalSearch {
	width:80px;
}

/* 3.2  Page Filter Selectbox
------------------------------------ */

#page-filter select {
	background:#fff;
	height:25px;
	width:145px;
   	color: #3A4B5B;
    cursor:pointer;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
	line-height:20px;
}
#page-filter ul li.long select {
	width:200px;
}
#page-filter select.disabled {
	color:#ccc;
	cursor:default !important
}
#page-filter option {
	padding:5px 5px 5px 10px;
}
#page-filter .gcform_Select {
	background-position:0 -139px;
    position: absolute;
    border:none;
    padding: 2px 30px 3px 10px;
	height:19px !important;
	width: 105px !important;
    z-index: 19;
}
#page-filter .gcform_Select_Disabled .gcform_Text {
	color:#ccc !important;
}
#page-filter .gcform_Select_Focus {
	background-position:-146px -139px;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;

}
#page-filter ul li.long .gcform_Select  {
	background-position:0 -255px;
	width: 160px !important;
}
#page-filter ul li.long .gcform_Select_Focus {
	background-position:-202px -255px;

}

#page-filter .gcform_Select .gcform_Text {
    position: absolute;
    cursor: default;
    z-index: 18;
   color: #3A4B5B;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	height:19px !important;
	width: 105px !important;
}
#page-filter ul li.long .gcform_Select .gcform_Text {
	width:160px !important;
}

/* 3.3  Search Query text results
------------------------------------ */

#search-queries {
	height:20px;
	margin-bottom:25px;
}
#search-queries ul {
	margin:0;
	list-style-image:none;
}

#search-queries ul li {
	border-right:1px dotted #e2e2e2;
	float:left;
	font-size:0.688em;
	padding:0 10px 0 10px;
}
#search-queries ul li.first {
	padding-left:0;
	font-weight:bold;
}
#search-queries ul li.last {
	border:none;
}
.searchSort {
	font-size: 0.688em;
	float: right;
	font-weight: bold;
}
.searchSort span, .searchSort a {
    border-right: 1px solid #e2e2e2;
    padding: 0 10px 0 10px;
	font-weight: normal;
	color: #3a4b5b;
}
.searchSort span {
	text-decoration: underline;
}

/*====================================
4.	PAGE SEARCH RESULTS GLOBAL
=====================================*/	


#page-results{
	margin-bottom:20px;
}
#page-results .result {
	border-bottom: 1px dotted #e2e2e2; 
	margin-bottom:15px;
	padding-bottom:15px;
}
#page-results .result.priority.gccc_corporate_internet {
	margin: -16px 0 25px -25px !important;
	width: 740px;
	padding: 15px 20px;
	background: #f7f7f7;
	box-sizing: border-box;
	border-left: 5px solid #cdc9c4;
	border-bottom: none !important;
	position: relative;
}
#page-results .result.priority.gccc_corporate_internet:after {
	content: "Popular";
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	right: 10px;
	top: 1px;
	position: absolute;
	color: #a59f99;
}
#page-results .result.alternate { 
	background-color:#f6f6f6;
}
#page-results .result.last { 
	border:none;
	padding-bottom:0;
}
#page-results .result h3.title {
	font-size:0.750em;
	display:inline-block;
	margin-bottom:10px;
}
#page-results .result-title h3.title {
	margin-bottom:10px;
}
#page-results .result-title p.title {
	margin-bottom:10px;
}
#page-results .result-detail {
	float:right;
	margin-left:50px;
	margin-bottom:15px;
	text-align:right;
}
#page-results .result-detail p {
	font-size:0.688em;
	margin-bottom:0px;
}
#page-results .result p.date {
	display:inline-block;
	margin-bottom:5px;
	padding:2px 0 2px 24px;
}
#page-results .result p.category {
	display:inline-block;
	margin-bottom:5px;
	padding:2px 0 2px 24px;
}
#page-results .result-text p {
	margin-bottom:5px;
}

#page-results .result-text p a {
	text-decoration:none
}
#page-results .result-text p a:hover, #page-results .result-text p a:focus {
	text-decoration:underline
}
#page-results .result-text span.filesize {
	margin-right:15px;
}
#page-results .has-img .result-text  {
	margin-left:90px;
}
#page-results .result-img {
	float:left;
	margin-right:15px;
}
#page-results p.search-results {
	font-size:0.688em;
	margin-bottom: 25px;
}

#page-results h2 {
	background:#F1F1F1;
	border-bottom:1px solid #e2e2e2;
	font-size:0.750em;
	margin:0 -25px 15px -25px;
	padding:5px 0 5px 25px;
}
h2.objects{
	margin-top:30px;
	background: none!important;
	padding-bottom:0px!important;
}
#page-results .result.job {
	float:left;
	padding-bottom:0;
	width:100%;
}
#page-results div.result.job h3.title {
	width:465px;
}
#page-results .job .result-detail {
	margin-left:25px;
	width:200px;
}
#page-results .job .result-text {
	width:465px;
}
#page-results .job .result-text p {
	margin-bottom:15px;
}

#page-results .result.event  {
	float:left;
}
#page-results .event .result-detail {
	float: left;
    margin-left: 25px;
    width: 180px;
	text-align:left
}
#page-results .event.has-img .result-text  {
	float: left;
	margin:0;
    width: 360px;
}
#page-results .event .result-text  {
	float: left;
	margin:0;
    width: 485px;
}
#page-results .event .result-img {
	float: left;
    margin-right: 25px;
	width:100px;
}
#page-results .result-text p.rpl-file, #page-results .result-text p.rpl-desc {
	margin-bottom:0;
	margin-top:10px;
}
#page-results .result-text p.first {
	margin-top:0 !important;
}
#page-results .result-text span.info {
	color: #6F8090;
    font-size: 0.688em;
    margin-bottom: 10px !important;
	margin-right:10px;
	padding-right:10px;
}
#page-results .result-text span.made {
	border-right:1px solid #d2d2d2
}
#page-results div.result.park {
    min-height: 100px;
}
#page-results div.gccc_corporate_libraries {
    margin: -16px 0 25px -25px !important;
    width: 740px;
    padding: 15px 20px;
    background: #f7f7f7;
    box-sizing: border-box;
    border-left: 5px solid #d90044;
    border-bottom: none !important;
}

/*====================================
5.	PAGINATOR STYLES
=====================================*/

.paginator {
	clear:both;
    float: right;
    height: 21px;
	line-height:11px;
}

.paginator .items {
	float:left;
	margin-right:10px;
	font-size:11px;
	padding-top:5px;
}
.paginator .paging {
	float:right;
}
.paginator a, .paginator span.current {
	color:#3A4B5B;
	cursor:pointer;
	display:block;
	float:left;
	font-size:11px;
	margin-left:5px;
	background-position:-42px -50px;
	width:22px;
	height:17px;
	padding-top:4px;
	text-align:center;
	text-decoration:none;
}
.paginator a:hover, .paginator a:focus, .paginator a.current, .paginator span.current {
	background-position:-64px -50px;
	color:#fff;
	text-decoration:none;
}
.paginator a.current, .paginator span.current {
	cursor:default;
}
.paginator a.first {
	background-position:-486px -225px;
	height:21px;
	padding:0;
	text-indent:-9999px;
	width:22px;
}

.paginator a.last {
	background-position:-442px -225px;
	height:21px;
	padding:0;
	text-indent:-9999px;
	width:22px;
}
.paginator a.first:hover, .paginator a.first:focus {
	background-position:-508px -225px;
}
.paginator a.first.inactive:hover, .paginator a.first.inactive:focus {
	background-position:-486px -225px;
	cursor:default;
}
.paginator a.last:hover, .paginator a.last:focus {
	background-position:-464px -225px;
}
.paginator a.last.inactive:hover, .paginator a.last.inactive:focus {
	background-position:-442px -225px;
	cursor:default;
}
.paginator a.prev {
	background-position:-130px -50px;
	height:21px;
	padding:0;
	text-indent:-9999px;
	width:22px;
}

.paginator a.next {
	background-position:-86px -50px;
	height:21px;
	padding:0;
	text-indent:-9999px;
	width:22px;
}
.paginator a.prev:hover, .paginator a.prev:focus {
	background-position:-152px -50px;
}
.paginator a.prev.inactive:hover, .paginator a.prev.inactive:focus {
	background-position:-130px -50px;
	cursor:default;
}
.paginator a.next:hover, .paginator a.next:focus {
	background-position:-108px -50px;
}
.paginator a.next.inactive:hover, .paginator a.next.inactive:focus {
	background-position:-86px -50px;
	cursor:default;
}
	

/*====================================
6.	USER LOGIN BUTTONS
=====================================*/

#user-account {
	float:right;
}
#user-account.forced {
	margin-top: -45px;
    padding-right: 85px;
}
#user-account.left {
	float:none;
}
#user-account a.login {
	margin-left:15px;
}
#login {
	background:#fbfbfb;
    height: 125px;
	padding:15px;
    width: 345px;
}
#login h2 {
	display:block;
	padding:5px;
}
#login ul {
	margin:0 auto;
	width:345px;
}
#login ul li {
	float:left;
	margin-right:10px;
	text-align:c
}
#login ul li.last {
	margin-right:0;
}
#login ul li input.login {
	background-position: 0 -176px;
    border: medium none;
    color: #3A4B5B;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    height: 25px;
    margin: 0;
    padding: 1px 0 2px 7px;
    vertical-align: text-top;
    width: 115px;
}
#login .forgot {
	clear:left;
	font-size:0.688em;
	padding:5px 0 0 4px;
}

/*====================================
7.	MY COUNCIL AREA
=====================================*/

#member-options { 
	background: #f1f1f1;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	height: 45px;
	padding:0 25px 0 25px;
	margin:25px -25px 25px -25px;
}
#member-options ul {
	line-height:20px !important; }
	
#member-options .events-options {
	float:left;
	list-style-image:none;
	margin:0;
}
#member-options .events-options li {
	float:left;
	font-size:11px;
    margin-right: 15px;
    padding: 12px 15px 13px 0;
}
#member-options .events-options li a {
    color: #3A4B5B;
}
#member-options .logged {
	float:right;
	list-style-image:none;
	margin:0;
}
#member-options .logged li {
	float:left;
	font-size:11px;
    margin-left: 15px;
    padding: 12px 0 13px 15px;
}
#member-options .logged li.last {
	padding-right:0;
	margin-right:0;
}
#member-options .logged li span.name {
	padding-left:5px;
}
#member-options .logged li a {
    color: #3A4B5B;
}
#column-head {
	font-size:0.688em;
	font-weight:bold;
	height:30px;
}
#member-list, #member-list th, #member-list td {
	background:none;
	border:none;
	font-size:13px;
}
#member-list th.title {
	width:290px;
}
#member-list .member-item .title.events, #column-head .title.events {
	width:350px;
}
#member-list .member-item .date.events, #column-head .date.events, #member-list .member-item .status.events, #column-head .status.events, #member-list .member-item .action.events, #column-head .action.events {
	width:85px;
}
#member-list th.title.enews {
	width:490px;
}
#member-list .status.enews, #member-list .action.enews {
	width:100px;
}
#member-list th.date, #member-list td.date {
	text-align:center;
	width:125px;
}
#member-list th.status, #member-list td.status {
	text-align:center;
	width:125px;
}
#member-list .member-item .status span.Active {
	color:green;
}
#member-list .member-item .status span.Inactive {
	color:#D70000;
}
#member-list .member-item .status span.Pending {
	color:orange;
}
#member-list th.action, #member-list td.action {
	text-align:center;
	width:150px;
}
#member-list .member-item .action.thin, #column-head .action.thin {
	width:60px;
}
#member-list .member-item td, #member-list th {
	height:20px;
	padding:15px 0 15px 0;
	border-bottom:1px dotted #e2e2e2
}
#member-list .member-item a.edit {

}
#member-list .member-item a.delete {

}
#member-list .member-item a.edit:hover, #member-list .member-item a.edit:focus {
	background-position:-550px -139px;
}
#member-list .member-item a.delete:hover, #member-list .member-item a.delete:focus {
	background-position:-573px -139px;
}
#logout {
	background:#fbfbfb;
    height: 125px;
    width: 300px;
	text-align:center
}
#logout h2 {
	display:block;
	padding:5px;
}
#logout ul {
	margin:0 auto;
	width:170px;
}
#logout ul li {
	float:left;
	margin-right:25px;
	text-align:c
}
#logout ul li.last {
	margin-right:0;
}

/*====================================
8.	FORM STYLES
=====================================*/

div.input {
	float:left;
	margin-bottom:25px;
	width:320px;
	position:relative
}
input.text {
    background-position: 0px -166px;
    border:none;
	border-radius:2px;
    color: #3A4B5B;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    height: 25px;
    margin:0;
    padding: 1px 8px 2px 7px;
    vertical-align: text-top;
	width:305px;
}
input.text:focus {
    background-position:-321px -166px;
	background-color:transparent;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
}

fieldset {
	border-top:1px dotted #e2e2e2;
}
form#form1 div#register div#ucCityPlanFeedbackForm_upFeedbackType fieldset{
clear:left;
}
legend {
    color: #017398;
	font-weight:bold;
    font-size: 0.813em;
	padding: 0 5px 2px 0;
}
label {
	display:block;
    color: #3A4B5B;
    font-size: 0.813em;
    margin-bottom: 5px;
	height:100%
}
.label-note {
	color: #868A89;
    font-size: 0.813em !important;
	padding-left:10px;
}
label.accept { 
	display:inline;
}
label.hidden {
    height: 0;
    left: -9000px;
    margin: 0;
    position: relative;
}
.input-row {
	clear:left
}
.input-row.float {
	float:left;
}
.input-row.top {
	margin-top:10px;
}
.input-row.radios {
	margin-bottom:25px;
}
.input.left {
	margin-right:50px;
}
.input.full, input.fcol {
	width:690px;
}
input.text[disabled=disabled] {
    color:#999;
}
.input.hastext {
	margin-bottom:5px;
}
.input.cost {
	width:150px;
	margin-right:20px;
	margin-bottom:0;
}
.input.free {
	margin-top:26px;
	width:150px;
	margin-bottom:0;
}
.input.hcol {
	width:220px;
	margin-right:15px;
}
.input.login {
	margin-bottom:15px;
}
.user-login {
	margin-bottom:10px;
}
.input .caption {
	clear:left;
	font-size:0.688em;
	padding:5px 0 0 2px;
	margin:0;
}
.input-row.caption .input {
	margin-bottom:0;
}
.input .note {
	color:#868A89;
	clear:left;
	font-size:0.688em;
	padding:0;
	margin:0;
}
.input .caption span.vert-brdr {
	border-right:1px dotted #e2e2e2;
	padding-right:5px;
	margin-left:5px;
}
.input.qcol {
	width:150px;
	margin-right:20px;
}
.input.qcol2 {
	width:150px;
	margin-right:50px;
}
.input.qcol4 {
	width:150px;
	margin-right:0px;
}
.input.category {
	width:150px;
	margin-right:30px;
}
.input.last {
	margin-right:0;
}
.input input.htext {
	background-position:0 -224px;
	width:205px;
}
.input input.htext:focus {
    background-position:-221px -224px;
	background-color:transparent;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
}
.input input.qtext {
	background-position:0 -195px;
	width:135px;
}
.input input.qtext:focus {
    background-position:-151px -195px;
	background-color:transparent;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
}
.input-row.user-login .input {
	margin-bottom:2px;
}
/*  SELECT BOXES */
#register select {
	background:#fff;
	height:28px;
	width:150px;
   color: #3A4B5B;
      cursor:pointer;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
	line-height:20px;
}
#register div.long select {
	width:220px;
}
#register option {
	padding:5px 5px 5px 10px;
}
#register .gcform_Select {
	background-position:-303px -195px;
    border:none;
	position:absolute;
    padding: 5px 30px 1px 10px;
	height:22px !important;
	width: 110px !important;
    z-index: 19;
}
#register div.long .gcform_Select {
	background-position:-682px -227px;
	width:180px !important;
}
#register .gcform_Select_Focus {
	background-position:-455px -195px;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;

}
#register div.long .gcform_Select_Focus {
	background-position:-682px -257px;
}
#register .gcform_Select .gcform_Text {
	height:22px !important;
	width: 110px !important;
    position: absolute;
    cursor: default;
    z-index: 18;
    color: #3A4B5B;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
	line-height:18px !important;
	display:block;
	overflow:hidden;
	white-space:nowrap
}
#register div.long .gcform_Select .gcform_Text {
	width:180px !important;
}
#register div.time select {
	width:auto;
}
#register div.time div.time > div {
	float:left;
	width:50px
}
#register div.time .gcform_Select {
	background-position: -471px -258px;
	padding: 5px 24px 1px 8px;
	width: 18px !important;
}
#register div.time .gcform_Select_Focus {
	background-position: -523px -258px;
}
.textarea-bg, .textarea-sml-bg {
	padding:7px;
}
.multiselect-bg {
	padding:7px;
}
#register .multiselect-bg .gcform_List {
	border:none;
	background:none;
	width:306px;
	height:126px;
    color: #3A4B5B;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
	resize:none;
}
textarea.textarea {
	border:none;
	background:none;
	width:676px;
	height:126px;
    color: #3A4B5B;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
	resize:none;
}
textarea.textarea-sml {
	border:none;
	background:none;
	width:676px;
	height:80px;
    color: #3A4B5B;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
	resize:none;
}
#register input.login {
    background-position: -534px -227px;
	border:none;
    color: #3A4B5B;
    font-size: 11px;
    padding: 0 0 2px 10px;
	width:72px;
	height:28px;
	cursor:pointer;
	text-align:left;
	margin-top:-1px;
}
#register input.login:hover, #register input.login:focus {
    background-position: -608px -227px;	
	color:#fff;
}
#register a.register[disabled=disabled] {
	background-position:-752px -196px ;
	color:#999;
	cursor:default
}
#register a.register[disabled=disabled] span {
	background-position:-927px -196px ;	
}
.continue {
	margin-top:25px;
}
#register span.if {
	color:#666;
	font-size:0.813em
}
#register .terms {
	border:none;
	padding:7px;
	width:676px;
	height:126px;
    color: #3A4B5B;
    font-family: Tahoma,Geneva,sans-serif;
	resize:none;
}
#register p.label {
	margin-bottom:5px;
}
#register .terms-inner {
	overflow:auto;
	height:126px;
}
#register input.check, #ucComplaintForm_cblDamages input {
	float:left;
    margin-right: 5px;
    margin-top: 4px;
}
#register ul.radiolist {
	margin-top:15px;
}
#register ul.radiolist li {
	float:left;
	margin-right:25px;
}
#register ul.radiolist li input {
	float:left;
	margin-top:3px;
}
#register ul.radiolist li label {
	display:inline;
	font-size:100%;
	margin-left:5px;
}
#register label sup {
	color:#D70000;
	vertical-align:middle;
	line-height:0;
	margin-left:4px;
}
	
div.input.nolabel {
	margin-top:25px;
}
div.input p.nolabel {
	margin-top:15px;
}
div.input.button {
	width:auto;
	margin:3px 15px 0 0;
}
div.input.nolabel.button {
	margin-top:27px; }
	
div.input.addsearch {
	margin-right:15px;
}
.map-canvas-bg {
	border:none;
	padding:7px;
	width:676px;
	height:286px;	
}
#map-canvas {
	width:676px !important;
	height:286px !important;
}
#map-canvas a {
	background:none;
	padding:0;
}
#register input.datepicker {
	background-position:-643px -166px;
	border: none;
	border-radius:2px;
	color: #3A4B5B;
	cursor:text;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	height: 28px;
	padding:0 25px 0px 10px;
	width: 115px;
}
#register input.datepicker:focus {
	background-position:-795px -166px;
	background-color:transparent;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
}
#register .gmnoprint input {
	margin:3px;
}
#register .gmnoprint label {
	font-size:100%;
	display:inline;
}
.input.forgotemail {
	margin-right:15px;
	width:220px;
}
input.forgotemail {
    background-position: 0 -176px;
    border: medium none;
    color: #3A4B5B;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    height: 25px;
    margin: 0;
    padding: 1px 0 2px 7px;
    vertical-align: text-top;
    width: 205px;
}
div.upload {
	background-position:-605px -196px ;

}
div.upload:hover, div.upload:focus {
	background-position:-679px -196px ;	
	cursor:pointer !important;
}
div.upload input#image:hover, div.upload input#image:focus {
	cursor:pointer !important;
}
span.validation-error[style*=hidden] {
	display:none !important;
}
div.input-row span.validation-error, .validation-error {
	color:#D70000;
  	font-size: 0.688em;
	line-height:1.5em;
	display:block;
    margin:4px 0 0 2px;
	clear:left
}
div.input span.validation-error.green {
	color:green;
}
span.validation-error {
    font-size: 0.688em;
}
span.validation-error.green {
    color:green
}
.validation-error.login {
	clear:left;
	color:#D70000;
    font-size: 0.688em;
	display:block;
	margin-left:4px;
}
div.input.full span.validation-error {
	margin:5px 0 0 -2px;
}
span.check-left {
	float:left;
	margin-right:5px;
	margin-top:3px;
}

span.enquirytype input {
	float:left;
	margin:3px 10px 0 0;
}
span.enquirytype label {
	margin-bottom:0;
}
#ucEventForm_RadEditorDescription {
	width:690px !important;
	min-width:690px !important;
}
/* global styles css reset (prevent mode) */
.RadEditor table,  .reToolbar,  .reToolbar li,  .reTlbVertical,  .reDropDownBody ul,  .reDropDownBody ul li,  .RadWindow table,  .RadWindow table td,  .RadWindow table td ul,  .RadWindow table td ul li {
	background-color: #fff !important;
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none !important;
	border-spacing:0 !important;
}
.reWrapper_corner,  .reWrapper_center,  .reLeftVerticalSide,  .reRightVerticalSide,  .reToolZone,  .reEditorModes,  .reResizeCell,  .reToolZone table td,  .RadEditor .reToolbar,  .RadEditor .reEditorModes {
	border: 0 !important;
}
.reToolbar li,  .reToolbar ul li,  .reInsertTable .reTlbVertical .reToolbar li {
	float: left !important;
	clear: none !important;
	border: 0 !important;
}
#ucEventForm_RadEditorDescription_contentIframe {
	width:676px !important;

}
.Default.reWrapper, .Default.RadEditor .reContentCell {
	border: none !important;
}
#ucEventForm_RadEditorDescriptionWrapper td#ucEventForm_RadEditorDescriptionCenter {	
	height:126px !important;
	padding:7px !important;
	border:solid 1px #ccc !important;
}
.reWrapper_corner, #ucEventForm_RadEditorDescriptionWrapper td {
	padding: 0 !important;
}
.reWrapper_corner, .reWrapper_center, .reLeftVerticalSide, .reRightVerticalSide {
	font-size:0 !important;
	padding:0 !important;
	line-height:0 !important;
}
.reToolbarWrapper {
    float: left;
    margin-bottom: 10px !important;
}
.RadUpload ul.ruInputs {
	margin:0 !important;
	list-style-type:none !important;
	list-style-image:none !important;
	font-size:100% !important;
}
.RadUpload_Default, .RadUpload_Default a, .RadUpload_Default input {
	font-size:100% !important;
	font-family:Arial, Helvetica, sans-serif !important;
}
.RadUpload .validation-error {
	top:58px !important;
	left:0 !important;
	font-size:0.813em !important
}
/* My Water Dates Tool */
#myWaterDates {
	margin-bottom: 40px;
}
#myWaterDates .fwPanel {
	margin-top: 0;
	display: inline-block;
}
#myWaterDates ul.SearchBy {
	margin: 0;
}
	#myWaterDates ul.SearchBy li {
		display: inline-block;
		padding: 0 10px 0 0;
	}
	#myWaterDates ul.SearchBy li input {
		margin: 0px 5px;
		font-size: inherit;
	}
	#myWaterDates ul.SearchBy li label {
		display: inline !important;
		font-size: inherit;
	}
	#myWaterDates div.input {
		margin-bottom: 10px;
	}
	#myWaterDates input[type="text"], #myWaterDates input[type="tel"] {
		width: 100% !important;
		border: solid 1px #cccccc !important;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset !important;
		padding: 8px !important;
		color: #484545 !important;
		transition: border 0.2s linear 0s, border-color 0.2s linear 0s !important;
	}
	#myWaterDates input[type="text"]:focus, #myWaterDates input[type="tel"]:focus {
		border: 1px solid #abcfd6 !important;
	}
	#myWaterDates legend {
		font-size: 0.875em;
		margin-bottom: 20px;
	}
	#myWaterDates .RadComboBox table td.rcbInputCell {
		padding: 0 !important;
	}
	#myWaterDates .RadComboBox_Default .rcbInput {
		font-size: 14px !important;
	}
	#myWaterDates .RadComboBox_Default .rcbInputCell, #myWaterDates .RadComboBox_Default .rcbArrowCell {
		background-image: none !important;
	}
	#myWaterDates .RadComboBox table {
		background: none !important;
		margin-bottom: 0px;
	}
	#myWaterDates #ucMyWaterDatesForm_rajMain input {
		width: 100%;
		max-width: 280px;
		margin: 0 20px 10px 0;
	}
	#ucMyWaterDatesForm_radcbStreetName_DropDown, #ucMyWaterDatesForm_radcbSuburbName_DropDown {
		box-shadow: 0 3px 4px #e7e7e7 !important;
		border-color: #abcfd6 !important;
		border-top-color: #fff !important;
		margin: -12px 0 !important;
		box-sizing: border-box !important;
		max-width: 298px !important;
	}
	#myWaterDates .ValidationMsg {
		font-size: 14px;
		color: #ed1556;
	}
	#myWaterDates #register {
		margin-bottom: 30px;
	}
	#myWaterDates .errorMsg {
		padding: 12px 20px 2px;
		border-left: 3px solid #339ba9;
		background: #f1f1f1;
	}
	#myWaterDates .errorMsg h2 {
		margin-bottom: 10px;
	}
	#myWaterDates .resultHeading {
		margin: 25px -25px;
		width: 740px;
		padding: 25px 25px 0;
		box-sizing: border-box;
	}
	#myWaterDates .resultHeading p {
		font-size: 0.9em;
		font-weight: bold;
		color: #0090a5;
		margin-bottom: 10px;
	}
	#myWaterDates .resultHeading h2 {
		font-size: 1.1em;
		color: #484545;
	}
	#myWaterDates fieldset {
		margin-bottom: 16px;
	}
	#ucMyWaterDatesForm_radcbStreetName_DropDown ul.rcbList, #ucMyWaterDatesForm_radcbSuburbName_DropDown ul.rcbList {
		list-style-image: none !important;
		margin: 0 !important;
		font-size: 14px !important;
	}
	#myWaterDates input#ucMyWaterDatesForm_txtAccountNumber {
		margin-bottom: 10px;
	}
	div#myWaterDatesDisclaimer {
		margin-bottom: 50px;
	}
	#myWaterDatesDisclaimer h2 {
		border-top: 1px solid #e2e2e2;
		padding-top: 20px;
	}
	#myWaterDates .buttonContainer p {
		margin-top: 34px;
	}


/*====================================
Pure CSS Forms
=====================================*/

.pureCssForm {
	margin-bottom: 40px;
}
.pureCssForm .sprite {
    background: none;
}
.pureCssForm .fwPanel {
	margin-top: 0;
	display: inline-block;
}
.pureCssForm ul.SearchBy {
	margin: 0;
}
.pureCssForm ul.SearchBy li {
	display: inline-block;
	padding: 0 10px 0 0;
}
.pureCssForm ul.SearchBy li input {
	margin: 0px 5px;
	font-size: inherit;
}
.pureCssForm ul.SearchBy li label {
	display: inline !important;
	font-size: inherit;
}
.pureCssForm div.input {
	margin-bottom: 10px;
}
.pureCssForm input[type="file"] {
	min-height: 40px !important;
}
.pureCssForm input[type="text"], .pureCssForm input[type="tel"], #register.pureCssForm select, #register.pureCssForm input.datepicker, .pureCssForm input[type="email"], .pureCssForm input[type="file"], .pureCssForm input[type="number"], .pureCssForm input[type="password"], textarea {
	box-sizing: border-box;
	width: 100% !important;
	border: solid 1px #cccccc !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset !important;
	padding: 8px !important;
	color: #484545 !important;
	transition: border 0.2s linear 0s, border-color 0.2s linear 0s !important;
	width: 100%;
	height: 34px;
	margin: 0 20px 10px 0;
	font-size: 13px;
	background: none;
	opacity: 1 !important;
}
.pureCssForm input[type="text"]:focus, .pureCssForm input[type="tel"]:focus, .pureCssForm input[type="email"]:focus, .pureCssForm input[type="file"]:focus, .pureCssForm input[type="number"]:focus, .pureCssForm input[type="password"]:focus, .pureCssForm textarea:focus {
	border: 1px solid #abcfd6 !important;
}
#register.pureCssForm textarea.textarea {
	margin-bottom: 10px;
}
.pureCssForm legend {
	font-size: 0.875em;
	margin-bottom: 20px;
}
#register.pureCssForm select {
	background: #fff;
    opacity: 1 !important;
    font-size: 13px;
	width: auto !important;
	min-width: 320px;
}
#register.pureCssForm .qcol select, #register.pureCssForm .qcol2 select, #register.pureCssForm .qcol4 select {
    min-width: 150px;
}
.pureCssForm .RadComboBox table td.rcbInputCell {
	padding: 0 !important;
}
.pureCssForm .RadComboBox_Default .rcbInput {
	font-size: 14px !important;
}
.pureCssForm .RadComboBox_Default .rcbInputCell, .pureCssForm .RadComboBox_Default .rcbArrowCell {
	background-image: none !important;
}
.pureCssForm .RadComboBox table {
	background: none !important;
	margin-bottom: 0px;
}
.pureCssForm div[id*="_DropDown"] {
	box-shadow: 0 3px 4px #e7e7e7 !important;
	border-color: #abcfd6 !important;
	border-top-color: #fff !important;
	margin: -12px 0 !important;
	box-sizing: border-box !important;
	max-width: 298px !important;
}
.pureCssForm .ValidationMsg {
	font-size: 14px;
	color: #ed1556;
}
.pureCssForm #register {
	margin-bottom: 30px;
}
.pureCssForm h2.privacyNotice {
    padding: 20px 0 10px 0;
    margin: 30px 0 0;
    border-top: 1px solid #f1f1f1;
}
.pureCssForm .errorMsg {
	padding: 12px 20px 2px;
	border-left: 3px solid #339ba9;
	background: #f1f1f1;
}
.pureCssForm .errorMsg h2 {
	margin-bottom: 10px;
}
.pureCssForm .resultHeading {
	margin: 25px -25px;
	width: 740px;
	padding: 25px 25px 0;
	box-sizing: border-box;
}
.pureCssForm .resultHeading p {
	font-size: 0.9em;
	font-weight: bold;
	color: #0090a5;
	margin-bottom: 10px;
}
.pureCssForm .resultHeading h2 {
	font-size: 1.1em;
	color: #484545;
}
.pureCssForm fieldset {
	margin-bottom: 16px;
}
.pureCssForm div[id*="_DropDown"] ul.rcbList {
	list-style-image: none !important;
	margin: 0 !important;
	font-size: 14px !important;
}
.pureCssForm .buttonContainer p {
	margin-top: 34px;
}
.pureCssForm .RadUpload_Default input[type="text"] {
    width: 70% !important;
}
.pureCssForm .RadUpload_Default input[type="file"] {
    opacity: 0 !important;
}
.pureCssForm .RadUpload .ruFileWrap {
	height: 34px;
}
.pureCssForm .RadUpload_Default .ruBrowse {
    margin-top: 6px;
}
.pureCssForm .boxedButton {
    padding: 8px 26px !important;
    /* height: 34px; */
}
.pureCssForm .boxedButtonTeal {
	background-color: #0091a5;
	border: 1px solid #0091a5;
	color: #fff;
	background: #0091a5 url();
}
.pureCssForm .boxedButtonTeal:hover, .pureCssForm .boxedButtonTeal:focus {
	background-color: #009eb6;
		border: 1px solid #009eb6;
}
.pureCssForm div.input.nolabel {
    margin-top: 24px;
}
.pureCssForm .RadAutoCompleteBox {
	width: 100%;
}
.pureCssForm input[type="checkbox"] {
    float: left;
    margin: 3px 6px 0 0;
}
#webChatForm .left {
    max-width: 340px;
    width: 100%;
}

/*====================================
9.	In Page Slider
=====================================*/

.page-slider {
	margin-bottom:15px;	
	position:relative;
	z-index:0;
	width:690px;
	height:991px;
}
.page-slider .slide-container {
	overflow:hidden;
	z-index:0;
}
.page-slider .slide-container .slide-control {
	display:block;
	z-index:0;
}
.page-slider .slide-container .slide {
	display:block;
	z-index:0;
}
.page-slider .buttons {
	margin-bottom:10px
}
.page-slider .pag li {
	float:left;
	margin-right:10px;
}
.page-slider .pag li.current a {
  background-position: -291px -321px;
  color: #FFFFFF;
  cursor:default;
  text-decoration: none;
}
.page-slider .pag li.current a span {
  background-position: -961px -321px;
}
.image-map area:hover {
	cursor:pointer;
}
/*====================================
9.	GC ACCESS
=====================================*/

#access-edit select {
	background:#fff;
	height:28px;
	width:150px;
   color: #3A4B5B;
      cursor:pointer;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
	line-height:20px;
}
#access-edit div.long select {
	width:220px;
}
#access-edit option {
	padding:5px 5px 5px 10px;
}
#access-edit .gcform_Select {
	background-position:-303px -195px;
    border:none;
	position:absolute;
    padding: 5px 30px 1px 10px;
	height:22px !important;
	width: 110px !important;
    z-index: 19;
}
#access-edit div.long .gcform_Select {
	background-position:-682px -227px;
	width:180px !important;
}
#access-edit .gcform_Select_Focus {
	background-position:-455px -195px;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;

}
#access-edit div.long .gcform_Select_Focus {
	background-position:-682px -257px;
}
#access-edit .gcform_Select .gcform_Text {
	height:22px !important;
	width: 110px !important;
    position: absolute;
    cursor: default;
    z-index: 18;
    color: #3A4B5B;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
	line-height:18px !important;
	display:block;
	overflow:hidden;
	white-space:nowrap
}
#access-edit div.long .gcform_Select .gcform_Text {
	width:180px !important;
}

/*====================================
9.	INDIVIDUAL PAGE STYLES
=====================================*/

/* 9.1  News & Media
------------------------------------ */

#attached-media{
	padding:5px 0;
	border-top: 1px solid #F6F6F6;
	border-bottom: 1px solid #F6F6F6;
	margin-bottom:15px;
}
#attached-media .inner{
	background-color: #F6F6F6;
	height:auto;
	padding:10px 0 0;
}

div.inner ul.media{
	width:auto;
	float:left;
	margin:0px 0 0 20px!important;
}
div.inner ul.media li{
	list-style-image:none;
	padding:0 0 2px 30px!important;
	margin-bottom:8px;
}

/* 9.2  Image Gallery
------------------------------------ */

#feature-gallery {
	margin-bottom:25px;
}
.feature-image {
	float: left;
	width:162px;
	margin-right:25px;
}
.feature-image img {
	padding: 5px;
	border:1px solid #ddd;
}
.feature-content {
	margin-left:187px;
}
#gallery-list {
    float: left;
    margin-right:-14px;
}
.gallery-thumb {
  float:left;
  margin:0 14px 25px 0;
  width:162px;
  min-height:190px;
}
.gallery-thumb .image {
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:5px;
}
.gallery-thumb .image img {
	width:150px;
	height:96px;
}
.gallery-thumb .gallery-title {
	height:20px;
	clear:both;
	margin-top:5px;
	height:25px;
}
.gallery-thumb .title {
	font-size:0.688em;
	padding-left:2px;
}
.gallery-thumb .button {
  	float:right;
  	width:50px;
}
.gallery-thumb .description {
  font-size:11px;
  margin-bottom:5px;
  color:#545454;
}
.gallery-thumb .date {
	padding-left:2px;
}
.gallery-thumb .date p {
	color: #6F8090;
	font-size: 0.688em;
	margin-bottom:0;
}
#gallery-list .last {
	margin-right:0px;
}

/* 9.3  Tenders Page
------------------------------------ */

.tender-details p {
	padding-left:150px;
	margin-bottom:15px;
	font-weight:normal!important;
}
.tender-details span.label {
	float:left;
	font-size:13px;
	font-weight:bold
}

/* 9.4  Events Detail Page
------------------------------------ */

#event-full {
	
}
#event-full div.event-img {
	float:right;
	margin-left:25px;
	margin-bottom:15px;
	width:112px;
}
#event-full img.event-img {
	width:100px;
	height:auto;
	padding:5px;
	border: 1px solid #ddd;
	margin-bottom:5px;
}
#event-listing .event-body li p {
    margin:0;
}
#event-listing .event-details {
	margin-top:25px;
}
#event-listing .event-details p {
	padding-left:93px;
	margin-bottom:10px;
}
#event-listing .event-details p a {
	font-size:13px;
	text-decoration:none;
}
#event-listing .event-details p a:hover, #event-listing .event-details p a:focus {
	text-decoration:underline;
}
#event-listing .event-details span.label {
	float:left;
	font-size:13px;
	font-weight:bold
}
#event-listing .event-details p.map-link {
	margin-left:85px;
	padding-left:25px !important;
}
#event-extras {
	float:left;
	padding-left:25px;
	width:250px;
}
#event-full div.event-img span {
    color: #3A4B5B;
	font-size:11px;
	padding-left:22px;
	margin-left:5px;
	display:block;
	width:85px;
}
#event-full div.event-img a:hover {
	text-decoration:none;
}

/* 9.5  RSS Feed Page
------------------------------------ */

#feed-list { }

#feed-list .feed {
	border-bottom:1px dotted #e2e2e2;
	padding-bottom:15px;
	margin-bottom:15px;
}
#feed-list .feed p {
	margin-bottom:5px;
}
p.feed-link {
	padding: 3px 0 2px 25px;
}
#feed-list .feed p.feed-link a {
	text-decoration:none;
}
#feed-list .feed p.feed-link a:hover, #feed-list .feed p.feed-link a:focus {
	text-decoration:underline;
}
#feed-list .feed p.date {
	color: #6F8090;
    font-size: 0.688em;
    font-weight: normal;
    margin-bottom: 0px;
}
	

/* 9.6  Jobs Details Page
------------------------------------ */	

#job {
	margin-bottom:25px;
}
#job-details {
	float:right;
	border:1px dotted #e2e2e2; 
	margin:0 0 15px 25px;
	padding:5px; 
	width:260px;	
}
#job-details-inner {
	background:#f4f4f4; 
	padding:15px; 
	border:1px dotted #e2e2e2; 
}
#jobs-list ul {
	list-style-image:none;
	margin:0;
}

#jobs-list ul li {
	padding:0;
}
	
#jobs-list .job-wrap {
	min-height:100px;
	padding:15px 0px 15px 0px;
}	
#jobs-list .job-img {
	float:left;
	padding-right:15px;
	width:100px;
}
#jobs-list .job-info {

}
#jobs-list .job-info p.title-link {
	margin-bottom:10px
}
#jobs-list .job-details {
	float:right;
	width:200px;
	padding-left:25px;
	text-align:right;
}
#jobs-list .job-details p {
	font-size:11px;
	margin-bottom:4px;
}
ul.job-buttons {
	float:right;
	height:29px;
	margin-top:5px;
}
.job-buttons li {
	float:left;
	height:29px;
}
.job-buttons li.right {
	margin-left:15px;
}

#job-full {
	float:left;
	width:425px;

}
#job-listing .job-details p {
	padding-left:60px;
	margin-bottom:5px;
}
#job-listing .job-details a {
	font-size:13px;
}
#job-listing .job-details span.label {
	float:left;
	font-size:13px;
	font-weight:bold
}
#related, .dev-applications, .greybox {
	border:1px dotted #e2e2e2; 
	padding:5px; 
	margin: 25px 0;
}
#related-inner, .dev-applications-inner, .greybox-inner {
	background:#F6F6F6; 
	border:1px dotted #e2e2e2; 
	padding: 15px 15px 8px 15px;
}
#related-content h2 {
	margin-bottom:0;
}

/* 9.7  Social Media Page
------------------------------------ */

.social-container {
	float:left; width:325px;
}
.social-container ul {
	margin-left:10px;
}
.social-container h2 {
	border-bottom: 1px solid #dfdfdf; 
	padding-bottom:5px;
}

/* 9.8  Weather & Surf Page
------------------------------------ */

#todays-forecast {
	height:150px;
	margin-bottom:25px;
}
#todays-forecast p {
	font-size:0.813em;
	margin-bottom:0
}
#today {
	background:#E2F2FB;
    border: 1px solid #CFE2ED;
	float:left;
	min-height:120px;
	padding:15px;
	width:288px;
	margin-bottom:25px;
}
#todays-forecast .body {
	margin-top:15px;
}
#todays-forecast .today-title {
	float:left;
	width:100px;
}
#todays-forecast .today-title h2 {
	color:#3A4B5B;
}
#todays-forecast .today-icon {
	float:left;
	margin-bottom:10px;
	width:100px;
}
#todays-forecast .today-conditions p.outlook {
	margin-bottom:10px;
}
#todays-forecast .today-conditions span.mm {
	display:inline-block;
	width:40px;
}
#current-temp {
	background:#E2F2FB;
    border: 1px solid #CFE2ED;
	float:left;
	height:120px;
	margin-left:25px;
	padding:15px;
	width:145px;
}
#current-temp .current-head {
	height:38px;
}
#current-temp div.temp {
	margin-bottom:20px;
}
#current-temp div.temp {
	color:#0066a0;
	font-size:2.6em;
	font-weight:bold;
}
#current-temp p.updated {
	font-size:0.688em;
}

#five-day {
	float:left;
	margin-bottom:25px;
}
#five-day .five-day-tile {
	background:#E2F2FB;
    border: 1px solid #CFE2ED;
	float:left;
	margin-left:10px;
	width:128px;	
}
#five-day .five-day-tile.first {
	margin-left:0;
}
#five-day .five-day-tile p {
	font-size:0.813em;
	margin-bottom:0;
	text-align:center;
}
#five-day .five-day-tile .tile-head {
	border-bottom:1px solid #CFE2ED;
	padding:5px 0 5px 0;
}
#five-day .five-day-tile .tile-cast {
	background:#f5fbff;
	border-bottom:1px solid #CFE2ED;
	padding:15px;
	text-align:center;
	min-height:100px;
}
#five-day .five-day-tile .tile-cast img {
	margin-bottom:5px;
}
#five-day .five-day-tile .tile-cast p {
	font-size:0.688em;
}
#five-day .five-day-tile .min {
	border-bottom:1px solid #CFE2ED;
	padding:5px 0 5px 0;
}
#five-day .five-day-tile .max {
	padding:5px 0 5px 0;
}
#surf-cams {
	float:right;
}
#surf-cams h2 {
	text-align:right;
}
#surf-cams ul {
	list-style-image:none;
	margin:0;
}
#surf-cams ul li {
	float:left;
	margin-left:15px;
}
#surf-cams ul li p {
	margin:0;
}
#surf-report p.forecast {
	text-align:right;
	font-size:0.688em;
}
#surf-report p.swell {
	padding-left:45px;
}
#surf-report .surf-head span {
	font-size:0.813em;
	font-weight:normal;
}
#surf-report .surf-graph {
	float:right;
	margin-left:25px;
	margin-bottom:15px;
}

#surf-weather {
	background:#E2F2FB;
    border: 1px solid #CFE2ED;
	padding:10px;
	margin-bottom:20px;
}
#surf-weather ul {
	list-style-image:none;
	margin:0;
	min-height:100px;
}
#surf-weather ul li {
    border-right: 1px dotted #CFE2ED;	
	float:left;
	font-size:1em;
	margin-bottom:10px;
	min-height:100px;
	padding:0 10px 0 10px;
	width:116px;
}
#surf-weather ul li.first {
	padding-left:0
}
#surf-weather ul li.last {
	border-right:none;
	padding-right:0
}
#surf-weather p, #surf-weather ul li p {
	font-size:0.688em;
	margin-bottom:0px;
}
#surf-weather p.title {
	color:#3A4B5B;
	font-weight:bold;
}
#surf-weather p.title span {
	color:#3A4B5B;
	float:right;
	font-weight:normal;
}
#surf-weather .outlook {
    border-top: 1px dotted #CFE2ED;
	padding-top:10px;
}

/* 9.8  Planning Scheme Applications
------------------------------------ */
.spacer-bottom{padding-bottom:10px;}

/* 9.10  Comm Games Count Down Clock
------------------------------------ */

.countdown {

}
.counter {
	line-height: 32px;
}
.countdown-rtl {
	direction: rtl
}
.countdown-holding span {
	color: #888
}
.countdown-row {
	clear: both;
	display:table;
	text-align: center;
	width:100%
}
.countdown-show1 .countdown-section {
	width: 98%
}
.countdown-show2 .countdown-section {
	width: 48%
}
.countdown-show3 .countdown-section {
	width: 32.5%
}
.countdown-show4 .countdown-section {
	width: 24.5%
}
.countdown-show5 .countdown-section {
	width: 19.5%
}
.countdown-show6 .countdown-section {
	width: 16.25%
}
.countdown-show7 .countdown-section {
	width: 14%
}
.countdown-section {
	display:table-cell; 
	text-align: center; 

}
.countdown-amount {
	font-size:24px;
	color: #3a4b5b;
	font-weight:bold;
}
.countdown-period {
	display: block;
	color: #ababab;
	font-size:13px
}
.countdown-descr {
	display: block;
	width: 100%
}
/*====================================
10.	JQUERY UI - Accordion & DatePicker
=====================================*/

.ui-helper-hidden {
display:none;
}

.ui-helper-hidden-accessible {
clip:rect(1px,1px,1px,1px);
position:absolute!important;
}

.ui-helper-clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.ui-helper-clearfix {
display:block;
}

* html .ui-helper-clearfix {
height:1%;
}

.ui-helper-zfix {
height:100%;
left:0;
opacity:0;
position:absolute;
top:0;
width:100%;
}

.ui-state-disabled {
cursor:default!important;
}

.ui-icon {
background-repeat:no-repeat;
display:block;
overflow:hidden;
text-indent:-99999px;
}

.ui-widget-overlay {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

.ui-widget {
font-family:Tahoma, Arial,sans-serif;
}

.ui-widget-header {
background:#c00;
color:#fff;
font-weight:700;
}

.ui-widget-header a {
color:#fff;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
background:#fbfbfb;
border:1px solid #e2e2e2;
color:#3A4B5B;
font-weight:700;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
color:#004276;
text-decoration:none;
}

.ui-state-hover a,.ui-state-hover a:hover {
text-decoration:none;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
color:#c00;
text-decoration:none;
}

.ui-widget :active {
outline:none;
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
background:#fff;
}

.ui-datepicker {
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
display:none;
margin:1px 0 1px 1px;
padding:.3em .3em 0;
width:17em;
z-index:999 !important;
font-size: 12px;
}

.ui-datepicker .ui-datepicker-header {
padding:.2em 0;
position:relative;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
height:22px;
position:absolute;
top:2px;
width:22px;
}

.ui-datepicker .ui-datepicker-prev {
background-position:-496px -139px;
cursor:pointer;
left:1px;
}

.ui-datepicker .ui-datepicker-next {
background-position:-518px -139px;
cursor:pointer;
right:1px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
	background-color:transparent;
	background-position:-496px -139px;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover {
	background-color:transparent;
background-position:-518px -139px;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
display:block;
left:50%;
margin-left:-8px;
margin-top:-8px;
position:absolute;
top:50%;
}

.ui-datepicker .ui-datepicker-title {
line-height:1.8em;
margin:0 2.3em;
text-align:center;
}

.ui-datepicker .ui-datepicker-title select {
font-size:1em;
margin:1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
width:100%;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
width:49%;
}

.ui-datepicker table {
border-collapse:collapse;
font-size:.9em;
margin:0 0 .4em;
width:100%;
}

.ui-datepicker th {
border:0;
font-weight:700;
padding:.7em .3em;
text-align:center;
}

.ui-datepicker td {
border:0;
padding:1px;
}

.ui-datepicker td span,.ui-datepicker td a {
display:block;
padding:.2em;
text-align:center;
text-decoration:none;
}
.ui-datepicker td span {
	color:#ccc !important;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image:none;
border-bottom:0;
border-left:0;
border-right:0;
margin:.7em 0 0;
padding:0 .2em;
}

.ui-datepicker .ui-datepicker-buttonpane button {
cursor:pointer;
float:right;
margin:.5em .2em .4em;
overflow:visible;
padding:.2em .6em .3em;
width:auto;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float:left;
}

/*====================================
11.	RELATED CONTENT
=====================================*/

.related-heading {
background:none repeat scroll 0 0 #F1F1F1;
border-color:#FFF #FFF #e2e2e2;
border-style:solid;
border-width:1px;
height:32px;
margin:25px -25px;
padding:8px 25px 0 20px;
clear:both;
}

#related-forms {
clear:left;
}
#related-forms .item ul li {
	font-size:0.688em;
}
#related-forms .item ul {
	margin-bottom:5px;
}
#related-faqs {
clear:left;
}
#related-faqs .item ul li {
	font-size:0.688em;
}
#related-faqs .item ul {
	margin-bottom:5px;
}
#related-content ul.related {
margin:0;
width:337px;
}

#related-content ul.related li {
display:block;
font-size:11px;
list-style-image:none;
margin-bottom:10px;
padding:0;
}

#related-content ul.listCol1 {
	float:left;
	margin:0 16px 0 0 !important;
}

#related-content ul.listCol2 {
margin:0 0 0 353px;
}
#related-content ul.related li h3.accordion-head {
background-position:-599px -108px;
color:#3A4B5B;
display:block;
font-size:11px;
font-weight:bold;
height:15px;
margin-bottom:0;
padding:2px 0 8px 15px;
position:relative;
text-shadow:0 1px #fff;
}
#related-content ul.related li .accordion-content {
background:#fff;
border-color:#eee;
border-style:solid;
border-width:0 1px 1px;
/*display:none;*/
margin-top:-2px;
overflow:auto;
padding:15px 15px 5px;
position:relative;
top:1px;
}
#related-content .faqtitle{
	color: #017398;
}
#related-content ul.related li .accordion-content ul {
	margin:0;
}
#related-content ul.related li .accordion-content .item {
border-bottom:1px dotted #e2e2e2;
margin-bottom:10px;
padding-bottom:5px;
}

#related-content ul.related li .accordion-content .item.last {
border-bottom:none;
margin-bottom:0;
}

#related-content ul.related li .accordion-content a {
	color:#434244;
	text-decoration:none;
}
#related-content ul.related li .accordion-content a:hover {
	color:#c4004b

}
#related-content ul.related li .accordion-content a:focus, #related-content ul.related li .accordion-content a:hover {
	text-decoration:underline;
}
.related-heading h2 {
	font-size:14px;
	line-height:20px;
	text-shadow:0 1px #fff;
}

.related-heading h2.r-info {
background-position:0px -360px;
margin-bottom:0;
padding:3px 0 6px 45px;
}

.related-heading h2.r-map {
    background-position: 0px -842px;
    margin-bottom: 0;
    padding: 3px 0 6px 45px;
}

.related-heading h2.forms {
background-position:0px -60px;
margin-bottom:0;
padding:3px 0 6px 45px;
}

.related-heading h2.faqs {
background-position:0px -390px;
margin-bottom:0;
padding:3px 0 6px 45px;
}

#related-forms .item, #related-faqs .item, .related-forms-planning .item {
border-bottom:1px dotted #c5c4c4;
margin-bottom:15px;
}

.related-forms-planning p.desc{
	padding-bottom:10px!important;
}

#related-forms .item p.downs {
font-size:11px;
margin-bottom:15px;
}

#related-forms .item span.filesize, #related-faqs .item span.filesize{
font-size:10px;
}

/*.ui-widget-content a,*/
.related-heading h2 {
color:#3A4B5B;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
background-color:#fff;
color:#c00;
}

#related-content ul.related li .accordion-content p,#related-forms .item p.desc, div#related-forms div.item p, #related-faqs .item p.desc, div#related-faqs div.item p{
  font-size:11px;
margin-bottom:5px;
line-height:1.8em;
}

#related-content ul.related li .accordion-content p.title,#related-forms .item p.title, #related-faqs .item p.question {
margin-bottom:5px;
}
#related-faqs .item p.question {
	color:#017398;	
}
	
/*====================================
12.	FAQ Accordion
=====================================*/

#faq-content h2.faq-title {
    line-height:1.8em;
	margin-top:25px;
}
#faq-content .faqlist {
	margin:0;
}
#faq-content p {
	font-size:1.3em;
	margin-bottom:15px;
}
#faq-content .ui-widget {
	font-size:100%;	
}
#faq-content .faqlist li {
	list-style-image:none;
	padding:0;
	font-size:100%
}
#faq-content .faqlist li h3 {
	border-bottom:1px dotted #e2e2e2;
	color: #3A4B5B;
	cursor:pointer;
	font-size:0.688em;
	padding:10px 35px 10px 15px;
	position:relative;
	margin-bottom:0px;
}
#faq-content .faqlist li h3.accordion-hover, #faq-content .faqlist li h3.ui-state-focus, #faq-content .faqlist li h3.accordion-active {
	color: #c4004b
	background:#fbfbfb;
}
#faq-content .faqlist li div.desc {
	padding:15px 15px 0 15px;
	font-size:0.688em;
}
#faq-content .faqlist li div.ui-widget-content {
	border-width:0 1px 1px 1px;
	border-color:#e2e2e2;
	border-style:dotted;
}
#faq-content .faqlist li h3 .ui-icon {
	height:7px;
	position:absolute;
	right:15px;
	top:15px;
	width:9px;
}
#faq-content .faqlist li h3 .ui-icon-triangle-1-e {
background-position:-939px -108px;
}
#faq-content .faqlist li h3 .ui-icon-triangle-1-s {
background-position:-939px -117px;
}
#faq-content ul.faqlist li div.desc ul{
	margin:0 0 15px 15px;
}
#faq-content ul.faqlist li div.desc li {
	list-style-image:inherit;
}
#faq-content ul.faqlist li div.desc p a {
	color:#C4004B;
	text-decoration:none;
}
#faq-content ul.faqlist li div.desc p a:hover {
	text-decoration:underline;
}
#faq-content ul.faqlist li div.desc p im {
	text-align:center;
}
#faq-content ul.faqlist li.ui-accordion-li-fix div.desc p.online-form a.button.online-form{
	text-decoration:none;
}
#faq-content ul.faqlist li.ui-accordion-li-fix div.desc p.online-form a.button.online-form:hover{
	color:#fff;
}
.accordion .button {
	cursor:pointer;
}
.accordion .button .ui-icon-triangle-1-e {
    background-position: -939px -108px;
}
.accordion {
	margin:25px 0;
	clear: both;
}
.accordion .header {
	background: #f1f1f1 none repeat scroll 0 0;
    border-bottom: 1px solid #d2d2d2;
	font-size:12px;
    margin: 0 0 10px 0;
    padding: 5px 45px 5px 10px;
	position:relative;
	clear: both;
}
.accordion .header:hover, .accordion .header:focus, .accordion .accordion-hover, .accordion .accordion-focus, .accordion .accordion-active {
	background-color:#c4004b;
	border-bottom:1px solid #600025;
	color:#fff;
	cursor:pointer;
}
.accordion .header .ui-icon {
	position:absolute;
	right:5px;
	top:0;
	height:30px;
	width:30px;
}
.accordion .content {
	display:none;
	padding:15px 10px
}
.accordion .content .left {	
    max-width: 444px;	
    }
/*====================================
13.	FANCYBOX
=====================================*/


#fancybox-loading {
	position: fixed;
	top: 30%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-title-inside{
	text-align: left;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}


#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	background:none;
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
}

.fancybox-ie .fancybox-bg { background: transparent !important; }

#fancybox-title-inside span.fb-title {
	padding-right:100px;
}
#fancybox-title-inside span.group {
	position:absolute;
	right:0;
	top:0
}

/*====================================
14.	Site Map
=====================================*/

#page ul.site-map ul {
	margin-top:0;
}


/*=================
15. In-page feedback
==================*/
	#feedback-container ul {
		list-style-image: none;		
	}
	#feedback-container label {
		display: inline;
		margin-right: 15px;
	}
	
.survey {
    background-color: #f1f1f1;
	margin:25px 0;
    padding: 2%;
    width: 96%;
}

.survey h2{
	margin-bottom:10px;
}
.survey p{
	margin-bottom:0;
}
div.survey .radio-inline {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    padding-right: 10px;
    position: relative;
    vertical-align: middle;
}
div.survey label {
    display: inline-block;
    font-weight: 700;
    margin: 0 0 5px 0;
    max-width: 100%;
}

textarea.survey-text {
    background: #fff;
    border: 1px solid #c3c3c3;
    color: #3a4b5b;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    height: 100px;
    resize: none;
    width: 100%;
	margin-bottom:10px;
}
input.survey-input{
	background: #fff;
    border: 1px solid #c3c3c3;
 	width:300px;
	margin-bottom: 10px;
  	height:23px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#page-filter .gcform_Select {
    height: 18px !important;
    padding: 3px 30px 3px 10px;
}
#page-filter input.submit {
	padding-top:3px;
}
}
/*=====================================================
16.	Flex box styles
=======================================================*/

.flex-box {
	display: flex; 
	justify-content: center; 
	align-content: space-between; 
	margin: 0px -10px;
}
.flex-box .box {
	width:100%;
	margin:0 10px;
}

/*=====================================================
17.	LGP related feature boxes and buttons
=======================================================*/

.featureBox {
	width: 100%;
	border: 2px solid #e6e4e2;
	margin: 20px 0 30px 0;
	padding: 15px 15px 10px 15px;
	display:table;
	box-sizing: border-box;
}
.featureBox h3, .featureBox h2 {
	font-size: 0.875em;
	background-color: #f5f5f4;
	padding: 10px 15px;
	margin:-15px -15px 15px -15px;
}

.featureBoxWithList {
	width: 100%;
	border: 2px solid #e6e4e2;
	margin: 20px 0 30px 0;
	display:table;
	box-sizing: border-box;
}
.featureBoxWithList h3 {
	font-size: 0.875em;
	margin: 0 0 12px 0;
}
.featureBoxWithList .content {
	padding:15px 15px 8px 15px;
	margin-bottom: 0px;
	display:table-cell;
}
.featureBoxList {
	display:table-cell;
	background-color: #f5f5f4;
	padding:15px 15px 8px 15px;
    font-size: 0.936em;
	width: 168px;
}
#page .featureBoxList li {
    padding-bottom: 10px;
}
.featureBoxList.wide {
	width:220px;
}
.featureBoxWithInset {
	width: 100%;
	border: 2px solid #e6e4e2;
	margin: 20px 0 30px 0;
	padding-bottom: 12px;
}
.featureBoxWithInset h3 {
	font-size: 0.875em;
	background-color: #f5f5f4;
	padding: 10px;
	margin: 0 0 6px 0;
}
.featureBoxWithInset p {
	padding: 10px;
	margin: 0;
}
.featureBoxInset {
	float: right;
	border: 1px solid #e6e4e2;
    font-size: 14px;
	width: 208px;
	/* Reduced left and top values for use outside of parent container - Mitch 06/7/2017 */
	margin: 0px 0px 30px 30px;
}
/* Only use top and left margins if in use with parent container - Mitch 06/7/2017 */
.featureBoxWithInset .featureBoxInset {
	margin: 10px 10px 30px 30px !important;
}
.featureBoxInset H4 {
	font-size: 12px;
	margin: 0;
	padding: 14px 10px;
}
.featureBoxInset H4::after {
    content: "";
    width: 14px;
    height: 13px;
	top: -2px;
	right: 4px;
    position: relative;
    display: inline-block;
	float: right;
}
.featureBoxInset ul {
	list-style-type: none !important;
	list-style-image: none !important;
	margin: 0 10px 10px 10px !important;
	padding: 0;
}
.featureBoxInset li {
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 6px 10px !important;
}
.featureBoxInset li a {
	color: #3a4b5b;
	cursor: pointer;
}
.featureBoxInset li a:hover { color: #c4004b; }
.featureBoxWithInset::after {
    content: "";
    clear: both;
    display: table;
}
a.featureButton {
    border-radius: 4px;
    box-shadow: 0px 1px 0px #777;
    display: inline-block;
    height: 27px;
    padding: 0 30px 0 12px !important;
    color: #fff !important;
    font-size: 13px;
    line-height: 26px;
    text-decoration: none !important;
	cursor: pointer;
	font-weight: bold;
}
a.teal {
	background: #218fa3;
	background: linear-gradient(#259fb6, #2190a4);
}
a.teal:hover, a.teal:active, a.teal:focus {
	background: #099dbd;
    background: linear-gradient(#0aabca, #099dbd);
}
a.watermelon {
	background: #c4004b;
	background: linear-gradient(#da0054, #c5004b);
}
a.watermelon:hover, a.watermelon:active, a.watermelon:focus {
	background: #cf0052;
	background: linear-gradient(#e80064, #cf0052);
}
a.warmGrey {
	background: #5b5855;
	background: linear-gradient(#7b7672, #64605c);
}
a.warmGrey:hover, a.warmGrey:active, a.warmGrey:focus {
	background: #7b7672;
	background: linear-gradient(#8d8681, #6b6663);
}