/************************************************/
/* Open Plan IT stylesheet for screen viewing   */
/* Version 0.9.9                                */
/* Copyright: (C) 2003 -2006 Open Plan IT       */
/* Licence: freely available under the terms of */
/* the GNU General Public License version 2.0.  */
/************************************************/

body			{	font-size:        	0.8em;
				background-color:	#006699; /* #aaccdd */
				font-family:      	verdana, arial, helvetica, sans-serif;
				/*padding:		0px 5px 0px 5px;*/
				margin:			0px;
			}

p			{
				/* Addition to get that extra zing of readability. */
				line-height:	1.4em;
			}


h2
{
	background-color: #FFCC00;
	border-style: solid;
	border-width: 2px;
	font-size:        	0.9em;
}

/* When hovering over links... */
/* text colour. was rgb(0, 96, 255); light blue when mouse is over link */ 
/* text background colour. was #99ccff; mid blue background when mouse hovers */
A:hover			{	color:			rgb(0, 96, 255);
				background-color:	#d2e2e2;
			}


code			{	font-family:		"Courier New", Courier, monospace; }


/* document footer */
.footer		{ 		font-family:		"Courier New", Courier, monospace; 
				clear:			both;
				border:			1px solid #CBCBCB;
				background-color:	#E5E5E5;
				color:			black;
				margin:			.5em 0;
				padding:		.5em;
			}


/* Replacement for <strike> */
.strike-thru	{	text-decoration:	line-through; }


/* positioning  - replacements for align="" */
.center		{	text-align:		center; }
.left		{	text-align:		left; }
.right		{	text-align:		right; }
.justify	{	text-align:		justify; }


.important		{	color: 		red; }

.underline
				{	
					padding-top:		8px;
					margin:			0px;
					border-style:		solid;
					border-width:		0em 0em 1px 0em;
					border-color:		silver; /* #999999 is nicely subtle */
/* can this be combined with table-divider if we remove padding-top? */
				}

/* the box and background for titles */
.strip			{	border-style:     solid;
				border-width:     thin;
				border-color:     black;
				background-color: #99cccc;	/* prefer this but its not webbable: #ccdddd; */
			}


/*.underline		{	margin-bottom:	0;
				padding-bottom:	0;
				border-style:	solid;
				border-color:	#c00;
				border-width:	0 0 2px 0;
			}*/


/* For rendering source code / command lines, draw an indented, */
/* white box with a thin dashed line around it*/
.code			{
				border-style:	dashed;
				border-width: 	thin;
				padding:		0.3em;
				margin:		2em;
				background-color:	white;
			}

td,th
				{
					border-color:		silver;
					border-style:		solid;
					border-width:		1px 1px 1px 1px;
					margin:			0px;
					/* no indent for the left so not indented at left hand page edge, but indent right so gap between text */
					padding:		.25em .25em .25em .25em;  
				}


th
				{
					text-align:		left; /* otherwise it would be centred */
				}

tr				{	vertical-align:		top;	}


p.indent		{	margin: 20px; }

/* Vertical space between list items makes them more readable. */
li		{
			padding-bottom:	0.5em;	
			padding-top:	0.5em;	
		}

img			{	border-style:	none; }



/* for when you don't want paragraph text to have top and bottom white space added */
p.short
				{
					margin:			0px;

				}


/* reduce the amount of vertical space between toolbar and paragraph text */
h2.short
				{
					margin:			.5em 0px .5em 0px;

				}


.menubox			{
					margin:			0px;
					border-width:		2px;
					border-style:		solid;
					border-color:		black;
					background-color:	#77bbee;
					padding:		4px 5px 4px 5px;
					color:			black;
					font-weight:		bold;
				}


.menubox:visited,
.menubox:link,
.menubox:hover			{
					/* Keep text colour white for hyperlinks: */
					color:			white;
					/* Don't allow hyperlinks to be underlined: */
					text-decoration:	none;
					/* Don't allow the background to be changed by */
					/* our own hover over-ride elsewhere. */
					background-color:	#77bbee;
				}


.menubox:hover			{
					/* When hovering, change the text color to silver: */
					color:			black;
					background-color:	white;
				}


/* For use with specific table cells as a replacement for the 'width' attribute
   "The recommended method for setting width is to specify an absolute width for some 
   columns and have others that have no size defined and expand to fill in the extra space." */
.details			{	width:			40%;		}


#banner
				{
					background-color:	#FFCC00;
					color:			black;
					font-size:        	3em;
					font-family:      	"Times New Roman", Times, serif;

					margin:			0px 0px 5px 0px;
					padding:		0px 4px 0px 4px;

					border:			3px;
					border-color:		gray;
					border-style:		solid;
				}

.banner:visited,
.banner:link,
.banner:hover			{
					background-color:	#FFCC00;
					color:			black;
					text-decoration:	none;
				}


/*#navigation
				{
					margin:			0px;
					border-width:		0px;
					border-style:		solid;
					border-color:		silver;
					background-color:	gray;
					padding:		0px;
				}*/

#footer
				{
					text-align:		left;
					background-color:	#E5E5E5;
					
					/*margin-top:		15px;
					margin-bottom:		0em;*/
					margin:			10px;

					padding:		0px 10px 0px 10px;              

					border-style:		solid;
					border-width:		1px 1px 1px 1px;
					border-color:		silver;

					clear:			both;

					-moz-border-radius:	1%;
				}




#sidebar
				{
					float:			right;
					width:			23%;

					padding:			1em;
					margin-top:		15px;

					text-align:		left;
					background-color:	#E5E5E5;
					
					border-style:		solid;
					border-width:		1px 1px 1px 1px;
					border-color:		black;

					-moz-border-radius:	2%; }



/*#content
				{
					float:			right;
					width:			85%;
					margin-top:		15px;
					margin-left:		1.67em;
					border-left:		1px solid black;
					padding-top:		0;
					padding-left:		1em;
					padding-bottom:		20px;
				}*/


#content
				{
					float:			left;
					width:			70%;
					background-color:	white;
					/*margin-top:		10px;*/
					margin:			10px;
					border:			1px solid silver;
					padding-left:		5px;
					padding-right:		5px;
					-moz-border-radius:	1%;
				}