/* Include YUI base */
@import url(reset-fonts-grids-min.css);

/* Override YUI defaults */
/*
	We've overridden the widths measured in ems with pixels; this applies to the main two-column layouts 
	of the various pages.
	
	For the sake of flexibility, we've left the widths measured in percentages as-is. This occasionally 
	results in a browser (e.g. Safari and Opera) rendering a container slightly too small, but nothing
	breaks if content exceeds the width of the container in thses cases.
*/

/*----------------------------------------------------------------------
	All pages
----------------------------------------------------------------------*/

/*
	Set overall width for layouts 
	
		#custom-doc	:	main page container
		.yui-t4			:	YUI class for wide main column with 180px R column;
									this is the basic layout for all pages
*/

#custom-doc,
.yui-t4 {
	margin:auto;text-align:left;
	min-width:960px;
	width:960px;
}

/* Set up main columns: */
.yui-t4 #yui-main { /* Float main column; make room for R column */
	float:left;
	margin-right:-202px; /* 192px + 10px margin */
}

.yui-t4 .yui-b { /* Float R column; set width */
	float:right;
	margin-left:0;
	width:192px;
}

.yui-t4 #yui-main .yui-b { /* Finish making room for R column */
	margin-right:202px;
}

/*------------------------------------------------------------
    Universal styles:
------------------------------------------------------------*/
* {
  padding:0;
  margin:0;  
}
/*----------------------------------------------------------------------
	Home page: two and three column rows
----------------------------------------------------------------------*/

#home-content { /* Apply margin between rows */
	margin-bottom:1.5em;
}

.yui-ge .yui-u { /* Widths as percentage of 960px; also sets width of R column in second row */
	/*margin-left:1.0417%;*/ /* 10px */
	width:20%; /* 192px */
}

.yui-ge div.first {
	margin-left:0; /* Unset left margin on this div */
	width:78.9583%; /* 758px */
}


/*----------------------------------------------------------------------
	Home page: three column row
----------------------------------------------------------------------*/

/* Main content area (widest column) */
#home #primary-content {
	width:555px; /* 555px */
}

/* R Sidebar 1 (R sidebar 2 handled by code above) */
#home #secondary-content { /* Widths as percentage of 758px */
	width:192px; /* 192px */
	margin-left:10px; /* 10px */
}



/*----------------------------------------------------------------------
	Three column inside page
----------------------------------------------------------------------*/

/* Main content area */
#inside-3 .yui-gf .yui-u { /* Widths on this element assume container width is 758px */
	width:555px; /* 555px */
}

/* Left sidebar */
#inside-3 .yui-gf div.first { /* Widths on this element assume container width is 758px */
	margin-left:0;
	min-width:192px;
	width:192px; /* 192px */
}


/*----------------------------------------------------------------------
	Basic colours and typography
----------------------------------------------------------------------*/

/* Basic */
body * {
	color:#333;
	line-height:1.5;
}

