/*
 ******************************************************************
 * Copyright 2006 Vancouver Coastal Health                       *
 * Last modified: 03/02/2007                                      *
 * Author: Francis Pilon                                          *
 *                                                                *
 * Content rules for High Contrast in core and mini-sites         *
 *                                                                *
 ******************************************************************
 */
 
html,
body{
	color:#fff;
	}

/******************************************************************
 * Lists
 ******************************************************************/
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;
	width:1.3em;
	}

#toggleable {
	clear:both;
	}

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

#contents .li_block {
	line-height:1.7em;
	list-style-image:url(/images/icons/listgreyHc.gif);
	padding-bottom: 1em;
	}	
	
#contents .li_pdf {
	line-height:1.7em;
	list-style-image:url(/images/icons/acrobatHc.gif);
	}
	
#contents .li_web {
	line-height:1.7em;
	list-style-image:url(/images/icons/webHc.gif);
	}
	
#contents .li_doc {
	line-height:1.7em;
	list-style-image:url(/images/icons/wordHc.gif);
	}
	
#contents .li_xls {
	line-height:1.7em;
	list-style-image:url(/images/icons/excelHc.gif);
	}
	
#contents .li_mov {
	line-height:1.7em;
	list-style-image:url(/images/icons/vidHc.gif);
	}
	
#contents .li_ppt {
	line-height:1.7em;
	list-style-image:url(/images/icons/pptHc.gif);
	}
	
#contents .li_swf {
	line-height:1.7em;
	list-style-image:url(/images/icons/swfHc.gif);
	}	
	
#contents .li_none {
	line-height:1.2em;
	list-style-image:url(/images/main/spacer.gif);
	padding-bottom: 0.5em;
	}
		
/******************************************************************
 * Headers
 ******************************************************************/
h1 {
	font-weight:normal;
	font-size:2.5em;
	color:#fff;
	text-decoration:none;
	}
	
.head1 a:link, .head1 a:visited, .head1 a:active {
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	}
	
.head1 a:hover, .head1 a:visited:hover {
	font-weight:normal;
	background:#ff0;
	text-decoration:none;
	color:#000;
	}

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

h3 {
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	margin:20px 0 0;
	}
.head3 a:link, .head3 a:visited, .head3 a:active {
	color:#fff;
	font-weight:bold;
	margin:20px 0 0;
	text-decoration:none;
	}
.head3 a:hover, .head3 a:visited:hover {
	background:#ff0;
	font-weight:bold;
	margin:20px 0 0;
	text-decoration:none;
	color:#000;
	}

/******************************************************************
 * Tables
 ******************************************************************/
.tt table {
	border:none;
	}
	
.tt th, th {
	background-color:#333;
	color:#ff0;
	font-size:1em;
	font-weight:bold;
	padding: 5px;
	vertical-align: top;
	text-align:left;
	border-bottom:1px solid #ffff80;
	}
	
.tt td, td {
	background-color:#000;
	padding: 5px;
	vertical-align: top;
	}
	
td a:link, 
td a:visited, 
td a:active {
	text-decoration:underline;
	color:#ff0;
	}
	
td a:hover,
td a:visited:hover {
	color:#000;
	text-decoration:none;
	background-color:#ffffc0;
	}

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

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

div.card h4{
	border-top:2px solid #ff0;
	}

div.highlight img {
	margin-left:1em;
	margin-right:1em;
	}

div.highlight p{
	position:relative;
	color:#fff;
	margin-left:1em;
	margin-right:1em;
	}

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

#contents div.card ul{
	margin-left:0;
	}
	
#contents div.highlight li{
	margin-left:4em;	/* Affects the li_"binary" classes */
	}

#contents div.card li{
	list-style-image:none;
	margin-left:1em;
	padding-left:0
	}
	
#contents div.highlight li.li_title{
	font-weight:bold;
	list-style-image:none;
	padding:0 0 .5em;
	margin-left:1em;
	border-top:1px solid #ccc;
	}
	
#contents div.highlight li.li_desc{
	font-weight:normal;
	list-style-image:none;
	padding:0 0 .5em 1em;
	margin-left:1em;
	}
	
div.highlight div.col2 {
	width:49%; 
	float:left;
	}
	
/******************************************************************
 * Tabs
 ******************************************************************/

#TabbedPanels1 .highlight{
	border-color:#fff;
	}
	
.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;
	color:#ff0;
	background-color: #333;
	list-style: none;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-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;
	color:#ff0;
	background-color: #333;
	list-style: none;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #000;
}

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

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

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

.TabbedPanelsContentVisible {
}


/******************************************************************
 * Page navigation 
 ******************************************************************/
.nav {
	color: #999;
	}
	
.nav a:link, .nav a:visited, .nav a:active {
	text-decoration:underline;
	color: #999;
	}
	
.nav a:hover, .nav a:visited:hover {
	color:#222;
	text-decoration:none;
	}
	
/******************************************************************
 * 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
 ******************************************************************/
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;
	}