/* Skin */



/* News skinning */	
/***************************************************************************************/
.news  .contributionInvitation {padding-right: 100px}


/* Memories skinning */	
/***************************************************************************************/
body.memories {color: #2f3756; background: #EAEAEA url(/ui/images-v2/body-bg-memories.jpg) repeat-x;}
.memories a {color: #4b3015;}
.memories h1, .memories h2, .memories h3, .memories h4, .memories h5, .memories h6, legend {color: #4b3015;}
.memories .subArticleSummary {background: #fffaf4;}
.memories #siteHeader {background: url(/ui/images-v2/header-bg-memories.jpg) no-repeat;}	
.memories #dropdownLoginPanel {border-color: #5d4935;}	
.memories #mainMenu {background: #5e4a36;}
.memories #mainMenu li a {background-color: #5e4a36;}
.memories #mainMenu li a:hover {background-color: #987f42;}
.memories #mainMenu li a.selected {background-color: #fff; color: #4b3015;}
.memories .pagingControls {border: 6px solid #eee6cf;}
.memories a.more {border-color: #eee6cf; background-color: #fffaf4;}
.memories a.more:hover {background-color: #eee6cf;}
.memories .commentCounter{color: #00125C; background: url(/ui/images/commentcounter-bg.gif) no-repeat;}
.memories .commentCarouselContainer h2 {color: #fff; background: #4b3015;}		
.memories .articleCommentContainer h2{background: #fff; color: #5d4935;}
.memories p.mediaPreview {border-color: #ccddef;}
.memories .newsCommentCarousel h2 {background: #5e4a36;}
.memories .newsCommentCarousel #commentPager a.activeSlide {background: #987f42; color: #fff; border-color: #987f42} 
.memories .contributeToolWrapper p.supportText, p.supportText {background: #3e2d1c; border: 1px dotted #ccddef;}
.memories .contributeToolWrapper a{color: #fff; }	
.memories .mainHeadline {color: #4b3015;}
.memories .subHeadline {color: #987f42;}
.memories .contributeToolWrapper a.mainAction {background: url(/ui/images/contribute-tool/add-button-memories.gif) no-repeat top left;}
.memories .contributionWrapper {background:#584534 url(/ui/images/contribute-tool/bottom-bg-memories.jpg) no-repeat bottom right; /* 5e4a36 */}
.memories .contributeToolWrapper.comment .contributionWrapper {background:#5e4a36 url(/ui/images/contribute-tool/bottom-bg-memories-comment.gif) repeat-x bottom left;}
.memories .contributionInvitation {color: #fff; padding-right: 10%; padding-bottom: 20px;}




/* Groups skinning */	
/***************************************************************************************/
.groups .commentCounter{color: #00125C; background: url(/ui/images/commentcounter-bg.gif) no-repeat;}	
.groups p.mediaPreview {border-color: #ffffff;}
.groups .contributeToolWrapper p.supportText, p.supportText {background: #fef2c4; border: 1px dotted #ffffff;}
.groups .contributeToolWrapper a{color: #292929; }	
.groups .mainHeadline {color: #ab3b1f;}
.groups .subHeadline {color: #cd5531;}
.groups .contributeToolWrapper a.mainAction {background: url(/ui/images/contribute-tool/add-button-groups.gif) no-repeat top left;}
.groups .contributionWrapper {background:#f5e299 url(/ui/images/contribute-tool/bottom-bg-groups.jpg) no-repeat bottom right; color: #292929 /* 5e4a36 */}
.groups .contributeToolWrapper.comment .contributionWrapper {background:#f5e299 url(/ui/images/contribute-tool/bottom-bg-groups-comment.gif) repeat-x bottom left;}
.groups .contributionInvitation {color: #292929; padding-right: 0; padding-bottom: 20px;}

.groups .contributionConfirmation {color: #292929; background-color:#f5e299; border-color:#ab3b1f;}
.groups .contributionConfirmation h3 {color: #ab3b1f}
.groups .contributionConfirmation a {color: #ab3b1f}	

	
	

	
/***************************************************************************************/
/* Generic tags */	

	
/* Generic tags */	
/***************************************************************************************/
	
	html, body {
	    font: Arial, Helvetica, 'Helvetica Neue', sans-serif;
		color: #2f3756;
		word-wrap: break-word; /* Internet Explorer 5.5+ */		
		background: #EAEAEA url(/ui/images-v2/body-bg.jpg) repeat-x;	
		
		
		/*http://www.s1jobs.com/ui/images/sprites/body-bg.jpg	*/
	}
	
	body {
	    font-size: 0.8em;	
	}


	#pageBodyWrapper{
		
		padding-top: 20px;
		background: #fff;		
		border: 1px solid #fff;
		border-width: 0 1px 1px 1px;
	}
	

	a.revealTrigger {}
	
	div.fadeReveal {
		display: none;
		overflow: auto;
	}	
	
	.oneSecondSpot {
		background: #ffffcc;
	}
	
	a.more {
		display: block;
		padding: 6px;
		border: 1px solid #d1e4fa;
		background: #f4faff;
		font-size: 14px;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
	}
	
		a.more:hover {
			background: #e3edf5;
		}
		
	.alt {
		background-color: #edf6fd;
	}
	
	.mainArticleSummary p:hover, .subArticleSummary p:hover {
		cursor: pointer;
	}
	
	em {
		font-style: italic;
	}

	
	

/***************************************************************************************/
/* END: Generic tags */	



/* Containers */
/***************************************************************************************/

.containerOne {
	background: #f8f8f8; /*url(/ui/images/grad-bg-large.gif) repeat-x top;*/ /*#edf6fd;*/
	/*border: 1px solid #ececec;*/
	padding: 10px; 
}

.breakSpace {
	padding-top: 10px; 
	clear: both;
	overflow: hidden;
}



/***************************************************************************************/
/* END: Containers */







/* Form skinning */
/***************************************************************************************/
/*
KEY:
TL = Top Level Fieldset (e.g. the main fieldset containind text ans select elements)
SL = Sub Level Fieldset (e.g. a nested fieldset that will likely contain radio buttons or check-boxes)
*/

	.cleanform fieldset.primary legend span.legendWrapper{ /*Legend wrapping span of TL fieldset*/
		color: #0066cc;
	}

	/* List */
	/***************************************************************************************/
		
		.cleanform.clearformat fieldset.primary ol {/*List within TL fieldset*/
			background: none;
			border:none;
			padding: 0;
		}
		
		.cleanform.clearformat fieldset.primary ol li.first {/*First List item within TL fieldset. Spaced further down from legend*/
			border-top: none;
		}
		 
		
		a.errorLink, #siteHeader a.errorLink{
			color:  #660000;
		}

					
	/***************************************************************************************/
	/* END: List */
	
	li#photoSelection, li#currentPhotoPreview {
		margin-bottom: 0;
	}
	
	
	#emailPreferenceContainer .emailSelections {
		float: left;
		width: 60%;		
		background: #fdf9e3 no-repeat right bottom;		
		border: 2px solid #e6a229;		
		padding: 10px;		
		margin-bottom: 20px;
	}
	
		#emailPreferenceContainer #emailPreferenceSelection {
			background-image: url(/ui/images/email-icon.gif); 
			margin-bottom: 10px;
		}
	
	
	
		#emailPreferenceContainer #emailFrequencySelection {
			margin-left: 35%;
			background-image: url(/ui/images/calendar-icon.gif); 
		}
		
			
			
			#emailPreferenceContainer #emailFrequencySelection li {
				clear: none;
				float: left;
				width: 28%;
			}
	
	
	
		#emailPreferenceContainer .emailSelections li {
			padding: 0 0 2px 0;
			margin: 0;	
		}
		
		#emailPreferenceContainer .emailSelections label {
			float: none;
			font-weight: normal;		
		}
		
		#emailPreferenceContainer .emailSelections  .groupInlineCheck {
			float: left;
			margin-top: 3px;
			margin-right: 5px;
		}
		
		#emailPreferenceContainer p {
			font-size: 0.8em; 
			font-weight: bold;
			padding-bottom: 5px;
			margin: 0;
		}
		
		.checkboxCol {
			float: left;
			width: 25%;
			padding-right: 3%;
		}
	
	
	
	

	
/***************************************************************************************/	
/* END: Form skinning */






/* Generic horizontal menu style */
/***************************************************************************************/

	ul.horMenu {
		    list-style: none;
		}
		
/***************************************************************************************/
/* END: Generic horizontal menu style */








/* Site Header */
/***************************************************************************************/

	#siteHeader {
		background: url(/ui/images-v2/header-bg.jpg) no-repeat;
		color: #fff;
		position: relative;
		/*-moz-border-radius-bottomleft: 1em;	-webkit-border-bottom-left-radius: 1em;	border-bottom-left-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em;*/
		overflow: visible;
	}
	
		#siteHeader a,		
		#siteHeader h1,
		#siteHeader h2,
		#siteHeader h3{
			color: #fff;
		}

	
	
		/* Logos */
		/***************************************************************************************/
				
		/* Social Networking follow buttons */
		
		#socialNetworkButtons {
			
			/*border: 1px solid #769acc;
			background: #0058af url(/ui/images/header-backpanel-bg.jpg) repeat-x;*/

			position: absolute;
			
			right: 0;
			/*top: 5px;*/
			top: 20px;
			
			/*width: 67px;*/
			height: 37px;
			/*padding: 13px 0 0 10px;*/
		}
		
		#socialNetworkButtons h3 {
			padding-top: 6px;
			padding-right: 8px;
			font-size: 0.9em;
			float: left;
		}
		
		#socialNetworkButtons ul {
			float: left;
		}
		
		
		#socialNetworkButtons a {
			text-indent: -9999px;
			display: block;
			width: 21px;
			height: 21px;
			margin-right: 6px;
			background-position: center center;
		}
				
			#socialNetworkButtons a.followOnFB {
				background-image: url(/ui/images/fb-icon.gif);
				border: 1px solid #6c84b4;
				width: 19px;
				height: 19px;
			}	
		
			.followOnTwitter {background-image: url(/ui/images/twitter-icon.gif); margin-right: 0;}

		
		#siteLogo {
			
			position: absolute;
			left: 18px;
			top: 36px;
			
			width: 265px;
			height: 50px;
			padding: 0;
			margin: 0;
			text-indent: -9999px;
			
			
		}
		
		.logo5 {background: url(/ui/images/logos/logo5.gif) no-repeat;}
			/*.memories .logo5 {background-image: url(/ui/images/logos/memories/logo5.gif);}*/
			
		
		.logo2 {background: url(/ui/images/logos/logo2.gif) no-repeat;}
		.logo3 {background: url(/ui/images/logos/logo3.gif) no-repeat;}
		.logo4 {background: url(/ui/images/logos/logo4.gif) no-repeat;}
		.logo5 {background: url(/ui/images/logos/logo5.gif) no-repeat;}
		.logo6 {background: url(/ui/images/logos/logo6.gif) no-repeat;}
		.logo56 {background: url(/ui/images/logos/logo56.gif) no-repeat;}
		.logo57 {background: url(/ui/images/logos/logo57.gif) no-repeat;}
		.logo58 {background: url(/ui/images/logos/logo58.gif) no-repeat;}
		.logo59 {background: url(/ui/images/logos/logo59.gif) no-repeat;}
		.logo60 {background: url(/ui/images/logos/logo60.gif) no-repeat;}
		.logo61 {background: url(/ui/images/logos/logo61.gif) no-repeat;}
		.logo62 {background: url(/ui/images/logos/logo62.gif) no-repeat;}
		.logo63 {background: url(/ui/images/logos/logo63.gif) no-repeat;}
		.logo64 {background: url(/ui/images/logos/logo64.gif) no-repeat;}
		.logo65 {background: url(/ui/images/logos/logo65.gif) no-repeat;}
		.logo66 {background: url(/ui/images/logos/logo66.gif) no-repeat;}
		.logo67 {background: url(/ui/images/logos/logo67.gif) no-repeat;}
		.logo68 {background: url(/ui/images/logos/logo68.gif) no-repeat;}
		.logo69 {background: url(/ui/images/logos/logo69.gif) no-repeat;}
		.logo82 {background: url(/ui/images/logos/logo82.gif) no-repeat;}
		.logo83 {background: url(/ui/images/logos/logo83.gif) no-repeat;}
		.logo84 {background: url(/ui/images/logos/logo84.gif) no-repeat;}
		.logo85 {background: url(/ui/images/logos/logo85.gif) no-repeat;}
		.logo86 {background: url(/ui/images/logos/logo86.gif) no-repeat;}
		.logo87 {background: url(/ui/images/logos/logo87.gif) no-repeat;}
		.logo88 {background: url(/ui/images/logos/logo88.gif) no-repeat;}
		.logo109 {background: url(/ui/images/logos/logo109.gif) no-repeat;}
		.logo110 {background: url(/ui/images/logos/logo110.gif) no-repeat;}
		.logo111 {background: url(/ui/images/logos/logo111.gif) no-repeat;}
		.logo112 {background: url(/ui/images/logos/logo112.gif) no-repeat;}
		.logo113 {background: url(/ui/images/logos/logo113.gif) no-repeat;}
		.logo114 {background: url(/ui/images/logos/logo114.gif) no-repeat;}
		.logo115 {background: url(/ui/images/logos/logo115.gif) no-repeat;}
		.logo116 {background: url(/ui/images/logos/logo116.gif) no-repeat;}
		.logo117 {background: url(/ui/images/logos/logo117.gif) no-repeat;}
		.logo118 {background: url(/ui/images/logos/logo118.gif) no-repeat;}
		.logo119 {background: url(/ui/images/logos/logo119.gif) no-repeat;}
		.logo120 {background: url(/ui/images/logos/logo120.gif) no-repeat;}
		.logo121 {background: url(/ui/images/logos/logo121.gif) no-repeat;}
		.logo122 {background: url(/ui/images/logos/logo122.gif) no-repeat;}
		
		
		
		
		.logo123 {background: url(/ui/images/logos/logo123.gif) no-repeat;}
		.logo124 {background: url(/ui/images/logos/logo124.gif) no-repeat;}
		.logo125 {background: url(/ui/images/logos/logo125.gif) no-repeat;}
		.logo126 {background: url(/ui/images/logos/logo126.gif) no-repeat;}
		.logo127 {background: url(/ui/images/logos/logo127.gif) no-repeat;}
		.logo128 {background: url(/ui/images/logos/logo128.gif) no-repeat;}
		.logo129 {background: url(/ui/images/logos/logo129.gif) no-repeat;}
		.logo130 {background: url(/ui/images/logos/logo130.gif) no-repeat;}
		.logo131 {background: url(/ui/images/logos/logo131.gif) no-repeat;}
		.logo132 {background: url(/ui/images/logos/logo132.gif) no-repeat;}
		.logo133 {background: url(/ui/images/logos/logo133.gif) no-repeat;}
		.logo134 {background: url(/ui/images/logos/logo134.gif) no-repeat;}
		.logo135 {background: url(/ui/images/logos/logo135.gif) no-repeat;}
		.logo136 {background: url(/ui/images/logos/logo136.gif) no-repeat;}
		.logo137 {background: url(/ui/images/logos/logo137.gif) no-repeat;}
		.logo138 {background: url(/ui/images/logos/logo138.gif) no-repeat;}
		.logo139 {background: url(/ui/images/logos/logo139.gif) no-repeat;}
		.logo140 {background: url(/ui/images/logos/logo140.gif) no-repeat;}
		.logo141 {background: url(/ui/images/logos/logo141.gif) no-repeat;}
		.logo142 {background: url(/ui/images/logos/logo142.gif) no-repeat;}
		.logo143 {background: url(/ui/images/logos/logo143.gif) no-repeat;}
		.logo144 {background: url(/ui/images/logos/logo144.gif) no-repeat;}
		.logo145 {background: url(/ui/images/logos/logo145.gif) no-repeat;}
		.logo146 {background: url(/ui/images/logos/logo146.gif) no-repeat;}
		.logo147 {background: url(/ui/images/logos/logo147.gif) no-repeat;}
		.logo148 {background: url(/ui/images/logos/logo148.gif) no-repeat;}
		.logo149 {background: url(/ui/images/logos/logo149.gif) no-repeat;}
		.logo150 {background: url(/ui/images/logos/logo150.gif) no-repeat;}
		.logo151 {background: url(/ui/images/logos/logo151.gif) no-repeat;}
		.logo152 {background: url(/ui/images/logos/logo152.gif) no-repeat;}
		.logo153 {background: url(/ui/images/logos/logo153.gif) no-repeat;}
		.logo154 {background: url(/ui/images/logos/logo154.gif) no-repeat;}
		.logo155 {background: url(/ui/images/logos/logo155.gif) no-repeat;}
		.logo156 {background: url(/ui/images/logos/logo156.gif) no-repeat;}
		.logo157 {background: url(/ui/images/logos/logo157.gif) no-repeat;}
		.logo158 {background: url(/ui/images/logos/logo158.gif) no-repeat;}
		.logo159 {background: url(/ui/images/logos/logo159.gif) no-repeat;}
		.logo160 {background: url(/ui/images/logos/logo160.gif) no-repeat;}
		.logo161 {background: url(/ui/images/logos/logo161.gif) no-repeat;}
		.logo162 {background: url(/ui/images/logos/logo162.gif) no-repeat;}
		.logo163 {background: url(/ui/images/logos/logo163.gif) no-repeat;}
		.logo164 {background: url(/ui/images/logos/logo164.gif) no-repeat;}
		.logo165 {background: url(/ui/images/logos/logo165.gif) no-repeat;}
		.logo166 {background: url(/ui/images/logos/logo166.gif) no-repeat;}
		.logo167 {background: url(/ui/images/logos/logo167.gif) no-repeat;}
		.logo168 {background: url(/ui/images/logos/logo168.gif) no-repeat;}
		.logo169 {background: url(/ui/images/logos/logo169.gif) no-repeat;}
		.logo170 {background: url(/ui/images/logos/logo170.gif) no-repeat;}
		.logo171 {background: url(/ui/images/logos/logo171.gif) no-repeat;}
		.logo172 {background: url(/ui/images/logos/logo172.gif) no-repeat;}
		.logo173 {background: url(/ui/images/logos/logo173.gif) no-repeat;}
		.logo174 {background: url(/ui/images/logos/logo174.gif) no-repeat;}
		.logo175 {background: url(/ui/images/logos/logo175.gif) no-repeat;}
		.logo176 {background: url(/ui/images/logos/logo176.gif) no-repeat;}
		.logo177 {background: url(/ui/images/logos/logo177.gif) no-repeat;}
		.logo178 {background: url(/ui/images/logos/logo178.gif) no-repeat;}
		.logo179 {background: url(/ui/images/logos/logo179.gif) no-repeat;}
		.logo180 {background: url(/ui/images/logos/logo180.gif) no-repeat;}
		.logo181 {background: url(/ui/images/logos/logo181.gif) no-repeat;}
		.logo182 {background: url(/ui/images/logos/logo182.gif) no-repeat;}




		
		
		/***************************************************************************************/
		/* End: Logos */
		
		
		
		/* User Profile Panel */
		/***************************************************************************************/
		
			#userProfilePanel {
				position: absolute;
				right: 20px;
				top: 36px;
				width: 320px;
				height: 50px;
				padding: 10px;
			}
			
				#userProfilePanel li {
					padding-right: 20px;
				}
				
				
			div.userHeaderImage {
				float: left;
				width: 70px;
				margin-top: -4px;
			}
			
			div.userHeaderDetails {
				float: left;
			}

				
				div.userHeaderDetails .horMenu {
					margin-top: 5px;
					clear: both;
				}
				
		/***************************************************************************************/
		/* End: User Profile Panel */
		
		
		/* Login Panel */
		/***************************************************************************************/
		
		#userLogin  {
			position: absolute;
			right: 0px;
			top: 62px;
			z-index: 100;
		}	
		
		
		
		
		
		#userLogin a.actionButton {
				margin-left: 10px;
				padding: 3px 6px;
				/*width: 140px;*/
				text-align: center;
				
				-moz-border-radius: 3px;
				border-radius: 3px;
				
		    }
				
				#userLogin li a#signinButtonHeader.activated {
					border-bottom: 1px solid #7cae0c;
					position: relative;
					z-index: 1000;			
				}
				
		
		
		
		
		#containerSignInFacebook {
			position: absolute;
			right: 10px;
			top: 30px;
		}
		
		#userLogin a#buttonSignInFacebook, a#buttonSignInFacebook{
			border-color: #6c84b4 /*#344e8a*/;
			font-weight: normal;
			padding-left: 16px;
			background: #6c84b4 url(/ui/images/buttons/button-bg-facebook.gif) no-repeat left bottom;
		}
		
			a#buttonSignInFacebook.close{
				background-image: url(/ui/images/buttons/facebook-signin-close.gif);
			}
		
		div#positioningSignInFacebook {
			position: relative;
		}
		
		
		#fbConnectHeaderWrapper{
			position: relative; 
			/*top: 0;
			right: -72px; */
			overflow: hidden;
			/*margin-left: 1.5em;*/
		}
	
		#fbConnectHeaderContainer{
			width: 62px;
			height: 48px;
		}
		
		#facebookConnectFrame{
			position: absolute;
			left: -99999px;
			top: -99999px;
			/*display: none;*/
		}
		
		
				
				
				
				
		#dropdownLoginPanel {
			display: none;
			position: absolute;
			right: 0;
			margin-top: -1px;
			z-index: 50;
			padding: 20px 10px 10px 10px;
			width: 300px;
			background: #537e1a url(/ui/images/grad-bg-large-dark.gif) repeat-x left top;
			border: 1px solid #6fb119;
		}
		
			#dropdownLoginPanel.activated {
				display: block;
			}
			
			
		#dropdownLoginPanel .cleanform fieldset.primary {
			margin-top: -1em;
		}


		/***************************************************************************************/
		/* End: Login Panel */
	
	
	
		
		/* Main Menu */
		/***************************************************************************************/
		
	    #mainMenu{        
			border: 1px solid #fff;
			border-width: 1px 1px 0 1px;
			background: #5681b3 url(/ui/images/menu-bg.jpg) repeat-x left bottom;
	    }
		
		#mainMenu li {
	        /*padding-bottom: 7px;*/
	    }
		
			#mainMenu li a {
		        padding: 10px 1.2em;
				/*border-left: 1px solid #fff;*/
				border-right: 1px solid #dadada;
				font-weight: bold;
				text-decoration: none;
				color: #fff;
				
				background: #5681b3 url(/ui/images/menu-bg.jpg) repeat-x left bottom;	
							
		    }

				#mainMenu li a:hover {
					background-color: #a82e21;
					background-image: url(/ui/images/menu-over-bg.jpg);
					color: #fff;
			    }
				
				#mainMenu li a.selected {
					background: #fff;
					color: #0066cc;
			    }

		/***************************************************************************************/
		/* End: Main Menu */
	