p,
ol,
ul,
dl,
address,
blockquote {
	margin-bottom:1.5em;
}
abbr, acronym { border-bottom:1px #bba dotted; }
blockquote {
	margin-left:2em;
}
b, dt, strong { font-weight:bold; }
cite, em, i { font-style:italic; }
code { font-size:1em; }


/* Links */
a {
	color:#0066a4 !important;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}


/* Headings */
h1, h2 {
	color: #792;
	font-family: Arial, helvetica, clean, Sans-Serif;
}
h1 *{
	color: #792;
}
h3, h4, h5 {
	color:inherit;
	font-family: Arial, helvetica, clean, Sans-Serif;
}
h1 {
	font-size:2em;
	font-weight:normal;
	line-height:1;
	margin:.5em 0;
}
h2 {
	font-size:1.3333em;
	font-weight:bold;
	line-height:1.25;
	margin-top:1.125em;
	margin-bottom:.5625em;
}
h3 {
	font-size:1.167em;
	line-height:1.428em;
}
h4 {
	font-size:1em;
	font-weight:bold;
	line-height:1.5em;
}
h5, h6 {
	font-size:.9167em;
	font-weight:bold;
}
h6 {
	color:#665;
}

.articleDate *
{
    color: #777766 !important;
    display:inline;
}
.articleDate{
    color: #777766 !important;
    font-size:0.9167em;
    display:inline;
}


/* Lists */

ol {
	list-style:decimal;
	margin-left:0;
}
ol ol {
	list-style:lower-latin;
}
ol ol ol {
	list-style:lower-roman;
}

ul {
}
ul ul {
	margin-bottom:0;
}

dd, dt {
	line-height:1.5;
}
dt {
	margin-top:.5em;
}

li {
	line-height:1.5;
	margin:0 0 .5em;
}

ol li {
	margin-left:1.5em;
}

ul li {
	background:transparent url(../images/bullet.gif) no-repeat 0 .45em;
	padding-left:1.5em;
}

/* Tables */
table {
	margin-bottom:1em;
}
th { font-weight:bold; }

/* Forms */
input {
	font-size:1em;
}
#yui-main input,
#yui-main textarea {
	border:1px solid #b8b2ae;
	display:inline;
	padding:.3182em 0;
}
#yui-main label {
	display: block;
	margin-top:.75em;
}


input.input-text {
	border:1px solid #b8b2ae;
	height:1em;
	padding:.3182em 0;
	width:11.273em;	
}
#yui-main input[type="submit"] {
	background:#0066a4;
	border:0;
	color:#fff;
	padding:.3182em;
}


/*----------------------------------------------------------------------
	Settings/overrides by region
----------------------------------------------------------------------*/

/* Skip links */
#skip-links {
	position:absolute;
	left:-999em;
}


/* Bulletin */
#header_menu1 {
	background:#91a93e url(/BCCDC/images/bg-alert.jpg) repeat-x 0 0;
	height:1.375em;
	padding:.75em;
}

#header_menu1 p  {
	color:#fff;
	font-size:.93em;
	font-weight:bold;
	margin:0 auto;
	padding-right:2em;
	text-align:right;
	width:960px;
}

#header_menu1 p img {
	padding-right:.5em;
	vertical-align:middle;
}

/* Home splash and quick nav */

#home-splash,
#home-quick-nav {
	border-bottom:3px solid #b8b8b0;
	border-top:1px solid #b8b5b0;
	height:253px;
	overflow:hidden;
	padding:2px 0;
}

#home-splash h1 {
	margin:0;
	padding:0;
}


/* Home quick nav */

#home-quick-nav {
	background:transparent url(../images/bg-home-info-for.gif) repeat-x 0 2px;
}

	#home #home-quick-nav h2 {
		border-style:none !important;
		color:#000 !important;
		height:3em;
		line-height:3em;
		padding:0 .5em !important;
		text-transform:uppercase;
	}

	#home-quick-nav ul {
		border-style:none !important;
		padding-left:.5em;
		padding-right:.5em;
	}
	
		#home-quick-nav ul li {
			
			padding-left:0;	
		}
		
			#home-quick-nav ul li img {
				vertical-align:middle;
				margin-right:.25em;
			}


/* Primary content region */
#primary-content h3.content-block-header,
#home #primary-content h2 {
	background:#90a93d url(../images/bg-callout-header-left.gif) no-repeat 0 0;
	position:relative;
}

#home #primary-content h2,
#home #secondary-content h2 {
	margin-top:0;
}

#primary-content .content-block {
	padding:1em;
}

#home #primary-content .content-block {
	margin-bottom:.75em;
}

#primary-content li {
	margin-top:.5em;
}

/* Secondary content region */
	#secondary-content h2 {
		background:#01659e url(../images/bg-subnav-header.gif) no-repeat 0 0;	
	}
	
	#home #secondary-content h2 {
		background:#90a93d url(../images/bg-callout-header-left.gif) no-repeat 0 0;	
		position:relative;
	}
	
