@media screen and (min-width:1200px) {
body {padding: 0px 100px 0px 100px;}
}
@media screen and (min-width:990px) {
body {padding: 0px 50px 0px 50px;}
}
@media screen and (min-width:768px) {
body {padding: 0;}
}
@media screen and (min-width:520px) {
body {padding: 0;}
}
media all
body {
	font-size: 80%;
	width: auto;
}
@font-face {
    font-family: 'Varela';
    src: url('../fonts/Varela/Varela-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Varela Round';
    src: url('../fonts/Varela_Round/VarelaRound-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
	font-size-adjust: 0.5;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/Noto_Sans/NotoSans-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
	font-size-adjust: 0.5;
}
@font-face {
    font-family: 'Voces';
	src: url('../fonts/Voces/Voces-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'PT Sans Caption';
    src: url('../fonts/PT_Sans_Caption/PT_Sans-Caption-Web-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'veranda';
    src: url('../fonts/veranda.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
body {
    background-color: #eee;
    color: #363636;
    text-align: left;
    font-family: 'Varela Round', Arial, Helvetica, sans-serif;
}
table th {
    border-bottom: 1px solid #BEBEBE;
    text-align: left;
}
select {
    border: 1px solid #BEBEBE;
    background: #FFFFFF;
    color: #363636;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    padding: 1px;
    border-radius: 3px;
}
label {
    cursor: pointer;
}
input[type='checkbox'], input[type='radio'] {
    margin: 0 3px 0 3px;
    cursor: pointer;
}
input[type='text']:not(.textarea_address ), input[type='text']:enabled, input[type='text']:disabled, input[type='password'] {
	-webkit-border-radius: 3px;
    border-radius: 3px;
	border: 1px solid #BEBEBE;
	color: #363636;
	height: 22px;
	padding: 1px 0 1px 3px;
    background-repeat: no-repeat;
    background-position: center right;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
input[type='text']:enabled, input[type='password'] {
	background-color: #FFFFFF;
}	
    input[type='text']:enabled:hover, input[type='password']:hover {
        background-color: #9ACD32;
    }
	input[type='text']:enabled:focus, input[type='password']:focus {
		border-color: #63B8FF;
		box-shadow: 0 0 3px #63B8FF;
	}
    input[type='text']:-moz-placeholder {
        color: #8B8970;
    }
    input[type='text']::-webkit-input-placeholder {
        color: #8B8970;
    }
    input[type='text']:-ms-input-placeholder {
        color: #8B8970;
    }
input[name="matrikel"], input[name="email"], input[name="username"], input[name="password"] {
    font-weight: normal;
    width: 200px;
    font-size: 12px;
}
input[name="username"] {
	font-weight: bold;
}

div[id="btn_submit_form"] {
	width: auto;
    height: auto;
    margin: 5px 5px 0 0;
    border: 1px solid #BEBEBE;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
	color: #363636;
    font-weight: bold;
    padding: 3px 20px 3px 20px;
    display: inline-block;
    position: relative;
    font-size: 12px;
}

input[type='submit']:disabled, input[type='submit']:enabled , div[id="submit"], div[id="submit_register_form"], div[name^="submit_"]  {
	width: auto;
    height: auto;
    margin: 5px 5px 0 0;
    border: 1px solid #BEBEBE;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
	color: #363636;
    font-weight: bold;
    padding: 3px 20px 3px 20px;
    display: inline-block;
    position: relative;
    font-size: 12px;
}

input[type='submit']:enabled, div[id="submit"], div[name^="submit_"], div[id="btn_submit_form"], div[id="submit_register_form"] {
    background-color: #C5D2E4;
	cursor: pointer;
}
input[type='submit']:enabled:hover, div[id="submit"]:hover, div[id="submit_register_form"]:hover, div[id="btn_submit_form"]:hover, div[name^="submit_"]:hover {
        background-color: #9ACD32;
        color: #FFFFF0;
    }
input[type='submit']:disabled {
	cursor: not-allowed;
}

.page_margins {
    margin: auto;
    max-width: 1000px;
    min-width: 400px;
    padding: 0 30px 0 30px;
    background-color: #fff;
	width: auto;
    height: auto;
    box-sizing: border-box;
}
img[src="Logo_Web_RGB.gif"] {
    border-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline;
    z-index: 1;
}

.page_footer, .page_header_footer {
	position: relative;
	display: block;
	max-width: 1000px;
	font-size: 10px;
	color: #666;
	width: 100%;
	padding: 5px 0 5px 5px;
}
#page_footer_line {
    width: 100%;
    display: table-row;
	position: absolute;
}
#pageFooter {
    position: relative;
    display: block;
    max-width: 1000px;
	width: 100%;
	background-color: #fff;
}
#design_footer .version {
    position: relative;
    left: 0;
    top: 10px;
    display: inline-block;
	margin-bottom: 20px;
}
#design_footer .legal_notice {
	position: relative;
	display: inline;
	float: right;
	top: 10px;
	max-width: 200px;
	width: auto;
	margin: 0 0 20px 20px;
}
#design_footer {
	position: relative;
	display: block;
    color: #666;
    line-height: 25px;
    font-size: 10px;
    padding: 5px 0 20px 5px;
}
.pageContent {
    display: block;
    position: relative;
    height: auto;
    width: auto;
	background-color: #fff;
}
.header_table {
    background-color: #F5F5F5;
    display: inline-block;
    position: relative;
    max-width: 1000px;
	width: 100%;
    min-height: 30px;
    height: auto;
    margin: 20px 0 20px 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid #E0EEEE;
    box-sizing: border-box;
}

.header_table td {
	padding: 2px;
}

.header_table tr {
	vertical-align: middle;
}

#header_title {
	max-width: 800px;
	width: 100%;
	text-align: left;
}
	#header_title div {
		display: inline;
		font-family: Arial, Helvetica, sans-serif;
		color: #104E8B;
		width: auto;
		font-weight: bold;
		font-size: 14px;
	}
    
