/* =============================================================================
   Body Elements / Layout Framework
   ========================================================================== */

/* 
	This ensures that the left sidebar has a certain minimum height on the 
	Schedule / Schedule Details pages, which helps ensure that the extended-column
	bits don't wrap prematurely. 
*/
div.schedule div.content-sidebar.left
{
	min-height: 300px;
}

	/* -------------------------------------------------------
	   Sidebar items
	   ------------------------------------------------------- */

	ul.navigation li a.request span {
	    background-image: url("../img/nav-icon-request.png");
	    font-size: 11px;
	}

/* =============================================================================
   Extended Column
   ========================================================================== */

/* This can hold, for instance, a carousel, that spans both the center and right columns */

div.extended-column
{
	float: left;
	width: 800px;
	
	margin-bottom: 0.5em;
}

/* =============================================================================
   Center Column / Content Area
   ========================================================================== */

/*
	div.content-area elements are normally:
		width:        560px;
		padding-left:  20px;
		padding-right: 20px;
	
		In this case, though, the "full" variant spans the full width of the column.
*/
div.community div.content-area.column,
	div.content-area.full
{
	width: 600px;
	padding-left:  0px;
	padding-right: 0px;
}

	/* These elements pull themselves out of the normal margins of their 
		parent content-area element. */
	div.content-area > div.full
	{
		margin-left:  -20px;
		margin-right: -20px;
	}
	
	/* -------------------------------------------------------
	   Content-Area Column variation for Pages with an Extended Column
	   ------------------------------------------------------- */
	
	div.content-area.column.has-extended-column
	{
		width: 800px;
		
		padding-left:  0px;
		padding-right: 0px;
	}
	
		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		div.content-area.column.has-extended-column:after 
		{
			content: ".";
			display: block;
			visibility: hidden;
			
			clear: both;
			
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		div.content-area.column.has-extended-column { display: inline-block; }

		/* 1st for IE 5-6 */
		* html div.content-area.column.has-extended-column { height: 1%; }

		div.content-area.column.has-extended-column { display: block; }


		
		/* For a nested content-area colun within a parent content-area
			that's containing an extended column: */
		div.content-area.column.has-extended-column > form div.content-area
		{
			clear: left;
			float: left;
			
			position: relative;
		}
	

/* =============================================================================
   Community Meta Page
   ========================================================================== */

div.community div.content-sidebar.left div.sidebar-header 
{
	background-color: transparent;
	background-image: url('/img/directory-sidebar-bkgd.gif');
	background-position: 1px 0px;

}
	/* -------------------------------------------------------
	   Carousel
	   ------------------------------------------------------- */
	
	div.carousel
	{
		height: 224px;
		overflow: hidden;
		
		position: relative;
	}
	
		/* Variant for carousels in an extended-column */
		div.extended-column div.carousel
		{
			height: 254px;
		}
		
	
		div.carousel-item
		{
			position: relative; 
		}
		
		div.carousel-item img,
			div.carousel-item a
		{
			display: block;
		}
		
			div.carousel-item div.caption
			{
				position: absolute;
				top:  30px;
				left: 30px;
				
				width: 550px;
			}
			
				/* Variant for carousels in an extended column */
				div.extended-column div.carousel-item div.caption
				{
					top:  0px;
					left: 0px;
					
					padding-left:  20px;
					padding-right: 20px;
					
					padding-top:   55px;
					
					width:  259px; /* Ostensibly 299px, but reduced to account for the box model */
					height: 199px; /* Ostensibly 254px, but reduced to account for the box model */
					
					background-image: url('../images/schedule/extended-column-carousel-caption-background.png');
					background-repeat: repeat-x;
					background-position: top left;
					
					background-color: rgb(246, 201, 87); /* Light yellow */
				}
			
	div.carousel ul.pagination
	{
		position: absolute;
				
		bottom: 8px;
		right:  8px;
		
		z-index: 10;
		
		margin:  0em;
		padding: 0em;
		
		text-align: right;
	}
	
		/* Variant for carousels in an extended column */
		div.extended-column div.carousel ul.pagination
		{
		    /* Removed this css to move the pagination to the lower right corner, not top left. */
			/*top:  20px;
			left: 20px;
			
			bottom: auto;
			right:  auto;*/
			bottom: 8px;
			right: 8px;
			
			text-align: left;
		}
	
	
		div.carousel ul.pagination > li
		{
			float: left;
			
			display: inline;
			text-align: right;
			
			list-style-type: none;
			
			margin:  0em;
			padding: 0em;
			
			margin-left: 3px;
		}
		
			/* Variant for carousels in an extended column */
			div.extended-column div.carousel ul.pagination > li
			{
				margin-left:  0px;
				margin-right: 4px;
			}
		
		/* Removed this css to make the pagination in an extended carousel match the other carousels. */
			div.carousel ul.pagination > li > a
			{
				background-color: rgb(210, 210, 210);
				border: 1px solid rgba(0, 0, 0, 0.15);
				
				float: left;
				
				width:  10px;
				height: 0px;
				
				overflow: hidden;
				
				
				padding-top: 10px;
			}
			
				/* Variant for carousels in an extended column */
				/*Removed this CSS to make the pagination in an extended carousel match the other carousels*/
				/*div.extended-column div.carousel ul.pagination > li > a
				{
					background-color: rgb(220, 220, 220); /* Light gray */
					/*border-color: rgba(0, 0, 0, 0.10);
					
					border-radius: 5px;
				}*/
				
				/* Variant for carousels in an extended column */
				/*div.extended-column div.carousel ul.pagination > li > a
				{
					background-color: rgb(220, 220, 220); 
					border-color: rgba(0, 0, 0, 0.10);
					
					border-radius: 5px;
				}*/
				
				div.carousel ul.pagination > li.current > a
				{
					background-color: rgb(10, 157, 202); /* Light turquoise */
				}

					/* Variant for carousels in an extended column */
					/* Removing this CSS to match the other carousel */
					/*div.extended-column div.carousel ul.pagination > li.current > a
					{
						background-color: white;
					}*/
				
	/* -------------------------------------------------------
	   Photos with Captions
	   ------------------------------------------------------- */

	ul.photos-with-captions
	{
		margin:  0em;
		padding: 0em;
	
		margin-bottom: 1.0em;
		margin-top:    1.0em; /* This makes use of margin collapsing */
	}

		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		ul.photos-with-captions:after
		{
			content: ".";
			display: block;
			visibility: hidden;
		
			clear: both;
		
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		ul.photos-with-captions { display: inline-block; }

		/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
		* html ul.photos-with-captions { height: 1%; }

		ul.photos-with-captions { display: block; }
		/**/ /* end hidden from IE 5 Mac */
	
		ul.photos-with-captions > li
		{
			float: left;
			list-style-type: none;
		
			font-size: 1.16667em; /* 14px equivalent */
			line-height: 1.2;
			font-weight: bold;
		
			padding: 0em;
		
			margin-left:  3px;
			margin-right: 3px;
			word-wrap: break-word;
			width: 192px;
		}
	
			ul.photos-with-captions > li *
			{
				display: block;
				text-align: center;
			}
		
			ul.photos-with-captions > li img
			{
				margin-bottom: 0.5em;
			}
		
				ul.photos-with-captions > li span.stats
				{
					font-weight: normal;
					color: rgb(40, 40, 40); /* Very dark gray */
				}
				
	/* -------------------------------------------------------
	   Boxes
	   ------------------------------------------------------- */
	
	/* Boxes are areas for text that typically have a colored background */
	
	div.community div.box
	{
		margin-right: 5px;
		
		padding-top:    25px;
		padding-left:   25px;
		padding-right:  25px;
		padding-bottom: 15px;
		
		color: rgb(51, 51, 51); /* Medium-dark gray */	
				
		border-bottom: 2px solid white;
	}
			
		/* Groups-related boxes */
		div.box.groups
		{
			background-color: rgb(219, 245, 254); /* Light blue */
		}
		
		/* Lists within a box */
		
		div.box > ul
		{
			margin-left:   0em;
			margin-right:  -20px; /* Pull this element back into its parent's margins */
			
			padding-left:  0em;
			padding-right: 0em;
		}
		
			/*
				Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
				http://www.tanfa.co.uk/archives/show.asp?var=300
			*/

			div.box > ul:after
			{
				content: ".";
				display: block;
				visibility: hidden;
				
				clear: both;
				
				height:      0;
				line-height: 0;
				font-size:   1px;
			}

			div.box > ul { display: inline-block; }

			/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
			* html div.box > ul { height: 1%; }

			div.box > ul { display: block; }
			/**/ /* end hidden from IE 5 Mac */
			
			
				div.box > ul > li
				{
					float: left;
					width: 33%;
					
					list-style-type: none;
					
					margin:  0em;
					padding: 0em;
					
					line-height: 1.6;
				}
				
					div.box > ul > li > a
					{
						display: block;
						color: inherit;
					}
					
						/* for IE 7 */
						* + html div.box > ul > li > a 
						{
							color: rgb(51, 51, 51); /* Medium-dark gray */	
						}					
					
					div.box ul a:link,
						div.box ul a:visited,
						
						div.box p.archive a:link,
						div.box p.archive a:visited
					{
						text-decoration: underline;
					}
					
					div.box ul a:focus,
						div.box ul a:hover,
						div.box ul a:active,
						
						div.box p.archive a:focus,
						div.box p.archive a:hover,
						div.box p.archive a:active
					{
						text-decoration: none;
					}
				
				div.box p.archive
				{
					font-size: 1.0em;
					margin-top: 1.2em;
					text-transform: uppercase;
					
					margin-left: 68.5%;
					
					margin-bottom: 0.75em !important;
				}
				
					/* for IE 7, */
					* + html div.box p.archive
					 {
						margin-left: 60%;
					}
				
					div.box p.archive a
					{
						display: inline;
						color: inherit;
					}
					
						/* for IE 7 */
						* + html div.box p.archive a 
						{
							color: rgb(51, 51, 51); /* Medium-dark gray */	
						}
			
			
			/* Vertical Box
	        ------------------------------------------------------- */			

		    /* Groups-related boxes */
		    div.verticalBox.groups
		    {		            
			    display: inline-block;		        
                width: 32.9%;
                vertical-align: top;
		
		        padding-top:    5px;
		        padding-left:   15px;
		        padding-right:  5px;
		        padding-bottom: 5px;	
			    
			    background-color: rgb(219, 245, 254); /* Light blue */
		    }
		        
		        div.verticalBox.groups.groupBox
	            {
	                box-sizing:border-box;
	                -moz-box-sizing:border-box;
                    -webkit-box-sizing:border-box;	            
	            }
	                
	                
		        /* Lists within a box */
		
		        div.verticalBox > ul
		        {
			        margin-left:   0em;
			
			        padding-left:  0em;
			        padding-right: 0em;
		        }
		
			        /*
				        Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
				        http://www.tanfa.co.uk/archives/show.asp?var=300
			        */

			        div.verticalBox > ul:after
			        {
				        content: ".";
				        display: block;
				        visibility: hidden;
				
				        clear: both;
				
				        height:      0;
				        line-height: 0;
				        font-size:   1px;
			        }
			
			div.verticalBox > ul { display: block; }
			
			div.verticalBox > ul > li
				{
					float: none;
					
					list-style-type: none;
					
					margin:  0em;
					padding: 0em;
					
					line-height: 1.6;
				}
				
				div.verticalBox > ul > li > a
					{
						color: inherit;
					}
					
						/* for IE 7 */
						* + html div.verticalBox > ul > li > a 
						{
							color: rgb(51, 51, 51); /* Medium-dark gray */	
						}					
					
					div.verticalBox ul a:link,
						div.verticalBox ul a:visited,
						
						div.verticalBox p.archive a:link,
						div.verticalBox p.archive a:visited
					{
						text-decoration: underline;
					}
					
					div.verticalBox ul a:focus,
						div.verticalBox ul a:hover,
						div.verticalBox ul a:active,
						
						div.verticalBox p.archive a:focus,
						div.verticalBox p.archive a:hover,
						div.verticalBox p.archive a:active
					{
						text-decoration: none;
					}
				
				div.verticalBox p.archive
				{
					font-size: 1.0em;
					text-transform: uppercase;
					
					margin-left: 65%;
					
					margin-bottom: 0.75em !important;
				}
				
					/* for IE 7, */
					* + html div.verticalBox p.archive
					 {
						margin-left: 60%;
					}
				
					div.verticalBox p.archive a
					{
						color: inherit;
					}
					
						/* for IE 7 */
						* + html div.verticalBox p.archive a 
						{
							color: rgb(51, 51, 51); /* Medium-dark gray */	
						}
						
						
	/* -------------------------------------------------------
	   Photo with Text
	   ------------------------------------------------------- */

	div.photo-with-text
	{}
		
		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		div.photo-with-text:after 
		{
			content: ".";
			display: block;
			visibility: hidden;
			
			clear: both;
			
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		div.photo-with-text { display: inline-block; }

		/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
		* html div.photo-with-text { height: 1%; }

		div.photo-with-text { display: block; }
		/**/ /* end hidden from IE 5 Mac */
		
		
		div.photo-with-text > img
		{
			float: left;
			width: 192px;
			height: auto;			
		}
		
		div.groups div.photo-with-text > div.text
		{			
			/* Make sure the text stays out of the way of the image */
			margin-left: 210px;
		}
		
			div.photo-with-text > div.text h2
			{
				font-size: 1.25em; /* 15px equivalent */
				margin-bottom: 0.3em;
			}
			
				div.photo-with-text > div.text h2 a
				{
					display: block;
					color: inherit;
				}
			
					/* for IE 7 */
					* + html div.photo-with-text > div.text h2 a
					{
						color: rgb(51, 51, 51); /* Medium-dark gray */	
					}
		
			div.photo-with-text > div.text p
			{
				line-height: 1.3;
				font-size: 1.16667em; /* 14px equivalent */
			}
			
/* =============================================================================
   Network Page
   ========================================================================== */

	/* -------------------------------------------------------
	   Sidebar sections
	   ------------------------------------------------------- */

	div.network div.content-sidebar.right div.sidebar-details,
		div.group div.content-sidebar.right div.sidebar-details,
		div.schedule div.content-sidebar.right div.sidebar-details
	{
		
		padding: 0em;
		
		padding-right: 0px;
		
		margin-right: 12px;
	}
	
		/* Variant for Schedule pages */
		div.schedule div.sidebar-details
		{
			border-bottom-width: 0px;
		}

	
	/* -------------------------------------------------------
	   Disabled Sidebar Items
	   ------------------------------------------------------- */
	
	div.content-sidebar.left ul.navigation.sidebar li.disabled a
	{
		color: rgb(193, 193, 193); /* Light gray */
		cursor: default; /* Just to be sure */
		
		background-position: 0px 0px;
	}
	
		/* define icons as background graphics */
		ul.navigation li.disabled a.home span,
			ul.navigation li.disabled a.community span,
			ul.navigation li.disabled a.discussion span,
			ul.navigation li.disabled a.wiki span,
			ul.navigation li.disabled a.directory span,
			ul.navigation li.disabled a.schedule span,
			ul.navigation li.disabled a.map span,
			ul.navigation li.disabled a.help span,
			ul.navigation li.disabled a.messages span,
			ul.navigation li.disabled a.blog span,
			ul.navigation li.disabled a.media span 
		{
			background-image: ;
		}
		
	
	/* -------------------------------------------------------
	   Sub-Networks Items
	   ------------------------------------------------------- */
	
	/* Expanded by default */
	ul.navigation.sidebar > li.sub-networks > ul
	{
		display: block;
	}
	
	ul.navigation.sidebar > li.sub-networks.collapsed > ul
	{
		display: none;
	}
	
	
	ul.navigation.sidebar > li.sub-networks > ul
	{
		margin:  0em;
		padding: 0em;
		
		margin-top: 1px;
		
		background-color: rgb(238, 251, 255); /* Very, very light blue */
	}
	
		/* Items in the list of sub-networks */
		ul.navigation.sidebar > li.sub-networks > ul > li
		{
			margin:  0em;
			padding: 0em;
			
			list-style-type: none;
			
			background-image: none !important;
		}
		
			ul.navigation.sidebar > li.sub-networks > ul > li a
			{
				height: auto;
				width:  auto;
				
				display: block;
				line-height: 1.6;
				
				margin: 0em;
				
				padding-left: 30px;
				padding-right: 0.5em;
				padding-bottom: 0.1em;
				
				background-image: none !important;
			}
			
				ul.navigation.sidebar > li.sub-networks > ul > li a:focus,
					ul.navigation.sidebar > li.sub-networks > ul > li a:hover
				{
					text-decoration: underline;;
				}
	
			ul.navigation.sidebar > li.sub-networks > ul > li.current a
			{
				color: rgb(40, 40, 40) !important;
				font-weight: bold;
				
				text-decoration: none;
			}
			
			li.sub-networks a span.collapse-indicator
			{
				float: right;
				
				margin-top:   0.65em !important;
				margin-right: 0.8em !important;
				
				padding: 0px !important;
			}
			
				li.sub-networks.collapsed a span.collapse-indicator
				{
					margin-top:   0.5em !important;					
				}
	
	/* -------------------------------------------------------
	   Button Widgets
	   ------------------------------------------------------- */
	
	.button-widget > a
	{
		display: block;
		
		background-image: url("../img/widget-bkgd.png");
	    background-position: 0 0;
	    background-repeat: no-repeat;
	    color: #FFFFFF;
	    font-size: 10px;
	    height: 18px;
	    margin: 0 0 4px;
	    overflow: hidden;
	    padding: 0;
	    width: 95px;		
	}
	
		.button-widget > a:link,
			.button-widget > a:visited
		{
			text-decoration: none;
		}
		
		.button-widget > a:focus,
			.button-widget > a:hover
		{
			text-decoration: underline;
		}
		
	
		.button-widget > a > span
		{
			background-position: 5px 3px;
		    background-repeat: no-repeat;
		    display: block;
		    margin: 0;
		    padding: 0 10px 0 22px;
			line-height: 18px;
		}
		
		.button-widget.comment > a > span
		{
		    background-image: url("../img/widget-icon-reply.png");
		}

/* -------------------------------------------------------
	   Network Baner Image
	   ------------------------------------------------------- */
  div.networkBanner
	    {
		    margin-left:  -15px;
		    margin-right: -20px;
		
	    }
 p.breadcrumbPosition
	    {
		    margin-top: 1.25em !important;
		
	    }
	/* -------------------------------------------------------
	   Masthead
	   ------------------------------------------------------- */

		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		div.masthead:after 
		{
			content: ".";
			display: block;
			visibility: hidden;
		
			clear: both;
		
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		div.masthead { display: inline-block; }

		/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
		* html div.masthead { height: 1%; }

		div.masthead { display: block; }
		/**/ /* end hidden from IE 5 Mac */
	

	/* This holds the network banner */
	div.network div.masthead
	{
		margin-left:  -20px;
		margin-right: -20px;
		
		margin-bottom: 2.2em;
	}

		div.network div.masthead img
		{
			display: block;
		}


		/* Variant for Groups pages */
		div.group div.masthead
		{
			margin-left:  -14px; /* Net 6px margin */
			margin-right: -14px; /* Net 6px margin */

			margin-top: 6px;
			margin-bottom: 0.5em;
		}

			div.group div.masthead img
			{
				float: left;
			}
			
			div.group div.content-area div.masthead h1
			{
				padding: 0em;
				margin:  0em;
				
				margin-left: 60px; /* Keep this out of the way of the thumbnail */
				
				font-size: 1.33333em; /* 16px equivalent */
				text-transform: none;
				line-height: 1.2;
				
				padding-top: 0.7em;
				
				color: rgb(40, 40, 40); /* Dark gray */
				
				border-top-width: 0px;
			}
			
				div.group div.masthead h1 span.icon
				{
					cursor: help;
					
					margin-left: 0.15em;
					
					text-indent: -10000px;
					
					position: relative;
					bottom: 0.0em;

				}
				
					/* Variant for IE 7 */
					* + html div.group div.masthead h1 span.icon 
					{
						vertical-align: top;
					}

	

	/* -------------------------------------------------------
	   Not-a-Member / Not-Registered Box
	   ------------------------------------------------------- */
	
	div.not-a-member
	{
		background-color: rgb(255, 219, 133); /* Mustard Yellow */
		
		padding-top:    3.0em;
		padding-bottom: 2.6em;
		
		padding-left:  1.0em;
		padding-right: 1.0em;
		
		margin-left:  -15px; /* Net 5px margin */
		margin-right:  -8px; /* Net 12px margin */
		
		margin-bottom: 1.2em;
	}
	div.not-registered
	{
		/*background-color: rgb(255, 219, 133); /* Mustard Yellow */
		/*
		padding-top:    3.0em;
		padding-bottom: 2.6em;

		
		margin-left:  -15px; /* Net 5px margin 
		margin-right:  -8px; /* Net 12px margin 
		
		margin-bottom: 1.2em;
		*/
		position: absolute;
		right: 65px;
		top: 210px;
	}
	
	div.not-registered.altered 
	{
	    top: 220px;
	    right: 55px;
	}
	
	div.already-registered
	{
		background: none repeat scroll 0 0 #00B8F5;
		border: 1px solid #878180;
		color: #FFFFFF;
		line-height: 15px;
		padding: 5px;
		position: absolute;
		right: 35px;
		text-align: center;
		top: 190px;
		width: 200px;
	}
	
	div.unable-to-register
	{
		background: none repeat scroll 0 0 #00B8F5;
		border: 1px solid #878180;
		color: #FFFFFF;
		line-height: 15px;
		padding: 5px;
		position: absolute;
		right: 35px;
		text-align: center;
		top: 180px;
		width: 200px;
	}
	
	div.unable-to-register.altered
	{
	    top: 205px;
	}
	
		div.not-a-member,
			div.not-a-member *,
			
			div.not-registered,
			div.not-registered *
		{
			text-align: center;			
		}
	
		div.not-a-member h2,
			div.not-registered h2
		{
			font-size: 1.36364em; /* 15px equivalent */
			
			margin-bottom: 1.15em;
		}
		
		div.not-a-member a.button-widget,
			div.not-registered a.button-widget
		{
			color: white;
			background-color: rgb(0, 184, 244); /* Medium turquoise */
			
			font-size: 1.36364em; /* 15px equivalent */
			font-weight: normal;
			text-transform: uppercase;
			
			display: inline;
			margin: 0em;
			
			padding-left:  1.9em; /* Leave room for the plus indicator */
			padding-right: 1.2em;
			
			padding-top:    0.3em;
			padding-bottom: 0.3em;
			
			/* position: relative; */
		}
		
			/* Variant for "Not Registered" area */
			div.not-registered a.button-widget
			{
				text-transform: none;
				border:1px solid #C8C8C8;
			}
		
			div.not-a-member a.button-widget span,
				div.not-registered a.button-widget span
			{
				font-weight: bold;
				font-size: 1.5em;
				
				position: absolute;
				/* top:  0.1em; */
				left: 0.45em;
				padding-top:3px;
			}
		
	/* -------------------------------------------------------
	   Message Box
	   ------------------------------------------------------- */
	
	/* This is used for Info-alerts and the like */
	div.network div.message,
		div.group div.message,
		div.schedule div.message,
		div.success
	{
		margin-left:  -15px; /* Net 5px margin */
		margin-right: -10px; /* Net 10px margin */
		
		margin-bottom: 1.2em;
		
		padding-left:  14px;
		padding-right: 14px;
		
		padding-top:    16px;
		padding-bottom: 16px;
		
		/* Default colors (to be overridden as needed) */
		background-color: rgb(240, 240, 240); /* Very light gray */
		border: 1px solid rgb(100, 100, 100); /* Dark gray */
	}
	
		div.network div.message.info,
			div.group div.message.info,
			div.schedule div.message.info
		{
			color: rgb(32, 177, 226); /* Medium turquoise */
			
			background-color: rgb(229, 247, 255);  /* Baby blue */
			border-color: rgb(0, 177, 255); /* Dark turquoise */
			min-height: 36px; /* = Icon height */
			vertical-align: middle;  
		}
		
		div.message.info span.icon,
		div.network.div.message.error,
		div.group.div.message.error
		
		{
			color: rgb(222, 84, 48); /* pink */
			float: left;
			background-color: rgb(255, 236, 231); /* pink */
			border-color: rgb(252, 128, 93); /* Red */
		}
		
		div.success.info
		{

				}
				
					/* Variant for IE 7 */
					* + html div.group div.masthead h1 span.icon 
					{
						vertical-align: top;
					}

	

	/* -------------------------------------------------------
	   Not-a-Member Box
	   ------------------------------------------------------- */
	
	div.not-a-member
	{
		background-color: rgb(255, 219, 133); /* Mustard Yellow */
		
		padding-top:    3.0em;
		padding-bottom: 2.6em;
		
		padding-left:  2.0em;
		padding-right: 2.0em;
		
		margin-left:  -15px; /* Net 5px margin */
		margin-right:  -8px; /* Net 12px margin */
		
		margin-bottom: 1.2em;
	}
	
		div.not-a-member,
			div.not-a-member *
		{
			text-align: center;			
		}
	
		div.not-a-member h2
		{
			font-size: 1.36364em; /* 15px equivalent */
			
			margin-bottom: 1.15em;
		}
		
		div.not-a-member a.button-widget
		{
			color: white;
			background-color: rgb(0, 184, 244); /* Medium turquoise */
			
			font-size: 1.36364em; /* 15px equivalent */
			font-weight: normal;
			text-transform: uppercase;
			
			display: inline;
			margin: 0em;
			
			padding-left:  1.9em; /* Leave room for the plus indicator */
			padding-right: 1.2em;
			
			padding-top:    0.15em;
			padding-bottom: 0.15em;
			
			position: relative;
		}
		
			div.not-a-member a.button-widget span
			{
				font-weight: bold;
				font-size: 1.5em;
				
				position: absolute;
				top:  0.1em;
				left: 0.45em;
				padding-top:3px;
			}
		
	/* -------------------------------------------------------
	   Message Box
	   ------------------------------------------------------- */
	
	/* This is used for Info-alerts and the like */
	div.network div.message,
		div.group div.message,
		div.success
	{
		margin-left:  -15px; /* Net 5px margin */
		margin-right: -10px; /* Net 10px margin */
		
		margin-bottom: 1.2em;
		
		padding-left:  14px;
		padding-right: 14px;
		
		padding-top:    16px;
		padding-bottom: 16px;
		
		/* Default colors (to be overridden as needed) */
		background-color: rgb(240, 240, 240); /* Very light gray */
		border: 1px solid rgb(100, 100, 100); /* Dark gray */
	}
	
		div.network div.message.info,
			div.group div.message.info
		{
			color: rgb(32, 177, 226); /* Medium turquoise */
			
			background-color: rgb(229, 247, 255);  /* Baby blue */
			border-color: rgb(0, 177, 255); /* Dark turquoise */
			min-height: 36px; /* = Icon height */
			vertical-align: middle;  
		}
		
			div.network div.message.error,
			div.group div.message.error
		{
			color: rgb(222, 84, 48); /* pink */
			
			background-color: rgb(255, 236, 231); /* pink */
			border-color: rgb(252, 128, 93); /* Red */
			min-height: 30px;
		}

	div.success.info
		{

		    color:#8DA000;
		    background-color:#F7FBD9;
		    border-color:#A7BD02;
		    min-height: 60px;
		}
		
		div.success.info.mini
		{
			min-height:0;
			padding:3px 3px 3px 3px;
			margin-bottom:0;
		}
		
		div.message.info span.icon,
		div.success.info span.icon,
		div.message.error span.icon
		{			float: left;
			
			background-color: rgb(255, 236, 231); /* pink */
			border-color: rgb(252, 128, 93); /* Red */
			min-height: 30px;
		}

	div.success.info
		{

		    color:#8DA000;
		    background-color:#F7FBD9;
		    border-color:#A7BD02;
		    min-height: 60px;
		}
		
		div.success.info.mini
		{
			min-height:0;
			padding:3px 2px 3px 2px;
			margin-bottom:0;
		}
		
		div.message.info span.icon,
		div.success.info span.icon,
		div.message.error span.icon
		{			float: left;
			
			position: relative;
			top: -1px; /* This helps align the icon with the paragraph */
		}
		
		div.message.info span.load
		{			
		    background-position: -61px 0px;
		    background-image: none;		    
            float: left;
            vertical-align: top;
            position: relative;			
            top: -1px; /* This helps align the icon with the paragraph */
            width: 37px;
		}
		
		div.message p, div.success p
		{
			font-size: 1.16667em; /* 14px equivalent */
			
			line-height: 1.3;
		}
		
			div.message span.icon + p,
			div.success span.icon + p
			{
				margin-left: 49px; /* Leave room for the icon */
			}
			
			span.middle-align.info-alert-text
			{
				padding-left: 10px; /* Leave room for the icon */
			}
	
	/* -------------------------------------------------------
	   Discussions List
	   ------------------------------------------------------- */
	
	ol.discussions
	{
		margin:  0em;
		padding: 0em;
	}
	
		ol.discussions > li
		{
			margin:  0em;
			padding: 0em;
			
			list-style-type: none;
			
			border-top: 1px dotted #CCCCCC;
			
			padding-top: 1.75em;
			
			margin-left:  -10px;
			margin-right: -10px;
			
			padding-left:  10px;
			padding-right: 10px;
			
			margin-top:    0.5em; /* This makes use of margin collapsing */
		}
		
		
		ol.discussions > li:first-child
		{
			border-top-width: 0px;
			
			margin-top:  0em;
			padding-top: 0em;
		}
		
			/*
				Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
				http://www.tanfa.co.uk/archives/show.asp?var=300
			*/

			ol.discussions > li:after 
			{
				content: ".";
				display: block;
				visibility: hidden;
				
				clear: both;
				
				height:      0;
				line-height: 0;
				font-size:   1px;
			}

			ol.discussions > li { display: inline-block; }

			/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
			* html ol.discussions > li { height: 1%; }

			ol.discussions > li { display: block; }
			/**/ /* end hidden from IE 5 Mac */
			

			/* General paragraphs */
			ol.discussions > li p
			{
				line-height: 1.3;
				font-size: 1.16667em; /* 14px equivalent */
				
				margin-bottom: 0.6em !important;
			}

			ol.discussions > li > p.date
			{
				font-size: 1.0em; /* 12px equivalent */
				text-align: right;
				font-weight: bold;
				
				color: rgb(108, 98, 91); /* Brownish gray */
			}
				
				ol.discussions > li > p.date > span.time
				{
					font-weight: normal;
				}

			ol.discussions > li img.inset
			{
				float: left;
				
				margin-right:  1.2em;
				margin-bottom: 0.5em;
			}
			

			ol.discussions > li > p.author
			{
				font-weight: bold;
				font-size: 1.5em; /* 18px equivalent */
				
				margin-top:    0.8em !important;
				margin-bottom: 0.5em !important;
			}
				
				ol.discussions > li > p.author a
				{
					display: block;
				}
				
			/* Title */
			ol.discussions > li > h2
			{
				font-size: 1.58333em; /* 19px equivalent */
				letter-spacing: 0.05em;
				line-height: 1.2;
				
				margin-bottom: 0.2em;
			}
			
				ol.discussions > li > h2 a
				{
					display: block;
				}
				
				ol.discussions > li > h2 a:link
				{
					color: rgb(108, 98, 91); /* Brownish gray */
				}
				
				ol.discussions > li > h2 a:visited
				{
					color: rgb(147, 140, 135); /* Lighter brownish-gray */
				}

				
			ol.discussions > li p.see-all
			{
				margin: 0em;
			}
			
				ol.discussions > li p.see-all a
				{
					display: block;
				}
				
	/* -------------------------------------------------------
	   Comment Options
	   ------------------------------------------------------- */
	
	ul.comments
	{
		margin:  0em;
		padding: 0em;
		
		margin-bottom: 3px;
	}
	
		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		ul.comments:after
		{
			content: ".";
			display: block;
			visibility: hidden;
			
			clear: both;
			
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		ul.comments { display: inline-block; }

		/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
		* html ul.comments { height: 1%; }

		ul.comments { display: block; }
		/**/ /* end hidden from IE 5 Mac */
		
		ul.comments > li
		{
			margin:  0em;
			padding: 0em;
			
			list-style-type: none;
		}
		
			ul.comments > li:first-child
			{
				float: left;
			}
			
			ul.comments > li:first-child + li
			{
				float: right;
			}
		
	/* -------------------------------------------------------
	   People List, Groups/Network List
	   ------------------------------------------------------- */
	
	/* 
		ul.people-list: A list of people 
		ul.group-or-network-list: A list of networks or groups
	*/
	
	ul.people-list,
		ul.group-or-network-list
	{
		margin:  0em;
		padding: 0em;
		
		margin-bottom: 1.0em;
		
		font-size: 14px;
	}
	
		/* Variant for a people-list in the content area */
		div.content-area ul.people-list,
			div.content-area ul.group-or-network-list
		{
			margin-bottom: 1.5em;
		}
	
		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		ul.people-list:after,
			ul.group-or-network-list:after
		{
			content: ".";
			display: block;
			visibility: hidden;
			
			clear: both;
			
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		ul.people-list,
			ul.group-or-network-list { display: inline-block; }

		/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
		* html ul.group-or-network-list,
			* html ul.people-list { height: 1%; }

		ul.people-list,
			ul.group-or-network-list { display: block; }
		/**/ /* end hidden from IE 5 Mac */
		
		
		ul.people-list > li,
			ul.group-or-network-list > li
		{
			margin:  0em;
			padding: 0em;
			
			margin-bottom: 0.45em;
			
			line-height: 1.15;
			list-style-type: none;
							
			/* Make sure the list item is at least as tall as the photo */
			min-height: 75px;
		}
			
			/* Variant for a people-list in the content area */
			div.content-area ul.people-list > li,
				div.content-area ul.group-or-network-list > li
			{
				float: left;
				width: 30%;
				margin-right: 1.0em;
				margin-bottom: 0.5em;
				/* For the first item in a given row */
			}
			
			div.message-from ul.people-list > li
			{
				width: 100%;
			}
				div.content-area ul.people-list > li.first-in-row,
					div.content-area ul.group-or-network-list > li.first-in-row
				{
					clear: left;
				}

			/* Variant for a people-list in the sidebar */
			div.content-sidebar ul.people-list > li,
				div.content-sidebar ul.group-or-network-list > li
			{
				float: none;
				width: auto;
				
				margin-right:     0em;
				margin-bottom: 0.45em;
				
				clear: both;
			}
			
				ul.people-list > li > a,
					ul.people-list > li > a span.text,
					ul.people-list > li > a span.description,
					ul.people-list > li span.text,
					ul.people-list > li span.description,
					
					ul.group-or-network-list > li > a,
					ul.group-or-network-list > li > a span.text,
					ul.group-or-network-list > li > a span.description
					ul.group-or-network-list > li span.text,
					ul.group-or-network-list > li span.description
				{
					display: block;
				}
			
				ul.people-list > li img,
					ul.group-or-network-list > li img
				{
					float: left;
				}
			
			    div.network-chair-user ul.people-list > li > a span.text,
			    div.network-chair-user ul.people-list > li span.text
				{	
					margin-left: 50px; /* This keeps the text out of the way of the image */
					font-size:16px;
					font-weight:bold;
					
				}
				div.network-chair-user ul.people-list > li > a span.text > span.description,
				div.network-chair-user ul.people-list > li span.text > span.description
				{	
					font-weight:normal;
					
				}
				
			    div.network-chair-user ul.people-list > li
			    {
				    float: left;
				    width: 100%;
				    margin-right: 1.0em;
				    margin-bottom: 0.5em;
				    /* For the first item in a given row */
			    }
				ul.people-list > li > a span.text,
				ul.people-list > li span.text
				{	
					margin-left: 50px; /* This keeps the text out of the way of the image */
				}
				
					/* Group/Network List variant */
					ul.group-or-network-list > li > a span.text
					{
						margin-left: 65px;
					}

				ul.people-list > li > a span.text span.description,
				ul.people-list > li span.text span.description,
					ul.group-or-network-list > li > a span.text span.description
					ul.group-or-network-list > li span.text span.description
				{
					color: rgb(40, 40, 40); /* Dark gray -- just like regular text */
					
					font-size: 0.85714em; /* 12px equivalent */
				}		
				
					/* Variant for within the Event Masthead area */
					div.event-masthead ul.people-list > li > a span.text span.description,
						div.event-masthead ul.group-or-network-list > li > a span.text span.description
					{
						color: white;
					}		
				/*for the list of chairs on the events detail page */
				img.chair-image {
					margin-right:5px;
				
				}

	/* -------------------------------------------------------
	   Regional Penetration
	   ------------------------------------------------------- */

	div#regional-penetration
	{
		height: 175px;
	}

	/* img.regional-penetration
	{
		display: block;
		margin-top:    1.2em;
		margin-bottom: 1.0em;
	} */

	/* -------------------------------------------------------
	   Awards List
	   ------------------------------------------------------- */
	
	ul.awards
	{
		margin:  0em;
		padding: 0em;
		
		margin-top:    1.0em;
		margin-bottom: 1.2em;
		
	}
	
	.award-image {
		float:left;
		margin-right: 0.6em;
	} 
	.award-image, .award-text {
		
	} 

	
		ul.awards > li
		{

			margin-bottom: 0.5em;
			
			list-style-type: none;
			height: 49px;
		}
		
			ul.awards > li *
			{
				word-break: break-word;
				word-spacing: -.08em;
			}
			
			ul.awards > li span.icon
			{
				display: inline-block;
				
				margin-right: 1.1em;
			}
		
			ul.awards > li a
			{
				
				line-height: 0px !important;
			}

/* =============================================================================
   Image Sprites
   ========================================================================== */

div#body_header-search input[type="submit"],
	div.search-box input[type="submit"],
	div#nav-search input[type="submit"],
	a.learn-more span.icon,
	a.read-more span.icon,
	a.see-more span.icon,
	div.message.info span.icon,
	span.icon.gold,
	span.icon.private,
	
	span.icon.date,
	span.icon.time,
	span.icon.location,
	
	span.icon.external,
	
	span.icon.dropdown,
	
	ul.primary-navigation > li > a span.icon,
	
	li.sub-networks a span.collapse-indicator,

	.ui-widget-header span.ui-icon-circle-triangle-w,
	.ui-widget-header span.ui-icon-circle-triangle-e,
	
	span.ui-icon.ui-icon-triangle-2-n-s,
	
	input.date + button.ui-datepicker-trigger,
	div.search-results span.calendar.icon,
	div.schedule span.calendar.icon,
	
	ul.files > li span.icon,
	
	a.header-logo,

	div.other-selectors-here
{
	background-image: url('../images/sprites.png') !important;
	background-repeat: no-repeat;	
}

/* Logo */
a.header-logo
{
	background-position: -1px -140px;
	
	width:  290px;
	height:  30px;	
}


a.learn-more span.icon,
	a.read-more span.icon,
	a.see-more span.icon
{
	display: inline-block;
	vertical-align: middle;
	background-position: 0px -25px;
	
	width:   9px;
	height: 10px;
}

/* Search-dropdown icon */
span.icon.dropdown
{
	display: inline-block;
	vertical-align: middle;
	
	background-position: -181px -57px;
	
	margin-left: 1.5em;
	margin-left: 0.5em;
	
	width:  8px;
	height: 6px;
	
}

/* External-Link icon */
span.icon.external
{
	display: inline-block;
	vertical-align: middle;
	
	background-position: -107px -52px;
	
	margin-top: -.25em;
	margin-left: 0.2em;
	
	width:  12px;
	height: 12px;
	
	text-indent: -10000px;
}

/* This is the icon that goes in the "Info Message" box */
div.message.info span.icon
{
	background-position: -61px 0px;
    background-color: transparent !important;
    overflow: hidden !important;
	width:  37px;
	height: 36px;
}

/*This is the icon that goes in the success message box*/

div.success.info span.icon img,
div.message.error span.icon img
{
    width: 37px;
}
/* "Gold Award" icon */
span.icon.gold
{
	background-position: 0px -40px;
	
	width:  48px;
	height: 48px;	
}

/* Private/lock icon */
span.icon.private
{
	display: inline-block;
	
	width:  10px;
	height: 14px;
	
	background-position: -133px 0px;
}

span.icon.date,
	span.icon.time,
	span.icon.location
{
	display: inline-block;
	vertical-align: middle;
}

/* Date icon (such as for Events) */
span.icon.date
{
	width:  12px;
	height: 11px;
	
	background-position: -149px 0px;
}

/* Time icon (such as for Events) */
span.icon.time
{
	width:  13px;
	height: 13px;
	
	background-position: -149px -23px;
}
	
/* Location icon (such as for Events) */
span.icon.location
{
	width:  12px;
	height: 12px;
	
	background-position: -150px -55px;
}


/* Expanded/collapsed indicator (expanded by default) */
ul.navigation li.sub-networks a > span.collapse-indicator
{
	display: inline-block;
	
	padding: 0px;
	
	width:  13px;
	height: 10px;
	background-position: -103px 0px;	
}

	ul.navigation li.sub-networks.collapsed a > span.collapse-indicator
	{
		width:  10px;
		height: 13px;
		background-position: -120px 0px;
	}

	/* -------------------------------------------------------
	   File Icons
	   ------------------------------------------------------- */
	
	ul.files > li.pdf span.icon
	{
		width:  32px;
		height: 40px;
		background-position: 0px -100px;
	}

	/* -------------------------------------------------------
	   Primary Navigation Icons
	   ------------------------------------------------------- */
	
	li.directory > a span.icon
	{
		width:  22px;
		height: 18px;
		background-position: -67px -88px;
	}
	
	li.events > a span.icon
	{
		width:  21px;
		height: 16px;
		background-position: -98px -90px;
	}
	
	li.networks > a span.icon
	{
		width:  20px;
		height: 20px;
		background-position: -128px -88px;
		
		margin-top: -1px;
	}
	
	li.community > a span.icon
	{
		width:  18px;
		height: 18px;
		background-position: -155px -89px;
	}

	li.help > a span.icon
	{
		width:  10px;
		height: 16px;
		background-position: -180px -90px;
		
		margin-top: -1px;
	}
	
	li.my-account > a span.icon
	{
		width:  21px;
		height: 21px;
		background-position: -195px -88px;
		
		margin-top: -1px;
	}
	


	/* -------------------------------------------------------
	   Navigation Icons
	   ------------------------------------------------------- */
	
	
	ul.navigation li.disabled a.home span,
		ul.navigation li.disabled a.community span,
		ul.navigation li.disabled a.discussion span,
		ul.navigation li.disabled a.wiki span,
		ul.navigation li.disabled a.directory span,
		ul.navigation li.disabled a.schedule span,
		ul.navigation li.disabled a.map span,
		ul.navigation li.disabled a.help span,
		ul.navigation li.disabled a.messages span,
		ul.navigation li.disabled a.blog span,
		ul.navigation li.disabled a.media span
	{
		background-image: url('../images/sprites-navigation.png') !important;
		background-repeat: no-repeat;
	}
	
	
	ul.navigation li.disabled a.home span
	{
		/* To be filled in later, if need be */
	}


	ul.navigation li.disabled a.help span
	{
		/* To be filled in later, if need be */
	}
	
	ul.navigation li.disabled a.messages span
	{
		/* To be filled in later, if need be */
	}

	ul.navigation li.disabled a.blog span,
		ul.navigation li.disabled a.community span,
		ul.navigation li.disabled a.discussion span,
		ul.navigation li.disabled a.wiki span
	{
		background-position: 10px 5px;
	}

	ul.navigation li.disabled a.media span
	{
		background-position: 11px -13px;
	}

	ul.navigation li.disabled a.directory span
	{
		background-position: 10px -30px;
	}

	ul.navigation li.disabled a.schedule span
	{
		background-position: 10px -49px;
	}
	
	ul.navigation li.disabled a.map span
	{
		background-position: 9px -66px;
	}
	
	/* -------------------------------------------------------
	   Multiselect Widget Icons
	   ------------------------------------------------------- */
	
	span.ui-icon.ui-icon-triangle-2-n-s
	{
		width:  6px !important;
		height: 8px;
		
		background-position: -167px -1px;
	}
	
	
	/* -------------------------------------------------------
	   Calendar Widget Icons
	   ------------------------------------------------------- */

	
	/* Previous ("west") icon */
	.ui-widget-header .ui-icon-circle-triangle-w
	{
		width:  11px;
		height: 13px;

		background-position: -103px -19px;
	}

	/* Next ("east") icon */
	.ui-widget-header .ui-icon-circle-triangle-e
	{
		width:  11px;
		height: 13px;

		background-position: -119px -19px;
	}

	/* Calendar icon */
	input.date + button.ui-datepicker-trigger,
		div.search-results span.calendar.icon,

		div.schedule span.calendar.icon
	{
		width:  28px;
		height: 27px;
		
		background-position: -66px -51px;
	}

/* =============================================================================
   Search Fields
   ========================================================================== */

/* On styling placeholder text */

input[type="text"].placeholder
{
	color: rgb(205, 205, 205); /* Light Gray */
	text-transform: uppercase;
}

	div#body_header-search input[type="text"].placeholder,
 		div.content-area input[type="text"].placeholder
	{
		text-transform: uppercase;
	}
	
    div#nav-search input[type="text"].placeholder
	{
		text-transform: none;
	}

input[type="text"]:-moz-placeholder
{
	color: rgb(205, 205, 205); /* Light Gray */
	text-transform: uppercase;
}

	/* Only have an uppercase placeholder for the search text and
		input fields within the main content area */
	div#body_header-search input[type="text"]:-moz-placeholder,
		div.content-area input[type="text"]:-moz-placeholder
	{
		text-transform: uppercase;
	}
	
	div#nav-search input[type="text"]:-moz-placeholder
	{
		text-transform: none;
	}

	/* For Firefox, this hides the placeholder text when the field is focused */
	input[type="text"]:focus:-moz-placeholder
	{
		color: rgb(230, 230, 230); /* Very light Gray */
	}

input[type="text"]::-webkit-input-placeholder
{
	color: rgb(205, 205, 205); /* Light Gray */
	text-transform: uppercase;}

	div#body_header-search input[type="text"]::-webkit-input-placeholder,
		div.content-area input[type="text"]::-webkit-input-placeholder
	{
		text-transform: uppercase;
	}
	
    div#nav-search input[type="text"]::-webkit-input-placeholder
	{
		text-transform: none;
	}

input[type="text"]:-ms-input-placeholder
{
	color: rgb(205, 205, 205); /* Light Gray */
	text-transform: uppercase;}

	div#body_header-search input[type="text"]:-ms-input-placeholder,
		div.content-area input[type="text"]:-ms-input-placeholder
	{
		text-transform: uppercase;
	}
	
	div#nav-search input[type="text"]:-ms-input-placeholder
	{
		text-transform: none;
	}

div#body_header-search input[type="submit"]
{
	float: right;
	margin-right: 0.5em;
	
	border-width: 0px;
	background-color: transparent;
	padding: 0px;
	
	background-position: 0px 0px;
	
	width:  14px;
	height: 14px;
	
	text-indent: -10000px;
}


/* =============================================================================
   Search Box
   ========================================================================== */

div.search-box
{
	border: 1px solid rgb(204,204,204);
	
	margin-top:    1.8em;
	margin-bottom: 0.7em;
}

	/*
		Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
		http://www.tanfa.co.uk/archives/show.asp?var=300
	*/

	div.search-box:after 
	{
		content: ".";
		display: block;
		visibility: hidden;
		
		clear: both;
		
		height:      0;
		line-height: 0;
		font-size:   1px;
	}

	div.search-box { display: inline-block; }

	/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
	* html div.search-box { height: 1%; }

	div.search-box { display: block; }
	/**/ /* end hidden from IE 5 Mac */
	
	div.search-box input[type="text"]
	{
		float: left;
		font-size: 1.25em; /* 15px equivalent */
		
		padding-left:   0.7em;
		padding-top:    1.0em;
		padding-bottom: 1.0em;
		
		width: 500px;
	}
	
		/* On styling placeholder text */

		div.search-box input[type="text"].placeholder
		{
			color: rgb(205, 205, 205); /* Light Gray */
			text-transform: none;
		}


		div.search-box input[type="text"]:-moz-placeholder
		{
			color: rgb(205, 205, 205); /* Light Gray */
			text-transform: none;
		}

			/* For Firefox, this hides the placeholder text when the field is focused */
			div.search-box input[type="text"]:focus:-moz-placeholder
			{
				color: rgb(230, 230, 230); /* Very light Gray */
			}

		div.search-box input[type="text"]::-webkit-input-placeholder
		{
			color: rgb(205, 205, 205); /* Light Gray */
			text-transform: none;
		}

		div.search-box input[type="text"]:-ms-input-placeholder
		{
			color: rgb(205, 205, 205); /* Light Gray */
			text-transform: none;
		}
	
	div.search-box input[type="submit"]
	{
		float: right;
		margin-right: 1.1em;
		margin-top:   1.35em;

		border-width: 0px;
		background-color: transparent;
		padding: 0px;

		background-position: -30px 0px;

		width:  24px;
		height: 24px;

		text-indent: -10000px;
	} 
	
	
/* =============================================================================
   Search Results Elements
   ========================================================================== */


div.search-results div.data_row,
	div.schedule div.data_row
{}
	
	div.search-results div.data_row div.widget ul,
		div.schedule div.data_row div.widget ul
	{
		margin-bottom: 0em;
	}

/* =============================================================================
   Body Content Sidebar classes, for left and right columns
   ========================================================================== */


div.community div.content-sidebar.right,
	div.network div.content-sidebar.right,
	div.group div.content-sidebar.right,
	div.schedule div.content-sidebar.right
{
	/* This is normally 200px, but this ensures that the content
		doesn't overwrite the background lines */
	width: 199px;
	margin-right: 1px;
}

div.search-results div#facetsContainer
{
	/* This aligns the facets with the top of the listing of results */
	margin-top: 300px;
}

	div.search-results div.sidebar-content .label,
		div.search-results div.content-sidebar,
		div.search-results div.sidebar-content a.pt_11,
		
		div.schedule div.sidebar-content .label,
		div.schedule div.content-sidebar,
		div.schedule div.sidebar-content a.pt_11,
		
		div.community div.content-sidebar,
		div.community div.content-sidebar p,
		
		div.network div.content-sidebar,
		div.network div.content-sidebar p,
		
		div.group div.content-sidebar,
		div.group div.content-sidebar p,
		
		div.schedule div.content-sidebar,
		div.schedule div.content-sidebar p
	{
		/* Originally 11px */
		font-size: 14px;
	}

		div.search-results div.sidebar-content .label,
			div.schedule div.sidebar-content .label
		{
			/* Originally not bold */
			font-weight: bold !important;
		}

/* =============================================================================
   Content Area Outputs
   ========================================================================== */

/* content entry data rows and columns */
div.search-results div.data_row,
	div.search-results div.data_row.nohover,
	div.search-results div.content-area.nohover div.data_row,
	div.search-results div.data_row:hover,
	
	div.schedule div.data_row,
	div.schedule div.data_row.nohover,
	div.schedule div.content-area.nohover div.data_row,
	div.schedule div.data_row:hover
{
	/* Originally 30px in style_layout.css */
	padding-bottom: 18px;
}

	/* Variants for Event rows*/
	div.search-results div.data_row.event,
		div.search-results div.data_row.nohover.event,
		div.search-results div.content-area.nohover div.data_row.event,
		div.search-results div.data_row.event:hover,
		
		div.schedule div.data_row.event,
		div.schedule div.data_row.nohover.event,
		div.schedule div.content-area.nohover div.data_row.event,
		div.schedule div.data_row.event:hover
	{
		padding-top: 30px;

		padding-bottom: 30px;
	}
	
	
/* =============================================================================
   Schedule Landing Page
   ========================================================================== */

	/* -------------------------------------------------------
	   Sidebar Items
	   ------------------------------------------------------- */

	div#facetsContainer
	{
		margin-top: 30px;
	}

		/* Form labels */
		div.schedule div.content-sidebar .label
		{
		    color: rgb(102, 102, 102);
		}
		
		/* Select elements within the sidebar */
		div.schedule div.content-sidebar select
		{
			font-size: 12px;
		}
		
			div.schedule div.content-sidebar select option,
				div.schedule div.content-sidebar select optgroup
			{
				font-size: 11px;
			}

		/* Containers for sidebar forms elements on the Schedule Landing page */
		div.schedule div.content-sidebar div.sidebar-details
		{	
			padding-top:    0px;
			padding-bottom: 0px;
	
			/* These represent what the padding /used/ to be, in part to enable
				margin collapsing */
			margin-top:    5px;
			margin-bottom: 5px;
		}

			div.schedule div.content-sidebar div.sidebar-details div.sidebar-content
			{
				padding: 0px;
		
				margin-top:    17px;
				margin-bottom: 17px;
			}
			
			/* Adding line below for the events details page */
			.sidebar-details h1 {
				margin-bottom: 10px;
			}

		/* "See More Options" */
		div.schedule p.toggler a,
			div.schedule p.show-more a
		{
			display: block;
	
			cursor: pointer;	
			color: rgb(0, 184, 245); /* Dark turquoise */
		}

	/* -------------------------------------------------------
	   Tabs Properties
	   ------------------------------------------------------- */
	
	div.tabs-container
	{
		margin-top: 0.5em;
	}
	
	div.tabs-container > div
	{
		overflow:hidden;
	}
	
	/* Container for the tabs + panels */
	div.ui-tabs.ui-widget-content
	{
		background-image: none;

		padding: 0em;
		border-width: 0px;
	}
	
	/* Container for the tab elements */
	div.ui-tabs .ui-tabs-nav
	{
		border-color: rgb(200, 200, 200);
		
		border-top-width:   0px;
		border-left-width:  0px;
		border-right-width: 0px;
		
		border-radius: 0px;

		background-color: transparent;
		background-image: none;
		padding: 0em;
		
		padding-left: 10px;
		
		margin-left:  -20px;
		margin-right: -20px;
	}

		/* Unselected tabs */
		div.ui-tabs .ui-state-default, 
			div.ui-tabs .ui-widget-content .ui-state-default,
			div.ui-tabs .ui-widget-header .ui-state-default
		{
			white-space: normal;
			max-width: 24%;
			
			background-image: none;
			
			background-color: rgb(244, 244, 244); /* very light gray */
		}
		
			/* Variant for six sets of tabs */
			ul.tabs.six div.ui-tabs .ui-state-default, 
				ul.tabs.six div.ui-tabs .ui-widget-content .ui-state-default,
				ul.tabs.six div.ui-tabs .ui-widget-header .ui-state-default
			{
				max-width: 16%;
			}
		
		/* Selected tab */
		div.ui-tabs .ui-state-default.ui-tabs-selected, 
			div.ui-tabs .ui-widget-content .ui-state-default.ui-tabs-selected,
			div.ui-tabs .ui-widget-header .ui-state-default.ui-tabs-selected
		{	
			background-color: white; 
			
			border-color: rgb(200, 200, 200); /* Light gray */
		}
		
		/* Text within a tab */
		div.ui-tabs li.ui-state-default a
		{
			color: rgb(0, 184, 245); /* Dark turquoise */
			font-weight: bold;
			
			padding-top:    0.6em;
			padding-bottom: 0.5em;
			
			padding-left:  0.8em;
			padding-right: 0.8em;
		}
		
		div.ui-tabs li.ui-state-default a.pad 
		{
		    padding-top: 10px;
		    font-size: .9em;
		}
		
			/* Variation specific to the schedule page */
			div.schedule div.ui-tabs li.ui-state-default a
			{
				text-align: center;
				min-height: 2.72727em;
			}
			
			/* Statistics such as "12" or the like */
			div.ui-tabs li.ui-state-default a span.stats
			{
				font-weight: bold;
				color: rgb(140, 140, 140);
				font-size: 11px;
			}

	/* A tab panel */
	div.ui-tabs .ui-tabs-panel
	{
		padding-left:  0em;
		padding-right: 0em;
	}
	
/* =============================================================================
   Schedule Detail Page
   ========================================================================== */


	/* -------------------------------------------------------
	   Event Masthead
	   ------------------------------------------------------- */

	div.event-masthead
	{
		height: 254px;
		overflow: hidden; /* Just in case */
	
		background-color: rgb(168, 160, 158); /* Light gray */
		background-image: url('../images/schedule/event-details-header-background.jpg');
		background-position: top right;
		
		color: white;
	}
	
	/* Featured image */
	div.event-masthead > img 
	{
		float: left;
	}
	
	div.event-masthead div.copy
	{
		margin-left: 270px; /* Leave room for the featured image */
		
		padding-top:   10px;
		/*padding-right: 60px;*/
		padding-right: 20px;
	}

		/* Main headline */
		div.extended-column div.event-masthead h1
		{
			letter-spacing: normal;
			line-height: 1.0;
			font-size: 2.0em; /* 24px equvalent */
			
			margin:  0em; /* General reset */
			padding: 0em;
			
			margin-bottom: 0.5em;
			
			color: white;
			text-transform: none;
		}
		
		/* Subsection headline */
		div.event-masthead h3
		{
			color: rgb(228, 228, 228); /* Very light gray */
			
			font-weight: bold;
			margin-bottom: 0.5em;
		}
	
		div.event-masthead div.copy div.primary-and-secondary-copy
		{}
			
			/*
				Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
				http://www.tanfa.co.uk/archives/show.asp?var=300
			*/

			div.event-masthead div.copy div.primary-and-secondary-copy:after 
			{
				content: ".";
				display: block;
				visibility: hidden;
				
				clear: both;
				
				height:      0;
				line-height: 0;
				font-size:   1px;
			}

			 div.primary-and-secondary-copy { display: inline-block; }

			/* 1st for IE 5-6 */
			* html div.primary-and-secondary-copy {	height: 1%;	}

			div.primary-and-secondary-copy { display: block; }

			
			div.primary-and-secondary-copy div.primary-copy,
				div.primary-and-secondary-copy div.secondary-copy
			{
				width: 48%;
			}
			
			div.primary-and-secondary-copy div.primary-copy
			{
				float: left;
			}

				/* Fine-tuning for primary-and-secondary-copy within the event-masthead */
				div.event-masthead div.primary-and-secondary-copy div.primary-copy
				{
					/*width: 57%;*/
					width: 52%;
				}
				
					div.event-masthead div.primary-copy ul,
						div.event-masthead div.secondary-copy ul,
						
						div.event-masthead div.primary-copy p,
						div.event-masthead div.secondary-copy p
					{
						margin:  0em;
						padding: 0em;
						
						font-size: 14px;
						font-weight: 200;
					}
						
						div.event-masthead div.primary-copy p,
							div.event-masthead div.secondary-copy p
						{
							line-height: 1.2;
						}
					
					
						div.event-masthead div.primary-copy ul li
						{
							border-top: 1px dotted rgb(203, 203, 203); /* Very light gray */
							
							margin:  0em;
							padding: 0em;
							
							padding-top:    0.5em;
							padding-bottom: 0.5em;
							
							list-style-type: none;
							
							padding-left: 20px; /* Leave room for the icon */
							
							position: relative;
						}
						
						div.event-masthead div.primary-copy ul li span.icon
						{
							position: absolute;
							left: 0px;
							top: 9px;
						}
						
						div.event-masthead div.primary-copy ul li.date span.icon
						{
							top: 10px;
						}
						
						/* Start/End Dates & Times, plus the name of the location */
						div.event-masthead div.primary-copy span.begins,
							div.event-masthead div.primary-copy span.ends,
							div.event-masthead div.primary-copy span.name,
							div.event-masthead div.primary-copy li.location:first-line
						{
							font-weight: bold;
						}
						
						div.event-masthead div.primary-copy li.date span.ends
						{
							display: block;
						}
			div.event-masthead div.primary-copy span.name a,
			div.event-masthead div.primary-copy span.name a:visited,
			div.event-masthead div.primary-copy span.name a:link
			{
				color:White;
				text-decoration:underline;
			}
			
			div.primary-and-secondary-copy div.secondary-copy
			{
				float: right;
			}
			
				/* Fine-tuning for primary-and-secondary-copy within the event-masthead */
				div.event-masthead div.primary-and-secondary-copy div.secondary-copy
				{
					border-top: 1px dotted rgb(203, 203, 203); /* Very light gray */
					padding-top: 0.7em;
					
					/*width: 40%;*/
					width: 45%;
				}
				
				div.event-masthead div.primary-and-secondary-copy div.secondary-copy.mrkthigh 
				{
				    overflow: hidden;
				    max-height: 140px;
				    
				}
				
				input.has-border {
					border: 2px inset #888888;
					padding: 1px;
				}

/* =============================================================================
   Form Properties
   ========================================================================== */

label,
	input[type="submit"]
{
	cursor: pointer;
}

div.search-results input,
	div.group input
	div.network input,
	div.schedule input
{
	font-size: 1.0em;
}

	/* Select elements within the sidebar */
	div.search-results div.content-sidebar select,
		div.schedule div.content-sidebar select
	{
		font-size: 12px;
	}

		div.search-results div.content-sidebar select option,
			div.search-results div.content-sidebar select optgroup,
	
			div.schedule div.content-sidebar select option,
			div.schedule div.content-sidebar select optgroup
		{
			font-size: 11px;
		}

div.search-results div.sidebar-details input[type="text"],
	div.schedule div.sidebar-details input[type="text"]
{
	/* These restore the browser defaults that were smushed by some of the bits in style_layout.css */
	
	border-width: 1px;
	border-style: solid;
	border-color: rgb(200, 200, 200); /* Very light gray  */
	
	font-size: inherit;
	
	padding-top:    0.1em;
	padding-bottom: 0.1em;
	
	padding-left:  2px;
	padding-right: 2px;
}

	/* For the autocomplete and date field */
	div.search-results div.sidebar-details input[type="text"].autocomplete,
		div.schedule div.sidebar-details input[type="text"].autocomplete,
		
		div.search-results div.sidebar-details input[type="text"].date,
		div.schedule div.sidebar-details input[type="text"].date
	{
		padding-top:    0.3em;
		padding-bottom: 0.4em;
	}
	
	/* For the autocomplete fields */
	div.search-results div.sidebar-details input[type="text"].autocomplete,
		div.schedule div.sidebar-details input[type="text"].autocomplete
	{
		width: 90%;
	}


	/* for IE 7 */
	* + html div.search-results div.sidebar-details input[type="text"],
		* + html div.schedule div.sidebar-details input[type="text"] 
	{
		font-size: 14px;
	}

	/* -------------------------------------------------------
	   Autocomplete Styling (such as for "Region & Country")
	   ------------------------------------------------------- */
	
	/* Autocomplete widget as a whole */
	ul.ui-autocomplete.ui-corner-all,
		ul.ui-autocomplete a.ui-corner-all
	{
		border-radius: 1px;
	}
	
		/* Currently selected autocomplete option */
		ul.ui-autocomplete .ui-state-hover,
			ul.ui-autocomplete .ui-state-active
		{
			color: white;
			background-image: none;
			background-color: rgb(1, 74, 151); /* Navy blue */
			background-color: rgb(0, 184, 245); /* Dark turquoise */
		}
		
		/* "See Full List" link */
		ul.ui-autocomplete li.see-full-list
		{
			margin-top: 0.8em;
		}
		
			ul.ui-autocomplete li.see-full-list a,
				ul.ui-autocomplete li.see-full-list a.ui-state-hover
			{
				cursor: pointer;	
				color: rgb(0, 184, 245); /* Dark turquoise */
				background-color: white;
			}
		
				ul.ui-autocomplete li.see-full-list a:focus,
					ul.ui-autocomplete li.see-full-list a:hover,
					ul.ui-autocomplete li.see-full-list a.ui-state-hover
				{
					text-decoration: underline;
				}
				
	/* -------------------------------------------------------
	   jQuery Multiselect Styling (such as for "Audience")
	   ------------------------------------------------------- */
		
	button.ui-multiselect
	{
		border-radius: 2px;
		
		background-color: rgb(230, 230, 230); /* Very light gray */
		border-color: rgb(210, 210, 210); /* Light gray */
		cursor: pointer;
		
		line-height: 1.3;
	}
	
		button.ui-multiselect.ui-state-hover
		{
			background-color: rgb(220, 220, 220); /* Light gray */
		}
		
		button.ui-multiselect.ui-state-active
		{
			background-color: rgb(240, 240, 240); /* Very, very light gray */
		}
	
	div.ui-multiselect-menu,
		button.ui-multiselect
	{
		font-size: 1.0em;
		color: inherit;
		
		background-image: none;
		max-width: 100%;
	}
	
		/* Multiselect widget as a whole */
		div.ui-multiselect-menu.ui-corner-all,
			div.ui-multiselect-header.ui-corner-all,
			ul.ui-multiselect-checkboxes label
		{
			border-radius: 1px;
		}
		
			/* The "Check All" / "Uncheck All" header */
			div.ui-multiselect-header
			{
				background-image: none; 
				background-color: rgb(230, 230, 230); /* Very Light gray */
				border-color:     rgb(210, 210, 210); /* Light gray */
			}
			
				/* The "up/down" icon within the drop-down */
				span.ui-icon.ui-icon-triangle-2-n-s
				{
					margin-top:   0.36em;
					margin-right: 0.4em;
				}
			
			
				div.ui-multiselect-header ul
				{
					font-size: 0.91667em; /* 11px equivalent */
				}
				
					div.ui-multiselect-header ul li
					{
						padding-right: 0.5em;
					}
				
				/* This helps align the checkboxes and their labels */
				div.ui-multiselect-header li span
				{
					min-height: 16px;
				}

				/* Close button within the drop-down */
				div.ui-multiselect-header li.ui-multiselect-close
				{
					display: none;
				}
		
			/* List for the options */
			ul.ui-multiselect-checkboxes
			{
				overflow-y: auto;
			}
		
				/* List items for the options */
				ul.ui-multiselect-checkboxes li
				{
					font-size: 0.91667em; /* 11px equivalent */
				}
		
					/* Optgroup labels */
					ul.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label 
					{
						background-color: rgb(230, 230, 230);
					}
		
					ul.ui-multiselect-checkboxes label
					{
						line-height: 1.5;
					
						/* This creates a hanging indent effect */
						text-indent: -1.7em;
						padding-left: 1.8em;
					
						padding-top:    2px;
						padding-bottom: 2px;
					
						cursor: pointer;
					}
				
					ul.ui-multiselect-checkboxes input[type="checkbox"]
					{
						margin-right: 0.5em;
					}
				
	/* -------------------------------------------------------
	   Lightbox Styling
	   ------------------------------------------------------- */
	
	/* This overrides some existing CSS */
	html
	{
		overflow-y: auto !important;
	}
	
		body.fancybox-lock
		{
			margin: 0em !important;
			overflow: auto;
		}
		
		/* This hides the lightbox until it's ready to be displayed */
		div.lightbox-container
		{
			position: absolute;
			
			left: -10000px;
		}

	div.lightbox
	{
		background-color: white;
	}

	div.four-sets-of-content
	{
		color: rgb(40, 40, 40); /* Dark gray */
		
		margin-bottom: 1.5em;
	}
		
		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		div.four-sets-of-content:after 
		{
			content: ".";
			display: block;
			visibility: hidden;
			
			clear: both;
			
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		div.four-sets-of-content { display: inline-block; }

		/* 1st for IE 5-6 */
		* html div.four-sets-of-content { height: 1%; }

		div.four-sets-of-content { display: block; }
		
		div.four-sets-of-content > div
		{
			float: left;
			width: 24%;
		}
		
			div.four-sets-of-content dl
			{
				margin:  0em;
				padding: 0em;
				
				margin-bottom: 2.0em;
				
				line-height: 1.45;
				font-size: 1.16667em; /* 14px equivalent */
			}
			
				div.four-sets-of-content dl label
				{
					vertical-align: middle;
				}
			
			div.four-sets-of-content dl > dt
			{
				margin:  0em;
				padding: 0em;
				
				margin-bottom: 0.5em;
				font-weight: bold;
			}
			
			div.four-sets-of-content dl > dd
			{
				margin:  0em;
				padding: 0em;
				
				margin-left: 1.3em;
			}
			
				div.four-sets-of-content dl > dd label
				{
					display: block;
				}

	ul.button-set
	{
		margin:  0em;
		padding: 0em;
		
		margin-bottom: 1.0em;
	}
	
		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		ul.button-set:after
		{
			content: ".";
			display: block;
			visibility: hidden;
			
			clear: both;
			
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		ul.button-set { display: inline-block; }

		/* 1st for IE 5-6 */
		* html ul.button-set { height: 1%; }

		ul.button-set { display: block; }

		ul.button-set > li
		{
			float: right;
			list-style-type: none;
			
			margin:  0em;
			padding: 0em;
					
			font-size: 1.16667em; /* 14px equivalent */
			margin-left: 1.5em;
		}
		
			/* Variant for use in sidebars */
			div.content-sidebar ul.button-set > li
			{
				float: none;
				margin-left: 0em;
				
				font-size: 1.0em;
			}
		
		
			ul.button-set > li > a,
				ul.button-set > li > input[type="submit"]
			{
				font-size: 1.0em;
				line-height: 1.0;
				
				cursor: pointer;
				
				/* Via: http://www.456bereastreet.com/archive/201110/styling_button_elements_to_look_like_links/ */
				overflow:visible; /* Shrinkwrap the text in IE7- */
				
				font-weight: bold;
				display: block;
				
				padding-top:    0.6em;
				padding-bottom: 0.6em;
				
				padding-left:  0.7em;
				padding-right: 0.7em;
				
				border-radius: 4px;
				
				color: rgb(64, 64, 64); /* Dark gray */
				background-color: rgb(238, 237, 234); /* Very light gray */
				
				border: 1px solid rgb(214, 214, 214); /* Light gray */
			}
			
				/* 
					Remove mystery padding in Gecko browsers.
				 	See https://bugzilla.mozilla.org/show_bug.cgi?id=140562
				
					(via: http://www.456bereastreet.com/archive/201110/styling_button_elements_to_look_like_links/ )
				 */
				ul.button-set > li > input[type="submit"]::-moz-focus-inner 
				{
				    padding: 0px;
				    border:  0px;
				}
			
			
				/* Variant for use in sidebars */
				div.content-sidebar ul.button-set > li > a,
					div.content-sidebar ul.button-set > li > input[type="submit"]
				{
					display: inline-block;
					
					padding-left:  1.0em;
					padding-right: 1.0em;
				}
			
			
				ul.button-set > li > a:hover
				{
					text-decoration: none;
				}
			
			/* First/Primary button */
			ul.button-set > li:first-child a,
				ul.button-set > li:first-child input[type="submit"]
			{
				color: white;
				background-color: rgb(21, 184, 244); /* Dark turquoise */
			}
		

	/* -------------------------------------------------------
	   Calendar / Datepicker Styling
	   ------------------------------------------------------- */
	
	
	/* Calendar widget as a whole */
	div.ui-datepicker.ui-corner-all
	{
		border-radius: 3px;
	}
	
		/* Heading at the top of the calendar widget */
		div.ui-datepicker div.ui-widget-header
		{
			color: rgb(102, 102, 102); /* Medium gray */
			
			background-image: none;
			background-color: transparent;
			border-width: 0px;
		}
	
			/* Previous / Next Buttons */
			.ui-datepicker a.ui-datepicker-prev span,
				.ui-datepicker a.ui-datepicker-next span,
				.ui-datepicker a.ui-datepicker-prev,
				.ui-datepicker a.ui-datepicker-next
			{
				cursor: pointer;
			}
			
			.ui-datepicker a.ui-datepicker-prev span,
				.ui-datepicker a.ui-datepicker-next span
			{				
				margin-left: -6px;
				margin-top:  -7px;
			}

		div.ui-datepicker table
		{
			font-size: 0.83333em; /* Equivalent to 10px; */
		}
	
			/* Day-of-the-week headings */
			div.ui-datepicker th
			{
				color: rgb(102, 102, 102); /* Medium gray */
				font-weight: normal;
			}
			
			/* Individual calendar days */
			table.ui-datepicker-calendar td a.ui-state-default
			{
				border-width: 0px;
				background-image: none;
			}
			
				/* Individual calendar days -- hover color */
				table.ui-datepicker-calendar .ui-state-hover
				{
					background-color: rgb(200, 200, 200); /* medium-dark gray */
				}

				/* Today's date */
				table.ui-datepicker-calendar .ui-state-highlight,
					table.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
					table.ui-datepicker-calendar .ui-widget-header .ui-state-highlight
				{
					background-color: rgb(255, 254, 202); /* Light yellow */
				}
				
			/* Currently selected date */
			table.ui-datepicker-calendar .ui-state-active,
				table.ui-datepicker-calendar .ui-widget-content .ui-state-active,
				table.ui-datepicker-calendar .ui-widget-header .ui-state-active
			{
				color: white;
				background-color: rgb(1, 74, 151); /* Navy blue */
				background-color: rgb(0, 184, 245); /* Dark turquoise */
			}

			/* Individual calendar days (from another month) */
			table.ui-datepicker-calendar td.ui-datepicker-other-month
			{
				background-color: rgb(230, 230, 230); /* Very light gray */
			}
/* "Gold Award" icon */
span.icon.gold
{
	background-position: 0px -40px;
	
	width:  48px;
	height: 48px;	
}

/* Private/lock icon */
span.icon.private
{
	display: inline-block;
	
	width:  10px;
	height: 14px;
	
	background-position: -133px 0px;
}

/* Expanded/collapsed indicator (expanded by default) */
ul.navigation li.sub-networks a > span.collapse-indicator
{
	display: inline-block;
	
	padding: 0px;
	
	width:  13px;
	height: 10px;
	background-position: -103px 0px;	
}

	ul.navigation li.sub-networks.collapsed a > span.collapse-indicator
	{
		width:  10px;
		height: 13px;
		background-position: -120px 0px;
	}

	/* -------------------------------------------------------
	   Navigation Icons
	   ------------------------------------------------------- */
	
	
	ul.navigation li.disabled a.home span,
		ul.navigation li.disabled a.community span,
		ul.navigation li.disabled a.discussion span,
		ul.navigation li.disabled a.wiki span,
		ul.navigation li.disabled a.directory span,
		ul.navigation li.disabled a.schedule span,
		ul.navigation li.disabled a.map span,
		ul.navigation li.disabled a.help span,
		ul.navigation li.disabled a.messages span,
		ul.navigation li.disabled a.blog span,
		ul.navigation li.disabled a.media span
	{
		background-image: url('../images/sprites-navigation.png') !important;
		background-repeat: no-repeat;
	}
	
	
	ul.navigation li.disabled a.home span
	{
		/* To be filled in later, if need be */
	}


	ul.navigation li.disabled a.help span
	{
		/* To be filled in later, if need be */
	}
	
	ul.navigation li.disabled a.messages span
	{
		/* To be filled in later, if need be */
	}

	ul.navigation li.disabled a.blog span,
		ul.navigation li.disabled a.community span,
		ul.navigation li.disabled a.discussion span,
		ul.navigation li.disabled a.wiki span
	{
		background-position: 10px 5px;
	}

	ul.navigation li.disabled a.media span
	{
		background-position: 11px -13px;
	}

	ul.navigation li.disabled a.directory span
	{
		background-position: 10px -30px;
	}

	ul.navigation li.disabled a.schedule span
	{
		background-position: 10px -49px;
	}
	
	ul.navigation li.disabled a.map span
	{
		background-position: 9px -66px;
	}

/* =============================================================================
   Search Fields
   ========================================================================== */


/* On styling placeholder text */

input[type="text"].placeholder
{
	color: rgb(205, 205, 205); /* Light Gray */
	text-transform: uppercase;
}

input[type="text"]:-moz-placeholder
{
	color: rgb(205, 205, 205); /* Light Gray */
	text-transform: uppercase;
}

	/* For Firefox, this hides the placeholder text when the field is focused */
	input[type="text"]:focus:-moz-placeholder
	{
		color: rgb(230, 230, 230); /* Very light Gray */
	}

input[type="text"]::-webkit-input-placeholder
{
	color: rgb(205, 205, 205); /* Light Gray */
	text-transform: uppercase;
}

input[type="text"]:-ms-input-placeholder
{
	color: rgb(205, 205, 205); /* Light Gray */
	text-transform: uppercase;
}

div#body_header-search input[type="submit"]
{
	float: right;
	margin-right: 0.5em;
	
	border-width: 0px;
	background-color: transparent;
	padding: 0px;
	
	background-position: 0px 0px;
	
	width:  14px;
	height: 14px;
	
	text-indent: -10000px;
}



	
/* =============================================================================
   Search Results Elements
   ========================================================================== */


div.search-results div.data_row
{}
	
	div.search-results div.data_row div.widget ul
	{
		margin-bottom: 0em;
	}

/* =============================================================================
   Body Content Sidebar classes, for left and right columns
   ========================================================================== */


div.community div.content-sidebar.right,
	div.network div.content-sidebar.right,
	div.group div.content-sidebar.right
{
	/* This is normally 200px, but this ensures that the content
		doesn't overwrite the background lines */
	width: 199px;
	margin-right: 1px;
}

div.search-results div#facetsContainer
{
	/* This aligns the facets with the top of the listing of results */
	margin-top: 92px;
}

	div.search-results div.sidebar-content .label,
		div.search-results div.content-sidebar,
		div.search-results div.sidebar-content a.pt_11,
		
		div.community div.content-sidebar,
		div.community div.content-sidebar p,
		
		div.network div.content-sidebar,
		div.network div.content-sidebar p,
		
		div.group div.content-sidebar,
		div.group div.content-sidebar p
	{
		/* Originally 11px */
		font-size: 14px;
	}
	
	div.community div.content-sidebar.groupNews.current,
		div.community div.content-sidebar.groupNews.current p,
		
		div.sidebar-content.groupNews.current,
	    div.sidebar-content.groupNews.current p
	{
	    /* To change the GroupDiscussionsRightMenu text items to 11pt instead of 14pt like above. */
	    font-size: 11px;   
	}

		div.search-results div.sidebar-content .label
		{
			/* Originally not bold */
			font-weight: bold !important;
		}

/* =============================================================================
   Content Area Outputs
   ========================================================================== */

/* content entry data rows and columns */
div.search-results div.data_row,
	div.search-results div.data_row.nohover,
	div.search-results div.content-area.nohover div.data_row,
	div.search-results div.data_row:hover
{
	/* Originally 30px in style_layout.css */
	padding-bottom: 18px;
}


/* =============================================================================
   Form Properties
   ========================================================================== */

label,
	input[type="submit"]
{
	cursor: pointer;
}

/* =============================================================================
   MESSAGE FROM THE CHAIR
   ========================================================================== */
div.message-from img 
{
    float:left;
    margin-right: 10px;
}

div.message-from li
{
    list-style:none;
    float: left;
    margin-left: 0px;
}

/* =============================================================================
   TOP DISCUSSIONS
   ========================================================================== */
ol.discussions img 
{
    float:left;
    margin-right:10px;
}

ol.discussions p.author a
{
    padding-bottom: 4px;
}

div.floating-menu {
	position: fixed;
	width: 50px;
	z-index: 100;
	margin-left: 200px;
	}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}

/* -------------------------------------------------------
	   Nav Search Box
	   ------------------------------------------------------- */
	
	div#nav-search
	{
		
		padding: 2px;
		margin-top: 14px;
		margin-bottom: 5px;
		border: 1px solid rgb(229, 228, 227); /* Light gray */
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		width: 175px;
	}
	

		
	div#nav-search input[type="text"]
	{
		font-size: 1.0em; /* 12px */
		line-height: 1.25; /* 15px */
						
		padding-left:   0.4em;
		width: 125px;
	}
		
	div#nav-search input[type="submit"]
    {
	    float: right;
	    margin-top: 0.1em;
	    margin-right: 0.5em;
	
	    border-width: 0px;
	    background-color: transparent;
	    padding: 0px;
	        
	    background-position: 0px 0px;
	
	    width:  14px;
	    height: 14px;
	
	    text-indent: -10000px;
    }

.useful-link-row {
	width: 100%;

}
	
	.useful-link-left {
		word-wrap: break-word;
		width: 130px;
		float: left;
	}
	
	.useful-link-container {
		word-wrap: break-word;
		word-break: break-all;
		padding-left:130px;
		width: 350px;
	}
	.useful-link-middle {
		word-wrap: break-word;
		word-break: break-all;
		width: 50%;
		float: left;
	}
	
	.useful-link-right {
		word-wrap: break-word;
		width: 45%;
		float:right;
		margin-left: 10px;

	}
	
	.required {
		color: red;
	}
/* -------------------------------------------------------
	   HIDE FACET COUNTS
	   ------------------------------------------------------- */
	div#body_container.search-results .meta
	,div#body_layer.body_wrapper .meta
	{
	    display:none !important;
	}
	
	/* =============================================================================
   Specific styles for: Education On Demand
   ========================================================================== */

/* Clearfix */

/*
  Fixes jQuery UI's clearfix:

  https://gist.github.com/1260785#comment-744957
*/

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  border-collapse: collapse;
}

/*
  More reliable clearfix:

  http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified
*/

p:before,
p:after,
ul:before,
ul:after,
div:before,
div:after,
.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

p:after,
ul:after,
div:after,
.clearfix:after {
  clear: both;
}

p,
ul,
div,
.clearfix {
  zoom: 1;
}

/* Header & Sidebar tweaks */

div.education #body_header-inner {
  background: #fff;
}

div.education .content-sidebar.left {
  /*
    This is terrible, but necessary to keep the main
    content area from collapsing into the sidebar.
  */
  min-height: 60px;
}

/* Spacing */

div.education .content-area-header {
  padding-top: 0;
}

div.education .content-area-header.pagination {
  padding-bottom: 20px !important;
}

div.education .content-area-header.pagination-bottom {
  border: 0;
  padding-bottom: 0;
}

div.education .content-area h1,
div.education .content-area h2,
div.education .content-area hr,
div.education .content-area ul,
div.education .content-sidebar h2,
div.education .content-sidebar hr,
div.education .content-area-header,
div.education .content-area .filters ul,
div.education .education-custom-content-area,
div.education .search-box {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

div.education .content-area p,
div.education .content-sidebar p {
  /*
    Note: Using !important here to override the
    global use of !important for all <p> tags.
  */
  margin-bottom: 20px !important;
}

/* General */

div.education .align-right {
  text-align: right !important;
}

div.education .gutter-top {
  margin-top: 20px !important;
}

div.education .gutter-left {
  margin-left: 20px !important;
}

div.education .gutter-right {
  margin-right: 20px !important;
}

div.education .gutter-right-half {
  margin-right: 10px !important;
}

div.education .gutter-bottom {
  margin-bottom: 20px !important;
}

div.education .gutter-bottom-half,
div.education .content-area p.gutter-bottom-half,
div.education .content-sidebar p.gutter-bottom-half {
  margin-bottom: 10px !important;
}

div.education .gutter-bottom-none,
div.education p.gutter-bottom-none {
  margin-bottom: 0 !important;
}

div.education .inline {
  display: inline !important;
}

div.education hr {
  border: 0 dotted #cbcbcb;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

div.education .content-area > p:first-child,
div.education .content-area > h1:first-child,
div.search-results .content-area > h1:first-child {
  padding-top: 20px;
}

div.education .mute {
  color: #999;
}

div.education .required {
  color: #ddba47;
  font-weight: bold;
}

/* Lists */

div.education ul.list {
  list-style: none;
  margin-bottom: 20px;
}

div.education ul.list li {
  margin: 0;
  padding-top: 10px;
}

div.education ul.list li:first-child {
  padding-top: 0;
}

/* List - "Inline" row */

div.education ul.list-row,
div.education ul.list-row li,
div.education ul.list-half,
div.education ul.list-half li,
div.education div.tabs-container,
div.education div.tabs-container > div {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: none !important;
  position: static;
  border: 0;
  margin: 0;
  padding: 0;
  min-width: none;
  max-width: none;
  width: auto;
  min-height: none;
  max-height: none;
  height: auto;
}

div.education ul.list-row,
div.education ul.list-half {
  margin-bottom: 20px;
}

div.education ul.list-row,
div.education ul.list-row li,
div.education ul.list-half,
div.education ul.list-half li  {
  list-style: none;
}

div.education ul.list-row li {
  float: left;
  padding-left: 10px;
}

div.education ul.list-row li:first-child {
  padding-left: 0;
}

/* List - half */

div.education ul.list-half li {
  float: left;
  padding-top: 10px;
  width: 50%;
}

div.education ul.list-half li:first-child,
div.education ul.list-half li:first-child + li {
  padding-top: 0;
}

/* Headings & Paragraph */

div.education h1,
div.education .content-area h1,
div.search-results .content-area h1 {
  color: rgb(182, 124, 67);
  overflow: hidden;
}

div.education h2,
div.education .content-area h2,
div.education .content-sidebar.right h2 {
  color: rgb(182, 124, 67);
  font-size: 14px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* Percentage based grid */

div.education .content-area .thirds {
  padding-top: 20px;
}

div.education .content-area .width-5 {
  float: left;
  width: 5%;
}

div.education .content-area .width-33 {
  float: left;
  width: 33.3333%;
}

div.education .content-area .width-20 {
  float: left;
  width: 20%;
}

div.education .content-area .width-25 {
  float: left;
  width: 25%;
}

div.education .content-area .width-55 {
  float: left;
  width: 55%;
}

div.education .content-area .width-75 {
  float: left;
  width: 75%;
}

div.education .content-area .width-95 {
  float: left;
  width: 95%;
}

/* Sidebars */

div.education .education-sidebar-left,
div.education .education-sidebar-right {
  padding: 10px;
}

div.education .education-sidebar-left,
div.education .education-sidebar-right {
  font-size: 11px;
}

/* Left sidebar */

div.education .education-sidebar-left h2 {
  margin-bottom: 20px;
}

div.education .education-sidebar-left dl {
  padding-bottom: 5px;
}

div.education .education-sidebar-left dt,
div.education .education-sidebar-left dd {
  margin-bottom: 10px;
}

div.education .education-sidebar-left dt {
  color: #b67c43;
  font-weight: bold;
  text-transform: uppercase;
}

div.education .education-sidebar-left dd a {
  background-image: url(../images/sidebar-link-arrow.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  display: block;
  padding-left: 15px;
}

div.education .education-sidebar-left dd.icon-education-on-demand a {
  background-image: url(../images/icon-education-on-demand.png);
  background-position: 0 2px;
  padding-left: 20px;
}

/* Right sidebar */

div.education .education-sidebar-right dl {
  font-size: 12px;
  padding-bottom: 10px;
}

div.education input[type="radio"] + label,
div.education input[type="checkbox"] + label {
  padding-left: 5px;
}

div.education .education-sidebar-right dt,
div.education .education-sidebar-right dd {
  margin-bottom: 10px;
}

div.education .education-sidebar-right dt {
  font-weight: bold;
}

/* Pill links */

div.education .pill-link,
div.education .pill-link-action {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #ecebe9;
  background-position: 7px center;
  background-repeat: no-repeat;
  display: block;
  font-size: 11px;
  padding: 5px 10px;
}

div.education .pill-link-small {
  padding: 3px 10px;
}

div.education .pill-link-action {
  background-color: #2fbaf1;
  color: #fff;
}

div.education .pill-link-action.icon-edit {
  background-image: url(../images/icon-edit-white.png);
  background-position: 7px 3px;
  padding-left: 25px;
}

div.education .pill-link-action.icon-download {
  background-image: url(../images/icon-download-white.png);
  padding-left: 25px;
}

div.education .pill-link.icon-media {
  background-image: url(../images/icon-media.png);
  padding-left: 25px;
}

div.education .pill-link.icon-delete {
  background-image: url(../images/icon-delete.png);
  padding-left: 25px;
}

div.education .pill-link.icon-alert {
  background-image: url(../images/icon-alert.png);
  padding-left: 25px;
}

div.education .pill-link.icon-file {
  background-image: url(../images/icon-file.png);
  padding-left: 25px;
}

div.education .pill-link.icon-camera {
  background-image: url(../images/icon-camera.png);
  padding-left: 25px;
}

div.education .pill-link.icon-folder {
  background-image: url(../images/icon-folder.png);
  padding-left: 25px;
}

/* Search results */

div.education ul.education-content-list {
  margin: -20px 0 20px;
  padding: 0;
  list-style: none;
}

div.education ul.education-content-list > li {
  border-bottom: 1px dotted #cbcbcb;
  overflow: hidden;
  margin: 0;
  padding: 20px 0 0;
}

div.education ul.education-content-list h4,
div.education ul.education-content-list h4 a {
  color: #004A99;
}

div.education ul.education-content-list h4 {
  display: block;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}

div.education .education-description {
  font-size: 13px;
  line-height: 1.5;
}

/* Comment form */

div.education .education-comment-form {
  padding-top: 35px;
}

div.education .education-comment-form label {
  color: rgb(182, 124, 67);
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
}

div.education.lightbox textarea,
div.education .education-comment-form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  margin: 0;
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

div.education.lightbox textarea {
  resize: none !important;
}

div.education .button-action,
div.education .button-toggle,
div.education .button-cancel {
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background-position: 7px center;
  background-repeat: no-repeat;
  border-radius: 4px;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 1 !important;
  padding: 7px 20px;
  height: auto;
}

div.education .button-toggle {
  background-color: #2fbaf1;
}

div.education li[aria-selected="true"] .button-toggle {
  background-color: #3f3a39;
}

div.education .button-action {
  background-color: #a68334;
}

div.education .button-cancel {
  background-color: #dfdedb;
  color: #888 !important;
}

div.education .button-toggle.icon-plus {
  background-image: url(../images/icon-plus-white.png);
  padding-left: 25px;
}

div.education .button-toggle.icon-code {
  background-image: url(../images/icon-code-white.png);
  padding-left: 25px;
}

div.education .button-toggle.icon-link {
  background-image: url(../images/icon-link-white.png);
  padding-left: 25px;
}

/* Comments */

div.education ul.comments {
  display: block;
}

div.education ul.comments li {
  border-top: 1px dotted #cbcbcb;
  float: none;
  overflow: hidden;
  padding-top: 20px;
}

div.education ul.comments .comment-body * {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* Accordion */

div.education ul.accordion,
div.education ul.accordion li {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.education .content-sidebar ul.accordion p {
  margin: 0 !important;
  padding-top: 10px;
}

div.education .content-sidebar ul.accordion p:first-child {
  padding-top: 0;
}

div.education .content-sidebar ul.accordion li > p:first-child {
  padding-bottom: 10px !important;
}

div.education ul.accordion li {
  border-bottom: 1px dotted #cbcbcb;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

div.education ul.accordion img {
  display: block;
}

div.education ul.accordion .accordion-content {
  display: none;
}

div.education ul.accordion .accordion-li-active .accordion-content {
  display: block;
}

/* Info Table */

div.education .table-info {
  border-collapse: collapse;
  width: 100%;
}

div.education .table-info th,
div.education .table-info td,
div.education .table-info th p,
div.education .table-info td p {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

div.education .table-info th small,
div.education .table-info td small,
div.education .table-info th small *,
div.education .table-info td small * {
  font-size: 11px !important;
}

div.education .table-info th,
div.education .table-info td {
  padding: 0 0 20px 20px;
  vertical-align: top;
}

div.education .table-info th {
  text-align: right;
  white-space: nowrap;
  width: 1%;
}

div.education .table-info th:first-child,
div.education .table-info td:first-child {
  padding-left: 0;
}

div.education .table-info tr.hr th,
div.education .table-info tr.hr td {
  border-top: 1px dotted #cbcbcb;
  padding-top: 20px;
}

div.education .table-info textarea,
div.education .table-info input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  font-size: 14px;
  margin: 0;
  padding: 4px 5px 5px;
}

div.education .table-info input[type="text"]  {
  height: 27px;
  /* IE7 */
  *height: auto;
}

div.education .table-info textarea,
div.education .table-info .input-full {
  width: 100%;
}

div.education .table-info textarea {
  overflow: auto;
  resize: vertical;
  min-height: 40px;
}

/* Section */

div.education .section {
  background: #f3f2f0;
  clear: both;
  margin-bottom: 20px;
  padding: 20px 20px 0;
}

/* Footer */

div.education #body_footer_branding-inner {
  margin-bottom: 0;
}

/* =============================================================================
   Specific styles for: Account > My Media
   ========================================================================== */

#body_container.search-results.media div.content-area div.text {
  width: 370px;
}

#body_container.search-results.media div.content-area div.data_row div.widget {
  width: 130px;
}

#body_container.search-results.media div.content-area div.data_row ul.navigation.widget a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #00b8f5;
  width: auto;
}

#body_container.search-results.media ul.navigation.sidebar-controls li a span {
  background-position: 8px center;
  display: block;
  height: 26px;
  line-height: 26px;
  padding-top: 0;
  padding-bottom: 0;
}

#body_container.search-results.media ul.navigation li a.icon-document span {
  background-image: url(../images/icon-document.png);
  background-position: 10px center;
}

#body_container.search-results.media ul.navigation li a.icon-camera span {
  background-image: url(../images/icon-camera.png);
}

#body_container.search-results.media ul.navigation li a.icon-folder span {
  background-image: url(../images/icon-folder.png);
}

#body_container.search-results.media ul.navigation li a.icon-media span {
  background-image: url(../images/icon-media.png);
}

#body_container.search-results.media ul.navigation li a.icon-slideshow span {
  background-image: url(../images/icon-slideshow-white.png);
  background-position: 5px center;
}

#body_container.search-results.media div.content-area .mute,
#body_container.search-results.media div.sidebar-content .mute {
  color: #999;
}