/***************************************************************************************/	
/* End Site Header */





/* Home page */
/***************************************************************************************/


	/* Noticeboard Wrapper */
	
	#noticeboardWrapper {
		padding: 0 0 20px 0; 
	}
	
	/* 
	
	/* What's On */
	
	#whatsOnPuff {
		background: #242730;
		color: #fff;
		width: 280px;
	}
				
		#whatsOnPuff h1 {
			width: 280px;
			height: 56px;
			text-indent: -9999px;			
			background: url(/ui/images/whats-on-puff-head.gif) no-repeat;
			padding: 0;
			margin: 0;
		}
		
		#whatsOnPuff ul.outside {
			background: url(/ui/images/whats-on-puff-bg.gif);
			
			padding: 0 20px 0;
			margin: 0;
			list-style: none;
		}
		
			#whatsOnPuff ul.outside li {
				display: block;
				padding-bottom: 6px;
				margin: 0;
			}
			
				#whatsOnPuff ul.outside li h2 {
					font-size: 1.2em;
					font-weight: bold;
					/*display: inline;*/
					margin: 0;
					padding: 0;
					color: #d8ff9b;
				}
					#whatsOnPuff ul.outside li h2 a {
						color: #d8ff9b;
						text-decoration: none;
					}
					
					#whatsOnPuff ul.outside li h2 a.color0, .color0 {
						color: #d8ff9b;
					}
					
					#whatsOnPuff ul.outside li h2 a.color1, .color1 {
						color: #9bc3ff;
					}
					
					#whatsOnPuff ul.outside li h2 a.color2, .color2 {
						color: #ff7afa;
					}
		
		#whatsOnPuff a#fullListLink {
			display: block;
			width: 280px;
			height: 35px;
			text-indent: -9999px;			
			background: url(/ui/images/whats-on-puff-foot.gif) no-repeat;
		}
		
		#whatsOnPuff span#blankFooter {
			display: block;
			width: 280px;
			height: 35px;
			text-indent: -9999px;			
			background: url(/ui/images/whats-on-puff-foot-blank.gif) no-repeat;
		}
		
		a.whatsOnAdd {
			font-size: 16px;
			font-weight: bold;
			color: #9bc3ff;
			/*text-decoration: none;*/
		}
		
		
		
		/* wide */
		#whatsOnPuff.wide {		
			width:460px;
		}
		
		#whatsOnPuff.wide ul.outside {
			background: url(/ui/images/whats-on-puff-bg-wide.gif);
			padding-bottom: 0;
		}
		
		#whatsOnPuff.wide h1 {		
			background: url(/ui/images/whats-on-puff-head-wide.gif) no-repeat;
			width:460px;
			height: 55px;
		}
		
		#whatsOnPuff.wide a#fullListLink {		
			background: url(/ui/images/whats-on-puff-foot-wide.gif) no-repeat;
			width: 460px;
		}
		
		
	
	
	
		
	
	/* END: What's On */
	
	
	
	
	
	
	/* facebook */
	
	#fb_recent {margin-top: 10px;}
	
	
	.buttonInviteFacebookFriends{
		display: block;
		width: 320px;
		height: 34px;
		text-indent: -99999px;
		
		background: #3b5998 url(/ui/images/buttons/facebook-invite-open.gif) no-repeat left top;
	}
	
		.buttonInviteFacebookFriends.close{
			background-image: url(/ui/images/buttons/facebook-invite-close.gif);
		}
	
	.buttonInviteFacebookFriends.short{
		width: auto;
		background: #3b5998 url(/ui/images/buttons/facebook-invite-short.gif) no-repeat left top;
	}
	
	
	
	
	
	div#positioningInviteFacebookFriends {
		position: relative;
		overflow: visible; 
	}
	
		div#wrapperInviteFacebookFriends{
			position: absolute; 
			right:0; 
			z-index: 9999; 
			/*width: 600px; */
			overflow: visible; 
			background: #fff; 
			padding: 10px;
			border: 5px solid #3b5998;
			display: none;
		}
		
		
	
	
		
		
	
		



	.ajaxLoader {
		display: none;
		background: url(/ui/images/ajax-loader2.gif) no-repeat left center;
		width: 62px;
		height: 7px;
		text-indent: -99999px;
		
	}
	
	#fbConnectLoader {
		position: absolute;
		left: 0;
		top: 41px;
	}
	
	
	

	
	#photoUploadLoader {
		display: block;
		background: url(/ui/images/ajax-loader.gif) repeat-x left top;
		width: 200px;
		height: 25px;
		margin-bottom: 10px;
	}
	
		#photoUploadProgressMessage {
			display: none;
			padding-top: 25px;
		}
	
	
	
	.facebookConnectPublicMessage {
		padding-top: 20px;
	}
	
		.facebookConnectPublicMessage h2 {
			padding-bottom: 5px;
		}
		
	
	#fbPublicIntroP {
		padding: 10px 0;
	}
	
	#fbPublicBenefitsList{
		padding: 0 0 10px 0;
	}
	
	
	
	
	
	
	/* END: facebook */
	
	
	
	
	/* Homes */
	
	#homesPuff img {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	#homesPuff li {
		overflow: auto;
	}
	
	.homeRow {
		display: block;
		/*margin: 5px 0;*/
		padding-bottom: 5px;
		/*border-top: 1px solid #edf6fd;*/
	}
	
	.homeBedrooms {}
	.homeType {}
	
	.homeArea {}
	.homePrice {font-weight: bold;}
	
	
	
	/* END: Homes */
	
	
