@charset "utf-8";
/* CSS Document */

h1 {
	padding: 0 0 0.2em 0;
}
.title {
	padding: 0 0 0.7em 0;
	display: block;
}
.searchresults {
	display: block;
	padding: 0 0 1em 237px;
	font-weight: bold;
	font-size: 1.9em;
	line-height: 1em;
}

#res table tbody tr td.j {
	font-size: 11px;
}

.hide {
	display: none;
}
#message {
	padding: 12px;
	background: #EEEF7A;
	width: 480px;
	color: #000;
}

#last-change {
	display: block;
	margin: 0 0 14px 0;
}

#search {
	margin-top: 53px;
}

#page {
	width: 947px;
}

#logo {
	margin-left: -100px;
}
#metanav {
	height: 135px;
}
#header {
	margin-left: 204px;
	padding: 0 0 10px 0;
	/* voor het logo in FF 2.0 */
		z-index: 2;
		position: relative;
	/* einde FF 2.0 */
}
#navigation {
	background: url(../img/mainmenu-home.gif) bottom left no-repeat #000;
}
	#navigation ul {
		margin: 0px;
		padding: 0 0 0 99px;
		list-style: none;
	}
	#navigation ul li {
		margin: 0 0 0 1px;
		padding: 0 6px 0 0;
		float: left;
		background-color:#000;
		color: #FFF;
		font-size: 1.5em;
		line-height: 1em;
		border-left: 1px solid #FFF;
		min-height: 1px;
		zoom: 1;
		font-weight: bold;
		white-space: nowrap;
	}
	#navigation ul li a {
		display: block;
		text-decoration: none;
		color: #FFF;
		padding: 7px 16px 9px 12px;
		background:url(../img/arrow-white-down.gif) right 11px no-repeat;
	}
	#navigation ul .active {
		position: relative;
		margin-top: -6px;
	}
	#navigation ul .active a {
		padding-top: 13px;
		background-position: right 17px;
	}
	#navigation ul .home {
		border-left: none;
		padding-right: 0px;
	}
	#navigation ul .home a {
		padding-left: 16px;
		background:url(../img/arrow-white-left.gif) 0px 11px no-repeat;
	}

#searchoptions{
	/* voor het logo in FF 2.0 */
		z-index: 2;
		position: relative;
	/* einde FF 2.0 */
}
	#searchoptions-filter {
		width: 215px;
		float: left;
		color: #FFF;
	}
	#searchoptions-filter-edu {
		color: #FFF;
		padding: 0 0 34px 0;
	}
	#searchoptions-filter .remove,
	#searchoptions-filter-edu .remove {
		display: block;
		width: 14px;
		height: 14px;
		float: right;
	}
	#searchoptions-filter .searchfilter,
	#searchoptions-filter-edu .searchfilter {
		display: block;
		line-height: 1em;
		font-size: 1.17em;
		font-weight: bold;
		color: #FFF;
		padding: 0 0 0.3em 0;
	}
	#searchoptions-filter ul,
	#searchoptions-filter-edu ul {
		padding: 0 0 1em 0;
	}
	#searchoptions-filter #search_by_word,
	#searchoptions-filter-edu #search_by_word {
		background-color: #FFF;
		padding: 3px;
	}
	#searchoptions-filter #search_by_word .text,
	#searchoptions-filter-edu #search_by_word .text {
		background: #FFF;
		margin: 0px;
		padding: 2px;
		color: #999999;
		border: none;
		float: left;
		width: 155px;
	}
	#searchoptions-filter #search_by_word .button,
	#searchoptions-filter-edu #search_by_word .button {
		width: 20px;
		height: 20px;
		float: right;
	}
	#searchoptions-filter .box .tr,
	#searchoptions-filter-edu .box .tr {
		background-image:url(../img/corners-tr-onlogo-onblack.gif);
	}
	#searchoptions-browse {
		margin-left: 226px;
		font-size: 1.2em;
	}
	#searchoptions-browse .br {
		height: 110px;
	}
	#searchoptions-browse .box {
		background: url(../img/corners-tl-onlogo-onblack.gif) top left no-repeat #000;
	}
	#searchoptions-browse .title {
		padding-bottom: 1.5em;
	}
	#searchoptions-browse .box .br,
	#searchoptions-filter .box .br,
	#searchoptions-filter-edu .box .br {
		min-height: 149px;
	}
	#search_by_discipline {
		width: 325px;
		float: left;
	}
	#search_by_target {
		width: 325px;
		float: left;
	}
	#search_by_actions {
		width: 120px;
		text-align: right;
		padding: 54px 0 0 0;
		margin-left: 565px;
	}
	#search_by_actions #showall {
		color: #FFF;
		display: block;
	}

	#search_by_discipline ul,
	#search_by_target ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#search_by_discipline ul li,
	#search_by_target ul li {
		margin: 0px;
		padding: 0 0 2px 0;
		width: 156px;
		float: left;
		color: #FFF;
		white-space: nowrap;
	}
	#search_by_discipline ul li a,
	#search_by_target ul li a {
		color: #FFF;
		text-decoration: none;
	}
	#search_by_discipline .all-bullet,
	#search_by_target .all{
		background: url(/img/yellow-arrow-right.gif) 0px 3px no-repeat;
	}
	#search_by_discipline ul li .radio,
	#search_by_target ul li .radio {
		margin: 0px;
		padding: 0px;
		vertical-align: top;
		width: 13px;
		height: 13px;
		overflow: hidden;
	}

