.staffrec_menu{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 2px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.staffrec_menu li{
display: inline;
margin: 0;
}

.staffrec_menu li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #E1E2E4;
color: black;
}

.staffrec_menu li a:visited{
color: black;
}

.staffrec_menu li a:hover{
background-color: #dadada;
color: black;
}

.staffrec_menu li a:active{
color: black;
}

.staffrec_menu li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: gray;
color: black;
}

#staffrec_menu_container {
  margin: 0 auto;
  width: 720px;
  text-align: left;
}


.logo {
  font-size:1.8em;
  color:#4088b8;
  font-weight:bold;
}

#logo {
  margin: 0 auto;
  width: 720px;
  text-align: left;
  margin-top:20px;
  margin-bottom:40px;
}

.message {
  font-weight:bold;
}

.staffrec_main {
}

#staffrec_main {
  margin: 0 auto;
  width: 720px;
  text-align: left;
}

.staffrec_box {
 border-style: solid ;
 border-width: 1px ;
 border-color: #919294 ;
 height: 300px;
}

.staffrec_maintable {
  width:100%;
}

.staffrec_maintable td {
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}

.staffrec_maintable2 {
  width: 620px;
}

.staffrec_maintable2 td {
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}

.error td {
  	font-weight:bold;
  	color:Red;
  	border-width: 1px 1px 1px 1px;
  	border-style: dotted dotted dotted dotted;
  	border-color: Red Red Red Red;  
	text-align: center;
    padding:10px 10px 10px 10px;
}

.mandatoryChar, .mandatoryCharRed
{
}

.mandatoryCharRed
{
	color:Red;
	font-weight:bold;
}

.c1 td {
  font-size:0.9em;
  font-weight:bold;
  color:#4088b8;
  border-bottom:1px solid #dadada;
  margin:10px 0 8px 0;
  padding:15px 2px 2px 3px;
  text-align:center;
}

.c2 {background-color: #F8F8F8;}
.c3 {background-color: #FFFFFF;}
.c4 {background-color: #E1E2E4;}

td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

body{
  font:76% Verdana,Tahoma,Arial,sans-serif;
  background:#ffffff url(img/background.gif) top center repeat-y;
  color:#404040;
  line-height:1.2em;
  text-align: center;
}

a{
text-decoration:none;
color:#4088b8;
font-weight:bold;
}

a:hover{text-decoration:underline;}
a img{border:0;}

h1{
font-size:4.2em;
letter-spacing:-5px;
margin:0 0 30px 25px;
color:#4088b8;
}

h1 a{text-transform:none; color:#4088b8;}

h2{
font-size:1.4em;
color:#4088b8;
border-bottom:4px solid #dadada;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h3{
font-size:1.2em;
font-weight:bold;
color:#4088b8;
border-bottom:1px solid #dadada;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

.box{
color:#ffffff;
font-size:0.9em;
background-color:#4088b8;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box2{
font-size:0.9em;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:#f0f0f0;}

#header{margin:0;}

#footer{
clear:both;
text-align:right;
color:#808080;
font-size:0.9em;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{color:#808080;}

.input1{
  width:180px;
}

.input2{
  width:180px;
}

.input3{
  width:180px;
}

.text1{
  height:120px;
  width:340px;
}

.text2{
  height:120px;
  width:280px;
}

.text3{
  height:180px;
  width:480px;
}

.input1#BirthYear, .mandatoryChar#login_birthyearerror {
visibility:hidden;
font-size: 0px;
}