/***************************************************************************************/
/* End: Home page */



/* Article classes */
/***************************************************************************************/

		
	.articleSummaryImage {
			float: right;
			padding: 0 0 10px 10px;
		}		
		
			.mainArticleSummary .articleSummaryImage {
				padding-bottom: 0;
			}		 
		
			.articleSummaryImage img {
				display: block;
				margin-bottom: 5px;				
			} 
		
			.articleBody .articleSummaryImage {
				padding: 0 0 20px 20px;
			} 
		
			a.summaryImageLink {
				display: block;
				clear: left;
			}
	
	.mainArticleSummary {
		overflow: auto;
	}
	
		.mainArticleSummary h1 {
			font-weight: normal;
			color: #00125c;
		}
		
			.mainArticleSummary h1 a {
				color: #00125c;
			}

	
	.subArticleSummary {
		overflow: auto;	
		padding: 10px;
		margin: 10px 0 0 0;
		background: #f8f8f8;
		/*border: 1px solid #ececec;*/
	}
	
		.subNewsOnHome .subArticleSummary {
			padding: 0;
			margin: 0;
			background: none;
		}
	
		li.singleHeadline .subArticleSummary {
			border-top: none;
			padding-top: 0;
			margin-top: 0;
		}

		
	
	.subHeadlineSummary {
		overflow: auto;		
		/*border-bottom: 1px solid #ececec;*/
		padding: 0 0 6px 0;
		margin: 0 0 6px 0;
	}
	
		.subHeadlineSummary h2 {
			font-size: 15px;
		}
		
		.subHeadlineSummary h3 {
			margin: 0;
			padding: 0 0 0 0;
		}
		
		p.subHeadlineSummaryText{
			padding-top: 5px;
			padding-bottom: 0;
			margin-bottom: 0;
		}



	div.summaryImageContainer{
		float: right;
		margin-left: 10px;
		background: none;
	}
	
		div.summaryImageContainer img{
			width: 170px;
			height: 128px;
		}
		
			.subNewsOnHome div.summaryImageContainer img{
				width: 98px;
				height: 88px;
			}
	
	
	img.standardBorder {
		padding: 6px;
		border: 2px solid #999;
		border-width: 0 2px 2px 0;
	}


	/* article */
		.breadcrumb {
			display: block;
			padding: 10px 0;
			border-bottom: 2px dotted #e7e7e7;
			margin-bottom: 10px;
		}
		
		.articleBody {overflow: visible;}

		.articleContent {line-height: 1.5em; margin-bottom: 20px; overflow: auto;}		
		.articleContent p {margin-bottom: 20px;}
		
		.articleBody .articleTimestamp {font-weight: bold; margin: 10px 0; display: block}
	
	/* END: article */



	
	/* Timestamp */
	.articleTimestamp {
		font-size: 0.9em;
		font-weight: bold; 
		display: block;
	}

	
		.fullbyline .articleTimestamp {
			/*background-color: #ccddef;*/
			display: block;
			/*float: left;*/
			padding: 0.2em;
			/*margin: 6px 0;*/
			font-weight: bold;
		}

			
			

	/* END: Timestamp */
		
		
	/* byline */	
	.fullbyline {
		display: block;
		margin: 10px 0;
		overflow: hidden;
	}
	
		.fullbyline .userPhotoSmall  {
				float: left;
				margin: 0 10px 0 0;
				display: block;
			} 

		.fullbyline .authorText  {
			display: block;
		}

	
	.authorName {
		font-weight: bold;
	}
	
	
	
		.authorText a {text-decoration: none;}
		
		
	
		.subHeadlineSummary .authorText {
				padding-right: 0.5em;
			}
			
		.subHeadlineSummary .authorName {
				font-weight: normal;
			}
	
	/* END: byline */
	
	
	
	/* Text*/
	.articleSummaryText {
		clear: left;
	}
	/* END: Text */
	
	
	
	
	/* Comment Tracker */
		.commentTracker{
			display: inline-block;	
			vertical-align: middle;
			font-size: 0.85em;
			margin: 0.3em 0 0 0;
		}
		
			.commentCounter{
				display: inline-block;
				vertical-align: middle;
				position: relative;
				
				width: 18px;
				height: 22px;
				
				margin: 0;
				
				font-size: 1.1em;
				font-weight: bold;
				color: #00125C;
				text-align: center;
				
				background: url(/ui/images/commentcounter-bg.gif) no-repeat;
			}
			
	/* END: Comment Tracker */		
	
	/* Links */	
		.continueLink {
			font-weight: bold;
		}	
	/* END: Links */
	
				
	/* subHeadlines */
	
		ul.headlineList {
			padding: 0;
			margin: 0;
			list-style: none;
		}
		
			ul.headlineList li {
				padding: 0;
				margin: 0;
				margin-bottom: 0;
				display: block;
				clear: both;
				overflow: auto;
			}
		
		
	
	/* END: subHeadlines */
	
	
	