.sidebar {
	width: 215px;
}
	.sidebar h2,
	.title {
		font-size: 1.33em;
		color: #DFE000;
		font-weight: bold;
		padding: 0 0 0.3em 0;
	}
	.sidebar ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	.sidebar ul li {
		margin: 0px;
		padding: 0px;
	}
	.sidebar ul li a {
		text-decoration: none;
	}

.contentmenu {
	min-height: 149px;
}
	.contentmenu li ul {
		padding: 0 0 0 15px;
	}
	.contentmenu li,
	.contentmenu ul li,
	.contentmenu li ul li {
		overflow: hidden;
		zoom: 1;
	}
	.contentmenu li a {
	}
	.contentmenu .divider {
		height: 10px;
		overflow: hidden;
	}

#contentholder {
	width: 721px;
	float: right;
}
.content {
	padding: 11px 0 0 11px;
	background-color: #FFF;
}

.content ul {
	list-style: none;
	padding: 0 0 15px 0;
}
.content ul ul {
	padding-left: 15px;
}
.content ul li {
	background: url(../img/arrow-black-right.gif) 0px 4px no-repeat;
	padding: 0 0 5px 16px;
}

.sidebarOnLogo .tr{
	background: url(../img/corners-tr-onlogo-onblack.gif) top right no-repeat;
}
.contentOnLogo{
	background: url(../img/corners-tl-onlogo-onwhite.gif) top left no-repeat #FFF;
}

#image {
	padding: 11px;
	margin: 0 0 25px 0;
	position: relative;
	background-position: center center;
}
#image h1 {
	font-size: 2.67em;
	padding: 0 0 0.5em 0;
	font-weight: normal;
	color: #FFF;
}

.boxImage .center {
}
.boxImage ol {
	line-height: 1.2em;
}
.boxImage .box {
	width: 216px;
	background: transparent;
	float: left;
	margin: 0 11px 0 0;
	line-height: 1.2em;
}
.subject {
	padding: 0 0 65px 0;
}

.sort {
	float: right;
	padding: 10px 0 0 0;
}
	.sort ul {
		margin: 0px;
		padding: 0 0 0 5px;
		list-style: none;
		display: inline;
	}
	.sort ul li {
		margin: 0px;
		padding: 0 0 0 10px;
		display: inline;
	}

ul.pages {
	margin: 0px;
	padding: 10px 0 0 0;
	list-style: none;
	float: right;
}
	ul.pages li {
		margin: 0px;
		padding: 0px;
		float: left;
		background: #FFF;
	}
	ul.pages li a {
		display: block;
		padding: 0 4px;
		font-size: 1.2em;
	}
	ul.pages .active a {
		background: #000;
		color: #FFF;
		text-decoration: none;
	}