.page_language {
	max-width: 70px;
	width: auto;
}
.page_language div {
	position: relative;
    display: inline;
    margin-right: 5px;
	box-sizing: border-box;
	text-align: right;
	vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
	.page_language input[type='radio'] {
        display: none;
    }
    .page_language label {
        font-size: 11px;
        color: #838B8B;
        font-weight: bold;
		position: relative;
        display: inline;   
    }
        .page_language label:hover {
            color: #27408B;
            text-decoration: underline;
        }
#td_logout {
	min-width: 120px;
	max-width: 300px;
	width: 100%;
	text-align: left;
}
    #td_logout a {
		font-size: 11px;
        margin-right: 10px;
        position: relative;
        display: inline;
		cursor: pointer;
		color: #27408B;
		text-decoration: none;
    }
	    #td_logout a:hover {
			text-decoration: underline;
			font-weight: bold;
		}
.link {
    cursor: pointer;
    color: #27408B;
    text-decoration: none;
}
    .link:hover {
        text-decoration: underline;
    }
.page_menu {
	max-width: 30px;
    width: auto;
	text-align: left;
    font-weight: bold;
}
.page_menu div {
	vertical-align: baseline;
}
#pdf_export, #submit_form {
    width: 24px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: 18px 18px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#submit_form {
    background-image: url('../images/mail-send.png');
}
#pdf_export {
    background-image: url('../images/page_white_acrobat.png');
}
    #pdf_export:hover, #submit_form:hover {
		border: 1px solid #63B8FF;
		box-shadow: 0 0 3px #63B8FF;
    }
