.gPageTitle { color: #000000; font-size:  20px; line-height: 24px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.gKopje { color: #000000; font-size: 14px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold }
	body,div,td,th,.gPlain { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.gPlainSmall { color: #000000; font-size: 9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	
	.gBlackKopje { color: #000000; font-size: 14px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold }
	.gBlackPlain { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.gPlainTemplate { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.gPlainSmallTemplate { color: #000000; font-size: 9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.gSelectMultiple { color: #000000; font-size: 11px; line-height: 20px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.gTemplateForm { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.gTemplatePreview { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.gTab { color: #FFFFFF; font-size: 9px; line-height: 9px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold }
	.gButton { color: #FFFFFF; font-size: 9px; line-height: 6px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold }
	.gDownloadPlain { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.sPullDownMenu { color: #FFFFFF; font-size: 11px; background: #cccc99; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.tPullDownMenu { background: #CCCCCC; font-size: 11px; line-height: 20px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.tBoxPullDown { background: #0099FF; font-size: 11px; line-height: 20px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.pBoxPullDown { background: #0099FF; font-size: 11px; line-height: 20px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.gOverview { color: #FFFFFF; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.gTemplate { color: #FFFFFF; font-size: 14px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold }
	.gJudgementTemplate { color: #FF0000; font-size: 14px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold }
	.gJudgementPlain { color: #FF0000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.gJudgementPlainSmall { color: #FF0000; font-size: 9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.gSpotComment { color: #FF0000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.gListingHeadCaption { color: #FFFFFF; font-size: 14px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.gListingColCaption { color: #FFFFFF; font-size: 9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold }
	.gListingCellCaption { color: #FFFFFF; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.gChatMessage { color: #FFFFFF; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	
	.gLoginBox 		{ font-size: 11px; line-height: 11px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; }
	.gLoginMessage 	{ font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	
	.gHomeKopje { color: #FF6600; font-size: 14px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold }
	.gHomePlain { color: #FFFFFF; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.taTableHead { color: #000000; font-size:  9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.taTableHeadSuper { color: #000000; font-size:  13px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; text-align: left; }
	.taTableWarning { color: #000000; font-size:  11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.taTableCell { color: #000000 !important; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.taTableCellSmall { color: #000000; font-size: 9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.taPullDownMenu { color: #000000; font-size: 11px; background: #666666; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.taTableLink { font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.taTableLinkSmall { font-size: 9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.taPlain { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.taMessage { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.taWarning { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.aMessage { color: #000000; font-size:  11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aPlain { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aPlainSmall { color: #000000; font-size: 9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aTableHead { color: #000000; font-size:  9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aTableHeadSuper { color: #000000; font-size:  13px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aTableWarning { color: #000000; font-size:  11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aTableCell { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aTableCellSmall { color: #000000; font-size: 9px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aMenu { color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aPullDownMenu { color: #000000; font-size: 11px; background: #EEEEEE; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

	.aInputText 		{ color: #000000; font-size: 11px; line-height: 12px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aInputPassword 	{ color: #000000; font-size: 11px; line-height: 12px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aInputSelect		{ color: #000000; font-size: 11px; background: #EEEEEE; line-height: 16px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aInputCheckbox 	{ color: #000000; font-size: 11px; line-height: 12px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aInputTextarea 	{ color: #000000; font-size: 11px; line-height: 12px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.aInputFile		 	{ color: #000000; font-size: 11px; line-height: 12px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; }
	.aInputSubmit	 	{ color: #000000; background-color: #EEEEEE; font-size: 11px; line-height: 11px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold; }
	.aInputReset	 	{ color: #000000; background-color: #EEEEEE; font-size: 11px; line-height: 11px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold; }
	.aInputCancel	 	{ color: #000000; background-color: #EEEEEE; font-size: 11px; line-height: 11px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold; }
	.aInputSearch	 	{ color: #000000; background-color: #EEEEEE; font-size: 11px; line-height: 11px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold; }

	A		{ color: #000099; text-decoration: underline }
	A:link	{ color: #000099; text-decoration: underline }
	A:alink	{ color: #000099; text-decoration: underline }
	A:vlink	{ color: #000099; text-decoration: underline }
	A:hover	{ color: #000099; text-decoration: underline }
	
	A.gOverviewOwnSpot			{ color: #00CC00; text-decoration: underline }
	A.gOverviewOwnSpot:link		{ color: #00CC00; text-decoration: underline }
	A.gOverviewOwnSpot:alink	{ color: #00CC00; text-decoration: underline }
	A.gOverviewOwnSpot:vlink	{ color: #00CC00; text-decoration: underline }
	A.gOverviewOwnSpot:hover	{ color: #FF0000; text-decoration: underline }
	
	A.gMatrix		{ color: #000000; text-decoration: underline }
	A.gMatrix:link	{ color: #000000; text-decoration: underline }
	A.gMatrix:alink	{ color: #000000; text-decoration: underline }
	A.gMatrix:vlink	{ color: #000000; text-decoration: underline }
	A.gMatrix:hover	{ color: #FF0000; text-decoration: underline }

	A.gButtonA			{ color: #FFFFFF; text-decoration: none }
	A.gButtonA:link		{ color: #FFFFFF; text-decoration: none }
	A.gButtonA:alink	{ color: #FFFFFF; text-decoration: none }
	A.gButtonA:vlink	{ color: #FFFFFF; text-decoration: none }
	A.gButtonA:hover	{ color: #FFFFFF; text-decoration: none }

	.gTabTeacher		{ color: #000099; font-size: 9px; line-height: 9px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold }
	.gTabTeacher:link	{ color: #000099; text-decoration: none }
	.gTabTeacher:alink	{ color: #000099; text-decoration: none }
	.gTabTeacher:vlink	{ color: #000099; text-decoration: none }
	.gTabTeacher:hover	{ color: #000099; text-decoration: none }

	.oToolTip		{ width: 395px; position: absolute; left: 180px; top: 20px; border: solid #666666 2px; background-color: #444444; padding: 15px; visibility: hidden; z-index: 10; }
	
	.elo_export_message {
		padding:10px;
		background-color: #C9BDDF;
		margin: 15px 0;
		border: 1px solid #ccc;
		font-style: italic;
	}

body {
	margin:0;
	height: 100%;
}
#total_main {
	background: URL("/images/dante_nl/g_background_gradient.gif");
	background-repeat: repeat-x;
	height: 800px;
}

#total_main_scorm {
	background: URL("../images/dante_nl/g_background_gradient.gif");
	background-repeat: repeat-x;
	height: 100%;
}

#menu {
	background: URL("/images/dante_nl/t_menu_background.gif");
	background-repeat: repeat-x;
	height: 100%;
}
/*
#menu center,td center {
	background: transparent;
}

body center table {
	margin 10px;
}
body center table table {
	margin 0px;
}
*/
	.g_project_select_username { font-family:Arial; font-size: 15px; color:#000000; margin: 30px 0 0 0; }
	
	A.project_select		{ color: #000000; text-decoration: none; font-size: 14px; line-height: 24px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none; font-weight: bold;  }
	A.project_select:link	{ color: #000000; text-decoration: none }
	A.project_select:alink	{ color: #000000; text-decoration: underline }
	A.project_select:vlink	{ color: #000000; text-decoration: none }
	A.project_select:hover	{ color: #FF0000; text-decoration: underline }
	
	.g_project_select_name { font-family: Arial; font-size: 14px; font-weight: bold; color:#000000; }
	.g_project_select_project_title { padding: 5px 10px 0 10px; font-family: Arial; font-size: 11px; font-weight: bold; color:#000000; }
	.g_project_select_news_date { font-family: Arial; font-size: 9px; font-weight: bold; color:#FF0000; }
	.g_project_select_news_title { font-family: Arial; font-size: 13px; font-weight: bold; }
	.g_project_select_news_text { font-family: Arial; font-size: 11px; }	
	.g_project_select_window_title { font-family:Arial; font-size:15px; }
	.g_project_select_input_file { width: 125px; height: 21px; background-color; #E7E7BB; border-color: #000000; border-width: 1px; border-style: solid; padding-right: 10px; margin-right: 10px; font-size: 10px; color: #000000; }
	.g_project_select_input_submit { width: 110px; height: 23px; margin: 3px 0 5px 0; background-color; #E7E7BB; border-color: #000000; border-width: 1px; border-style: solid; padding: 3px 0 3px 3px; font-family: verdana, arial, helvetica, sans; font-size: 10px; color: #000000; cursor:pointer; }
	.g_project_select_webfolio_title { font-size: 15px; line-height: 16px; font-family: Arial; font-weight: bold; text-decoration: none }
	.g_project_select_webfolio_links { font-size: 11px; line-height: 16px; font-family: Arial; text-decoration: none; color: #FF0000; }
	.g_project_select_websites_title { font-size: 15px; line-height: 16px; font-family: Arial; font-weight: bold; text-decoration: none }
	.g_project_select_websites_links { font-size: 11px; line-height: 16px; font-family: Arial; text-decoration: none; color: #FF0000; }
	#logoInMenu {
		margin: 20px 0 0 0;
	}
	
	.t_menu_box { background-color:#FED380; }
	.tPullDownMenu { background: #CCCC99; font-size: 11px; line-height: 20px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }
	.tBoxPullDown { background: #CCFF66; font-size: 11px; line-height: 20px; font-family: Verdana, Geneva, Sans-Serif; text-decoration: none }

#dante_home #logo {
	margin: 100px 0 0 0;
}

#dante_home #content {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	position: relative;
}
#dante_home #content .title {
	position: absolute;
	top: 150px;
	left: 0px;
	font-family: Arial;
	font-size: 16px;
	color: #9ed812;
}
#dante_home #content .body {
	position: absolute;
	top: 184px;
	left: 0px;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
}

#dante_home #login {
	position: relative;
}

#dante_home #login .title {
	position: absolute;
	top: 150px;
	left: 45px;
	font-family: Arial;
	font-size: 16px;
	color: #9ed812;
}

#dante_home #login .background {
	width: 297px; 
	padding: 162px 0 0 10px;
}

#dante_home #login .name {
	position: absolute;
	top: 203px;
	left: 119px;
	width: 137px;
	height: 18px;
	background-color: transparent;
	overflow: hidden;
}

#dante_home #login .form_user_name {
	margin: 0px 0 0 3px;
	width: 130px;
	height: 17px;
	font-size: 11px;
	color: #000;
	background-color: transparent;
	border-style: none;
}

#dante_home #login .password {
	position: absolute;
	top: 228px;
	left: 119px;
	width: 137px;
	height: 18px;
	background-color: transparent;
	overflow: hidden;
}

#dante_home #login .form_password {
	margin: 0px 0 0 3px;
	width: 130px;
	height: 17px;
	font-size: 11px;
	color: #000;
	background-color: transparent;
	border-style: none;
}



#dante_home #login .submit {
	position: absolute;
	top: 250px;
	left: 200px;
	width: 65px;
	height: 30px;
	background-color: transparent;
	border-style: none;
}

#dante_home #login .form_submit {
	width: 65px;
	height: 30px;
	background-color: transparent;
	border-style: none;
}

.admin_icon {
	vertical-align: middle;
}