.subject-head {
	font-size: 1.58em;
	padding-bottom: 0.5em;
	line-height: 1.3em;
}
.subject-body {
	font-weight: bold;
}
.course {
	background: url(../img/corners-tl.gif) top left no-repeat;
	margin: 0 0 1px 0;
	zoom: 1;
	position: relative;
}
	.course .course-img {
		float: right;
		width: 208px;
		height: 44px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.course .course-img img {
		display: block;
	}

	.course h3 a {
		display: block;
		text-decoration: none;
		background: url(../img/course-status.gif) 15px 14px no-repeat;
		padding: 14px 0 16px 45px;
		position: relative;
		z-index: 5;
	}
	.course table {
		width: 100%;
		padding: 7px 7px;
		display: none;
	}
	.course table tr th,
	.course table tr td {
		border-top: 1px solid #333;
		padding: 5px 4px 5px 0;
		color: #FFF;
		text-align: left;
	}
	.course table tr th {
		width: 200px;
		padding-left: 4px;
		font-weight: normal;
	}
	.course table tr .last a {
		background-position: 0px 5px;
		background-repeat: no-repeat;
		padding: 0 0 0 12px;
	}
	.course .levels {
		width: 52px;
	}
	.course .levels1, 
	.course .levels2, 
	.course .levels3, 
	.course .levels4,
	.instance .levels1, 
	.instance .levels2, 
	.instance .levels3, 
	.instance .levels4 {
		width: 24px;
		height: 20px;
		float: left;
	}
	.course .levels1,
	.instance .levels1 {
		background: url(../img/levels-1.png) top left no-repeat;
	}
	.course .levels2,
	.instance .levels2 {
		background: url(../img/levels-2.png) top left no-repeat;
	}
	.course .levels3,
	.instance .levels3 {
		background: url(../img/levels-3.png) top left no-repeat;
	}
	.course .levels4,
	.instance .levels4 {
		background: url(../img/levels-4.png) top left no-repeat;
	}
	.course .levels img {
		float: left;
	}
	.course table tr .last {
		text-align: right;
	}
	.course table tr .noinstances a {
		color: #e9639d;
	}
	.course table tr .moreinfo {
		width: 80px;
		text-align: right;
	}
	.course-active {
		display: block;
	}
	.course-active h3 a {
		background-position: 15px -16px;
	}
	.course-active table {
		display: table;
		background-color: #000 !important;
		.display: block;
	}
	
.courses {
	margin: 8px 0px 35px 0px;
}
.more-holder {
	padding-top: 6px;
}

.more-holder .more {
	font-size: 1.2em;
}
	
/* faq */
.FAQ h3 a {
	background-image: url(../img/faq-status.gif);
}
	
.FAQ table{
	padding-top: 0px;
	padding-left: 0px;
}

	.FAQ table tr td{
		padding-left: 45px;
		border: none;
		color: #000;
		padding-top: 0px;
	}

/* instance */

.instance {
	background: url(../img/corners-tl.gif) top left no-repeat;
	margin: 0 0 1px 0;
	zoom: 1;
	position: relative;
}

	.instance_colors
	{
		z-index:0;
		position: relative;
	}
	
	.instance_data
	{
		z-index: 1;	
		position: relative;		
	}
	.instance table {
		border: none;
		position: relative;
		z-index: 1;
	}
	.instance table tr td {
		border: none;
		text-align: left;
	}
	.instance .info-head {
		background: url(../img/course-status.gif) 15px 14px no-repeat;
		width: 720px;
		height: 44px;
		cursor: pointer;
		z-index: 5;
	}
	.instance .info-head a {
		text-decoration: none;
	}
	.instance .info-head td {
		vertical-align: middle;
		padding: 0 10px 0 0;
	}
	.instance .info-head th {
		height: 1px;
		padding: 0;
		margin: 0;	
	}
	.instance .info-head th.instancename {
		width: 290px;
	}
	.instance .info-head th.lessons {
		width: 60px;
	}
	.instance .info-head th.day {
		width: 260px;
	}
	.instance .info-head th.signin {
		width: 110px;
	}
	.instance .info-head td.instancename {
		font-weight: bold;
		padding: 0 0 0 45px;
	}
	.instance .info-head td.level {
		white-space: nowrap;
	}
	.instance .info-head td.lessons {
	}
	.instance .info-head td.y {
	}
	.instance .info-head td.signin {
		text-align: right;
	}
	.instance .info-head .signin a {
		color: #FFF;
		background-position: center left;
		background-repeat: no-repeat;
		text-decoration: underline;
		padding-left: 25px;
	}
	.instance-active .info-head .signin a {
		color: #FFF;
		height: 22px;
		padding: 10px 0 0 37px;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-decoration: none;
		display: block;
		text-align: left;
	}
	.instance .infoholder {
		padding: 11px;
		color: #FFF;
		display: none;
	}
	.instance .info-1 {
		width: 367px;
		float: left;
		font-weight: bold;
	}
	.instance .info-2{
		font-weight: bold;
		float: left;
		zoom: 1;
	}
	.instance .info-title {
		color: #DFE000;
		padding: 0 8px 0 0;
		width: 60px;
	}

	.instance-active {
		background-color: #000 !important;
		color: #FFF;
	}
	.instance-active .info-head {
		background-position: 15px -16px;
	}
	.instance-active .info-head h3 a {
		color: #FFF;
	}
	.instance-active .infoholder {
		display: block;
	}
/* end instance */
.coursedetail h2 {
	padding: 0.8em 0 0.7em 0;
	line-height: 1.1em;
	font-size: 1.58em;
	font-weight: normal;
}
.contentbox {
	width: 480px;
}
.contentbox-edu {
	float: left;
	width: 480px;
}
#sidebar-right {
	width: 208px;
	float: right;
}