/***************************************************************************************/
/* End: Article classes */




/* Listing (Jobs, Homes, Cars etc....) */
	ul.listingResults,  #pageBody ul.listingResults{
		padding: 0;
		margin: 0;
	}
	
		ul.listingResults li {
			display: block;
			overflow: auto;
			padding: 10px;
			/*border-top: 1px solid #ccddef;*/
			margin: 0;
		}
		
		ul.listingResults h3 {
			font-size: 1.2em;
		}
		
		ul.listingResults li img {
			border: 1px solid #ccddef;
		}

		
	ul.listingResults li ul.standardList, #pageBody ul.listingResults li ul.standardList {
		list-style: square
	}
	
		ul.listingResults li ul.standardList li, #pageBody ul.listingResults li ul.standardList li {
			display: auto;
			overflow: auto;
			padding-bottom: 10px;
			border-bottom: none;
			margin-bottom: 0;
			margin-left: 20px;
			list-style: square;
		}
		
	
	
ul.bullet {
	margin-bottom:6px;
	list-style-type:square; 
	list-style-position:inside;
}


ul.bullet li {
	display: list-item;
	margin-bottom:6px; 
	list-style-type:square; 
	list-style-position:inside;
}
		
		
	
	
	
	ul.homesMatrix li {
		padding: 0;
		margin: 0;
	}
	
	ul.homesMatrix li {
		float: left;
		width: 160px;
		margin-right: 10px;
		margin-bottom: 10px;
		height: 17em;
		
		padding: 10px;
		
		border: 1px solid #ccc;
		background: #f8f8f8;
		list-style: none;
		
		overflow: auto;
	}
	
	
	a.familySite {
		display: block;
		width: 125px;
		height: 23px;
		background: no-repeat top left;
		text-indent: -9999px;
		margin: 10px 0;
	}
	
	a.jobLink {
		background-image: url(/ui/images/s1jobs-logo-mini.gif);
	}
	
	a.homeLink {
		background-image: url(/ui/images/s1homes-logo-mini.gif);
	}

		
