@charset "utf-8";
/* CSS Document */
#coursestable {
	margin-bottom:10px;
	padding-bottom: 10xp;
	display: block;
}
#coursestablelist {
	display: inline-block;
	margin-bottom:10px;
	padding-bottom: 10xp;
}
#coursestable h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}
.courses-main {
	float: left;
	margin: 0;
	padding: 0;
	width: 75%;
	/*\*/clear:left;/**/
	}
.courses-main .description {
	margin-top: 10px;
	line-height: 1.3;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	display: block;
	clear: left;
}
.courses-sidebar {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	display:inherit;
	}
.container {
	}
.courses-col-a {
	float: left;
	margin: 0;
	padding: 0;
	width: 49%;
	}
.courses-col-b {
	float: right;
	margin: 0;
	padding: 0;
	width: 49%;
	}
.courses-col-online {
	margin: 0;
	padding: 0;
	}
dl.details {
	margin: 0;
	padding: 0;
	font-size: 90%;
}
dl.details dt {
	float: left;
	display: inline;
	margin: 0;
	padding: 0.2em 0.1em;
	width: 8em;
	color: #030;
	font-weight: bold;
	/*\*/clear: left;/**/
}
dl.details dt span {
	padding-left: 0.5em;
	}
dl.details dd {
	margin: 0 0 0 8.8em;
	padding: 0.2em 0;
	text-align: left;
	margin-bottom: 1px;
	border-bottom: 1px solid #fff;
}
.courses-sidebar ul {
	margin: 0px;
	padding: 0px;
}
.courses-sidebar ul li {
	list-style-type: none;
	padding-left: 15px;
	line-height: 20px;
	font-weight:bold;
}
.courses-sidebar ul li a {
	color:#999;
}
.courses-sidebar ul li a:hover {
	color: #748D38;
}
.courses-sidebar ul li.enrol {
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom: none;
}
.courses-sidebar ul li.add {
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	border-bottom: none;
}
.courses-sidebar ul li.more {

}
#content .alert {
	padding-left: 18px;
	background: url(/images/alert-note.gif) no-repeat 0 50%;
}
li.icon_add { background: url(/img/icon/plus-on.gif) no-repeat 0 0.25em; }
.course-item {
	display: block;
	clear: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DEDEDE;
}
.course-table {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;
}

.course-item .course-item-remove {
	float: right;
	width: 100px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}
.course-table .course-title {
	font-size: 90%;
	color: #999;
}
input.submit_highlight {
	background-color: #6B9706;
	font-weight: bold;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	line-height: 22px;
	width: auto;
}
.btspace {
	margin-top: 5px;
	margin-bottom: 5px;
}

a.highlight {
	background-color: #8FC608;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	width: 200px;
	padding: 4px;
}
a.highlight:hover {
	background-color: #C92305;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	width: 200px;
	padding: 4px;
}
dl.student {
	clear: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
}
dl.student dt {
	font-size: 14px;
	font-weight: bold;
	color: #094054;
	margin-bottom: 3px;
}
dl.student dt span {
	font-size: 11px;
	color: #C00;
	font-weight: normal;
}
dl.student dt span a {
	color: #C00;
}

dl.student dd {
	margin-left: 20px;
	margin-bottom: 2px;
}
dl.payment {
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	}
dl.payment dt {
	float: left;
	margin:  0 0 0.5em;
	padding: 0.2em 0 0;
	width: 60%;
	text-align: left;
	}
dl.payment dt a {
	padding: 0;
	color: #094054;
	font-weight: bold;
	}
dl.payment dt a:hover {
	color: #F00;
	}
dl.payment dd {
	margin: 0 0 0.5em 62%;
	padding: 0.2em 0 0;
	}

dl.payment dt.total {
	background: transparent;
	text-align: right;
	font-weight: bold;
	}
dl.payment dd.total-price {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	font-weight: bold;
	}

	
/* --- forms --- */	
dl.form-details  {
	margin: 0;
	padding: 0;
	}
dl.form-details dt {
	margin: 0; /**/
	float: left;
	width: 120px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	clear: left;
	}
dl.form-details dt em {
	color: #900;
	font-style: normal;
	}
dl.form-details dd {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 130px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	}
dl.form-details dd em {
	padding-left: 1em;
	font-size: 86%;
	color: #777;
	font-style: italic;
	}
dl.form-details span { /* for radio button labels */
	margin: 0;
	padding: 0 1em 0 0;
	}
dl.form-choices {
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #ddd;
	}

dl.form-choices dt {
	margin: 0;
	padding: 0;
	}
dl.form-choices dd {
	margin: 0;
	padding: 0;
	}
dl.form-choices dd span { /* for checkboxes */
	margin: 0;
	padding: 0 0.5em 0 0;
	}
dl.form-questions {
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	}
dl.form-questions dt {
	margin: 0;
	padding: 0;
	}
dl.form-questions dt em {
	color: #900;
	font-style: normal;
	}
dl.form-questions dd {
	padding: 0;
	}
dl.form-questions span { /* for radio button labels */
	margin: 0;
	padding: 0 1em 0 0;
	}
.l-align {
	text-align: left;
	}
.r-align {
	text-align: right;
	}
.error {
	padding: 0.5em 0 0.5em 18px;
	font-size: 90%;
	color: #900;
	border: 1px solid #ccc;
	border-width: 1px 0;
	}
.checkbox {
	margin: 0 1em 0 0;
	}
.select-fluid,
.input,
.input-fixed,
.input-fluid,
.textarea-fixed {
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	border-top: 1px solid #aaa;
	color: #111;
	}
.input:hover,
.input-fixed:hover, 
.input-fluid:hover, 
.textarea-fixed:hover {
	border: 1px solid #999;
	border-top: 1px solid #777;
	}
.input:focus,
.input-fixed:focus,
.input-fluid:focus, 
.textarea-fixed:focus {
	border: 1px solid #369;
	border-top: 1px solid #258;
	}
.select-fluid {
	display: block;
	width: 100%;
	}
.input-fixed {
	display: block;
	width: 16em;
	}
.input-fluid {
	display: block;
	width: 300px;
	}
.textarea-fixed {
	display: block;
	width: 300px;
	}
div.input-error span {
	display: block;
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 90%;
	font-weight: bold;
	color: #900;
	background: url(/img/icon/alert-error.gif) no-repeat 0 0.2em;
	}
div.input-error .input,
div.input-error .input-fixed,
div.input-error .input-fluid,
div.input-error .textarea-fixed  {
	border: 1px solid #900;
	background: #fee;
	}
fieldset {
	padding: 15px;
	margin-bottom: 10px;
}
fieldset legend {
	margin-bottom: 10px;
	color: #094054;
}
#content .instruct {
	padding: 0.5em 0 0.5em 18px;
	font-size: 90%;
	color: #037;
	border: 1px solid #ccc;
	border-width: 1px 0;
	}
#content .error_field {
	padding: 0.5em 0 0.5em 18px;
	font-size: 90%;
	color: #900;
	border-width: 1px 0;
	}.creditcard {
	text-align: center;
	float: right;
	width: 135px;
}
a.requirementsheet {
	border: 1px solid #6B9706;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	display: inline-block;
	text-decoration: none;
	color: #000;
	background-color: #F5FEE0;
	font-size: 90%;
	width: 150px;
}
a.requirementsheet:hover {
	background-color: #6B9706;
	color: #FFF;
}
	