#socialbookmarks {
	float: right;
	padding: 10px 0 0 0;
}

#share {
	padding: 0 0 25px 0;
}
	#share #twitter_share {
		float: left;
	}
	#share #facebook_share {
		margin: 0 0 0 120px;
	}

.contactinfo {
	font-size: 1.17em;
	font-weight: bold;
}
.contactinfo #byphone {
	margin-bottom: 10px;
}
.contactinfo #byphone span {
	display: block;
	float: left;
	width: 21px;
	height: 18px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='/img/phone.png');
	margin: 0 12px 0 0;
}
html > body .contactinfo #byphone span {
	background: url(../img/phone.png) 0px 0px no-repeat;
}
.contactinfo #bymail {
	clear: left;
}
.contactinfo #bymail span {
	display: block;
	float: left;
	width: 24px;
	height: 12px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='/img/email.png');
	margin: 3px 9px 0 0;
}
html > body .contactinfo #bymail span {
	background: url(../img/email.png) 0px 0px no-repeat;
}

.contentbox small {
	padding: 0 0 1.5em 0;
	display: block;
	font-style: normal;
	font-weight: bold;
}

#breadcrumbs {
	margin: 0 0 10px 0;
	padding: 0px;
	list-style: none;
	font-weight: bold;
	font-size: 0.83em;
	line-height: 1em;
}
	#breadcrumbs li {
		display: inline;
		background: none;
		margin:0px;
		padding:0px;
	}
	#breadcrumbs li a {
		text-decoration: none;
	}

#more-courses .box {
	width: 172px;
	float: left;
	margin: 0 0 0 11px;
	color: #FFF;
}
	#more-courses .first {
		margin-left: 0px;
	}
	#more-courses .image {
		display: block;
		width: 150px;
		height: 100px;
		background-position: center center;
		background-repeat: no-repeat;		
	}
	#more-courses p {
		padding: 0.4em 0 0.3em 0;
	}
	#more-courses a {
		text-decoration: none;
	}

.backbtn-holder {
	padding: 0 0 45px 0;
}
.backbtn {
	clear: both;
	background: url(../img/btn_back_right.gif) top right no-repeat;
	text-decoration: none;
	display: block;
	float: left;
	height: 27px;
	font-weight: bold;
	font-size: 1.08em;
}
.backbtn span {
	display: block;
	background: url(../img/btn_back_left.gif) top left no-repeat;
	padding: 4px 10px 0 30px;
}
#btnholder {
	margin: 11px 0 0 0;
}
button.nextbtn::-moz-focus-inner {
	padding: 0px;
	border:none;
}
.nextbtn {
	border: none;
	background: transparent;
	overflow: visible;
	margin: 0px;
	padding: 0px;
 	width: auto;
	text-align: left;
	cursor: pointer;
	line-height: normal;
	white-space: nowrap;
	float: right;
	height: 27px;
}
	.nextbtn span {
		display: block;
		height: 27px;
		background: url(../img/nextbtn-left.gif) top left no-repeat;
		font-weight: bold;
		font-size: 16px;
	}
	.nextbtn span span {
		background: url(../img/nextbtn-right.gif) top right no-repeat;
		padding: 2px 30px 0 10px;
	}


button.previousbtn::-moz-focus-inner {
	padding: 0px;
	border:none;
}
.previousbtn {
	border: none !important;
	overflow: visible;
	margin: 0px;
	padding: 0px;
 	width: auto;
	text-align: left;
	cursor: pointer;
	line-height: normal;
	white-space: nowrap;
	float: left;
	text-decoration: none;
	display: block;
}
	.previousbtn span {
		display: block;
		height: 27px;
		background: url(../img/btn_back_right.gif) top right no-repeat;
		font-weight: bold;
		font-size: 16px;
		float: left;
	}
	.previousbtn span span {
		background: url(../img/btn_back_left.gif) top left no-repeat;
		padding: 2px 10px 0 30px;
	}

