/*
 * Stylesheet for Hardware intranet: SF: August 2007
 */

/* Basics: */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,caption,table,th,tr,td {
	font-family: Verdana, Arial, sans-serif;
}
body {
	margin-left: 5%;
	margin-right: 5%;
	color: black;
	background-color: white;
}
ul,ol {
/*	margin-bottom: 1em; */
}
li.spaced {
	margin-bottom: 1em;
}
li {
/*	list-style: disc; */
}
dt {
	font-weight: bold;
}
em {
	font-weight: bold;
	font-style: italic;
}
pre {
	font-family: monospace;		/* browser bug workaround */
}
hr {
	text-align: center;
}
img.borderless {
	border: none;
}
img.border {
	border: thin solid navy;
}
code {
	font-family: Courier, monospace;
	font-weight: bold;
	color: green;
	background-color: inherit;
}
pre.code {
	text-align: left;
	font-family: Courier, monospace;
	font-size: 10pt;
	color: white;
	background-color: #000060;
	border: thin solid black;
	padding: 2em;
}

/* Links: */
a:link {
	color: blue;
	background-color: inherit;
}
a:visited {
	color: purple;
	background-color: inherit;
}
a:active {
	color: maroon;
	background-color: inherit;
}
a:hover {
	color: red;
	background-color: yellow;
}

/* Headings: */
h1,h2,h3,h4,h5,h6 {
	color: navy;
	background-color: inherit;
}
h1 {
	font-size: 150%;
	text-align: center;
	vertical-align: middle;
	color: black;
	background-color: #66ff99;
}
h2 {
	margin-left: -4%;
	margin-right: -4%;
	font-size: 135%;
	font-weight: bold;
}
h3 {
	margin-left: -2%;
	margin-right: -2%;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
}
h4 {
	margin-left: 0%;
	margin-right: 0%;
	font-size: 110%;
	font-weight: bold;
}
h5 {
    margin-left: 1%;
    margin-right: 1%;
    font-size: 100%;
    font-style: italic;
}

/* Generic classes: */
.centred {
	text-align: center;
	vertical-align: middle;
}
.centred-large {
	font-size: 120%;
	text-align: center;
	vertical-align: middle;
}
.centred-vlarge {
	font-size: 300%;
	text-align: center;
	vertical-align: middle;
}
.highlight {
	color: red;
	background-color: #66ff99;
	font-weight: bold;
}
.warning {
	font-size: 135%;
	text-align: center;
	vertical-align: middle;
	color: red;
	background-color: #66ff99;
	font-weight: bold;
}
.unix {
	font-family: Courier, serif;
	font-size: 10pt;
	color: white;
	background-color: #000060;
	margin-left: 15pt;
	border: solid black;
	padding: 5pt;
}
.smaller {
	font-size: 75%;
}

/* Bodies: */
.major-link {
	font-size: 150%;
	text-align: center;
}
p.author-note {
	text-align: center;
	font-style: italic;
}
p.author-note-strong {
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

/* Page signature: */
table.signature {
	width: 100%;
}
td.sig-left {
	text-align: left;
	vertical-align: middle;
}
td.sig-right {
	text-align: right;
	vertical-align: middle;
}

/* Index link tables: */
table.links {
	width: 100%;
}
tr.links {
}
td.links-third {
	font-size: 120%;
	text-align: center;
	vertical-align: middle;
	width: 33%;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}

/* Networking: */
div.box {
	margin-left: 33%;
	margin-right: 33%;
	text-align: center;
	vertical-align: middle;
	border: thin navy solid;
}
div.connection {
	margin-left: 49.5%;
	margin-right: 49.5%;
	text-align: center;
	vertical-align: middle;
	border: thin navy solid;
	color: navy;
	background-color: navy;
	padding: 0em;
}
p.box-name {
	font-size: 110%;
	text-align: center;
}
p.ip-address {
	font-size: 90%;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

/* Generic tables: */
table.gen-table {
	margin-left: auto;
	margin-right: auto;
}
table.gen-table-wide {
	width: 100%;
}
table.gen-table-extra-wide {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
.gen-table-heading {
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
.gen-table-heading-left {
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
.gen-table-heading-half {
	width: 50%;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
.gen-table-heading-third {
	width: 33%;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
.gen-table-heading-quarter {
	width: 25%;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
.gen-table-item {
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.gen-table-item-padded {
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 1.5em;
	padding-right: 1.5em;
	border: thin green solid;
}
.gen-table-item-left {
	text-align: left;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.gen-table-item-half {
	width: 50%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.gen-table-item-third {
	width: 33%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.gen-table-item-quarter {
	width: 25%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.small-table-heading {
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
.small-table-heading-quarter {
	width: 25%;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
.small-table-item {
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.small-table-item-left {
	font-size: 80%;
	text-align: left;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.small-table-item-right {
	font-size: 80%;
	text-align: right;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.small-table-item-half {
	width: 50%;
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.small-table-item-emph {
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	font-weight: bold;
	font-style: italic;
	background-color: #66ff99;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.tiny-table-heading {
	font-size: 66%;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
.tiny-table-item {
	font-size: 66%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
.tiny-table-item-right {
	font-size: 66%;
	text-align: right;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}