/* OIES Palliative Care CSS */

#header {
	background: #FFFFFF;
	}

#container {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	}

.cj_title {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	}

#container h4 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	}

#maincontent {
	margin-left: 28%;
	}

#lonecontent {
	}

#sidebar { /* variable width */
	background: #FFFFFF;
	float: left; 
	width: 25%;
	min-width: 200px; 
	width: expression(document.body.clientWidth < 800 ? "200px" : "25%" ); 
	margin-right: 20px;
	margin-left: 0px;
	} 

#footer {
	clear: both; /* important */
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 100px;
	position: relative;
	bottom: 0px;
	}

/* h1 {
	margin-top: 0;
	} */

.last {
	margin-bottom: 0;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.audience_red {
	/* audience, ie: 'Patients' */
	font-size: 24px;
	line-height: 24px; /* margin-bottom: 0px; */
	/* margin-right: 10px; */
	color: Fuchsia;
	}

#sidebar h1 {	
	/* audience, ie: 'Patients' */
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 10px;
	}

#sidebar h2, h3 {	
	/* title of side menu */
	font-size:15px;
	line-height: 20px;
	font-weight: bold;
	margin-left: 20px;
	margin-right:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 12px;
	} 

#sidebar p, li {	
	/* local nav menu elements */
	font-size:13px;
	line-height: 20px;
	margin-left: 20px;
	margin-right:10px;
	margin-bottom:0px;
	} 

#sidebar ul {	
	/* ensure no space before beginning of local nav list */
	margin-top:0px;
	}

#sidebar .submenucurrent {	
	/* current page in side navigation menu */
	font-weight:bold;
	font-size:13px;
	}

#lonecontent p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 12px;
	} 

#lonecontent li {
	font-size: 15px;
	} 

#lonecontent h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 12px;
	} 

#lonecontent h1 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 21px;
	font-weight: normal;
	} 

#maincontent p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 12px;
	} 

#maincontent li {
	font-size: 15px;
	} 

#maincontent h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 12px;
	} 

#maincontent h1 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 21px;
	font-weight: normal;
	} 

.pgtitle {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 8px;
	font-weight: normal;
	margin-left: 20px;
	} 

.pgtitle_red {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 21px;
	font-weight: bold;
	color: #A9688C;
	} 

.pgtitle_green {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 21px;
	color: #679212;
	} 

.pgtitle_orange {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 21px;
	color: #E68E1C;
	} 

.pgtitle_blue {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 21px;
	color: #6085CD;
	} 

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px;
	}

p, h1 {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	}

li {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	} 

h2, h3, h4 {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	}

a:link {
	text-decoration : underline;
	color: #336699; /* color: #3399CC; */
	background: transparent;
	/* font-weight: bold; */
	}

a:visited {
	/* font-weight: bold; */
	text-decoration: underline;
	color: #336699; /* color: #3399CC; */
	background: transparent;
	}

a:hover {
	text-decoration : none;
	color: #336699; /* color: #3399CC; */
	background: transparent; 
	/* font-weight: bold; */
	}

a:active {
	text-decoration : underline;
	/* font-weight: bold; */
	color: #336699; /* color: #526968; */
	background: transparent;  
	}