#home #secondary-content img {
	margin-bottom:1em;
}

	#home #secondary-content p {
		color:#776;
		margin-bottom:1em;
	}
	
	#home #secondary-content p a {
	/*	display:block; */
	}

/* Tertiary content region */
	#tertiary-content h2 {
		background:#90a93d url(../images/bg-callout-header-left.gif) no-repeat 0 0;
		position:relative;
	}

	#tertiary-content h3 {
		color:#000;
		font-size:1em;
		font-weight:bold;
		margin-bottom:1.5em;
	}
	
	


/* Common content regions */
#header_menu1,
#header,
#home-content,
#primary-content,
#secondary-content,
#tertiary-content,
#ft {
	font-size:.923em;
	line-height:1.5;
}

#home-quick-nav h2,
#home #primary-content h2,
#secondary-content h2,
#tertiary-content h2,
#primary-content h3.content-block-header {
	border-bottom:1px solid #fff;
	color:#fff;
	font-size:.923em;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:1.5;
	margin-bottom:0;
	margin-top:0;
	min-height:1.132em;
	padding:.432em 1em;
	text-transform:uppercase;
}


/*----------------------------------------------------------------------
	Navigation and tools
----------------------------------------------------------------------*/

/* Navigation */
#menuBar {
	font-size:.8462em;
	padding:0;
	clear:left;
}
	#menuBar * {
		line-height:1.273;
	}
	
	#menuBar table
	{
	    margin-bottom:0;
	}

	#menuBar ul  
	{
		height:36px;
		list-style-type:none;	
		margin:0 !important;
		overflow:hidden;
		padding:0;
	    
	}
	
		#menuBar ul li,
		table.tabMenuItem {
			background:transparent url(/Bccdc/Images/nav-border.gif) repeat-x 100% 0;
			float:left;
			letter-spacing:.1em;
			padding-left:0;
			width:137px;
		}
		
			#menuBar ul li a,
			a.tabMenuItem 
			{
			    background:#7c7974 url(/Bccdc/Images/nav-button-mid.gif) repeat-x 0 0;
				color:#fff !important;
				font-weight:bold;
				float:left;
				height:32px;
				overflow:hidden;
				padding-top:4px;
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
				width:136px;
			}
			td.tabMenuItemFirst a,
			#menuBar ul li.tabMenuItemFirst a {
				background-image:url(/Bccdc/Images/nav-button-left.gif);
			}
			
			td.tabMenuItemLast a,
            #menuBar ul li.tabMenuItemLast a{
                width: 138px;
                background-image: url(/Bccdc/Images/nav-button-right.gif);
	            background-repeat:no-repeat;
	            background-position: 100% 0;
            }
            td.tabMenuItemLast a:hover,
            td.tabMenuItemLast a:active,
            td.tabMenuItemLast a.tabMenuActive,
			#menuBar ul li.tabMenuItemLast a:hover,
			#menuBar ul li.tabMenuItemLast a:active,
			#menuBar ul li.tabMenuItemLast a.tabMenuActive {
				background-position:100% -36px;	
			}
			
			a.tabMenuItem:hover,
			a.tabMenuItem:active,
			a.tabMenuItem.tabMenuActive,
			#menuBar ul li a:hover,
			#menuBar ul li a:active,
			#menuBar ul li a.tabMenuActive {
					color:#333 !important;
					background-position:0 -36px;
			}
			
			table.tabMenuItem td
			{
			    white-space:normal !important;
			}


			
/* Breadcrumbs */						
p#breadcrumb {
	background:#fff url(../images/bg-breadcrumb.gif) repeat-x bottom left;
	border-bottom:1px solid #b8b5b0;
	clear:both;
	color:#776;	
	height:2.364em;
	line-height:2.364;
	margin:0 !important;
	padding:0 .273em !important;
}

	p#breadcrumb a {
		color:#776;
		text-decoration:none;
	}
	
	p#breadcrumb a:hover,
	p#breadcrumb a:active,
	p#breadcrumb a.current {
		text-decoration:underline;	
	}		
		
