/* Basic body styles */


body, table td, table th, p {
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: black;
	font-size: 10pt;
}

body.page {
	margin: 0px;
	background-color: white;
	background-image: url (images/hinx-intlg-wash.jpg);
	color: black;
}

body.menu {
	margin: 8px;
	background-color: #990033;
	color: white;
}

head {
	margin 0px;
	padding: 0px;
	background-color: #990033;
	font-face: verdana,Tahoma,Arial,Helvetica,Sans-serif;
	background-image: url(css/border-top-bkg.jpg);
	color: white;
}

p.error {
	color: red;
	font-weight: bold;
	font-size: medium;
}


/* Tooltip elements */

.tip {
	font:10px/12px Arial,Helvetica,sans-serif;
	border:solid 1px #666666;
	width:270px;
	padding:1px;
	position:absolute;
	z-index:100;
	visibility:hidden;
	color:#333333;
	top:20px;
	left:90px;
	background-color:#ffffcc;
	layer-background-color:#ffffcc;
}


/* Banner elements */

head.banner {
position: absolute;
top: 0px;
left: 0px;
background-image: url("css/border-top-bkg.jpg");
}

body.banner div.logo {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
	width: 120px;
	height: 24px;
	background-image: url("../images/hinxsm.gif");
}

body.banner div.banner {
	position: absolute;
	font-size: 14pt;
	padding: 0px;
	margin: 0px;
	border: 0px;
	top: 4px;
	right: 6px;
	color: black;
	font-style: italic;
}

body.banner div.sysstat {
	padding: 4px;
	position: absolute;
	top: 2px;
	left: 205px;
	border: 1px dashed #802020;
	color: #802020;
	font-weight: bold;
}

body.banner div.sysstat a:link,
body.banner div.sysstat a:visited {
	color: #c04040;
	text-decoration: underline;
}

body.banner div.sysstat a:hover,
body.banner div.sysstat a:active {
	color: #ff0000;
	text-decoration: none;
}

/* Basic page elements */

ul {
	display: list-item;
	list-style-image: url("bull1.jpg");
	margin-left: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}
h1 {
	font-size: 20pt;
	padding: 0px;
	margin: 0px;
	line-height: 1.3em;
	color: black;
}
h2 {
	font-size: 16pt;
	padding: 0px;
	margin: 0px;
	line-height: 1.3em;
	color: black;
}
h3 {
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
	line-height: 1.3em;
	color: black;
}
h4 {
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
	line-height: 1.3em;
	color: black;
}

input, textarea, select{
	color: #000;
	font-size: 9pt;
	vertical-align: middle;
}

/* Collapser */

body.menu div.collapser {
/*	border: 1px dashed #404040;
	background-color: #770022; */
	border: 1px inset;
	background-color: #c0c0c0;
	color: #404040;
	margin: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

body.menu div.collapser p.sectionheader {
	font-size: 10pt;
	font-weight: bold;
}

.footer {
	background-color: #990033;
	color: white;
	font-weight: normal;
	font-size: 10pt;
	font-style: italic;
}

/* Menu Links */

body.menu a:link, body.menu a:visited {
	color: #8080FF;
	text-decoration: none;
}

body.menu a:hover, body.menu a:active {
	color: #FF8080;
	text-decoration: underline;
}

/* Magic Button */

a.button, a.button:link, a.button:visited {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 16px !important;
	color: #FFFFFF !important;
	text-decoration: none;
}

a.button:hover {
	color: #FF8080 !important;
	text-decoration: underline;
}

a.button:active {
	color: #FF8080 !important;
	text-decoration: underline;
}

/* Table Coloured Cells */
.tablename {
	background-color: #990033;
	color: white;
	font-weight: normal;
	font-size: 10pt;
	font-style: italic;
}

.columnheadings {
	background-color: #ffccee;
	color: black;
}


/* Status Coloured Cells */
.green1 {
	background-color: #42d833;
}

.green2 {
	background-color: #33cc33;
}

.yellow1 {
	background-color: #ffff33;
}

.yellow2 {
	background-color: #ffcc33;
}

.orange1 {
	background-color: #ff9900;
}

.orange2 {
	background-color: #ff6600;
}

.red1 {
	background-color: #cc3333;
}

.red2 {
	background-color: #b83333;
}

.blue1 {
	background-color: #66ccff;
}

.blue2 {
	background-color: #00cccc;
}

.background1 {
	background-color: #d4d3d3;
}

.background2 {
	background-color: #b4b3b3;
}

.sectionFeature {
	padding-top: 25px;
	margin: 0 25px;
	border-bottom: 2px dashed #ccc;
	clear: both;
}

.sectionFeature p {
	padding: 8px 0;
	margin: 0;
}

/* navbar drop-down-menus in JavaScript */

table.navbar
{font-size: 8pt;
margin: 0px;
padding: 1px; 
border: 1px; 
border-color: #99ccff #9900cc #660066 #9933ff;
font-weight: bold;}

table.menu
{font-size: 8pt;
margin: 0px;
padding: 0px;
font-weight: bold;}

td.h5
{ font-size: 6px; margin: 0px; padding: 0px;
  height: 14px;
  background-image: url("http://www.hinx.com/css/line2sm.gif"); background-repeat: repeat-x;
}

td.menuNormal
{padding: 0px;
color: black;
font-weight: bold;
vertical-align: top;
background-color: white;}

td.menuHover
{padding: 0px;
color: black;
font-weight: bold;
vertical-align: top;
/*remove the following line for drop-down menu with images*/
background-color: #dcbcfc;}

div.menuNormal
{display: none;
position: static;}

div.menuHover
{border: 1px solid #9933ff;
background-color: white;
display: inline;
position: absolute;}

a.menuitem:link
{text-decoration: none;
color: black;
background-color: white;
display: block;}

a.menuitem:visited
{text-decoration: none;
color: black;
background-color: white;
display: block;}

a.menuitem:hover
{text-decoration: none;
color: white;
background-color: #9933ff;
display: block;}

a.menuitem:active
{text-decoration: none;
color: white;
background-color: #9900ff;
display: block;}