/* General styles for FF and all browsers */

* {
	margin: 0;
	padding: 0;
}

body{
	background-color:#EDEDED;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

/* Default text styles */

a {
	font-weight: bold;
	font-size: 12px;
	color: #3399FF;
	text-decoration: underline;
	font-weight: normal;
}

p {
	margin-bottom: 10px;
}

img {
	border: 0px none;
}

ul {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

ol {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

fieldset{
	border: 0;
	color:#FFFFFF;
}

ul.disc{
	list-style: disc;
}

ul.circle{
	list-style: circle;
}

ul.square{
	list-style: square;
}

ol.lower_alpha{
	list-style-type:lower-alpha;
	margin-left: 20px;
}

ol.decimal{
	list-style-type:decimal;
	margin-left: 20px;
}

ol.upper_alpha{
	list-style-type:upper-alpha;
	margin-left: 20px;
}

ol.lower_roman{
	list-style-type:lower-roman;
	margin-left: 20px;
}

ul.hyphen {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	margin-left: 20px;
}


/* INDEX PAGE EXCLUSIVE CSS */

/* index page tabs */

#tabs_content{
	float: left;
	clear: both;
	width: 240px;
	padding: 30px 0 30px 0;
}

#tabs {height: 25px; margin-left: 35px;}

#tabs ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#tabs li 
{
	float: left;
	height: 21px;
	padding: 4px 0 0 2px;
}
#tabs a:hover {color: #000/*#717d2b*/; text-decoration: underline; }
#tabs a, #tabs a:active, #tabs a:link, #tabs a:visited, #tabs a:hover 
{padding-left: 7px; font-weight: bold; font-size: 0.9em;} 

.newsTab_down, .newsTab_up {width: 50px;}
.newsTab_down {background: #808080 url("../../cl_images/news_tab_bg.gif") top left no-repeat;}
.newsTab_up {background: #fff url("../../cl_images/news_tab_active_bg.gif") top left no-repeat;}
.eventsTab_down, .eventsTab_up {width: 60px;}
.eventsTab_down {background: #808080 url("../../cl_images/events_tab_bg.gif") top left no-repeat;}
.eventsTab_up {background: #fff url("../../cl_images/events_tab_active_bg.gif") top left no-repeat;}
.contactTab_down, .contactTab_up {width: 70px;}
.contactTab_down {background: #808080 url("../../cl_images/contact_tab_bg.gif") top left no-repeat;}
.contactTab_up {background: #fff url("../../cl_images/contact_tab_active_bg.gif") top left no-repeat;}

.newsTab_down a, .newsTab_down a:active, .newsTab_down a:link, .newsTab_down a:visited, 
.eventsTab_down a, .eventsTab_down a:active, .eventsTab_down a:link, .eventsTab_down a:visited, 
.contactTab_down a, .contactTab_down a:active, .contactTab_down a:link, .contactTab_down a:visited{
	color: black;
	text-decoration: none;
}

.newsTab_up a, .newsTab_up a:active, .newsTab_up a:link, .newsTab_up a:visited, 
.eventsTab_up a, .eventsTab_up a:active, .eventsTab_up a:link, .eventsTab_up a:visited, 
.contactTab_up a, .contactTab_up a:active, .contactTab_up a:link, .contactTab_up a:visited
{
	color: black;
	text-decoration: none;
}

.tab_contents {
	display: none;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	padding: 5px;
	width: 174px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
	background:  url("../../cl_images/target_bg.jpg") no-repeat;
}

.tabs_content_text {
	font-size: x-small;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

.tabs_header_text {
	font-size: small;
	color: #B6131D;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.tab_contents_show{
display: block;
}

.tab_contents a, .tab_contents a:active, .tab_contents a:link, .tab_contents a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color:#3399FF;
	text-decoration: none;
	font-weight: bold;
}

.tab_contents a:hover{
	font-weight: bold;
	text-decoration: underline;
	color:#3399FF;
}

/* index layout */

#buildbox, #planbox {
	float: left;
	width: 175px;
	margin: 0 20px 0 20px;
}

#findbox{
	float: left;
	width: 175px;
	margin: 0 20px 0 50px;
}

/* section boxes layout */

#section_boxes_content{
	float: left;
	width: 740px;
	padding: 30px 0 30px 0;
}

#section_boxes_outer{
	float: left;
}

.sectionbox_top{
	float:left;
	clear: both;
	height: 49px;

}

.sectionbox_text{
	float: left;
	clear: both;
	width: 163px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #000000;
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	height: 40px;
}

.sectionbox_mid{
	float:left;
	clear: both;
	z-index: 10;
	height: 154px;
	background-color: #FFFFFF;
}

.sectionbox_end{
	float:left;
	clear: both;
	height: 18px;
}

/* General layout */

div#header {
	background-image:url(../../cl_images/cl_top_banner_bg.gif);
	width: 980px;
	float:left;
	clear:both;
}

div#lhs_menu {
	padding: 5px 0 0 10px;
	width: 170px;
	float: left;
	clear:both;
	background-color: #FFFFFF;
	border-right: 1px dotted #B5121B;
	border-bottom: 1px dotted #B5121B;
}

div#content {
	width: 780px;
	top: 0;
	float: left;
	padding: 0 0 20px 10px;
	background-color: #FFFFFF;
}
div#footer {
	width: 980px;
	background-color: #FFFFFF;
	float:left;
	clear:both;
}
div#lhs_images {
	width: 590px;
	height: 96px;
	text-align: left;
	float:left;
}

