﻿/*
Title: Lake Sport - Copyright 2008 Lake Macquarie City Council
Author: Paul Hempsall and Michelle Lucas
Date Created: 19 May 2008
Last Updated: 7 April 2010
*/

body, html {
	color: #000;
	font: 100%/1.5em "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
}

dt {
	font-weight: bold;
	margin: 0px;
}

dd {
	margin: 0px 0px 0.5em 0px;
}

/* Container Rules - allows absolute position to work in IE */

#wrapper {
	background: #fff url(../images/header_bg_view1.png) repeat-x 0 0;
	height: 100%;
	width: 100%;
}

#container {
	font-size: 75%;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

#container h3 {
	color: #A3201D;
	font-size: 116.6%;
	margin-top: 0;
}

#container h4 {
	font-size: 100%;
	font-weight: bold;
}

#container .inner {
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

#container p {
	margin-top: 0;
	padding-bottom: 0.5em;
}

/* Global Navigation Rules */

#globalnav {
	color: #000;
	height: 48px;
	left: 0;
	position: absolute;
	top: 46px;
	width: 100%;
}

#globalnav ul {
	position: absolute;
	right: 0;
	margin: 0;
	padding: 0;
	display: inline;
	
	z-index: 700;
}

#globalnav ul li {
	/*background: url(../images/globalnav_sep.gif) 0 40% no-repeat;	*/
	border-right: 1px solid #000;
	display: inline;
	line-height: 57px;
	list-style-type: none;	
	margin: 0;
	padding: 0 1em 0 1em;
	text-align: right;
}

#globalnav ul li.last_node {
	border-right: none;
}

#globalnav a:link,  #globalnav a:active, #globalnav a:visited, #globalnav a:hover, #globalnav a:focus {
	text-decoration: none;
	border-bottom: none;	
	color: #000;
}

#globalnav a:hover, #globalnav a:focus {
	border-bottom: 1px solid #000;
	/*color: #e6da00;*/
	text-decoration: none;
}

/* Header Rules */

#header {
	background: url(../images/header_img_view1.png) no-repeat right top;		
	color: #000;
	height: 261px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#header h1 {
	background: url(../images/lakesport_sml.png) no-repeat 0 0; 
	height: 43px;
	margin: 118px 1em 0;
	text-indent: -99999px;
}

#header h2 {
	color: #a3201d;
	font-size: 233.3%;
	margin: 2em 0 0 22px;
}

/* Main Content Rules */

#maincontent {
	color: #575757;
	height: auto;
	line-height: 1.5;
	margin: 0 0 220px 0;
	min-height: 325px;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: 280px;
	width: 100%;
}

/* Local Navigation Rules */

#localnav {
	position: absolute;
	top: 0;
	left: 22px;
	width: 175px;
	margin: 0;
	background-image: url(../images/localnav_top_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#localnav ul {
	margin: 0;
	padding: 7px 0 6px 0;
	background-image: url(../images/localnav_bot_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#localnav ul li {
	border-left: 1px solid #e8ecf2;
	border-right: 1px solid #e8ecf2;
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 172px;
	background-color: #fafafa;
}

* html #localnav ul li {
	width: 174px;
} 

#localnav ul li.currentpage {
	background-color: #fcf3e2;
}

#localnav ul li a {
	height: 100%;
	padding: 10px 10px;
	margin: 0;
	display: block;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #e8ecf2;
}

#localnav ul li a span {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#localnav ul li a:link,  #localnav ul li a:active, #localnav ul li a:visited, #localnav ul li a:hover, #localnav ul li a:focus {
	text-decoration: none;
	color: #086bd4;
}

#localnav ul li a:hover, #localnav ul li a:focus {
	text-decoration: underline;
	color: #b91916;
	background-color: #f1dddd;
}

/* Content Area Rules */

#content {
	height: 100%;
	margin: 0 22px 0 220px;
	/*min-height: 200px;*/
	padding: 0 0 2em 0;
	text-align: left;
}

#content h2 {
	font-size: 100%;
}

#options {
	clear: both;
}

#content ul {
	margin-top: 0;
}

#content ul li {
	margin-bottom: 0.5em;
}


#content a:link, #content a:active, #content a:visited, #content a:hover, #content a:focus {
	border-bottom: 1px solid #086bd4;	
	color: #086bd4;
	padding-bottom: 0.01em;	
	text-decoration: none;
}

#content a:hover, #content a:focus {
	color: #b91916;
	border-bottom: 1px solid #b91916;	
}

/* Search Panel Rules */

