@import url("css/menu.css");

/* CSS Document */
/*body {background:#7bc142 url(images/greenfilter_top_background.png) repeat-x top left; height:100%; margin:0px; padding:0px; }*/

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, input{color: #999999; font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color: #CCC;font-weight:bold;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:16px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}
h7 a {
	
	text-decoration: none;
	color: #7dc242;
	font-size:18px;
	font-weight:bold;
}

h7 a:hover {
	border: none;
	color: #CCC;
}
a {
	border-bottom: 1px dotted #0b6f00;
	text-decoration: none;
	color: #7dc242;
}

a:hover {
	border: none;
	color: #CCC;
}
/*a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }*/
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.template_style{width:1011px; margin:0 auto;}

.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0px; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 ;height:100px;}

.menu_bg{padding:10px 22px 0 22px; margin: 0 12px 0 12px; background:#FFF;}
.menu_left{padding:0px; margin:0px; background:url(images/green_center_lft_bckgd.gif) repeat-y top left;}
.menu_right{padding:0px; margin:0px; background:url(images/green_center_rgt_bckgd.gif) repeat-y top right; }

.search_style{float:right; height:40px; color:#FFF;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0px; margin: 0 12px 0 12px; height:34px; background:#FFF;}
.bread_left{padding:0px; margin:0px; background:url(images/green_center_lft_bckgd.gif) repeat-y top left;}
.bread_right{padding:0px; margin:0px; background:url(images/green_center_rgt_bckgd.gif) repeat-y top right;}

#login_style{ float:right; padding:8px 17px 0px 10px; }

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px; background:url(images/green_center_lft_bckgd.gif) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/green_center_rgt_bckgd.gif) repeat-y top right;}
.content_pad{padding:0px 22px 0 22px; margin: 0 12px 0 12px; background:#FFF;}
.content_pad2{padding:0px 0px 0 0px; margin: 0 12px 0 12px; background:#FFF;}
.content_width{padding-top:0px; min-height:350px; width:886px;}
.content_width2{padding-top:0px; min-height:350px; width:100%;}


.bot_left{padding:0px; margin:0px; height:72px; background:url(images/greenfilter_bottom_bar.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}

.menu_header{padding:0px; margin:0px; background:url(images/eco_friendy_menu_spacer_top.png) no-repeat top left;}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:0px 20px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#ffffff;}
a.user:hover{color:#377a3b;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#FFFFFF; font-size:10px;}
a.footer:hover{color:#377a3b;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

.homebody{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;}
.currentdate{
font: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFFFFF;
}

/*-------------- Styles From Old Site --------------*/

#dealertable {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
background-color: #CCCccc;
}

.filtertablecar {
color: #000000;
font-size: 14px;
}

#filtertable {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
background-color: #CCC;
}

#filtertable a {
text-decoration: none; 
color: #FF0000; 
font-size: 13px; 
font-family: Arial, Helvetica, sans-serif;
}

#filtertable a:hover {
text-decoration: none; 
color: #000000; 
font-size: 13px; 
font-family: Arial, Helvetica, sans-serif;
}

.filtertablehead {
color: #000000;
font-size: 14px;
}

#middlenav a {
	border: none;
	color: #777;
}

#middlenavfilters a {
	border: none;
	color: #FF0000;
}

/* Image Border Highlight */
.highlight img {
border: 1px solid #000;
}

.highlight:hover img {
border: 1px solid #FFF;
}

.highlight:hover {
color: #FFF; /* Definition to overcome IE bug */
}
/* End Image Border Highlight */

/* Image Border Highlight Black */
.highlightblack img {
border: 1px solid #FFF;
}

.highlightblack:hover img {
border: 1px solid #000;
}

.highlightblack:hover {
color: #000; /* Definition to overcome IE bug */
}
/* End Image Border Highlight Black */



/* Wrapper */

#wrapper {
	background: url(images/img2.jpg) repeat-x;
}

/* Header */

#header {
	width: 750px;
	height: 181px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(images/banner.jpg);
}

#header h1, #header h2 {
	float: left;
}

#header h1 {
	padding: 130px 0 0 20px;
	letter-spacing: 3px;
	font-size: 100%;
}

#header h2 {
	padding: 162px 0 0 110px;
	letter-spacing: 2px;
	font-size: 107%;
}

#header a {
	border: none;
	text-transform: uppercase;
	text-decoration: none;
	color: #CCC;
}

/* Menu */

#menu {
	width: 750px;
	height: 50px;
	margin: 0 auto;
	background: url(images/menubar.jpg) no-repeat;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	padding: 8px 20px 0 20px;
	border: none;
	border-right: 1px solid #222;
	font-size: 85%;
	font-weight: bold;
	color: #CCC;
}

