/*=====================================================================*\
|| ###################################################################
|| # Blue Static ISSO Framework
|| # Copyright (c)2002-[#]year[#] Blue Static
|| #
|| # 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; version [#]gpl[#] of the License.
|| #
|| # 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 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.,
|| # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
|| ###################################################################
\*=====================================================================*/

/* ################################################################### */
/*  Body and table elements */
/* ################################################################### */

/* Work-around for Mozilla (bug #243751) and Opera (bug #???) bugs in viewpoint rendering */
html
{
	height: 100%;
}

/* Main window background colour and font colour */
body
{
	color: rgb(96, 106, 90);

	background-color: rgb(232, 255, 198);

	padding: 15px;
}

/* Border area around tables and inbetween spacing */
.tborder
{
	border: none;
}

/* First row set in all tables */
.tcat
{
	color: rgb(30, 35, 46);

	background-color: rgb(109, 187, 45);
}

/* Links within the TCAT class */
.tcat a:link, .tcat a:visited, .tcat a:active
{
	color: rgb(55, 55, 55);
}

/* Row under the TCAT row (often used for column headers) */
td.thead, .thead td, .alt3
{
	color: rgb(45, 45, 45);

	font-weight: bold;
	font-size: 11px;

	background-color: rgb(165, 165, 165);
}

/* Links for the THEAD class */
.thead a:link, .thead a:visited, .thead a:active, .alt3 a:link, .alt3 a:visited, .alt3 a:active
{
	color: rgb(45, 45, 45);
}

/* The first type of row used in the alternation cycle */
.alt1
{
	color: rgb(41, 63, 91);

	background-color: rgb(237, 245, 230);
}

/* The second type of row used in the alternation cycle */
.alt2
{
	color: rgb(41, 63, 91);

	background-color: rgb(255, 255, 255);
}

/* The third alternation, used in special cases */
.alt3
{
	border-width: 0px;
}

/* The last row in the table (often used for the submit buttons) */
.tfoot
{
	color: rgb(55, 55, 55);

	background-color: rgb(64, 64, 64);
}

/* ################################################################### */
/*  Text elements */
/* ################################################################### */

/* Font settings for all non-styled elements */
body, p, td, tr, ol, ul
{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
}

/* Small text (used in copyright) */
.smallfont, .copyright, dfn
{
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 9px;
}

/* Description text */
dfn
{
	font-style: italic;
}

/* Table headings */
.tcat, .thead, .tfoot
{
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
}

/* Normal links */
a:link, a:visited, a:active
{
	color: rgb(109, 187, 45);
}

/* Hover links */
a:hover, .tcat a:hover, .thead a:hover, .tfoot a:hover, .alt3 a:hover
{
	color: rgb(143, 236, 9);
}

.copyright a:hover, .copyright a:link, .copyright a:visited, .copyright a:active
{
	text-decoration: none;
}

/* Mono-space */
.code
{
	font-family: 'courier new', courier, monospace;
	font-size: 9pt;
}

/* ################################################################### */
/*  Form styling elements */
/* ################################################################### */

/* Input elements in a form */
input, textarea, select, option
{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
}

/* Input formatting */
.input
{
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;

	text-indent: 5px;

	margin: 3px 1px 1px 1px;
}

/* Button styling */
.button
{
	color: rgb(0, 0, 0);

	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

	margin: 3px 1px 1px 1px;
}

/* ################################################################### */
/*  Navigation panel */
/* ################################################################### */

/* The links that appear in the upper-right corner */
#toplinks
{
	float: right;

	font-size: 14px;
}

	#toplinks #toplinks-links
	{
		font-size: 10px;
	}

/* Wrapper for the entire navigation system; including tabs */
#wrapper
{
	padding-top: 12px;
}

/* The content panel that draws the background color for the panel */
#contentbody
{
	padding: 5px;

	background-color: rgb(255, 255, 255);

	border-color: rgb(124, 128, 135);
	border-width: 1px;
	border-style: solid;

	color: rgb(55, 55, 55);

	width: 100%;
}

/* The actual tabbar */
#tabbar
{
	height: 35px;

	padding-left: 10px;

	margin-top: 10px;
	margin-bottom: -14px;
}

/* Links in the tabbar */
#tabbar a
{
	font-weight: bold;
	color: rgb(122, 151, 101);

	text-transform: uppercase;
	text-decoration: none;

	padding: 8px 0px 8px 0px;
	margin: 0px;

	background-image: url(/bugs/framework/images/tabs.gif);
	background-repeat: no-repeat;
	background-position: 0% -35px;
}

/* Blocks of the tab link */
#tabbar a span
{
	height: 33px;
	width: 100%;

	padding: 8px 15px 8px 15px;

	background-image: url(/bugs/framework/images/tabs-ends.gif);
	background-repeat: no-repeat;
	background-position: 100% -35px;
}

/* The current, active tab */
#tabbar #focustab, #tabbar #focustab a:hover
{
	color: rgb(64, 64, 64);

	background-position: 0% 0px;

	padding: 8px 0px 9px 0px;
}

/* Blocks of a focused tab link */
#tabbar #focustab span
{
	background-position: 100% 0px;

	padding-bottom: 9px;
}

/* Hovered tabs */
#tabbar a:hover
{
	background-position: 0% -70px;

	color: rgb(143, 236, 9);
}

/* Blocks of a hovered tab link */
#tabbar a:hover span
{
	background-position: 100% -70px;
}

/* Main content frame <td> */
#mainbody
{
	width: 80%;

	vertical-align: top;

	padding: 5px 5px 5px 0px;
}

#wrapper #contentbody #mainbody table
{
	width: 100%;
}

/* Menu frame <td> */
#menu
{
	width: 20%;

	padding: 15px;

	vertical-align: top;
}

/* A menu list of items */
#menu ul
{
	list-style: none;

	padding: 0px;
	margin: 0px;
}

/* An individual item in the menu list */
#menu li span
{
	display: block;

	padding: 2px 2px 2px 7px;
	margin-top: 1px;

	background-color: rgb(208, 208, 208);
}

/* Links in the menu list */
#menu li a
{
	color: rgb(64, 64, 64);
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

/* A :hover for the row of a menu item */
#menu li a:hover span
{
	background-color: rgb(158, 236, 95);
}

/* A header item row */
#menu li.header span
{
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(255, 255, 255);

	padding: 3px;

	background-color: rgb(96, 106, 90);
}

/* A focused item row */
#menu li.focus span
{
	background-color: rgb(182, 216, 154);

	text-decoration: underline;
}