/*
 ******************************************************************
 * Copyright 2006 Vancouver Coastal Health                       *
 * Last modified: 03/02/2007                                      *
 * Author: Francis Pilon                                          *
 *                                                                *
 * Content rules for core and mini-sites                          *
 *                                                                *
 ******************************************************************
 */


/******************************************************************
 * General Rules
 ******************************************************************/
body {
	margin:0;
	background-color: #fff;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-size:75%; 
	color:#000;
	width:780px;
	}
	
p, dd {
	line-height: 1.5em;
	margin-bottom:0;
	}

hr {
	clear:both; 
	color:#ccc; 
	background-color:#ccc; 
	height: 1px; 
	border:0;
	margin:0; 
	padding:0;
	}

.small {
	font-size:0.8em;
	}

.noseeme {
	display: none;
	}

pre{
	background-color:#EFF6C6;
	padding:.5em;
	font-size:12px;
	}
	
/******************************************************************
 * Lists
 ******************************************************************/
ul#inline_bullet {
	list-style:none;
	margin:.4em 0em 0em .1em;
	padding:0;
	}

ul#inline_bullet li {
	list-style:none;
	float:left;
	margin:0 .2em 0em .2em;
	padding:0 .8em 0em 0;
	}

ul#inline_nobullet {
	list-style:none;
	margin:1em 0;
	padding:0 0 2em;
	}

ul#inline_nobullet li {
	list-style:none;
	float:left;
	margin:0 .2em 0 0;
	border:1px solid #DEEB8D;
	text-align:center;
	}

ul#inline_nobullet li a{
	display:block;
	padding:0 .3em 0 .3em;
	}

#toggleable {
	clear:both;
	}
	
#contents li, #contents ul {
	line-height:1.7em;
	list-style-image:url(/images/icons/listgrey.gif);	
	}
	
#contents ul li li, #contents li ul li ul li  {
	list-style-image:url(/images/icons/listgreySm.gif);
	margin-left: -22px;
	}

#contents .li_block,
#contents div.highlight li.li_block {
	list-style-image:url(/images/icons/listgrey.gif);
	padding-bottom: 1em;
	}	
	
#contents .li_pdf,
#contents div.highlight li.li_pdf {
	list-style-image:url(/images/icons/acrobat.gif);
	margin-right: 1em;
	}
	
#contents .li_web,
#contents div.highlight li.li_web {
	list-style-image:url(/images/icons/web.gif);
	}
	
#contents .li_doc,
#contents div.highlight li.li_doc {
	list-style-image:url(/images/icons/word.gif);
	}
	
#contents .li_xls,
#contents div.highlight li.li_xls {
	list-style-image:url(/images/icons/excel.gif);
	}
	
#contents .li_mov,
#contents div.highlight li.li_mov {
	list-style-image:url(/images/icons/vid.gif);
	}
	
#contents .li_ppt,
#contents div.highlight li.li_ppt {
	list-style-image:url(/images/icons/ppt.gif);
	}

#contents .li_swf,
#contents div.highlight li.li_swf {
	list-style-image:url(/images/icons/swf.gif);
	}
	
#contents .li_email,
#contents div.highlight li.li_email {
	list-style-image:url(/images/icons/email.gif);
	}
	
#contents .li_star,
#contents div.highlight li.li_star {
	list-style-image:url(/images/icons/star.gif);
	}
	
#contents .li_vch,
#contents div.highlight li.li_vch {
	list-style-image:url(/images/icons/vch.gif);
	}
	
#contents .li_partner,
#contents div.highlight li.li_partner {
	list-style-image:url(/images/icons/partner.gif);
	}
	
#contents .li_flag,
#contents div.highlight li.li_flag {
	list-style-image:url(/images/icons/flag.gif);
	}
	
#contents .li_fee,
#contents div.highlight li.li_fee {
	list-style-image:url(/images/icons/fee.gif);
	}
	
#contents .li_next,
#contents div.highlight li.li_next {
	list-style-image:url(/images/icons/next.gif);
	}
		
#contents .li_none {
	list-style-image:url(/images/main/spacer.gif);
	}

#contents li.li_pdf a,
#contents li.li_web a,
#contents li.li_doc a,
#contents li.li_xls a,
#contents li.li_mov a,
#contents li.li_ppt a,
#contents li.li_swf {
	margin-left:.2em;
	}
	
