/* Skin */



/* News skinning */	
/***************************************************************************************/
.news  .contributionInvitation {padding-right: 100px}


/* Memories skinning */	
/***************************************************************************************/
body.memories {color: #2f3756;}
.memories a {color: #4b3015;}
.memories h1, .memories h2, .memories h3, .memories h4, .memories h5, .memories h6, legend {color: #4b3015;}
.memories .subArticleSummary {background: #fffaf4;}


.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: #000; background: url(/ui/images/commentcounter-memories-bg.png) 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;}
.memories .authorName {color: #5d4935;}
.memories .authorText a {color: #5d4935;}
.memories .authorText {color: #5d4935;}
.memories .articleTimestamp {color: #5d4935;}



/* Groups skinning */	
/***************************************************************************************/
.groups .commentCounter{color: #00125C; background: url(/ui/images/commentcounter-bg.png) 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}	



/* Love skinning */	
/***************************************************************************************/
.love .commentCounter{color: #00125C; background: url(/ui/images/commentcounter-bg.png) no-repeat;}
.love .commentCarouselContainer h2 {color: #fff; background: #2a2871;}	
.love .loveCommentCarousel #commentPager a.activeSlide {background: #80a43f; color: #fff; border-color: #80a43f} 
.love .articleCommentContainer h2{background: #fff; color: #2a2871;}

.love p.mediaPreview {border-color: #80a43f;}
.love .contributeToolWrapper p.supportText, p.supportText {background: #fafff0; border: 1px dotted #80a43f;}
.love .contributeToolWrapper a{color: #2a2871; }	
.love .contributionHeadingWrapper, .love #contentCol h1 {padding-left: 43px; background: url(/ui/images/contribute-tool/headingwrapper-bg-love.gif) no-repeat center left;}
.love .mainHeadline {color: #2a2871;}
.love #contentCol h1 {color: #2a2871; padding-top: 10px; min-height: 25px;}
.love #commentMainHeadline {height: 20px; padding-top: 10px;}
.love .contributeToolWrapper.comment a.mainAction {top: 12px;}

.love .subHeadline {color: #80a43f;}
.love .contributeToolWrapper a.mainAction {background: url(/ui/images/contribute-tool/add-button-love.gif) no-repeat top left;}
.love .contributionWrapper {border: 2px solid #80a43f; background:#fff url(/ui/images/contribute-tool/bottom-bg-love.gif) no-repeat bottom right; color: #2a2871 /* 5e4a36 */}
.love .contributeToolWrapper.comment .contributionWrapper {background:#fff url(/ui/images/contribute-tool/bottom-bg-love.gif) no-repeat bottom right;}
.love .contributionInvitation {color: #2a2871; padding-right: 20px; padding-bottom: 20px;}

.love .photoAddItem, .love .photoAddCaption {border-color: #80a43f;}


.promoPuffContainer {overflow: auto; color: #2a2871; padding-top: 20px;}
.promoPuffContainer p {margin-bottom: 1em;}
.promoPuffCol {float: left; width: 30%; padding-right: 3%}
.promoPuffCol1 {}
.promoPuffCol2 {width: 33%;}
.promoPuffCol3 {padding-right: 0;}
.promoPuffPointToEnter {padding: 0 0 92px 0; background:url(/ui/images/contribute-tool/promopuff-bg-love.gif) no-repeat bottom center;}
#promoPuffLoveCommunity {padding: 0 0 112px 0; background:url(/ui/images/contribute-tool/promopuff-bg-love2.gif) no-repeat bottom center;}
.highlightMessage {font-weight: bold; color:#80a43f}
.highlightMessage2 {font-weight: bold; color:#2a2871}

#entriesMessage {padding: 10px; margin: 10px 0 20px; border: 2px dotted #80a43f; background: #fafff0}

h2.loveIntroduction {margin-top: 1em; background: #2a2871; padding: 5px; color: #fff}

/*h2.loveIntroduction {margin-top: 1em; background: #2a2871; padding: 5px; color: #fff}*/


	
/***************************************************************************************/
/* Generic tags */	

	
/* Generic tags */	
/***************************************************************************************/
	
	html, body {
	    font: Arial, Helvetica, 'Helvetica Neue', sans-serif;
		color: #2f3756;
		word-wrap: break-word; /* Internet Explorer 5.5+ */	
		background: #f6f6f6;
	}
	
	body {
	    font-size: 0.8em;	
		background: #f6f6f6;
	}
	
	
	
	
	
	
	
	#pageLayer1 {
		background: #fff url(/ui//images/pageLayer1.jpg) repeat-y center top;
	}


		#pageLayer2{		
			background: url(/ui/images/pageLayer2.jpg) no-repeat center 174px;
		}
	
		#pageLayer3{		
			background: url(/ui/images/pageLayer3.jpg) no-repeat center top;
		}
	
	
	
	
	
	#pageFooterWrapper {
		background: url(/ui/images/footer-fade-strip.jpg) repeat-x center top;
	}
	
		#pageFooterLayer1 {
			background: url(/ui/images/footerLayer1.jpg) no-repeat center top;
			min-height: 168px;
			padding-top: 60px;
		}
		
			#pageFooterLayer2 {
				background: url(/ui/images/footerLayer2.jpg) no-repeat center top;
				min-height: 27px;
				overflow: auto;
				padding-top: 40px;
				padding-bottom: 10px;
			}
			
				#pageFooterLayer3 {
					background: url(/ui/images/footerLayer3.jpg) no-repeat center top;
					min-height: 107px;
				}

	#pageBodyWrapper{
	}
	
	#pageBody{
		width: 960px;
		margin: 0 auto ;
		padding-top: 20px;
		/*border-left: 1px dotted #ccc;*/
	}

	

	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;
	}
	
	
	
	/* Table style */

	.styledTable
	{
		/*margin: 45px;*/
		width: 100%;
		text-align: left;
		/*border-collapse: collapse;*/
		font: Arial, Helvetica, 'Helvetica Neue', sans-serif;
	}
	
	.styledTable th
	{
		/*font-size: 1.2em;*/
		font-weight: bold;
		padding: 8px 28px 8px 8px;
		background-color: #87b6d9;
		border-bottom: 2px solid #b4dcfb;
		/*border-bottom: 1px solid #fff;*/
		color: #fff; /*#0066cc;*/
		border-right: 1px dotted #fff;
		font: Arial, Helvetica, 'Helvetica Neue', sans-serif;
	}
	
	.styledTable td
	{
		font-size: 0.9em;
		padding: 12px 8px 8px;
		/*background-color: #fff; */
		color: #00125c;
		border-right: 1px dotted #d4ecfe;
		border-bottom: 1px dotted #d4ecfe;
		border-top: 1px solid transparent;
		font: Arial, Helvetica, 'Helvetica Neue', sans-serif;
		vertical-align: top;
		
		white-space:nowrap;
		
		background: no-repeat 8px 12px;
	}
	
		.styledTable td.titleCol, .styledTable td.itemSummary, .styledTable td.itemUserName {
			white-space:normal;
		}
	
		.styledTable tr.odd
		{
			background-color: #f5f5f5;
		}
		
		.styledTable td.typeCol
		{
			padding-left: 30px; 
		}
		
		.styledTable .itemSummary {width: 30%;}	
		.styledTable .itemTitle {width: 20%;}
	
		
			.styledTable td.typeComment, .headerPanel li.icon.typeComment {
				background-image: url(/ui/images/comment-icon.png);
			}
			
			.styledTable td.typeNews, .headerPanel li.icon.typeNews {
				background-image: url(/ui/images/news-icon.png);
			}
			
			.styledTable td.typeMemory, .headerPanel li.icon.typeMemory {
				background-image: url(/ui/images/memories-icon.png);
			}
			
			.styledTable td.typeGroup, .headerPanel li.icon.typeGroup {
				background-image: url(/ui/images/group-icon.png);
			}
			
			.styledTable td.typeNotice, .headerPanel li.icon.typeNotice {
				background-image: url(/ui/images/note-icon.png);
			}
		
		.styledTable td.timeCol
		{
			background: url(/ui/images/clock-icon.png) no-repeat center 12px;
		}
		
		
		.styledTable td.titleCol
		{
			font-weight: bold; 
		}
	
	.styledTable tr:hover td
	{
		background-color: #edf6fd;
		border-bottom-color: #00125c; 
	
		border-top: 1px dotted #00125c; 
		
		color: #0066cc;
		cursor: hand;
		cursor: pointer;
	}
	
	
	.styledTable tr td.selected
	{
		background-color: #FFFFEA;
	}
	
	
	 
	 
	
	
	
	
	/* Standard sortable header */
	table.styledTable thead tr .header {
		background-image: url(/ui/images/tables/sort-bg.gif);
		background-repeat: no-repeat;
		background-position: right 0.8em;
		cursor: pointer;
	}
	
	    
	     /* Generic currently sorted column header */
	    table.styledTable thead tr .headerSortDown, table.styledTable thead tr .headerSortUp 
	    {
	        /*color: #00125c;*/
	        background-color: #5087b0;;
	    }
	
	    /* Sorted Ascending header */
	    table.styledTable thead tr .headerSortUp {
		    background-image: url(/ui/images/tables/sort-asc.gif);
	    }
	    
	    /* Sorted Descending header */
	    table.styledTable thead tr .headerSortDown {
		    background-image: url(/ui/images/tables/sort-desc.gif);
	    }

	
	

/***************************************************************************************/
/* 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;/*20px;*/
			
			/*width: 67px;*/
			/*height: 27px;*/
			
			margin-bottom: 17px;
			padding: 5px;
			
			background: url(/ui/images/header-translucent.png);
		}
		
		#socialNetworkButtons h3 {
			padding-top: 6px;
			padding-right: 8px;
			font-size: 0.9em;
			float: left;
			color: #1e5ed8;
		}
		
		#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;
			}	
		
			#socialNetworkButtons a.followOnTwitter {background-image: url(/ui/images/twitter-icon.gif); margin-right: 0;}

		
		#siteLogo {
			
			position: absolute;
			left: 14px;
			top: 36px;
			
			width: 265px;
			height: 50px;
			padding: 0;
			margin: 0;
			text-indent: -9999px;
			
			border: 1px solid #fff;
			
			
		}
		
		.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;}
		.logo184 {background: url(/ui/images/logos/logo184.gif) no-repeat;}
		.logo185 {background: url(/ui/images/logos/logo185.gif) no-repeat;}
		.logo186 {background: url(/ui/images/logos/logo186.gif) no-repeat;}
		.logo187 {background: url(/ui/images/logos/logo187.gif) no-repeat;}
		.logo188 {background: url(/ui/images/logos/logo188.gif) no-repeat;}
		.logo189 {background: url(/ui/images/logos/logo189.gif) no-repeat;}
		.logo190 {background: url(/ui/images/logos/logo190.gif) no-repeat;}
		.logo191 {background: url(/ui/images/logos/logo191.gif) no-repeat;}
		




		
		
		/***************************************************************************************/
		/* End: Logos */
		
		
		
		/* User Profile Panel */
		/***************************************************************************************/
		
			#userProfilePanel {
				position: absolute;
				right: 0px;/*20px;*/
				top: 40px;
				width: 395px;
				height: 40px;
				padding: 5px 5px 5px 2px;
				
				/*background: url(/ui/images/header-translucent-inverse.png);
				
				border: 1px solid #fff;*/
			}
			
				#userProfilePanel li {
					padding-right: 20px;
				}
				
				
			div.userHeaderImage {
				float: left;
				width: 50px;
				margin-top: -3px;
			}
			
			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;
				border-color: #fff;
				
		    }
				
				#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: #fff /*#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;
				/*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.comp {
					padding-left: 30px; 
					background-image: url(/ui/images/menu-comp-bg.jpg);
			    }
				
					#mainMenu li a.comp.selected {
						background-image: url(/ui/images/menu-comp-on-bg.jpg);
				    }
				

				#mainMenu li a:hover {
					background-color: #a82e21;
					background-image: url(/ui/images/menu-over-bg.jpg);
					color: #fff;
			    }
				
					#mainMenu li a.comp:hover {
						background-image: url(/ui/images/menu-comp-over-bg.jpg);
			    	}
					
						#mainMenu li a.comp.selected:hover {
							background-image: url(/ui/images/menu-comp-on-bg.jpg);
				    	}
				
				#mainMenu li a.selected {
					background: #fff;
					color: #0066cc;
					
					border-top: 1px solid #5681b3;
					border-bottom: 1px solid #5681b3;
					border-left: 1px solid #5681b3;
			    }

		/***************************************************************************************/
		/* 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 */
	
	.picturePuff img {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	.picturePuff 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 */
/***************************************************************************************/

		
	div#main_video {margin-bottom: 20px;}
	
	.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;
		background: #f5eef0 url(/ui/images/main-news-story-bg.jpg) no-repeat right bottom;
		padding: 10px;
	}
	
		.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;
	}
	
	#memoriesFeatureBox div.summaryImageContainer{
		float: none;
		clear: both;
		margin-left: 0;
		overflow: auto;
	}
	
		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;
		color: #333399
	}

	
		.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: normal;
		color: #333399;
	}
	
	
	
		.authorText a {
			text-decoration: underline;
			font-weight: normal;
			color: #333399;
		}
		
		
		.authorText {
				color: #333399;
				font-weight: bold;
			}
	
		.subHeadlineSummary .authorText {
				padding-right: 0.5em;
			}
	
	/* 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.png) 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-bottom: 1px dashed #bed8f1;
			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);
	}
	
	a.carLink {
		background-image: url(/ui/images/s1cars-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.4em;
		/*font-weight: bold;*/
	}
	
	
#memoriesFeatureBox	{background: none;}	


/* Coloured feature box headers */
#mapFeatureBox h2	{background: #4f995a;}
#videoFeatureBox h2	{background: #034170;}

#newsScraperPuffHome {border: 1px solid #6699cc; background: none;}
#newsScraperPuffHome h2 {color: #015fbe; background: #edeff4; border-bottom: 1px solid #bbe1c8;}
#newsScraperPuffHome h3 {font-size: 1.2em;}
#newsScraperPuffHome .featureBoxContent{padding: 0;}
#newsScraperPuffHome ul li {padding-bottom: 5px; border-bottom: 1px dashed #6699cc; margin-bottom: 5px;}
#newsScraperPuffHome a {color: #015fbe;}
#newsScraperPuffHome .newsScraperSource {font-size: 90%; color: #333399; font-weight: normal; font-style: italic;}
#newsScraperPuffHome .authorText {font-weight: normal;}



#jobsPuff h2 {background: #fff url(/ui/images/jobs-red-circle.png) no-repeat 5px top; min-height: 37px; color: #022aad}
#jobsPuff a {color: #032f86;}

#homesPuff h2 {color: #279135; background: #f1fef4; border-bottom: 1px solid #bbe1c8;}
#homesPuff {border: 1px solid #bbe1c8;}
#homesPuff ul.listingResults li {border-bottom-color: #bbe1c8;}
#homesPuff a {color: #279135;}
		

#rentalPuff h2 {color: #279135; background: #f1fef4; border-bottom: 1px solid #bbe1c8;}
#rentalPuff {border: 1px solid #bbe1c8;}
#homesPuff ul.listingResults li {border-bottom-color: #bbe1c8;}
#rentalPuff a {color: #279135;}


#carsPuff h2 {background: #bec2ef; color: #03136a}
#carsPuff {border: 1px solid #d9dfef;}
#carsPuff ul.listingResults li {border-bottom-color: #d9dfef;}
#carsPuff a {color: #03136a}



#whatsOnPuffHome {border: 1px solid #e7e3f2; position: relative; overflow: visible;}
#whatsOnPuffHome img#badge {position: absolute; z-index: 10; right: -7px; top: -10px;}
#whatsOnPuffHome h2 {background: #e7e3f2; color: #5e39a3}

#whatsOnPuffHome div.featureBoxContent {padding-right: 91px;}

#whatsOnPuffHome a {color: #5e39a3}

#whatsOnPuffHome a.addLink {
	background: #623ba5;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	white-space: nowrap;
	padding: 0 4px; 
	margin-left: 5px;
	font-size: 0.8em;
}

#whatsOnPuffHome a#fullListingLink {
	background: #623ba5;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	padding: 0 4px; 
}