#search_panel_s {
	background: url(../images/search_panel_right.gif) right top no-repeat;	
	border-bottom: 5px solid #f3f3f3;
	height: 1%;	
	margin: 0 0 1em 0;
	padding: 0;
}

#search_panel_s2 {
	background: url(../images/search_panel_left.gif) left top no-repeat;
	padding: 6px 0 0 0;
	margin: 0;
}

#search_inner {
	border-left: 1px solid #e8ecf2;
	border-right: 1px solid #e8ecf2;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	background-color: #fafafa;
	overflow: hidden;
	padding: .5em 1.5em;
}

#search_inner h2 {
	font-size: 115%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#search_inner form, #search_inner form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search_inner form {
	margin-bottom: 1em;
}

#search_inner form fieldset legend, #search_inner form fieldset label {
	display: none;
}

#search_inner form input {
	width: 50%;
}

#search_inner form input.button {
	width: 6.5em;
}

#search_inner ul.browselist {
	list-style-type: square;
	list-style-position: inside;
	margin: 0;
}

* html #search_inner ul.browselist {margin: .5em 3em; } /* For IE 5 PC */

#search_inner ul.browselist li {
	width: 100%;
	line-height: 2;
	height: 2em;
	color: #ffa64d;
	font-size: 95%;
	font-weight: bold;
}

#search_inner div#dirCol1 {
	width: 47%;
	float: left;
	height: 1%;
}
#search_inner div#dirCol2 {
	width: 47%;
	float: right;
	height: 1%;
}

#search_inner a:link,  #search_inner a:active, #search_inner a:visited, #search_inner a:hover, #search_inner a:focus {
	text-decoration: none;
	border: none;
	color: #086bd4;
}

#search_inner a:hover, #search_inner a:focus {
	text-decoration: none;
	color: #b91916;
	border-bottom: 1px solid;	
}

/* Directory Rules */

#options {
	height: 3em;
	margin-top: -3em;
	width: 100%;	
}

#options h2 {
	display: none;
}
#options ul {
	position: absolute;
	right: 0;
	margin: 0px .75em;
	padding: 0px;
	display: inline;
	line-height: 3em;
	height: 3em;
}

#options ul li {
	display: inline;
	border-left: 1px solid #000;
	padding: 0px 1em 0px 1em;
}

#options ul li.firstitem {
	border-left: 0px;
}

#options ul li.lastitem {
	padding: 0px .3em 0px 1em;
}

#contact_details {
	clear: both;
	width: 100%;
	margin: 2em auto;
	background: url(../images/contact_bg.jpg) right top no-repeat;
	padding: 0;
}

#contact_details h2 {
	margin: 0;
	padding: 0;
	text-indent: -99999px;
	height: 34px;
	
	background: url(../images/contact_heading.jpg) left top no-repeat;
}

#contact_content {
	margin: 0;
	padding: 0;
	background-color: #fafafa;
	border-left: 1px solid #e7ecf2;
	border-right: 1px solid #e7ecf2;
	border-bottom: 6px solid #f3f3f3;
	text-align: left;
}

#contact_content dl {
	margin: 0 0 2em 0;
	padding: 0;
}

#contact_content dl dt {
	position: relative;
	left: 0;
	top: 1.5em;
	width: 9em;
	font-weight: bold;
	text-align: right;
}

#contact_content dl dd {
	border-left: 1px solid #575757;
	margin: 0 0 0 10em;
	padding: 0 0 1em .5em;
}

#contact_content p {
	padding: 1.5em 0 1em 6.5em;
	border-bottom: 1px solid #fff;
	margin: 0;
}

#contact_content a:link,  #contact_content a:active, #contact_content a:visited, #contact_content a:hover, #contact_content a:focus {
	text-decoration: none;
	color: #0076d8;
	border-bottom: 1px solid;	
	
}

#contact_content a:hover, #contact_content a:focus {
	text-decoration: none;
	color: #e65100;
}

.hidedt {
	display: none;
}
.indentdd {
	margin-left: 2em;
}

/* images */

.noborder {
	border: none;
}

a:link.noborder, a:visited.noborder, a:hover.noborder, a:active.noborder {
	border: none !important;
	text-decoration: none !important;
}

.singleborder {
	border: 1px solid #000;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clearimg {
	clear: both;
}

dl.imagery
{
text-align: center;
padding: 10px;
margin-right: 1em;
height: 1%;
}

dl.altpadding {
	padding: 5px;
	margin-right: .25em;
}

.imagery dt { font-weight: bold; }

