@charset "utf-8";
/* CSS Document */

@import "/z_system/css/dropdown.css";

	html > body, html > body #container { height:auto; }
	#container {clear:both; left:0; margin:0; padding:0; position:absolute; top:0; width:100%;}
	html, body, #container { height:100%; min-height:100%; width:100%; }


/* Body --------------------------------------------------- */
	html { margin: 0px; padding: 0px; background: #F7F5F3; }
	body { margin: 0px; padding: 0px; background: #F7F5F3 url(../images/background.gif) repeat-x scroll center top; }
	body.nsw { margin: 0px; padding: 0px; background: #F7F5F3 url(../images/background_nsw.gif) repeat-x scroll center top; }
	body.nt { margin: 0px; padding: 0px; background: #CC7722 }


/* Background / main purpose is for embedding flash background --------------------------------------------------- */

	/*#background { height: 100%; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }*/
	/*#background { background: url(../images/bg-home-national.png) no-repeat scroll center top; position: fixed; width: 100%; height: 100%; top: 0; left: 0; }*/
	#background { display:none; }
	#container { background: url(../images/bg-home-national.png) no-repeat scroll center top; }
	#container_nsw { background: url(../images/bg-home-nsw.png) no-repeat scroll center top; }
	#container_nt { background: url(../images/bg-home-national.png) no-repeat scroll center top; }


/* Global Font Family & Sizes --------------------------------------------------- */

	a { color: #003366; }
	a:visited { color: #003366; text-decoration: none; }
	a:active { color: #003366; text-decoration: none; }
	a:link { color: #003366; text-decoration: none; }
	a:hover { color: #009999; text-decoration: underline; }
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 { font-family: Verdana, Geneva, sans-serif;  color: #000000; }
	
	h6 { font-size: 0.75em }
	
	/* content  */
	#content { color: #333333; line-height: 1.35 }
	#content dd { margin: 0px 0px 6px 0px } 
	#content h1 { color: #000 }
	#content h2 { color: #003366 }
	#content h3 { color: #336699 }
	#content h4 { color: #339999; font-weight: normal; padding: 0px 0px 3px 0px }


/* Global Classes --------------------------------------------------- */

	.hidden { display: none; }
	.left { float: left; }
	.right { float: right; }
	.clear { clear:both; }


/* Global Layout Blocks --------------------------------------------------- */

	#container { margin: 0px; padding: 0px; }
	#header { width: 940px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }
	#sitenav { width: 940px; background: url(../images/bg-site-nav.gif) no-repeat center top; height: 32px; padding: 5px 10px; color: #FFFFFF; }
	#body { width: 960px; margin-right: auto; margin-left: auto; background: #FFFFFF; border-right: 1px solid #A2978A; border-bottom: 1px solid #A2978A; margin-bottom: 10px; }
	#footer { width: 940px; margin-right: auto; margin-left: auto; border-top: 1px solid #E8E5E2; padding-right: 10px; padding-left: 10px; height: 100px; margin-top: 30px; overflow:hidden; }
	#crafted { width: 950px; margin-right: auto; margin-left: auto; padding-right: 5px; padding-left: 5px; height: 60px; overflow:hidden; text-align:right; font-size:10px; color:#666666; }


/* Header Block --------------------------------------------------- */

	/* national + state sites  */
	#statelinks { width: 630px; float: left; padding-bottom: 10px; color: #FFFFFF; font-size: 0.8em;  font-weight: bold; word-spacing: 0.2em; font-family: Tahoma,Geneva,Arial; padding-top: 6px}
	#statelinks a,
	#statelinks a:visited,
	#statelinks a:active,
	#statelinks a:link { text-decoration: none; color: #003366;  padding: 2px 5px;}
	#statelinks a:hover { text-decoration: none; color: #003366; background: white}

	/* site search */
	#sitesearch { float: right; padding-bottom: 10px; padding-top: 4px; color: #FFF; font-size:0.85em; }
	#sitesearch form { border: 0px;}
	#sitesearch label {display:inline; color: #FFF; background: #5c5042; font-size: 0.80em; padding: 0px 20px 0px 3px; text-transform: uppercase; margin-bottom: 4px; vertical-align: top; line-height: 1.2; font-weight: bold; font-family: Tahoma,Geneva,Arial;}
	#sitesearch input[type='text'] { border: 1px solid #5c5042; padding: 1px 1px 0px; margin: 0px; clear:both; vertical-align: top; font-size: 1.0em}
	#sitesearch input[type='text']:focus { border: 1px solid #5c5042;}
	#sitesearch input[type='submit'] { display:inline;color: #FFFFFF; border: none; clear:both; padding: 0px 3px 3px 3px; background: #003366; text-transform: uppercase; font-size: 0.9em; font-weight: bold; overflow: visible; height: 17px;}
	#sitesearch input[type='submit']:focus { border: none; background: #000000;}

	/* site logo */
	#sitelogo { width:300px; height: 121px; clear:both; display: block; }
	#sitelogo img { padding-top: 5px; }


/* Body Block --------------------------------------------------- */

	#bodynav { width: 210px; margin-left: 20px; margin-top: 20px; color: #000000; display: inline; float: left; }
	#content { width: 679px; padding: 5px 20px 25px 30px; border-left: 1px solid #e8e5e2; margin-top: 20px; background: url(../images/bg-content-blend.gif) repeat-x; border-top: 1px solid #e8e5e2; display: inline; min-height:400px; float:left; }

	/* site nav links 
	#sitenav ul { margin: 0px; padding: 0px; }
	#sitenav li { display: inline; }
	#sitenav li a { color: #FFFFFF; float: left; text-decoration: none; padding: 5px 8px 12px; }
	#sitenav li a:hover { color: #FFFFFF; background: url(../images/bg-site-nav-hover.gif) repeat-x center top; }
	#sitenav a.current { color: #007c73;}*/
	#sitenav a#start { border-right:1px solid #4A4A4A; padding-left: 10px}

	/* left page nav links  */
	
	#bodynav #nav_start, #bodynav #nav_states, #bodynav #nav_events_calendar, #bodynav #nav_players, #bodynav #nav_coaches, #bodynav #nav_referees, #bodynav #nav_regulations_policies, #bodynav #nav_links, #bodynav #nav_about_us, #bodynav #nav_contact, #bodynav #nav_high_performance, #bodynav #nav_competitions, #bodynav #nav_development, #bodynav #nav_clubs, #bodynav #nav_regulations, #bodynav #nav_coaches
	{ display: none; }
	.nav_show{
	display:block !important;
	}

	#bodynav h3 { color: #009999; !important}
	#bodynav ul { margin: 0px; padding: 0px; float:left; border-bottom: #E8E5E2 solid 1px; }
	#bodynav ul ul ul { background: #f7f6f5; margin: 0px 0px 2px 1px; padding: 0px 0px 0px 0px; }
	#bodynav ul ul ul a { }	
	#bodynav li { clear: both; list-style-position: outside; list-style-image: none; list-style-type: none; }
	#bodynav li a { float: left; display: inline; color: #666666; text-decoration: none; padding: 5px 5px 5px 10px; font-weight: bold; width: 194px; border-top: 1px solid #E8E5E2; border-left: 1px solid #E8E5E2; font-size:0.85em }
	#bodynav li a:hover { color: #FFFFFF; background: #007c73; }
	#bodynav a.current { background: #e8e5e2; }
	#bodynav .dir { border: none !important; font-size:14px; margin:0 -6px !important; padding:0 0 10px 7px !important; color: #009999; !important; background: none !important; font-family:Verdana, Arial, Helvetica, sans-serif }
	#bodynav .dir a { border: none; }
	#bodynav .dir:hover { border: none; background: none !important; color: #009999 !Important }

	/* left page news items  */
	#newsitems { border-left: 1px solid #d8d4ce; color: #4c4c4c; float: left; font-size: 0.9em; width: 200px; padding: 0px 0px 10px 0px; margin: 30px 0 20px 20px;}

	#newsitems h3 { display: block; float: left; color: #FFF; background: #036; font-size: .8em !important; margin: 0px; padding: 0px 3px 0px 20px; text-transform: uppercase; clear:right; font-family: Tahoma, Geneva, Arial; line-height: 1.19em }
	#newsitems .article_name { clear: both; padding: 10px 0px 0px; margin: 0px 0px 0px 20px; font-size: .9em; }
	#newsitems .article_date { padding: 0px 0px 0px 20px; color: #261c02; font-size: 0.85em}
	#newsitems .article_summary { display:none; }
	#newsitems p { padding: 0px 0px 0px 20px; margin: 0px; color: #003366; font-size: .9em; }
	#newsitems .article_image { display:none; }
	#events_list	 {margin: 0em !Important; padding: 0px !important; list-style: none;}
	#events_list li {margin: 10px 0px 0px 0px !Important; padding: 0px; list-style: none;}

/* Footer Block --------------------------------------------------- */

	#majorsponsor { padding: 0px 0 0 10px; color: #aea8a1; border-right: 1px solid #E8E5E2; height: 100px; float: left; font-size: 0.9em; width: 110px; }
	#sponsors { padding: 0px 0 0 20px; color: #aea8a1; height: 100px; float: left; font-size: 0.9em; width: 273px; border-right: 1px solid #E8E5E2; }
	#new_sponsors { padding: 0px 0 0 20px; color: #aea8a1; height: 100px; float: left; font-size: 0.9em; width: 310px; border-right: 1px solid #E8E5E2; }
	#partners { padding: 0px 0 0 20px; color: #aea8a1; height: 100px; float: left; font-size: 0.9em; width: 500px; }
	#new_partners { padding: 0px 0 0 20px; color: #aea8a1; height: 100px; float: left; font-size: 0.9em; width: 310px; }
	#events { padding: 0px 20px;  height: 100px; float: left; font-size: 0.9em; border-left:1px solid #E8E5E2; width:110px; }
	/*#right_footer { padding: 0px 20px;  height: 100px; float: left; font-size: 0.9em; width:145px; }*/
	.slideshow { height:70px; width:90px; float:left; margin: 0px 10px 0px 0px; border: none !important}

	#footer h5 { color: #aea8a1; font-size: 0.85em !important; font-family: Tahoma, Geneva, Arial; font-weight: normal;}
	#footer img { padding:10px 0 0 0; }
	/*.footer_img { float:left; padding-right:20px; }*/


/* Home - Feature Items Block --------------------------------------------------- */

	#featureitems { width: 920px; margin: 20px auto; clear: both; height: 180px; }
	#latestnews { color: #ffffff; height: 180px; font-size: 0.9em; width: 540px; background: #40668c; float: left; overflow: hidden; }
	#latestnewspic { height: 180px; width: 270px; background: #40668c; float: left; }
	#webapp5996pagination { display: none; }

	#articles { color: #003366; height: 180px; font-size: 0.85em; width: 380px; background: #c5e6ea; float: left; }
	#articles img { display: none; }
	
	#about,
	#subscribe,
	#courtfinder,
	#upcomingevents,
	#noticeboard {border-right: 1px solid #d8d4ce; color: #4c4c4c; height: 230px; float: left; font-size: 0.85em; background: url(../images/bg-home-blend.gif) repeat-x left top; margin:0 0 20px;}

	#about
	{line-height: 1.25em; border-right: 1px solid #d8d4ce; color: #4c4c4c; height: 230px; float: left; font-size: 1em; background: url(../images/bg-home-blend.gif) repeat-x left top; margin:0 0 20px;}

	#about { width: 258px; padding-left: 20px; padding-right: 10px; }
	#subscribe { width: 135px; }
	#courtfinder { width: 135px; }
	#upcomingevents { width: 198px; }
	#noticeboard { width: 200px; border: none;}
	#noticeboard li, #noticeboard ul {list-style: none; padding: 0px 0px 6px 10px;}
	#noticeboard ul {list-style: none; padding: 8px 0px 0px 0px;}
		
	#about h1 { color: #003366; font-weight: bold; }

	#latestnews h3 {display: block; float: left; color: #FFF; background: #036; font-size: .8em !important; margin: 0px 0px 0px 270px; padding: 0px 3px 0px 20px; text-transform: uppercase; clear:right; font-family: Tahoma, Geneva, Arial; line-height: 1.19em}
	
	#articles h3,
	#subscribe h3,
	#courtfinder h3,
	#upcomingevents h3,
	#noticeboard h3 {display: block; float: left; color: #FFF; background: #036; font-size: .8em !important; margin: 0px; padding: 0px 3px 0px 20px; text-transform: uppercase; clear:right; font-family: Tahoma, Geneva, Arial; line-height: 1.19em}

	#latestnews .article_name { float: left; padding: 10px 0px 10px 20px; margin: 0px 0px 0px 0px; color: #FFFFFF; font-size: 138.5%; width: 230px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif }
	#latestnews .article_name a {color: #FFFFFF; text-decoration: none;}
	#latestnews .article_name a:hover {color: #FFFFFF;}
	#latestnews .article_date { float: left; padding: 0px 0px 0px 20px; font-size: 0.85em; width: 230px; color: #99ffff; }
	#latestnews .article_summary { float: left; width: 230px; padding: 0px 0px 0px 20px; color: #c5e6ea; }
	#latestnews ul { padding: 0px; margin: 0px; list-style: none; }
	#latestnews li { padding: 0px; margin: 0px; list-style: none; }
	#latestnews .article_image { float:left; width: 270px; overflow: hidden; margin:-11px 0 0; }	

	#articles .articles_hold { clear: both; padding: 10px 0px 0px; margin-left: 20px; list-style: none; }
	#articles .article_date { float: left; padding-top: 2px; color: #261c02; font-size: 0.80em; width: 63px; font-weight: bold; }
	#articles .article_name { padding: 0px; margin: 0px; width:295px; float: right; }
	#articles .article_summary { display: none; }
	#articles p { padding: 10px 0px 0px 20px; margin: 0px; float:left; }

	#subscribe,
	#courtfinder {  }
	
	#subscribe_page .captchaimg img { width: 118px; padding: 0 0 5px 0 }

	#subscribe form,
	#courtfinder form { width: 100px; padding: 10px 15px 0px 20px; border: 0px; clear:both; font-size: 1.1em; line-height: 1.25em}

	#subscribe label,
	#courtfinder label { width: 115px; padding: 3px 0px 0px; color: #23a08b; clear:both; text-transform: uppercase; font-size: 0.85em; display: block; font-family: Tahoma, Geneva, Arial;}
	#subscribe_page label { width: 115px; padding: 10px 0px 0px; clear:both; display: block; font-weight:bold;}

	#subscribe input[type='text'],
	#courtfinder input[type='text'] { width: 95px !important; border: 1px solid #5c5042; padding: 1px 1px 0px; clear:both; font-size: 0.90em;}
	#subscribe_page input[type='text'] { width: 115px !important; border: 1px solid #5c5042; padding: 1px 1px 0px; clear:both; font-size: 0.90em;}
	
	#courtfinder select { width: 95px; border: 1px solid #5c5042; padding: 0px 0px 0px 0px; clear:both; font-size:0.90em}
 
	#subscribe input[type='text']:focus,
	#courtfinder input[type='text']:focus { width: 95px; border: 1px solid #31a895;}	
	#subscribe_page input[type='text']:focus { width: 115px; border: 1px solid #666666;}
	
	#subscribe input[type='submit'],
	#subscribe_page input[type='submit'],
	#courtfinder input[type='submit'] {color: #FFFFFF; clear:both; border: none; padding: 0px 3px 3px 3px; background: #003366; margin-top: 5px; margin-bottom: 5px; text-transform: uppercase; font-size: 0.8em; font-weight: bold; overflow: visible; height: 17px}

	#subscribe input[type='submit']:focus,
	#subscribe_page input[type='submit']:focus,
	#courtfinder input[type='submit']:focus { border: none; background: #000000}


	/*#upcomingevents dl { clear: both; padding: 5px 0px 0px; margin-left: 20px; }
	#upcomingevents dt { padding: 5px 0px 0px; margin: 0px; }
	#upcomingevents dd { padding: 0px; margin: 0px; }*/
	#upcomingevents li, #upcomingevents ul {list-style: none; padding: 0px 0px 6px 0px;}
	#upcomingevents ul {list-style: none; padding: 8px 0px 0px 10px;}

	.tabledefault td{ border: none; padding: 5px 0px 0px 0px}
	#stateholder #calendar-container {display: none}

/* Clearfix
http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
-------------------------------- */
	.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; } /* Hides from IE-mac */
	.clearfix { display: block; } /* End hide from IE-mac */


/* Calendar --------------------------------------------------- */

	#calendar-container li, #calendar-container ul { list-style: none; margin: 0px; padding: 2px 2px 3px 2px; font-size: 10px; }
	#calendar-container table {  }
	#calendar-container span { /*background: #b4def5; */ display: block; padding: 5px 0px 0px 3px !important; font-size: 12px; color: #009999; font-weight: bold; }
	#calendar-container li { border-top: 1px solid #009999 U}
	#calendar-container ul { padding: 0px 0px 20px 0px; }
	#calendar-container a { color: #003366; }
	#calendar-container a:visited { color: #003366; text-decoration: none; }
	#calendar-container a:active { color: #003366; text-decoration: none; }
	#calendar-container a:link { color: #003366; text-decoration: none; }
	#calendar-container a:hover { color: #fff; text-decoration: none; background: #009999; }
	
	.select-month-year { padding: 0px 0px 10px 0px; }
	.day-of-week { text-align: center;	background: #66a3c5; color: white; font-weight: bold; border-bottom:5px solid white; height:27px; }
	.day-of-week td { background: #003366 !important; border-left:1px solid #fff !important; border-bottom:1px solid #003366 !important; border-right:1px solid #fff !important;	border-top:1px solid #fff !important; padding: 5px 0px 0px 0px !important; height: 20px !important; font-size: 11px; }
	
	.first, .second, .third, .forth, .fifth, .sixth, .seventh, .eighth, .nineth { height: 80px !important; overflow: visible; }
	
	#calendar-container td { border-left:1px solid #FFFFFF ; border-bottom: 1px solid white; border-right: none; border-top: none; margin:0; padding:0; vertical-align:top; width:100px; font-width: bold; background:url(/z_system/images/events_background.gif) no-repeat }
	#calendar-container td:hover { background:url(/z_system/images/events_background_on.gif) no-repeat 	}
	
/*	.day-of-week td:hover {	background: #003366 !important; border-left:1px solid #003366  !important;	border-bottom:1px solid #003366 !important; border-right:1px solid #fff !important; border-top:1px solid #003366 !important; color: white !important; font-weight: bold; cursor: default !important; }*/
	.date {	font-size: 11px; color: #66a3c5; }

	

/* External Links --------------------------------------------------- */
	
	a[href^="http"] { background: url(../images/icon-external-link.png) no-repeat center right; padding: 0 15px 0 0; }
	a[href^="http://squash.businesscatalyst.com"], a[href^="http://squash.org.au"], a[href^="http://www.squash.org.au"] { background: none; padding: 0;	}
	#statelinks a, #crafted a, #footer a, .main_image_Left a {	background: none; padding: 0; }
	
	
/* BC Literature Hacks --------------------------------------------------- */

	.icon img {width: 12px !important; height: 12px !important; padding: 0 0 0 5px;}
	#noticeboard .literature-container {margin-bottom:0 !important;}
	.literature-container {margin: 0 0 0 0 !important;}
/*	.main_image_Left { float: left; margin-bottom: 20px; margin-right: 18px; }*/
	 #slideshow .main_image_Left { float: none; margin-bottom: 0px; margin-right: 0px; }
	.main_image_Right { float: right; margin-bottom: 20px; margin-left: 20px; }
	
	.main_image_Top { margin-bottom: 20px; }
	
	/* Ref Store Page --------------------------------------------------- */
	.store_item { clear:both; }
    .store_item_image { float:left; padding:0 20px 20px 0; }
    .store_item_text { float:left; width:400px; padding-bottom: 20px; }
	
	#site_left { width:230px; }
	
	    .demo {
    margin:0;
    padding:15px;
    border:1px solid #ccc;
    position:relative
    }
    .expand{padding-bottom:.75em}
    .expand a:link, .expand a:visited {
    background-image:url(/z_system/images/arrow-down.gif);
    background-repeat:no-repeat;
    background-position:98% 50%;
    }
    .expand.open a:link, .expand.open a:visited {
    background:#eee url(/z_system/images/arrow-up.gif) no-repeat 98% 50%
    }
    .expand a {
    display:block;
    padding:3px 10px
    }
	#switch, .switch {margin-bottom:5px; text-align:right}
	
	
/* Court Finder --------------------------------------------------- */	

	#court {clear: both; float:left; margin: 0px 0px 20px;}
	#court_name {}
	.court_counter {float: left; width: 20px; font-size: 10px; color: #999; padding: 3px 0px 0px}
	#court_description { width: 420px; margin: 0px 0px 10px}
			#court_img {float: right; margin: 45px 20px 0px 0px; width: 200px; overflow:hidden}
	#court_address {margin: 10px 0px 0px 0px; width: 400px; float: left;}
	#court_suburb {margin: 0px 0px 0px 0px; width: 400px; float: left;}
	#court_contact {margin: 10px 0px 0px 0px; width: 400px; float: left;}
		#court_contact label {width: 120px; float: left;}
	#court_phone {margin: 5px 0px 0px 0px; width: 400px; float: left;}
		#court_phone label {width: 120px; float: left;}
	#court_website {margin: 5px 0px 0px 0px; width: 400px; float: left;}
		#court_website label {width: 120px; float: left;}
	#court_number {margin: 5px 0px 0px 0px; width: 400px; float: left;}
		#court_number label {width: 120px; float: left;}
	#court_google_map {margin: 20px 0px 0px 0px; width: 400px; float: left; color: white}
		#court_google_map label {width: 120px; float: left; color: #333 !important}
	#court label {clear: both; font-weight: bold;}
	#not_affiliated {margin: 10px 0px 0px 0px; font-weight: bold; width: 400px; float: left;}
	
	.court_search li {list-style:none; margin: 0px;}
	.court_search {margin: 0px; padding: 0px; background: transparent url(../images/court_finder_search.jpg) no-repeat top left; float: left; width: 180px;}
	.court_search label {font-weight: bold;}
	.court_search_postcode {padding: 3px 0px 0px;}
	.court_search_state {padding: 3px 0px 0px;}
	.court_search_submit {padding: 3px 0px 0px;}
	.court_search input[type="submit"] {background:none repeat scroll 0 0 #003366; border:medium none; clear:both;color:#FFFFFF; display:inline; font-size:0.8em; font-weight:bold;  height:17px; overflow:visible; padding:0 3px 3px; text-transform:uppercase; margin: 27px 12px 12px; } 	
	.court_search h2 {margin: 12px 12px 10px !important}
	.court_search h3 {background:none repeat scroll 0 0 #003366; clear:right; color:#FFFFFF !important; display:block; float:left; font-family:Tahoma,Geneva,Arial; font-size:0.8em !important; line-height:1.19em; margin:8px 0px 0px 0px; padding:0 3px 0 12px; text-transform:uppercase; clear: both}
	.court_search .cat_textbox {width: 123px; float: left; margin: 2px 12px 0px 12px; clear: both}

	.court_results li {list-style:none; margin: 0px;}
	.court_results {margin: 0px 0px 0px 0px; padding: 0px; width: 490px; float: right;}