@charset "utf-8";

/* CSS Document */

body{
	background-image: url(../../_sharedimg/background_canonisation.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-position:center 0px;
}

#title_header{
	float:left;
	width:860px;
	background-image: url(../../_sharedimg/titles/canonisation.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

p.collectionDrillDown {
	padding:15px 0px 0px 0px;
	background:url("../../_sharedimg/blogDivider.jpg") no-repeat top center;	
}

div.collectionDrillDown {
	float:left;
	margin-top:20px;
	padding:15px 0px 0px 0px;
	background:url("../../_sharedimg/blogDivider.jpg") no-repeat top center;
	width:576px;
	height:15px;
}

/*----------Blogs---------------------*/

div.bloggerProfile {
	float:left;
	background:url(../../_sharedimg/blogs/bloggerprofilebg.jpg) no-repeat;
	width:576px;
	}
	
	ul.bloggerList {
		position:relative;
		margin:11px 11px 1px 12px;
		padding:0px;
		list-style:none;
		width:553px;
		height:100px;
		}
		
		ul.bloggerList li {
			float:left;
			width:79px;
			height:100px;
			}
			
			ul.bloggerList li a {
				display:block;
				width:79px;
				height:100px;
				background:url(../../_sharedimg/blogs/bloggerlist.jpg) 0 0 no-repeat;
				}
				
			ul.bloggerList li.blogger121 a { left:0px; }
			ul.bloggerList li.blogger112 a { left:79px; background-position:-79px 0px; }
			ul.bloggerList li.blogger120 a { left:158px; background-position:-158px 0px; }
			ul.bloggerList li.blogger117 a { left:237px; background-position:-237px 0px; }
			ul.bloggerList li.blogger119 a { left:316px; background-position:-316px 0px; }
			ul.bloggerList li.blogger118 a { left:395px; background-position:-395px 0px; }
			ul.bloggerList li.blogger110 a { left:474px; background-position:-474px 0px; }
			
			ul.bloggerList li.blogger121 a:hover { background-position:0px -100px; }
			ul.bloggerList li.blogger112 a:hover { background-position:-79px -100px; }
			ul.bloggerList li.blogger120 a:hover { background-position:-158px -100px; }
			ul.bloggerList li.blogger117 a:hover { background-position:-237px -100px; }
			ul.bloggerList li.blogger119 a:hover { background-position:-316px -100px; }
			ul.bloggerList li.blogger118 a:hover { background-position:-395px -100px; }
			ul.bloggerList li.blogger110 a:hover { background-position:-474px -100px; }
			
			ul.bloggerList li a.selected { cursor:default; }
			
			ul.bloggerList li.blogger121 a.selected { background-position:0px -200px; }
			ul.bloggerList li.blogger112 a.selected { background-position:-79px -200px; }
			ul.bloggerList li.blogger120 a.selected { background-position:-158px -200px; }
			ul.bloggerList li.blogger117 a.selected { background-position:-237px -200px; }
			ul.bloggerList li.blogger119 a.selected { background-position:-316px -200px; }
			ul.bloggerList li.blogger118 a.selected { background-position:-395px -200px; }
			ul.bloggerList li.blogger110 a.selected { background-position:-474px -200px; }
	
	ul.bloggerListSelect {
		position:relative;
		margin:11px 11px 1px 12px;
		padding:0px;
		list-style:none;
		width:553px;
		height:100px;
		}
			
		ul.bloggerListSelect li {
			float:left;
			width:79px;
			height:100px;
			}
			
			ul.bloggerListSelect li a {
				display:block;
				width:79px;
				height:100px;
				background:url(../../_sharedimg/blogs/bloggerlist.jpg) 0px -200px no-repeat;
				}
				
			ul.bloggerListSelect li.blogger121 a { left:0px; }
			ul.bloggerListSelect li.blogger112 a { left:79px; background-position:-79px -200px; }
			ul.bloggerListSelect li.blogger120 a { left:158px; background-position:-158px -200px; }
			ul.bloggerListSelect li.blogger117 a { left:237px; background-position:-237px -200px; }
			ul.bloggerListSelect li.blogger119 a { left:316px; background-position:-316px -200px; }
			ul.bloggerListSelect li.blogger118 a { left:395px; background-position:-395px -200px; }
			ul.bloggerListSelect li.blogger110 a { left:474px; background-position:-474px -200px; }
			
			ul.bloggerListSelect li.blogger121 a:hover, ul.bloggerListSelect li.blogger121 a.selected { background-position:0px 0px; }
			ul.bloggerListSelect li.blogger112 a:hover, ul.bloggerListSelect li.blogger112 a.selected { background-position:-79px 0px; }
			ul.bloggerListSelect li.blogger120 a:hover, ul.bloggerListSelect li.blogger120 a.selected { background-position:-158px 0px; }
			ul.bloggerListSelect li.blogger117 a:hover, ul.bloggerListSelect li.blogger117 a.selected { background-position:-237px 0px; }
			ul.bloggerListSelect li.blogger119 a:hover, ul.bloggerListSelect li.blogger119 a.selected { background-position:-316px 0px; }
			ul.bloggerListSelect li.blogger118 a:hover, ul.bloggerListSelect li.blogger118 a.selected { background-position:-395px 0px; }
			ul.bloggerListSelect li.blogger110 a:hover, ul.bloggerListSelect li.blogger110 a.selected { background-position:-474px 0px; }
			
			ul.bloggerListSelect li a.selected { cursor:default; }
				
	div.bloggerBio {
		width:576px;
		height:75px;
		background:url(../../_sharedimg/blogs/bloggerbio.jpg) 0 0 no-repeat;
		margin-bottom:20px;
		}
		
		div.profile121 div.bloggerBio { background-position:0px -75px; }
		div.profile112 div.bloggerBio { background-position:0px -150px; }
		div.profile120 div.bloggerBio { background-position:0px -225px; }
		div.profile117 div.bloggerBio { background-position:0px -300px; }
		div.profile119 div.bloggerBio { background-position:0px -375px; }
		div.profile118 div.bloggerBio { background-position:0px -450px; }
		div.profile110 div.bloggerBio { background-position:0px -525px; }

div.blogPost {
	background-image: url(../../_sharedimg/blogDivider.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 15px;
	width:576px;
}
div.blogWrapper div.blogPost:last-child {
	background-image: none;
}

div.blogWrapper div.blogPost p.discreetText,
#blogComments_collection p.discreetText {
	font-weight: bold;
	margin-top: 0px;
	font-size: 1em;
}

#blogCommentsWrapper {
	background:url("../../_sharedimg/blogDivider.jpg") no-repeat 0px 0px;
	overflow:hidden;
}

#blogCommentsCollectionWrapper h3 {margin-top:25px;}

#blogCommentsCollectionWrapper #blogComments_collection {
	width:576px;
	background:#ffffff url("../../_sharedimg/blogs/blogcommentscollection_bg.gif") repeat-y 0px 0px;
}