.imagery dd {
	margin: 0;
	padding: 0;
}

/* Events Admin Rules */

table.my_events {
	border-collapse: inherit;
}

#event_options {
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: -2em;
}

#event_options h4 {
	display: none;
}

#event_options ul {
	margin: 0;
	padding: 0.6em 0.8em;
	text-align: right;
	width: 100%;
}

#event_options ul li {
	border-right: #666 1px solid;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0.6em 0.8em;	
}

#event_options ul li.last_node {
	border-right: none;
	padding-right: 0;	
}

#event_options ul li.events_reg, #event_options ul li.events_login, #event_options ul li.events, #event_options ul li.events_add, #event_options ul li.events_mydetails, #event_options ul li.events_password {
	background: url(../images/icon_events_reg.png) no-repeat 0 1px;
	border-right: none;
	padding-left: 35px;
}

#event_options ul li.events_login, #event_options ul li.events_password {
	background: url(../images/icon_events_login.png) no-repeat 0 2px;
	padding-left: 25px;
}

#event_options ul li.events, #maincontent .container p.events {
	background: url(../images/icon_events.png) no-repeat 0 1px;
}

#maincontent .container p.events {
	background-position: 0 4px;
	margin-bottom: 0.5em;
	padding: 0.6em 0.8em 0.6em 35px;	
}

#event_options ul li.events_add {
	background: url(../images/icon_events_add.png) no-repeat 0 1px;
	padding-left: 40px;
}

#event_options ul li.events_mydetails {
	background: url(../images/icon_events_mydetails.png) no-repeat 0 1px;
	padding-left: 38px;
}

/* Event Search Rules */

#dirSearch {
	background-color: #FCF3E2;
	border: #E8ECF2 1px solid;
	height: 1%;
	margin: 0 auto 1.5em auto;
	padding: 1em;
}

#dirSearch form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

#dirSearch form fieldset legend {
	display: none;
}

#dirSearch label {
	margin: 0 1em 0 0;
	padding: 0.2em;
}

#dirSearch input.button {
	background-color: #fff;
	border: #E8ECF2 1px solid;
	color: #A3201D;
	padding: 0.2em 0.2em;
}

#dirSearch input.button:hover {
	background-color: #aeaeae;
	border: 1px #d6b500 solid;
	color: #000;
}

#dirSearch input {
	font-size: 100%;
}

#dirSearch input.searchfield {
	width: 300px;
}

#dirSearch form {
	margin: 0;
	padding: 0;
}

/* Event Form Rules */

#userform {
	line-height: 2em;
	margin: 0 0 1em 0;
	padding: 0;
}

#userform fieldset {	
	border: #ccc 1px solid;	
	clear: both;
	margin: 1em 0 0.5em 0;
	padding: 0 1em 1em 1em;
	position: relative;
}

#userform legend {
	background-color: #fcf3e2;		
	border: #e8ecf2 1px solid;	
	color: #A3201D;	
	margin: 0 0 1em 0;
	padding: 0.1em 1em;
}

#userform label, #userform p.label {
	clear: both;
	display: block;
	font-weight: bold;
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0.5em 0;
	width: 100%;
}

#userform label span.label, #userform p.label span.label, #userform label span.txtExtraInfo {
	display: inline;
	float: left;
	width: 16em;
}

#userform label input, #userform label select, #userform span.input, #userform span.errormsg, #userform label textarea {
	border: #708090 1px solid;
	float: left;
	left: 0em;
	margin: 0;
	padding: 0.3em;
	text-align: left;
	width: 20em;
}

#userform label textarea {
	width: 20.5em;
}

#userform label input#txtFile {
	width: 20.8em;
}

#userform label select {
	width: auto;
}

#userform span.input {
	border: none;
	left: 16em;
}

#userform span.input label, #userform span.input input {
	border: none;
	clear: inherit;
	display: inline;
	float: none;
	font-weight: normal;
	left: 0; 	
	width: 2em;
}

#userform span.input label {
	clear: none;
	display: inline;
	padding-left: 2em;
	padding-right: 2em;
	position: relative;
	width: auto;
}

#userform span.input input {
	margin-top: -0.25em;
}

html >/**/body #userform span.input input {
	margin-top: 0.1em;
}

#userform input.submit {
	left: 15.5em;
	position: relative;
}

html >/**/body input.submit {
	left: 15em;
}

#userform span.errormsg {
	border: none;	
	color: #A3201D;
	display: inline;
	float: left;
	font-style: italic;
	font-weight: normal;
	left: 0;
	margin-top: -0.3em;
	width: 5em;
}