/* Utilities */		
#utilities 
{
    line-height:1.273;
    padding:0.15em 0.27em 0px 0.27em;
}
			
			
/* Text size and tools */
#text-size,
.tools {
	float:left;
	margin-bottom:0;
	width:49%;
}
	
#text-size {
	position:relative;	
}
	
.tools {
	text-align:right;	
}

				
	#text-size p,
	#text-size ul,
	#text-size li,
	.tools li {
		background:transparent;
		color:#776;
		display:inline;	
		margin-bottom:0;
		padding-left:0;
	}
	
	.tools li {
		background-color:transparent;
		background-position:0 0;
		background-repeat:no-repeat;
		padding-left:15px;
		padding-right:1em;
	}
						
	.tools li.print {
		background-image:url(../images/icon-print.gif);
		background-position:3px 0
	}
	
	.tools li.share {
		background-image:url(../images/icon-share.png);
	}
	
	.tools li.email {
		background-image:url(../images/icon-email.gif);
	}
	
	.tools li.bookmark {
		background-image:url(../images/icon-share.gif);
	}
	
	.tools li.subscribe {
		background-image:url(../images/icon-rss.gif);
	}
						
		.tools li a {
			color:#776;
			text-decoration:none !important;
		}
						
		.tools li a:hover,
		.tools li a:active,
		.tools li a.current {
			text-decoration:underline !important;	
		}
						
	#text-size ul {
		position:absolute;
		left:5em;
		top:.4em
	}

		#text-size ul li {
			display:inline;	
		}
						
				#text-size li a {
					background-color:transparent;
					background-position:0 0;
					background-repeat:no-repeat;
					display:block;
					float:left;
					height:1px;
					overflow:hidden;
					margin-right:5px;
					padding-top:15px;
					width:16px;
				}				
				
				#text-size li a:hover,
				#text-size li a:active {
					background-position:0 -16px !important;	
				}
				
				#text-size li a#small {
					background:url(../images/text-s.gif);	
				}
				
				#text-size li a#medium {
					background:url(../images/text-m.gif);	
				}
				
				#text-size li a#large {
					background:url(../images/text-l.gif);	
		}


