.black { color: #000000}
.red { color: #cc3333} 
.yellowbackground { background-color: #ffffcc} 
.lightbluebackground { background-color: #99cccc}
.lightyellow { background-color: #cccc99};
.lighteryellow{ background-color: #ffffcc};
.lightgray { background-color: #eeeeee};
.lightgreen { background-color: #99ff99 };
.lightred { background-color: #ff9999 };
.lightorange { background-color: #ffcc99 };
.lightpurple { background-color: #cc99ff };
.darkblue { color: #000066 }
.white { color: #ffffff }

a.nav_link { font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #000099 }
a.nav_link:hover { font-family: Arial, sans-serif; font-size: 12pt; text-decoration: none; font-weight: bold; color: #990000 }
a.select_font { color: #000000; font-family: Arial, sans-serif; font-size: 8pt; }
.select_font { color: #000000; font-family: Arial, sans-serif; font-size: 8pt; }

a.purplelink { font-family: Verdana; font-size: 8pt; font-weight: bold; color: indigo; text-decoration: none }
a.purplelink:hover { font-family: Verdana; font-size: 8pt; font-weight: bold; color: indigo; text-decoration: none }
 
a.redlink { font-family: Verdana; font-size: 8pt; font-weight: bold; color: #ff0000; text-decoration: none }
a.redlink:hover { font-family: Verdana; font-size: 8pt; font-weight: bold; color: #ff0000; text-decoration: none } 
 
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.80em; color: #336633; font-weight: 600 }
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.30em; color: #669966; font-weight: 600 }
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #006666 ; font-weight: 600 }
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699; font-size: 0.9em; font-weight: 600; text-indent: 15px }

.null {} 
.error { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ff0000; } 
.formlabel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: black; } 
.textinput { font-size: 8pt; background-color: #FFFFEE; } 
.action { font-family: Arial, sans-serif; font-size: 8pt; font-weight: bold; color: brown } 
.textinputselected { font-size: 8pt; background-color: ffffcc; } 
.db_header { font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; color: #000066 } 
.db_column { font-family: Arial, sans-serif; color: #000000; font-size: 7pt; } 
.db_data { color: #000000; font-family: Arial, sans-serif; font-size: 8pt; } 
.small { color: #000000; font-family: Arial, sans-serif; font-size: 8pt; } 
.tddata { font-family: Arial, sans-serif; font-size: 8pt; color: #000033} 
.tableinfo { font-family: Verdana, sans-serif; font-size: 10pt; color: #660000;} 
.tableheader { font-family: Arial, sans-serif; font-size: 12pt; } 
.header { font-family: Arial, sans-serif; font-size: 20pt; color: #000099; font-weight: 600 } 
.control { font-family: Arial, sans-serif; font-size: 14pt; color: #990000; font-weight: 400 } 
.linkbar { font-family: Verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #000033; } 
.linkbar:hover { text-decoration:none; color: #ff0000; } 
.grayout { font-family: Verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #999999; }

td {
font:11px/20px verdana, arial, helvetica, sans-serif;
line-height: 15px;
}

textarea {
background-color: #FFFFEE;
font:11px/20px verdana, arial, helvetica, sans-serif;
line-height: 15px;
}

select {
background-color: #FFFFEE;
font-size: 11px;
font-family: monospace
}

.mono11 {
font-size: 11px;
font-family: monospace
}

hr {
background-color:transparent;
color:#000000;
height:1px;
}

hr.hrred {
border: 0;
width: 95%;
color: #f33;
background-color: #f33;
height: 5px;
}

hr.hrgreen {
border: 0;
width: 95%;
color: #60a644;
background-color: #60a644;
height: 5px;
}

/* button styles */
.specialButton {
font-family: sans-serif;
line-height: normal !important;
font-size: 130% !important;
}
.specialButton a:hover, .specialButton a:active {
color: #FF7200 !important;
}
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(./images/buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F !important;
cursor: default;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 30px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 0px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 0px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(./images/small_refuge.gif);
}