/* END: Listing (Jobs, Homes, Cars etc....) */





/* Comment Carousel & Comments */
/***************************************************************************************/

	.commentCarouselContainer {
		position: relative;
		overflow: auto;
	}

		.commentCarouselContainer h2 {
			font-size: 14px;
			font-weight: bold;
			color: #fff;
			background: #06C;
			padding: 6px;
			margin: 0;
			
			background: #5681b3; /* Specific */
		}
		
			.articleCommentContainer h2{
				background: #fff;
				text-align: right;
				color: #5681b3;
			}
		
			.newsCommentCarousel h2 {
				background: #5681b3; /* Specific */
			}

	.commentCarouselWrapper {
		clear: both;
		position: relative;		
		padding: 10px 20px 16px 10px;	
		border: 1px solid #ccc;
		border-bottom: none;
		font-size: 0.9em;
		overflow: auto;
	}
	
		
		.commentCarouselContainer .commentCarouselWrapper {
			padding-right: 10px
		}
		
		.articlePage .commentCarouselContainer .commentCarouselWrapper {
			padding-right: 20px
		}
		
	
		.commentBottom {
			height: 14px;
			background: url(/ui/images/comments/comment-bottom-bg.gif) no-repeat bottom left;
		}


		.commentContainer .fullbyline {
			float: left;
			width: 60px;	
			padding: 0; margin: 0;	
		}
	
	.commentBody {
		padding-left: 60px; 
	}
	
		.articleCommentContainer .commentBody{
				line-height: 1.5em;
			}
			
				.articleCommentContainer .commentBody p{
					margin-bottom: 20px;;
				}
	
		.commentBody h3 {
			font-weight: bold;
			font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif;
			font-size: 1em;
			padding: 0;
			margin: 0;
		}
		
			.articleCommentContainer .commentBody h3{
				margin-bottom: 10px;
			}
		
		.commentBody h4 {
			color: #999;
			font-weight: normal;
			padding: 6px 0 6px 0;
			margin: 0;
			font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif;
			font-size: 1em;
		}

	/* Comment carousel paging styles */	
	#commentPager { position: absolute; top: 0; right: 1px; }
	#commentPager a, #s7 strong { display: block; float: left; margin: 0; padding: 5px 11px; border: none; text-decoration: none; font-weight: bold;  color: #fff;}
	
	#commentPager a.activeSlide { background: #011665; background: #a82e21; color: #fff; border-color: #ea0}
	.newsCommentCarousel #commentPager a.activeSlide { background: #a82e21 repeat-x top left; color: #fff; border-color: #a82e21}  /* Specific */
	
	#commentPager a:focus { outline: none; }
	#output { text-align: left; }
	/* END: new */



/***************************************************************************************/
/* END: Comment Carousel & Comments */






/* Feature Puffs */
/***************************************************************************************/

.featurePuffWrapper {padding-bottom: 20px}		
.featurePuffWrapper  h2 {
	background: #f7f7f7;
	padding: 6px 10px; 
	margin: 0;
	font-size: 16px; 
	font-weight: bold; 
	color: #011665; 
	font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif;
	border: 1px solid #eaeaea;
	}

