@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: #4daad1; }
	body { margin: 0px; padding: 0px; background: #4daad1 url(../images/background.gif) repeat-x scroll center top; }
	body.nsw { margin: 0px; padding: 0px; background: #4daad1 url(../images/background_nsw.gif) repeat-x scroll center top; }

/* 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-pic1.png) no-repeat scroll center top; }
	#container_nsw { background: url(../images/bg-home-nsw.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 6px 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: 0px; }
	#footer { width: 960px; margin-right: auto; margin-left: auto; border-top: 1px solid #beb8b2; padding-right: 0px; padding-left: 0px; height: 100px; margin-top: 30px; overflow:hidden; font-size: 0.90em; }
	#crafted { width: 936px; margin-right: auto; margin-left: auto; padding: 10px;  padding-right: 20px; padding-left: 5px; overflow:hidden; text-align:right; font-size:10px; color:#fff; background: #6B6053; margin-bottom: 20px }


/* 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:940px; height: 178px; clear:both; display: block; padding: 40px 0px 0px 0px }
	#sitelogo img { padding-top: 30px; }


/* 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; }

	#content .article_name {margin: 20px 0px 0px 0px; font-weight: bold;}
	#content .article_date {color:#999; font-size: 0.80em; margin: 0px 0px 5px 0px}
	#content .article_image	{display: none;}
	/* 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}
	
	#footnav {width: 700px; float: left}
	#footnav ul {list-style: none; margin: 0px 5px; padding: 0px}
	#footnav li {float: left; margin: 0px }
	#footnav a {margin: 0px 10px; color:#FFF}
	#footnav li ul {display: none}

	/* page nav links  */
	#sitenav #nav_tournaments, #sitenav #nav_wsf_coaching_conf, #sitenav #nav_contact, #sitenav #nav_international_focus, #sitenav #nav_partners, #sitenav #nav_fun_friends
	{ display: none; }

	/* footer page nav links  */
	#footnav #nav_start, #footnav #nav_news, #footnav #nav_tour_update, #footnav #nav_players, #footnav #nav_venue, #footnav #nav_tickets_shop, #footnav #nav_international_focus, #footnav #nav_activities, #footnav #nav_fun_friends, #footnav #nav_wsf_coaching_conf, #footnav #nav_draw_results, #footnav #nav_draw_tournaments
	{ display: none; }

	/* left page nav links  */
	#bodynav #nav_start, #bodynav #nav_news, #bodynav #nav_tour_update, #bodynav #nav_players, #bodynav #nav_venue, #bodynav #nav_tournaments, #bodynav #nav_wsf_coaching_conf, #bodynav #nav_partners, #bodynav #nav_tickets_shop, #bodynav #nav_contact, #bodynav #nav_international_focus, #bodynav #nav_activities, #bodynav #nav_fun_friends, #bodynav #nav_draw_results
	{ 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; }

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

	#majorsponsor { padding: 0px 0 0 0px; color: #aea8a1; border-right: 1px solid #E8E5E2; height: 100px; float: left; font-size: 0.9em; width: 558px; }
	#sponsors { padding: 0px 0 0 0px; color: #aea8a1; height: 100px; float: left; font-size: 0.9em; width: 195px; border-right: 1px solid #E8E5E2; }
	#partners { padding: 0px 0 0 0px; color: #aea8a1; height: 100px; float: left; font-size: 0.9em; width: 205px; }
	#partners p {margin: 10px 0px 0px 20px; color: #5C5042}
	/*#events { padding: 0px 20px;  height: 100px; float: left; font-size: 0.9em; border-right:1px solid #E8E5E2; width:158px; }
	#right_footer { padding: 0px 20px;  height: 100px; float: left; font-size: 0.9em; width:145px; }*/

	#footer h5 { color: #5c5042; font-size: 0.85em !important; font-family: Tahoma, Geneva, Arial; font-weight: normal; background: #cecac6; line-height: 1.75em !Important; padding: 0px 0px 0px 20px; font-weight: bold;}
	#footer img { padding:10px 0 0 0; }
	#majorsponsor h5 {width: 538px; }
	#partners h5 {width: 185px; }
	/*.footer_img { float:left; padding-right:20px; }*/
	.slideshow {border:medium none !important;float:left;height:70px;margin:0 10px 0 0;width:90px;}


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

	#featureitems { width: 920px; margin: 0 auto; clear: both; height: 180px;  background: url(../images/bg-home-blend_top.gif) repeat-x left top; padding: 17px 20px}
	#latestnews { color: #ffffff; height: 180px; font-size: 0.9em; width: 540px; background: #6b6053; 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; float: left; }
	#articles img { }
	#articles ul { list-style: none; margin: 0px; padding: 0px; float: left;}
	#articles li { list-style: none; padding: 0px 0px 2px 7px}
	
	#about,
	#subscribe,
	#courtfinder,
	#upcomingevents,
	#noticeboard {color: #4c4c4c; height: 220px; float: left; font-size: 0.85em; background: url(../images/bg-home-blend.gif) repeat-x left top; margin:0 0 0px;}


	#about
	{line-height: 1.25em; color: #4c4c4c; height: 220px; float: left; font-size: 0.85em; background: url(../images/bg-home-blend.gif) repeat-x left top; margin:0 0 0px;}

	#about { width: 290px;}
	#about p { padding-left: 20px;  padding-right: 10px; }

	#subscribe { width: 270px; background: url(../images/bg-home-blend_sub.gif) }
	#subscribe p { padding-left: 20px;  padding-right: 10px; }
	#courtfinder { width: 135px; }
	#upcomingevents { width: 195px; }
	#noticeboard { width: 205px; border: none;}
	#noticeboard li, #noticeboard ul {list-style: none; padding: 0px 0px 6px 10px;}
	#noticeboard ul {list-style: none; padding: 15px 0px 0px 0px;}
	#noticeboard p { padding-left: 20px;  padding-right: 10px; }
	
	#latestnews h3 {display: block; float: left; color: #ffcc00; background: #5c5042; font-size: .8em !important; margin: 0px 0px 0px 0px; padding: 0px 3px 0px 20px; text-transform: uppercase; clear:right; font-family: Tahoma, Geneva, Arial; line-height: 1.75em !Important; width: 247px}
	
	#about h3,
	#articles h3,
	#subscribe h3,
	#courtfinder h3,
	#upcomingevents h3,
	#noticeboard h3 {display: block; float: left; color: #ffcc00; background: #5c5042; font-size: .8em !important; margin: 0px; padding: 0px 3px 0px 20px; text-transform: uppercase; clear:right; font-family: Tahoma, Geneva, Arial; line-height: 1.75em}
	
	#about h2, #subscribe h2, #noticeboard h2 {padding: 10px 0px 0px 20px; margin-bottom: 5px; color: #012f49}
	#about h3 {width: 267px}
	#articles h3 { width: 357px;}
	#subscribe h3 { width: 248px;}
	#noticeboard h3 { width: 183px;}

	#latestnews .article_name { float: left; padding: 10px 0px 10px 20px; margin: 0px 0px 0px 0px; color: #FFFFFF; font-size: 138.5%; width: 220px; 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: #ffcc00; }
	#latestnews .article_summary { float: left; width: 220px; padding: 0px 0px 0px 20px; color: #ffffcc; }
	#latestnews ul { padding: 0px; margin: 0px; list-style: none; }
	#latestnews li { padding: 0px; margin: 0px; list-style: none; }
	#latestnews .article_image { float:right; 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 { 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 0px;}

	.tabledefault td{ border: none; padding: 5px 0px 0px 0px}
	

/* 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_events ul	{list-style:none}
	#calendar_events li	{padding: 0px 0px 10px 0px;list-style:none}
	#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; }
	#crafted a { color: white !important }
	
/* 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: 20px; }
	.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}