/**
 * Import(s)
 */
@import url("/inserts.css");

/**
 *	Main styles
 */
html, body {
	background-color:		#FFFFFF;
	font-family:			Verdana,Arial,Helvetica;
	font-size:				12px;
	margin:					5px;
	color:					#000000;
	scrollbar-face-color:	#EEF6EE;
	scrollbar-arrow-color:	#027F44;
	scrollbar-track-color:	#EEF6EE;
	scrollbar-shadow-color:	#027F44;
	scrollbar-highlight-color:	#027F44;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color:	#FFFFFF}

p {
	font-family:			Verdana,Arial,Helvetica;
	font-size:				12px;
	text-align:				justify}

a {
	color:					#3FBF5F;
	text-decoration:		none;
	font-weight:			bold}
a:link {
	color:					#3FBF5F;
	text-decoration:		none}
a:visited {
	color:					#3FBF5F;
	text-decoration:		none}
a:hover {
	color:					#3FBF5F;
	text-decoration:		underline}
a.good {
	}
a.bad {
	color:					#BF3F5F}
a.neutral {
	color:					#AFAFAF}

/**
 *	Color, border and alignment generic styles
 */
.main {
	background-image:		url("/img/bg.gif");
	background-position:	center top;
	background-repeat:		no-repeat;
	background-color:		#FFFFFF;
	color:					#024E29;
	padding-right:			10px;
	padding-left:			10px}
.blank {
	background-image:		none;
	background-color:		#FFFFFF;
	color:					#000000}
.frame-thin {
	border:					#027F44 1px solid}
.frame {
	border:					6px ridge #027F44}
.line {
	background-color:		#027F44}
.counter {
	font-size:				9px;
	color:					#027F44;
	text-align:				center}
.active {
	color:					#00AF00}
.inactive {
	color:					#AF0000}
.default {
	color:					#0000AF}

.contact {
	font-weight:			bold}
.contact td {
	text-align:				center}

.button {
	padding:				0px;
	font-family:			Verdana,Arial,Helvetica,Sans-Serif;
	font-size:				11px;
	font-weight:			bold;
	text-transform:			lowercase}

/**
 * Message styles
 */
.note {
	font-size:				10px;
	color:					#5F5F5F}
.info {
	font-size:				10px;
	font-weight:			bold;
	color:					#005F00}
.error {
	font-size:				10px;
	font-weight:			bold;
	color:					#AF0000}

/**
 *	Bar styles
 *  - same font, size and weight
 *  - different background, links and text color
 */

/* common parts */
.bar, .hi-bar, .mid-bar, .low-bar {
	font-family:			Verdana,Helvetica,Arial,Tahoma;
	font-size:				12px}
.bar a, .hi-bar a, .mid-bar a, .low-bar a {
	font-size:				12px;
	font-weight:			normal;
	text-decoration:		none}
.bar a:hover, .hi-bar a:hover, .mid-bar a:hover, .low-bar a:hover {
	text-decoration:		underline}
.bar td, .hi-bar td, .mid-bar td, .low-bar td {
	padding-left:			3px;
	padding-right:			2px}
.bar b, .hi-bar b, .mid-bar b, .low-bar b {
	font-weight:			bold}
.bar .big, .hi-bar .big, .mid-bar .big, .low-bar big {
	font-size:				12px;
	font-weight:			bold;
	padding-left:			5px;
	padding-right:			5px}

.bar {
	height:					22px;
	color:					#FFFFFF;
	font-size:				14px}

.hi-bar {
	background-image:		url("/img/bar-hi-bg.jpg");
	background-position:	top;
	background-repeat:		repeat-x;
	color:					#027F44;
	height:					24px;
	font-size:				12px;
	font-weight:			bold;
	vertical-align:			top;
	padding-top:			3px}
.hi-bar a {
	color:					#00CF00;
	font-weight:			bold}
.hi-bar small {
	font-size:				11px;
	font-weight:			normal}
.hi-bar small a {
	font-size:				11px;
	font-weight:			normal;
	color:					#027F44}

.mid-bar {
	background-image:		url("/img/bar-mid-bg.jpg");
	background-position:	bottom;
	background-repeat:		repeat-x;
	height:					24px;
	color:					#027F44;
	vertical-align:			bottom;
	padding-bottom:			3px;
	font-size:				12px;
	font-weight:			bold}
.mid-bar a {
	color:					#00CF00;
	font-weight:			bold}
.mid-bar small {
	font-size:				11px;
	font-weight:			normal}
.mid-bar small a {
	font-size:				11px;
	font-weight:			normal;
	color:					#027F44}

.low-bar {
	color:					#027F44;
	text-align:				left;
	font-size:				12px;
	font-weight:			bold;
	text-transform:			uppercase;
	padding-left:			17px;
	background-position:	left;
	background-repeat:		no-repeat}
.low-bar a {
	color:					#027F44}

td.banner {
	background-color:		#FFFFFF;
	padding:				0px;
	text-align:				left;
	height:					90px}
td.banner .title {
	color:					#027F44;
	font-size:				16px;
	font-weight:			bold}
td.banner .title big {
	font-size:				22px}
td.banner .title small {
	font-size:				12px;
	font-weight:			normal}

td.top-menu {
	font-size:				10px;
	font-weight:			bold;
	color:					#027F44}
td.top-menu a {
	font-size:				10px;
	font-weight:			bold;
	color:					#027F44}

#languages {
	font-size:				9px;
	font-weight:			normal;
	color:					#027F44}
#languages a {
	font-size:				9px;
	font-weight:			bold;
	color:					#027F44}
#languages .current {
	font-size:				9px;
	font-weight:			bold;
	color:					#7F7F7F}
#languages a:hover {
	color:					#3FBF5F;
	text-decoration:		none}

/**
 *	Navigation and menu styles
 */
#nav {
	width:					145px}
#nav .nav-top {
	background-image:		url("/img/nav-top.gif");
	background-position:	left bottom;
	background-repeat:		no-repeat}
#nav .nav-bottom {
	background-image:		url("/img/nav-bottom.gif");
	background-position:	left top;
	background-repeat:		no-repeat}
#nav .nav-body {
	background-image:		url("/img/nav-bg.gif");
	background-position:	left;
	background-repeat:		repeat-y;
	text-align:				right}


#menu {
	width:					140px;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	list-style-image:		none}
#menu ul {
	display:				block;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	list-style-image:		none}
#menu a {
	text-decoration:		none;
	display:				block;
	width:					130px;
	height:					17px;
	padding-right:			5px;
	margin-top:				5px;
	margin-bottom:			5px;
	text-align:				right;
	vertical-align:			middle;
	background-color:		#DFEFDF;
	border:					1px dotted #007D42
	}
#menu a.current {
	background-image:		url("/img/selected.gif");
	background-position:	left center;
	background-repeat:		no-repeat;
	}
#menu a:hover {
	background-color:		#ECF5EC;
	border:					1px solid #007D42;
}

/**
 *	Listing styles
 *	1) column heading, light/dark rows
 */
#list td.head {
	font-family:			Verdana,Arial,Helvetica,Sans-Serif;
	font-weight:			bold;
	color:					#FFFFFF;
	padding:				3px;
	border-top:				1px solid #027F44;
	border-bottom:			1px solid #027F44;
	background-color:		#03934E}
#list tr.light {
	background-color:		#FFFFFF;
	background-image:		url("/img/dot.gif");
	background-position:	bottom;
	background-repeat:		repeat-x}
#list tr.dark {
	background-color:		#F5FFF5;
	background-image:		url("/img/dot.gif");
	background-position:	bottom;
	background-repeat:		repeat-x}
#list .location {
	font-weight:			bold;
	font-size:				11px;
	color:					#7F7F7F}

#links {
	width:					155px}
#links {
	margin:					0px 0px;
	padding:				0px 0px;
	list-style-type:		none;
	list-style-image:		none}
#links ul {
	display:				block;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	list-style-image:		none}
#links ul a {
	width:					140px;
	font-weight:			bold;
	padding:				1px;
	display:				block;
	padding-left:			5px;
	text-decoration:		none;
	margin-left:			0px;
	margin-right:			0px;
	margin-top:				2px;
	margin-bottom:			2px;
	list-style-type:		none;
	list-style-image:		none;
	color:					#3FBF5F;
	font-weight:			bold;
	border:					1px dotted #FFFFFF}
#links a:hover {
	color:					#3FBF5F;
	list-style-type:		none;
	list-style-image:		none;
	background-color:		#EEF6EE;
	border:					1px dotted #027F44}

#wide #links {
	width:					195px}
#wide #links ul a {
	width:					180px}


/**
 *	Form element styles
 */
#form p {
	color:					#000000}
#form input.text, #form input.text-readonly, #form textarea {
	font-family:			Verdana,Arial,Helvetica,sans-serif;
	font-size:				11px;
	background-color:		#FFFFFF;
	color:					#000000;
	border:					1px solid #C8C8C8;
	padding:				2px}
#form input.text-readonly {
	color:					#7F7F7F;
	background-color:		#EFEFEF}
#form select {
	font-size:				11px;
	font-family:			Verdana,Helvetica,Arial,Sans-Serif;
	background-color:		#FFFFFF;
	color:					#000000;
	border:					1px solid #C8C8C8}

#wide #form input.text, #wide #form input.text-readonly, #wide #form textarea {
	width:					220px}
#wide #form select {
	width:					224px}

#mid #form input.text, #mid #form input.text-readonly {
	width:					140px}
#mid #form select {
	width:					144px}

div.fck {
	border:					1px solid #C8C8C8;
	text-align:				left;
	padding-top:			0px;
	width:					550px}

#admin .banner {
	height:					70px}
#admin .banner tr {
	background-image:		url("/img/mgmt/banner-bg.gif");
	background-position:	top;
	background-repeat:		repeat-x}
#admin .frame {
	border:					#027F44 solid 1px}