.page_title {
    display: inline-block;
    position: relative;
    max-width: 1000px;
    width: 100%;
    min-height: 20px;
    max-height: 40px;
    height: auto;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
    padding: 5px;
    margin: 20px 0 10px 0;
    font-size: 14px;
    color: #363636;
}
.page_text {
    display: inline-block;
    position: relative;
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 10px 5px 10px 5px;
    color: #363636;
    font-size: 12px;
}
.error_message {
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 1px 2px 1px 2px;
	height: auto;
	background-color: inherit;
}
.error_message div {
	max-width: 700px;
	width: auto;
}
.response_error, .success_message {
    font-size: 12px;
    font-weight: bold;
	padding: 1px 2px 1px 2px;
}
.response_error {
	color: #CD5C5C;
}
.success_message {
    color: #228B22;
}
.caption {
    font-size: 11px;
}
.itemlabel {
    font-size: 12px;
}
.caption, .itemlabel {
    font-weight: bold;
    padding: 5px 0 5px 0;
    margin: 0;
    color: #363636;
}
.agreement_text {
	font-size: 10px;
    font-weight: normal;
    padding: 0 0 5px 0;
    color: #363636;
}
.agreement_text div {
	position: relative;
	max-width: 240px;
	display: inline-block;
	vertical-align: top;
}

#agreement {
	display: none;
}
.checkbox-custom {
	position: relative;
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	border-radius: 3px;
	margin-left: 10px;
	cursor: pointer;
}
.checkbox-custom, .agreement_text label {
	display: inline-block;
}

#agreement:checked + .checkbox-custom::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #413548;
	border-radius: 2px;
}
.agreement_text label {
	position: relative;
	color: #363636;
	text-align: justify;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
/*.agreement_text input {
	position: relative;
	display: block;
	margin-left: 10px;
}*/

#div_submit_btn {
	margin: 10px 0 10px 0;
}
.itemvalue {
    position: relative;
    display: block;
    margin-bottom: 5px;
}
#form_details {
    margin: 5px;
}
#support_options {
	margin: 5px 0 20px 5px;
}
#loginpage_resetacnt, #loginpage_newacnt {
    font-size: 11px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#loginpage_resetacnt {
	color: #696969;
	margin-top: 8px;
}
#loginpage_newacnt {
	color: #104E8B;
	display: inline-block;
	position: relative;
	max-width: 200px;
	padding: 10px 0 0 0;
	vertical-align: bottom;
}
#div_login_btn {
	display: inline-block;
	position: relative;
	vertical-align: baseline;
}
.form_details_items {
    color: #1C1C1C;
    height: auto;
    width: inherit;
    position: relative;
    margin: 5px 0 5px 0;
    display: block;
}
.vorschau {
    float: right;
    color: #228B22;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    margin: 5px 10px 0 0;
}
.table_support {
    background-color: #F5F5F5;
    display: inline-block;
    position: relative;
    max-width: 1000px;
    width: 100%;
    height: auto;
    padding: 5px;
    margin: 20px 0 20px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px double #E0EEEE;
    box-sizing: border-box;
}
    .table_support input {
        width: 200px;
        font-size: 11px;
    }
        .table_support input[name="newpassword"], .table_support input[name="securitycode"] {
            font-weight: bold;
        }
    .table_support textarea {
        border: 1px solid #BEBEBE;
        background: #FFFFFF;
        font-size: 11px;
		padding: 3px 0 3px 3px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
    }
    .table_support textarea, .table_support input[name="subject"] {
        width: 400px;
    }
        .table_support input[name="subject"]:hover {
            background-image: url('../images/quadrat_runter_16');
            cursor: pointer;
        }
		
