/************************************************\
 ******************** LAYOUT ********************
\************************************************/

/*	Created: 23 Feb 2010 & 1.15pm
 *	Author: Matthew Holmes <www.ivt.com.au>
*/

	@import "autosuggest.css";


/*	LAYOUT
 *	----------------------------------------------
*/

	body
	{
		background: #fff url(../images/bg-body.gif) 0 0 repeat-x;
	}

	
	/* --- utilsNav */
	
	#utilsNav 
	{
		height: 50px;
	}
	#utilsNav ul,
	#utilsNav li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#utilsNav li
	{
		float: left;
		margin: 16px 0 0;
	}
	#utilsNav li#subNav
	{
		float: right;
		width: auto;
		margin: 0;
	}

	#utilsNav li a
	{
		float: left;
		margin: 0 5px 0 0;
		background: url(../images/bg_divisions_menu.gif) top right no-repeat;
		color: #fff;
		font-size: .9em;
		text-decoration: none;
	}
	#utilsNav li a span
	{
		display: block;
		padding: 1px 8px 5px 5px;
		background: url(../images/bg_left_divisions_menu.gif) top left no-repeat;
	}
	
	#utilsNav li#subNav a
	{
		float: none;
		margin: 0;
		padding: 0 7px;
		background: none;
		font-size: 1em;
	}
	#utilsNav li#subNav form input,
	#utilsNav li#subNav form button
	{
		float: left;
		position: relative;
		top: -5px;
		left: 0;
	}
	#utilsNav li#subNav form input
	{
		width: 124px;
		margin: 0 0 0 10px;
		padding: 6px 5px 6px;
		border: 1px solid #a20d1a;
		background: #fff;
		color: #999;
		font-size: 11px;
	}
	#utilsNav li#subNav form button
	{
		display: block;
		width: 28px;
		height: 28px;
		margin: 0;
		padding: 0;
		border: 0;
		background: url(../images/btn_go.gif) 0 0 no-repeat;
		text-indent: -999em;
	}

	
	/* --- head */

	#head
	{
		position: relative;
		height: 146px;
		border-bottom: 1px solid #ddd;
	}
	#head #logo
	{
		position: absolute;
		top: 20px;
		left: 0;
	}

	#head #banner
	{
		position: absolute;
		top: 20px;
		right: 0;
	}


	/* --- mainNav */

	#mainNav
	{
		border-bottom: 4px solid #000;
	}
	#mainNav ul
	{
		margin: 0;
		padding: 0;
	}
	#mainNav li
	{
		display: block;
		padding: 15px 0 12px;
	}
	#mainNav li a
	{
		float: left;
		padding: 0 3px;
		color: #ed1b2e;
		font-size: .9em;
		font-weight: bold;
		text-decoration: none;
	}
	#mainNav li span.divider
	{
		float: left;
		width: 6px;
		height: 12px;
		padding: 5px 2px 0;
		background: url(../images/divider.gif) 2px 2px no-repeat;
		text-indent: -999em;
	}
	#mainNav li a:hover,
	#mainNav li a.on
	{
		color: #698699;
	}

	/* --- content */
	
	#content
	{
		margin: 20px 0;
	}

		#content .sideBar
		{
			float: left;
			width: 220px;
		}

		#content .mainBar
		{
			position: relative;
			float: right;
			width: 700px;
		}


		/* breadcrumbs */
		.breadcrumbs
		{
			display: block;
			padding: 10px;
			background: #ededed;
			font-size: 11px;
		}
		.breadcrumbs a
		{
			color: #ed1b2e;
		}

		/* print icon */
		#content .mainBar ul.icons 
		{ 
			float: right;
			display: block;
			margin: 0 10px;
		}

		#content .mainBar ul.icons li
		{
			list-style: none;
		}
		
		#content .mainBar ul.icons li.print a 
		{ 
			float: left; 
			display: block; 
			width: 25px; 
			height: 25px; 
			background: url(../images/printer-icon.gif) no-repeat; text-indent: -999em;
		}

		.mainBar h1,
		.eventsCategoryTitle
		{
			width: 640px;
		}

		#content .mainBar table.suiteList
		{
			margin: .5em 0 1em;
		}

		table.suiteList td
		{
			padding: 7px 10px;
			border: 1px solid #ddd;
		}

		table.suiteList td.suiteTitle
		{
			background: #ededed;
		}
	
		table.suiteList td a
		{
			color: #ED1B2E;
		}
		
		/* sideBar Heading */
		#content .sideBar h2,
		#content #myAccount h2
		{
			margin: 0;
			padding: 10px 0 10px 10px;
			background: #b91524 url(../images/bg_sidebar_heading.gif) 0 0 repeat-x;
			border-bottom: 1px solid #8d0814;
			color: #fff;
			font-family: Georgia, serif;
			font-style: italic;
			font-weight: normal;
		}
		#content .sideBar h2.title
		{
			margin: 0 0 10px;
		}

		#content #myAccount h2
		{
			margin: 10px 0 0;
			background: #1c3240 url(../images/bg_sidebar_myaccount_heading.gif) 0 0 repeat-x;
			border-bottom: 1px solid #1c3240;
		}


		/* sideBar Navigation */
		#content .sideBar ul,
		#content .sideBar li
		{
			margin: 0 0 10px;
			padding: 0;
			list-style: none;
		}
		#content .sideBar li ul,
		#content .sideBar li li ul
		{
			margin: 0;
		}
		#content .sideBar li
		{	
			margin: 0 !important;
			background: #c2d0d6 url(../images/bg_sidebar_menu.gif) 0 0 repeat-x;
		}
		#content .sideBar li a
		{
			display: block;
			width: 190px;
			padding: 5px 10px 5px 20px;
			border-bottom: 1px solid #aabfc8;
			background: url(../images/bg_sidebar_menu_arrow_off.gif) 10px 10px no-repeat;
			font-size: .9em;
			color: #1c3240;
			text-decoration: none;
		}
		#content .sideBar li a:hover,
		#content .sideBar li.on a
		{
			background: #698699 url(../images/bg_sidebar_menu_arrow_over.gif) 10px 10px no-repeat;
			color: #fff;
		}
		#content .sideBar li li
		{
			background: #d5dde1;
		}
		#content .sideBar li.on li a
		{
			width: 180px;
			padding: 5px 10px 5px 30px;
			border: 0;
			background: #d5dde1 url(../images/bg_sidebar_menu_arrow2_off.gif) 20px 10px no-repeat;
			color: #666666;
		}
		#content .sideBar li.on li a:hover,
		#content .sideBar li.on li.on a
		{
			background: #d5dde1 url(../images/bg_sidebar_menu_arrow2_over.gif) 20px 10px no-repeat;
			color: #ed1b2e;
		}
		#content .sideBar li li li
		{
			background: #d5dde1;
		}
		#content .sideBar li.on li.on li.off a,
		#content .sideBar li.on li.on li.on a
		{
			width: 170px;
			padding: 5px 10px 5px 40px;
			border: 0;
			background: #d5dde1 url(../images/bg_sidebar_menu_arrow2_off.gif) 30px 10px no-repeat;
			color: #666666;
		}
		#content .sideBar li.on li.on li.off a:hover,
		#content .sideBar li.on li.on li.on a
		{
			background: #d5dde1 url(../images/bg_sidebar_menu_arrow2_over.gif) 30px 10px no-repeat;
			color: #ed1b2e;
		}


		#content #myAccountContainer
		{
			padding: 15px 15px 0;
			background: #d5dde1 url(../images/bg-myacount.gif) left bottom repeat-x;
		}
		#content #myAccountContainer ul li
		{
			background: none !important;
		}
		#content #myAccountContainer ul li a
		{
			width: auto !important;
			border: 0 !important;
			background: url(../images/bg_sidebar_menu_myaccount_off.gif) 10px 10px no-repeat;
			color: #666666 !important;
			font-size: 12px;
		}
		#content #myAccountContainer ul li a:hover,
		#content #myAccountContainer ul li.on a
		{
			background: url(../images/bg_sidebar_menu_myaccount_over.gif) 10px 10px no-repeat;
			color: #ed1b2e !important;
		}
	

		/* buttons */
		#content .sideBar .button
		{
			margin: 10px 0 0;
			padding: 0;
			line-height: 0;
		}		


		/* sponsors */
		#sponsors
		{
			margin: 12px 0 0;
			position: relative;
			text-align: center;
		}
		#sponsors h1
		{
			padding: 15px;
			background: #d5dde1;
			color: #7792a3;
			font-size: 1.4em;
			font-weight: normal;
			font-style: italic;
			text-align: left;
		}
		#sponsorLink
		{
			position: absolute;
			top: 12px;
			right: 15px;
		}
	
	
	/* --- foot */
	
	#foot
	{
		margin: 0 0 15px;
		border-top: 1px solid #e5e5e5;
		color: #999;
	}
	#foot ul,
	#foot li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#foot li
	{
		float: left;
		padding: 8px 15px;
		border-right: 1px solid #e5e5e5;
		font-size: 1em;
	}
	#foot li a#feedback
	{
		text-align: center;
		margin: 5px 0;
		display: block;
	}
	#foot li#credits
	{
		float: right;
		border: 0;
		border-left: 1px solid #e5e5e5;
	}
	#foot li a
	{
		color: #698699;
	}


	/* --- containers */

	#container
	{
		width: 940px;
		margin: 0 auto;
	}


	/* --- table Content */
	#content .mainBar table
	{
		margin: 0 0 10px;
		border: 0;
		border-collapse: collapse;
	}
	table.contentTable
	{
		width: 300px !important;
		text-align: left !important;
		margin: 0;
	}
	table.contentTable th
	{
		
		border-bottom: 1px solid #516776;
		background: #597986;
	}
	table.contentTable td
	{
		padding: 10px;
		border-bottom: 1px solid #516776;
		background: #698699;
		color: #1c3240;
		font-size: 1.1em;
	}
	table.contentTable th h1
	{
		float: left;
		margin: 0;
		padding: 15px;
		color: #fff;
		font-style: italic;
		font-size: 1.4em;
	}

	
	/* --- images */
	img.imageRight
	{
		float: right;
		padding: 11px 15px 0;
	}

	
	.search_form
	{
		padding: 0 0 20px;
	}
	.search_form label
	{
		display: none;
	}
	.search_form input
	{
		float: left;
		width: 400px;
		margin: 0;
		padding: 6px 5px 6px;
		border: 1px solid #ddd;
		background: #fff;
		color: #999;
		font-size: 11px;
	}
	ul.search_list,
	ul.search_list li
	{
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	ul.search_list li
	{
		padding: 10px 0 !important;
		border-bottom: 1px solid #ddd;
	}
	ul.search_list li p
	{
		margin: 0 !important;
		padding: 0 !important;
		font-size: 12px;
	}
	.search_list img
	{
		float: left;
		padding: 0 5px 0 0;
	}	



	

	

	.forgot 
	{
		padding: 0 10px;
	}

	
	table.cart_table,
	table.text,
	table.myMemberships,
	table.list,
	table.registrations_table,
	table.goal_list_table,
	table.activity_list_table
	{
		width: 100%;
		border-width: 1px;
		border-spacing: ;
		border-style: solid;
		border-color: ;
		border-collapse: collapse;
		background-color: white;
	}
	table.goal_list_table
	{
		width: auto;
	}
	table.cart_table th,
	table.text th,
	table.myMemberships th,
	table.list th,
	table.registrations_table th,
	table.goal_list_table th,
	table.activity_list_table th
	{
		border-width: 1px;
		padding: 5px;
		border-style: inset;
		border-color: #ccc;
		background-color: white;
		-moz-border-radius: ;
		font-size: 12px;
		text-align: left;
	}
	table.goal_list_table th,
	table.activity_list_table th
	{
		background: #ededed;
	}
	table.cart_table td,
	table.text td,
	table.myMemberships td,
	table.list td,
	table.registrations_table td,
	table.goal_list_table td,
	table.activity_list_table td
	{
		border-width: 1px;
		padding: 5px;
		border-style: inset;
		border-color: #ccc;
		background-color: white;
		-moz-border-radius: ;
		font-size: 12px;
	}

	div#activityFilterFormstartDate_div,
			div#activityFilterFormendDate_div
			{
				border: 1px solid #ddd;
				padding: 5px;
			}
			div.list_filter
			{
				margin: 15px 0;
				padding: 8px 5px 5px;
				background: #aaa url(../images/bg-filter.gif) left top repeat-x;
				border-bottom: 1px solid #999;
				color: #000;
				font-size: 12px;
			}
			div.list_filter table
			{
				margin: 0 !important;
				padding: 0 !important;
				height: auto !important;
			}
			div.list_filter input
			{
				width: 120px;
				padding: 5px;
				border: 1px solid #999;
			}
			div.list_filter button
			{
				display: block;
				width: 62px;
				height: 22px;
				margin: 0 0 0 20px;
				padding: 22px 0 0;
				border: 0;
				background: url(../images/btn-filter.gif) 0 0 no-repeat;
				cursor: pointer;		
				text-indent: -999em;
			}
			div.list_filter a
			{
				background: none;
				color: #ea3444;
				text-decoration: none;
			}

	ol.pdList
	{
		padding: 0 0 0 25px;
	}

	div.form table th,
	div.plain table th
	{
		text-align: left;
		font-size: 12px;
	}

	.fieldset_title,
	.order_details_header
	{
		margin: 0 0 .5em;
		color: #ed1b2e;
		font-family: Georgia, serif;
		font-size: 14px;
		font-weight: bold;
	}


	ul.list,
	ul.list li
	{
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	ul.list li
	{
		margin: 0 0 15px !important;
		padding: 10px !important;
		background: #eee;
		border-bottom: 1px solid #ddd;
	}
	ul.list .left
	{
		float: left;
		width: 200px;
		font-weight: bold;
	}
	ul.list .right
	{
		float: right;
		width: 450px;
	}
	ul.list a
	{
		color: #ed1b2e !important;
		font-size: 1.4em;
		font-family: Georgia, serif;
	}
	ul.list li .right p
	{
		font-size: 1em;
	}
	
	#pdContent
	{
		background: url(../images/bg-pdContent.gif) top right repeat-y;
	}
	#pdMainBar
	{
		float: left;
		width: 430px;
		margin: 0 0 0 12px;
	}	
	#pdSideBar
	{
		float: right;
		width: 240px;
	}
	#pdSideBar h3
	{
		margin: 0 0 5px;
		font-family: Verdana;
		font-size: 12px;
	}
	.pdText
	{
		padding: 15px 10px;
		font-size: 12px;
	}
	.suiteRegister
	{
		padding: 20px 0;
	}
	.pdRegister
	{
		padding: 0 0 20px;
	}
	.pdRegister h3
	{
		padding: 10px;
		background: #d5d5d5;
		font-family: Georgia, serif !important;
		font-size: 16px !important;
	}
	.pdRegister div
	{
		padding: 10px;
		font-size: 12px;
	}
	.pdRegister button,
	/*button.SubmitButton*/
	{
		float: right;
		display: block;
		width: 101px;
		height: 21px;
		margin: 0;
		padding: 0;
		border: 0;
		background: url(../images/btn-submit.gif) 0 0 no-repeat;
		text-indent: -999em;
		cursor: pointer;
	}
	/*button.SubmitButton
	{
		float: none;
		margin: 0 0 0 5px !important;
	}
	button.SubmitEventRegistrationTypeButton
	{
		float: right;
	}*/

	.pdResources
	{
		background: #698699;
		border-bottom: 1px solid #516776;
	}
	.pdResources h2
	{
		margin: 0;
		padding: 10px;
		background: #597986;
		border-bottom: 1px solid #516776;
		color: #fff;
		font-size: 16px;
		font-weight: normal;
		font-style: italic;
	}
	.pdResources p
	{
		padding: 10px 10px 0 !important;
	}
	.pdResources ul,
	.pdResources ul li
	{
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	.pdResources ul
	{
		padding: 0 10px 10px !important;
	}
	.pdResources ul li a
	{
		display: inline-block;
		padding: 0 0 0 10px;
		background: url(../images/files-arrow.gif) 0 4px no-repeat;
		color: #000;
	}

	div.membershipSignUpFormErrorMessage
	{
		margin: 0 0 15px;
		font-size: 12px;
		color: #f00;
	}

	button.BackToEventsList
	{
		display: none !important;
	}

	/*div[style] { display: none !important; }*/

	
	table#loginDetails td,
	table#loginDetails th
	{
		padding: 0 10px 5px 0;
		font-size: 12px;
		text-align: left;
	}

	ul#loginDetailsList
	{
		margin: 0 0 10px;
	}


	#membershipMembersData ol,
	#membershipMembersData ol ul
	{
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	#SearchInstructionsOuter
	{
		
	}


	#SearchInstructions
	{
		position: absolute;
		display: block;
		bottom: 0;
		left: 348px;
		width: 280px;
		height: 218px;
		margin: 0;
		padding: 20px; 
		border: 20px solid #d5dde0;
		border-left: 0;
	}

	#directorySearch
	{
		width: 308px;
		overflow: hidden;
		margin: 0 0 20px;
		padding: 20px;
		background: #d5dde0;
	}
	#directorySearch.wider
	{
		width: auto !important;
	}
	#directorySearch ol,
	#directorySearch ol li
	{
		width: 305px !important;
		margin: 0 !important;
		padding: 0 !important;
		background-color: #b71524;
		list-style: none !important;
		color: #fff;
		font-family: Georgia;
		font-size: 15px;
	}
	#directorySearch ol li
	{
		width: 275px !important;
		padding: 10px 15px !important;
		background-image: url(../images/bg-search-directory-form.gif);
		background-repeat: repeat-x;
		background-position: 0 0;
		height: 40px;
	}	
	#directorySearch ol li span
	{
		color: #352f3d;
		font-family: Verdana;
		font-size: 12px;
	}
	#directorySearch ol li label
	{
		display: block;
		margin: 0 0 5px;
	}
	#directorySearch ol li select
	{
		width: 257px;
	}
	#directorySearch ol li input
	{
		width: 247px;
		margin: 0;	
		padding: 2px 4px;
		border: 0;
		background: url(../images/input-location.gif) 0 0 no-repeat;
		color: #000;
		font-size: 13px;
		font-family: Arial;
	}
	#directorySearch ol li button
	{
		float: right;
		display: block;
		width: 135px;
		height: 44px;
		margin: 0;
		padding: 0;
		border: 0;
		background: url(../images/btn-search-directory.gif) 0 0 no-repeat;
		cursor: pointer;
		text-indent: -999em;
		color: transparent;
	}
	#directorySearch ol li#consultantSearch
	{
		
	}
	#directorySearch div.search
	{
		float: left;
		width: 305px;
		height: 300px;
		border: 2px solid #fff;
		
		/*background: #c5cdd0 url(../images/consultant-directory-watermark.gif) 388px 55px no-repeat;*/
	}
	#directorySearch .directoryMap
	{
		float: right;
		width: 351px;
		height: 300px;
	}
	#directorySearch .directoryMap #map
	{
		width: 351px !important;
		height: 300px !important;
		border: 2px solid #fff;
		border-left: 0;
	}
	
	#directoryResults
	{
		margin: 20px 0 0;
	}
	#directoryResults .searchResults table,
	#directoryResults .searchResults table td
	{
		padding: 0 10px;	
	}
	#directoryResults .searchResults table tbody
	{
		border-top: 10px solid #fff;
		border-bottom: 10px solid #fff;
	}
	
	#directoryResults .searchResults table tr.divider
	{
		border-bottom: 1px solid #000;
	}
	#directoryResults .searchResults table h4
	{
		float: left;
		margin: 0 15px 5px 0 !important;
	}	
	#directoryResults a.details
	{
		display: block;
		padding: 3px 5px;
		background-color: #d3dce0;
		color: #273843;
		text-align: center;
		text-decoration: none;
		font-size: 11px;
	}
	
	.viewEntity
	{
		float: left;
		width: 330px;
	}
	.viewEntity h1
	{
		
	}
	.viewEntity div#print
	{
		position: absolute;
		top: 50px;
		right: 0;
	}
	.viewEntity div#print a
	{
		display: block;
		padding: 5px 15px;
		font-family:Georgia,serif;
		color: #fff;
		text-decoration: none;
		background: #2a3b46;
		text-align: center;
	}
	.viewEntity strong
	{
		color: #8EA4B2;
	}
	#directoryContact
	{
		float: left;
		width: 330px;
		margin: 95px 0 0 40px;
	}
	#directoryContact h3
	{
		display: block;
		margin: 0;
		padding: 30px;
		color: #fff;
		background: #2a3b46;
	}
	#directoryContact fieldset
	{
		padding: 30px;
		background: #c6d2d8;
	}
	#directoryContact ol,
	#directoryContact ol li
	{
		list-style: none;
		margin: 0 0 18px;
		padding: 0;
		clear: both;
	}
	#directoryContact label
	{
		float: left;
		display: inline-block;
		font-family: Georgia, serif;
		font-weight: bold;
		font-size: 15px;
		margin: 2px 0 0;
		padding: 0;
		width: 80px;
	}
	#directoryContact input,
	#directoryContact textarea
	{
		
		width: 173px;
		padding: 5px;
		border: 1px solid #ddd;
	}
	#directoryContact button
	{
		float: right;
		width: 185px;
		height: 44px;
		margin: 0 5px;
		border: 0;
		cursor: pointer;
		text-indent: -999em;
		background: url(../images/btn-contact-submit.gif) 0 0 no-repeat;
	}

	p.error
	{
		color: #8ea4b2;
	}