#signin-menu {
	position: relative;
	padding: 5px;
	background-color: #000;
	margin: 0 0 11px 0;
	zoom: 1;
}
	#signin-menu .arrow,
	#step1 .arrow {
		width: 43px;
		height: 11px;
		position: absolute;
		left: 0;
		bottom: 0;
		margin: 0 0 -11px 208px;
		background: url(../img/registrationmenu-arrowdown.gif) 0px 0px no-repeat;
		overflow: hidden;
	}
	#signin-menu ul {
		margin:0px;
		padding:0px;
	}
	#signin-menu ul li {
		float: left;
		font-weight: bold;
		vertical-align: middle;
		margin:0px;
		padding:0px;
		background:none;
	}
	#signin-menu ul li a {
		display: block;
		padding: 12px 14px 12px 9px;
		height: 20px;
		background: url(../img/registrationmenu-arrow.gif) right -44px no-repeat #333;
		text-decoration: none;
		font-size: 1.25em;
		line-height: 1em;
		color: #FFF;
		float: left;
	}
	#signin-menu ul .active a{
		background: url(../img/registrationmenu-arrow.gif) right 0px no-repeat #DFE000;
	}
	#signin-menu ul li a span {
		padding: 0 5px;
		background-color: #000;
		color: #DFE000;
		font-size: 0.67em;
		margin: 0 16px 0 0;
	}
	#signin-menu ul .active a {
		color: #000;
	}
	#signin-menu ul .active a span {
		color: #DFE000;
	}



#signin,
#AlternativeBox,
#signin-help {
	background-color: #000;
}
#signinAlternative,
#signin {
	color: #FFF;
	position: relative;
}

#secondChoiceBox h2{
	font-size: 1.2em !important;
	color: #000 !important;
	padding: 0 !important;
}
#secondChoiceBox{
	margin: 14px 0 14px;
}
.leftoption,
#leftoption {
	width: 218px;
	float: left;
	position: relative;
	margin: 0 0 0 19px;
}
#signinAlternative .select,
#signin .select {
	font-size: 12px;
	padding: 5px;
}
.rightoption,
#rightoption {
		margin: 0 0 0 260px;
	position: relative;
}
.leftoption .radio,
.rightoption .radio,
#leftoption .radio,
#rightoption .radio {
	position: absolute;
	margin: 3px 0 0 -20px;
	padding: 0px;
	width: 13px;
	height: 13px;
}

#courseInfo table {
	border: none;
	padding: 0 0 1em 0;
}
#courseInfo table tr td{
	padding: 0 0 0.4em 0;
}
#courseInfo .firstcol {
	width: 137px;
}
#courseInfo #name,
#courseInfo #maturity,
#courseInfo #dayAndTime,
#courseInfo #location,
#courseInfo #teacher,
#courseInfo #costs {
	font-weight: bold;
}
#courseInfoAlternatief #courseTermsAlternatief,
#courseInfo #courseTerms {
	padding: 5px;
	background-color: #DFE000;
}


#signin h1 {
	color: #FFF;
	font-weight: bold;
	padding: 0.3em 0 0.6em 0;
}
#signinAlternative h2,
#signin h2 {
	color: #FFF;
	font-size: 1.50em;
	font-weight: bold;
	padding: 0 0 0.6em 0;
}
#signin .text {
	margin: 0px;
	padding: 2px 4px;
	vertical-align: middle;
	font-size: 12px;
}
#signin .small {
	width: 68px;
}
#signin .middle {
	width: 188px;
}
#signin .large {
	width: 251px;
}
#signin h3 {
	font-weight: bold;
	color: #DFE000;
	padding: 1.2em 0 1em 0;
	font-size: 1em;
}

#signinAlternative .error,
#signin .error {
	display: block;
	clear: both;
	margin: 6px 0 0 0;
	background: url(../img/arrow-white-up.gif) 0px 3px no-repeat;
}
#signinAlternative .error-con,
#signin .error-con {
	background-color: #FF0000;
	color: #000;
	padding: 0 3px;
	margin-left: 11px;
}
#signinAlternative .required,
#signin .required {
	padding: 0 5px;
}
#step1 .select {
	width: 200px;
}
#step2 .textarea {
	width: 446px;
	padding: 3px 5px;
	font-size: 12px;
}
#signin .label {
	display: block;
	width: 100px;
	float: left;
	margin: 3px 0 0 0;
}
#signin .inputholder {
	float: left;
}
#signinAlternative .break,
#signin .break {
	clear: both;
	height: 5px;
	overflow: hidden;
}
#signin a {
	color: #FFF;
}
#signin .checkbox {
	width: 13px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.attention {
	background-color: #DFE000;
	padding: 7px 9px;
	margin: 10px 0;
	color: #000;
}
.attention a {
	color: #000 !important;
}
.attention p {
	padding: 0px;
}
.signinh2 {
	font-weight: bold;
	font-size: 1.75em;
	padding-bottom: 0.5em;
}
#step4 .box .signinh2 {
	color: #FFF;
	padding-top: 1em;
}
#step4 .go_link_bl {
	float: right;
	margin: 0 11px 0 0;
}
#step4 .print,
#authorizationForm .print {	
	background: url(../img/print.gif) center left no-repeat;
	padding: 0 0 0 22px;
	display: block;
	float: right;
}
#step4 .break {
	height: 12px;
}
#step4 table {
	width: 100%;
}
#step4 table tr .firstcol {
	width: 100px;
}
#step4 table tr td {
	vertical-align: top;
	padding: 0 0 0.1em 0;
}
#step4 table tr .modify {
	text-align: right;
}

