#LoginScreenTop{
	background-image: url('img/logo-toetsen.png');
}

#topbarcontent {
	background-image: url('img/logo-toetsen.png');
}

#mainmenu li#enroll{
	background-image:url('img/enroll.png');
}

#mainmenu li#enrollments{
	background-image:url('img/enrollments.png');
}

#mainmenu li#dates{
	background-image:url('img/dates.png');
}

#mainmenu li#teachers{
	background-image:url('img/teachers.png');
}

#content{
	margin-left:0px;
}

.FormRow{
	line-height:60px;
	border-bottom:1px solid #DDDDDD;
}

.FormRowRight{
	line-height:60px;
	margin-left:250px;
}

.FormRowTitle{
	display:inline-block;
	width:240px;
	font-weight:bold;
}

.FormRowTitleFloat{
	float:left;
	font-weight:bold;
}

.FormRowContent{
	height:300px;
	padding-left:245px;
}

.FormRowContentAttributes{
	float:left;
	width:240px;
	height:50px;
	line-height:50px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
}

.FormRowContentAttributes:hover{
	background-color:#DDDDDD;
	border-radius:5px;
}

.FormRowContentAttributes#space{
	margin-right:50px;
}

.FormRowContentAttributes input[type=checkbox] {
    display: none;
}

.FormRowContentAttributes label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 10px;
    font-size: 13px;
	width:100%;
}

.FormRowContentAttributes label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-color: #FFFFFF;
	border:1px solid #AAAAAA;
    border-radius: 3px;
	content: "\2713";
    text-shadow: 1px 1px 1px #FFFFFF;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    line-height: 17px;
}

.FormRowContentAttributes input[type=checkbox]:checked + label:before {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    color: #761864;
}

.RadioChoice input[type=radio] {
    display: none;
}

.RadioChoice label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 10px;
    font-size: 13px;
	width:100%;
}

.RadioChoice label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-color: #FFFFFF;
	border:1px solid #AAAAAA;
    border-radius: 9px;
	content: "\2715";
    text-shadow: 1px 1px 1px #FFFFFF;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    line-height: 17px;
}

.RadioChoice input[type=radio]:checked + label:before {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    color: #761864;
}

.openstellen{
	display:none;
}

.selectbox{
	border:none;
	background:none;
	display:inline-block;
	border:1px solid #CCCCCC;
	border-radius:5px;
	text-align:center;
	height:40px;
	line-height:40px;
	background-color:#EFEFEF;
}

.selectbox::before{
	content: "\25BC";
	color: #CCCCCC;
	font-weight: bold;
	margin-left:714px;
	width:25px;
	display:inline-block;
}

.selectbox select{
	background:transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline:none;
	border:none;
	width:740px;
	margin-left:-740px;
	height:40px;
	padding-left:10px;
	padding-right:15px;
}

.selectbox select::-ms-expand {
    display: none;
}

.selectbox select:focus::-ms-value {
	background: white;
	color:#000000;
}

.selectbox select:hover{
	cursor:pointer;
}

.selectbox select option span{
	width:50px;
	display:inline-block;
	
}

#PrintButton{
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;
	border-radius:5px;
	height:40px;
	line-height:40px;
	padding-left:10px;
	padding-right:10px;
	color:#000000;
	text-decoration:none;
	float:right;
	margin-left:5px;
}

#PrintButton:hover{
	background-color:#DDDDDD;
}

#tabmenu2 {
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:41px;
}

#tabmenu2 li{
	float:left;
	padding-left:15px;
	padding-right:15px;
	margin-left:8px;
	margin-right:7px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	text-align:center;
	height:40px;
	line-height:40px;
	background-color:#EFEFEF;
	margin-bottom:15px;
}

#tabmenu2 li:hover{
	background-color:#DDDDDD;
}

#tabmenu2 li#selected,#tabmenu li#selected:hover{
	background:#FFFFFF;
	font-weight:bold;
}

#tabmenu2 a{
	text-decoration:none;
	font-family:arial;
	font-size:14px;
	color:#000000;
}

.FormInput{
	height:40px;
	line-height:40px;
	border-radius:5px;
	border:1px solid #CCCCCC;
	width:745px;
	padding-left:10px;
	padding-right:10px;
}

.FormInput:focus{
	border:2px solid #73b9ff;
	background-color:#FFFFFF;
	outline: 0;
}

.enrollments{
	width:100%;
	border-collapse:collapse;
	font-size:14px;
}

.enroll{
	width:100%;
	border-collapse:collapse;
}

.enroll td:first-child{
	font-weight:bold;
	width:250px;
}

.enroll td{
	height:32px;
	border-bottom:1px dotted #AAAAAA;
}

.enrollments{
	border-collapse:collapse;
}

.enrollments th{
	height:32px;
	text-align:left;
	border-bottom:1px solid #AAAAAA;
}	

.enrollments td{
	height:32px;
	border-bottom:1px dotted #AAAAAA;
}

.enrollments td:nth-child(8){
	width:200px;
}

.enrollments td:nth-child(8) a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	height:25px;
	line-height:25px;
	margin:0px;
	padding:0px;
	float:left;
	border-radius:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#8d2b7a;
}

.enrollments td:nth-child(8) a:first-child{
	margin-right:5px;
}

.enrollments td:nth-child(8) a:hover{
	background-color:#761864;
}

.enrollprint td:nth-child(1),.enrollprint td:nth-child(9),.enrollprint td:nth-child(10),.enrollprint th:nth-child(1),.enrollprint th:nth-child(9),.enrollprint th:nth-child(10){
	display:none;
}

.enrollprint td:nth-child(9):before,.enrollprint td:nth-child(10):before{
	content:"\2610";
	font-size:20px;
}

.enrollprint td.noenrollment:before{
	content:"";
}

.enrollments tr span{
	display:none;
}

.enrollments tr:hover span{
	display:block;
	float:right;
	cursor:pointer;
}

.enrollments .noborder td{
	border:none;
}

.enrollments td input[type=text],.enroll td input[type=text]{
	border:0px;
	height:30px;
	width:100%;
	background-color: #FFFFFF;
	margin:0px;
	padding-left:5px;
}

.DeleteButton{
	text-decoration:none;
	color:#000000;
	float:right;
	display:none;
	margin-left:8px;
}

tr:hover .DeleteButton{
	display:block;
}

.settings td:first-child{
	width:150px;
}