body {
    font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    background-color: white;
    background-image: url(/images/fin_light.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

body.frontpage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}

td.frontpage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}

a.frontpage:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #3660A8;
    text-decoration: none;
}

a.frontpage:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #3660A8;
    text-decoration: none;
}

a.frontpage:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #3660A8;
    text-decoration: underline;
}

td.menubar {
	/*width: 110px;*/
	background-color: rgb(224, 181, 4);
	text-align: left;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 4px;
}

td.menubar_right {
	background-color: rgb(224, 181, 4);
	text-align: right;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-right: 4px;
    padding-left: 30px;
}

a.menubar:link {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    color: #3660A8;
    text-decoration: none;
}

a.menubar:visited {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    color: #3660A8;
    text-decoration: none;
}

a.menubar:hover {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    color: #3660A8;
    text-decoration: underline;
}

div.urgent {
	text-align: left;
	color: black;
	background-color: #ffcf0e;
	margins: 4px;
	padding: 4px;
	font-size: 120%;
}

div.error {
	text-align: center;
	color: yellow;
	background-color: red;
	border: 2px solid yellow;
	font-size: 150%;
}

div.important {
	font-size: 120%;
	padding: 1em;
	background-color: #f8f8ff;
}

table.login {
	padding: 1em;
}

table.login th {
	font-size: 120%;
}

div#title {
	text-align: center;
	color: rgb(56, 97, 163);
	font-size: large;
}

table#news {
	text-align: left;
	width: 100%;
	height: 83px;
	border: none;
	padding: 1px;
}

td.newsheader {
	vertical-align: top;
	background-color: rgb(224, 181, 4);
}

a.archive:link {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    color: #3660A8;
    text-decoration: none;
}

a.archive:visited {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    color: #3660A8;
    text-decoration: none;
}

a.archive:hover {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    color: #3660A8;
    text-decoration: underline;
}

td.icon {
	text-align: center;
}

img.icon {
	border: 0px;
	width: 57px;
	height: 44px;
	}

table#events {
        text-align: left;
        width: 100%;
        height: 83px;
        border: none;
        padding: 1px;
        }
td.eventsheader {
	vertical-align: top;
	background-color: rgb(224, 181, 4);
	}
a.master:link {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        text-decoration: none;
}
a.master:visited {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #FFFFFF;
}
td.footer {
	text-align: center;
	background-color: rgb(56, 97, 163);
	}
img.profile {
	border: 0px;
	width: 92px; 
	height: 78px;
	float: left;
	}
a.profile:link {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
        text-decoration: none;
	font-size: small;
}
a.profile:visited {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
        text-decoration: none;
	font-size: small;
}
a.profile:hover {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
        text-decoration: underline;
	font-size: small;
}
span.profile {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: small;
}
a.more:link {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
        color: #3660A8;
        text-decoration: underline;
	font-size: small;
}
a.more:visited {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
        text-decoration: underline;
	font-size: small;
}

table.w800 {
    width: 800px;
    border-collapse: collapse;
    border-style: solid;
    border-color: #3861A3; /* sharcnet_blue */
    border-width: 2px;
    margin-top: 1px;
    margin-bottom: 3px;
}

table.search {
	text-align: right; 
	margin-left: auto; 
	margin-right: 0px; 
	height: 24px;
	font-size: small;
}
table.notloggedin {
	text-align: left; 
	width: 600px; 
	height: 24px;
	font-size: small;
}
h2.titlebar {
	color: rgb(56, 97, 163);
	}	
h4.titlebar {
	color: rgb(56, 97, 163);
	}	
h1 {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(56, 97, 163);
	font-size:160%
}	
h2 {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(56, 97, 163);
	font-size:140%
}	
h3 {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(56, 97, 163);
	font-size:110%
}
h4 {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(56, 97, 163);
	font-size:100%
}
a.documents:link {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
    text-decoration: none;
	font-size: 100%;
    font-weight: normal;
}
a.documents:visited {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
    text-decoration: none;
	font-size: 100%;
    font-weight: normal;
}
a.documents:hover {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
    text-decoration: underline;
	font-size: 100%;
    font-weight: normal;
}
a.email:link {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
    text-decoration: none;
	font-size: 100%;
}
a.email:visited {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
        text-decoration: none;
	font-size: 100%;
}
a.email:hover {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
        text-decoration: underline;
	font-size: 100%;
}
td.contact {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	vertical-align: top;
	width: 350px;
}
td.contactheader {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
	text-align: left;
	vertical-align: top;
	width: 350px;
}

td {
    font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

th {
    font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

p {
    font-size: 13px;
    width: 600px;
}

ul {
    font-size: 13px;
    width: 580px;
}

li {
    padding-bottom: 14px;
}


img.image_link {
    border-width: 0px;
}

div.metrics {
    background: rgb(54, 96, 168);
    width: 515px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-size: 15px;
    font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    color: rgb(224, 181, 4);
    color: white;
}

div.metrics2 {
    padding-left: 10px;
    width: 515px;
    background: #e8e8f0;
    padding-bottom: 8px;
}

a.metrics:link, a.metrics:visited {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}

a.metrics:hover {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
    text-decoration: underline;
    font-size: 10px;
}

a:link, a:visited {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}

a:hover {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
    text-decoration: underline;
    font-size: 10px;
}

em.metrics {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    color: black;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
}

h1.metrics {
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: rgb(54, 96, 168);
    font-size: 16px;
}

table.sharcnet {
	border: 1px solid black;
	width: 95%;
	border-collapse: collapse;
}

table.sharcnet tr.header {
	background-color: rgb(206, 216, 233);
}

table.sharcnet tr.header td {
	/* font-size: 100%;*/
}

table.sharcnet th.cpus, table.sharcnet td.cpus {
	padding-left: 10px;
	padding-right: 10px;
	font-size: small;
}

table.sharcnet tr.odd {
	background-color: #ffffff;
}

table.sharcnet tr.even {
	background-color: #f8f8ff;
}

table.sharcnet tr.totals {
	background-color: #ffdd22;
	font-weight: bold;
}

table.sharcnet th {
	text-align: left;
	vertical-align: bottom;
	padding: 1px 4px 1px 4px;
	font-size: small;
}

table.sharcnet th.cpus {
	text-align: right;
	font-size: small;
}

table.sharcnet th.state, table.sharcnet th.notices {
	text-align: center;
	font-size: small;
}

table.sharcnet td {
	padding: 1px 4px 1px 4px;
}

table.sharcnet td.notices {
	text-align: center;
}

table.sharcnet td.notices a {
	color: black;
}

table.sharcnet td.cpus {
	text-align: right;
}

table.sharcnet td.sponsor {
	font-weight: bold;
}

table.legend {
	width: 90%;
	border: 0px;
}

table.legend td.status {
	width: 10%;
}

table.legend td.description {
	width: 90%;
}

/* these should work outside of a table.sharcnet, so they can work in the
   legend */
td.online {
	background-color: #ccff99;
	text-align: center;
}

td.downsched {
	background-color: #ffff99;
	text-align: center;
}

td.conditions {
	background-color: #ffcc66;
	text-align: center;
}

td.testing {
	background-color: #ccccff;
	text-align: center;
}

td.offline {
	background-color: #ffcccc;
	text-align: center;
}

option.agency {
	font-weight: bold;
	font-style: italic;
}

option.programme {
	padding: 0 0 0 1em;
}

div.smallprint {
	font-size: 85%;
	font-style: italic;
}

tt {
    font-size: 100%;
}

pre {
    font-size: 100%;
}