#userform span.txtExtraInfo {
	font-style: italic;
	font-weight: normal;
}

#userform span.errormsggen, #container p.errormsggen {
	background: #fcf3e2 url(../images/error.gif) no-repeat 10px 50%;
	border: #e8ecf2 1px solid;
	clear: both;
	color: #000;
	display: block;
	font-style: italic;
	margin: 0.5em 1em 0.5em 1em;
	padding: 0.1em 3em 0.1em 3em;
	width: 40em;
}

/* Event Table Styles */

table {
	margin: 1em 0.1em;
	padding: 1em 0;
	width: 97%;
}

caption {
	caption-side: top;
	color: #575757;
	font-weight: bold;
	margin: 0 0 -1em -0.1em;
	padding: 0.5em;
	text-align: left;
}

tr {
	margin: 0;
	padding: 0;	
}

th, td {
	border: 1px solid #E8ECF2;
	padding: 0.5em;
	text-align: left;
}

th {
	background-color: #FCF3E2;
	color: #575757;
}

td {
	background-color: #fff;
}

.nobg {
	background: none;
	border: none;	
}

.altbg {
	background-color: #e0eff0;	
}

th.altbg2 {
	background-color: #f8fcfc;
	text-transform: none;	
	font-weight: normal;
}

table td.my_events_action ul {
	margin: 0.5em 0 0.5em 0;
	padding-left: 0;
	width: 100%;
}

table td.my_events_action ul li {
	border-right: #666 1px solid;
	display: inline;
	list-style-type: none;
	margin: 0.5em 0;
	padding: 0em 0.5em;	
}

table td.my_events_action ul li.last_node {
	border-right: none;
	padding-right: 0;	
}

/* Event Tags */

dd.event_tags {
	
}

dd.event_tags ul {
	overflow: hidden;
	padding-left: 0;
} 

dd.event_tags ul li {
	display: inline;
	padding-right: 0.5em;
	
}

/* Event Photos */

dd.event_photos {
	overflow: hidden;
}

dd.event_photos dl {
	display: block;
	float: left;
	overflow: hidden;
	padding-right: 1.5em;	
	width: 10em;
}

dd.event_photos dl dt {
	float: left;
}

dd.event_photos dl dd {
	clear: both;
	float: left;
	margin: 1.5em 0 0 0;
	padding: 0;
}

dd.event_photos a img {
	border: none;
}

#content dd.event_photos dt a, #content dd.event_photos dt a:link, #content dd.event_photos dt a:hover, #content dd.event_photos dt a:focus, #content dd.event_photos dt a:active {
	border-bottom: none;
}

/* Event SubNav */

#content ul.event_subnav {
	line-height: 1.5em;
	margin: 2em 0 1em -1em;
	padding: 0 0 0.1em 0;
	text-align: left;
	width: 100%;
}

ul.event_subnav li {
	border-right: #666 1px solid;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0em 0.8em 0 1em;	
}

ul.event_subnav li.last_node {
	border-right: none;
	padding-right: 0;	
}

ul.event_subnav li.events_photos, ul.event_subnav li.events_edit, ul.event_subnav li.events, ul.event_subnav li.events_reservation {
	background: url(../images/icon_events_photos.png) no-repeat scroll 0 2px;
	border: none;
	padding: 0.6em 0.8em 0.6em 35px;
}

ul.event_subnav li.events_edit {
	background: url(../images/icon_events_edit.png) no-repeat scroll 0 2px;
}

ul.event_subnav li.events {
	background: url(../images/icon_events.png) no-repeat scroll 0 2px;
}

ul.event_subnav li.events_reservation {
	background: url(../images/icon_events_reservation.png) no-repeat scroll 0 2px;
}

/* Event Reservations */

#maincontent .container #event_reservations p {
	margin-left: 8.5em;
	padding-left: 1.5em;
}

/* Event Subscriptions */

#maincontent p.rssfeed {
	background: transparent url(../images/icon_rss.png) no-repeat 0 1px;
	margin-top: 1.5em;
	padding-left: 2em;
}

/* Calendar Options Rules */

dl#calendaroptions {
	margin: 0;
	margin-bottom: 2em;
	padding: 0;
}

dl#calendaroptions dt {
	position: relative;
	left: 0;
	top: 1.5em;
	width: 3em;
	font-weight: bold;
	text-align: left;
}

dl#calendaroptions dd {
	margin: 0 0 0 0.5em;
	padding: 0 0 1em 1em;
	display: inline;
}

