//	apa_default.less


//	Color definitions...

@global_accent_color: #27afa7;
@global_highlight_color: #ac3f31;
@global_neutral_color: #878887;
@global_background_color: #eaebeb;
@global_page_color: #eaebeb;
@global_box_background_color: rgba(248, 250, 252, 1.0);

@global_font_family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

@global_page_width: 962px;
@global_small_column_width: 240px;
@global_medium_column_width: 440px;
@global_large_column_width: 700px;
@global_column_gutter: 20px;


//	Mixins:

.mixin_link()
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: @global_accent_color;

	&:hover
	{
		text-decoration: underline;
	}
}

.mixin_box(@in_width: @global_small_column_width)
{
	display: block;
	width: @in_width - 2px;
	margin: 0 0 20px 0;
	border: 1px solid gray;
	background-color: @global_box_background_color;
}

.mixin_box_heading(@in_color: @global_neutral_color)
{
	height: 20px - 3px;
	padding: 3px 10px 0 10px;
	background-color: @in_color;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.mixin_button(@in_color: @global_accent_color)
{
	display: inline-block;
	background-color: @in_color;
	height: 20px;
	border: 0;
	
	> a
	{
		display: block;
		margin: 2px 16px 0 16px;
		color: #ffffff;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	
}

//	Rules:

html
{
	font-family: @global_font_family;
	font-size: 10px;
	background-color: @global_page_color;
}

div#page
{
	display: block;
	width: @global_page_width;
	margin: 0 auto 0 auto;
}


div#header_wrapper
{
	display:block;
	width: @global_page_width;
	height: 40px;
	margin: 20px 0 20px 0;

	div#header
	{
		h1
		{
			display: block;
			float: left;
			width: 257px;
			height: 42px;
			background: url('/_resources/interface/apa_logo.png') top left no-repeat;
			text-indent: -9999px;
		}
	}
	
	div#members
	{
		display: block;
		width: 400px;
		height: 20px;
		float: right;

		ul
		{
			text-align: right;

			li
			{
				display: inline;
					.mixin_button(@global_highlight_color);
				
				&#member_login
				{
//					.mixin_button(@global_highlight_color);
					background-color: @global_highlight_color;
					height: 20px;

					a
					{
 						margin: 2px 8px 2px 8px;
						padding: 0;
						color: white;
					}
				}

				a.logout
				{
				}
			}
		}
	}

	div#search
	{
		display: block;
		width: 400px;
		float: right;
		margin: 8px 0 0 0;


		form
		{
			clear: both;
			text-align: right;
			
			h2
			{
				display: inline;
				text-align: right;
				margin: 4px 16px 0 0;

				font-size: 14px;
				font-weight: bold;
				color: @global_highlight_color;
				
				span.accent
				{
					color: @global_accent_color;
				}
			}

			input
			{
			}
			
			input#search_submit
			{
				.mixin_button(@global_accent_color);
			}
		}	
	}

}






div#navigation
{
	clear: both;
	ul.primary
	{
		display: block;
		width: @global_page_width;
		height: 50px;
		position:relative;
		
		> li
		{
			.mixin_button(@global_accent_color);
			float: left;
//			position: relative;
			margin: 0 8px 0 0;
			-webkit-box-shadow: 2px 2px 4px #888;

			&.selected
			{
				.mixin_button(@global_highlight_color);
				
			}
			
			&:hover
			{
				.mixin_button(@global_highlight_color);
			}

		        ul.secondary
        		{
                		display: none;
                		position: absolute;
                		z-index: 1;
                		top: 20px;
                		left: 0;
//              		width: 960px;
//              		width: 320px;
                		height: 30px;
//              		background-color: @global_page_color;
                		background-color: none;
                		margin: 0;
                		padding: 0;

                		&.selected
           		    	{
                		        display:block;
               			}

               	 		> li
                		{
                        		float: left;
                        		margin: 8px 16px 0 0;
                        		padding: 0 0 0 16px;
                        		border-left: 1px solid gray;
//                      		display: block;
//                      		width: 320px;

                        		&:first-child
                        		{
                        		        border-left: none;
                                		padding-left: 0;
                        		}



                        		> a
                        		{
                        		        color: black;
                        		        font-weight: bold;
                        		        font-size: 14px;
                        		        text-decoration: none;

                        		        &:hover
                        		        {
                        		                color: @global_highlight_color;
                     		    	       	}
                     		   	}
                		}
        		}

			&#members 
			{
				margin-bottom: 8px;	
				ul.secondary 
				{
					> li {
                       			 	.mixin_button(@global_accent_color);
                       			 	float: left;
                       			 	margin: 6px 8px 0 0;
						padding: 0;
                       			 	-webkit-box-shadow: 2px 2px 4px #888;
	
	                		        &.selected
	                		        {
	                		                .mixin_button(@global_highlight_color);
	                		        }
		
        	        		        &:hover
        	        		        {
        			                        .mixin_button(@global_highlight_color);
		                        	}
					}
				}
			}
		}
	}	
}


div#splash
{
	.mixin_box(@global_page_width);
	clear: both;
	height: 240px;
	
	ul
	{
		position: relative;

		li
		{
			width: 100%;
			opacity: 0;

			position: absolute;
			top: 0;
			left: 0;
			background: white;

			&:first-child
			{
				opacity: 1;
			}

			a
			{
				text-decoration: none;
				
				img
				{
					float: right;
				}
				
				h1
				{
					padding: 40px 0 0 20px;
					font-size: 22px;
					color: @global_highlight_color;
					
					span.first_words
					{
						color: @global_accent_color;
					}
				}
				
				p
				{
					padding: 20px 0 0 20px;
					font-size: 16px;
					line-height: 22px;
					font-weight: bold;
					color: #444444;
				}
			}
		}
	}
}


	div#story_caption
	{
		.mixin_box(@global_page_width);
		clear: both;
		height: 240px;

		h1
		{
			margin: 40px 0 0px 20px;
			font-size: 24px;
			color: @global_highlight_color;		

			span.accent
			{
				color: @global_accent_color;
			}
		}

		p
		{
			padding: 20px 0 0 20px;
			font-size: 16px;
			line-height: 22px;
			font-weight: bold;

			&.instructions
			{
				color: @global_highlight_color;
			}
		}
	}


div#story
{
	display: block;
	position: relative;
	float: left;
	width: 960px;
	height: 600px;
	border: 1px solid black;
	margin: 0 0 16px 0;

	div#story_page
	{

		display: block;
		width: 960px;
		height: 600px;
		overflow: hidden;

		div#story_images
		{
			width: 960px * 7;
			height: 600px;

			img
			{
				float: left;
				margin: 0;
				padding: 0;
				width: 960px;
				height: 600px;
			}
		}
	}

	div#story_controls
	{
		a
		{
			padding: 10px 0 2px 0;
			font-weight: bold;
			font-size: 14px;
			text-decoration: none;
			text-transform: uppercase;
			color: white;
		}

		a#page_left
		{
			position: absolute;
			top: 300px;
			left: 8px;
			display: block;
			width: 74px - 24px;
			height: 35px;
			background: url('/_resources/interface/icons/back_arrow.png') top left no-repeat;
			padding-left: 24px;
		}
	
		a#page_right
		{
			position: absolute;
			top: 300px;
			right: 8px;
			display: block;
			width: 74px - 8px;
			height: 35px;
			background: url('/_resources/interface/icons/more_arrow.png') top left no-repeat;
			padding-left: 8px;
		}
	}


	div#story_popover
	{
		display: none;
		position: absolute;
		top: (600px - 320px) / 2 + 40px;
		left: (960px - 480px) / 2;
		width: 480px;
		height: 24px + 6px + 2px + 175px + 24px + 6px + 2px;
		overflow: hidden;
		border: 1px solid white;
		background-color: white;
		-webkit-box-shadow: 4px 4px 4px #333;

		div.story_popover_content
		{
			display: none;
			height: 175px + 24px + 6px + 2px;
			
			h1
			{
				display: block;
				padding: 6px 8px 2px 8px;
				width: 480px - 16px;
				height: 24px;
				background-color: @global_accent_color;
				color: white;
				font-weight: bold;
				font-size: 16px;
			}

			img.story_popover_image
			{
				float: left;
				margin: 0 8px 0 0;
				width: 175px;
				height: 175px;
			}

			div.story_popover_text
			{
				display: block;
				max-height: 176px;
				overflow: scroll;
				
				p
				{
					padding: 0 8px 8px 0px;
					font-size: 11px;
					line-height: 16px;
				}
	
				a
				{
					display: block;
					height: 20px;
					color: @global_accent_color;
					font-size: 12px;
					font-weight: bold;
					text-decoration: none;
				}
				
				ul
				{
					list-style: disc inside none;
					
					li
					{
						list-style: disc inside none;
						font-size: 11px;
						line-height: 16px;
					}
				}
				
			}
			
			div.story_popover__additional
			{
				display: none;
			}

		}

		div#story_popover_controls
		{
			display: block;
			padding: 10px 8px 2px 8px;
			width: 480px - 16px;
			height: 20px;
			background-color: @global_accent_color;

			a#close_popover
			{
				color: white;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
			}
		}
	}
}




div#main
{
	clear: both;
	float: left;
	width: @global_large_column_width;	
	div#headlines
	{
		.mixin_box(@global_large_column_width);
		
		h1
		{
			.mixin_box_heading(@global_highlight_color);

			a
			{
				color: white;
				text-decoration: none;
			}

		}
		
		ul
		{

			li
			{
				border-top: 1px solid gray;
				padding: 0 0 10px 0;
				min-height: 182px;

				img
				{
					float: right;
					margin: 10px 9px 10px 20px;
					//width: 230px;
					height: 173px;
				}
			
				h2
				{
					padding: 10px 20px 0 10px;
					font-size: 18px;
					line-height: 20px;
					color: @global_highlight_color;

					a
					{
						padding: 0;
						margin: 0;
						font-size: 18px;
						line-height: 20px;
						color: @global_highlight_color;
					}
				}
				
				p
				{
					font-size: 12px;
					line-height: 18px;
					padding: 10px 20px 0 10px;
				}
				
				a
				{
					.mixin_link();
					display: block;
					padding: 20px 0 0 10px;
				}
			}
		}
		
	}
	
	div#news_list,
	div#training_courses_list,
	div#laboratories_list,
	div#legislation_list,
	div#documents_list,
	div#search_results_list,
	div#the_laboratories_list,
	div#training_guides_list,
	div#jobs_and_tender_opportunities_list,
	div#membership_list,
	div#publications_list,
	div#case_studies_list,
	div#press_articles_list,
	div#community_work_list,
	div#pages_box
	{
		.mixin_box(@global_large_column_width);
		h1
		{
			.mixin_box_heading(@global_accent_color);
		}
		
		h2
		{
			margin: 10px 0 10px 10px;
			font-size: 14px;
			color: @global_accent_color;
		}

				p
				{
					font-size: 12px;
					line-height: 18px;
					padding: 10px 20px 0 10px;
				}
				
				a
				{
					.mixin_link();
					margin: 10px 0 0 20px;
				}
		
		ul
		{
			margin: 0 0 10px 20px;

			li
			{
//				border-bottom: 1px solid gray;
				padding: 0 0 10px 0;

				img
				{
					float: right;
					margin: 10px 9px 10px 20px;
				}
			
				h2
				{
					padding: 10px 20px 0 10px;
					font-size: 18px;
					line-height: 20px;
					color: @global_highlight_color;
				}
				
				h3
				{
					padding: 10px 20px 0 20px;
					font-size: 14px;
					line-height: 20px;
					color: @global_accent_color;
				}
				
				p
				{
					font-size: 12px;
					line-height: 18px;
					padding: 10px 20px 0 20px;
				}
				
				a
				{
					.mixin_link();
					display: block;
					margin: 10px 0 0 20px;
				}
			}
		}
		
		table
		{
			width: @global_large_column_width - 20px;
			margin: 0 10px 0 10px;
			font-size: 11px;
			line-height: 16px;
			
			tr
			{
				margin: 4px 0 4px 0;
				
				td
				{
					padding: 5px 0 5px 0;
				
					&.year
					{
						width: 40px;
					}
					
					&.country
					{
						width: 80px;
					}
				
					&.reference
					{
						width: 120px;
						
						a
						{
							text-decoration: none;
							color: @global_accent_color;
							
							&:hover
							{
								text-decoration: underline;
							}
						}
					}
					
					&.title
					{
					
					}
				}
				
				&:nth-child(2n)
				{
					background-color: lighten(@global_highlight_color, 50%);
				}
			}
		}
	}
	
	div#legislation_list
	{
		form#legislation_search_form
		{
			margin: 0 10px 10px 20px;
			
			a#legislation_search_submit
			{
			}
		}
	}

	div#documents_list
	{
		a.selected {
			color: #ac3f31;
		}

		ul.categories {
			margin: 0;

			li.category {
				display: block;
				float: left;
		
				a {
					margin: 0 10px 4px 10px;
				}
			}
		}

		li.entry {
			clear: both;
			margin-bottom: 15px;
	
			p, a {
			        display: block;
                                float: left;
				padding: 0;
				margin: 0;
			}

			p.date {
				width: 20%;
				text-align: right;
			}

			a {
				width: 70%;
				margin: 3px 0 9px 10px;
			}

			p.comments {
				width: 70%;
				padding-left: 10px;
				margin-left: 20%;
				margin-bottom: 12px;
			}
		}
	}
	
	div#the_laboratories_list
	{
		div#laboratories_map
		{
			position: relative;
		}
		
		div#marker
		{
			position: absolute;
			top: 0;
			left: 0;
			display: none;
			width: 160px;
			height: 40px;
			background: white;
		
			border: 2px solid @global_accent_color;
			
			p
			{
				margin: 2px 2px 2px 2px;
				padding: 0;
				color: @global_highlight_color;
				font-weight: bold;
			}
			
			a
			{
				margin: 2px 2px 2px 2px;
				padding: 0;
				color: @global_accent_color;
				text-decoration: none;
				
				&:hover
				{
					text-decoration: underline;
				}
			}
		}
	}

	div#training_guides_list
	{
		ul
		{
			li
			{
				padding: 0 0 0 0;
			
				h2
				{
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
			}
		}
	}

	div#news_page,
	div#case_studies_page,
	div#laboratories_page
	{
		.mixin_box(@global_large_column_width);

		h1
		{
			.mixin_box_heading(@global_accent_color);
		}
			
			
				h2
				{
					padding: 10px 20px 0 20px;
					font-size: 18px;
					line-height: 20px;
					color: @global_highlight_color;
				}

				h3
				{
					padding: 10px 20px 0 20px;
					font-size: 14px;
					line-height: 20px;
					color: @global_accent_color;
				}
				
				p
				{
					font-size: 12px;
					line-height: 18px;
					padding: 10px 20px 18px 20px;
				}
				
				a
				{
					color: @global_accent_color;
					text-decoration: none;
					font-weight: bold;
					font-size: 12px;

//					.mixin_link();
//					display: block;
//					margin: 10px 0 10px 20px;
				}
				
				a#return
				{
					display: block;
					margin-left: 20px;
					padding: 10px 0 10px 0;
				}
				
				img
				{
					margin: 0 0 0 20px;
				}

		ul
		{	
			margin: 0 20px 0 0;
			li
			{
				list-style: none outside none;
				font-size: 12px;
				line-height: 18px;

				img
				{
//					float: right;
					margin: 10px 9px 10px 20px;
					width: 300px;
					height: 200px;
				}
			}
		}
		
		div#property_map
		{
			margin: 0 0 0 20px;
		}
		
		span.contact_type
		{
			display: block;
			float: left;
			width: 60px;
			color: @global_accent_color;
		}
		
		a
		{
			margin-left: 0;
			
			&.contact
			{
				display: inline;
				margin: 0;
				padding: 0;
			}
		}
	}
	
        div#news_page
        {
                ul
                {
                        li
                        {
                                img
                                {
                                        width: auto;
                                }
                        }
                }
        }	
	
	
	
	div#training_introduction,
	div#careers_and_tenders_introduction,
	div#contact_us_introduction,
	div#links_introduction,
	div#about_us_introduction,
	div#working_in_partnership,
	div#school_experience,
	div#apprenticeship_and_day_release_list,
	div#calendar_event,
	div#legal,
	div#member_login,
	div#member_register
	{
		.mixin_box(@global_large_column_width);
		
		h1
		{
			.mixin_box_heading(@global_accent_color);
		}

				h2
				{
					padding: 10px 20px 0 10px;
					font-size: 14px;
					line-height: 20px;
					color: @global_accent_color;
				}

		img
		{
			margin: 10px;
		}
		

		p
		{
			font-size: 12px;
			line-height: 18px;
			padding: 10px 20px 18px 10px;
		
			a
			{
				.mixin_link();
				display: inline;
				margin: 0;
			}
		}


		ul
		{
			margin: 0 20px 10px 20px;
			list-style: disc outside none;

			li
			{
						list-style: disc inside none;
						font-size: 11px;
						line-height: 16px;
				margin: 0 0 5px 0;
			}
		}

		
		span.angle_bracket
		{
			float: left;
			color: @global_highlight_color;
			font-weight: bold;
			margin: 0 10px 0 0;
	
			a
			{
			}
		}
		
		form
		{
			margin: 20px 20px 0 20px;
			
			textarea
			{
				margin: 0;
				padding: 0;
			}
		}
		
		
	}
	
	
	div#learning_and_training
	{
		.mixin_box(@global_medium_column_width);
		float: left;
		margin-right: @global_column_gutter;
		
		h1
		{
			.mixin_box_heading(@global_accent_color);
		}
		
		ul
		{
		
			li
			{
				border-top: 1px solid gray;
				padding: 0 0 10px 0;
			
				img
				{
					float: left;
					margin: 10px 10px 10px 10px;
				}
				
				h2
				{
					padding: 10px 10px 0 10px;
					font-size: 14px;
					line-height: 18px;
					color: @global_accent_color;
				}
				
				p
				{
					font-size: 12px;
					line-height: 18px;
					padding: 10px 10px 10px 10px;
					
					span.first_words
					{
						font-weight: bold;
					}
				}
				
				a
				{
					.mixin_link();
					padding: 10px 10px 0 10px;
				}
				
			}
		}
	}
	
	div#job_vacancies
	{
		.mixin_box(@global_small_column_width);
		float: left;

		h1
		{
			.mixin_box_heading(@global_neutral_color);
			
		}
		
		
		ul
		{
					
		
			li
			{
				padding: 0 0 10px 10px;

				p
				{
					font-size: 12px;
					line-height: 18px;
					padding: 10px 10px 10px 0px;
					
					span.job_title
					{
						color: @global_accent_color;	
					}
				}
				
				a
				{
					.mixin_link();
				}
			}

			&.jobs:before
			{
				content: "";
				display: block;
				width: 220px;
				height: 145px;
				background: url('/_resources/interface/box_images/box_image_job_vacancies.jpg') 0 0 no-repeat;
				margin: 5px 0 0 10px;
			}
		}
	}

	div#tender_opportunities
	{
		.mixin_box(@global_small_column_width);
		float: left;

		h1
		{
			.mixin_box_heading(@global_neutral_color);
			
		}
		
		
		ul
		{
		
			li
			{
				padding: 0 0 10px 10px;

				p
				{
					font-size: 12px;
					line-height: 18px;
					padding: 5px 10px 10px 0px;
					
					span.job_title
					{
						color: @global_accent_color;	
					}
				}
				
				a
				{
					.mixin_link();

					&.tender_title
					{
						font-weight: bold;
					}
				}
			}
		}
	}



}


div#sidebar
{
	float: right;
	
	div#latest_news
	{
		.mixin_box(@global_small_column_width);

		h1
		{
			.mixin_box_heading(@global_neutral_color);

			a
			{
				color: white;
				text-decoration: none;
			}
		}
		
		ul
		{
			li
			{
				border-top: 1px solid gray;
				padding: 4px 10px 4px 20px;


				&:before
				{
					content: "> ";
					margin: 0 0 0 -14px;
					font-size: 14px;
					font-weight: bold;
					color: @global_highlight_color;
				}	

				a
				{
					.mixin_link();
					color: black;
					font-size: 12px;
					line-height: 18px;
				}
				

				span.date
				{
					color:@global_accent_color;
				}
			}
		}
	}
	
	div#laboratories
	{
		.mixin_box(@global_small_column_width);

		h1
		{
			.mixin_box_heading(@global_neutral_color);
		}
		
		h2
		{
			padding: 10px 10px 0 10px;
			font-size: 14px;
			line-height: 18px;
			color: @global_accent_color;
		}
		
		p
		{
		}
		
		form
		{
			padding: 0 0 10px 0;
			select
			{
				margin-left: 10px;
			}
		
		
			input#search_submit
			{
				.mixin_button(@global_accent_color);
				margin-left: 10px;
			}
			
			a
			{
		margin: 2px 16px 0 16px;
		color: @global_accent_color;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
			}
		}
	}
	
	div#japa,
	div#archive
	{
		.mixin_box(@global_small_column_width);
		min-height: 132px + 20px;

		img
		{
			float: left;
			display: block;
			width: 105px;
			height: 132px;
			margin: 0 10px 0 0;
		}

		h1
		{
			.mixin_box_heading(@global_neutral_color);
		}
		
		p
		{
			padding: 40px 8px 0px 40px;
			font-size: 14px;
			line-height: 18px;
		}
		
		a
		{
			display: block;
			margin: 8px 0 0 0;
			color: @global_accent_color;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
		}
	}


	div#newsletter_signup
	{
		.mixin_box(@global_small_column_width);

		h1
		{
			.mixin_box_heading(@global_neutral_color);
		}
		
		form
		{
			padding: 5px 0 5px 0;
			
			label
			{
				font-size: 11px;
				margin: 5px 0 0 10px;
			}
			
			input
			{
				margin: 5px 0 0 10px;
			}
		}
	
	}


	div#connect
	{
		.mixin_box(@global_small_column_width);

		h1
		{
			.mixin_box_heading(@global_neutral_color);
		}
		
		ul
		{
			li
			{
				border-top: 1px solid gray;
				padding: 0;
				height: 56px;

				&:hover
				{
					background: #eee;
				}

				a
				{
					.mixin_link();
					display: block;
					height: 50px;
					font-size: 12px;
					padding: 20px 10px 10px 64px;
					background-position: 8px 4px;
					background-repeat: no-repeat;
					background-size: 48px 48px;
 				}

				&.connect_facebook > a
				{
					background-image: url('/_resources/interface/icons/facebook_48.png');
				}

				&.connect_twitter > a
				{
					background-image: url('/_resources/interface/icons/twitter_48.png');
				}

				&.connect_linked_in > a
				{
					background-image: url('/_resources/interface/icons/linked_in_48.png');
				}

				&.connect_email > a
				{
					background-image: url('/_resources/interface/icons/email_48.png');
				}

				&.connect_rss_feed > a
				{
					background-image: url('/_resources/interface/icons/rss_feed_48.png');
				}

				
			}


		}
	}


}


div#footer
{
	clear: both;
	border-top: 1px solid gray;
	min-height: 80px;
	margin: 10px 0 0 0;
	padding: 20px 0 20px 0;
	
	div#footer_address
	{
		display: block;
		width: 300px;
		float: left;
	

		div#name
		{
			float:left;
			font-weight: bold;
		}
	
		p.address
		{
			float: left;
			font-size: 10px;
			line-height: 14px;
		
			span.name
			{
				font-weight: bold;
			}
			span.contact
			{
				font-weight: bold;
			}	
		}
	}

	div#footer_connect
	{
		display: block;
		width: 272px;
		float: right;
		margin: 0 0 8px 0;
		padding: 0;

		p
		{
		}

		ul.footer_links
		{
			text-align: left;
			margin: 0;
			padding: 0;

			li
			{
				display: inline;
				margin: 0 0 4px 4px;
				padding: 0;
			
				a
				{
					display: inline-block;
					margin: 0;
					padding: 0;
					width: 48px;
					height: 48px;
					background-position: 0 0;
					background-size: 48px 48px;
					background-repeat: no-repeat;
					font-size: 12px;
					line-height: 0;
					text-indent: -9999px;
					color: black;
					text-decoration: none;

				}

				&.connect_facebook > a
				{
					background-image: url('/_resources/interface/icons/facebook_48.png');
				}

				&.connect_twitter > a
				{
					background-image: url('/_resources/interface/icons/twitter_48.png');
				}

				&.connect_linked_in > a
				{
					background-image: url('/_resources/interface/icons/linked_in_48.png');
				}

				&.connect_email > a
				{
					background-image: url('/_resources/interface/icons/email_48.png');
				}

				&.connect_rss_feed > a
				{
					background-image: url('/_resources/interface/icons/rss_feed_48.png');
				}

			}
		}
	}
	
	div#footer_navigation
	{
		display: block;
		width: 600px;
		float: right;
		margin: 0 0 8px 0;

		ul.footer_navigation
		{
			text-align: right;
			li
			{
				display: inline;
				margin: 0 0 0 8px;
				padding: 0 0 0 8px;
				border-left: 1px solid gray;

				&:first-child
				{
					border-left: none;
				}

				a
				{
					color: black;
					text-decoration: none;


				
				}

			}
		}
	}
	
	div#footer_small_print
	{
		display: block;
		width: 600px;
		float: right;

		p
		{
			font-size: 10px;
			line-height: 14px;

			text-align: right;
		}

		p.copyright
		{
			font-weight: bold;
		}
	
		p.company
		{
			color: @global_accent_color;
		}
	}
	
}

div#pm_user_message
{
	margin: 29px auto 29px auto;
}

div.pm_member_login_form
{
	margin: 0 auto 0 auto;
	
	
	
	label
	{
		display: block;
		float: left;
		width: 100px;
	}
	
	input
	{
	}
	
	p
	{
		margin: 0;
		padding: 0;
	
		a
		{
			margin-left: 0;
			padding-left: 0;
		}
	}
	
}

div#calendar
{
	display: block;
	width: 700px;
	
	#fc_calendar
	{
		text-align: left;
		margin: 0 auto;
		background: #d5dde5;
		width: 700px;
		font-size: 12px;
		font-family: helvetica, "lucida sans", arial, verdana;
	}

	#fc_calendar table
	{
		border-collapse: collapse;
		font-size: 12px;
	}

	#fc_calendar #fc_inner td
	{
		border: 1px solid #000;
		vertical-align: top;
		background: #fff;
		color: #000;
	}
	
	#fc_outer
	{
		width: 700px;
		margin: 0;
		padding: 0;
	}
	
	#fc_inner
	{
		width: 700px;
	}
	
	#fc_calendar .event
	{
		font-size: 11px;
		overflow: hidden;
		white-space: nowrap;
		width: 89px;
		color: #009966;
	}
	
	#fc_celander table table .event a
	{
		color: #009966;
		text-decoration: underline;
	}

	#fc_calendar .out_of_range
	{
		background-color: transparent;
	}
	
	#fc_calendar .black
	{
		background-color: #000;
	}
	
	#fc_calendar .has_events
	{
		background-color: yellow;
		color: #f00;
	}
	
	#fc_calendar .day_cell .all_day, 
	#fc_calendar .day_cell .multi_day
	{
		background-color: #009966;
		margin: 0 0 1px; 
		padding: 0 4px; 
		line-height: 20px;
		color: #fff;
		font-size: 11px;
		/*      font-weight: bold;*/
	}

	#fc_calendar .day_cell .all_day a,
	#fc_calendar .fc_inner .day_cell .multi-day a
	{
		color: #fff;
		text-decoration: none;
	}
	
	#fc_calendar .day_cell .all_day a:hover,
	#fc_calendar .day_cell .multi-day a:hover
	{
		color: #fff;
		text-decoration: underline;
	}
	
	#fc_calendar .first_day
	{ 
		margin-left: 0; 
	}
	
	#fc_calendar .last_day
	{ 
		margin-right: 0; 
	}
	
	#fc_calendar .day_cell .index_difference_1
	{
		margin-top: 21px;
	}
	
	#fc_calendar .day_cell .index_difference_2
	{
		margin-top: 45px;
	}

	#fc_calendar .day_cell .date 
	{
		width: 80px;
		text-align: left;
//		background: #dbe4ea;
		height: 20px;
		line-height: 20px;
		margin: -30px 0 0 0;
		padding-left: 5px;
		padding-right: 0;
		padding-top: 3px;
		padding-bottom: 3px;
		position: absolute;
	}
	
	#fc_calendar .day_cell .date a
	{
		font-weight: bold;
		color: #49616A;
		text-decoration: none;
	}
	
	#fc_calendar .day_cell .date .num
	{
		margin-right: 5px;
	}
	
	#fc_calendar .day_cell .date a:hover
	{
		color: #000;
		text-decoration: underline;
	}
	
	#fc_calendar .out_of_range .date
	{
		background: transparent url(/themes/solspace_themes/calendar/img/pad_date.png) repeat-x;
		color: #999;
	}
	
	#fc_calendar .day_cell
	{
		width: 100px;
		height: 64px;
		padding-top: 30px;
		overflow: auto;
	}
	
	tr#days_of_week
	{
		background-color: @global_neutral_color;
		border-left: 1px solid black;
		border-right: 1px solid black;
	}
	
	#days_of_week th
	{
		padding: 5px 0;
		color: #fff;
	}
	
	thead
	{
		margin: 0;
		padding: 0;
	}
	
	tr#month_year
	{
		margin: 0;
		padding: 0;
		background-color: @global_accent_color;
		border: 1px solid black;
		
	}
	
	
	#month_year th
	{
		padding: 5px 0 0 0;
		color: white;
		text-align: center;
		a
		{
			color: white;
		}
	}
	
	.wrap
	{
//		background: black;
//		padding: 0 3px 3px;
	}
}


div#main
{
	div#pages_box
	{
		div#image_boxes
		{
			padding: 10px 10px 10px 10px;
			height: 200px;
	
			img.box
			{
				margin: 0 20px 0 0;
				border: 1px solid gray;
				float: left;
				background-color: @global_box_background_color;
			}
		}
		
		p
		{
			margin: 0 0 10px 5px;
		}
	}
}

div#main
{
	div#news_page
	{
		ul
		{
			li
			{
				p.news_image_caption
				{
					margin: 0 0 0 0;
					padding: 0 0 0 20px;
					font-size: 10px;
				}
			}
		}
	}
	
}

div#main
{
	div#search_results_list
	{
	ul.search_results
	{
		padding: 10px 0 0 0;

		li
		{
			margin: 0 0 12px 0;

			h1
			{
				margin: 0 0 6px 0;
				padding: 0;
				background: none;

				a
				{
					margin: 0;
					padding: 0;
					color: @global_accent_color;
					font-size: 14px;
					text-decoration: none;

					&:hover
					{
						text-decoration: underline;
					}
				}
			}
			h2
			{
				margin: 0 0 6px 0;
				padding: 0;
				color: gray;
				font-size: 12px;
				line-height: 14px;
			}

			p
			{
				margin: 0;
				padding: 0;
			}
		}
	}
	}
}



	div#gallery_page
	{
		.mixin_box(@global_large_column_width);

		h1
		{
			.mixin_box_heading(@global_accent_color);
		}
			
			
				h2
				{
					padding: 10px 20px 0 20px;
					font-size: 18px;
					line-height: 20px;
					color: @global_highlight_color;
				}

				h3
				{
					padding: 10px 20px 0 20px;
					font-size: 14px;
					line-height: 20px;
					color: @global_accent_color;
				}
				
				p
				{
					font-size: 12px;
					line-height: 18px;
				}
				
				a
				{
					color: @global_accent_color;
					text-decoration: none;
					font-weight: bold;
					font-size: 12px;

				}
	}





ul.gallery
{
	li
	{
		display: inline-block;
		margin: 10px;
		
		h2
		{
			margin: 0 0 10px 0;
		}
	}
}

div.pm_gallery_list
{
	
	div.pm_gallery_list_entry
	{
		border: 1px solid transparent;
		width: 700px;
		height: 150px;
		margin: 10px 0 10px 20px;
		clear: both;
		
		img
		{
			width: 200px;
			height: 150px;
			margin: 0 29px 0 0;
			float: left;
		}
		
		h3.pm_image_title
		{
			margin: 10px 0 0 29px;
		}

		p
		{
			margin: 0;
			padding: 0;
		}
		
		p.pm_web_download
		{
			margin: 0px 0 0 29px;
		}
		
		p.pm_print_download
		{
			margin: 0px 0 0 29px;
		}

		a
		{
			margin: 0;
			padding: 0;
		}
	}
	
}