/* 
	----
	Angua CSS file 
	Copyright (c) 2001 B. Shuttleworth and the SANDC
	----
*/

/*
 *  This program is free software; you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation; either version 2 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Library General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program; if not, write to the Free Software
 *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
 */

/*
	Normal Context
	
	- where possible, use the normal <p> mark-up
	- fonts are defined in too many places - it would be ideal
	to find some way to reduce that.
	- try and keep colours consistent, and use transparent .png
	where possible
	
*/

p
{
	font-size: 10px;
	font-family: lucida, arial, sans-serif;
	line-height: 1.5em;
}

body
{
	font-size: 10px;
	font-family: lucida, arial, sans-serif;
	background: url('bg.jpg') #fafafa no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0 0 0 0;
}


th.navbar b
{
	color: #ffffff;
}

th.navbar a
{
	color: #dddddd;
	text-decoration: none;
}

th.navbar a:hover
{
	color: #ffffff;
}

/* Removed a:visited, as removed hover behaviour above. */

div.copyright p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 3em;
	text-align: center;
	font-size: 10px;
	font-family: lucida, arial, sans-serif;
	color: #333333;
}
div.copyright a
{
	color: #111111;
	text-decoration: none;
}
div.copyright a:hover
{
	text-decoration: underline;
}

p.error
{
	color: #9e0909;
}
p.error b
{
	color: #9e0909;
	font-weight: bold;
}

b
{
	color: #728e0e;
}

a
{
	color: #777777;
	text-decoration: none;
}
a:hover
{
	color: #222222;
	text-decoration: underline;
}
a:visited
{
	color: #291875;
}

td.critical a
{
	color: #ffffff;
}

td.warn b
{
	color: #000000;
}

td.critical b
{
	color: #ffffff;
}

h1
{
	font-size: 18px;
	color: #663300; //#728e0e;
	font-family: lucida, helvetica, sans-serif;
	border-style: solid dashed;
	border-color: #aaaaaa;
	border-width: 0 0 1 0;
}
h2
{
	font-size: 16px;
	color: #663300;
	font-family: lucida, sans-serif;
}
h2 a
{
	color: #cc9900;
	text-decoration: underline;
}

/*
	Menu Context
	
	- menu's float off right
	- two levels only really
	- use normal text within each section (p)
	- submenu's need no <p> - use <br>
	
*/

div.menu
{
	border-color: #bbbbbb;
	border-style: solid;
	border-width: 0 0 0 1;
	padding: 0 0 0 2em;
	margin: 0 2em 0 2em;
}


div.submenu
{
	margin-left: 2em;
	padding: 0 0 0 20;
	border: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 10px;
	font-family: lucida, arial, sans-serif;
	color: #444444;
}

div.submenu a
{
	color: #444444;
	text-decoration: none;
}
div.submenu a:hover
{
	color: #666666;
	text-decoration: underline;
}
div.submenu a:visited
{
	color: #222222;
	text-decoration: none;
}

div.menu p
{
	color: #728e0e;
	font-size: 10px;
	font-weight: bold;
	font-family: lucida, arial, sans-serif;
}
div.menu a
{
	color: #728e0e;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;	
}
div.menu a:hover
{
	color: #728e0e;
	text-decoration: underline;
}
div.menu a:visited
{
	color: #728e0e;
	text-decoration: none;
}

/*
	Copyright

	- nothing much needs saying
	
*/

div.copyright
{
	border-color: #bbbbbb;
	border-style: solid;
	border-width: 1 0 0 0;
	padding: 1 1em 1em 2em;
	margin: 0 0 0 0;
	text-align: center;
}

/* 

	Tables : *very* important, most data is displayed in tables

	- all tables should have the "tr.first", "tr.second" seperation
	- beyond that, tables need to be marked up logically:
		- headings are normal, primary or secondary (for data locked
		up "inline" as it were.
		- use .warn and .critical to bring things to people's attention.
		- these are structured to look good within the .first .second markup.

*/

table
{
	border-style: solid;
	border-width: 1 1 1 1;
	border-color: #536b00;
}

table.body
{
	border-style: none;
}

th
{
	background: #536b00;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	font-family: lucida;
	text-align: left;
}

th.pageheader
{
	background: #536b00;
	text-align: left;
}

th.navbar
{
	background: #728e0e;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 3em;
	text-align: right;
	font-size: 10px;
	font-family: lucida, arial, sans-serif;
	color: #bbbbbb;
}

td
{
	font-size: 12px;
	font-family: lucida, arial, sans-serif;	
}

tr
{
	border-style: solid;
	border-width: 0 0 1 0;
	border-color: #536b00;
}

tr.first
{
	background: #ffffff;
	border-style: solid;
	border-width: 0 0 1 0;
	border-color: #536b00;
}

tr.second
{
	background: #BBA35C;
	border-style: solid;
	border-width: 0 0 1 0;
	border-color: #536b00;
}

tr.first td.warn
{
	background: #ceb98e;
}

tr.second td.warn
{
	background: #D7AC2B;
}

tr.first td.critical
{
	background: #a82219;
	color: #ffffff;
	font-weight: bold;
}

tr.second td.critical
{
	background: #D7AC2B;
	color: #ffffff;
	font-weight: bold;
}

tr.first td.adj
{
	background: #ceb98e;
}
tr.second td.adj
{
	background: #D7AC2B;
}


th.primary
{
	background: #B78E15;
}

th.secondary
{
	background: #cc9900;
}


th.submit
{
	background: #788744;
	text-align: right;
}

/*
	Forms
	
	- experimental
	- should work on advanced browsers
*/

input
{
	font-size: 10px;
	font-family: lucida, arial, sans-serif;
	border-width: 1 1 1 1;
	border-style: solid line;
	border-color: #536b00;
}

select
{
	font-size: 10px;
	font-family: lucida, arial, sans-serif;
	border-width: 1 1 1 1;
	border-style: solid line;
	border-color: #536b00;
}