.edit_support_table:hover {
	border-color: #B2DFEE;
	background-color: #FFFFFF;
}
.requestlabel {
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0 5px 0;
    margin-right: 5px;
    color: #363636;
}
.label_support {
    margin-left: 5px;
    font-size: 12px;
}
.notes_header {
    display: inline-block;
    position: relative;
    max-width: 1000px;
	width: 100%;
	line-height: 25px;
	height: auto;
    border-bottom: 2px solid #778899;
    border-right: 1px solid #8DB6CD;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background-color: #C5D2E4;
    font-size: 12px;
    color: #363636;
    font-weight: bold;
    cursor: pointer;
	box-shadow: inset 0px 0px 5px #6CA6CD;
}
    .notes_header span {
		display: inline-block;
        margin-left: 5px;
        padding-left: 20px;
        background-image: url('../images/arrow_down1.png');
        background-repeat: no-repeat;
        background-position: 0.5% 50%;
		background-size: 12px 12px;
    }
#fieldset_tips, #fieldset_hunitip, #fieldset_courses {
    position: relative;
    display: inline-block;
    max-width: 1000px;
	width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 5px;
    background-color: #F5F5F5;
    border: 1px solid #778899;
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    text-align: justify;
    font-size: 10px;
    color: #363636;
	font-family: Arial, Helvetica, sans-serif;
}
    #fieldset_tips p, #fieldset_hunitip p, #fieldset_courses p {
        margin: 5px;
        white-space: normal;
    }
#div_stammdata, #div_hunidata, #div_coursedata {
    display: inline-block;
    position: relative;
    height: auto;
	max-width: 1000px;
	width: 100%;
    box-sizing: border-box;
    font-size: 11px;
    color: #363636;
}
.buttons {
    width: auto;
    height: auto;
    margin: 5px 5px 5px 0;
    cursor: pointer;
    border: 1px solid #BEBEBE;
    border-radius: 3px;
    text-align: center;
	background-color: #C5D2E4; 
    color: #363636;
    padding: 3px 20px 3px 20px;
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 11px;
}
#file_select_btn {
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border: 1px solid #4682B4;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	text-align: center;
	background-color: #4A708B;
	background-position: 2% 50%;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 3px 0 3px 15px;
	width: 100px;
	height: auto;
	margin: 5px 0 5px 0;
	cursor: pointer;
	display: inline-block;
	font-size: 8.5pt;
	font-weight: bold;
}
#file_link {	
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border: 1px solid #4682B4;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	display: inline-block;
	background-color: #E8E8E8;
	color: #363636;
	margin: 5px 0 5px 0;
	padding: 3px 0 3px 3px;
	font-size: 8.5pt;
	height: auto;
	width: 278px;
	text-align: left;
}

#file_link:focus {
	border-color: #63B8FF;
	box-shadow: 0 0 3px #63B8FF;
}
#file_select_btn:hover {
	border-color: #63B8FF;
	box-shadow: 0 0 3px #63B8FF;
}
.button_style {
    text-decoration: none;
    color: #363636;
}
    .button_style:hover, .buttons:hover {
        background-color: #9ACD32;
        color: #FFFFF0;
    }
#table_stammdata, #table_contacts {
    display: inline-block;
    position: relative;
    height: auto;
	max-width: 1000px;
	min-width: 300px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    margin: 10px 0 10px 0;
}
	#table_stammdata tr {
        height: auto;
	}
	#table_stammdata td, #table_contacts td {
		font-size: 11px;
		padding: 3px 10px 3px 0;
		width: auto;
	}
	#table_stammdata input[type="text"], #table_contacts input[type="text"] {
        font-size: 11px;
    }	
    #table_stammdata input[id$="name"], #table_stammdata input[id="email"], #table_stammdata input[id="home_inst"], #table_contacts input[id="home_contact"] {
        max-width: 180px;
		width: 100%;
    }
	input[id$="email"] {
		max-width: 180px;
		width: 100%;
	}
    #table_stammdata input[id="id"], #table_stammdata input[id$="semester"], input[id$="date"] {
        max-width: 100px;
		width: 100%;
    }