/******************************************************************
 * Headers
 ******************************************************************/

/**********************************
 * h1                 
 */
h1 {
	font-weight:normal;
	font-size:2.5em;
	color:#f60;
	text-decoration:none;
	margin-top:.5em;
	}
	
.head1 a:link, 
.head1 a:visited, 
.head1 a:active {
	font-weight:normal;
	color:#f60;
	text-decoration:none;
	}
	
.head1 a:hover, 
.head1 a:visited:hover {
	font-weight:normal;
	color:#f60;
	background-color:#ffe1ce;
	text-decoration:none;
	}

/**********************************
 * h2        
 */
h2 {
	font-weight:normal;
	font-size:1.5em;
	margin: 15px 0 0;
	padding-bottom: 15px;
	border-bottom: 1px dotted #999;
	}
	
.head2 a:link, 
.head2 a:visited, 
.head2 a:active {
	font-weight:normal;
	margin: 15px 20px 25px 0;
	text-decoration:none;
	color:#000;
	}
	
.head2 a:hover, 
.head2 a:visited:hover {
	color:#666;
	font-weight:normal;
	margin: 15px 20px 25px 0;
	text-decoration:none;
	color:#000;
	}

/**********************************
 * h3
 */
h3 {
	color:#05407F;
	font-size:1.2em;
	font-weight:bold;
	margin:20px 0 0;
	}
	
.head3 a:link, 
.head3 a:visited, 
.head3 a:active {
	color:#05407F;
	font-weight:bold;
	margin:20px 0 0;
	text-decoration:none;
	}
.head3 a:hover, 
.head3 a:visited:hover {
	color:#069;
	font-weight:bold;
	margin:20px 0 0;
	text-decoration:none;
	}

/******************************************************************
 * Tables
 ******************************************************************/
table {
	border:none;
	}
	
th {
	background-color:#fff;
	color:#05407F;
	font-size:1em;
	font-weight:bold;
	padding: 5px;
	vertical-align: top;
	text-align:left;
	border-bottom:1px solid #666;
	}
	
td {
	padding: 5px;
	vertical-align: top;
	}
		
td a:link, 
td a:visited, 
td a:active {
	text-decoration:underline;
	color:#069;
	}
	
td a:hover,
td a:visited:hover {
	color:#069;
	text-decoration:none;
	background-color:#CCE0EB;
	}
	
.tt {
	border:1px solid #A6A6A6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.tt th {
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#05407F;
	font-size:13px;
	font-weight:bold;
	padding: 5px;
	vertical-align: top;
	text-align:left;
	border-bottom:1px solid #666666;
	}
.tt td {
	background-color:#F5F5F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px;
	vertical-align: top;
	border-bottom:1px solid #999;
	}
.tt td a:link, .tt td a:visited, .tt td a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#006699;
}
.tt td a:hover, .tt td a:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006699;
	text-decoration:none;
	background-color:#CCE0EB;
	}

/******************************************************************
 * Highlight Boxes
 ******************************************************************/
div.highlight {
	border:1px solid #999;
	background:#f5f5f5;
	padding:0 0 .5em;
	margin:1em 0;
	}

div.highlight * { /*all children have padding*/
	padding-left:1em;
	padding-left:1em;
	}

div.highlight h4{
	color:#05407F;
	font-size:1.2em;
	font-weight:bold;
	background:#fff;
	margin:.5em 0;
	padding-top:.5em;
	padding-bottom:.5em;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	}

div.highlight img {
	margin:0;
	padding:0;
	}
	
div.highlight span.inset {
	width:217px;
	margin-left:1em;
	margin-right:1em;
	padding:1px;
	border: 1px solid #ccc;
	background:#fcfcfc;
	}
	
div.highlight span.alignRight {
	float:right;
	margin-top:1em;
	}
	
div.highlight span.alignLeft {
	float:left;
	margin-top:1em;
	}

p.caption{
	margin:0;
	padding:0 3px;
	font-size:.8em;
	}

#contents div.highlight ul{
	margin:.5em 1em 0;
	padding:0;
	list-style:none;
	}

#contents div.highlight li,
#contents div.highlight li.li_pdf,
#contents div.highlight li.li_web,
#contents div.highlight li.li_doc,
#contents div.highlight li.li_xls,
#contents div.highlight li.li_mov,
#contents div.highlight li.li_ppt,
#contents div.highlight li.li_swf{
	margin:0 0 0 2em;
	padding:0;
	}