/* Sub-nav menu */
#sub-nav {
	list-style-type:none;	
}

	#sub-nav li {
		background:transparent;
		margin-bottom:.5em;
		padding-left:0;
	}

		#sub-nav li a { /* 1st-level (and below) */
			background-repeat:no-repeat !important;
			display:block;
			font-weight:bold;
			padding-left:1em;
		}
		
		#sub-nav li a:hover,
		#sub-nav li.expanded li li a:hover,
		#sub-nav li.expanded li.expanded li a:hover,
		#sub-nav li.expanded a:hover,
		#sub-nav li.expanded li.expanded a:hover,
		#sub-nav li a.current,
		#sub-nav li li a.current,
		#sub-nav li li li a.current {
			background-position: 0 4px;
			color:#c60;
			font-weight:bold;
		}	
			#sub-nav li a:hover,
			#sub-nav li.expanded li a:hover,
			#sub-nav li.expanded li li a:hover,
			#sub-nav li.expanded li.expanded li a:hover {
				background-image:url(../images/subnav-arrow-right-hollow.gif);
				font-weight:bold;
			}	
			#sub-nav li a.current,
			#sub-nav li li a.current,
			#sub-nav li li li a.current { /* active items */
				background-image:url(../images/subnav-arrow-right.gif) !important;
				font-weight:bold !important;
			}
			#sub-nav li a.current:hover,
			#sub-nav li li a.current:hover,
			#sub-nav li li li a.current:hover { /* active items */
				font-weight:bold !important;
			}
		
		#sub-nav li.expanded a,
		#sub-nav li.expanded a:hover,
		#sub-nav li.expanded li.expanded a,
		#sub-nav li.expanded li.expanded a:hover { /* items with children */
			background-image:url(../images/subnav-arrow-down.gif);
			background-position:0 7px;
		}
		
			#sub-nav li.expanded a.current {
				background-image:url(../images/subnav-arrow-down.gif) !important; /* N.B. "expanded" style trumps "current" style */
			}
			
			#sub-nav li.expanded li a, /* non-expanded 2nd-level items */
			#sub-nav li.expanded li li a,
			#sub-nav li.expanded li.expanded li a { /* 3rd-level items */
				background:transparent;
				color:#0066a4;
			}
			
			#sub-nav li ul {
				margin:.5em 0 0 0;	
			}
			
				#sub-nav ul ul { /* 3rd-level lists */
					font-size:.9167em;
					line-height:1.64em;
				}
		
				#sub-nav li.expanded li a { /* 2nd-level items */
					font-weight:normal;
					padding-left:1.83em;
				}
				#sub-nav li.expanded li a,
				#sub-nav li.expanded li a:hover {
					background-position: 1em 4px !important;
				}
				
				#sub-nav li.expanded ul li a.current { /* ACTIVE 2nd-level items */
					color:#c60;
					font-weight:bold;
				}
				
					#sub-nav li.expanded ul li ul li a,
					#sub-nav li.expanded ul li a.current ul li a { /* 3rd-level children of active 2nd-level items */
						background:transparent;
						color:#0066a4;
						font-size:.983em;
						font-weight:normal;
						padding-left:3em;
					}
					#sub-nav li.expanded ul li ul li a:hover,
					#sub-nav li.expanded ul li ul li a.current,
					#sub-nav li.expanded ul li ul li a.current:hover {
						background-position:2em 4px !important;
						font-weight:normal;
					}
					
					#sub-nav ul ul ul { /* 4th-level items (and below) - keep font size @ 11px */
						font-size:1em;
					}


/* Content and general classes */

.alpha-list {
	font-size:1.08333em;
	margin-bottom:2em;
}

	.alpha-list li {
		background:transparent;
		display:inline;
		padding:0 0 0 .5em;
	}
	
		.alpha-list li a {
			font-weight:bold;
			padding:0;
		}

.caption {
	color:#776;
	font-size:.9167em;
}

.content-block {
	background:transparent url(../images/bg-gradient.gif) repeat-x 0 0;
	border-bottom:3px solid #edeceb;
	margin-bottom:1.5em;
	overflow:hidden;
	padding-left:.8333em;
	padding-right:.8333em;
	padding-top:1em
}

span.cr {
	background:#90a93d url(../images/bg-callout-header-right.gif) no-repeat 0 0;
	background-color: #90a93d;
	display:block;
	min-height:26px;
	position:absolute;
	right:0;
	top:0;
	width:26px;
}

.date {
	color:#776;
	font-size:.9167em;
}

.home-list {
	
}

	.home-list li {
		background:transparent;
		padding-left:0;	
	}
	
		.home-list li a {
			font-size:1.167em;
			font-weight:bold;
		}
		
.list-beginning,
.list-end {
	float:left;
	width:50%;
}

.left-align {
	float:left;
	margin-right:.833em;
}

.more {
	margin-bottom:0;
	text-align:right;
}

#home #secondary-content p.more {
	font-weight:normal
}

.required {
	color:#b00;
}

.simple-list li {
	background:none;
	margin:0;
	padding:0;
}
.top-link {
	font-weight:bold;
	text-align:right;
}

dd.search_url { font-size:.9167em; }
dd.search_url, dd.search_url a { color:#776; }
form#search-again { margin:0 0 1em; }
#yui-main #search-again label { display:inline; }


.clearing {
	height:0;
	clear:both;
}

.hide {
  position:absolute;
  left:-999em;
}

/*-------------------------------------------------------------------------
Codes added by me
-------------------------------------------------------------------------*/
/* Header (#hd) */

#header_menu1 a
{
    color: #ffcc55 !important;
    text-decoration:underline;
}

#header 
{
    height:100px;
    position:relative;
}

#header .headerMenu
{
}

.masthead
{
	display: block;
	clear:both;
	float: none;
}

#masthead #header {
	background:#fff;
	padding:10px;
	margin-bottom:2em;
}

	#header #logo 
	{
	    position:absolute;
	    top:1px;
	    border:0px;
	    z-index:0;
	}
	
