html{
	height: 100%;
}
body{
	height: 100%;
 margin: 0em;
 padding: 0em;
}
#navbar{
  position: absolute;
  position: fixed;
 left: 0%;
 top: 0%;
 width: 20%;
 margin: 0%;
 padding: 1em 0% 0% 2%;
 height: 100%;
 overflow: auto;
}

#main{
	padding: 0 1% 1em 1%;
 margin-left: 22%;
 min-height: 98%;
}

#sitemenu{
	margin: 0 0 1em;
 list-style-type: none;
 padding: 0em;
}
#sitemenu li{
	font-weight: bold;
 font-size: 1.1em;
}


/* SECTION: Form input classes */
input{
	max-width: 100%;
}
input.text{ 
  min-width: 20em;
}
input.phrase{
	width: 30em;
}
input.url{
	width: 30em;
}
input.tags{ 
	width: 100%;
}
input:focus, textarea:focus{
  outline: 2px solid blue;
}
form span.description{
  display: block;
}

form span.description:before{
  content: "(";
}

form span.description:after{
  content: ")";
	
}
form span.controlname{ 
  font-weight: bold;
}
form p.formcontrol{
  border: 1px solid #9999FF;
}

label{ 
	font-weight: bold;
}
label.required:after{ 
  content: "*";
} 


/* Element used for showing how a required form element is marked */
span.requiredmarker, label.required{ 
	font-weight: bold;
 background-color: #FFDD88;
 padding: 0 0.25em; 
 outline: 1px solid orange;
 color: #000000;
}

span.requiredmarker:after, label.required:after{
  content: "*";
}