/* File: basic.css  */
/* Author: CMCB, Health Canada */
/* Date: 2004-06-08 */
/* Purpose: This style sheet will work in all all CSS-Level 1 compliant Browsers.
   Note the font sizing fields all use pt's which are not re-sizable except in
   Netscape 4.X. An additional style sheet "advanced.css" will overwrite all sizing
   options in this one with Percentage sizing. */

/* Sets font characteristics for all basic tags */
body, p, blockquote, table, td, th, li, ul, ol, input, dd, dl, dt, caption, form, input, button, textarea, select, option, fieldset, label
{
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif; 
	color:#000;
}

/* Align all table cells+headers to upper left corner by default, can be overwritten using align classes */
td { vertical-align: top; text-align: left; }
th { vertical-align: top; text-align: center; font-weight: bold; }

/* Cell formatting */
.cell-tight				{ padding: 0px; margin: 0px; }
.cell-spacer			{ padding: 0px; margin: 0px; width: 1px; height: 1px; }
.cell-spacer-subject	{ padding: 0px; margin: 0px; width: 1px; height: 1px; background: #069; }

/* Formatting for forms and form elements */
form 						{ padding: 0px; display: inline; margin: 0px; }
select, input, textarea 	{ font-family : "Courier New", Courier, monospace; }

/* All header share some common characteristics. Sizes specified separately */
h1, h2, h3, h4, h5, h6
{
	font-family: arial, helvetica, sans-serif;
	color: #069;
	background: transparent;
	font-weight: bold;
}

h1 { font-size: 14pt; }
h2 { font-size: 13pt; }
h3 { font-size: 11pt; }
h4 { font-size: 10pt; }
h5 { font-size: 10pt; font-style: italic; font-weight: normal; }
h6 { font-size: 10pt; font-weight: normal; }

/* Formatting for common Inline HTML tags */
em, i			{ font-style: italic; }			
strong, b 		{ font-weight: bold; }
abbr, acronym	{ color: #666; }
pre				{ font-family: monospace; }
sup				{ font-size: 8pt; vertical-align: super; }
sub				{ font-size: 8pt; vertical-align: sub; margin-bottom: 0px; }
a img			{ border: 0px none #FFF; color:#FFF; }
a				{ color: #069; }
hr 				{ color: #000; height: 1px; }
img 			{ border-style : none; }
caption 		{ line-height: 100%; font-weight:bold; text-align:left; padding-bottom: 2px; padding-top: 2px;}

/* Date List classes */
dt								{ font-weight: bold; }
dl.data-spacing-bottom dd		{ padding-bottom: 10pt; }
dl.data-spacing dd				{ padding-top: 10pt; padding-bottom: 10pt; }

/* Formatting classes */
.no-underline	{ text-decoration: none; }
.underline		{ text-decoration: underline; }
.strong-italic	{ font-style: italic; font-weight: bold; }
.caption 		{ font-size: 8pt; font-family: arial, helvetica, sans-serif; line-height: 100%; }

/* The following 2 tags are for use on blocks only and for presentation purposes, these should NEVER
be used to make inline words or a paragraph bolded or italiced, for those please use the standard
HTML tags <STRONG> and <EM>*/
.italic	{ font-style: italic; }
.strong	{ font-weight: bold; }

/* Simple text-sizing classes */
.size-largest	{ font-size: 14pt; }
.size-larger	{ font-size: 13pt; }
.size-large 	{ font-size: 12pt; }
.size-normal	{ font-size: 10pt; }
.size-small		{ font-size: 9pt; }
.size-smaller	{ font-size: 8pt; margin-bottom: 1px; }
.size-smallest	{ font-size: 7.5pt; margin-bottom: 1px; }

/* Ordered list formats */
ol.list-lower-alpha { list-style-type: lower-alpha; }
ol.list-lower-roman { list-style-type: lower-roman; }
ol.list-upper-alpha { list-style-type: upper-alpha; }
ol.list-upper-roman { list-style-type: upper-roman; }

/* Unordered list formats */
ul.bullet-none 		{ list-style-type: none; }
ul.bullet-square 	{ list-style-type: square; }
ul.bullet-disc 		{ list-style-type: disc; }
ul.bullet-circle 	{ list-style-type: circle; }
ul.bullet-arrow		{ list-style-image: url(/images/common/bullet_arrow.gif); }
ul.bullet-subject	{ list-style-image: url(/images/ahc-asc/bullet_subject.gif); }
ul.bullet-checkbox	{ list-style-image: url(/images/common/bullet_checkbox.gif); }
ul.bullet-check		{ list-style-image: url(/images/common/bullet_check.gif); }

/* Simple but useful text color display classes. */
.colour-subject 	{ color: #069; }
.colour-grey		{ color: #999; }
.colour-red 		{ color: #F00; }
.colour-green 		{ color: #090; }
.colour-blue 		{ color: #00F; }
.colour-orange		{ color: #F30; }
.colour-white		{ color: #FFF; }
.colour-black		{ color: #000; }

/* Table Cell background colours, dark background colours complemented with white text */
.bg-subject			{ background-color: #069; color: #FFF; }
.bg-subject-dark 	{ background-color: #036; color: #FFF; }
.bg-subject-light 	{ background-color: #69C; color: #FFF; }
.bg-grey			{ background-color: #CCC; }
.bg-grey-dark		{ background-color: #999; color: #FFF;}
.bg-grey-light 		{ background-color: #EEE; }
.bg-white 			{ background-color: #FFF; }
.bg-black			{ background-color: #000; color: #FFF; }
.bg-red				{ background-color: #FF0000; color: #FFF; }
.bg-red-dark		{ background-color: #C33; color: #FFF; }
.bg-yellow			{ background-color: #FF0; }
.bg-yellow-light 	{ background-color: #FFC; }

/* Simple classes to "touch up" text alignment */
.align-left			{ text-align: left; }
.align-right		{ text-align: right; }
.align-center		{ text-align: center; }
.align-justify 		{ text-align: justify; }
.align-top			{ vertical-align: top; }
.align-top-left 	{ text-align: left; vertical-align: top; }
.align-top-right	{ text-align: right; vertical-align: top; }
.align-bottom 		{ vertical-align: bottom; }
.align-bottom-left	{ text-align: left; vertical-align: bottom; }
.align-bottom-right	{ text-align: right; vertical-align: bottom; }
.align-middle		{ vertical-align: middle; }

/* For floating images and tables */
.float-left		{ float: left; vertical-align: text-top; margin-right: 5px; margin-bottom: 5px; }
.float-right 	{ float: right; vertical-align: text-top; margin-left: 5px; margin-bottom: 5px; }

/* Indents using increments of 10 and 15 pixels */
.indent10 		{ padding-left: 10px; }
.indent15		{ padding-left: 15px; }
.indent20 		{ padding-left: 20px; }
.indent30 		{ padding-left: 30px; }
.indent40 		{ padding-left: 40px; }
.indent45		{ padding-left: 45px; }
.indent50		{ padding-left: 50px; }
.indent60		{ padding-left: 60px; }
.indent-none 	{ margin-left: -20px; }
.indent-quote	{ padding-left: 10px; padding-right: 10px; font-style: italic; }
.indent-block 	{ padding-left: 10px; padding-right: 10px; }

/* border types */
.border-solid			{ border: 1px solid #000; padding: 1px; }
.border-dashed			{ border: 1px dashed #000; padding: 1px; }
.border-subject			{ border: 1px solid #069; padding: 1px; }

/* Deprecated types */
.border-subject-right	{ border: 1px solid #069; float: right; vertical-align: text-top; padding: 1px; }

/* Input button colours */
.button-subject
{
	color: #FFF;
	background: #069;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-top: 2px solid #69C;
	border-left: 2px solid #69C;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Publications */
td.nav-pub-left, td.nav-pub-right, td.nav-pub-center
{
	vertical-align: middle;
	width: 150px;
	height: 35px;	
}

td.nav-pub-left		{ text-align: left; }
td.nav-pub-right	{ text-align: right; }
td.nav-pub-center	{ text-align: center; }

td.nav-pub-line
{
	background: #069;
	width: 150px;
	height: 1px;	
}

/* The following section contains class's used within the templates and navigation elements of the each web page */

/* The Federal and Organization Navbar definitions */

td.nav-fip, td.nav-org	{ vertical-align: top; text-align: left; }
td.nav-fip 				{ background: #000; height: 14px;}
td.nav-org 				{ background: #069; height: 29px;}

td.nav-fip a, td.nav-org a
{
	display: block;
	color: #FFF;
	font-size: 9pt;
	text-decoration: none;
	font-weight: bold;
	padding-left: 2px;
	width: 100%;
	height: 100%;
	display: block;
}

/* IE Selector Hack! For modern Non-IE browsers to fix box-model-hack */
td.nav-fip > a, html td.nav-org > a { width: 87px; }

/* Left Hand Navigator bar definitions */
table.nav-left
{
	background: #069;
	padding: 0px;
	width: 130px;
}

td.nav-left
{
	background: #069;
	border-bottom: 1px solid #FFF;
}
td.nav-left a
{
	color: #FFF;
	font-size: 9pt;
	text-decoration: none;
	font-weight: bold;
	padding: 1px;
}

/* Left Hand Sub-Navigator bar definitions */
table.nav-left-sub
{
	background: #EEE;
	padding: 0px;
	width: 130px;
}

td.nav-left-sub	
{
	background: #EEE;
	border-bottom: 1px solid #069;
}
td.nav-left-sub a
{
	color: #069;
	font-size: 9pt;
	text-decoration: none;
	padding: 1px 0px 1px 0px;
}

/* Crumbs Navigator at the top */
td.nav-crumbs
{
	font-size: 9pt;
	border-bottom: #333 1px dashed;
}

td.nav-crumbs a
{
	font-family: verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #069;
}

/* Right hand navigator definitions */
table.nav-right
{
	border: 1px solid #069;
	float: right;
	vertical-align: text-top;
	background: #EEE;
	width: 150px;
	margin-left: 5px;
	margin-bottom: 5px;
}

th.nav-right
{
	background: #069;
	color: #FFF;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	padding: 0px 1px 0px 1px;
}

td.nav-right
{
	background: #EEE;
	font-family: arial, helvetica, sans-serif;
	width: 138px;
}

td.nav-right a
{
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	color: #069;
	text-decoration: none;
	padding: 1px;
	width: 100%;
	height: 100%;
	display: block;
}

/* Right hand feature for lead page */
td.nav-lead
{
	background: #FFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	
	}

td.nav-lead a
{
	
	text-decoration:none;
	width: 100%;
	height: 100%;
	display: block;
	padding-right:2px
}

/* This section provides instruction for display on non-screen devices */
@media print 
{
	page { margin: 10% }
	h1, h2, h3, h4 	{ page-break-after: avoid; page-break-inside: avoid; }
	blockquote, ul, ol, dl { page-break-before: avoid; }
}