#header #logo a
{
    display:block;
    /*background:transparent url(/Bccdc/images/BCCDC-logo.gif) no-repeat 0 -10px;
    height:0px;
    overflow:hidden;
    padding-top:100px;*/
    width:258px;
}

#header div 
{
	margin-bottom:0;
	text-align:right;
	background:transparent;
	font-size:0.92em;
	height:1.8181em;
	line-height:1.8181;
	margin:0;
	padding:0 .45em 0 .36em;
}

#header div#header_menu4 
{
	position:absolute;
	bottom:5px;
	right:10px;
	height:2em;
}

#header_menu4 table td
{
    padding-left:2px;
    padding-right:2px;
}

#last_updated
{
	text-align: center;
	font-size: .8em;
	color:Gray;
	width:300px;
}
/*------------------------------------------------------------
  Home Page styles
------------------------------------------------------------*/
.homeLeft
{
	float: left;
}
.homeLeftOuter
{
	float: left;
}
.homeMiddle
{
	float: left;
	width: 340px;
}
.mainInner
{
	float: left;
	width: 420px;
}

.mainInnerWide
{
	float: left;
	width: 660px;
}

.rightSidebar
{
	float: left;
	width: 150px;
	margin-top:30px;
}

/*------------------------------------------------------------
  MetaData
------------------------------------------------------------*/

.metaDataPanel
{
	display: block;
	width: 100%;
	clear: both;
	padding: 10px;
}

/*------------------------------------------------------------
  Custom authoring-mode styles for Telerik r.a.d. editor
------------------------------------------------------------*/

.RadEContentBordered {
    font-size:75%;
}

/*------------------------------------------------------------
  Styles for DetailsTable used to populate non-cms database
------------------------------------------------------------*/
.DetailTitle 
{
     padding-bottom:3px; 
}
.DetailContent
{
/*     padding-bottom:20px;*/
	padding-bottom: 0px;
}

/* sub-bullet */
.mainInner ul ul,
.rightSidebar ul ul,
.RadEContentBordered ul ul,
.mainInner ol ol,
.rightSidebar ol ol,
.RadEContentBordered ol ol,
.mainInner ul ol,
.rightSidebar ul ol,
.RadEContentBordered ul ol,
.mainInner ol ul,
.rightSidebar ol ul,
.RadEContentBordered ol ul
{
    padding-left: 1.5em;
	margin-bottom: 0.25em;
	margin-top:0.25em;
}
.mainInner ul ul li,
.rightSidebar ul ul li, 
.RadEContentBordered ul ul li
{
	background: url(../images/bullet_small.gif) no-repeat 0.2em 0.6em;
}

.mainInner li,
.rightSidebar li,
.RadEContentBordered li
{
	margin-bottom: 0.25em;
	margin-top: 0.25em;
}

.mainInner ul,
.rightSidebar ul,
.RadEContentBordered ul,
.mainInner ol,
.rightSidebar ol,
.RadEContentBordered ol
{
	margin-bottom: 1.5em;
	margin-top: 0.25em;
}

.mainInner .overviewInternalLinksLeft,
.mainInner .overviewInternalLinksLeft li,
.mainInner .overviewInternalLinksRight,
.mainInner .overviewInternalLinksRight li
{
	margin-top: 0em !important;
}

/*----------------------------------------------
Meta Validation text
-----------------------------------------------*/
.metaValidate li, .metaValidate strong
{
    color: Red !important;
}

