﻿body 
{
	/*background:#ff3f00;*/
}

a, a:link, a:visited {
	color:#147918;
}

#header 
{
    background:url(../gfx/greenandcool/headerbg.jpg) repeat-x;
    border-bottom:3px solid #8cae8d;
}

#logo 
{
	background:url(../gfx/greenandcool/logo.png);
	margin-top:10px;
	width:87px;
	height:60px;
}

#logo a 
{
    height:60px;
}

.pnlTopMenu 
{
	position:relative;
	left:250px;
    top:25px;
}

#topMenu 
{
	background: url(../gfx/greenandcool/menu-left.png) no-repeat;
}

#innerTopMenu 
{
	background:url(../gfx/greenandcool/menu-center.png) repeat-x;
}

#topMenuEnd 
{
	background:url(../gfx/greenandcool/menu-right.png) no-repeat top right;
}

fieldset 
{
	border-color:#1FA22E;
}

input[type="button"], input[type="submit"], .button, a.button
{
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #1fa22e) );
    background: -moz-linear-gradient( center top, #89c403 5%, #1fa22e 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#1fa22e');
    background-color: #89c403;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #74b807;
    display: inline-block;
    color: #ffffff;
    font-family: 'Arimo', sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #528009;
    cursor: pointer;
}
input[type="button"]:hover, input[type="submit"]:hover, .button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1fa22e), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #1fa22e 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fa22e', endColorstr='#89c403');
	background-color:#1fa22e;
}
input[type="button"]:active, input[type="submit"]:active, .button:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */


/*MENU*/

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#333;
}
.sf-menu li {
	background:		#eee;
}
.sf-menu li li a {
	background:		#ddd;
}

.sf-menu li li a {
	color:#333 !important;
}

.sf-menu li li li a {
	color:#333 !important;
}
.sf-menu li li li {
	background:		#ccc;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#bbb;
}

/*-----------------

NOTHING IMPORTANT, OK TO DELETE

*/

.big 
{
    background-image:url(../gfx/btn_l.png);
}

.medium 
{
    background-image:url(../gfx/btn_ml.png);
}

.small 
{
    background-image:url(../gfx/btn_sl.png);
}

.small.wide 
{
    background-image:url(../gfx/btn_sl_wide.png);
}

.tiny 
{
    background-image:url(../gfx/btn_tiny.png);
}

.addBtn 
{
    background:url(../gfx/btn_s.png) no-repeat;
}

.addBtn:hover 
{
    background:url(../gfx/btn_s_h.png) no-repeat;
}

.onOffBtn 
{
    background-image:url(../gfx/onoff.png);
}

.off span 
{
    color:#828182 !important;
}

/*---------------------------------*/

/*duplicates input[type="button"], input[type="submit"], .button, a.button
    just adds !important to all elements*/
.greenButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271 !important;
    box-shadow: inset 0px 1px 0px 0px #a4e271 !important;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #1fa22e) ) !important;
    background: -moz-linear-gradient( center top, #89c403 5%, #1fa22e 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#1fa22e') !important;
    background-color: #89c403 !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    border: 1px solid #74b807 !important;
    display: inline-block !important;
    color: #ffffff !important;
    font-family: 'Arimo', sans-serif;
    font-size: 15px;
    font-weight: bold !important;
    padding: 6px 24px;
    text-decoration: none !important;
    text-shadow: 1px 1px 0px #528009 !important;
    cursor: pointer !important;
    margin: 0px !important;
}
/* duplicates input[type="button"]:hover, input[type="submit"]:hover, .button:hover
    just adds !important to all elements to use in jquery ui dialog*/
.greenButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1fa22e), color-stop(1, #89c403) ) !important;
	background:-moz-linear-gradient( center top, #1fa22e 5%, #89c403 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fa22e', endColorstr='#89c403') !important;
	background-color:#1fa22e !important;
}
/* duplicates input[type="button"]:active, input[type="submit"]:active, .button:active
    just adds !important to all elements to use in jquery ui dialog*/
.greenButton:active {
	position:relative !important;
	top:1px !important;
}