.courseinfo {
	background-color: #000;
	color: #FFF;
}
.courseinfo a {
	color: #FFF;
}
.courseinfo table tr td {
	vertical-align: top;
	padding: 0 0 0.2em 0;
}
.courseinfo table tr .firstcol {
	padding-right: 0.3em;
}
#courseImage {
	width: 104px;
	height: 104px;
	float: right;
	background-position: center center;
	background-repeat: no-repeat;
}
#courseAlternativeInfo{
	margin-top: 10px;
}
.help {
	position: relative;
}
.help img {
	vertical-align: middle;
}
.help .help-close {
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	background:url(../img/moreinfo-close.gif) 0px 0px no-repeat;
}
.help .help-con {
	display: block;
	position: absolute;
	bottom: 0;
	background: url(../img/moreinfo-arrow.gif) center bottom no-repeat #DFE000;
	padding: 11px 11px 24px 11px;
	width: 190px;
	left: 0;
	margin: 0 0 14px -100px;
	color: #000;
	z-index: 2;
}
.help .help-con a {
	color: #000 !important;
}


#authorizationForm .label {
	display: block;
	width: 175px;
	float: left;
	margin: 3px 0 0 0;
}

#relatedcourses {
	padding: 1em 0;
}
#relatedcourses h2 {
	font-size: 1.17em;
	color: #FFF;
}
#relatedcourses h3 {
	font-size: 1.17em;
	color: #FFF;
}
#relatedcourses #courseImage {
	width: 90px;
	height: 90px;
	margin: 0 5px 5px 0;
	float: left;
}

/* -- Current -- */
#current .nextbtn{
	text-decoration: none;
}

	#current .box{
		background-color: #000;
	}

	#current .box a{
		color: #FFF;
		text-decoration: none;
	}

#newsdetails,
#newsitem{
	float: left;
	clear: left;
	width: 480px;
}

	#newsdetails,
	#newsdetails li,
	#newsitem,
	#newsitem li{
		display: block;
		margin: 0px;
		padding: 0px;
		background: none;
	}
	
	.alignleft {
		display: block;
		float: left;
		padding: 0 5px 5px 0;
	}
	.alignright {
		display: block;
		float: right;
		padding: 0 0 5px 5px;
	}
	
	

	#newsdetails li{
		background-position: right center;
		background-repeat: no-repeat;
		padding-right: 213px;
		padding: 0px;
		border-bottom: #FFF solid 1px;
	}
	
	
	

	.content ul#newsdetails li ul,
	.content ul#newsitem li ul {
		margin: 0px;
		padding: 0px;
		list-style: inside;
		list-style-image: url(../img/arrow-black-right.gif);
	}
	
	.content ul#newsdetails li ul li,
	.content ul#newsitem li ul li{/*
		background-color: transparent;
		background-image: url("");
		background-repeat: no-repeat;
		background-position: 0px 4px;*/
		
		display: list-item;
		
		padding-top: 0pt;
		padding-right: 0pt;
		padding-bottom: 5px;
		padding-left: 0px;
	}
	
	#newsdetails .first, #newsdetails .first .info{
		background-color: #DFE000 !important;
	}

	#current h2 a{
		text-decoration: none;
	}
	
	#newsdetails .info{
		padding: 5px;
		display: block;
		width: 257px;
		background-color: #FFF;
	}

	#current .details,
	#current .details{
		clear: left;
		padding: 0;
	}

	#newsdetails .date{
		float: left;
		padding-right: 5px;
		height: 12px;
	}
	
	#newsdetails p,
	#newsdetails .go_link_ls{
		display: inline;
	}
	
	#newsdetails .go_link_ls{
		margin-left: 5px;
	}
	
	#current #reflinks{
		padding-top: 5px;
		clear: left;
	}
	
	#current #sidebar-right{
		font-size: 1.0em;
		color: #FFF;
	}
	
	#current #sidebar-right .soon{
		color: #000;
		padding-left: 10px;
	}
	
	
	
	#calendar .tr {
		background-color: #DFE000;
	}

		#calendar .item {
			color: #888 !important;
		}
		#calendar .current,
		#calendar .calendar-month-daynames,
		#calendar .calendar-month-head{
			color: #000 !important;
		}
		.calendar-month{
			padding-left: 10px;
		}
		.calendar-month-head {
			font-weight: bold;
			text-align: center;
			padding: 0px 10px 5px 0px;
		}
		.calendar-month-head a{
			padding: 0px 6px 0px 6px;
		}
		.calendar-month-daynames strong,
		.calendar-month-days span {
			float: left;
			display: block;
			width: 24px;
			height: 20px;
			line-height:1em;
			text-align: center;
		}
		.calendar-month-days .item {
			display: block;
			height: 15px;
			padding-top: 5px;
		}
		.calendar-month-days a {
			text-decoration: none;
			background: url(../img/calendar-active-item.gif) center center no-repeat;
		}


