/*!
 * Roborant - WebPracticeLive - Copyright 2011-present Lustre Enterprises Ltd
 * Stylesheet for index.html page & login in page
 */
 
/*! Styles for main landing page */
html {
	overflow-y: scroll;
}
body{
   background-color: black;
   font-family: Trebuchet MS, Helvetica, sans-serif;
   font-size: 1em;
   color: white;
   margin-left: auto;
   margin-right: auto;
}
A:link {
	color: white;
}
A:visited {
	color: white;
}
A:active {
	color: white;
}
A:hover {
	color: white;
	background-color:#e36c0a;
}
.support { 
	vertical-align:middle;
}
.versions {
	font-size: 1.2em;
	font-weight:bold;
}
.logonDiv{
	height:600px;
	margin: 50px auto 50px auto;
	text-align:center;
}
.subhead01{
	font-weight:bold;
}
.subhead02{
	font-weight:bold;
}
.badge01{
	background: url('badge.jpg') no-repeat -0px bottom;
	height: 118px;
	width: 96px;
	float:left;
	margin:5px 96px 10px 10px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.badge01:hover { 
  background-color: #e36c0a; 
}
.badge02{
	background: url('badge.jpg') no-repeat -96px bottom;
	height: 118px;
	width: 96px;
	float:left;
	margin:5px 96px 10px 40px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.badge02:hover { 
  background-color: #e36c0a; 
}
.badge03{
	background: url('badge.jpg') no-repeat -192px bottom;
	height: 118px;
	width: 96px;
	float:left;
	margin:5px 96px 10px 10px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.badge03:hover { 
  background-color: #e36c0a; 
}
.badge04{
	background: url('badge.jpg') no-repeat -288px bottom;
	height: 118px;
	width: 96px;
	float:left;
	margin:5px 10px 10px 10px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.badge04:hover { 
  background-color: #e36c0a; 
}
.badgeclear
{
	clear:both;
}
.wpl01{
	background: url('links.jpg') no-repeat -0px bottom;
	height: 118px;
	width: 96px;
	float:left;
	margin:5px 96px 10px 40px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.wpl01:hover { 
  background-color: #e36c0a; 
}
.wpl02{
	background: url('links.jpg') no-repeat -96px bottom;
	height: 118px;
	width: 96px;
	float:left;
	margin:5px 96px 10px 10px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.wpl02:hover { 
  background-color: #e36c0a; 
}
.wpl03{
	background: url('links.jpg') no-repeat -192px bottom;
	height: 118px;
	width: 96px;
	float:left;
	margin:5px 96px 10px 10px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.wpl03:hover { 
  background-color: #e36c0a; 
}
.wpl04{
	background: url('links.jpg') no-repeat -288px bottom;
	height: 118px;
	width: 96px;
	float:left;
	margin:5px 10px 10px 10px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.wpl04:hover { 
  background-color: #e36c0a; 
}

/*! Styles for login and reset pages */
form {
	margin:auto;
	text-align:center;
}
legend {
	font-size: 1.2em;
	margin:16px;
}
label {
	margin:10px;
}
input {
	border:2px solid #616161;
  border-radius: 4px;
	font-size: 1.2em;
	margin: 0 16px 16px 16px;
  padding: 6px;
}
input[type=submit] {
  background-color: #388e3c;
  color: white;
  font-weight:bold;
  width:70%;
}
input[type=button] {
  background-color: #303f9f;
  color: white;
  font-size: 1em;
  font-weight:normal;
  width:70%;
}
input:focus {
	border:2px solid white;
}
input:hover {
	border:2px solid white;
}
input:disabled {
  background-color: #e64a19;
}
input:disabled:hover {
	border:2px solid #616161;
}
.valid {
  color: #388e3c;
}
.invalid {
  color: #d32f2f;
}