/* END: Coloured feature box headers */


.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 -100px bottom;}

.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, .cleanform fieldset.primary ol li.videoAddCaption {
				display: none;
			}
			

			.photoAddItem, .videoAddItem {
				border-right: 1px solid #fff;
				border-left: 1px solid #fff;
				border-top: 1px solid #fff;
			}
			.photoAddCaption, .videoAddCaption {
				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;
			}
			
			#mediaCopyrightMessage {font-size: 0.9em; padding: 10px 0;}
			


		.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  {
				margin: 0 0 20px 0;	
			}

				.homeAddPuff ul.contributionPrompts li {
					margin-bottom: 10px;
				}
				
					.homeAddPuff ul.contributionPrompts li strong {
						color: #323498;
					}
					
					.homeAddPuff ul.contributionPrompts li a {
						background: #0074d9;
						text-decoration: none;
						font-weight: bold;
						color: #fff;
						white-space: nowrap;
						padding: 0 2px; 
						font-size: 0.9em;
					}




a.addPhotoButton, a.addVideoButton {
	display: block;
	padding: 5px 5px 5px 35px;
	background: url(/ui/images/add-photo-icon.gif) no-repeat top left;
}	

a.addVideoButton {
	/*background: url(/ui/images/add-video-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;
}






	/* Invite Friends */
	/***************************************************************************************/
		
		.inviteSectionWrapper {
			padding-bottom: 20px;
			overflow: auto;
			clear: both;
		}
		
		div#friendsInviteWrapper {
			padding: 20px;
		}
		
		ul#emailServicesList {
			overflow: auto;
		}
		
		ul#emailServicesList li  {
			display: block;
			float: left;
			
			width: 22%;
			margin-right: 3%;
		}
		
		ul#emailServicesList li a {
			display: block;
			padding: 10px;
			/*background: #fff;*/
			border: 2px solid #ccc;
			height: 100px;
		}
		
		a.emailChoiceButton {
			/*background: white url(/ui/images/buttons/button-bg-contrib-invite.gif) repeat-x left bottom;*/
			background: white no-repeat center center;
			font-weight: bold;
			color: #999;
			text-decoration: none;
			text-indent: -9999px;
		}


		#hotmailButton {background-image: url(/ui/images/invite/hotmail-large.gif);}
		#yahooButton {background-image: url(/ui/images/invite/yahoo-large.gif);}
		#gmailButton {background-image: url(/ui/images/invite/gmail-large.gif);}
		
		
		
		h2.inline {float: left; width: 15%; padding-right: 2%;}
		h2.contactsTitle {padding-top: 13px; }
		span.emailServiceLabel {font-weight: bold; display: block; float: left; padding: 15px 100px 15px 0; margin-right: 10px; background: no-repeat right center;}
		a.changeEmailService {display: block; float: left; padding: 15px 0;}
		
		span.serviceHotmail {background-image: url(/ui/images/invite/hotmail-small.gif);}
		span.serviceYahoo {background-image: url(/ui/images/invite/yahoo-small.gif);}
		span.serviceGMail {background-image: url(/ui/images/invite/gmail-small.gif);}
		
		.statusPanel {border-bottom: 2px solid #ccc; margin-bottom: 10px;}
		
		.contactContainer {float: left; width: 82%;}
		.emailSendingList {overflow: auto;}
		.emailSendingList li {background: #feedd2; display: block; float: left; padding: 2px; margin: 0 5px 5px 0;}
		
		
		ul#emailServicesList li.last  {
			/*width: 25%;*/
			margin-right: 0;
			height: 120px;
			border: 2px solid #ccc;		
		}
		
		#otherEmailWrapper {
			padding: 10px;
		}
		
		
		#inviteEmailLoginWrapper {
			float: left;
			width: 510px;
			margin-right: 20px;
			padding-right: 20px;
			border-right: 1px solid #ccc;
			
		}
		
		#inviteEmailLoginWrapper label {width: 25%;}
		#inviteEmailLoginWrapper .text input {width: 65%;}
		#inviteEmailLoginWrapper li.noLabel {margin-left: 30%;}

		#inviteEmailLoginWrapper fieldset {background: no-repeat right 1em; padding-right: 120px;}
		#inviteEmailLoginWrapper.serviceHotmail fieldset {background-image: url(/ui/images/invite/hotmail-large.gif);}
		#inviteEmailLoginWrapper.serviceYahoo fieldset {background-image: url(/ui/images/invite/yahoo-large.gif);}
		#inviteEmailLoginWrapper.serviceGMail fieldset {background-image: url(/ui/images/invite/gmail-large.gif);}


		#inviteEmailLoginSafetyMessage {
			float: left;
			width: 200px;
		}
		
		
		#emailContactsLoading {
			/*border: 1px dotted #ccc;*/
			background: url(/ui/images/ajax-loader.gif) no-repeat center bottom;
			text-align: center;
			
			padding: 40px 0;
		}
						
		
		.contactCol1 {}
		.contactCol2 {width: 45%}
		.contactCol3 {width: 45%}
		
		#contactList td {padding: 6px 8px}
		#contactList th {padding: 3px 8px}
		#contactList td.selected {background-color: #feedd2}
		
		#invitationMessage {width: 80%; border-color: #f9a61c; background-color: #feedd2; padding: 20px; font-weight: normal;}
		
		#otherEmailOptions {
			display: block;
			clear: both;
			margin-bottom: 10px;
			width: 95%
		}
		
		#pagerContainer {
			display: block;
			clear: both;
			width: 250px;
			margin: 10px auto;
		}
		
		#selectedContinue {width: 250px; margin: 0 auto;}
		#selectedContinue button {width: 100%}
		
		#invitationContainer {float: left;}
		
		#invitationPreviewWrapper {
			background: #f5f8fc;
			border: 2px dotted #0066cc;
			padding: 20px;
			width: 30%;
			float: left;
		}
		
		#invitationPreviewWrapper p {font-size: 0.8em; line-height: 1.3em; margin-bottom: 1em; }
		
		#invitationSendingWrapper {float: left; margin-left: 5%; width: 60% }
		
		#sendActionWrapper {clear: both;}
		#sendInvitationsButton {margin-top: 20px;}
		
		.emailSendingList {font-size: 0.8em;}
		
		#invitationSentList {font-size: 1em;}
		
		#invitationsSentWrapper {padding-top: 20px;}
			
	/***************************************************************************************/
	/* End: Invite Friends */
					



		
	
/***************************************************************************************/
/* 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 */



/* Ads */
/***************************************************************************************/
	
	div.adHeaderWrapper {
		width: 109px;
		height: 102px;
		display: block;
		position: absolute;
		left: 280px;
		top: 10px;
	}
		
/***************************************************************************************/
/* End: Ads */









/* Page Footer */
/***************************************************************************************/
	
	
		
/***************************************************************************************/
/* End: Page Footer */








