html, body{
  margin: 0 ;
  padding: 0;
  width: 99%;
  height: 99%;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:15px;
  color:#404040;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

header{
  position:static;
  white-space:nowrap;
  width:99%;
}

form{
  margin:0 ;
  line-height:28px;
  text-align:center;
}

textarea{
  width:40em;
  height:100px;
  margin-left:165px;
}

input[type=submit],button{
  width:80px;
  padding:3px 0;
  margin:1px;
}
td{
  vertical-align:top;
}
.right{
  float:right;
  display:inline-block;
  overflow:hidden;
}
.topright{
  position:fixed;
  top:0;right:0;
  background-color:white;
}
.center{
  text-align:center;
}
.error{
  color:#FF0000;
  font-weight:bold;
}
.circle{background-color:lightgreen;border-radius:50%}

.title {font-size:3em; color:#0066CC; font-weight:bold; vertical-align:central;clear:both;white-space:nowrap}
.title2{font-size:2em; color:#0066CC; font-weight:bold; vertical-align:central}
.title3{font-size:1em; color:#0066CC; font-weight:bold; vertical-align:central}

.content        {text-align:left;color:#404040;}
.content       a{text-align:left;color:#404040;	font-weight:bold;}
.content a:hover{text-align:left;color:#404040;	font-weight:bold;	text-decoration:underline;}

.readonly{
background-color:lightblue;
}

.number{
	color:#404040;
  width:80px;
}
.value{
  white-space:nowrap;
  color:#0066CC;
}
.value80{
  display:inline-block;
  white-space:nowrap;
  color:#0066CC;
  width:80px
}
table.grid td {
  border:1px solid #0066CC;
  border-collapse:collapse;
  padding:5px;
}
.wrapper{
  margin:0 auto;
  display:inline-block;
  text-align:left;
}

div.container {
  width: 80%;
}
.label{
  text-align:left;
  padding-left:10px;
  width:150px;
  display:inline-block;
}

.shortlabel{
  padding-left:10px;
  min-width:50px;
  display:inline-block;
}
.longlabel{
  padding-left:10px;
  min-width:200px;
  line-height:15px;
}
.message{
  font-weight:bold;
  color:red;
}

.nav{
  width:100%;
  background-color:#00BD00;
  color:white;
  line-height:15px;
  clear:both;
}
nav a{text-decoration:none;color:white;}
nav a:hover{text-decoration:none;color:white;font-weight:bold}
nav a:visited{text-decoration:none;color:white;}

.validator{
  width:20px;
  height:20px;
  vertical-align:middle;
}

.required{
  width:20px;
  height:20px;
  background-image:url("~/images/required.png");
}

.draggable{
  float:left;
	border-bottom-color:#333;
	border:1px solid #0066CC;
	background-color:#ededed;
	border-radius:5px;
	text-align:center;
	width:150px;
	white-space:nowrap;
  margin:2px;
  padding:1px;
}
.container{
  margin:0px;border:0px;padding:0px;
}
.droppable{
  border-radius:3px;
  border:solid thin #2554C7;
  width: 198px; height:600px;
  display:block;
  overflow-y:scroll;
  list-style-type:none;
  margin: 0; padding: 0;
}
.disclaimer{
  text-align:left;
  display:inline-block;
  max-width:520px;
  line-height:16px;
   font-weight:bold;
}
.disclaimer li{margin:8px 0}
.notice{
  font-size:14px;
  font-weight:bold;
  white-space:normal;
  margin:20px 50px;
}
.highlight {
    animation: glow .5s infinite alternate;
}
.emphasis{font-weight:bold;text-decoration:underline}

@keyframes glow {
    to {
      color:red;
    }
}