#menu a:hover {
	color: #FFFFFF;
	background-color:#333;
}

/* Page */

#page {
	width: 750px;
	margin: 0 auto;
	background: url(images/img7.jpg) repeat-y 220px 0px;
}

/* Content */

#content {
	float: right;
	width: 489px;
	padding-right: 3px;
}

#content h1, #content h2, #content h3 {
	margin-bottom: 20px;
}

#content h1 {
	font-size: 136%;
}

#content h2 {
	font-size: 107%;
}

#content h3 {
	font: 92%;
}

#content ul, #content ol {
	list-style-position: inside;
}

#content .boxed {
	float: left;
	width: 46%;
	padding-right: 2%;
}

#content .boxed h2 {
	padding: 5px 0;
	background: url(images/img5.jpg) repeat-x left bottom;
}

/*Filter Search Area*/

#content2 {
	float: right;
	width: 520px;
	padding-right: 3px;
}

#content2 h1, #content2 h2, #content2 h3 {
	margin-bottom: 20px;
}

#content2 h1 {
	font-size: 136%;
}

#content2 h2 {
	font-size: 107%;
}

#content2 h3 {
	font: 92%;
}

#content2 ul, #content2 ol {
	list-style-position: inside;
}

#content2 .boxed {
	float: left;
	width: 46%;
	padding-right: 2%;
}

#content2 .boxed h2 {
	padding: 5px 0;
	background: url(images/img5.jpg) repeat-x left bottom;
}

/* Welcome */

#welcome {
}

/* Sample1 */

#sample {
}

/* Sample2 */

#sample2 {
}

/* Sidebar */

#sidebar {
	float: left;
	width: 180px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 1px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding: 7px 20px;
	background: url(images/img5.jpg) repeat-x left bottom;
}

#sidebar h2 {
	padding: 5px 20px;
	background: url(images/img6.jpg);
	border-bottom: 1px solid #1C1C1C;
	font-size: 100%;
}

#sidebar h3 {
	font-size: 77%;
}

#sidebar p {
	margin: 0;
	line-height: normal;
}

#sidebar a {
	border: none;
	color: #7dc242;
}

#sidebar a:hover {
	border: none;
	text-decoration: underline;
		color: #ffffff;
}

/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
	font-size: 85%;
}

/* Footer */

#footer {
	width: 750px;
	height: 50px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: url(images/img4.jpg) no-repeat;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

.floatright {
float: right;
}

#gftable {
margin: 0px auto;
font: normal 12px Helvetica;
color: #000;
text-align: center;
background-color: #222;
border-color: #999;
}

#gftable a {
text-decoration: none; 
color: #80b86a;
font: normal 12px Helvetica;
}

#gftable a:hover {
text-decoration: none; 
color: #CCC; 
font: normal 12px Helvetica;
}

#gftable img {
border: 1px solid #FFF;
}

.gftablehead {
color: #CCC;
font-size: 16px;
}

#gftableborderless {
margin: 0px auto;
font: normal 12px Helvetica;
color: #000;
text-align: center;
background-color: #222;
border-color: #999;
}

#gftablenews {
margin: 0px auto;
font: normal 12px Helvetica;
color: #000;
text-align: center;
background-color: #222;
border-color: #999;
}

#gftablenews a {
text-decoration: none; 
color: #80b86a;
border: none;
}

#gftablenews a:hover {
text-decoration: none; 
color: #CCC;
border: none;
}

.iframemargin {
background-color: #222;
margin: 0px;
}

.videotbl {
border-color: #000;
background-color: #222;
}

/* Database Lookup Styles */

.filterinfochart {
font: bold 13px Helvetica;
text-align: center;
color: #7dc242;
}
.filterinfochart2 {
font: bold 15px Helvetica;
text-align: left;
color: #7dc242;
}
.example{
font: 12px Helvetica;
text-align: left;
color: #ffffff;
}

.filterinfodesc {
font: bold 12px Helvetica;
text-align: center;
color: #EAEAEA;
}

.filterchart {
background-color: #000;
text-align: center;
}

.searchtitle {
font: bold 13px Helvetica;
color: #EAEAEA;
text-align: left;
}
.input2 {
font: 12px Helvetica;
color: #000000;
text-align: left;
}

.findgreentitle {
font: bold 15px Helvetica;
color: #66CC33;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999;
	}
.sidebarheader {
	background: url(images/img6.jpg);
	border-bottom: 1px solid #1C1C1C;
	font-size: 100%;	
}
p, blockquote, ul, ol {
	margin-bottom: 20px;
	line-height: 1.6em;
}
.announcement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	}

