.featurePuffContent {position: relative; background: #eaeaea url(/ui/images/feature-boxes/bg-up-to-date.jpg) bottom right no-repeat; padding: 10px 10px 39px 10px;}				
.featurePuffContent p {line-height: 1.5em;}
.featurePuffContent  a.mainAction {position: absolute; bottom: 0; display: block; width: 80px; padding: 6px;  background: #011665; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }


#featurepuffUpToDate .featurePuffWrapper  {}

a.yourContribPuff {
	display: block;
	text-indent: -9999px;
	margin-top: 20px;
	width: 140px;
	height: 280px;
	background: url(/ui/images/your-contributions-puff.gif) no-repeat top left;
}


/***************************************************************************************/
/* END: Feature Puffs */



/* Feature Boxes */
/***************************************************************************************/

.featureBox	{
	background: #f8f8f8;
	overflow: auto;
}

	.featureBox.clear	{
		background: #fff;
	}	

h2.featureBoxTitle	{
	background: #5681B3;
	padding: 10px 10px 5px;
	color: #fff;
	margin: 0;
}

	h2.featureBoxTitle.altTitle	{
		background: #06C;
		color: #fff;
		padding: 5px;
		font-size: 1.2em;
		font-weight: bold;
	}

.featureBoxContent {
	padding: 10px; 
	/*border: 1px solid #ececec;*/
	overflow: auto;
}

	.featureBox.clear .featureBoxContent {
		padding: 0; 
	}



.whatsonEvent .featureBoxContent {
	height: 100px;
}

.whatsonEvent h2.featureBoxTitle {
	text-align: right;
}


h2.featureBoxTitle.memories {color: #fff; background:#342415 url(/ui/images/contribute-tool/bottom-bg-memories.jpg) no-repeat bottom right;}

.newsScraper h3 {font-weight: normal}
.newsScraper .featureBoxTitle {color: #333; background:#f0f1e7 url(/ui/images/feature-boxes/bg-innews-header.jpg) no-repeat bottom right;}


/***************************************************************************************/
/* END: Feature Boxes */



/* Contribution Tool */
/***************************************************************************************/
.contributeToolWrapper{
	margin-bottom: 10px;
	font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif;
	position: relative;
}

	.contributeToolWrapper.comment {
		margin: 20px 0;
	}

	.contributeToolWrapper h1, 
	.contributeToolWrapper h2,
	.contributeToolWrapper h3, 
	.contributeToolWrapper h4, 
	.contributeToolWrapper h5, 
	.contributeToolWrapper h6{
		font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif;
	}
	
	
	.contributeToolWrapper p.supportText, p.supportText {
		padding: 6px;
		font-size: 12px;
		line-height: 1.5em;		
		background: #4c76a7; /* specific */
		border: 1px dotted #94b1d3; /* specific */
		
	}
	
	.contributeToolWrapper a{
		color: #fff; /* specific */
	}

	
	.mainHeadline {
		color: #a82e21; /* specific */
		margin-bottom: 3px;
		padding-left: 8px;
		}
		
			.contributeToolWrapper.comment  .mainHeadline {
				padding-bottom: 3px; /* correct the distance for the add button*/
			}
			
			
	.subHeadline {
		color: #5681b3; /* specific */
		font-size: 13px;
		font-weight: bold;
		padding-left: 10px;
	}
	
	

	.contributeToolWrapper a.mainAction {
		position: absolute;
		bottom: 0; 
		display: block; 
		width: 65px; 
		height: 22px; 
		padding-top: 6px;  
		padding-left: 15px;
		background: url(/ui/images/contribute-tool/add-button-news.gif) no-repeat top left; /* specific */
		color: #fff; 
		font-weight: bold; 
		text-decoration: none; 
		text-align: left; 
		border: none;
	}
	
		.contributeToolWrapper.comment  a.mainAction{
			position: absolute;
			right: 0;
			top: 0;
		}


	.contributionWrapper {
		display: block;
		clear: both;
		background:#5681b3 url(/ui/images/contribute-tool/bottom-bg-news.jpg) no-repeat bottom right; /* specific */
		padding: 10px 10px 28px 10px;
		overflow: auto;
		
		color: #fff;
	}
		.contributeToolWrapper.comment .contributionWrapper {
			background:#5681b3 url(/ui/images/contribute-tool/bottom-bg-news-comment.gif) repeat-x bottom left; /* specific */
			padding: 10px;
		}

		

	.contributionWrapper .cleanform fieldset.primary {
		margin-top: -1em;
	}
	

	
	/* Contribution panel */


		/* Invitation */
		.contributionInvitation {
			display: block;
			color: #fff; /* specific */
			line-height: 1.5em;
			/*padding-right: 30%*/ /* specific */
		}
		
			.contributeToolWrapper.comment .contributionInvitation {
				display: block;
				color: #aaa;
				line-height: 1.5em;
				padding: 10px;
				background: #fff;
				Border: 1px solid #ccc;
			}



		/* Login */
		.loginPanel {display: none;}
		
		/* Contribution */
		.contributionPanel {
			width: 310px;
		}
		
			#articleContributionPanel {
				width: 310px;
			}
			
			#commentContributionPanel {
				width: 440px;
			}
					
		.contributionPanel.loggedin {
			position: static;
		}
		
		.contributionPanel.notloggedin, .contributionPanel.notInvited {
			position: absolute;
			top: -10000px;
		}
		
			.contributionPreview {display: none}
			
		.cleanform fieldset.primary ol li.videoAddItem, .cleanform fieldset.primary ol li.photoAddItem {
			display: none;
			margin-top: 20px;
			margin-bottom: 0;
		}
		
			.cleanform fieldset.primary ol li.photoAddCaption {
				display: none;
			}
			
			
			
			.photoAddItem {
				border-right: 1px solid #fff;
				border-left: 1px solid #fff;
				border-top: 1px solid #fff;
			}
			.cleanform fieldset.primary ol li.photoAddCaption, .photoAddCaption {
				margin-top : 0;
				border-right: 1px solid #fff;
				border-left: 1px solid #fff;
				border-bottom: 1px solid #fff;
			}
			
			.photoform .photoAddItem, .photoform.cleanform fieldset.primary ol li.photoAddCaption, .photoform .photoAddCaption {
				border-color: #ccc;
			}
			
				.photoform.cleanform fieldset.primary ol li.photoAddItem{
					padding-top: 10px;
				}
				
				.photoform.cleanform fieldset.primary ol li.photoAddCaption, .photoform .photoAddCaption{
					padding-bottom: 10px;
				}

			
			.mediaCopyright {
				font-size: 0.9em;
				/*line-height: 1em;*/
				margin: 0 0 10px 0;
				overflow: visible;
			}
			


		.mediaAddMenu {
			font-size: 0.8em;
			padding: 0.3em;
		}
		
			.mediaAddMenu a {
				font-weight: bold;
				/*padding-right: 1em;
				margin-right: 1em;
				border-right: 1px dotted #edf6fd;*/
			}

		
		ol.contributionPreview {
			display: none;
		}
		
			div.contributionContextPreview {
				padding: 20px;
				background: #fff;
				border: 1px solid #666;
				color: #0A246A;
			}
			
				div.contributionContextPreview p {
					font-size: 0.8em;
					line-height: 1.5em;
				}
				
				div.contributionContextPreview a {
					color: #0066cc;
				}
			
			
		
		p.mediaPreview {
			margin-top: 10px;
			display: block;
			font-style: italic;
			border: 2px solid #ccddef;
			padding: 10px;
		}
		
		p.contributePreviewPhoto, p.contributePreviewVideo, p.contributePreviewPhotoVideo {
			display: none;
		}
		
		.contributionButton {
			position: absolute;
			right: 10px;
		}


		a.signUpInvitation {
			white-space: nowrap;
			font-weight: bold;
		}
		
		a.addCommentsAnchorLink {
			display: block;
			padding-top: 20px;
		}
		
		#articleMediaCopyright, #commentMediaCopyright {
			display: none;
		}
		
		
		
		
		
		
		
		
		
		
		

		
		/* Custom puffs */
		
		.contributeAltPuff {
			background: #fff;
			color: #00125c;
			overflow: auto;
		}
		
			.eventAddPuff  h3{
					width: 328px;
					height: 82px;
					text-indent: -9999px;			
					background: url(/ui/images/add-event-banner.jpg) no-repeat;
					padding: 0;
					margin: 0;		
			}
			
			.eventAddPuff  p {
					padding: 10px 23px;
					margin: 0;		
			}
			
			.eventAddPuff  a.mainLink{
					display: block;
					width: 328px;
					height: 29px;
					text-indent: -9999px;			
					background: url(/ui/images/add-event-link.gif) no-repeat;
					padding: 0;
					margin: 0;		
			}




			.homeAddPuff  {
				padding: 0 20px 20px 20px;
				margin: 0;	
				background: #a2d6fd url(/ui/images/home-contrib-bottom.jpg) no-repeat bottom center;
				/*color: #fff;*/
			}

				
				
				.homeAddPuff ul.contributionPrompts li {
					display: block;
					clear: both;
					overflow: auto;
					float: none;
					width: auto;
					padding: 0;
					height: auto;
					margin-bottom: 10px;
					border: none;
					
					
					display: block;
					clear:none;
					float: left;
					height: 10em;
					width: 45%;
					margin-right: 4%;
				}
				
				a#contributePuffLink {
					display: block;
					width: 340px;
					height: 90px;/*124px;*/
					text-indent: -9999px;			
					background: url(/ui/images/home-contrib.jpg) no-repeat 50% 50%;
					padding: 0;
					margin: 0;
				}
				
				.homeAddPuff .actionButton {
				}
				
				.homeAddPuff h5 {
					/*color: #fff;*/
				}