#contents div.card li{
	margin:0;
	list-style-image:none;
	}
				
div.highlight h5{
	font-size:1em;
	font-weight:bold;
	list-style-image:none;
	padding:.5em 1em 0;
	margin:.5em 0 0;
	border-top:2px solid #fff;
	}
	
div.highlight li.li_desc{
	font-weight:normal;
	list-style-image:none;
	}
		
div.highlight div.col2 {
	width:47%; 
	float:left;
	}
	
div.highlight div.col3 {
	float:left;
	}

#contents div.highlight div.col2 li{
	margin-left:1em;
	}

div.highlight strong{
	padding:0;
	margin:0;
	}
	
/******************************************************************
 * Tabs
 ******************************************************************/

#TabbedPanels1 .highlight{
	border-color:#f5f5f5;
	}
	
.TabbedPanels {
	margin: 1.6em 0px 1em 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 98%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

#contents .TabbedPanelsTabGroup li, #contents .TabbedPanelsTabGroup ul, #contents .TabbedPanelsTab li, #contents .TabbedPanelsTab ul {
	list-style: none;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 8px;
	margin: 0px 1px 0px 0px;
	font: normal 1.1em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabAlpha {
	position: relative;
	top: 1px;
	float: left;
	padding: 1px 4px;
	margin: 0px 1px 0px 0px;
	font: normal 1.1em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #CCC;
}

.TabbedPanelsTabSelected {
	background-color: #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #f5f5f5;
}

.TabbedPanelsContentVisible {
}

/******************************************************************
 * Asalink: displays <input type="button"> as a link
 ******************************************************************/
input.asalink { 
	border: 0px; 
	border-left: 0px; 
	color: #069; 
	text-decoration: underline;
	background-color:#fff;
	text-align: left;
	cursor:hand;
	width: 76%;
	}
	
:hover input.asalink {
	border: 0px; 
	border-left: 0px; 
	color: #069; 
	text-decoration: none;
	background-color:#cce0eb;
	text-align: left;
	cursor:hand;
	width: 76%;
	}

/******************************************************************
 * Search
 ******************************************************************/	

/**********************************
 * Advanced Search Page
 */
table#search_tbl_main {
	border-top: 1px solid #A6A6A6;
	border-left: 1px solid #A6A6A6;
	}
	
table#search_tbl_main td {
	vertical-align: top;
	border-right: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 5px
	}
	
table#search_tbl_pager {
	border:0;
	}
	
table#search_tbl_pager td {
	vertical-align: top;
	border:0;
	padding: 0;
	}
	
#search_ico {
	height: 15px;
	vertical-align: top;
	border: 0;
	}
	
#search_title a {
	vertical-align: top;
	}
	
#search_summary {
	font-size: 1em;
	}
	
#search_url a {
	font-size: 0.8em;
	color: #069;
	}
	
#dark_stick {
	font-size: 0.6em;
	color: #069;
	letter-spacing: -3px;
	vertical-align: top;
	}
	
#light_stick {
	font-size: 0.6em;
	color: #A6A6A6;
	letter-spacing: -3px;
	vertical-align: top;
	}
	
#search_info {
	font-size: 0.8em;
	vertical-align: top;
	}
	
#search_info td {
	font-size: 0.8em;
	vertical-align: top;
	}
	
#search_radio {
	vertical-align: middle;
	}

/******************************************************************
 * Images see  /websolutions/implementations/gallery.htm
 ******************************************************************/	
img {
	border:0;
	}

span.imgBoxLeft {
	float:left;
	margin:1em 1em 1em 0;
	padding:2px;
	border:1px solid #999;
	}

span.imgBoxRight {
	float:right;
	margin:1em 0 1em 1em;
	padding:2px;
	border:1px solid #999;
	}		
	
span.gallery {
	clear:both;
	display:block;
	height:1%;
	}

span.gallery span {
	float:left;
	margin:1em 8px;
	padding:2px;
	border:1px solid #999;
	}

span.gallery p,
span.imgBoxLeft p,
span.imgBoxRight p {
	font-size:.8em;
	color:#666;
	margin:0;
	word-wrap: break-word; /* IE */
	}