/*----------------------------------------------
Search Page
-----------------------------------------------*/
div.search-results-container { margin: 10px 0; font-family: Arial; font-size: 12px; width: 700px; }
div.search-results-summary { margin: 0 0 15px 0; padding: 2px; line-height: 20px; background-color: #dedede; width: 700px; }
div.search-results-container div.item { margin: 0 0 15px 0; padding: 0; }
div.search-results-container div.item a.pagetitle-link { font-size: 16px; }
div.search-results-container div.item span.full-url { color: #666666; font-size: 11px; }
div.search-results-container div.paging { font-size: 14px; }
div.search-results-container div.paging a { font-size: 14px; padding: 0 4px; }
div.search-results-container div.paging a.current { color: Black !important; font-weight: bold; }
div.search-results-container .ext { font-size: 10px; display: none; }
div.search-results-container .item .doc {
	background: url(/Bccdc/images/icon_docx.gif) no-repeat left center;
	padding-left: 18px;
}
div.search-results-container .item .ppt {
	background: url(/Bccdc/images/icon_pptx.gif) no-repeat left center;
	padding-left: 18px;
}
div.search-results-container .item .xls {
	background: url(/Bccdc/images/icon_xlsx.gif) no-repeat left center;
	padding-left: 18px;
}
div.search-results-container .item .pdf {
	background: url(/Bccdc/images/icon_pdf.gif) no-repeat left center;
	padding-left: 18px;
}
div.search-results-container .item .pagetitle-link strong {
	color: #0066A4 !important;
}
.featureFrameSmall .helloworld
{
	color: blue;
}

.helloworld
{
	color: Aqua;
}
.subscription-result-success
{
	margin-top:5px;
	height:auto;
	width:auto;
	padding-left:25px;
	background-image: url("/BCCDC/Images/success-checkmark.png");
	background-repeat: no-repeat;
}
.subscription-result-error
{
	margin-top:5px;
	height:auto;
	width:auto;
	padding-left:25px;
	background-image: url("/BCCDC/Images/error-checkmark.png");
	background-repeat: no-repeat;
	color: Red;
}
.subscription-inprogress
{
	margin-top:5px;
	height:auto;
	width:auto;
	padding-left:25px;
	background-image: url("/BCCDC/Images/in_progress.gif");
	background-repeat: no-repeat;
}

.subscription-hidden
{
	display:none;
}


/* -----------------------------------------------------------
Footer styles
------------------------------------------------------------*/
	#ft_3imgcontainer {
		padding:0;
		padding-bottom:0px;
		margin:0;
		}

	#ft_3imgstrip {		
		padding:0;
		margin:0px;
		list-style-type: none;
	}

	#ft_3imgstrip li {
		display: inline;
		background-repeat:no-repeat;
		background-position: 0 3px;
		padding: 3px 1.6em 0 2.0em;
		}
		
	#ft_3imgstrip li a 	
	{
	    font-size:10px;
	}
		
	#ft_3imgstrip .ft_emerg {
		background-image:url(../images/icon-emergency.png);
	}	
	#ft_3imgstrip .ft_comment {
		background-image:url(../images/icon-comments.png);
	}
	#ft_3imgstrip .ft_hlthlink {
		background-image:url(../images/icon-mouse.png);
	}
	
#footer 
{
    border-top:1px solid #b8b5b0;
    padding-top:5px;
}
    

/* Footer (#ft) */
#ft {
	background:#fff;
	font-size:.846em !important;
	line-height:1.273;
	padding-bottom:4em;
	padding-top:2em;
}

	#ft p {
		color:#776;
		margin-bottom:.818em;
	}

		#ft p img {
			/*float:left;*/
			margin:.45em .909em .45em 0;
		}

	#ft a {
		text-decoration:underline;
	}

	#ft a:hover,
	#ft a:active {
		text-decoration:none;
	}

	#ft .tools {
		border-bottom:1px solid #b8b5b0;
		float:none;
		line-height:2.364;
		margin-bottom:1em;
		width:auto;
	}
	

.DetailContent span {
	display: block !important;
}
#FSpopup a {
color: white !important
}