body {
	font-family:'Roboto', serif;
	background-color:#ffffff;}
.page-border {
	border:1px solid #999;
	border-radius:4px;
	padding:1em;}
.btn-primary {
    background-color: #006699;
	border:none;}
.btn-primary:hover {
    background-color: #006699;
    color: #ff9966;}
.cft input {
	width:100%;
	font-family:'Roboto', serif;
	font-weight:bold;
	padding:0.5em;
	border:1px solid #006699;
	border-radius:4px;}
.cfte input {
	width:100%;
    font-family:'Roboto', serif;
	font-weight:bold;
	padding:0.5em;
	border:1px solid #006699;
	background-color:#FFCCCC;
	border-radius:4px;}
.txta {
	width:100%;
	height:7em;
	font-family:'Roboto', serif;
	font-weight:bold;
	border:1px solid #006699;
	border-radius:4px;
	padding:0.5em;
	outline:none;
	resize:none;}
.txtae {
	width:100%;
	height:7em;
	font-family:'Roboto', serif;
	font-weight:bold;
	background-color:#FFCCCC;
	border:1px solid #006699;
	border-radius:4px;
	padding:0.5em;
	outline:none;
	resize:none;}
.pick select {
	width:100%; 
	font-family:'Roboto', serif;
	font-weight:bold;
	padding:0.5em;
	border:1px solid #006699;
	border-radius:4px;}	
.picke select {
	width:100%; 
	font-family:'Roboto', serif;
	font-weight:bold;
	padding:0.5em;
	border:1px solid #006699;
	background-color:#FFCCCC;
	border-radius:4px;}
.form-error {
	font-size:12px;
	color:#F00;
	font-weight:bold;}
.form-error2 {
	font-size:14px;
	color:#F00;
	font-weight:bold;}
 /* Customize the label (the container) */
.container2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-weight:bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}

/* Hide the browser's default checkbox */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5em;
  width: 1.5em;
  border:1px solid #006699;
  background-color: #eee;}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
  background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
  background-color: #2196F3;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
  display: block;}

/* Style the checkmark/indicator */
.container2 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);} 
   /* Customize the label (the container) */
.container3 {
  display: inline-block;
  position: relative;
  padding-left: 29px;
  margin-bottom: 12px;
  cursor: pointer;
  font-weight:bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default radio button */
.container3 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom radio button */
.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5em;
  width: 1.5em;
  background-color: #eee;
  border:1px solid #006699;
  border-radius: 50%;}
/* On mouse-over, add a grey background color */
.container3:hover input ~ .checkmark2 {
  background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.container3 input:checked ~ .checkmark2 {
  background-color: #2196F3;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;}
/* Show the indicator (dot/circle) when checked */
.container3 input:checked ~ .checkmark2:after {
  display: block;}
/* Style the indicator (dot/circle) */
.container3 .checkmark2:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;} 
.table-block {
position:relative;
float:left;
width:100%;
margin:0 0 0.5em 0;
padding:0;
border:0;}
.table-block table {
width:100%;
float:left;
empty-cells:hide;}
.table-block th, td {
padding: 7px 10px 10px 10px; }
.table-block th {
text-transform:uppercase;
letter-spacing:0.1em;
font-size:90%;
border-bottom: 2px solid #111111;
border-top: 1px solid #999;
text-align:left;}
.table-block tr.even {
background-color: #efefef;}
.table-block tr:hover {
background-color: #c6e2ff;}
.text-frame {
width:100%; 
height:20em; 
border:1px solid #006699; 
border-radius:4px; 
padding:0.5em; 
margin:auto; 
overflow-x:hidden; 
overflow-y:scroll;}