a.addPhotoButton {
	display: block;
	padding: 5px 5px 5px 35px;
	/*border: 1px dotted #fff;*/
	background: url(/ui/images/add-photo-icon.gif) no-repeat top left;
}			

/***************************************************************************************/
/* Contribution Tool */





/* Button styles */
/***************************************************************************************/
.primaryButton {
					text-decoration: none;
				}
			
	
	button, a.actionButton{
		border: 1px solid #26377e;
		background: #32417e url(/ui/images/buttons/button-bg-standard.gif) repeat-x center bottom;	
		padding: 5px 8px;
		margin: 0;			
		font-weight: bold;
		font-size: 13px;
		color: #fff;
		text-align: center;
	}
	
	
	button {
		overflow: visible;
		width: auto;
	}
	
	a.actionButton{						
		display: block;
		float: left;
		text-decoration: none;
	}	

		
		button.primary, a.actionButton.primary{					
			background-color: #a5cc5f;
			background-image: url(/ui/images/buttons/button-bg-primary.gif);
			border-color: #5e951f;
			color: #fff;
		}
		
		
		button:hover, a.actionButton:hover { 
			border-color: #0b1643; 
			cursor: pointer;
		}
		
		button.primary:hover, a.actionButton.primary:hover{
			border-color: #6fb119;
		}
	


		#userLogin a.actionButton{
			float: none;
		}
	

		
		/*
		.actionButton span.buttonTag{
			position: relative;
			display: block;
			padding: 7px 10px;
		}
		
			.actionButton span.buttonTag.left{
				background: url(/ui/images/buttons/button-tag-bg-blank.gif) no-repeat left bottom;
				padding-left: 37px;
			}
			
			.actionButton span.buttonTag.right{
				background: url(/ui/images/buttons/button-tag-bg-blank.gif) no-repeat right bottom;
				padding-right: 37px;
			}

				.actionButton span.buttonTag.add{
					background-image: url(/ui/images/buttons/button-tag-bg-add.gif);
				}

					.actionButton span.buttonTag.add{
						background-image: url(/ui/images/buttons/button-tag-bg-add.gif);
					}
				
				.actionButton span.buttonTag.forward{
					background-image: url(/ui/images/buttons/button-tag-bg-forward.gif);
				}
				
				.actionButton span.buttonTag.back{
					background-image: url(/ui/images/buttons/button-tag-bg-back.gif);
				}
				
				.actionButton span.buttonTag.up{
					background-image: url(/ui/images/buttons/button-tag-bg-up.gif);
				}
				
				.actionButton span.buttonTag.down{
					background-image: url(/ui/images/buttons/button-tag-bg-down.gif);
				}
				*/
				
				

/***************************************************************************************/
/* Generic horizontal menu style */










/* Adverts */
/***************************************************************************************/

	.advertWrapper{
		border: 6px solid #edf6fd;
		padding: 6px;
		
		overflow: auto;
		margin-bottom: 20px;
	}
	
	.advertContainer {
		/*width: 297px;
		float: left;
		margin: 0 auto;*/
		text-align: center;
	}

/***************************************************************************************/
/* END: Adverts */



/* User related */
/***************************************************************************************/
img.userPhotoSmall {
	width: 38px;
	height: 38px;
	padding: 3px;
	background: #fff;
	border: 2px solid #ccc;
	border-width: 0 1px 2px 0;
	overflow: none;
}

	#userProfilePanel img.userPhotoSmall {
		border-color: #00125c;
	}
	
	a#userProfilePanelPic {
		text-decoration: none;
		width: 45px;
	}

img.userPhotoLarge {
	width: 118px;
	height: 120px;
	padding: 9px;
	background: #fff;
	border: 2px solid #ccc;
	border-top-color: #f4f4f4;
	border-left-color: #f4f4f4;
	border-width: 1px 1px 2px 1px;
}


	/* Contribution prompts */

	ul.contributionPrompts {
		overflow: auto;
	}
	
	ul.contributionPrompts li {
		display: block;
		float: left;
		width: 45%;
		padding-right: 4%;
		height: 15em;
	}
	
	/* */
	

.contributionConfirmation {


		padding: 20px;
		/*font-weight: bold;*/
		font=size: 1.2em;
		margin-bottom: 20px;
		
		background: #fdf9e3;		
		border: 2px solid #e6a229;	
	}
	
	
	

.settingsupdateConfirmation {
		background-color: #e8ffcc;
		border: 2px solid #94a87d;
		padding: 10px;
		font-weight: bold;
		color: #3c6e00;
	}



	.contributionConfirmation h3, .settingsupdateConfirmation h3 {
		padding-bottom: 5px;
		margin: 0;
	}
	
	
	
.userStampLarge {
	position: relative;
	overflow: auto;
}

	.userStampName {
		clear: both;
		text-align: center;
	}


#addPhotoActionButton {
	position: relative;
	width: 85px;
	left: 26px;
	margin-top: -20px;
	margin-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
}

#changePhotoActionButton {
	margin-bottom: 15px;
	float: none;
}






span.openingTerm {
	color: #5e951f;
}

ul.contributionInvitationList li{
	padding-bottom: 6px;
}


a.contributionInvitationButton {
	display: block;
	text-decoration: none;
	border: 1px solid #e9e9e9;
	border-left-width: 5px;
	background: #fff url(/ui/images/buttons/button-bg-contrib-invite.gif) repeat-x left bottom;
}

	a#newsContributionInvitationButton {border-left-color: #6289b8}
	a#memoriesContributionInvitationButton {border-left-color: #4d3912}
	a#groupsContributionInvitationButton {border-left-color: #d56027}
	a#whatsonContributionInvitationButton {border-left-color: #63376c}
	a#photosContributionInvitationButton {border-left-color: #5e941f}
	a#noticesContributionInvitationButton {border-left-color: #fceb9e}
	a#advertiseContributionInvitationButton {border-left-color: #0066cc}

	
	span.buttonContentWrapper {
		display: block;
		padding-left: 60px;
		padding:7px 10px 5px 60px;
		background: url(/ui/images/buttons/icons/news.png) no-repeat 5px 7px;
	}
	
		a#newsContributionInvitationButton span.buttonContentWrapper {background-image: url(/ui/images/buttons/icons/news.png); background-position-x: 10px}
		a#memoriesContributionInvitationButton span.buttonContentWrapper {background-image: url(/ui/images/buttons/icons/memories.png)}
		a#groupsContributionInvitationButton span.buttonContentWrapper {background-image: url(/ui/images/buttons/icons/groups.png); background-position-x: 8px}
		a#whatsonContributionInvitationButton span.buttonContentWrapper {background-image: url(/ui/images/buttons/icons/whats-on.png); background-position-x: 8px}
		a#photosContributionInvitationButton span.buttonContentWrapper {background-image: url(/ui/images/buttons/icons/photos.png)}
		a#noticesContributionInvitationButton span.buttonContentWrapper {background-image: url(/ui/images/buttons/icons/notices.png)}
		a#advertiseContributionInvitationButton span.buttonContentWrapper {background-image: url(/ui/images/buttons/icons/advertise.png); background-position-x: 8px; background-position-y: bottom;}
	

		span.buttonHeading {
			display: block;
			font-weight: bold;
			font-size: 1.2em;
		}
		
			a#newsContributionInvitationButton span.buttonHeading {color: #6289b8}
			a#memoriesContributionInvitationButton span.buttonHeading {color: #4d3912}
			a#groupsContributionInvitationButton span.buttonHeading {color: #d56027}
			a#whatsonContributionInvitationButton span.buttonHeading {color: #63376c}
			a#photosContributionInvitationButton span.buttonHeading {color: #5e941f}
			a#noticesContributionInvitationButton span.buttonHeading {color: #961826}
			a#advertiseContributionInvitationButton span.buttonHeading {color: #0066cc}
		
		span.buttonDescription {
			display: block;
			margin-top: 2px;
			color: #999999;
			font-size: 0.9em;
			line-height: 1em;
			height: 2.3em;
			ovrflow: hidden;
		}
	


