html,body{ font-family: 'Roboto', sans-serif; color: #333; margin: 0; padding: 0; height: 100%; min-height: 100%; }
label { padding: 4px; cursor: pointer; }
input { border: 1px solid #99c; padding: 4px 6px; border-radius: 3px; }
textarea { border: 1px solid #99c; padding: 4px 6px; border-radius: 3px; resize: none; font-size: 90%; }
input[type="submit"] { padding: 6px 16px; cursor: pointer; }
a { color: #009; text-decoration: none; }
a:hover { text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
h1,h2,h3,h4,h5 { color: #009; margin: 10px 0; }
.pointer { cursor:pointer; }
.help { cursor:help; }

input[type="checkbox"] {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background: #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	position: relative;
	box-sizing: content-box;
	width: 20px;
	height: 20px;
	padding: 0;
	border: 2px solid #999;
	content: '';
	transition: all .3s linear; }
input[type="checkbox"]:checked{ background: #31af91 url(img/yes.png) center center/contain no-repeat; }
input[type="checkbox"]:focus{ outline: 0 none; box-shadow: none; }

input[type="radio"] {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background: #eee;
	border-radius: 3px;
	box-sizing: border-box;
	position: relative;
	box-sizing: content-box;
	width: 15px;
	height: 15px;
	padding: 0;
	border: 1px solid #999;
	content: '';
	transition: all .3s linear; }
input[type="radio"]:checked{ background: #31af91 url(img/yes.png) center center/contain no-repeat; border-color: #080; }
input[type="radio"]:focus{ outline: 0 none; box-shadow: none; }


.icon { width: 20px; height: 20px; margin: auto; }
.button { border: 1px solid #999; border-radius: 4px; }
.button:hover { border: 1px solid #333; background: #ddd; }
#btn_logout:hover { background-color: #c93636; border-radius: 6px; } 
#location { border-radius: 3px; } 

.error {
	display: inline-block;
	padding: 6px; 
	margin: 0 0 10px 0;
	background-color: #fcc; 
	border: 1px solid #900;
	border-radius: 3px;
	color: #900; }
.allgood {
	padding: 6px; 
	margin: 0 0 10px 0;
	background-color: #cfc; 
	border: 1px solid #090;
	border-radius: 3px;
	color: #040; }
.infobox_outer {
	position: relative; /* wrapper to keep the toggle button visible */
}
.infobox {
	padding: 10px 36px 10px 60px;
	margin: 0 0 20px 0;
	border: 1px solid #dd0;
	border-radius: 3px; 
	background: #ffc url(img/info.png) 6px center / 50px 50px no-repeat; }
.infobox_close {
	display: block;
	position: absolute; /* note that father element (.infobox_outer) needs explicit postion: relative declaration */
	top: 4px; right: 4px;
	width: 26px; height: 26px;
	border: 1px solid #ffc;
	border-radius: 3px;
	background: #ffc url(img/close.png) center center / 26px 26px no-repeat; 
	cursor: pointer; }
.infobox_close:hover { background-color: #000; border-color: #000; }
.infoboxicon { background: url(img/info.png) center center / 26px 26px no-repeat; border-color: #fff; }
.btn_save_fixed { 
	position: fixed; 
	bottom: 120px; right: 40px; 
	width: 64px; height: 64px;
	border-radius: 6px;
	border: 0px;
	font-size: 0px;
	background: url(img/save.png) center/contain no-repeat; 
	z-index: 100; }
.btn_save_fixed:hover { background-color: #31AF91; border-color: #31AF91; }
.btn_preview {
	position: fixed; 
	bottom: 204px; right: 40px; 
	width: 64px; height: 64px;
	border-radius: 6px;
	border: 0px;
	font-size: 0px;
	background: url(img/view.png) center/contain no-repeat; 
	z-index: 100; }
.btn_preview:hover { background-color: #267CB5; border-color: #267CB5; }
.btn_noview {
	position: fixed; 
	bottom: 288px; right: 40px; 
	width: 64px; height: 64px;
	border-radius: 6px;
	border: 0px;
	font-size: 0px;
	background: url(img/noview.png) center/contain no-repeat; 
	z-index: 100; }
.btn_noview:hover { background-color: #267CB5; border-color: #267CB5; }
#btn_app_upload_files {
	position: fixed; 
	bottom: 120px; right: 40px; 
	width: 64px; height: 64px;
	cursor: pointer;
	border-radius: 6px;
	border: 0; 
	background: url(img/upload.png) center center/contain no-repeat; 
	z-index: 100; }
#btn_app_upload_files:hover { background-color: #31AF91; }
#btn_app_form_save {
	position: fixed; 
	bottom: 120px; right: 40px;
	width: 64px; height: 64px;
	cursor: pointer;
	border-radius: 6px; 
	border: 0;
	background: url(img/save.png) center center/contain no-repeat; 
	z-index: 100; }
#btn_app_form_save:hover { background-color: #31AF91; }

.confirm { 
	width:50%; 
	background: #ecc;
	border: 1px solid #600;
	border-radius: 6px;
	color: #600;
	padding: 20px; }
.lnk_confirm { 
	display: block; 
	margin: 20px 0; padding: 12px 0 13px 46px; 
	border: 1px solid; 
	border-radius: 6px; 
	color: #333; 
	font-weight: bold;}
.yes { background: #cec url(img/yes.png) no-repeat 6px 50%; background-size: 32px 32px; border-color: #090; } 
.yes:hover { background-color: #060; color: #eee; }
.no { background: #c88 url(img/no.png) no-repeat 6px 50%; background-size: 32px 32px;; border-color: #900; } 
.no:hover { background-color: #600; color: #eee; }
.ok_saved, .ok_closed, .ok_opened {
	display: none;
	position: fixed;
	z-index: 100; 
	top: 10%; left: 40%;
	width: 280px; height: 144px;
	background-color: #333; 
	border-radius: 6px; 
	opacity: 0.8;
	margin: 0 auto; 
	color: #060; }
.ok_saved span, .ok_closed span, .ok_opened span { 
	display: block;
	width: 240px; height: 104px;
	line-height: 104px;
	margin: 20px 0 0 20px; 
	background: #6c6;
	color: #000;
	font-weight: bold;
	border: 1px solid #0f0;
	border-radius: 6px;
	text-align: center; }
.ok_deleted {
	display: none;
	position: fixed;
	z-index: 100; 
	top: 10%; left: 40%;
	width: 280px; height: 144px;
	background-color: #333; 
	border-radius: 6px; 
	opacity: 0.8;
	margin: 0 auto; 
	color: #600; }
.ok_deleted span { 
	display: block;
	width: 240px; height: 104px;
	line-height: 104px;
	margin: 20px 0 0 20px; 
	background: #c66;
	color: #000;
	font-weight: bold;
	border: 1px solid #900;
	border-radius: 6px;
	text-align: center; }
.ok_error {
	display: none;
	position: fixed;
	z-index: 100; 
	top: 10%; left: 40%;
	width: 280px; height: 144px;
	background-color: #333; 
	border-radius: 6px; 
	opacity: 0.8;
	margin: 0 auto; 
	color: #600; }
.ok_error span { 
	display: block;
	width: 240px; height: 104px;
	line-height: 104px;
	margin: 20px 0 0 20px; 
	background: #c66;
	color: #000;
	font-weight: bold;
	border: 1px solid #900;
	border-radius: 6px;
	text-align: center; }

#login_wrapper { width: 100%; margin: 0 auto; height: 100%; min-height: 100%; }
#app_form_wrapper { width: 1180px; margin: 0 auto; height: 100%; min-height: 100%; background: #ccc; }
/* LOGIN INTERNAL START */
#login { width: 330px; margin: 20px auto; padding: 12px; border: 1px solid #999;
	text-shadow: 0px 0px 3px rgba(250, 250, 250, 1);
	background: url('img/bg_login.jpg') no-repeat center center; }
#login>img { height: 64px; }
#login a { padding: 4px 16px; }
#login p { padding: 10px 0; }
/* LOGIN INTERNAL END */

/* LOGIN APPLICATION START */
#app_login { width: 330px; margin: 20px auto; padding: 12px; border: 1px solid #009; 
	text-shadow: 0px 0px 3px rgba(250, 250, 250, 1); 
	background: url('img/bg_app_login.jpg') no-repeat center center; }
#app_login>img { height: 64px; }
#app_login a { padding: 4px 16px; }
#app_login p { padding: 10px 0; }
/* LOGIN APPLICATION END */

/* MY PROFILE START */
.btn_del_userpic { 
	display: block;
	float: right;
	width: 28px; height: 28px;
	border: 1px solid #fff;
	border-radius: 3px;
	background: url('img/delete.png') no-repeat center/contain; }
.btn_del_userpic:hover { background-color: #C93636; border-color: #C93636; }
/* MY PROFILE END */

/* USER ADMINISTRATION START */
#show_grouprights { border-collapse: collapse; font-size: 80%; }
#show_grouprights td { border: 1px solid #ccc; padding: 4px; }
/* CHAR ROW for USERLIST */
#chardiv { display: inline-block; margin: 5px 0 10px 0; }
.sortchar {
	display: block; float: left;
	width: 18px; height: 18px;
	text-align: center; 
	margin: 0 10px 5px 0; padding: 4px; 
	background-color: #eef; }
.sortchar:hover { background-color: #267cb5; color: #eee; }
/* CHAR ROW for USERLIST STOP */

/* GROUP BTN for USERLIST */
#groupdiv { display: inline-block; margin: 0 0 10px 0; width: 100%; }
.sortgrp {
	display: block; float: left;
	width: 80px; height: 32px; 
	border: 1px solid #ccc;
	border-radius: 3px;
	padding-left: 34px;
	margin-right: 10px;
	line-height: 32px;
	background: url('img/group.png') no-repeat 4px center; 
	background-size: 26px 26px; }
.sortgrp:hover { background-color: #eef; border-color: #009; }
.userfilterinfo { float: left; font-size: 80%; margin-left: 20px; }
.adduser { margin-left: 30px; background: url('img/adduser.png') no-repeat 4px center; background-size: 26px 26px; }
/* GROUP BTN for USERLIST STOP */

/* USERLIST */
#userlist { border-spacing: 0; border-collapse: collapse; }
#userlist th, #userlist td {
	font-size: 80%;
	padding: 2px 4px;
	height: 12px;
}
#userlist th { padding: 6px 4px; }
#userlist td { padding: 4px; }
#userlist select { width: 120px; }
.lnk_edit_user, .lnk_delete_user { display: block; width: 24px; height: 24px; margin: 0 auto; }
.lnk_edit_user { background: url('img/edit.png') center/contain no-repeat; }
.lnk_edit_user:hover { background-color: #31AF91; border-radius: 3px; }
.lnk_delete_user { background: url('img/delete.png') center/contain no-repeat; }
.lnk_delete_user:hover { background-color: #C93636; border-radius: 3px; }
/* USERLIST STOP*/
#user_form td { padding: 2px 4px; }
/* USER ADMINISTRATION STOP */

/* EDIT HOMEPAGES */
.lnk_edit_wrapper {
	width: 220px; height: 150px; 
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 1px solid #ccc; }
.lnk_edit_page {
	display: block;
	padding: 4px 6px; 
	background: #267cb5;
	border: 1px solid #267cb5;
	color: #eee; }
.lnk_edit_page:hover { border: 1px solid #267cb5; color: #444; background-color: #fff; }

.lnk_edit_uploads_wrapper {
	width: 110px; height: 150px; 
	float: left; 
	margin: 0 10px 10px 0;
	padding: 0;
	border: 1px solid #ccc; }
.lnk_edit_uploads {
	text-align: center;
	display: block;
	padding: 4px 0 0 0;
	width: 110px; height: 146px;
	background: url('img/upload.png') no-repeat center; background-size: 64px 64px; }
.lnk_edit_uploads:hover { background-color: #ccc; }
.lnk_edit_sub {
	display: block;
	font-size: 80%;
	border: 1px solid #fff;
	padding: 1px 0 1px 30px; }
.lnk_edit_sub:hover {
	background: #267cb5 url('img/edit.png') no-repeat 4px center;
	color: #fff; 
	border: 1px solid #267cb5;
	background-size: 16px 16px; }
#edit_helptable { border-collapse: collapse; font-size:  80%; }
#edit_helptable th, #edit_helptable tr, #edit_helptable td {
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 4px 10px; }
#edit_page_info { border-collapse: collapse; border-spacing: 0; border: 0; margin: 0 350px 10px 0; float: left;} 
#edit_page_info th, #edit_page_info tr, #edit_page_info td { 
	padding: 2px;  }
.btn_edit {
	display: block; float: left;
	width: 64px; height: 64px; 
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 0;
	background-color: transparent;
	margin: 0 0 0 40px; }
.btn_edit:hover { background-color: #ccc; border-color: #ccc; }
.save { background: url('img/save.png') no-repeat center center; background-size: 54px 54px; }
.preview { background: url('img/preview.png') no-repeat center center; background-size: 54px 54px; }
.nopreview { background: url('img/nopreview.png') no-repeat center center; background-size: 54px 54px; }
#edit_page_preview { width: 580px; border: 0; padding: 10px; background-color: #eee; float: left; }
#edit_page_preview p { margin: 12px 0; }
#edit_page_content { width: 330px; margin: 0 0 0 10px; padding: 10px; font-size: 90%; }

.file_link { 
	float: left;
	display: block;
	font-size: 80%;
	width: 70%;
	color: #333;
	margin: 0 0 0 -32px; 
	padding: 0 0 0 36px;
	line-height: 34px; }
.file_link:hover { color: #000; }
.file_wrapper:hover { background-color: #eee; }
.file_wrapper img { 
	float: left;
	max-width: 160px; 
	height: 34px; }
.file_delete {
	width: 32px; height: 32px; 
	display: block;
	position: absolute;
	border: 1px solid #fff; border-radius: 3px; 
	top: 0; right: 4px;   
	background: url('img/delete.png') no-repeat center center; background-size: 32px 32px;}
.file_delete:hover { background-color: #C93636; border: 1px solid #C93636; border-radius: 3px; }
.file_rename {
	width: 32px; height: 32px; 
	display: block;
	position: absolute;
	border: 1px solid #fff; border-radius: 3px;
	top: 0; right: 48px; 
	background: url('img/edit.png') no-repeat center center; background-size: 32px 32px;}
.file_rename:hover { background-color: #31af91; border: 1px solid #31af91; border-radius: 3px; }
/* EDIT HOMEPAGES STOP */

/* ONLINE APPLICATION START */
.btn_list_applied {
	display: block; float: left;
	height: 32px; 
	border: 1px solid #267cb5;
	border-radius: 3px;
	padding: 0 10px 0 34px;
	margin: 0 10px 10px 0;
	line-height: 32px;
	background: url('img/resume2.png') left/contain no-repeat; }
.btn_list_applied:hover { color: #fff; background: #267cb5 url('img/resume.png') left/contain no-repeat; }
.list_uploads { background: url('img/app_upload2.png') left/contain no-repeat; }
.list_uploads:hover { background: #267cb5 url('img/app_upload.png') left/contain no-repeat; }

.btn_year {
	display: block; float: left;
	height: 26px; 
	border: 1px solid #267cb5;
	border-radius: 3px;
	padding: 0 4px;
	margin: 0 10px 10px 0;
	line-height: 26px; }
.btn_year:hover {
	color: #fff;
	background-color: #267cb5; }
#list_req_logins { font-size: 80%; }
#list_req_logins th,#list_req_logins td { padding: 6px; }
#list_req_logins tr:hover { color: #000; }
.toggleGreen, .toggleGreenAll {
	display: block;
	margin: 0 auto; 
	width: 20px; height: 20px; 
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/lock_green.png') no-repeat center center; 
	background-size: 20px 20px; }
.toggleGreen:hover, .toggleGreenAll:hover { background-color: #26B747; }
.toggleRed, .toggleRedAll {
	display: block;
	margin: 0 auto;
	width: 20px; height: 20px; 
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/lock_red.png') no-repeat center center; 
	background-size: 20px 20px; }
.toggleRed:hover, .toggleRedAll:hover { background-color: #C93636; }
.del_applied_user, .del_filled_application {
	display: block;
	margin: 0 auto;
	width: 20px; height: 20px; 
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/delete.png') no-repeat center center; 
	background-size: 20px 20px; }
.del_applied_user:hover, .del_filled_application:hover { background-color: #C93636; }
.is_verified {
	display: block;
	width: 20px; height: 20px;
	border: 1px solid #26B747;
	border-radius: 3px;
	background: #26B747 url('img/mail.png') no-repeat center center; 
	background-size: 20px 20px; }
.not_verified {
	display: block;
	width: 20px; height: 20px;
	border: 1px solid #C93636;
	border-radius: 3px; 
	background: #C93636 url('img/mail.png') no-repeat center center; 
	background-size: 20px 20px; }
#msc_list, #msc_closed_list, #phd_closed_list, #phd_list, #appdocs_list { font-size: 80%; }
#msc_list th, #phd_list th, #msc_closed_list th, #phd_closed_list th, #appdocs_list th { padding: 6px; }
#msc_list td, #phd_list td, #msc_closed_list td, #phd_closed_list td, #appdocs_list td { padding: 4px; }
.input_date, .pts_app, .pts_intv { 
	width: 72px; padding: 2px; 
	font-size: 90%;
	text-align: right; }
.pts_app, .pts_intv { width: 26px; }
.switch { display: block; padding: 2px; background-color: #267cb5; color: #fff; text-align: center; }
.switch:hover { background-color: #666; }
.lnk_appdoc {
	display: block;
	margin: 0 auto; 
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/yes.png') center/contain no-repeat; }
.lnk_appdoc:hover { background-color: #31AF91; }
.appdoc_empty { border: 0; background: url('img/no.png') center/contain no-repeat; }
.appdoc_empty:hover { background-color: #C93636; }
.pdf_application {
	display: block;
	margin: 0 auto;
	border: 1px solid #999;
	border-radius: 3px;
	width: 20px; height: 20px;
	background: url('img/pdf2.png') center/contain no-repeat; }
.pdf_application:hover { background-color: #999; }
.del_closed_application {
	display: block;
	margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/delete.png') center/contain no-repeat; }
.del_closed_application:hover { background-color: #C93636; }
.lnk_reopen {
	display: block;
	margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/lock_green.png') center/contain no-repeat; }
.lnk_reopen:hover { background-color: #31AF91; }
.lnk_close_applications {
	display: block; float: left;
	margin: 0 0 0 30px;
	width: 24px; height: 24px; 
	border: 1px solid transparent;
	border-radius: 3px; 
	background: url('img/lock_red.png') center/contain no-repeat; }
.lnk_close_applications:hover { background-color: #C93636; }
.lnk_anonymize_applications {
	display: block; float: left;
	margin: 0 0 0 30px;
	width: 24px; height: 24px; 
	border: 1px solid transparent;
	border-radius: 3px; 
	background: url('img/anon.png') center/contain no-repeat; }
.lnk_anonymize_applications:hover { background-color: #333; }
.lnk_anonymize_id {
	display: block; 
	margin: 0 auto;
	width: 20px; height: 20px; 
	border: 1px solid transparent;
	border-radius: 3px; 
	background: url('img/anon.png') center/contain no-repeat; }
.lnk_anonymize_id:hover { background-color: #333; }
.lnk_anonymize_applied_year {
	display: block; float: left;
	margin: 0 0 0 30px;
	width: 24px; height: 24px; 
	border: 1px solid transparent;
	border-radius: 3px; 
	background: url('img/anon.png') center/contain no-repeat; }
.lnk_anonymize_applied_year:hover { background-color: #333; }
.lnk_anonymize_applied_id {
	display: block; 
	margin: 0 auto;
	width: 20px; height: 20px; 
	border: 1px solid transparent;
	border-radius: 3px; 
	background: url('img/anon.png') center/contain no-repeat; }
.lnk_anonymize_applied_id:hover { background-color: #333; }
.del_application_folder {
	display: block;
	margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/delete.png') center/contain no-repeat; }
.del_application_folder:hover { background-color: #C93636; }
.xcel_button {
	position: fixed; 
	bottom: 120px; right: 40px; 
	width: 64px; height: 64px;
	border-radius: 6px;
	border: 0; 
	background: url(img/xcel.png) center/contain no-repeat;  
	z-index: 100; }
.xcel_button:hover { background-color: #4DA462; }
#bigtable { font-size: 70%; border-collapse: collapse; }
#bigtable th { border: 1px solid #fff; background-color: #ddd; }
#bigtable td { border-collapse: collapse; border: 1px solid #ccc; vertical-align: top; }
.btn_uploads_application {
	display: block;
	margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/upload.png') center/contain no-repeat; }
.btn_uploads_application:hover { background-color: #31AF91; }
.btn_uploads_application2 {
	display: block;
	margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/upload2.png') center/contain no-repeat; }
.btn_uploads_application2:hover { background-color: #477CCB; }
#single_upload_overlay { width: 100%; }
#single_upload_overlay th { padding: 4px; }

.app_merge_pdf {
	display: block;
	margin: 0 auto;
	width: 26px; height: 26px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/merge_pdf.png') center/contain no-repeat; } 
.app_merge_pdf:hover { background-color: #CCC; }

/* ONLINE APPLICATION STOP */

/* TEACHING EVALUATION START */
#create_eval { margin: 0 0 20px 0; }
#create_eval td { padding: 4px 8px; }
#btn_copy_eval { 
	display: block; float: right;
	width: 48px; height: 48px;
	border: 1px solid #fff;
	border-radius: 3px;
	background: url('img/copy_eval.png') center/contain no-repeat; }
#btn_copy_eval:hover { border: 1px solid #31AF91; background-color: #31AF91; }
#open_evals, #closed_evals, #pub_evals_marmicgraduate, #evals_internal, #pub_evals_phdcourse, #pub_evals_softskills 
{ border-collapse: collapse; margin: 0 0 20px 0; }
#pub_evals_marmicgraduate, #evals_internal, #pub_evals_phdcourse, #pub_evals_softskills { min-width: 41%; }
#open_evals th, #closed_evals th, #pub_evals_marmicgraduate th, #evals_internal th, #pub_evals_phdcourse th, #pub_evals_softskills th { border-radius: 3px; }
#open_evals th:hover, #closed_evals th:hover, #pub_evals_marmicgraduate th:hover, #evals_internal th:hover, #pub_evals_phdcourse th:hover, #pub_evals_softskills th:hover 
{ background-color: #bbb; }
#pub_evals_marmicgraduate th, #evals_internal th, #pub_evals_phdcourse th, #pub_evals_softskills th { padding: 6px 12px; }
#open_evals th,td  { padding: 6px 12px; }
#closed_evals th,td  { padding: 6px 12px; }
#open_evals, #closed_evals, #pub_evals_marmicgraduate, #evals_internal, #pub_evals_phdcourse, #pub_evals_softskills { font-size: 90%; }
.btn_eval_edit { 
	display: block; margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/edit.png') center/contain no-repeat;}
.btn_eval_edit:hover { background-color: #31AF91; border: 1px solid #31AF91; }
.btn_eval_result { 
	display: block; margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/result.png') center/contain no-repeat;}
.btn_eval_result:hover { background-color: #e69a1b; border: 1px solid #e69a1b; }
.btn_eval_del { 
	display: block; margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/delete.png') center/contain no-repeat;}
.btn_eval_del:hover { background-color: #C93636; border: 1px solid #C93636; }
.btn_eval_active { 
	display: block; margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/active.png') center/contain no-repeat;}
.btn_eval_active:hover { background-color: #1CB042; border: 1px solid #1CB042; }
.btn_eval_notactive { 
	display: block; margin: 0 auto;
	width: 20px; height: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/no.png') center/contain no-repeat;}
.btn_eval_notactive:hover { background-color: #C93636; border: 1px solid #C93636; }
.eval_close_group {
	display: block; float: right;
	margin: 0 0 0 6px;
	width: 18px; height: 18px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/lock_red.png') center/contain no-repeat; }
.eval_close_group:hover { background-color: #C93636; border: 1px solid #C93636; }
.eval_open_group {
	display: block; float: right;
	margin: 0 0 0 6px;
	width: 18px; height: 18px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/lock_green.png') center/contain no-repeat; }
.eval_open_group:hover { background-color: #1CB042; border: 1px solid #1CB042; }
.icon_eval { width: 16px; height: 16px; padding: 0 0 0 6px; }
.del_eval_question { 
	display: block; margin: 0 auto; 
	width: 22px; height: 22px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: url('img/delete.png') center/contain no-repeat; } 
.del_eval_question:hover { background-color: #C93636; border: 1px solid #C93636; }
.eval_create { 
	position: fixed; 
	bottom: 120px; right: 40px; 
	width: 64px; height: 64px;
	cursor: pointer;
	border-radius: 6px; 
	border: 0;
	background: url(img/save.png) center/contain no-repeat; 
	z-index: 100; }
.eval_create:hover { background-color: #31AF91; }
.eval_edit { 
	position: fixed; 
	bottom: 120px; right: 40px; 
	width: 64px; height: 64px;
	cursor: pointer;
	border-radius: 6px; 
	border: 0;
	background: url(img/save.png) center/contain no-repeat; 
	z-index: 100; }
.eval_edit:hover { background-color: #31AF91; }
.eval_info { 
	padding: 6px 10px;
	margin: 10px 0;
	border-radius: 3px;
	border: 1px solid #999;
	background-color: #ccc;
	font-weight: bold; }
.eval_result { border-collapse: collapse; }
.btn_eval_pdf {
	position: fixed; 
	bottom: 120px; right: 40px; 
	width: 64px; height: 64px;
	cursor: pointer;
	border-radius: 6px; 
	border: 1px solid transparent;
	background: url(img/pdf3.png) center/contain no-repeat; 
	z-index: 100; }
.btn_eval_pdf:hover { background-color: #E69A1B; }
.eval_add_question {
	position: fixed; 
	bottom: 204px; right: 40px; 
	width: 64px; height: 64px;
	cursor: pointer;
	border-radius: 6px; 
	border: 1px solid transparent;
	background: url(img/plus_blue.png) center/contain no-repeat; 
	z-index: 100; }
.eval_add_question:hover { background-color: #267CB5; }
.eval_answer_confirm {
	width: 330px;
	padding: 20px;
	border-radius: 6px;
	border: 1px solid #090;
	background: #cfc url(img/yes.png) 98% 90% / 50px 50px no-repeat;
}
.eval_form_select { height: 29px; line-height: 29px; padding: 0 0 0 4px; }
.subnavi_arch_eval { float: left; margin: 43px 0 0 20px; }
.subnavi_arch_eval a { 
	display: block;
	font-size: 80%;
	text-align: center; 
	padding: 4px 6px;
	margin: 0 0 5px 0;
	border: 1px solid #267cb5;
	border-radius: 3px; }
.subnavi_arch_eval a:hover { color: #fff; background-color: #267cb5; }
.subnavi_arch_eval_active { color: #fff; background-color: #267cb5; }	

.btn_result_info { 
	position: fixed; 
	bottom: 204px; right: 40px; 
	width: 64px; height: 64px;
	border-radius: 6px;
	border: 0px;
	font-size: 0px;
	background: url(img/info.png) center/contain no-repeat; 
	z-index: 100; }
.btn_result_info:hover { background-color: #000; border-color: #000; }

/* TEACHING EVALUATION STOP */

/* PDF LISTS START */
.pdflistbutton {
	display: block; float: left;
	width: 86px; height: 32px; 
	border: 1px solid #267cb5;
	border-radius: 3px;
	padding-left: 34px;
	margin-right: 10px;
	line-height: 32px;
	background: url('img/pdf2.png') no-repeat 4px center; 
	background-size: 28px 28px;
}
.pdflistbutton:hover { background-color: #267cb5; color: #fff; }
/* PDF LISTS STOP */

/* STUDYBOOK START */
.subn_studybook{
	display: block;
	float: left;
	font-size: 80%;
	text-align: center; 
	padding: 6px;
	margin: 0 10px 10px 0;
	border: 1px solid #267cb5;
	border-radius: 3px; }
.subn_studybook:hover { color: #fff; background-color: #267cb5; }
.subn_studybook_active { color: #fff; background-color: #267cb5; }
#stb_headline { font-weight: 800; float: left; line-height: 30px; padding: 0 44px 0 0; }
#thesisduration { 
	font-size: 70%; 
	float: left; 
	cursor: help;
	line-height: 12px; 
	padding: 2px 4px; 
	border: 1px solid #999;
	border-radius: 3px; 
	background-color: #efe; }
.stb_block {
	border-spacing: 0;
	border-collapse: collapse; }
.stb_block td { padding: 4px; }
.stb_block select { width: auto; max-width: 180px; padding-right: 20px; }
.stb_block input[type="file"] { width: auto; max-width: 228px; }
.btn_stb_save {
	position: fixed; 
	bottom: 120px; right: 40px; 
	width: 64px; height: 64px;
	cursor: pointer;
	border-radius: 6px; 
	border: 0;
	background: url(img/save.png) center/contain no-repeat; 
	z-index: 100; }
.btn_stb_save:hover { background-color: #31AF91; }
.btn_stb_pdf {
	position: fixed; 
	bottom: 204px; right: 40px; 
	width: 64px; height: 64px;
	cursor: pointer;
	border-radius: 6px; 
	border: 1px solid transparent;
	background: url(img/pdf3.png) center/contain no-repeat; 
	z-index: 100; }
.btn_stb_pdf:hover { background-color: #E69A1B; }
.thesdefpic { height: 80px; }
.phdthesisfile {
	color: #ddd;
	padding: 4px 6px;
	border-radius: 3px;
	border: 1px solid #267cb5;
	background-color: #267cb5; }
.phdthesisfile:hover { color: #fff; background-color: #666; }
#stblist th { padding: 6px; }
#stblist td { padding: 2px; text-align: center; }
.tcm_green {
	color: #030;
	background-color: #9c9;
	padding: 1px;
	margin-right: 2px; 
	border: 1px solid #030; }
.tcm_greyy {
	color: #333;
	background-color: #ccc;
	padding: 1px;
	margin-right: 2px; 
	border: 1px solid #333; }
.tcm_reddd {
	color: #600;
	background-color: #daa;
	padding: 1px;
	margin-right: 2px; 
	border: 1px solid #600; }
.btn_stb_list_refresh {
	position: fixed; 
	bottom: 120px; right: 40px; 
	width: 64px; height: 64px;
	cursor: pointer;
	border-radius: 6px; 
	border-color: #973AC1;
	background: url(img/refresh.png) center center/contain no-repeat; 
	z-index: 100; }
.btn_stb_list_refresh:hover { background-color: #973AC1; }
/* STUDYBOOK STOP */

/* USER PROFILES START */
.sortchar2 {
	display: block; float: left;
	width: 18px; height: 18px;
	text-align: center; 
	margin: 0 10px 5px 0; padding: 4px;
	color: #fff; 
	background-color: #31af91; }
.sortchar2:hover { background-color: #267cb5; color: #eee; }
#profilelist { border-spacing: 0; border-collapse: collapse; min-width: 700px; }
#profilelist th, #profilelist td {
	font-size: 80%;
	padding: 2px 4px;
	height: 12px;
}
#profilelist th { padding: 6px 4px; }
.lnk_view_profile, .lnk_delete_profile, .lnk_alertred_profile, .lnk_alertgreen_profile 
{ display: block; width: 24px; height: 24px; margin: 0 auto; padding: 4px; }
.lnk_view_profile { background: url('img/view2.png') no-repeat center; background-size: 24px 24px; }
.lnk_delete_profile { background: url('img/delete.png') no-repeat center; background-size: 24px 24px; }
.lnk_alertred_profile { background: url('img/alert_red.png') no-repeat center; background-size: 24px 24px; }
.lnk_alertgreen_profile { background: url('img/alert_green.png') no-repeat center; background-size: 24px 24px; }
.btn_save_profile { width: 100%; }
.btn_save_profile:hover { background-color: #cec; }
#pic_user_profile { float: left; max-height: 304px; margin: 20px; max-width: 222px; overflow: hidden; }
#pic_user_profile img { max-height: 268px; max-width: 222px; }
.user_profile { margin: 18px 0 0 0; }
.user_profile input { padding: 6px 8px; width: 192px; }
/* USER PROFILES STOP */

/* STUDENTS START */
#webspace { float: left; }
#webspace_path { font-size: 80%; margin: 0 0 10px 0; }
.btn_folder {
	width: 32px; height: 32px; 
	float: left;
	border: 1px solid #fff; 
	border-radius: 3px;
	
	margin: 5px 10px 0 0; }
#addfolder { background: url('img/add_folder.png') center/contain no-repeat; }
#folderup { background: url('img/folder_up.png') center/contain no-repeat; }
#addfolder:hover, #folderup:hover { background-color: #267CB5; border-color: #267CB5; } 
.up_item {
	height: 28px;
	line-height: 28px; 
	padding: 0px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 0 0 10px 0;
	font-size: 90%;
	overflow: hidden;
}
.up_item:hover { background-color: #267CB5; border-color: #267CB5; }
.cwd_folder { background: url('img/folder2.png') 2px/24px no-repeat; }
.icon_file { background: url('img/nofile.png') no-repeat left/contain; }
.icon_mp3 { background: url('img/mp3.png') no-repeat left/contain; }
.icon_pdf { background: url('img/pdf2.png') no-repeat left/contain; }
.icon_doc { background: url('img/doc2.png') no-repeat left/contain; }
.icon_ppt { background: url('img/ppt.png') no-repeat left/contain; }
.icon_arb { background: url('img/arb.png') no-repeat left/contain; }
.icon_txt { background: url('img/txt.png') no-repeat left/contain; }
.icon_xls { background: url('img/xls2.png') no-repeat left/contain; }
.icon_zip { background: url('img/zip3.png') no-repeat left/contain; }
.icon_video { background: url('img/video.png') no-repeat left/contain; }
.icon_ai { background: url('img/ai.png') no-repeat left/contain; }
.icon_tif { background: url('img/tif.png') no-repeat left/contain; }
.lnk_folder, .lnk_file { 
	display: block; 
	width: 80%;
	padding: 0 0 0 28px; 
	float: left; 
	text-align: right;
	overflow: hidden; }
.lnk_folder:hover, .lnk_file:hover { color: #eee; }
.del_up_folder, .del_up_file { 
	display: block; 
	height: 28px;
	line-height: 28px; 
	width: 28px;
	background: url('img/delete.png') center/24px no-repeat;
	float: right; }
.del_up_folder:hover, .del_up_file:hover { background-color: #C93636; } 
/* STUDENTS STOP */

/* SETTINGS START */
#settings th, #settings td { padding: 8px 16px; }
#settings select { width: 80px; }
#settings_countrylist { width: 280px; height: 260px; overflow: auto; border: 1px solid #ccc; padding: 2px; }
.settings_listitem { height:20px; font-size: 80%; padding: 4px 2px; line-height: 20px; }
.settings_listitem:hover { background-color: #ccc; }
.btn_del_country {
	display: block; float: right; 
	border: 1px solid transparent;
	border-radius: 3px;
	width: 20px; height: 20px; 
	background: url('img/delete.png') no-repeat right/contain; }
.btn_del_country:hover { border-color: #C93636; background-color: #C93636; }
.btn_add_country {
	display: block; float: right; 
	border: 1px solid transparent;
	border-radius: 3px;
	width: 24px; height: 24px; 
	background: url('img/yes.png') no-repeat right/contain; }
.btn_add_country:hover { border-color: #31AF91; background-color: #31AF91; }
/* SETTINGS STOP */

/* APPLICATION INTRO START */
#btn_app_form { background: url('img/resume2.png') 5px 50%/contain no-repeat; }
#btn_app_form:hover { 
	color: #eee; 
	background: #267cb5 url('img/resume.png') 5px 50%/contain no-repeat; } 
#btn_app_upload { background: url('img/app_upload2.png') 5px 50%/contain no-repeat; margin: 0 auto 10px; }
#btn_app_upload:hover { 
	color: #eee; 
	background: #267cb5 url('img/app_upload.png') 5px 50%/contain no-repeat; }
/* APPLICATION INTRO END */

/* APPLICATION UPLOADS START */
.app_ico_pdf { background: url('img/pdf2.png') right 50%/contain no-repeat; }
.app_ico_doc { background: url('img/doc.png') right 50%/contain no-repeat; }
.app_ico_xls { background: url('img/xls.png') right 50%/contain no-repeat; }
.app_ico_jpg { background: url('img/jpg.png') right 50%/contain no-repeat; }
.app_ico_jpeg { background: url('img/jpg.png') right 50%/contain no-repeat; }
.app_ico_gif { background: url('img/gif.png') right 50%/contain no-repeat; }
.app_ico_png { background: url('img/png.png') right 50%/contain no-repeat; }
/* APPLICATION UPLOADS END */

/* APPLICATION FORM START */
#app_complete_msg {
	position: fixed;
	top: 34%; left: 20px;
	padding: 0;
	font-size: 90%;
	width: 220px;
	border-radius: 6px;
	background: #4ad6b3 url('img/yes.png') 98% 96%/32px no-repeat;
	opacity: 0.8;
	z-index: 99;}
#app_incomplete_msg {
	position: fixed;
	top: 34%; left: 20px;
	padding: 0;
	font-size: 90%;
	width: 220px; 
	border-radius: 6px;
	background: #f27171 url('img/info.png') 98% 96%/32px no-repeat;
	opacity: 0.8;
	z-index: 99;}
#onpage_infobox { padding: 6px; }
.app_form_table { border-top: 1px solid #ccc; margin: 10px 0 0 0; font-size: 90%; }
.app_form_table input[type="text"] { width: 96%; }
.app_form_table textarea { width: 96%; }
.onpage_link {
	display: block;
	color: #009;
	background-color: #fff;
	border: 1px solid #267cb5;
	padding: 1px 2px;
	margin: 0 0 2px 0; }
.onpage_link:hover { background-color: #267cb5; color: #fff; }
.onpage_link_active { 
	display: block;
	color: #fff;
	background-color: #267cb5;
	border: 1px solid #267cb5;
	padding: 1px 2px;
	margin: 0 0 2px 0;}
#draggable_appnavi { z-index: 100; }
#slide_appnavi, #draggable_appnavi_handle, #slide_infobox { 
	display: block; float: left;
	width: 50%; height: 22px;
	padding: 2px 0; 
	margin: 0 0 2px 0; }
#draggable_appnavi_handle { 
	background: #444 url('img/drag_white.png') center/contain no-repeat;
	cursor: url('img/openhand.cur'), auto;}
#draggable_appnavi_handle:hover { cursor: url('img/closedhand.cur'), auto; }
#slide_appnavi { background: #267cb5 url('img/slideupdown_white.png') center/contain no-repeat; }
#slide_infobox { 
	height: 26px; width: 100%;  
	background: url('img/slideupdown_white.png') center/contain no-repeat; }
#app_status_msg { 
	width: 84%; height: 39px;
	margin: 0 auto 10px;
	padding: 0;
	border: 1px solid #267cb5; 
	border-radius: 6px; }
.app_status_section { width: 7.14%; height: 100%; float: left; }
.app_status_section_bars { 
	width: 100%; height: 27px; 
	border-right: 1px solid #ccc; }
.app_status_section_txt { 
	width: 100%; height: 12px; 
	font-size: 10px; 
	text-align: center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc; }
.thumbs_red { width: 100%; height: 100%; background: url('img/thumbs_red.png') center/contain no-repeat; } 
.thumbs_green { width: 100%; height: 100%; background: url('img/thumbs_green.png') center/contain no-repeat; } 
.thumbs_grey { width: 100%; height: 100%; background: url('img/thumbs_grey.png') center/contain no-repeat; }
.app_icon { width: 22px; height: 22px; float: left; margin: 2px 0 0 10px; } 
/* APPLICATION FORM END */

/* APPLICATION FOOTER START */
#app_footer { height: 80px; margin: 10px auto; display: block; }
/* APPLICATION FOOTER END */

/* ################################# */
/* Extra Small Devices, Phones */
/* ################################ */ 
@media only screen and (max-width : 590px) {
	#cms_wrapper { width: 98%; margin: 0 auto; height: 100%; padding: 6px; }
	#app_wrapper { width: 98%; margin: 0 auto; height: 100%; position: relative; }
	footer { border: 1px solid #999; padding: 0; margin: 10px 0 0 0; display: inline-block; width: 98%; font-size: 70%; }
	.pright20 { padding: 0; }
	.pleft20 { padding: 0; }
	div { margin:0; padding: 0; }
	p { margin:0; padding: 0; }
	.w490 { width: 100%; }
		/* SLIDEPANEL */
	#slidepanel {
		position: fixed;
		top: 0; left: 0;
		width: 100%; height: 100%;
		opacity: 0.8;
		background: #000;
		z-index: 100; }
	
	.menuitem {
		display: block;
		height: 2em; line-height: 2em;
		padding: 0.23em 0 0.23em 2.5em;
		color: #999;
		background: url('img/folder.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menuitem a { 
		font-size: 90%;
		color: #999;
		display: block;
		cursor: pointer;
		width: 100%; height: 100%; }
	.menuitem a:hover { color: #fff; }
	.menuitem:hover { background-color: #333; }
	
	.menu_start { background: url('img/marmic.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_startpage { background: url('img/startpage.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_profile { background: url('img/user.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_user { background: url('img/group_white.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_pdf { background: url('img/pdf.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_homepages { background: url('img/globe_white.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_evaluation { background: url('img/evaluation.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_teaching { background: url('img/evaluation2.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_application { background: url('img/resume.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_active_eval { background: url('img/quiz.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_studybook { background: url('img/graduation.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_profiles { background: url('img/profiles.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_settings { background: url('img/settings2.png') no-repeat 5px 50%; background-size: 2em 2em; }
	
	.toggleSlidepanel {
		position: fixed; display: block;
		opacity: 0.8; border-radius: 0 6px 6px 0; 
		top: 0; left: 0;
		width: 100%; height: 2.5em;
		z-index: 110;
		background: url('img/menu3.png') no-repeat center;
		background-size: 2em 2em; }
	.toggler { width: 60px; background-color: #000; opacity: 0.8; background-position: center; }
	/* SLIDEPANEL STOP */

	/* TOPBAR START */
	#topbar { height: 32px; margin: 0 0 10px 0; padding: 4px; }
	#tb_left { float: left; height: 100%; line-height: 32px; }
	#tb_left img { height: 32px; float: left; margin: 0 4px 0 0; }
	#btn_logout { float: right; }
	#btn_logout img { width: 32px; height: 32px; }
	#location { border: 1px solid #999; padding: 2px 4px; margin: 0 0 10px 0; background-color: #eef; }
	/* TOPBAR END */
	
	/* APPLICATION TOPBAR START */
	#app_topbar { height: 32px; margin: 0 0 10px 0; border: 1px solid #999; padding: 4px; font-size: 80%; }
	#app_tb_left { float: left; height: 100%; line-height: 32px; }
	#app_tb_left img { height: 32px; float: left; margin: 0 4px 0 0; }
	/* APPLICATION TOPBAR END */

	/* APPLICATION INTRO START */
	.app_intro { width: 100%; padding: 0 6px; }
	.btn_app {
		display: block;
		padding: 10px 10px 10px 60px;  
		width: 70%; 
		margin: 20px auto; 
		border: 1px solid #267cb5;
		border-radius: 6px; }
	/* APPLICATION INTRO END */
	
	/* APPLICATION UPLOAD START */
	.app_uploadslot {
		display: block; clear: both;
		width: 100%;
		margin: 0 0 10px 0;
		text-align: right;}
	.app_uploadslot label { font-weight: bold; font-size: 80%; }
	.app_uploadslot input { cursor: pointer; width: 44%; padding-right: 40px; }
	.app_uploadedfile {
		display: block; clear: both;
		width: 100%;
		text-align: right; }
	.app_uploadedfile span {
		display: block;
		font-weight: bold;
		font-size: 80%;
		float: right;
		padding: 8px;
		margin: 0 0 10px 0; }
	.app_uploadedfile a {
		display: block;
		width: 44%;
		float: right;
		padding: 8px 40px 8px 8px;
		margin: 0 0 10px 0;
		border: 1px solid #267cb5; 
		border-radius: 3px; }
	.app_uploadedfile a:hover { background-color: #267cb5; color: #fff; }
	/* APPLICATION UPLOAD END */
	
	/* APPLICATION FORMULAR START */
	#app_complete_msg { width:70%; top: 4px; left: 4px; }
	#app_incomplete_msg { width:70%; top: 4px; left: 4px; }
	#btn_app_upload_wrapper { width: 100%; }
	#app_status_msg_wrapper { width: 100%; }
	.app_form_table { width: 100%; }
	/* #draggable_appnavi { position: fixed; width: 138px; top: 215px; right: 10px; } */
	#draggable_appnavi_handle { display: none; }
	#slide_appnavi { width: 100%; }
	#onpage_appnavi{ font-size: 80%; } 
	/* APPLICATION FORMULAR END */

	/* EDIT HOMEPAGES UPLOAD START */
	.file_wrapper_container{
		position: relative;
		float: left;
		width: 100%; }
	.file_wrapper {
		position: relative;
		width: 100%; height: 34px; 
		margin: 0 10px 10px 0; 
		overflow: hidden; 
		border: 1px solid #ccc; }
	/* EDIT HOMEPAGES UPLOAD END */
	
	/* EDIT STARTPAGE START */
	.edit_startpage { width: 96%; height: 600px; }
	/* EDIT STARTPAGE END */
	
	/* TEACHING EVALUATION START */
	#create_eval { width: 96%; }
	.eval_info { width: 90%; }
	/* TEACHING EVALUATION STOP */
	
	/* STUDENTS START */
	.up_item{ width: 80%; }
	#webspace { width: 100%; }
	/* STUDENTS STOP */	
	#show_grouprights{ width: 98%; }
}

/* ################################ */
/* Small Devices, Tablets */
/* ################################ */
@media only screen and (min-width : 591px) and (max-width : 1189px) {
	p { padding: 0; margin: 0; }
	#cms_wrapper { width: 72%; margin: 0 10px 0 0; height: 100%; float: right; }
	#app_wrapper { width: 98%; margin: 0 auto; height: 100%; min-height: 100%; position: relative; }
	footer { 
		border: 1px solid #999; 
		padding: 0; 
		margin: 10px 0 10px 0; 
		display: inline-block; 
		width: 100%; 
		font-size: 80%; }
	
		/* SLIDEPANEL */
	#slidepanel {
		position: fixed;
		top: 0; left: 0;
		width: 24%; height: 100%;
		opacity: 0.8;
		background: #000;
		z-index: 100; }
	
	.menuitem {
		display: block;
		height: 2em; line-height: 2em;
		padding: 0.23em 0 0.23em 2.5em;
		color: #999;
		background: url('img/folder.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menuitem a { 
		font-size: 90%;
		color: #999;
		display: block;
		cursor: pointer;
		width: 100%; height: 100%; }
	.menuitem a:hover { color: #fff; }
	.menuitem:hover { background-color: #333; }
	
	.menu_start { background: url('img/marmic.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_startpage { background: url('img/startpage.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_profile { background: url('img/user.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_user { background: url('img/group_white.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_pdf { background: url('img/pdf.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_homepages { background: url('img/globe_white.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_evaluation { background: url('img/evaluation.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_teaching { background: url('img/evaluation2.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_application { background: url('img/resume.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_active_eval { background: url('img/quiz.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_studybook { background: url('img/graduation.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_profiles { background: url('img/profiles.png') no-repeat 5px 50%; background-size: 2em 2em; }
	.menu_settings { background: url('img/settings2.png') no-repeat 5px 50%; background-size: 2em 2em; }
	
	.toggleSlidepanel {
		position: fixed; display: block;
		opacity: 0.8; border-radius: 0 6px 6px 0; 
		top: 0; left: 0;
		width: 24%; height: 2.5em;
		z-index: 110;
		background: url('img/menu3.png') no-repeat center;
		background-size: 2em 2em; }
	.toggler { width: 60px; background-color: #000; opacity: 0.8; background-position: center; }
	/* SLIDEPANEL STOP */
	
	/* TOPBAR START */
	#topbar { height: 64px; margin: 0 0 20px 0; padding: 4px; }
	#tb_left { float: left; height: 100%; line-height: 32px; }
	#tb_left img { height: 64px; float: left; margin: 0 6px 0 0; }
	#btn_logout { float: right; }
	#btn_logout img { width: 64px; height: 64px; }
	#location { border: 1px solid #999; padding: 2px 4px; margin: 0 0 20px 0; background-color: #eef; }
	/* TOPBAR END */
	
	/* APPLICATION TOPBAR START */
	#app_topbar { height: 64px; margin: 0 0 20px 0; border: 1px solid #999; padding: 4px; }
	#app_tb_left { float: left; height: 100%; line-height: 32px; }
	#app_tb_left img { height: 64px; float: left; margin: 0 6px 0 0; }
	/* APPLICATION TOPBAR END */
	
	/* APPLICATION INTRO START */
	.app_intro { float: left; width: 45%; padding: 0 6px; }
	.btn_app {
		display: block;
		padding: 10px 10px 10px 60px;  
		width: 70%; 
		margin: 0 auto 20px; 
		border: 1px solid #267cb5;
		border-radius: 6px; }
	/* APPLICATION INTRO END */
	
	/* APPLICATION UPLOAD START */
	.app_uploadslot {
		display: block; clear: both;
		width: 80%;
		margin: 0 0 10px 0;
		text-align: right;}
	.app_uploadslot label { font-weight: bold; }
	.app_uploadslot input { cursor: pointer; width: 44%; padding-right: 40px; margin-right: 44px; }
	.app_uploadedfile {
		display: block; clear: both;
		width: 80%;
		text-align: right; }
	.app_uploadedfile span {
		display: block;
		font-weight: bold;
		float: right;
		padding: 8px;
		margin: 0 0 10px 0; }
	.app_uploadedfile a {
		display: block;
		width: 44%;
		float: right;
		padding: 8px 40px 8px 8px;
		margin: 0 0 10px 0;
		border: 1px solid #267cb5; 
		border-radius: 3px; }
	.app_uploadedfile a:hover { background-color: #267cb5; color: #fff; }
	/* APPLICATION UPLOAD END */
	
	/* APPLICATION FORMULAR START */
	#app_complete_msg { top: 10px; left: 10px; } 
	#app_incomplete_msg { top: 10px; left: 10px; width: 50%; } 
	#btn_app_upload_wrapper { width: 50%; float: left; }
	#app_status_msg_wrapper { width: 50%; float: left; }
	.app_form_table { width: 100%; }
	
	#draggable_appnavi { position: fixed; width: 138px; top: 215px; right: 10px; }
	#onpage_appnavi{ font-size: 80%; }
	/* APPLICATION FORMULAR END */
	
	/* EDIT HOMEPAGES UPLOAD START */
	.file_wrapper_container{
		position: relative;
		float: left;
		width: 100%; }
	.file_wrapper {
		position: relative;
		width: 100%; height: 34px; 
		margin: 0 10px 10px 0; 
		overflow: hidden; 
		border: 1px solid #ccc; }
	/* EDIT HOMEPAGES UPLOAD END */
	
	/* EDIT STARTPAGE START */
	.edit_startpage { width: 96%; height: 600px; }
	/* EDIT STARTPAGE END */
	
	/* TEACHING EVALUATION START */
	#create_eval { width: 98%; }
	.eval_info { width: 70%; }
	/* TEACHING EVALUATION STOP */

	/* STUDENTS START */
	.up_item{ width: 100%; }
	#webspace { width: 60%; }
	/* STUDENTS STOP */
	
	.btn_save_fixed { bottom: 12%; right: 3%; }
	#show_grouprights{ width: 80%; }
}
/* ################################ */
/* Medium & Big Devices, Desktops */
/* ################################ */
@media only screen and (min-width : 1190px) {
	p { padding: 0; margin: 0; }
	#cms_wrapper { width: 76%;  float: right; margin: 0 20px; height: 100%; min-height: 100%; }
	#app_wrapper { width: 1100px; margin: 0 auto; height: 100%; min-height: 100%; position: relative; }
	footer {
		/* position: absolute;
		bottom: 0; */ 
		width: 100%; 
		border: 1px solid #999; 
		padding: 0; 
		margin: 10px 0 10px 0; 
		display: inline-block;
		font-size: 80%; }
	/* SLIDEPANEL */
	#slidepanel {
		position: fixed;
		top: 0; left: 0;
		width: 20%; height: 100%;
		opacity: 0.8;
		background: #000;
		z-index: 100; }
	
	.menuitem {
		display: block;
		height: 32px; line-height: 32px;
		padding: 4px 0 4px 42px;
		color: #999;
		background: url('img/folder.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menuitem a { 
		color: #999;
		display: block;
		cursor: pointer;
		width: 100%; height: 100%; }
	.menuitem a:hover { color: #fff; }
	.menuitem:hover { background-color: #333; }
	
	.menu_start { background: url('img/marmic.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_startpage { background: url('img/startpage.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_profile { background: url('img/user.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_user { background: url('img/group_white.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_pdf { background: url('img/pdf.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_homepages { background: url('img/globe_white.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_evaluation { background: url('img/evaluation.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_teaching { background: url('img/evaluation2.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_application { background: url('img/resume.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_active_eval { background: url('img/quiz.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_studybook { background: url('img/graduation.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_profiles { background: url('img/profiles.png') no-repeat 5px 50%; background-size: 32px 32px; }
	.menu_settings { background: url('img/settings2.png') no-repeat 5px 50%; background-size: 32px 32px; }
	
	.toggleSlidepanel {
		position: fixed; display: block;
		opacity: 0.8; border-radius: 0 6px 6px 0; 
		top: 0; left: 0;
		width: 240px; height: 40px;
		z-index: 110;
		background: url('img/menu3.png') no-repeat center;
		background-size: 32px 32px; }
	.toggler { width: 60px; background-color: #000; opacity: 0.8; background-position: center; }
	/* SLIDEPANEL STOP */
	
	/* TOPBAR START */
	#topbar { height: 64px; margin: 0 0 20px 0; padding: 4px; }
	#tb_left { float: left; height: 100%; line-height: 64px; }
	#tb_left img { height: 64px; float: left; margin: 0 20px 0 0; }
	#btn_logout { float: right; }
	#btn_logout img { width: 64px; height: 64px; }
	#location { border: 1px solid #999; padding: 4px 8px; margin: 0 0 20px 0; background-color: #eef; }
	/* TOPBAR END */
	
	/* APPLICATION TOPBAR START */
	#app_topbar { height: 64px; margin: 0 0 20px 0; border: 1px solid #999; padding: 4px; }
	#app_tb_left { float: left; height: 100%; line-height: 64px; }
	#app_tb_left img { height: 64px; float: left; margin: 0 20px 0 0; }
	/* APPLICATION TOPBAR END */
	
	/* APPLICATION INTRO START */
	.app_intro { float: left; width: 45%; padding: 0 6px; }
	.btn_app {
		display: block;
		padding: 10px 10px 10px 60px;  
		width: 70%; 
		margin: 0 auto 20px; 
		border: 1px solid #267cb5;
		border-radius: 6px; }
	/* APPLICATION INTRO END */

	/* APPLICATION UPLOAD START */
	.app_uploadslot {
		display: block; clear: both;
		width: 80%;
		margin: 0 0 10px 0;
		text-align: right;}
	.app_uploadslot label { font-weight: bold; }
	.app_uploadslot input { cursor: pointer; width: 44%; padding-right: 40px; margin-right: 44px; }
	.app_uploadedfile {
		display: block; clear: both;
		width: 80%;
		text-align: right; }
	.app_uploadedfile span {
		display: block;
		font-weight: bold;
		float: right;
		padding: 8px;
		margin: 0 0 10px 0; }
	.app_uploadedfile a {
		display: block;
		width: 44%;
		float: right;
		padding: 8px 40px 8px 8px;
		margin: 0 0 10px 0;
		border: 1px solid #267cb5; 
		border-radius: 3px; }
	.app_uploadedfile a:hover { background-color: #267cb5; color: #fff; }
	/* APPLICATION UPLOAD END */
	
	/* APPLICATION FORMULAR START */
	#btn_app_upload_wrapper { width: 40%; float: left; }
	#app_status_msg_wrapper { width: 58%; float: left; }
	.app_form_table { width: 49%; float: left; padding-left: 20px; }
	
	#draggable_appnavi { position: fixed; width: 138px; top: 105px; right: 10px; }
	#onpage_appnavi{ font-size: 80%; }	
	
	/* APPLICATION FORMULAR END */

	/* EDIT HOMEPAGES UPLOAD START */
	.file_wrapper_container{
		position: relative;
		float: left;
		width: 66%; }
	.file_wrapper {
		position: relative;
		float: left;
		width: 48%; height: 34px; 
		margin: 0 10px 10px 0; 
		overflow: hidden; 
		border: 1px solid #ccc; }
	/* EDIT HOMEPAGES UPLOAD END */
	
	/* EDIT STARTPAGE START */
	.edit_startpage { width: 60%; height: 600px; }
	/* EDIT STARTPAGE END */
	
	/* TEACHING EVALUATION START */
	#create_eval { width: 70%; }
	.eval_table { min-width: 50%; }
	.eval_info { width: 40%; }
	.eval_result { width: 60%; }
	.eval_answer { width: 60%; }
	/* TEACHING EVALUATION STOP */
	
	/* STUDENTS START */
	.up_item{ width: 80%; }
	#webspace { width: 50%; }
	/* STUDENTS STOP */
	#show_grouprights{ width: 60%; }
}

/* DEACTIVATE SOME ELEMENTS FOR PRINTING */
@media print {
	#btn_app_form_save, #app_topbar, #location, #btn_app_upload_wrapper, #app_status_msg_wrapper, 
	#draggable_appnavi, #btn_stb_1, #btn_stb_2, #btn_stb_3, #btn_stb_4, #topbar, #slidepanel, .menuitem { display: none; } 
	.app_form_table { width: 100%; }
	#app_footer { font-size: 8pt; }
	input[type="checkbox"] { -webkit-appearance: checkbox; appearance: checkbox; }
}

/* APPLICATION UPLOADS START (needs to be at the end to overwrite .app_uploadfile a {} ) */
a.btn_app_delete { 
	width: 32px; height: 32px; 
	padding: 0; margin: 0 0 0 10px;
	border-color: #C93636; 
	background: #fff url('img/delete.png') center center/contain no-repeat; }
a.btn_app_delete:hover { background-color: #C93636; }
/* APPLICATION UPLOADS END */