/* CSS Document */

/*

Colours:
	color: #a6a6a6; - Topic top border
	color: #bfbfbf; - Topic link border
	color: #007987; - Main green
	color: #404040; - h2
	color: #; -
*/


.template_body_holder h2{
color:#007987;
font-size:1.2em;
font-weight:bold;
margin-top:8px;
margin-right:0;
margin-left:0;
margin-bottom:5px;
padding:0;
width:448px;
}

div.course_topic {
	float: left;
	display: inline;
	width: 448px;
	height: auto;
	margin: 0;
	padding: 16px 0 16px 0;
	border-top: 3px solid #a6a6a6;
}

	div.course_topic h2 { float: left; width: 448px; color: #404040; font-size: 1.6em; margin:0 !important;padding:0 !important; }
	div.course_topic h2 span { color: #000000; }

ul.course_wrapper { 
	float: left;
	display: inline;
	width: 448px;
	height: auto;
	margin: 0;
	padding: 0;
}

	ul.course_wrapper li {
		float: left;
		display: inline;
		width: 448px;
		height: auto;
		margin: 10px 0 0 0;
		padding: 0;
	}

		ul.course_wrapper li a:link, ul.course_wrapper li a:visited, ul.course_wrapper  li a:active {
			float: left;
			display: inline;
			width: 448px;
			height: auto;
			margin: 0;
			padding: 0;
			cursor: pointer;
			text-decoration: none;
			background: url(../assets/images/courses/bkgd_course_title_arrow.gif) no-repeat right top;
			border-bottom: 3px solid #FFFFFF;
		}

			ul.course_wrapper li a:hover {
				background: url(../assets/images/courses/bkgd_course_title_arrow_on.gif) no-repeat right top;
				border-bottom: 3px solid #007987;
			}

	span.course_title, span.course_text {
		float: left;
		display: inline;
		height: auto;
		font-weight: bold;
		margin: 0;
		padding: 0 6px 0 0;
		background: #FFFFFF;
	}

	span.course_text {
		clear: both;
		width: 448px;
		color: #000000;
		font-weight: normal;
		margin: 6px 0 6px 0;
		padding: 0;
		background: none;
	}

/* view course */

#course_view_wrapper {
	float: left;
	display: inline;
	position: relative;
	width: 448px;
	height: auto;
	margin: 14px 0 14px 0;
	padding: 14px 0 14px 0;
	/*border-top: 3px solid #a6a6a6;*/
	border-bottom: 3px solid #a6a6a6;
}

	div.course_view_row, div.course_view_title, div.course_view_text {
		float: left;
		display: inline;
		width: 448px;
		height: auto;
		margin: 0;
		padding: 0;
	}
	
		div.course_view_title {
			width: 448px;
			color: #007987;
			font-size: 1.2em;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}
	
		div.course_view_text {
			width: 448px;
			margin: 0;
			padding: 0;
		}

h2.course_view, h2.course_view_top {
	float: left;
	display: inline;
	width: 448px;
	height: auto;
	color: #007987;
	font-size: 1.6em;
	font-style: italic;
	margin: 18px 0 0 0;
	padding: 4px 0 4px 0;
	border-top: 3px solid #a6a6a6;
/*	border-bottom: 1px solid #a6a6a6;*/
	background-color: #FFFFFF;
}

	h2.course_view_top {
		margin: 0;
		border-top: 3px solid #a6a6a6;
	}

	div.course_view_row_module, div.course_view_row_venue, div.course_view_row_total, div.course_view_row_total_bttm, div.course_view_title2, div.course_view_text2, div.course_view_text_total {
		float: left;
		display: inline;
		position: relative;
		width: 448px;
		height: auto;
		margin: 0;
		padding: 3px 0 3px 0;
		border-top: 1px solid #a6a6a6;
		background: #e6f0f2;
	}

	div.course_view_row_venue {	border-top: 1px solid #a6a6a6;}
	
	div.course_view_row_total {	padding: 1px 0 1px 0; border-top: 1px solid #a6a6a6;border-bottom: 1px solid #a6a6a6;}
	div.course_view_row_total_bttm { padding: 1px 0 1px 0; border-top: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6;}

		div.course_view_title2 {
			width: 107px;
			line-height: 20px;
			color: #007987;
			font-size: 1.6em;
			font-weight: bold;
			margin: 0 0 0 37px;
			padding: 0;
			border: none;
		}
	
		div.course_view_text2 {
			width: 304px;
			line-height: 20px;
			font-size: 1.2em;
			margin: 0;
			padding: 0;
			border: none;
		}

		div.course_view_text_total {
			float: left;
			display: inline;
			width: 199px;
			line-height: 21px;
			font-size: 1.6em;
			font-weight: bold;
			margin: 0;
			padding: 0;
			border: none;
		}

		input.book_course {
			float: right;
			display: inline;
			width: 105px;
			height: 21px;
			color: #FFFFFF;
			text-align: left;
			cursor: pointer;
			margin: 0;
			padding: 0 0 0 10px;
			background: url(../assets/images/courses/bkgd_course_view_book.gif) no-repeat left top;
			border: none;
		}


/*	div.bttn_previous, div.bttn_next {
		float: left;
		display: inline;
		width: 105px;
		height: 21px;
		margin: 0;
		padding: 0;
	}

	div.bttn_next {	float: right; }

		div.bttn_previous a:link,
		div.bttn_previous a:visited,
		div.bttn_previous a:active,
		div.bttn_next a:link,
		div.bttn_next a:visited,
		div.bttn_next a:active {
			float: left;
			display: inline;
			width: 80px;
			height: 18px;
			color: #000000;
			font-size: 1.2em;
			text-align: right;
			margin: 0;
			padding: 3px 15px 0 0;
			background: url(../assets/images/courses/bttn_prev_off.gif) no-repeat left top;
		}

			div.bttn_previous a:hover {
				text-decoration: none;
			}		
		
		div.bttn_next a:link,
		div.bttn_next a:visited,
		div.bttn_next a:active {
			float: right;
			width: 56px;
			text-align: left;
			padding: 3px 0 0 29px;
			background: url(../assets/images/courses/bttn_next_off.gif) no-repeat right top;
		}

			div.bttn_next a:hover {
				text-decoration: none;
			}		
*/
div.next_prev { 
	float: left;
	display: inline;
	width: 448px;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

	a.prev:link, a.prev:visited, a.prev:active, 
	a.nxt:link, a.nxt:visited, a.nxt:active  {
		color:#4c4c4c;
		float:left;
		margin: 2px 0 2px 0;
		padding: 0 0 0 16px;
		font-weight:bold;
		background:url(../assets/images/page/img_grid_arrows_left.gif) left top no-repeat;
	}
	
		a.nxt:link, a.nxt:visited, a.nxt:active {
			float: right;
			padding: 0 16px 0 0;
			background:url(../assets/images/page/img_grid_arrows.gif) right top no-repeat;
		}



/****  SIDE PANELS  ****/

/* DON NOT FLOAT THE BELOW DIV, breaks the drop down in IE6 - JB */
div.side_bar {
	clear: both;
	position: relative;
	width: 291px;
	height: 21px;
	margin: 10px 0 0 0;
	padding: 0;
}

	div.side_bar a:link, div.side_bar a:visited, div.side_bar a:active {
		float: left;
		display: inline;
		position: relative;
		width: 295px;
		height: 21px;
		margin: 0;
		padding: 0;
	}

	div.side_bar a span { display: none; }

	div.side_bar a.send:link, div.side_bar a.send:visited, div.side_bar a.send:active { background: url(../assets/images/courses/bttn_side_bar_send_off.gif) no-repeat left top; }
		div.side_bar a.send:hover { background: url(../assets/images/courses/bttn_side_bar_send_on.gif) no-repeat left top;	}

	div.side_bar a.reg:link, div.side_bar a.reg:visited, div.side_bar a.reg:active { background: url(../assets/images/courses/bttn_side_bar_reg_off.gif) no-repeat left top; }
		div.side_bar a.reg:hover { background: url(../assets/images/courses/bttn_side_bar_reg_on.gif) no-repeat left top;	}

	div.side_bar a.add:link, div.side_bar a.add:visited, div.side_bar a.add:active { background: url(../assets/images/courses/bttn_side_bar_add_off.gif) no-repeat left top; }
		div.side_bar a.add:hover { background: url(../assets/images/courses/bttn_side_bar_add_on.gif) no-repeat left top; }

	div.side_bar a.print:link, div.side_bar a.print:visited, div.side_bar a.print:active { background: url(../assets/images/courses/bttn_side_bar_print_off.gif) no-repeat left top; }
		div.side_bar a.print:hover {background: url(../assets/images/courses/bttn_side_bar_print_on.gif) no-repeat left top;	}
		
		
		
		 a.print { padding:300px; display:block; }
		
		

	div.side_bar a.book:link, div.side_bar a.book:visited, div.side_bar a.book:active {	background: url(../assets/images/courses/bttn_side_bar_book_off.gif) no-repeat left top; }
		div.side_bar a.book:hover { background: url(../assets/images/courses/bttn_side_bar_book_on.gif) no-repeat left top; }

	div.side_bar_box {
		float: left;
		display: inline;
		height: auto;
		width: 293px;
		border-left: 1px solid #a6a6a6;
		border-right: 1px solid #a6a6a6;
		border-bottom: 1px solid #a6a6a6;
		overflow: hidden;
	}

input.delegate_num {
	float: left;
	display: inline;
	width: 20px;
	height: 16px;
	text-align: center;
	font-weight: bold;
	background: #FFFFFF;
	color: #007987;
	border: 1px solid #007987;
	margin: 0;
	padding: 2px 0 0 0;
}

input.delegate, input.delegate_dis {
	float: left;
	display: inline;
	width: 14px;
	height: 18px;
	color: #FFFFFF;
	font-size: 11px;
	border: none;
	cursor: pointer;
	margin: 1px 0 0 6px;
	background: #007987;
}	
	
	input.delegate_dis {
		cursor: default;
		color: #999999;
		background: #cccccc;
		border: none;
	}		