.textarea_address {
	color: #363636;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 11px;
	overflow: auto;
    white-space: pre;
	word-wrap: break-word;
	word-break: break-all;
}
table[id="table_courses"] {
    display: inline-block;
    position: relative;
    height: auto;
    max-width: 1000px;
	width: 100%;
    box-sizing: border-box;
    margin: 10px 0 5px 0;
    border-top: 2px solid #4682B4;
    border-bottom: 2px solid #4682B4;
}

table[id="table_courses"] tr {
	border-top: 1px solid #778899;
	border-bottom: none;
}
table[id="table_courses"] td  {
	vertical-align: top;
    padding: 1px 1px 1px 1px;
	min-width: 30px;
	max-width: 235px;
	width: auto;
}
    table[id="table_courses"] tr:first-of-type {
		height: 40px;
		border-top: none;
    }
	table[id="table_courses"] tr:first-of-type td {
		padding: 5px 1px 1px 1px;
		vertical-align: baseline;
	}

.trash {
	cursor: pointer;
	background-image: url('../images/trash_2.png');
	background-repeat: no-repeat;
	background-position: 25% 25%;
	background-size: 14px 14px;
}
#course_caption td {
    font-size: 10px;
    font-weight: bold;
    color: #363636;
    text-align: left;
}

#course_caption img {
    cursor: help;
}
.grade_caption span {
	 margin-top: 3px;
	 font-size: 9px;
	 font-weight: normal;
}

#authorized {
	display: inline-block;
    position: relative;
    max-width: 930px;
	width: 100%;
    height: auto;
    font-size: 9pt;
    color: #CD5C5C;
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
	text-align: justify;
	border: 1px solid #F5F5F5;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	box-shadow: -4px 4px 3px #DCDCDC;
}
.podskazka {
    display: none;
    z-index: 90;
	min-width: 100px;
    max-width: 320px;
	width: 100%;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    color: #fff;
    position: absolute;
    padding: 5px;
    background-color: #4682B4;
    -webkit-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
    margin-bottom: 2px;
    height: auto;
	box-shadow: -4px 4px #6C7B8B;
	hyphens: auto;
}
    .podskazka a {
        color: #fff;
        display: inline;
    }
#table_courses input {
    font-size: 10px;
}
#table_courses input[type="text"] {
	height: 20px;
	margin-top: 1px;
}
    #table_courses input[id^="ECTS"], #table_courses input[id^="hours_per_week"], #table_courses input[id^="local_grade"] {
        max-width: 40px;
		width: 100%;
        text-align: center;
    }
	#table_courses input[data-inputvalid="no"] {
		border-color: #CD5C5C;
		box-shadow: 0 0 3px #CD5C5C;
	}
    #table_courses input[id^="course_title"] {
        max-width: 230px;
		width: 100%;
		text-align: left;
		display: inline-block;
    }
    #table_courses input[id^="course_lecturer"] {
        max-width: 160px;
		width: 100%;
		text-align: left;
    }
    #table_courses input[id^="course_semester"], #table_courses input[id^="course_id"], #table_courses input[id^="exam_type"], #table_courses input[id^="paper_date"] {
		max-width: 90px;
		width: 100%;
    }
#table_courses label[for^="slcm_register_"] {
    margin-left: 3px;
    font-size: 11px;
    color: #363636;
}
#course_add {
    cursor: pointer;
    color: #003399;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    max-width: 170px;
    min-width: 80px;
    width: auto;
    padding: 3px 0 3px 20px;
    margin: 10px 0 10px 10px;
    border-radius: 3px;
    background-image: url('../images/list_add_3.png');
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
    #course_add:hover {
        text-decoration: underline;
        border: 1px solid #BEBEBE;
        background-color: #FFFFF0;
    }