a.contributionInvitationButton:hover {
	text-decoration: none;
	border-color: #ddd;
}

	a#newsContributionInvitationButton:hover {border-color: #6289b8}
	a#memoriesContributionInvitationButton:hover {border-color: #4d3912}
	a#groupsContributionInvitationButton:hover {border-color: #d56027}
	a#whatsonContributionInvitationButton:hover {border-color: #63376c}
	a#photosContributionInvitationButton:hover {border-color: #5e941f}
	a#noticesContributionInvitationButton:hover {border-color: #fceb9e}
	a#advertiseContributionInvitationButton:hover {border-color: #0066cc}




#commentInvitationPuff {
	background: url(/ui/images/buttons/icons/notepad.png) no-repeat right top;
	margin-top: 14px;
}

	#commentInvitationPuff h2{
		background: url(/ui/images/buttons/icons/have-your-say.png) no-repeat left top;
		width: 105px;
		height: 46px;
		text-indent: -9999px;
	}
	
	#commentInvitationPuff p{
		margin-bottom: 0;
		width: 80%;
	}
	
.puff1 {
	border: 3px solid #5e77aa;
	background: #f4f4f4;
	padding: 20px;
}
					



		
	
/***************************************************************************************/
/* End: User related */



/* Tabs */
/****************************************************************************************/


.tabMenu ul {/*#header*/
		list-style: none;
		padding: 0;
		margin: 0;
    }
    
	.tabMenu li {
		float: left;
		border: 1px solid #fff;
		border-bottom-width: 0;
		margin: 0;
    }
    
	.tabMenu a {
		text-decoration: none;
		display: block;
		background: #f5f8fc;
		border: 1px solid #b3cce6;
		border-bottom: none;
		padding: 0.4em 0.3em;
		color: #6a9ccf;
		width: 8em;
		text-align: center;
		font-weight: bold;
    }
	
	.tabMenu a:hover {
		background: #d4e2f1;
		color: #0066cc;
	}
	
	.tabMenu .selected {
		border-color: #6a9ccf;
	}
	
	.tabMenu .selected a {
		position: relative;
		top: 1px;
		background: #fff;
		color: #0066cc;
		border: 1px solid #fff;
	}
	
	.tabSetContent {/*#content*/
		border: 1px solid #6a9ccf;
		clear: both;
		padding: 20px;
		overflow: auto;
	}
	
	.tabSetContent p {margin-bottom: 20px;}
	
	/* Specific user tabs */
	#settingsPanel, #contrbutePanel, #publicProfileNewsPanel,#publicProfileMemoriesPanel, #publicProfileGroupsPanel, #publicProfileNoticesPanel, #groupsPanel {display: none}


	.groupEditList {
		padding-bottom: 10px;
	}
	
		.groupEditList li a {
			display: block;
			padding: 3px 10px;
			font-weight: bold;
			border-right: 1px dotted #ccc;
		}
		
		.groupEditList li.selected a {
			border-right: none;
			color: #fff;
			background-color: #06C;
			text-decoration: none;
		}
		
	
	
	a.deleteGroupImage {
		display: block;
		float: left;
		margin-top: 10px;
		/*position: absolute;
		right: 20px;
		bottom: -20px;*/
		padding: 3px;
		color: #fff;
		background: red;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.9em;
	}
	
		a.deleteGroupImage.inprogress {
			color: #ccc;
			background: #666;
		}
		

/****************************************************************************************/
/* Tabs */




/* ClueTip */
/****************************************************************************************/
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/ui/images/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #fff;
  border: 1px solid #ccddef;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #fff;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #0057ad;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #fff;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #fff;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(/ui/images/cluetip/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/ui/images/cluetip/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/ui/images/cluetip/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(/ui/images/cluetip/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
/****************************************************************************************/
/* END: ClueTip */




/* Paging Controls */
/****************************************************************************************/

	.pagingControls {
		display: block;
		margin-top: 20px;
		padding: 20px 10px 10px 10px;
		border: 6px solid #edf6fd;
		
		overflow: auto;
		text-align: center;
	}
	
		a.pagingDirectionLink {
			margin-top: -10px;
		}
		
		a.pagingPrev {
			float: left;
		}
		
		a.pagingNext {
			float: right;
		}
		
		

/****************************************************************************************/
/* END: Paging Controls */



/* Image Gallery */
/****************************************************************************************/

	#photoContributionWrapper {
		/*margin: 0 auto;
		width: 70%*/
		width: 910px;
	}
	
	ul.thumbnailList {
		padding-top: 10px;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	
	ul.thumbnailList li {
		position: relative;
		width: 102px;
		height: 160px;
		border: 1px solid #ececec;
		background: #f8f8f8 url(/ui/images-v2/thubnail-bg.jpg) no-repeat top center;
		padding: 12px 18px 6px;
		margin: 0 12px 12px 0;
		overflow: hidden;
		list-style: none;
	}
	
		ul.articleImageList li {
			width: 164px;
			height: auto;
			background-image: url(/ui/images-v2/thubnail-bg-article.jpg);
			padding: 12px 18px 6px;
			margin: 0 0 6px 0;
			overflow: auto;
			display: block;
			clear: both;
		}
		
			ul.articleImageList li span.photoCaption {
				display: block;
				line-height: 1em;
				font-style: italic;
				padding: 6px 0;
				margin: 0;
			}
	
		ul.categoryList li {
			padding: 10px 18px 6px 15px;
			background-image: url(/ui/images-v2/thubnail-multi-bg.jpg);
		}
	
	
	ul.thumbnailList a.caption {
		position: relative;
		
		padding-top: 110px; 
		top: -90px;
		
		display: block;
		text-decoration: none;
		text-align: center;		
		line-height: 1.2em;
		
		clear: both;
	}
	
	.thumbnailImage {
		float: left;
		display: block;
		width: 98px;
		margin: 0 auto;
		height: 88px;
		background: no-repeat center center;
	}
	
		.articleImageList .thumbnailImage {
			
			width: 159px;
			height: 119px;
			margin-bottom: 12px;
		}
	
	.thumbnailImage img {
		display: none;
	}
	
	
	a#uploadPhotoButton {
		background: #3a730b url(/ui/images/upload-photo-button.gif) no-repeat left top;
		display: block;
		width: 208px;
		height: 44px;
		
		right: 20px;
		top: 0;
		
		color: #fff;
		text-indent: -9999px;
		position: absolute;
	}
	

/****************************************************************************************/
/* END: Image Gallery */


/* Jobs */

.jobLocationCol {float: right; width: 25%; padding-left: 5%}
.jobCompanyCol {clear: both;}

/* END: JObs */





/* Groups */
/***************************************************************************************/
	
	.groupCategory a {
		text-decoration: none;
	}
		
/***************************************************************************************/
/* End: Groups */






/* Page Footer */
/***************************************************************************************/
	
	
		
/***************************************************************************************/
/* End: Page Footer */