div#columns{
	float: left;
	clear: both;
	background-color: #FFFFFF;
}

div#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 0;
	padding: 0;
	width:980px;
}

div#find_build_plan {
	position: relative;
	text-align: right;
	width:980px;
	float: right;
	clear:both;
	border-bottom: 1px dotted #B5121B;
	background-color: #FFFFFF;
}

div#breadCrumbs{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	letter-spacing: 1px;
	color: #999999;
	padding: 15px 4px 15px 0;
}

/* top banner styles */

.top_banner_bg {
	background-image:url(../../cl_images/cl_top_banner_bg.gif);
	background-repeat:repeat-x;
}

#top_rhs_nav {
	background-image:url(../../cl_images/cl_top_banner_bg.gif);
	background-repeat:repeat-x;
}

.top_rhs_nav_links a, .top_rhs_nav_links a:active, .top_rhs_nav_links a:visited, .top_rhs_nav_links_text {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px;
	color:#FFFFFF;
	padding: 0;
}

.top_rhs_nav_links a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px;
	color:#000000;
}

div#rhs_navigation {
	padding-top: 15px;
	padding-right: 10px;
	text-align:right;
}

/* Search button styles */

.header_search_box{
	float: right;
	display: block;
	display: inline-block;
	width: 125px;
	text-align: right;
}

.header_search_box form {
	padding: 0;
	margin: 0;
	display: block;
}

input.header_search_button {
	font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	border:1px solid #666666;
	background-color:#FAFAFA;
	padding: 0;
	width:auto !important;
	background-image: url(../../onlineworkshops/styles/cancerlearning_theme/theme/images/bg_button.gif);
	margin: 0 0 0 2px;
	display: inline-block;
}

input.header_search_input {
	border:1px solid #585858;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:1em;
	font-weight:normal;
	vertical-align:middle;
	cursor:text;
	padding:2px;
	margin: 0 0 3px 0;
	background-position:left 1px;
	background-repeat:no-repeat;
	padding-left:17px;
	background-image: url(../../onlineworkshops/styles/cancerlearning_theme/theme/images/icon_textbox_search.gif);
	width: 70px;
	display: inline-block;
}

.nav_links{
	padding: 2px 5px 6px 5px;
	float: right;
	text-align: right;
}

/* main search page styles */
.search_form_field_button{
	color:#363636;
	font-family:'trebuchet ms',helvetica,sans-serif;
	background-color:#EDEDED;
	border:1px solid;
	border-top-color:#999999;
	border-left-color:#999999;
	border-right-color:#999999;
	border-bottom-color:#999999;
	height: 22px;
	vertical-align: bottom;
}

div#rhs_tagline {
	padding-top: 50px;
	padding-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
}

/* main menu styles */

#lhs_navigation {
	font-size: 9px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 0;
	margin: 0;
}

#lhs_navigation li {
	line-height: 20px;
}

.Buildsidenav a, .Buildsidenav {
	color: #50A3DC;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}

.Findsidenav a, .Findsidenav {
	color: #EF7208;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}

.Aboutsidenav a, .Aboutsidenav  {
	color: #B6131D;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}

.Plansidenav a, .Plansidenav {
	color: #8CAD00;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}

/* breadcrumbs */

.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	letter-spacing: 1px;
	padding-top: 15px;
	padding-right: 4px;
	padding-bottom: 15px;
	line-height: 12px;
}

.breadcrumbs_active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	letter-spacing: 1px;
	line-height: 12px;
}

/* RHS menu links */

#rhs_section_links {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:14px;
	vertical-align:top;
	padding-bottom: 2px;
	padding-top: 2px;
}

#rhs_section_links a {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:14px;
	text-decoration:none;
}