pre {
	max-width: 900px;
	overflow: hidden;
	white-space: normal;
	word-wrap: normal;
	border: 2px inset #F5F5F5;
	padding: 0 0 0 20px;
	display: none;
	background-color: #FFFFF0;
}
ol { 
    position: relative;
}
table[id="registerform"] {
	margin-left: 5px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px none #CDC8B1;
}
table[id="registerform"] td {
	border-style: none;
}
.register_note {
	display: block;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
}
.register_note span {
	display: block;
	margin: 5px 0 0 0;
	text-decoration: underline;
	font-weight: normal;
}
.register_note b {
	display: block;
	margin: 5px 0 10px 0;
	text-decoration: none;
	font-weight: normal;
}
.register_note a {
	font-weight: bold;
}

.register_note p {
	text-decoration: none;
	font-style: oblique;
	font-weight: normal;
	font-size: 9pt;
}
.list_registerinfo, .ol_registerinfo {
    display: inline-block;
    font-size: 9pt;
    color: #363636;
}
.ol_registerinfo {
    margin: 0 0 0 15px;
    padding: 0;
    list-style-position: outside;
}
    .ol_registerinfo li {
        margin: 0 0 0 5px;
    }
    .ol_registerinfo ul {
        margin: 0 0 10px 10px;
        padding: 0;
        list-style-position: outside;
        list-style-type: square;
    }
        .ol_registerinfo ul li {
            margin: 0 0 0 5px;
            padding-left: 5px;
        }
.ol_container {
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 7pt;
}
    .ol_container ol {
        display: block;
		padding-left: 5px;
		margin-left: 10px;
    }
    .ol_container ol li {
        padding: 2px 0 2px 0;
		margin-left: 5px;
    }
.subjects {
	margin-bottom: 5px;
	padding: 0;
	font-size: 11px;
    color: #363636;
	width: inherit;
    -webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
.subjects td {
	vertical-align: middle;
	padding-left: 5px;
}
.subjects td:hover {
	background-color: #9ACD32;
	cursor: pointer;
}
#div_semesters, #div_examtypes, #div_gradelist {
    display: none;
    position: absolute;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #BEBEBE;
}
#div_examtypes {
	max-width: 150px;
	min-width: 75px;
	width: auto;
}
table[id="div_courselist"] {	
    position: absolute;
	margin-top: 0;
	border: 0.018em solid #9FB6CD;
    -webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
    background-color: #F0FFF0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight: normal;
	z-index: 1000;
}
table[id="div_courselist"] td {
	display: none;
}
table[id="div_courselist"] tr td:nth-child(2) {
	display: inline-block;
	cursor: pointer;
    padding: 1px;
    text-align: center;
    border: 1px solid #9FB6CD;
    background-color: #F0FFF0;
	width: 75px;
}
table[id="div_courselist"] tr td:nth-child(2):hover {
	background-color: #9ACD32;
	color: #FFFFFF;
	font-weight: bold;
}
ul[id="semesters"], ul[id="examtypes"] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
table[id="table_grades"] {
    border: 0.018em solid #9FB6CD;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #F0FFF0;
}
	table[id="table_grades"] td, ul[id="semesters"] li, ul[id="examtypes"] li {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
        font-size: 10px;
        font-weight: normal;
        padding: 1px;
        text-align: center;
        border: 1px solid #BEBEBE;
        background-color: #F0FFF0;
	}
	ul[id="examtypes"] {
		max-width: 150px;
		min-width: 75px;
		width: auto;
	}
	ul[id="examtypes"] li {
		max-width: 150px;
		min-width: 75px;
		width: auto;
	}
	table[id="table_grades"] td:hover, ul[id="semesters"] li:hover, ul[id="examtypes"] li:hover {
        background-color: #9ACD32;
		color: #FFFFFF;
		font-weight: bold;
	}

#date_time_picker {
    position: absolute;
    width: auto;
    height: auto;
    background-color: #F5F5F5;
    display: none;
    border: 1px solid #C1CDCD;
    font-size: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
    #date_time_picker td {
        text-align: center;
		-webkit-border-radius: 3px;
        border-radius: 3px;
    }
.captcha_text {
	font-size: 8pt;
    color: #363636;
	text-align: left;
	font-weight: normal;
}