/*default body */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:08px;
  color:#000000;  
  background-color: #E4E4E4;  
  scrollbar-base-color: #E4E4E4;
  scrollbar-arrow-color: 666666;
  scrollbar-track-color: #E4E4E4;
  scrollbar-shadow-color: black;
  scrollbar-lightshadow-color: black; 
  scrollbar-darkshadow-color: 666666;
  scrollbar-highlight-color: #E4E4E4;
  scrollbar-3dlight-color: black;
  margin:0; 
  overflow: auto;  
}

/* default header 1 text */

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: capitalize;
  color: #006699;
}

/* default header 2 text 

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: xx-small;
  font-style: italic;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: capitalize;
  color: #006699;

} */

/* default paragraph text */

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size:x-small;
  color:#000000;  
}


/* default table */

table {
  font-family: Arial, Helvetica, sans-serif;
  font-size:x-small;
  color:#000000;  
}

/* default table header */

th {
  text-align: left;
   }

/* default link */

a:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #FFFFFF;
  text-decoration: none;
}

/* default visited link */

a:visited {

  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #FFFFFF;
  text-decoration: none;
}

/* default hovered link */

a:hover {

  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #FFFF00;
  text-decoration: none;
}

/* default active link */

a:active {

  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #FFFFFF;
  text-decoration: none;
}



/*class "content" is used for the content part */

.content {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000000;
}

/*class "content" is used for the content part, link */

.content a:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #336699;
  text-decoration: none;
}

/*class "content" is used for the content part, visited link */

.content a:visited {

  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #336699;
  text-decoration: none;
}

/*class "content" is used for the content part, hovered link */

.content a:hover {

  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #0000FF;
  text-decoration: none;
}

/*class "content" is used for the content part, active link */

.content a:active {

  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #336699;
  text-decoration: none;
}

/*class "small content" is used for the footer text */

.smallcontent {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: xx-small;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000000;
}

/*class "small content" is used for the footer text, link */

.smallcontent a:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-small;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #336699;
  text-decoration: none;
}

/*class "small content" is used for the footer text, visited link */

.smallcontent a:visited {

  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-small;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #336699;
  text-decoration: none;
}

/*class "small content" is used for the footer text, hovered link */

.smallcontent a:hover {

  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-small;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #0000FF;
  text-decoration: none;
}

/*class "small content" is used for the footer text, active link */

.smallcontent a:active {

  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-small;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #336699;
  text-decoration: none;
}

/* class "tablestyle" is used for default tables */

.tablestyle {
  border-collapse: collapse; 
  border: 1px solid black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;   
  width:90%;
}

/* class "tablestylelogin" is used for the login box */

.tablestylelogin {
  background-color: #E4E4E4;  
  border-collapse: collapse; 
  border: 1px solid black;
  padding: 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#000000;   
}

/* class "nobordertablestyle" is used for tables without borders */

.nobordertablestyle {
  border-collapse: collapse; 
  border: 0px solid black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;   
  width:90%;
}

.pagetablestyle {
  border-collapse: collapse; 
  border: 0px solid black;
  width:745;
}

.tablecontentstyle {
  font-family: Arial, Helvetica, sans-serif;
  font-size:08px;
  color:#000000;  
}


#selected {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: normal;
  font-weight: bold;
  color: #FFFF00;
  margin: 0px;
  padding: 0px;
  line-height: normal;
  text-decoration: none;
}

#nonselected {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: normal;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  line-height: normal;
  text-decoration: none;
}

.whitebutton {
background-color: #FFFFFF;
color: #000000;
border-style: solid ;
border-width: 1;
font-family: verdana;
font-size: 8pt;
}

.bluebutton {
background-color: #0099CC;
color: #000000;
border-width: 1;
border-style: solid ;
font-family: verdana;
font-size: 8pt;
}

.redbutton {
background-color: #F40000;
color: #000000;
border-width: 1;
border-style: solid ;
font-family: verdana;
font-size: 8pt;
}

.colorgray {
  color: #A4A4A4;
}
.colorred {
  color: #F40000;
}

.colorgreen {
  color: #00A000;
}

.colorblue {
  color: #0000A0;
}

.colororange {
  color: #FFA000;
}

.smallselect {
  background-color: #666666;
  color:#FFFFFF;
  font-family:verdana;
  font-size:9px;
}

.tabtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: capitalize;
  text-align: center;
  color: #006699;
}

.important {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: red; 
}

#greyed_out {
  color: #CCCCCC;
}