/*

	**  **           **  ************
	**   **         **   ************
	**    **       **         **
	**     **     **          **
	**      **   **           **
	**       ** **            **
	**        ***             **

*/


/************************************************\
 ******************** STYLE ********************
\************************************************/

/*	Created: Date & Time
 *	Author: Firstname Lastname <url>
 *
 *	Updated: Firstname Lastname (Date & Time)
*/


/*	RESET - DO NOT REMOVE OR MODIFY
 *	----------------------------------------------
*/

	* 
	{
		margin: 0;
		padding: 0;
	}
		
	/* tables still need 'cellspacing="0"' in the markup */
	table 
	{
		border-collapse: collapse;
		border-spacing: 0;
	}
		
	blockquote, q 
	{
		quotes: none;
	}
		
	q:before, q:after, blockquote:before, blockquote:after 
	{
		content: "";
	}
		
	/* remember to define focus styles! */
	:focus 
	{
		outline: 0;
	}
		
	legend 
	{
		display: none !important;
	}
		
	hr 
	{
		height: 1px;
		border: 1px solid #CCC;
	}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after 
	{
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	.clearfix 
	{
		display: inline-block;
	}

	* html .clearfix 
	{
		height: 1%;
	}

	.clearfix 
	{
		display: block;
	}

	
	
/*	TYPOGRAPHY
 *	----------------------------------------------
*/

	
	
	
	/* --- links */
	
	a:link
	{
		color: #000;
	} /* unvisited link */
	
	a:visited
	{
		color: #999;
	} /* visited link */
	
	a:hover
	{
		font-weight: bold;
		text-decoration: none;
	} /* mouse over link */

	a:active
	{
		color: #000;
	} /* selected link */
	

	
	/* --- paragraph */
	
	p
	{
		margin:  0 0 1em;
	}
	
	
	/* --- lists */
	
	ul, ol
	{
		list-style: none;
	}
	
	
/*
 *  SPECIAL EDITOR STYLES
 *
 *  * note these styles will render correctly
 *  ----------------------------------------------
*/

	/* do not remove, special case for styles being added to editor styles dropdown */
	/* ckeditor:
		h1.heading1
		{
			color: #000;
			font-size: 20px;
		}
	*/
	/* ckeditor:
		h2.heading2
		{
			color: #000;
			font-size: 18px;
		}
	*/
	/* ckeditor:
		h3.heading3
		{
			color: #000;
			font-size: 16px;
		}
	*/
	/* ckeditor:
		h4.heading4
		{
			color: #000;
			font-size: 14px;
		}
	*/
	/* ckeditorstyles:
		h5.heading5
		{
			color: #000;
			font-size: 12px;
		}
	*/
	/* ckeditor:
		h6.heading6
		{
			color: #000;
			font-size: 10px;
		}
	*/
	
	
	/* ckeditor:
		img.imageRight
		{
			float: right;
			margin: 0 0 10px 10px;
			padding: 5px;
			border: 1px solid #ddd;
		}
	*/
	/* ckeditor:
		img.imageLeft
		{
			float: left;
			margin: 0 10px 10px 0;
			padding: 5px;
			border: 1px solid #ddd;
		}
	*/

	
	
/*	FORMS
 *	----------------------------------------------
*/


	/* Registration form */
	form#signup_form legend
	{
		display: none !important;
	}
	form#signup_form fieldset fieldset legend
	{
		display: block;
		margin: 0;
	}
	form#signup_form ol,
	form#signypForm ol
	{
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	form#signup_form li
	{
		clear: both;
		margin: 0 0 .75em !important;
		padding: 0 !important;
	}	
	form#signup_form label
	{
		float: left;
		width: 110px;
		margin-right: 5px;
		text-align: right;
	}
	form#signup_form .state
	{
		float: left;
		margin: 0 0 .75em;
	}
	form#signup_form li li
	{
		float: left;
		width: 48%;
		margin: 0 !important;
		padding: 0 !important;
		clear: none;
	}
	form#signup_form .receive_email,
	form#signup_form .security_code_fieldset,
	form#signup_form .interests 
	{
		margin-left: 115px;
	}
	form#signup_form .state label,
	form#signup_form .receive_email label,
	form#signup_form .interests label 
	{
		display: inline;
		width: auto;
		margin: 0;
	}
	form#signup_form .interests li 
	{
		width: 30%;
	}
	
	/* signup form submit button */
	form#signup_form button
	{
	
	}
	
	
	/* Password form */
	form#passwordForm legend 
	{
		display: none;
	}
	form#passwordForm ol
	{
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	form#passwordForm li 
	{
		clear: both;
		margin: 0 0 .75em !important;
		padding: 0 !important;
	}
	form#passwordForm label 
	{
		float: left;
		width: 100px;
		margin-right: 5px;
		text-align: right;
	}
	
	/* password form submit button */
	form#passwordForm button 
	{
		
	}
	
	
	/* forms created from forms module */
	form#info_form label
	{
		float: left;
		display: inline-block;
		width: 120px;
		margin: 3px 5px 0 0;
		padding: 0;
		font-size: 12px;
		text-align: left;
		line-height: 1.2;
	}
	form#info_form label:after
	{
		content: ":";
	}
	form#info_form label,
	form#info_form input,
	form#info_form textarea,
	form#info_form select
	{
		margin-bottom: 10px;
	}
	form#info_form label.wide,
	form#info_form label.label2
	{
		float: none;
		display: block;
		width: auto !important;
	}
	form#info_form th
	{
		width: 120px !important;
		font-size: 12px;	
		font-weight: normal;
		text-align: left;
	}
	form#info_form input.input_small_off,
	form#info_form input.input_small_on,
	form#info_form input.input_medium_off,
	form#info_form input.input_medium_on,
	form#info_form input.input_large_off,
	form#info_form input.input_large_on,
	form#info_form textarea.textarea_small_off,
	form#info_form textarea.textarea_small_on,
	form#info_form textarea.textarea_medium_off,
	form#info_form textarea.textarea_medium_on,
	form#info_form textarea.textarea_large_off,
	form#info_form textarea.textarea_large_on
	{
		padding: 3px;
		border: 1px solid #ddd;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	form#info_form input.input_small_off,
	form#info_form input.input_small_on
	{
		width: 120px;
	}
	form#info_form input.input_medium_off,
	form#info_form input.input_medium_on
	{
		width: 240px;
	}
	form#info_form input.input_large_off,
	form#info_form input.input_large_on
	{
		width: 360px;
	}
	form#info_form textarea.textarea_small_off,
	form#info_form textarea.textarea_small_on
	{
		width: 120px;
		height: 40px;
	}
	form#info_form textarea.textarea_medium_off,
	form#info_form textarea.textarea_medium_on
	{
		width: 240px;
		height: 80px;
	}
	form#info_form textarea.textarea_large_off,
	form#info_form textarea.textarea_large_on
	{
		width: 360px;
		height: 120px;
	}


	/* form caption */
	.form_caption,
	.form_title,
	form#info_form fieldset table th,
	form#info_form fieldset table td
	{
		margin: 10px 0;
		font-size: 12px;
	}
	form#info_form select
	{
		margin: 0 0 10px;
	}

	/* form radio inputs */
	fieldset.radio
	{
		font-size: 12px;
	}

	/* form file type input */
	label.wide span
	{
		float: none !important;
		width: auto !important;
	}
	input[type="file"] /* ie6 does not support this */
	{
		margin: 0 0 10px !important;
		border: 0 !important; 
	}	

	/* form buttons */
	#form_info_buttons
	{
		width: auto !important;
		margin: 10px 0;
	}
	#form_info_buttons input.submit
	{
	
	}
	#form_info_buttons input.cancel
	{
	
	}
	
	
	form br
	{
		clear: both;
		margin: 0 0 10px !important;
	}
	
	
	
	/* Events Buttons */
	form.registrationForm button.SubmitButton,
	form.registrationForm button.CancelButton
	{
		float: none !important;
	}
	
	button.SubmitButton,
	button.CancelButton,
	div.activity_form button.submit
	button.PDTrackerRemoveActivityButton
	{
		/*width: 100px;
		height: 20px;*/
		margin: 0 5px 0 0;
		/*padding: 0 0 0 20px;
		border: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0 0;*/
		color: #000;
		font-size: 11px;
		cursor: pointer;
	}
	
	button.SubmitButton.SubmitIndividualRegistrationButton,
	button.SubmitButton.SubmitEventRegistrationTypeButton,
	button.SubmitButton.SubmitGroupRegistrationButton,
	button.SubmitButton.SubmitManagerSignupButton,
	button.SubmitButton.SubmitTableRegistrationButton
	{
		float: right;
		display: inline-block;
		/*background-image: url(images/submit-btn.gif);*/
	}
	button.CancelButton.CancelIndividualRegistrationButton,
	button.CancelButton.CancelGroupRegistrationButton,
	button.CancelButton.CancelManagerSignupButton
	{
		float: left;
		display: inline-block;
		/*background-image: url(images/cancel-btn.gif);*/
	}
	
	button.SubmitButton.SubmitAddToGroupButton
	{
		float: right;
		/*background-image: url(images/add-to-group-btn.gif);*/
	}
	
	button.SubmitButton.SubmitReserveButton
	{
		/*background-image: url(images/reserve-btn.gif);*/
	}
	
	button.SubmitButton.addActivityButton
	{
		/*float: right;
		width: 151px;
		height: 23px;
		background-image: url(images/add-pd-activity-btn.gif);*/
	}
	button.PDTrackerRemoveActivityButton
	{
		/* background-image: url(images/remove-btn.gif); */
	}
	
	div.activity_form button.submit
	{
		/*width: 121px;
		height: 23px;
		background-image: url(images/add-activity-btn.gif);*/
	}
	
	
	/* Membership Buttons */
	button#loginSubmitButton,
	button#cancelButton,
	button#signupButton,
	input.SubmitButton
	{
		/*width: 100px;
		height: 20px;*/
		margin: 0 5px 0 0;
		/*padding: 0 0 0 20px;
		border: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0 0;*/
		color: #000;
		font-size: 11px;
		cursor: pointer;
	}
	
	button#loginSubmitButton
	{
		/*background-image: url(images/login-btn.gif);*/
	}
	
	button#cancelButton
	{
		/*background-image: url(images/cancel-btn.gif);*/
	}
	
	button#signupButton
	{
		/*background-image: url(images/submit-btn.gif);*/
	}
	
	input.SubmitButton.SubmitAddMember
	{
		/*background-image: url(images/add-btn.gif);*/
	}
	
	
	input.myMembershipMenuButtonOn,
	input.myMembershipMenuButtonOff
	{
		/*width: 100px;
		height: 20px;*/
		margin: 0 5px 0 0;
		/*padding: 0 0 0 20px;
		border: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0 0;*/
		color: #000;
		font-size: 11px;
		cursor: pointer;
	}
	
	input#membershipDetail
	{
		/*background-image: url(images/membership-btn.gif);*/
	}
	
	input#membershipMembers
	{
		/*background-image: url(images/members-btn.gif);*/
	}
	
	
	/* Cart Buttons */
	input.button
	{
		/*width: 207px;
		height: 33px;*/
		margin: 0 5px 0 0;
		/*padding: 0 0 0 33px;
		border: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0 0;*/
		color: #000;
		font-size: 11px;
		cursor: pointer;
	}
	
	input.button.change_qty
	{
		/*background-image: url(images/change-your-order-btn.gif);*/
	}
	
	input.button.complete_order
	{
		/*background-image: url(images/submit-order-btn.gif);*/
	}
	
	input.button.shipping
	{
		/*background-image: url(images/next-payment-details-btn.gif);*/
	}
	
	input.button.editDetails
	{
		/*width: 101px;
		height: 21px;
		padding: 21px 0 0;
		background-image: url(images/edit-btn.gif);*/
	}
	
	input.button.step3
	{
		/*background-image: url(images/proceed-to-payment-btn.gif);*/
	}	
	
	input.button.submitOrder
	{
		/*background-image: url(images/submit-order-btn.gif);*/
	}
	
	
	/* My Account Logout */
	button.button.logout,
	input.submit
	{
		/*width: 101px;
		height: 21px;*/
		margin: 0 5px 0 0;
		/*padding: 0 0 0 21px;
		border: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-image: url(images/logout-btn.gif);*/
		color: #000;
		font-size: 11px;
		cursor: pointer;
	}
	

	
/*	GENERAL
 *	----------------------------------------------
*/

	.left
	{
		float: left;
	}
	.right
	{
		float: right;
	}
	

	/* please note that any version of IE does not support border-radius */
	.sbCorners
	{
		border-radius: 5px; /* Input your own value */
		-moz-border-radius: 5px; /* Input your own value */
		-webkit-border-radius: 5px; /* Input your own value */
	}
	
	.sbCornersTop
	{ 
		border-top-left-radius: 5px; /* Input your own value */
		border-top-right-radius: 5px; /* Input your own value */
		-moz-border-radius-topleft: 5px; /* Input your own value */
		-moz-border-radius-topright: 5px; /* Input your own value */
		-webkit-border-top-left-radius: 5px; /* Input your own value */
		-webkit-border-top-right-radius: 5px; /* Input your own value */
	}
	
	.sbCornersBottom
	{ 
		border-bottom-left-radius: 5px; /* Input your own value */
		border-bottom-right-radius: 5px; /* Input your own value */
		-moz-border-radius-bottomleft: 5px; /* Input your own value */
		-moz-border-radius-bottomright: 5px; /* Input your own value */
		-webkit-border-bottom-left-radius: 5px; /* Input your own value */
		-webkit-border-bottom-right-radius: 5px; /* Input your own value */
	}
	
	.sbCornersTopLeft
	{ 
		border-top-left-radius: 5px; /* Input your own value */
		-moz-border-radius-topleft: 5px; /* Input your own value */
		-webkit-border-top-left-radius: 5px; /* Input your own value */
	}
	
	.sbCornersTopRight
	{ 
		border-top-right-radius: 5px; /* Input your own value */
		-moz-border-radius-topright: 5px; /* Input your own value */
		-webkit-border-top-right-radius: 5px; /* Input your own value */
	}
	
	.sbCornersBottomLeft
	{ 
		border-bottom-left-radius: 5px; /* Input your own value */
		-moz-border-radius-bottomleft: 5px; /* Input your own value */
		-webkit-border-bottom-left-radius: 5px; /* Input your own value */
	}
	
	.sbCornersBottomRight
	{ 
		border-bottom-right-radius: 5px; /* Input your own value */
		-moz-border-radius-bottomright: 5px; /* Input your own value */
		-webkit-border-bottom-right-radius: 5px; /* Input your own value */
	}
	
	
	/* word-wrap text */
	.word_wrap
	{
		white-space: pre-wrap; /* css-3 */
		white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
		white-space: -pre-wrap; /* Opera 4-6 */
		white-space: -o-pre-wrap; /* Opera 7 */
		word-wrap: break-word; /* Internet Explorer 5.5+ */
	}


/*	DROPDOWN MENU - DO NOT REMOVE, MAY EDIT!!!
 *  ----------------------------------------------
*/

	ul.ddMenu,
	ul.ddMenu li
	{
		padding: 0 !important;
		list-style: none !important;
	}
	ul.ddMenu li
	{
		float: left;
		position: relative;
		height: 36px; /* input your own value */
	}
	ul.ddMenu ul
	{
		position: absolute;
		top: -999em;
		width: 100px; /* input your own value */
		height: auto;
		padding: 0 /* input your own value */
	}
	ul.ddMenu li:hover ul,
	ul.ddMenu li.ddHover ul
	{
		top: 36px; /* input your own value, value in height of the main menu, your dropdown is attached to */
		left: 0;
		z-index: 99;
	}
	ul.ddMenu li li:hover ul,
	ul.ddMenu li li.ddHover ul
	{
		top: 0;
		left: 100px; /* input your own value */
	}
	ul.ddMenu li:hover a,
	ul.ddMenu li.ddHover a
	{
		/*border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;*/
		/* background: #165a86; */ /*url(/path-to-image) 0 0 repeat-x; */
		color: #fff;
		font-weight: normal;
		text-decoration: none;
		/*text-shadow: 1px 1px 1px #444;*/
	}
	ul.ddMenu li li
	{
		width: 100px; /* input your own value */
		height: auto;
		margin: 0 !important;
		/*border-bottom: 1px solid #fff;*/ /* input your own value */
		background: #165a86; /* input your own value */
	} 
	ul.ddMenu li li:last-child,
	ul.ddMenu li li.end
	{
		/*border-bottom: 1px solid #DDD;*/
	}
	ul.ddMenu li li a
	{
		float: none !important;
		display: block;
		height: auto;
		padding: 4px 10px; /* input your own value */
		color: #fff !important; /* input your own value */
		font-weight: normal !important;
		font-size: 11px !important; /* input your own value */
		background: #165a86 !important; /* input your own value */
		text-decoration: none;
		text-transform: lowercase;
		text-indent: 0;
		text-shadow: 0 0 0 !important;
	}
	ul.ddMenu li li:hover a,
	ul.ddMenu li li.ddHover a,
	ul.ddMenu li.ddHover li a:hover
	{
		font-weight: bold !important;
	}
	
