body {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin:0px;
}

a {
  color: #000066;
}



a:hover {
  color: #0000FF;
}

.required_error{
  border:1px solid #f66;
}
a.btn-sm {
  padding-left:8px;
  padding-right:8px;
  text-decoration:none;
}

input, select, textarea {
    border: 1px solid #ccc;
}


input[type=text],input[type=select],input[type=password] {
    min-height: 32px;
    max-width: 160px;
}

.topicbuttons,.topicbuttons td{
    cursor:pointer;
    color:white !important;
    background:#336699;
}

input[type="submit"] {
  background-color:#eee;
  padding-left:8px;
  padding-right:8px;
  text-decoration:none;
  border: 0;
  border-radius: 2px;
  text-transform: uppercase;
  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
  font-weight: 700;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  background-color:#afd2ee;
}

.statusCountBadge{
    background-color:#f66;
}

.btn-blue{
  background-color:#afd2ee;
}

td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:4px;
}

th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: bold; 
}


#pageheader {
  height:42px;
  background-color:#ddd;
  border-bottom:2px solid #aaa;
  padding:0px;
  margin-bottom:20px;
}

#pagefooter {
  margin-top:200px;
  width:100%;
  height:80px;
  display:table;
}

.pagetitle{
  font-size: 20px;
  color: #666;
  display: table-cell;
  float: left;
}

a{
  text-decoration: underline;
}



.btnactive, .btn-active {
  background-color:#0094e5 !important;
  color:white !important;
}


.loginformwrapper{
    width:500px;
}

.loginformfield{
    width:180px;
}

.loginformlabel{
    width:180px;
}

@media (max-width: 1468px) {

	.loginformwrapper{
		width:70% !important;
		margin-left:auto;
		margin-right:auto;
	}
	
	.loginformbutton {
		width: 99% !important;
		margin-top: 10px;
		padding: 20px;
		font-size: 18px !important;
		min-height: 40px !important;
	}
	
	.loginformtitle {
		font-size: 22px !important
	}

	.loginformlabel{
		width: 99% !important;
		font-size:20px;
	}

	.loginformfield{
		width: 99% !important;
		max-width: 99% !important;
		min-height: 40px !important;
	}
	

}



@media (max-width: 860px) {

	.loginformwrapper{
		width:80% !important;
		margin-left:auto;
		margin-right:auto;
	}
	
	.loginformbutton {
		width: 99% !important;
		margin-top: 10px;
		padding: 20px;
		font-size: 18px !important;
		min-height: 40px !important;
	}
	
	.loginformtitle {
		font-size: 22px !important
	}

	.loginformlabel{
		width: 99% !important;
	}

	.loginformfield{
		width: 99% !important;
		max-width: 99% !important;
		min-height: 40px !important;
	}
	
	.singlelinebutton{
	    padding:20px;
	    font-size:24px;
	}
	
	.singlelinemessage{
	    font-size:18px;
	}
	
	

}