#rhs_section_links a:hover {
	color:#000000;
}

.rhs_nav_find a {
	padding: 0 10px 0 10px;
	text-align:center;
	padding-bottom: 2px;
	padding-top: 2px;
}

.rhs_nav_build a {
	padding: 0 10px 0 10px;
	text-align:center;
	padding-bottom: 2px;
	padding-top: 2px;
}

.rhs_nav_plan a {
	padding: 0 10px 0 10px;
	text-align:center;
	padding-bottom: 2px;
	padding-top: 2px;
}

.rhs_nav_find a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color: #EF7208;
	color: #000000;
}

.rhs_nav_build a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color: #50A3DC;
	color:#000000;
}

.rhs_nav_plan a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color: #7C9A00;
	color:#000000;
}

/* Footer links */

.footertext a:link, .footertext a:visited, .footertext a:active, .footertext a:hover {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	text-decoration:underline;
}

.footertext a:hover {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	text-decoration:none;
}

.footertext {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
}

/* Content text formatting */

.strong_text {
	font-weight: bold;
	font-style: normal;
}

.em_text {
	font-style:italic;
}

.strong_em_text {
	font-weight: bold;
	font-style: italic;
}

.super_script {
	vertical-align:super;
	font-size:9px;
}

h3 a, h3{
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color:#000000;
}

h4 a, h4{
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color:#000000;
}
/* @FIXME redundant style? */

.italics {
	font-style:italic;
}

.text_center {
	text-align:center;
}

.text_right {
	float: right;
}

.text_left {
	text-align:left;
	padding-left: 15px;
}

.content_quote {
	padding: 0 5px 0 0;
	margin: 0;
	font-style: italic;
	font-size: 12px;
}

.sub_header {
	padding: 0 5px 5px 15px;
	font-weight: bold;
	font-size: 14px;
	float: left;
	clear: both;
	width: 98%;
}

.sub_header_normal {
	padding: 0 5px 5px 15px;
	float: left;
	clear: both;
	width: 98%;
}

/* dotted image box for RHS content images */

.image_box{
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 0 5px 0 10px;
	border: 1px #666666 dashed;
}

.sub_header a {
	padding: 0 5px 5px 0;
	font-weight: bold;
	font-size: 14px;
	text-decoration:none;
	color:#000000;
	float: left;
	clear: both;
}

/* Links formatting */

.back_to_top_link {
	text-align: right;
}

/* Resource text styles */

.resource_header {
	padding: 10px 5px 10px 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	float: left;
	clear: both;
	color:#000000;
}

.resource_header a {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	float: left;
	clear: both;
	color:#000000;
}

.grey_divide {
	text-align: center;
	padding: 10px 5px 10px 5px;
}

/* Resource layout and formatting */

.resource_arrow {
	display: inline;
	padding: 0 20px 0 5px;
}

.resource_title {
	padding: 5px 5px 5px 5px;
	vertical-align:top;
	width: 15%;
	color:#990000;
}

div.resource_link {
	margin-bottom: 10px;
	float: left;
	clear: both;
}

div.resource_link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#666666;
}

div.resource_link a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #333333;
}

.resource_content {
	padding: 5px 10px 5px 0;
	vertical-align: top;
}

.resource_item {
	width: 99%;
	padding: 5px 5px 5px 10px;
	float: left;
	clear: both;
}

.last_resource_item{
	padding: 5px 5px 5px 10px;
	width: 99%;
	float: left;
	clear: both;
}

/* @FIXME redundant style? */

.resource_end {
	padding: 5px 0 5px 0;
}

.resource_table {
	border: 1px dashed #999999;
	width: 95%;
}

.resource_show {
	margin-bottom: 10px;
	padding: 5px 0 10px 36px;
	display: block;
	width: 95%;
	float: left;
	clear: both;
	overflow: visible;
}

.resource_show p {
	margin-left: 0px;
	padding-left: 0px;
}

.resource_hide {
	display: none;
}

.resource_href_multi_line{
float: left;
display: inline;
padding: 0 0 0 4px;
}

.resource_arrow_multi_line{
	display: inline;
	padding: 0 20px 0 5px;
	float: left;
}


/* Content show / hide for PD pathways */

/* table styles */
.content_table{
    border-color: #333333;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.content_table td, th {
    border-color: #333333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
   font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px;
	color:#000000;
	vertical-align:top;
}

/* SHOW / HIDE CONTENT */

.main_content {
	float: left;
	clear: both;
	padding: 0 0 5px 10px;
	width: 95%;
	margin: 0;
}

.sub_content {
	width: 100%;
}

