body {
  background: #fcfcfc;
  font-size: 10px;
  color: #fff;
  font-family: Verdana;
}

#holder {
  width: 630px;
  padding-top: 50px;
  font-weight: bold;
}

#login {
	width: 300px; 
  	border-right: solid 1px #ccc;
  	margin-right: 10px;
  	margin-bottom: 10px;
}

#login-left {
  float: left; 
  width: 300px; 
  border-right: solid 2px #ccc;
  border-bottom: solid 1px #ccc;
  margin-right: 10px;
  margin-bottom: 10px;
}

#login-right {
  float: left; 
  width: 300px; 
  border-right: solid 2px #ccc;
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px;
}

#ita {
  background: url('./images/ITALogo.gif') no-repeat #e31b23;
  background-position: 50% 10px;
  padding: 5px;
  padding-top: 60px;
  border: solid 5px #fff;
  text-align: left;
  color: #fff;
}

#ba {
  background: url('./images/BAlogo.gif') no-repeat #7b96b5;
  background-position: 50% 10px;
  padding: 5px;
  padding-top: 60px;
  border: solid 5px #fff;
  text-align: left;
  color: #fff;
}

#eLearn {
  background: url('./images/ELearnLOGO.gif') no-repeat #f47421;
  background-position: 50% 10px;
  padding: 5px;
  padding-top: 60px;
  border: solid 5px #fff;
  text-align: left;
  color: #fff;
}

#its {
  background: url('./images/ITSlogo.gif') no-repeat #c1d82f;
  background-position: 50% 10px;
  padding: 5px;
  padding-top: 60px;
  border: solid 5px #fff;
  text-align: left;
  color: #fff;
}

#footer {
	color: #e31b23;
	font-size: 10px;
	font-weight: bold;
}

.form-data-left {
	float: left;
	width: 100px;
	padding-top: 3px;
	text-align: right;
	margin-right: 10px;
}

.form-data-right {
	float: left;
	width: 80px;
}

input.text {width: 150px;}

.clear-both {clear: both; margin-bottom: 15px;}