dl#calendaroptions dd.firstcal {
	padding-left: 3em;
}

/* Events */

dl.dlEvents, dl.dlEventDetails {
	line-height: 1.8em;
	margin: -1em 0 1em 0;
	padding: 0;
}

dl.dlEvents dt, dl.dlEventDetails dt {
	font-weight: bold;
	left: 0;
	position: relative;
	text-align: right;
	top: 1.8em;
	width: 3.5em;
}

dl.dlEventDetails dt {
	color: #A3201D;
	text-align: left;
	width: 6em;
}

dl.dlEvents dd, dl.dlEventDetails dd {
	border-left: 1px solid;
	margin: 0 0 0 4.5em;
	padding: 0 0 0.25em 0.8em;
}

dl.dlEventDetails dd {
	border-left: none;
	margin-left: 6.5em;
	padding-left: 1.5em;
}

p.calendarreturn {
	margin-top: 2.5em;
}

/* Publications */

dl.download_details {
	line-height: 1.8em;
	margin: -1em 0 0 0;
	padding: 0;
}

dl.download_details dt {
	color: #A3201D;
	font-weight: bold;
	left: 0;
	position: relative;
	text-align: left;
	top: 1.8em;
	width: 8em;
}

dl.download_details dd {
	border-left: none;
	margin: 0 0 0 8.5em;
	padding: 0 0 0.25em 1.5em;
}

/* News Rules */

dl.NewsListArchives {
	margin-top: 0;
}

/* Extras Rules */

#rightnav {
	border-left: 1px solid #ccc;
	float: right;
	margin-left: 0;
	margin: 3em 1em 0 1em;
	padding: 0 0 0 1em;
	text-align: left;	
	width: 180px;
}

#rightnav h2 {
	margin: .3em;
	padding: 0;
	font-size: 120%;
}

#rightnav a:link, #rightnav a:active, #rightnav a:visited, #rightnav a:hover, #rightnav a:focus {
	border-bottom: 1px solid #086bd4;	
	color: #086bd4;
	line-height: 1.8em;
	padding-bottom: 0.01em;	
	text-decoration: none;
}

#rightnav a:hover, #rightnav a:focus {
	color: #b91916;
	border-bottom: 1px solid #b91916;	
}

#rightnav ul {
	color: #086BD4;
	list-style: square;
	padding-left: 1.5em;
	margin-left: 0;
}

#rightnav ul li {
	margin-bottom: 0.5em;
}

/* Show only to IE PC \*/
* html #container #maincontent #rightnav ul {padding-left: 0; margin-left: 2em;} /* For IE 5 PC */

#rightnav ul li {
	border: none;
	padding: 0;
	margin: .6em 0;
}

/* Footer Rules */

#footer {
	background: url(../images/footer_bg.jpg) repeat-x left bottom;
	bottom: -220px;
	clear: both;
	color: #fff;
	font-size: 100%;
	height: 110px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	text-align: center;
	/*top: 220px;*/
	width: 100%;
}

#footer h2 {
	display: none;
}

#footer p {
	height: auto;
	line-height: 3.5;
	margin: 0em auto;
	padding: 0;
	text-align: center;
	width: auto;
}

#footer p span.logo_sportscouncil {
	background: url(../images/logo_sportscouncil.gif) no-repeat left center;
	height: 100%;
	line-height: 3.5;
	padding: 1em 30px 1em 55px;
}

#footer p span.logo_lmcc {
	background: url(../images/logo_lmcc.gif) no-repeat left center;
	height: 100%;
	line-height: 3.5;
	padding: 1em 0pt 1em 55px;
}

#footer ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li {
	border-left: 1px solid;
	display: inline;
	line-height: 57px;
	list-style-type: none;
	margin: 0;
	padding: 0 1em 0 1em;
}

#footer ul li.firstitem {
	border-left: none;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover, #footer a:focus {
	border-bottom: 1px solid;	
	color: #fff;	
	text-decoration: none;
}

#footer a:hover, #footer a:focus {
	border-bottom: 2px solid;
	color: #e6da00;
	text-decoration: none;
}

#autoCompleteDropdown {
  	background-color: #E3EEF5;
  	border: #ccc 1px solid;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 95%;
	list-style: none;
	margin: 0;
  	padding: 0;
  	z-index: 200;
}

#autoCompleteDropdown li {
  	color: #4C4C4C;
  	cursor: hand;
  	c\ursor: pointer;
  	padding: 0.25em 0.2em;	
}

#autoCompleteDropdown li.hover {
  	background-color: #0066CC;
  	color: #fff;
}
