html,body{
font-family: Arial;
color: white;
background-color: #1b1735;
}
.task {
margin: 5px;
display: inline-block;
background-color: #333333;
color: white;
border: 3px solid #999999;
border-left: 30px solid #999999;
padding-left: 30px;
padding-right: 30px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 14pt;
border-radius: 10px;
text-decoration: none
}
input, textarea {
border: 1px solid #666699;
border-left: 30px solid #666699;
background-color: #bcb7dc;
padding-top: 10px;
padding-bottom: 10px;

}

input[type=button], input[type=submit], input[type=reset]{
display: inline-block;
background-color: #663333;
color: white;
border: 3px solid #996666;
border-left: 30px solid #996666;
padding-left: 30px;
padding-right: 30px;
padding-top: 5px;
padding-bottom: 5px;

font-size: 14pt;
border-radius: 10px;
}
input[type=checkbox]{
transform : scale(2);
margin: 10px;
}



.photoframe{
background-color: black;
border-top: 8px solid #444444;
border-left: 8px solid #444444;
border-right: 8px solid #AAAAAA;
border-bottom: 8px solid #AAAAAA;
display: inline-block;
padding: 10px;
text-align: center;
}
fieldset{
margin: 15px;
}

fieldset.form{
border: 2px solid #bcb7dc;
border-radius: 10px;
}
fieldset.form > legend{
font-size: 20pt;
border: 2px solid #bcb7dc;
border-radius: 10px;
}

fieldset.error{
background-color: #551111;
border: 3px solid red;
border-radius: 10px;
font-size: 14pt;
}
fieldset.error > legend{
color: white;
background-color: #990000;
width: 100%;
font-weight: bold;
}
fieldset.notice{
background-color: #111155;
border: 3px solid #444499;
border-radius: 10px;
font-size: 14pt;
}
fieldset.notice > legend{
color: white;
background-color: #444499;
width: 100%;
font-weight: bold;
}


icon{
font-size: 32pt;
float: left;
padding: 10px;
}
.tile{
display: inline-block;
border: 3px solid black;
text-align: center;
padding: 5px;
border-radius: 10px;
}
.tileactive{
color: black;
display: inline-block;
border: 3px solid #009900;
text-align: center;
padding: 5px;
border-radius: 10px;
background-color: #99DD99;
}
.catlist{
margin: 0px;
padding: 0px;
}

.catlist > label > li , .catlist > a > li {
	display: inline-block;
	padding: 3px;
	margin: 3px;
	border-radius: 10px;
}
.catlist > label > li.yes, .catlist > a > li.yes {
	color: white;
	font-weight: bold;
	background-color: #336633;
	border: 3px solid #009900;
	border-left: 30px solid #009900;
}

.catlist > label > li.no, .catlist > a > li.no {
	color: white;
	background-color: #333333;
	border: 3px solid #BBBBBB;
	border-left: 30px solid #BBBBBB;

}
.field{
display: inline-block;
margin-bottom: 20px;
}
.field > label{
display: block;
font-weight: bold;
width: 100%;
border-bottom: 3px solid #666699;
}
input.title {
	font-size: 20pt;
}


infoblock{
	margin: 10px;
	display: inline-block;
	width: 200px;
	text-align: center;
	border-radius: 10px;
	padding: 10px;
	text-shadow: 2px 2px 4px #000000;
}
infoblock.green{
	border: 3px solid #00AA00;
	background-color: #006600;
}
infoblock.blue{
	border: 3px solid #0099CC;
	background-color: #004466;
}

infoblock > value{
	font-size: 28pt;
	display: block;
}