BODY {
   background-color:#ffffff;
	 font-family:  Verdana, Helvetica;
	 font-size: 12px
}

BODY {
 scrollbar-face-color: #989898;
 scrollbar-arrow-color: #ffffff;
 scrollbar-base-color: #989898;
 scrollbar-shadow-color: #ffffff;
 scrollbar-darkshadow-color: #989898;
 scrollbar-highlight-color: #ffffff;
 scrollbar-3dlight-color: #989898;
 scrollbar-track-color:#bcbcbc;        
}

/* Login warning on failure */
span.warning {
   color: red;
   font-weight: bold;
   font-size: 11px
}

/* Sub headers in Quicklinks - used elsewhere */
span.quicklinks {
    COLOR: #989898;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;

}

/* Sub headers in Quicklinks - used elsewhere */
span.sidebar {
    COLOR: #065985;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;

}

span.quicklinksred {
    COLOR: #00538d;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;

}

/* Category header in News Browser */
.newsHeader {
   color: #ffffff;
   font-weight: bold;
   background-color: #989898;
   font-size: 11px;

}
/* Used for high importance arrows in News items */
span.high {
   color: red;
   font-weight: bold;
   font-size: 11px;
}
/* Used for low importance arrows in News items */
span.low {
   color: green;
   font-weight: bold;
   font-size: 11px;
}

/* Used to move the input search options in the header far to the right */
div.search {
   padding-left: 450px;

}


/* Used in the sub menus */
span.selected {
   color: orange;
   font-weight: bold;
   font-size: 10px;
}


.header {
   font-family: Arial,Verdana;
	 font-weight: bold;
	 color: #989898;
   font-size: 15px;
  }
	 
A {
 font-weight: normal;
 font-size: 12px;
 FONT-FAMILY: Verdana, Helvetica, sans-serif;
 cursor: hand;
 color: #00538d;
}
A:active {
  color: #00538d;
}
A:hover {
  color: #00538d;
}
A:visited {
  color: #00538d;
}
/* Used in the sub menus */
A.submenu {
  text-decoration: none;
  
}
A.submenu:hover {
  color: #989898;
}
A.submenu:visited {
  color: orange;
}

A.menu {
  color: #989898;
  font-size: 14px;
	font-weight: bold;
}

A.menu:hover {
  color: #989898;
}
A.menu:visited {
  color: #989898;
}


/* Used in the quicklinks */
A.quicklinks {
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}
A.quicklinks:hover {
  color: #989898;
}
A.quicklinks:visited {
  color: #ffffff;
}

/* Used in column headers */
A.header {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;

}
A.header:hover {
  color: #ffffff;
  text-decoration: underline;
}
A.header:visited {
  color: #ffffff;
}
/* Used in the Advanced Search link - in the header */
A.advanced: {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}
A.advanced:visited{
  color: #000000;
}


/* Used in column to show off a nav link as white */
A.nav {
  color: #989898;
	font-size: 12px;
}

H1 {
  color: #00538d;
	font-size: 18px;
}

H2 {
  color: #00538d;
	font-size: 14px;
}

H3 {
  color: #00538d;
	font-size: 12px;
	font-decoration: underline;
}

.modified {
        font-size: 10px;
				
}

TD {
 text-align:left; 
 
}

TH {
 font-size: 12px;
 text-align: left;
 background-color: #989898;
 border-color: #ffffff;
 border-width: 1px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: underline;
 }
TH.browse {
 font-size: 9px;
 text-align: center;
 border-color:#ffffff;
 }
.browseheader {
 text-align: center;
 background-color: #99cccc;
 }
 /* browse individual cells */
.browse {
 font-size: 9px;
 text-align: left;
 padding-bottom: 5;
 }
 
TABLE.calendar {

 border-color: #000000;


}
 
TD.calendarsub {
  color:  #989898;
  border-color: #989898;
  background-color: #99cccc;
  font-weight: bold;
  font-size: 10;
  text-align: right;
}



TD.today {
  color: #ff0000;
  font-weight: bold;
}

.formHeading
{
    COLOR: #989898;
    FONT-FAMILY: Verdana Black, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 15px;
}



/* Used in form screens for the labelling */
.formText 
{
    COLOR: #065985;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}


/* Used in the detail screens for the text content */
.detailText
{
    color: #989898;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    border-color: #989898;
    border-width: 0px;
    border-bottom: 1px;
    width: 30%
}



/* Used in the detail screens for the labelling */
.detailLabel
{
    color: #989898;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #ffffff;
    border-color: #989898;
    border-width: 0px;
    border-bottom: 1px;
    width: 30%
   
}

/* Used in the detail screens for the content */
.detailValue {
    color: #989898;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
		background-color: #ffffff;
	  border-color: #989898;
		border-width: 0px;

}

/* Used in the detail screens for the numerical right align content */
.detailNum {
    color: #989898;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
		background-color: #ffffff;
	  border-color: #989898;
		border-width: 0px;
    text-align: right;
}

/* Used in the detail screens to emphasize total amounts */
.detailValueRed {
    color: #cc3300;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
		background-color: #ffffff;
	  border-color: #989898;
  	border-width: 0px;
		text-align: right;

}
/* Alternating stripe in tables */
.tableData1 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
		border-width: 1px;
		border-color: #ffffff;
		color: #000000;
		background-color: #ffffff;
}

/* Alternating stripe in tables */
.tableData2 {
 font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
		border-width: 1px;
		border-color: #ffffff;
		color: #000000;
		background-color: #dcdcdc;
}
/* Alternating stripe in tables */
.tableData1 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
		border-width: 1px;
		border-color: #ffffff;
		color: #000000;
		background-color: #ffffff;
}


.formSmallText
{
    COLOR: #989898;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px
}
.formSmallText2
{
    COLOR: #989898;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 9px
}

/* Browse Leave */
.annual {
   background-color: #00cc66;
	 color: #010066;
	 font-weight: bold;
	 padding-bottom: 5;
  }
.study {
   background-color: #0066ff;
	 color: #010066;
	 font-weight: bold;
	 padding-bottom: 5;
  }
.sick {
   background-color: #ffff99;
	 color: #010066;
	 font-weight: bold;
	 padding-bottom: 5;
  }
.breave {
   background-color: #999999;
	 color: #010066;
	 font-weight: bold;
	 padding-bottom: 5;
  }
.maternity {
   background-color: #ffcccc;
	 color: #010066;
	 font-weight: bold;
	 padding-bottom: 5;
  }
.other {
   background-color: #cc00cc;
	 color: #010066;
	 font-weight: bold;
	 padding-bottom: 5;
	 
  }
.weekend {
   background-color: #99ccff;
	 color: #010066;
	 font-weight: bold;
	 padding-bottom: 5;
  }
.public {
   background-color: #ff6666;
	 color: #010066;
	 font-weight: bold;
	 padding-bottom: 5;

  }

	
INPUT,SELECT {
       font-family: Verdana, Helvetica, sans-serif;
			 font-size: 11px;
			 padding-left: 3px;
			 
      }
			


INPUT.button {
    background-color: yellow;
    color: #00538d;
		padding: 2pt;
		height: 24px;
		font-weight: bold;
		border: 1px;
		border-color: yellow,yellow,yellow,yellow; 
    cursor: hand;
}


.formIndent {
    padding-left:15pt; 
    font-size: 12px;

}