/* Link */
a.noLine:link, a.noLine:visited, a.noLine:active{
  text-decoration: none;
}
a.noLine:hover{
  text-decoration: underline;
}

a.noLineBig, a.noLineBig:visited, a.noLineBig:active{
  text-decoration: none;
  font-size: 12pt;
}

a.noLineBig:hover{
  text-decoration: underline;
  font-size: 12pt;
}

a.plain:link, a.plain:visited, a.plain:active{
  text-decoration: none;
  font-weight: normal;  
}
a.plain:hover{
  text-decoration: underline;
  font-weight: normal;
}

a.error:link, a.error:visited, a.error:active{
  text-decoration: none;
  color: Red;
}

a.error:hover{
  text-decoration: underline;
  color: Red;
}

a.menu:link, a.menu:visited, a.menu:active{
  color: White;
  text-decoration: none;
  font-weight: normal;
}

a.menu:hover{
  color: White;
  text-decoration: underline;
  font-weight: normal;
}

/* Login page */
table.loginPage{
   background-color: #99BBFF;
}

td.loginHeader{
  font-weight: bold;
  text-align: right;
}

/* General */

table.fixedWidth{
  width: 600pt;
}

table.menu{
  width: 100%;
  padding: 1pt ;
  border-width: 1pt;
  border: none ;
  background-color: #295474;
}

table.button{
  border-style: solid   ;
  border-color: Black ;
  border-width: 1pt ;
}

table.info{
  background-color: InfoBackground;
  border-style: dotted ;
  border-width: 1pt ;
  border-color: Black  ;
}

table.whiteWithBorder{
  border-width: 1pt;
  border-color: Black;
  border-style: solid ;
  background: White ;
}

table.pinkWithBorder{
  border-width: 1pt;
  border-color: black;
  border-style: solid;
  background: #FFCCCC;
}

td.label{
  font-weight: bold;
  text-align: left;
}
tr.center{
  text-align: center;
}

tr.header{
  background-color: #99BBFF;
  text-align: center;
  font-weight: bold;
}

tr.middleVAlign{
  vertical-align: middle;
}

tr.menu{
  background-color: #295474;
  font-size: 11pt;
}

tr.row{
  text-align: center;
  vertical-align: bottom;
}

td.header{
  background-color: #99BBFF;
  text-align: center;
  font-weight: bold;
}

td.userID{
  background-color: Silver;
  font-weight: bold;
}

tr.data{
  background: white;
}

input{
  font-family: Courier New, Courier, mono;
  font-size: 10pt;
}

textarea{
  font-family: Courier New, Courier, mono;
  font-size: 10pt;
}

font.header{
  font-weight: bold;
  font-size: 24pt;
}

font.requiredField{
  color: red;
  font-weight: normal;
  font-size: 12pt;
}
font.header3RequiredStar{
  color: red;
  font-weight: normal;
  font-size: 14pt;
}

font.remark1{
  color: Green;
  font-weight: bold;
}

font.remark2{
  color: #9933CC;
  font-weight: bold;
}

font.error{
  color: red;
  font-weight: bold;
  font-size: 12pt;
}

font.message{
  font-size: 12pt;
  color: Olive;
  font-weight: bold;
}

font.header1{
  font-size: 18pt;
  font-weight: bold;
}

font.header2{
  font-size: 16pt;
  font-weight: bold;
}

font.header3{
  font-size: 14pt;
  color: #295474;
  font-weight: bold;
}

font.small{
  font-size: 8pt;
}

hr.sep1{
  color: #008442;
}

/* Apply job*/


td.notApplied{
  height: 21pt;
  background-color:#BBEEBB;
  vertical-align: middle;
}

td.applied{
  background-color: #DDDDDD;
  vertical-align: middle;
}


/* Whole system */
body{
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:10pt;
  background: #F2F2F2 ; 
}

.pageBg{
  background-color: #F2F2F2 ; 
}

table{
  font-size:10pt;
}

tr{
  vertical-align: baseline;
}

a:link, a:visited, a:active{
  color: #295474;
  font-weight: bold;
}

a:hover{
  color: #FF9933;  
}

.selectedPage{
  background-color: #AAAAAA;
}

.notSelectedPage{
  background-color:  #FFFFFF;
  border-width: 1pt;
  border-color: #AAAAAA;
  border-style: solid;
  border-bottom: none ;
  color: #777777;
}

.dropStyle {
	BORDER-RIGHT: black thin solid; BORDER-TOP: black thin solid; BORDER-LEFT: black thin solid; WIDTH: 15em; COLOR: black; BORDER-BOTTOM: black thin solid; POSITION: absolute; BACKGROUND-COLOR: white
}
.item {
}
.focus {
	COLOR: white; BACKGROUND-COLOR: navy
}
UNKNOWN {
	
}
.offscreen {
	LEFT: -9000px; OVERFLOW: hidden; WIDTH: 0px; POSITION: absolute
}

.hideLengthTooLongError {
    color:red;
    font-weight:bold;
    display:none;
}

.showLengthTooLongError {
    color:red;
    font-weight:bold;
}

.showTooLongInputHighlight{
    border: 2px solid red;
}