#blogCommentsCollectionWrapper #blogComments_collection .capping {
	width:576px;
	height:5px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
}

#blogCommentsCollectionWrapper #blogComments_collection .cappingTop {background-image:url("../../_sharedimg/blogs/blogcommentscollection_cappingtop.gif");}
#blogCommentsCollectionWrapper #blogComments_collection .cappingBottom {background-image:url("../../_sharedimg/blogs/blogcommentscollection_cappingbottom.gif");}

#blogCommentsCollectionWrapper #blogComments_collection ul {
	margin:0px 30px 0px 30px;
	padding:15px 0px 25px 0px;
	width:516px;
	list-style-type:none;
}

#blogCommentsCollectionWrapper #blogComments_collection ul li {
	margin:25px 0px 0px 0px;
	padding:17px 0px 0px 0px;
	border-top:1px solid #e3e3e3;
}

#blogCommentsCollectionWrapper #blogComments_collection ul li.firstChild {
	margin-top:0px;
	padding-top:0px;
	border-top:none;	
}

#blogCommentsCollectionWrapper #blogComments_collection ul li .discreetText_small {font-weight:normal!important;}

#blogCommentsCollectionWrapper #blogComments_collection ul li p {margin:0.5em 0px 0px 0px;}

#blogCommentsFormWrapper {margin-top:25px;}

/*--------- Landing Page ----------*/
div.countdown {
	width: 566px;
	height: 180px;
	padding: 10px 0 0 12px;
	margin-bottom: 30px;
	background-image: url(../../_sharedimg/countdown_bg.jpg);
	background-repeat: no-repeat;
}
div.column1 {
	background-image: url(../../_sharedimg/column_dot.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding: 0 10px 0 0;
	margin: 0 25px 0 0;
}
div.column1 p:first-child {
	margin-top: 0!important;
}
div.column2 p:first-child {
	margin-top: 0!important;
}
a span.noUnderline {
	text-decoration: none!important;
}
p.dateText {
	color: #b5aea9;
	font-weight: bold;
	margin-top: 0!important;
}
p.postSummary {margin-bottom:0px;}
p.postDrillDown {margin-top:3px;}

#canonisationLiveFeedBtn {margin-bottom:15px;}
#vigilLiveFeedBtn {margin-bottom:30px;}

/*--------------- System Messages -------------- */
.contentViewport #error_wrapper {
	position:relative;
	width:576px;
	padding:0px 0px 0px 0px;
	margin:14px 0px 20px 0px;
}
.contentViewport #error_top {
	position:relative;
	width:576px;
	height:2px;
	background-image: url(../../_sharedimg/enews/error_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
}
.contentViewport #error_body {
	position:relative;
	width:521px;
	height:10px;
	min-height:10px;
	height:auto!important;
	background-image: url(../../_sharedimg/enews/error_img.gif);
	background-repeat: no-repeat;
	padding:9px 8px 9px 45px;
	margin:0px;
	overflow:hidden;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ef957d;
	border-left-color: #ef957d;
	background-position: 12px 10px;
	background-color: #fbdad1;
}
.contentViewport #error_body p {
	margin:0px;
	padding:0px;
	color:#eb4418;
	font-size:0.9em;
}
.contentViewport #error_bot {
	position:relative;
	width:576px;
	height:2px;
	background-image: url(../../_sharedimg/enews/error_bot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 2px 0px;
	overflow:hidden;
}
.contentViewport #correct_wrapper {
	position:relative;
	width:576px;
	padding:0px 0px 0px 0px;
	margin:14px 0px 20px 0px;
}
.contentViewport #correct_top {
	position:relative;
	width:576px;
	height:2px;
	background-image: url(../../_sharedimg/enews/correct_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
}
.contentViewport #correct_body {
	position:relative;
	width:521px;
	height:10px;
	min-height:10px;
	height:auto!important;
	background-image: url(../../_sharedimg/enews/correct_img.gif);
	background-repeat: no-repeat;
	padding:9px 8px 9px 45px;
	margin:0px;
	overflow:hidden;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8abf55;
	border-left-color: #8abf55;
	background-position: 12px 10px;
	background-color: #d1e6bd;
}
.contentViewport #correct_body p {
	margin:0px;
	padding:0px;
	color:#40aa08;
	font-size:0.9em;
}
.contentViewport #correct_bot {
	position:relative;
	width:576px;
	height:2px;
	background-image: url(../../_sharedimg/enews/correct_bot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 2px 0px;
	overflow:hidden;
}