/* Sitemap */
.sidemap-column {
	float: left;
	width: 230px;
}



/* Schools */


.activities {
	margin: 8px 0px 35px 0px;
}
.activity {
	background: url(../img/corners-tl.gif) top left no-repeat #DFE000;
	margin: 0 0 1px 0;
	zoom: 1;
	position: relative;
}
	.activity .activity-img {
		float: right;
		width: 120px;
		height: 44px;
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 0 0 8px;
	}
	.activity .activity-img img {
		display: block;
	}
	.provider-img {
		float: right;
		width: 60px;
		height: 44px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.provider-img img {
		display: block;
	}

	.activity h3 a {
		display: block;
		text-decoration: none;
		background: url(../img/course-status.gif) 15px 14px no-repeat;
		padding: 14px 0 16px 45px;
		position: relative;
		z-index: 5;
	}
	.activity table {
		width: 100%;
		padding: 7px 7px;
		display: none;
	}
	.activity table tr th,
	.activity table tr td {
		border-top: 1px solid #333;
		padding: 5px 4px 5px 0;
		color: #FFF;
		text-align: left;
	}
	.activity table tr th {
		width: 200px;
		padding-left: 4px;
		font-weight: normal;
	}
	.activity table tr .last a {
		background-position: 0px 5px;
		background-repeat: no-repeat;
		padding: 0 0 0 12px;
	}
	
	
	.activity-active {
		display: block;
	}
	.activity-active h3 a {
		background-position: 15px -16px;
	}
	.activity-active table {
		display: table;
		background-color: #000 !important;
		.display: block;
	}
	
	
	
/* instance */

.metadata {
	background-color: #000;
	margin: 0 0 1px 0;
	position: relative;
	padding: 11px;
}
	
	.metadata table {
		border: none;
		position: relative;
		z-index: 1;
		width: 100%;
	}
	.metadata table tr td {
		border: none;
		text-align: left;
		padding: 0 0 3px 0;
		margin: 0px;
		vertical-align: top;
	}
	.metadata .info-1 {
		float: left;
		width: 245px;
		font-weight: bold;
	}
	.metadata .info-2 {
		font-weight: bold;
		margin-left: 205px;
		width: 210px;
	}
	.metadata .info-title {
		color: #DFE000;
		padding: 0 8px 0 0;
		width: 60px;
	}
	.metadata-intro,
	.metadata-intro a {
		color: #FFF;
	}
	.metadata .btn_metadata {
		display: block;
		color: #DFE000;
		float: right;
		background: url(../img/bg_metadata_arrow.gif) left center no-repeat;
		padding: 0 0 0 12px;
		margin: 6px 0 0 0;
	}
	
	

.metadata_details {
	background: url(../img/corners-tl.gif) top left no-repeat #000;
	margin: 0 0 1px 0;
	position: relative;
	padding: 11px;
}
	
	.metadata_details table {
		border: none;
		position: relative;
		z-index: 1;
	}
	.metadata_details table tr td {
		border: none;
		text-align: left;
		padding: 0 0 3px 0;
		margin: 0px;
		color: #FFF;
	}
	.metadata_details .info-head {
		background: url(../img/course-status.gif) 15px 14px no-repeat;
		width: 720px;
		height: 44px;
		z-index: 5;
	}
	.metadata_details .info-head a {
		text-decoration: none;
	}
	.metadata_details .info-head td {
		vertical-align: middle;
		padding: 0 10px 0 0;
	}
	.metadata_details .info-head th {
		height: 1px;
		padding: 0;
		margin: 0;	
	}
	.metadata_details .info-1 {
		float: left;
		font-weight: bold;
	}
	.metadata_details .info-2 {
		font-weight: bold;
		margin-left: 250px;
	}
	.metadata_details .info-title {
		color: #DFE000;
		padding: 0 8px 0 0;
		width: 60px;
	}
	.metadata-details-intro {
		width: 375px;
	}
	.metadata-details-intro,
	.metadata-details-intro a {
		color: #FFF;
	}
/* end instance */


#controls_right_metadata {
	float: right;
	margin: 0 12px 0 0;
}
#controls_right {
	float: right;
	text-align: right;
	padding: 0 0 12px 12px;
}
.add_to_wishlist {
	background: url(../img/btn_wishlist_left.gif) top left no-repeat;
	text-decoration: none;
	display: block;
	height: 26px;
	font-weight: bold;
	font-size: 1.08em;
	float: right;
}
	#controls_right .add_to_wishlist {
		margin: 0 0 6px 0;
	}
	.add_to_wishlist span {
		display: block;
		background: url(../img/btn_wishlist_right.gif) top right no-repeat;
		padding: 4px 8px 0 8px;
		display: block;
		height: 22px;
	}