.main_content_show ,.sub_content_show{
	padding: 5px 0 5px 40px;
	display: block;
	width: 95%;
	float: left;
	clear: both;
	overflow: visible;
}

.main_content_show a {
	color: #0099CC;
}

.main_content_hide {
	display: none;
}

.sub_content_hide {
	display: none;
}

div.content_link {
	display: bloc;
	clear: both;
	float: left;
	padding: 0 5px 0 0;
}

div.content_link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333333;
}

.content_arrow {
	display: inline;
	padding: 0 15px 0 15px;
}

/* Case studies */

/* case studies */

.case_study_title {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	vertical-align:top;
}
.case_study_content {
	border-bottom: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	width: 80%;
}

.case_study_title_end {
	border-right: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	vertical-align:top;
}

.case_study_content_end {
	padding: 5px 5px 5px 5px;
	vertical-align:top;
}

.case_study_table {
	border: 1px solid #999999;
	margin-top: 5px;
	width: 100%;
}

/* this is for the case study links that need to go over two lines */
.two_line_link{
	text-decoration: none;
	padding: 0 0 0 37px;
}

span.resource_two_line_link {
	text-decoration: none;
	padding: 0 0 0 32px;
}

a.resource_anchor_link span{
text-decoration: none;
	padding: 0 0 0 32px;
}

/* header styles */

.header_open a {
	background-image:   url(../../cl_images/menminus.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0 0 0 12px;
	margin: 0 0 0 0;
	font-size: 9px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.header_closed a {
	background-image:   url(../../cl_images/menplus.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0 0 0 12px;
	margin: 0 0 0 0;
	font-size: 9px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* for header items that have no + or - attached on LHS menu */

.header_none a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 12px;
	color: #666666;
	text-decoration: none;
}

/* for header items that have no + or - and need to be left aligned! */

.header_none_left_align a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

/* sub menus parent UL element */

.sub {
	font-size: 9px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 16px;
}

/* sub menu childNodes LI on LHS menu*/

.sub li a {
	background-color: transparent;
	background-image:   url(../../cl_images/pagemarker.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0;
	color:#666666;
	font-size: 9px;
	font-weight:normal;
	padding: 0 0 0 12px;
	margin: 0 0 0 16px;
	text-decoration: none;
}
/* show / hide sub menu */

.sub_closed {
	display: none;
}

.sub_open {
	display: block;
}


/* RED MENU ITEMS */

/* header styles */

.red_header_open a {
	background-image:   url(../../cl_images/red_minus.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0 0 0 12px;
	margin: 0 0 0 0;
	font-size: 9px;
	color: #B6131D;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.red_header_closed a {
	background-image:   url(../../cl_images/red_plus.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0 0 0 12px;
	margin: 0 0 0 0;
	font-size: 9px;
	color: #B6131D;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.red_sub {
	font-size: 9px;
	color: #B6131D;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 2px 0 0 0;
	list-style: none;
	line-height: 16px;
}

.red_sub li a {
	background-color: transparent;
	background-image:   url(../../cl_images/red_pagemarker.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0;
	color:#B6131D;
	font-size: 9px;
	font-weight:normal;
	padding: 0 0 0 12px;
	margin: 0 0 0 16px;
	text-decoration: none;
}

/* red links under LHS nav in find */

.find_red_nav {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	line-height: 6px;
	padding: 0;
	margin: 0;
}

.find_red_nav li a {
	line-height: 16px;
	color: #B6131D;
	font-size: 9px;
	text-decoration: none;
}

/* LHS buttons div positioning */
#lhs_buttons {
	padding: 20px 0 15px 0;
	width: 120px;
}

/* form style */
.form_red{
	color: #FF0000;
	float: left;
}

div.form_row {
	clear: both;
	padding-top: 5px;
  }

div.form_row span.form_label {
	padding-top: 5px;
	font-size: 14px;
	float: left;
	width: 100px;
	text-align: right;
	color: #000000;
  }
  
div.form_row span.form_label_red {
	padding-top: 5px;
	font-size: 14px;
	float: left;
	width: 100px;
	text-align: right;
	color: #FF0000;
  }

div.form_row span.form_field {
	width: 200px;
	float: right;
	text-align: left;
  } 
  
.form_field_input{
	padding: 2px 2px 2px 2px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.form_button{
float: right;
}

.form_field_button{
	color:#363636;
	font-family:'trebuchet ms',helvetica,sans-serif;
	background-color:#EDEDED;
	border:1px solid;
	border-top-color:#999999;
	border-left-color:#999999;
	border-right-color:#999999;
	border-bottom-color:#999999;
}