<?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-2009 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;
	
	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: 5px 20px 20px 20px;
}

/* Adds a small copyright footer */
#footer
{
	margin-top: 25px;
	
	text-align: center;
	font-size: 10px;
}

#footer a
{
	color: rgb(62, 76, 49);
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

/*******************************************************************/
/* 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 */
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 5px;
	margin: 5px 0px 5px 0px;
	
	border-width: 0px 0px 0px 0px;
	border-color: #7BAA5A;
	border-style: solid;

	float: left;
	width: 40%;
}

/* Submit row items */
.submit
{
	text-align: center;
	
	background-color: rgb(50, 50, 50);
	
	margin: 4px 0px 4px 0px;
	padding: 5px;
}

/*******************************************************************/
/* Input Elements */
/*******************************************************************/

/* Give the input elements some styling */
input, select, textarea, .button
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	
	border-width: 1px;
	border-style: solid;
	border-color: rgb(123, 170, 90);
	
	padding: 3px;
	
	background-color: rgb(237, 245, 230);
}

input[type="button"], input[type="submit"], input[type="reset"], .button
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

textarea, input[type="text"], input[type="password"]
{
	width: 100%;
}

textarea
{
	min-height: 50px;
	max-height: 400px;
	height: auto;
}

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

/* Standard formatting for all 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%;
}

/* Title of the table */
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;
	}

/* Used for mutli-column data that requires column headings */
.headings
{
	background-color: rgb(203, 234, 148);

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

	.headings td, tbody td
	{
		text-align: center;
	}

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

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

/* Data formatting for tables */
table tr td
{
	padding: 4px;
}

/* Data background color, option 1 */
table .alt1
{
	background-color: rgb(255, 255, 255);
}

/* Data background color, option 2 */
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: 51px; /* Height of #title + border */
}

/* Used to title the system */
#nav h1
{
	font-size: 24px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	text-align: center;
}

/* Used for top links in the navbar */
#nav h2, #nav h2 a:link, #hav h2 a:active, #nav h2 a:visited
{
	font-size: 12px;
	font-weight: normal;
	color: rgb(203, 234, 148);
	text-align: center;
	text-decoration: none;
}

	#nav h2 a:hover
	{
		text-decoration: underline;
	}

/* Navigation list */
#nav ul
{
	margin-top: 10px;
}

/* Navigation sections */
#nav ul li
{
	list-style-type: none;
	
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: rgb(0, 0, 0);
	
	font-size: 18px;
	font-weight: bold;
	color: rgb(203, 234, 148);
	text-indent: 10px;
	
	line-height: 50px;
	
	background-image: url(<?php echo $path ?>/DecoratorResources/nav-section.jpg);
	background-repeat: repeat-x;
}

	#nav ul li:first-child
	{
		border-top-width: 1px;
	}

/* Expanded navigation section */
#nav ul li.expand
{
	text-align: center;
	color: rgb(40, 42, 34);
	
	background-image: url(<?php echo $path ?>/DecoratorResources/nav-section-open.jpg);
}

/* Navigation items list */
#nav ul li ul
{
	margin: 0px;
	display: none;
}

/* Navigation items */
#nav ul li ul li
{
	border: none;
	
	padding: 2px 4px 2px 10px;
	margin: 0px;
	
	height: auto;
	
	font-size: 12px;
	font-weight: normal;
	color: rgb(0, 0, 0);
	line-height: 15px;
	
	background-color: rgb(203, 234, 148);
	background-image: none;
}

	#nav ul li ul li:first-child
	{
		padding-top: 10px;
	}
	
	#nav ul li ul li:last-child
	{
		padding-bottom: 10px;
	}
	
	#nav ul li ul li a
	{
		text-decoration: none;
		color: rgb(0, 0, 0);
	}
	
	#nav ul li ul li a:hover
	{
		text-decoration: underline;
	}

/* Selected navigation items */
#nav ul li ul li.selected
{
	font-weight: bold;
	font-style: italic;
}