.wishlist {
	background-color: #000;
	color: #FFF;
	position: relative;
}
	.wishlist a {
		color: #FFF;
	}
	.wishlist h2 {
		color: #DFDF00;
		font-size: 18px;
		padding: 0 0 22px 26px;
	}
	.wishlist .actionbtn {
		display: block;
		color: #000;
		font-weight: bold;
		font-size: 12px;
		background-color: #DFE000;
		padding: 5px 8px;
		line-height: 1em;
		border: 1px outset #FFF000;
		vertical-align: middle;
		float: right;
		margin: 12px 0 0 0;
		text-decoration: none;
	}
	#wishlist .removeWish {
		display: block;
		width: 14px;
		height: 14px;
		float: right;
	}
	#wishlist ol {
		padding: 0 0 8px 16px;
		list-style-position: outside;
		font-size: 11px;
	}
	#wishlist ol li {
		padding: 0 0 6px 0;
	}
	
.counselor {
	background-color: #000;
	color: #FFF;
}
	.counselor a {
		color: #FFF;
	}
	.counselor h2 {
		color: #FFF;
		font-size: 14px;
		padding: 0 0 12px 0;
	}
	
	
#appointment-intro {
	font-size: 16px;
	padding: 0 0 24px 0;
}
#appointment-intro h1 {
	font-size: 26px;
}

#wishlist-icon {
	background: url(../img/pic_wishlist.png) 0px 0px no-repeat;
	width: 56px;
	height: 57px;
	position: absolute;
	top: 0;
	left: 0;
	margin: -10px 0 0 -25px;
}


.contactinfo-edu {
	font-size: 1.17em;
}
.contactinfo-edu #byphone {
	margin-bottom: 10px;
}
.contactinfo-edu #byphone span {
	display: block;
	float: left;
	width: 21px;
	height: 18px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='/img/phone.png');
	margin: 0 12px 0 0;
}
html > body .contactinfo-edu #byphone span {
	background: url(../img/phone.png) 0px 0px no-repeat;
}

#contactForm .text {
	width: 174px;
	margin: 0 0 4px 0;
	padding: 3px 5px;
	border: 1px solid #999;
	vertical-align: middle;
	display: block;
}
	#contactForm .button {
		color: #000;
		font-weight: bold;
		font-size: 12px;
		background-color: #DFE000;
		padding: 2px 4px;
		line-height: 1em;
		border: 1px outset #FFF000;
		vertical-align: middle;
		float: right;
		margin: 4px 0 0 0;
	}
	
	#contactForm .message{
		padding-bottom: 10px;
		color: #FFF000;
		display: none;
	}
	
	#contactForm .error {
		background-color: #FF0000;
		color: #000;
		padding: 0 3px;
	}
	
	.clearer {
		clear: both;
	}

#po {
	float: left;
	width: 340px;
}

#vo {
	float: left;
	width: 340px;
}

#po h2,
#vo h2 {
	background-color: #DFE000;
	padding: 8px 6px;
	float: left;
	margin: 0 0 12px 0;
}


#po ul li,
#vo ul li,
.page-title-link {
	background: url(/img/black-arrow-right.gif) 0px 3px no-repeat;
	padding: 0 0 14px 10px;
	display: block;
	float: left;
	text-decoration: none;
}
#po ul li .page-title,
#vo ul li .page-title,
.page-title-link span {
	display: block;
	padding: 1px 3px;
	background-color: #DFE000;
	color: #000;
	font-weight: bold;
	float: left;
	text-decoration: none;
}