<?php

$path = dirname(isset($_SERVER['SCRIPT_URL']) ? $_SERVER['SCRIPT_URL'] : $_SERVER['REQUEST_URI']);
header("Content-Type: text/css");

?>
/*=====================================================================*
|| ###################################################################
|| # Blue Static ISSO Framework
|| # Copyright (c)2005-2008 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 2 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
|| ###################################################################
\*=====================================================================*/

/* Reset all the annoying browser defaults */
* { margin: 0px; padding: 0px; }

html, body
{
	height: 100%;
}

/* Main body tag */
body
{
	background-color: rgb(232, 255, 198);
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

/* Title section that appears at the top of pages */
#title
{
	border-width: 0px 0px 1px 0px;
	border-color: rgb(0, 0, 0);
	border-style: solid;
	
	height: 50px;
	line-height: 50px;
	width: 100%;
	
	text-indent: 10px;
	margin-bottom: -15px;
	
	background-image: url(<?php echo $path ?>/DecoratorResources/title.jpg);
	background-repeat: repeat-x;
	
	font-size: 24px;
	font-weight: bold;
	color: rgb(255, 255, 255);
}

/* Body container that puts some padding on elements */
#body
{
	padding: 20px;
}

/*******************************************************************/
/* Form Elements */
/*******************************************************************/

/* Main form wrapper */
fieldset
{
	border-width: 1px;
	border-style: solid;
	border-color: rgb(123, 170, 90);
	
	background-color: rgb(255, 255, 255);
	
	padding: 5px 9px 5px 9px;
	margin: 10px 0px 10px 0px;
}

/* Form title */
legend
{
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: rgb(123, 170, 90);
	
	padding: 3px 7px 3px 7px;
	
	font-size: 14px;
	font-weight: bold;
	color: rgb(62, 76, 49);
}

/* Naming form elements */
fieldset dt label
{
	font-weight: bold;
	font-size: 12px;
}

/* Description for form elements/names */
fieldset label dfn
{
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	color: rgb(100, 100, 100);
	
	display: block;
}

/* A field name */
fieldset dl dt
{
	border-width: 0px 1px 0px 0px;
	border-color: #7BAA5A;
	border-style: solid;
	
	padding: 0px 4px 0px 2px;
	margin: 5px 0px 5px 0px;
	
	width: 50%;
	float: left;
}

/* Field value editor */
fieldset dl dd
{
	padding: 4px 0px 2px 4px;
	margin: 5px 0px 5px 0px;
	
	width: 49%;
	float: right;
}

/*******************************************************************/
/* Tables */
/*******************************************************************/

table
{
	border-width: 1px;
	border-style: solid;
	border-color: rgb(123, 170, 90);
	border-collapse: collapse;
	
	background-color: rgb(255, 255, 255);
	
	margin: 10px 0px 10px 0px;
	
	width: 100%;
}

thead
{
	background-color: rgb(123, 170, 90);
	
	font-size: 14px;
	font-weight: bold;
	color: rgb(0, 0, 0);
	
	text-align: center;
}

	thead td
	{
		padding: 7px;
	}

tr
{
	border-collapse: collapse;
}

.headings
{
	background-color: rgb(203, 234, 148);

	font-size: 12px;
	font-weight: bold;
	color: rgb(62, 76, 49);
}

.headings td
{
	text-align: center;
}

.headings td:first-child
{
	text-align: left;
}

.headings td:last-child
{
	text-align: right;
}

table tr td
{
	padding: 4px;
}

table .alt1
{
	background-color: rgb(255, 255, 255);
}

table .alt2
{
	background-color: rgb(237, 245, 230);
}

/*******************************************************************/
/* Boxes */
/*******************************************************************/

/* Big, red box to display errors */
.error-box
{
	border-width: 5px;
	border-style: solid;
	border-color: rgb(252, 11, 29);
	
	padding: 4px;
	margin: 10px 0px 10px 0px;
	
	background-color: rgb(247, 170, 170);

	color: rgb(252, 11, 29);
}

	/* Naming the error box */
	.error-box h1
	{
		font-size: 14px;
	}

/* Green box to display messages */
.message-box
{
	border-width: 5px;
	border-style: solid;
	border-color: rgb(109, 187, 45);

	padding: 4px;
	margin: 10px 0px 10px 0px;

	background-color: rgb(209, 249, 170);

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

	/* Naming the box */
	.message-box h1
	{
		font-size: 14px;
	}

/*******************************************************************/
/* Navigation */
/*******************************************************************/

/* Creates the navigation bar */
#nav
{
	border-width: 0px 4px 0px 0px;
	border-color: rgb(109, 187, 45);
	border-style: solid;
	
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	
	width: 250px;
	height: 100%;
	
	background-color: rgb(64, 64, 64);
}

/* Adjust the body div if there's a navigation bar */
#nav + #body, #nav + #title + #body, #nav + #title
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 250px;
	right: 0px;
	
	overflow: auto;	
}

/* With a title and navigation bar, we need to move body content down a little */
#nav + #title + #body
{
	top: 40px;
}