img {
	border:0px;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.indextable {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	}

.breadcrumbs {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 10px;
	margin-right: 0px;
	letter-spacing: 0px;
	/* background: #F0F0F0; */
	}

.breadcrumbsline {
	border-top: 1px dashed #C9C9C9;
	margin-top: 4px;
	margin-bottom: 6px;
	padding-bottom: 6px;
	margin-left: 20px;
	margin-right: 20px;
	}

.dottedline {
	border-top: 1px dashed #C9C9C9;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	}

.footerline {
	border-top: 1px dashed #C9C9C9;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	}

.fulldottedline {
	border-top: 1px dashed #C9C9C9;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.rezdottedline {
	border-top: 1px dashed #C9C9C9;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.indexdottedline {
	border-top: 1px dashed #C9C9C9;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
	margin-right: 0px;
	}

.grayline {
	border-bottom: 1px solid #C9C9C9;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.greenline {
	border-bottom: 5px solid #679212;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.redline {
	border-bottom: 5px solid #A9688C;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.blueline {
	border-bottom: 5px solid #6085CD;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.orangeline {
	border-bottom: 5px solid #E68E1C;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.td_navhdr {
	background-color: #EEEEEE;
	vertical-align: middle;
	}

.tx_navhdr {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	vertical-align: middle;
	}

.tx_tabs {
	text-align: center;
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	font-weight: bold;
	margin: 2px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
	}

.tx_selected {
	text-align: center;
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	font-weight: bold;
	margin: 2px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
	}

.tx_in_cj {	/* 'This page is in your care journal' */
	font-style:italic;
	color:#888;
}

.tx_size1 {
	font-size:8px;
	}

.tx_size2 {
	font-size:12px;
	}

.tx_size3 {
	font-size:16px;
	}

.footertext {
	clear:all;
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin: 0px;
	padding: 0px;
	}

#rightcontent .footertext {
	clear:all;
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin: 0px;
	padding: 0px;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.grayish {
	background-color:  #E6E6E6;
	}

.grayish_lite {
	/* background-color:  #eeeeee; */
	background-color:  #F3F3F3;
	padding-top:1px;
	}

.grayish_litest {
	background-color:  #F7F7F7;
	padding-top:1px;
	}

.greenish {
	background-color:  #E1E9D0;
	margin-bottom: 10px;
	}

.greenish_lite {
	background-color:  #F0F4E7;
	padding-top:1px;
	}

.redish {
	background-color:  #EEE1E8;
	}

.redish_lite {
	background-color:  #F6F0F3;
	padding-top:1px;
	}

.bluish {
	background-color:  #CFDAF0;
	}

.bluish_lite {
	background-color:  #E7EDF8;
	padding-top:1px;
	}

.orangish {
	background-color:  #F7DDBA;
	}

.orangish_lite {
	background-color:  #FBEEDD;
	padding-top:1px;
	}

.corner_top { 
	background: url(../img/body/corner_top_right.gif) no-repeat top right; 
	}

.corner_bottom  {
	background: url(../img/body/corner_bottom_right.gif) no-repeat top right; 
	}

img.corner {
	width: 9px;
	height: 9px;
	border: none;
	display: block !important;
	}

/* ----------------------- CHANGES --------------------------- */
/* -- New additions to the code to be used with html tables -- */
/* ----------------------------------------------------------- */

#table_left_column { /* variable width */
	/* background: #FFFFFF;
	/* float: left; */
	/* width: 25%; */
	/* min-width: 200px; */
	/* width: expression(document.body.clientWidth < 800 ? "200px" : "25%" );  */
	margin-right: 0px;
	margin-left: 20px;
	} 

#table_left_column h1 {	
	/* audience, ie: 'Patients' */
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 10px;
	}

#table_left_column h2, h3 {	
	/* title of side menu */
	font-size:15px;
	line-height: 20px;
	font-weight: bold;
	margin-left: 20px;
	margin-right:10px;
	margin-top: 0px;
	margin-bottom: 10px;
	/* padding-bottom: 12px; */
	} 

#table_left_column p, li {	
	/* local nav menu elements */
	font-size:13px;
	line-height: 20px;
	margin-left: 20px;
	margin-right:10px;
	margin-bottom:0px;
	} 

#loc_nav_menu p, li {	
	/* local nav menu elements */
	font-size:13px;
	line-height: 20px;
	margin-left: 20px;
	margin-right:10px;
	margin-bottom:0px;
	} 

#table_left_column ul {	
	/* ensure no space before beginning of local nav list */
	margin-top:0px;
	}

#table_left_column .submenucurrent {	
	/* current page in side navigation menu */
	font-weight:bold;
	font-size:13px;
	}

#table_left_column .submenu {	
	/* current page in side navigation menu */
	font-size:13px;
	}


#table_right_column { /* variable width */
	/* background: url(../img/journal_back.gif); */
	margin-right: 20px;
	margin-left: 20px;
	} 

#table_right_column p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 20px;
	} 

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#table_right_column p.lastupdated {
	font-size:11px;
	font-style:italic;
} 
.lastupdated  {
	font-size:11px;
	font-style:italic;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#table_right_column li {
	font-size: 15px;
	margin-left: 20px;
	} 

#table_right_column h2, h3, h4 {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 20px;
	} 

#table_right_column h1 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 8px;
	font-weight: normal;
	margin-left: 20px;
	} 

.indextable_two {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	}

#care_journal {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	}

#care_journal p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	} 

#care_journal li {
	font-size: 15px;
	margin-left: 20px;
	} 

#care_journal h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	} 

#care_journal h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 0px;
	margin-top: 12px;
	margin-left: 0px;
	} 

#care_journal h1 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 24px;
	margin-top: 0px;
	font-weight: normal;
	margin-left: 0px;
	}
	
	



/* ----------------------------------------------- */
/* interactive forms */
#int_form p {
	margin-bottom: 0px;
}


.int_form_boundary {
	background-color: #FDF5EB;/*#FBEEDD;*/
	border: 1px solid #F7DDBA;
}

.int_form_line {
	border-top: 1px dashed #696969;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
}


/* ----------------------------------------------- */
/* video/audio transcript */

#table_left_column .t_tran {
	font-size:10px;
}