/*
--=.._/(        FoodHub - Ecotrust GLOBAL STYLES      )\_..=--
    	  */


/*
Will Moore - ISITE Design


--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

------- typography ---------

font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
font-size: .75em; 	= 9px
font-size: 0.835em; = 10px
font-size: .9175em; = 11px
font-size: 1em; 	= 12px
font-size: 1.085em; = 13px
font-size: 1.165em; = 14px
font-size: 1.25em;  = 15px
font-size: 1.335em; = 16px
font-size: 1.415em; = 17px
font-size: 1.5em;	= 18px
font-size: 1.585em; = 19px
font-size: 1.665em; = 20px
font-size: 1.75em; = 21px
font-size: 1.835em; = 22px
font-size: 1.915em; = 23px
font-size: 2em; = 24px

font colors:
	base body color: #333333;
		
link colors:
	main content a: #0000ff;
	main content hover: #999999;

*/

/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body 					{ font: 82%/1.335 Arial, Helvetica, sans-serif; color: #58595B;  }
h1, h2, h3, h4, h5, h6	{ font-weight: normal; margin: 0 0 .25em 0;}

h1	{ font-size: 1.665em; letter-spacing: .03em; } 	/* 24px */
h2	{ font-size: 1.415em; color: #000; } /* 20px */
h3	{ font-size: 1.25em; color: #58595B;} /* 17px */
h4	{ font-size: 1.25em; } 	/* 15px */
h5	{ font-size: 1em; font-weight: bold; } 	/* 12px; */
h6	{ font-size: .9175em; font-weight: bold; } /* 11px; */

p	{ margin-bottom: 1em; }

input, textarea { border: 1px solid #242323; }

ul, ol 	{ margin: 0 0 1em 3em; }
table	{ border-collapse: collapse; }
td		{ border: 1px solid #ccc; padding: .5em; }
tr 		{background-color: #FFFFFF}

div.chart td {border: none; padding: 0;}


/*----------------------------------- Site Structure --------------------*/
body {
	background: #fff url(../img/css/bg-body.jpg) center 0 repeat-x;
	background:  url(../img/css/bg_header.jpg) 50% 0 repeat-x; 
	}

#wrapper {
	margin: auto;
	position: relative;
    width: 960px;
}
#header {
/* 	background:  url('../img/css/temp-bg-header.png') left bottom no-repeat;
	 background:  url('../img/header.jpg') -26px top no-repeat;  */
    height: 132px;
	margin-bottom: 5.7em; /* make room for absolutley position nav + flash messages */
}
	.admin-page #header {margin-bottom: 4.7em;}
#footer { 
	border: 5px solid #C1D3A3; 
	background-color:  #CEDDB6;
	clear: both; 
	padding: 21px 10px 21px 21px; 
	overflow: hidden; 
	}
	* html #footer {zoom: 1; padding-bottom: 0;}
	

/* two col, secondary on right */

#content {
	float: left;
	position: relative;
	width: 960px;	
}
#primary {
	border-right: 1px solid #ccc;
	float: left;
	padding: 0 21px 20px 21px;
	width: 678px;	
}
#secondary {
	float: left;
	padding: 7px 30px 0 20px;
	width: 188px; /* 249 w/o border left*/
}
	* html #primary		{ display: inline;}
	* html #secondary 	{ display: inline; overflow: visible; padding-right: 0;} /*pr:0 was for profile page*/
	
	/* two col, secondary on left.  should be dp_leftcol */
	.leftcol #primary{
		border-right: none;
		margin-left: 281px;	
		padding-left: 0;
		width: 660px;
	}
	.leftcol #secondary{
		border-left: none;
		border-right: 1px solid #ccc;
		margin-left: -960px;
		width: 188px;
	}
	* html .leftcol #secondary 	{padding-right: 10px;}

	.dp_fullwidth #primary 		{width: 939px; padding-right: 0; border: none;}
	.dp_fullwidth #primary .col {width: 29.2%;}
	.dp_fullwidth #secondary 	{clear: both; border: none;}

	.admin-page #wrapper, .admin-page #content{width: 100%;}
	.admin-page #primary{width: 96%; padding: 0 1.5%; border-right: none; margin: 0;}
	.admin-page #secondary{padding: 0 0 0 10px;width: 14%; display: none;}

	.add-product-page #primary 		{width: 620px; padding-left: 1em; margin-left:321px;}
	.add-product-page #secondary 	{width: 228px;}
	
	.product-landing-page #secondary {padding-top: 2em; /* push down to align with tabs	*/}


/*----------------------------------- Type, Links and Lists----------*/

a, a:visited		{ color: #009FDB; }
a:hover, a:focus 	{ color: #006F9A; }
a img 				{ border: none; }
a#brand {
	background:transparent url('../img/css/logo.jpg') 0 0 no-repeat;  
/* 	background:transparent url('../img/logo.jpg') 0 0 no-repeat;   */
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	position: absolute;
	top: 38px;
	left: 20px;
	height: 154px;
	width: 154px;
	z-index: 3;
	
	
}

td.currency {
	text-align: right;
}

.close, .close-window { 
	background:  transparent url('../img/css/famicons/cross.png') 0 0 no-repeat; 
	height: 16px; 
	overflow: hidden;
	position: absolute; 
	right: 4px; 
	width: 16px; 
	text-indent: -9999em; 
	top: 4px; 
	z-index: 51;
	}

#newsletter_button {
	margin: auto;
}
	#sidebar #newsletter_button {
		margin-bottom: 1.5em;
	}
.tabs{display: none;}
	.js-on .tabs{overflow: hidden; margin: 0; padding: 0; list-style-type: none; display: block;}
	.js-on .admin-page .tabs h2 {position: absolute; left: -999em;}
	.tabs li {width: auto; float: left;} /*ie6/7*/

.primary-action, a.button, .tabs a {
	background-color: #fff;
	border: 1px solid #cccccc;
	color: #fff;
	float: right;
	font-size: 1.3em;
	margin: -2.3em 0 1em 0;
	margin: 0 0 1em 0;
	padding: 2px;
	width: auto;
	text-decoration: none;
	}
	.primary-action {margin-bottom: 0;}
	.tabs a{
		float: left;
		font-size: 1.1em;
		margin: 0 .3em 0 0;
		border:  none;
		padding: 0;
	}
	button.primary-action{float: left;}
	a.button{
		float: left;
		font-size: 1em;
		margin-right: 10px;
	}	
	#secondary .primary-action{
		display: block;
		float: none;
		margin: 0 0 1em 0;
		text-align: center;
	}
	.primary-action span, a.button span, .tabs .active a span{
		background:  #00A2E3 url('../img/css/bg-button.png') left top repeat-x;
		color: #fff;
		display: block;
		padding: 10px;
	}
		.tabs a span{
			background-color: #ccc;
			background-image: none;
			color: #fff;
			display: block;
			-moz-border-radius: 3px 3px 0 0;
			-webkit-border-radius:3px;
			border-radius: 3px;
			padding: 4px 8px !important;
			}
		
	a.button span{padding: 3px 5px;}
	.primary-action:hover span, a.button:hover span{
		background-color: #008AC1;
		background-image: none;
	}
		
#wrapper{
	color: #333;

}	
	#wrapper .success:hover		{color: #0000FF;}			
	#wrapper .success span{font-weight: bold;}
	#wrapper #secondary .success {text-align: left;}
	
							#header h2{padding: 7px 0 0 30px; font-size: 1em; color: #444;}/* svn version number for dev */

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 25%;
}
	#footer .nav{
		float: right;
		text-align: right;
	}
	* html #footer .nav li{
		position: relative;
		zoom: 1;
	}
	*+html #footer li{
		position: relative;
		zoomg: 1;
		margin: 0;
		padding: 0;
	}
	#footer .about {
		float: left;
		margin-top: -.6em;
		width: 40%;
	
	}
	#footer .nav a{
		padding: 0 2px;
		text-decoration: none;
	}
	#footer li.ecotrust a {
		background: url('../img/css/logo-ecotrust.gif') no-repeat;
		display: block;
		overflow: hidden;
		height: 42px;
		text-indent: -9999px;
		width: 185px;
	}
	#footer .social {
		float: left;
		width: 250px;
	}
		#footer .social h3 {
			padding-top: 7px;
			color: #585661;
			font-size: 1em;
		}
		#footer .social ul {
			width: 100%;
		}
		#footer .social li {
			display: block;
			float: left;
			margin-right: 10px;
			width: 40px;
		}
		#footer .social li img{
			height: 40px;
			width: 40px;
		}

h1 {
	background:  transparent url('../img/css/bg-h1.gif') left bottom repeat-x;
	
	color: #4F3424; 
	margin: 0 0 21px 21px;
	padding: 0 0 12px 3px;
	}
	h1 span, h2 span {font-weight: bold; color: #4d3322;} /* the search term, farm name...*/
	div.lead{
		margin: -.4em 0 2em 21px;
		clear: both;
	}

h2.alert, h3.alert{
	font-size: 1.2em;
	color: #800;
}
h2.info{
	border: 1px solid #CCCCCC;
	color: #222;
	font-size: 1em;
	margin-bottom: 1em;
	padding: 5px;
	text-align: center;
}
h3+p 	{ margin-top: -.4em; }
h2+h3 	{ margin-top: -.3em; margin-bottom: .4em; }
ul.inline{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	.inline li{
		display: inline;
	}

ol{
	margin: 1em .2em 1em 1.7em;
}
.press-page #primary ul{
	list-style-type: none;
	margin: 0 0 2em 0;
}
	.press-page #primary li		{ margin-bottom: .75em; }
	.press-page #primary .pub 	{ font-style: italic; }
	.press-page #primary li a	{ text-decoration: none; }


dl.faq	{ margin-bottom: 3.5em; }
	dl.faq dt{
		cursor: pointer;
		font-weight: bold; 
		margin-top: 1em;
	}
	dl.faq dd{
		display: block;
		margin-left: 1.1em;
	}
	a.toggle{
		display: block;
		float: left;
		font-weight: normal;
		margin-top: -4px;
		padding: 4px;
		text-decoration: none;
		width: .5em;
	}
ul.tos-list{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	.tos-list li 		{ margin-bottom: .5em;}
	.tos-innerwrap h3	{ margin-top: 1em;}
#message-wrap{
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	border: 2px solid #dd6;
	border-top: 0;
	background: #FFFF99 url(../img/css/flash-bg-shadow.jpg)  left top no-repeat;
	padding-top: 7px; /* animated back down to 7px with js. */
	position: absolute;
	left: 23px;
	top: 13em;
	width: 931px;
	z-index: 30;
}
	.sf #message-wrap { top: 13.1em;}
div#message-wrap div.message{ /* on page alerts */
	/*background: transparent url(../img/css/famicons/accept.png) 121px 1px no-repeat;*/
	color: #222;
	font-size: 1.1em;
	padding: 0 21px 6px 115px;
	position: relative;
	text-align: right;
	z-index: 31;
}
div#message-wrap div.long { /* on page alerts */
	text-align: left;
}

	#header-user{
			color: #fff;
			float: right;
			margin-right: 21px;
			padding-top: 10px;
			text-align: right;
			width: 600px;
			}

		#header-user a{
			color: #fff;
		}	
		.admin-user {
			background-color: #F23C39;
			padding: 2px;
		}
		
/* used for profile listings dl */
.profile, .profile dl {/*overflow: hidden;*/}
	/* .profile dd, .profile dt{display: block; float: left; width: 26%; font-weight: bold;}
		.profile dd {width: 73%; font-weight: normal;} */
		
	.vcard .org 			{ font-weight: bold;}
	.vcard .country-name 	{ position: absolute; left: -9999em;}
	#user-data dl 			{ overflow: visible; padding-top: 1em; }
	#user-data .widget dl	{ padding: 0 4px;}
		/* #user-data dl  dd, #user-data dl  dt{display: block; float: left; width: 37%; font-weight: bold;} 
		#user-data dl  dd {width: 58%; font-weight: normal;}
		#user-data dl dt{clear: both;}	*/
		
	#user-data dl dd 	{ margin-bottom: 1em;}
	#user-data dl dt	{ font-weight: bold;}		
	

	.profile-page #primary h2			{ margin-top: 1em;}
	.profile-page #primary .widget h2	{ margin-top: 0;}
	.profile-page #secondary img 		{ border: 4px solid #ccc; max-width: 180px;}

#sitemap 		{ list-style-type: none; margin: 0; padding: 0;}
#sitemap ul 	{ font-size: 9pt; line-height: 14pt; margin-bottom: 0; margin-left: 14px;}	
#sitemap>li		{ float:  left; font-size: 1.2em; list-style-type: none; padding:  1%; width: 18%;}	
#sitemap>li a 	{  }
#sitemap .clear { margin: 0; padding:  0; width: 1px;}

dl.events {margin: 1em 0;}
.events dt{
	font-weight: bold;
	margin-top: 1em;
}

ul.alphabet{
	list-style-type: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}
	ul.alphabet li {
		border-right: 1px solid #aaa;
		display: inline; 
		padding: 1px 7px 1px 4px;
		}
		ul.alphabet li:last-child{
			border-right: none;
		}

.loader, .loading{
	background: transparent url(/_resources/img/css/ajax-loader.gif) 50% 0 no-repeat;
	color: #444;
	margin: 2em auto;
	padding: 40px 0 0 0;
	text-align: center;
	width: 150px;
}

/*
	-------------------------------------- PRODUCT REQUESTS/MARKETPLACE ---- */
	
			
.request-page dl {overflow: hidden; margin: 1em 0;}
	.request-page dd, .request-page dt{display: block; float: left; width: 26%; font-weight: bold;}
	.request-page dd {width: 73%; font-weight: normal;}
	.request-page .request-RFP {margin-top: 1.5em;}
	.request-body {
		border: 1px solid #ddd;
		background-color: #fafafa;
		margin: 1em 0;
		overflow-x: auto;
		padding: 1em 1em 0 1em;
		width: 95%;
		}
		* html .request-body {padding-bottom: 1em;}
	#primary #requests {overflow: hidden;}
	#primary #requests .actions {float: right; width: 31%;}
	.request-list {
		border: 1px solid #ccc;
		padding: 1em;
	}
		* html .request-list { overflow: hidden; width: 100%; }
	.request-list ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.request-list li{
		border-bottom: 1px solid #ccc;
		padding: 1em .5em;
		position: relative;
		
	}
		* html .request-list li { zoom: 1; display: block; word-wrap: break-word; }
		.request-list li li {border: 0;}

	.request-list dt.title 				{ font-size: 1.2em;}
	.request-list .requester-name 		{ margin-bottom: 1em;}
	.request-list .requester-name a		{ text-decoration: none;}
	.request-list .description 			{ margin-bottom: .7em;}
	.request-list dt.request-end-date	{ font-weight: bold;}
	.request-list .request-end-date		{ display: inline;}
	.request-fulfilled	{ 
		background-color:#eee;
		border: 1px solid #ccc;
		font-size: 0.8em;
		padding: 0.3em;
		position: absolute;
		right: 10px;
		text-align: center;
		top: 1.4em;
		width: 6em;
	}
	h2.request-fulfilled { 
		background-color:#7AAB42;
		border: none;
		color:#FFFFFF;
		display:inline;
		font-size:1em;
		position: static;
		width:auto;
	 }
	/* .request-list p.sort {float: right; margin-top: -1em; text-align: right;} removed from html*/
	
	.request-page #request-search{border:  1px solid #ccc; margin: 2em 0; padding: 10px;}
	

	#add-product-request button{float: left; margin-right: 10px;}
	#pr-end-date {width: 6em;}
	.sorted-by {padding: .4em; margin: -1em -1em 0; border-bottom: 1px solid #e7e7e7;}
		.sorted-by span {font-weight: bold;}
	.requests-page .tabs li a:hover span {background-color: #00B0E5; }	


/*------------------------New Marketplace Stuff April 2010 --------------------*/

.page-marketplace #primary div.add-product-button-wrap {
	display: block;
	float: right;
	margin: 0 0 -4em 0;
	z-index: 222;
	}
		.page-marketplace .dropdown a.primary-action {
			display:block;
			float:none;
			overflow:hidden;
			text-align:center;
		}
	
	.page-marketplace #primary {
		width: 695px;
		margin-left: 261px;
	}
	.page-marketplace #secondary {
		padding: 7px 21px 0 0;
	}
		 .page-marketplace #secondary #facets ul {
			list-style-type: none;
			margin-left: 15px;
		}
	#marketplace-header{
		clear: both;
		float: left;
		margin: 0 0 13px 0;
		padding-bottom: 2em;
		position: relative;
		z-index: 30;
		width: 100%;
	}	
	#marketplace-header form{
		float: left;
		padding: 0 0 .4em 0;
		width: 100%;
	}
	#marketplace-header input{
		margin-bottom: 0;
		width: 43.2%;
	}
	#marketplace-header select { width: 100px; margin-left: 10px; margin-right: 1em;}

#marketplace-header label, #marketplace-header input, 
#marketplace-header select, #marketplace-header button { 
	clear: none; 
	float: left; 
	margin-bottom:0;
	}
#marketplace-header #marketplace-search-label {float: none;}

	#marketplace-header h3{ 
		float: left; 
		margin-top: 4px;
		width: 2.7em;
	}
	#marketplace-header div.add-product-button-wrap {
		margin: 0; /* different on this page because of the position of the link below it. */
		position: absolute;
		right: 0;
		z-index: 222;
	}
	
	.search-controls {clear: both;}
	
		.page-marketplace .search-controls {clear: both;}

	.page-marketplace table{
		clear: both;
	}
.title p {
	display: none;
}
.available td.type span, .wanted td.type span {
	background:  transparent url('/_resources/img/css/icon-marketplace.png') 0 0px no-repeat;
/* 	padding: 4px 4px 4px 26px; */
	display: block;
	height: 18px;
	margin: 0 auto;
	text-indent: -999em;
	width: 18px;
}
	.available td.type span {
		background:  transparent url('/_resources/img/css/icon-marketplace.png') 0 -49px no-repeat;
	}
	.page-marketplace .title p {
		display: none;
	}
/* 	.available .title a, .wanted .title a  {
		background:  transparent url('/_resources/img/css/icon-marketplace.png') 0 3px no-repeat;
		padding: 4px 4px 4px 26px;
	}
		.available .title a {
			background:  transparent url('/_resources/img/css/icon-marketplace.png') 0 -46px no-repeat;
		} */
		a.help-toggle { 
			float: right;
			margin-right: 3px;
			margin-top: -4em; /* gets inserted after the h1. this pulls it up. */
		}

.page-marketplace #my-posts {
	position: absolute;
	right: 0;
	top: 70px;
	z-index: 211;
}


/*---------------------------------- Navigation --------------------*/

ul#nav, ul.nav, ul.action, ul.actions, ul.admin-functions, .admin-page #secondary ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
	ul.nav li a	{display: block;} 		
	ul.nav li	{display: iitunline;}
	.admin-page #secondary ul { margin-bottom: 1.5em;}
/*
	* html ul.nav li a	{ display: block;}
	* html ul.nav li 	{ display: inline;}
	*+html ul.nav li a	{ display: block;}
	*+html ul.nav li 	{ display: inline;}
*/

	
	
#nav-wrap {
	/* background: #301b0c url('../img/css/bg-nav.gif') 0 0 repeat-x;	 */
    overflow: hidden;
	position: absolute;
	top:132px;
	left: 0;
	width: 100%;
	width: 960px;
	
}
	#nav-wrap #nav{
	/* 	background: transparent url('../img/css/temp-logo-bottom.jpg') 26px 0 no-repeat; */
		overflow: hidden;
		padding-left: 187px;
		position: relative;
	}
	#nav a, #nav li, #nav-admin a, #nav-admin li {
		color: #fff;
	    display: block;
		float: left;
		padding:0;
		text-decoration: none;
		width: auto;
	}
	#nav li, #nav-admin li{
		border-right: 1px solid #7b6a5b;
	}
	#nav a, #nav-admin a{
		font-size: 1em;
		line-height: 2.3;
		margin: 2px 0;
		padding:1px 13px 0;
		text-transform: uppercase;
	}
	.dashboard-page #nav .nav-dashboard,                  	
	.messages-page #nav .nav-messages, 
	.products-page #nav .nav-manage-products, 
	.requests-page #nav .nav-product-requests, 	
	.browse-page #nav .nav-browse,
	.blog #nav .nav-blog,
	#nav a:hover{ background-color: #d5cebe; color: #48362a; }

	#footer .nav-admin{display:  block;padding-top: 10px;}

	#nav-admin {
		position: absolute;
		top: 0;
		right: 0;
	}
	#nav-admin a{
		color: #371E0A;
	}
		#nav-admin li {
			position: relative;
		}
		#nav-admin li:last-child{
			border-right: none;
		}
		#nav-admin li ul {
			background-color: #fff;
			border: 1px solid #ddd;
			position: absolute;
			top: 2.5em;
			right: 0;
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: none;
			z-index: 51000;
		}
		#nav-admin li ul li{
			display: block;
			float: none;
			width: 200px;
		}
		#nav-admin li li a{
			display: block;
			line-height: 1;
			text-transform: none;
			padding: 4px 6px;
			width: 188px;
		}
		#nav-admin li a:hover{
			background-color: #371e0a;
			color: #fff;
		}
		#nav-admin li:hover ul {
			display: block;
		}
	
/* some default styles for collections of 'buttons' */
ul.actions{
	overflow: hidden;
	clear: left;
}
	ul.actions li{
		float: left;
		margin:3px 3px 3px 0;
		padding: 0;
		width: auto;
	}
	ul.actions li a, ul.actions li button, a.action, .confirm a{
		-moz-border-radius: 3px;
		-webkit-border-radius:3px;
		border-radius: 3px;
		border: 1px solid #ccc;
		color: #009FDB;
		padding: 3px 8px;
		width: auto;
		text-decoration: none;
	}
	.ff2 ul.actions li a, .ff2 ul.actions li button, .ff2 a.action, .ff2 .confirm a{
		-moz-border-radius: 0;
	}
	
	.actions a, ul.actions li button, a.action{
		background:transparent url('../img/css/famicons/add.png') 0 0 no-repeat; 
		background:  #fbfefd url('../img/css/bg-action-button.gif') left bottom repeat-x;
		
		display: block;
		float: left;
		margin-right: 4px;
		overflow: hidden;
	}
	
	ul.actions li button{ 
		padding: 4px 8px;
	}
	
	
	* html .actions a {white-space: nowrap; 	}
	* html ul.actions li button {line-height: 1.1; overflow: visible;}
		
	.actions li.active, .actions li a:hover, a.action { color: #000;}
	a.action:hover{color: #333 !important;}
	
	.widget ul.actions li 	{ border: none; font-size: .9em; }
	.widget ul.actions a	{ padding: 3px 6px;}
	.widget .action			{ font-size: .9em;}
	.widget .actions .action{ font-size: 100%;}
	.widget .footer-action	{ display: block; padding: 1em 0 0 8px;}
	
	.dashboard-page .main table ul.actions 	{margin: 0;}
	
	.messages-page ul.actions a {float: none;}
	
	.confirm a {
		float: left;
		font-size: 1.2em;
		margin-right: 15px;
		text-align: center;
		width: 6em;
		}
		.confirm p 	{
			clear:  both;
			width: 100%;
		}
		.confirm p a{
			background-color: transparent;
			border: 0;
			clear: both;
			display: inline;
			float: none;
			padding: 0;
			text-decoration: underline;			
		}
	#secondary ul.actions { margin: 0 0 2em 0;}
	#secondary ul.actions li{
			float: none;
			margin: .4em 0;
			width: 60%;
		}
		
	/*
		admin actions
	*/	
	div.actions ul {
		margin: 1.5em 0;
		overflow: hidden;
		padding: 0; 
		list-style-type: none;
		}
	div.actions a {
		background-color:#fff;
		border: 1px solid #ccc;
		display: block;
		float: left;
		font-size: .9em;
		margin-right: 4px;
		padding: 2px 4px;
		text-align: center;	
		text-decoration: none;
		width:110px;
		}
		div.actions a:hover{background-color: #ddd;}
	 .admin-page div.actions li 	{ display: inline;}	
	.admin-page td.actions a{
		background:transparent url('../img/css/famicons/add.png') 50% 50% no-repeat;
		border-color: #ddd;
		padding: 2px;
		display: block;
		float: left;
		height: 16px;
		margin-right: 4px;
		overflow: hidden;
		text-indent: -9999em;
		width: 16px;	
	}
		.admin-page td.actions a:hover{background-color: #ddd;}
		td.actions a.view		{ background-image: url('../img/css/famicons/zoom.png');}
		td.actions a.moveup 	{ background-image: url('../img/css/famicons/arrow_up.png');}
		td.actions a.movedown 	{ background-image: url('../img/css/famicons/arrow_down.png');}
		td.actions a.edit		{ background-image: url('../img/css/famicons/cog_edit.png');}
		td.actions a.delete		{ background-image: url('../img/css/famicons/delete.png');}
		td.actions a.manage		{ background-image: url('../img/css/famicons/page_white_paste.png');}
		td.actions a.viewprofile{ background-image: url('../img/css/famicons/user_go.png');}
		td.actions a.acrobat	{ background-image: url('../img/css/famicons/page_white_acrobat.png');}
		td.actions a.reorder	{ background-image: url('../img/css/famicons/table_sort.png');}

		.admin-page #secondary .actions li{width: 100%;}
		.admin-page #secondary li ul{margin-left: 2em;}


		.report-profile-views div.widget {
			float: left;
			width: 300px;
			clear: none;
			margin: 0 20px 20px 0;
		}

	.admin-page div.noedit span {
		margin-left: 0.5em;
	}


/* 	.actions a.view	{background-image: url('../img/css/famicons/zoom.png');}
	.actions a.moveup {background-image: url('../img/css/famicons/arrow_up.png');}
	.actions a.movedown {background-image: url('../img/css/famicons/arrow_down.png');}
	.actions a.edit	{background-image: url('../img/css/famicons/cog_edit.png');}
	.actions a.delete	{background-image: url('../img/css/famicons/delete.png');}
 */

	

	.products-page #secondary .product-list .actions a{
		background-color: transparent;
		border: 0 none;
		height: 16px;
		padding: 0;
		width: 16px;
		text-indent: -9999em;	
	}
	.add-products-page #secondary li ul.actions {
		margin:0 4px 0 0;
		display: block;
		}
	.add-products-page #secondary .actions li{
		float: left;
		width: auto;
		margin: 0;
		padding: 0;
	}
	.add-products-page #secondary .actions .edit		{ background-image: url('../img/css/famicons/cog_edit.png');}
	.add-products-page #secondary .actions .delete		{ background-image: url('../img/css/famicons/delete.png');}
	.add-products-page #secondary .actions .add-fresh	{ background-image: url('../img/css/famicons/add.png');}
	
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

.paging * {display: inline-block; display: inline;}  /* display: inline added for ECOT-290 */
/*.paging * {display:  block; float: left; width: 1em;}	
*/
	.paging ul 	{ margin: 0 5px 0 0; padding: 0;}
	.paging .paging-numbers {padding-top: 4px;}
	.paging .paging-numbers span, .paging .paging-numbers a{display: inline;}
	.paging .disabled {padding: 3px 5px; display: none;}

	* html .paging		{ overflow: hidden;}
	* html .paging li	{ float: left; white-space: nowrap; width: 8em;}
	* html .message-list .paging li	{ width: auto;}
	
	p.paginator {margin: 1em 0; font-size: .8em;}
	


/*----------------------------------- Tables -------------------------*/

table.listing {width: 100%;}
td{ padding-left: 8px;}
th{
	background-color: #fff;
	border-right: 1px solid #666;
	color: #fff;
	font-size: 1.3em;
	padding: 2px;
	text-decoration: none;
}	
.page-marketplace th { font-size: 1.1em;}
	
	th span{
		background: #689136 url('../img/css/bg-header-widget.gif') 0 0 repeat-x;
		display: block;
		padding: 4px 8px;
		position: relative;
	}
	
	th span a, th span a:visited{
		color: #fff;
		text-decoration: none;
	}
	th a, th a:visited {color: #fff;}
	th.header{cursor: pointer;}

.admin-page table{width: 100%;}
	.admin-page th{
		background: #689136 url('../img/css/bg-header-widget.gif') 0 0 repeat-x;
		font-size: 1.1em;
		padding: 6px 4px;
	}
thead					{ border: 1px solid #ccc;}
tr.altrow td, .altrow 	{ background-color: #f4f4f4;}
th.headerSortUp, th.headerSortDown, th.headerSortUp span, th.headerSortDown span	{ position: relative;}
th span span {
	padding: 0;
}
th.header a, .page-marketplace thead a{
	padding-right: 5px;
}
thead th span.sorter {
	background:  transparent url('../img/css/arrow_down.png') 5px 5px no-repeat;
	display: block;
	position: absolute;
	right: 0px;
	top: .4em;
	height: 16px;
	padding: 0;
	width: 16px;
	
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
}
th.headerSortUp span.sorter, th.headerSortDown span.sorter {
	background:  transparent url('../img/css/arrow_up.png') 5px 5px no-repeat;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
	th.headerSortDown span.sorter {
		background:  transparent url('../img/css/arrow_down.png') 5px 5px no-repeat;
		filter:alpha(opacity=100);
	}
	
	
	
.widget table{width: 98%;}
	.widget th{
		border: medium none;
		color: #666666;
		font-size: 1em;
		padding-left: 0.5em;
		text-align: left;
	}
	.widget thead{border: none;}
	.widget td {border-width: 1px 0; }
		

table.harvest-plan{
	margin-bottom: 2em;
	}
	.harvest-plan th{
		font-size: 1em;
		font-weight: normal;
	}
	.harvest-plan td.yes, .harvest-plan td.no	{	text-indent: -9999em; font-size: .1em;} /* font-size is a horrible hack to make safari behave. sets the cell width based on the size of the text - even if hidden */
	.harvest-plan td.yes	{ background: transparent url(../img/css/famicons/accept.png) 50% 50% no-repeat;}
	.harvest-plan tbody th	{
		border: 1px solid #ccc;
		border-width: 0 0 1px 1px;
		width: 13%;
	}
		.harvest-plan tbody th span{
			background-color: #d9dddc;
			background-image: none;
			color: #333;
		}
	.harvest-plan tbody td{
		width: 5%;
	}
	.harvest-plan tbody th span{
		min-height: 1.4em;
	}
	.harvest-plan th.product-name-header{
		width: 25%;
	}
	
div.po	{} /*message center po*/
	.po td, .po th {border: 1px solid #ccc;}
	.po th{text-align: left; font-size: 1.1em; color: #444;}
	.po tfoot th {text-align: right;}
	
/* 
	For AJAX login box
------------------------------------------------- */
#login-wrap{
	background-color: #fafafa;
	border: 3px solid #fff;
	position: absolute;
	right: 10%;
	top: 2.5em;
	width: 240px;
	z-index: 10000;
}
	#login-wrap fieldset{
		border: 5px solid #79A943;
		padding: 10px;
	}
	#login-wrap input {
		padding:  3px 1px;
		width: 98%;
	}
	#login-wrap a.button, #login-wrap button {
		float: left;
		margin-right: 6px;
	}
	
		
/* 
	Home Page
------------------------------------------------- */

.home-page h1{
	background-image: none;
	float: left;
	padding-top: 20px;
	width: 550px;
}
	.ie6 .home-page h1 {margin-left: 9px;}	
	.home-page #primary{
		border: none;
		float; left;
		min-height: 175px;
		width: 550px;
	}
	.home-page #secondary{
		position: absolute;
		right: 0;
		top: 0;
		width: 300px;
	}
	.home-page #content button{
		float: left;
		margin-right: 10px;
		overflow: visible; /*um, hi ie6.*/
	}
	*+html .home-page #content button:focus{
		border: 1px solid #cccccc;
	}
	.home-page div.lead{
		width: 550px;
		margin-left: 0;
	}
	.home-page .widget h4.error{
		font-size: 1.1em;
		margin: 0;
		padding: 0;
	}

/* 
	Dashboard
------------------------------------------------- */

#dashboard{
	clear: both;
	overflow: hidden;
}
	.dashboard-page #primary .col  {
		background-color: transparent;
		float: left; 
		min-height: 2em;
		margin-right:20px; 
		padding:0; 
		width: 294px; 
	}
	.dashboard-page #primary div.last{
		margin-right: 0;
	}
	.dashboard-page .ui-widget-content a {color: #222244;}

	.dashboard-page #my-contacts  a.send-message{
		background:transparent url('/_resources/img/css/famicons/email_go.png') 0 0 no-repeat;
		border: none;
		display: inline-block;
		height: 16px;
		margin-left: 10px;
		width: 16px;
		text-indent:-9999em;
	}

	.dashboard-page fieldset {
		margin-top: 5px;
	}
	
	.ff2 .dashboard-page #my-contacts li a 				{ display: block; float: left; clear: left; }
	.ff2 .dashboard-page #my-contacts li a.send-message	{ clear: none; }
	.ff2 .dashboard-page #my-contacts li 				{ overflow: hidden; }
	
	.js-on .dashboard-page .widget h2 span {
		background:  transparent url('../img/css/famicons/bullet_arrow_down.png') 50% 50% no-repeat;
		cursor: pointer;
		display: block;
		float: right;
		height: 1.3em;
		width: 1em;
	}
		.js-on .dashboard-page .closed h2 span{
			background-image:   url('../img/css/famicons/bullet_arrow_up.png');
		}
		.js-on .dashboard-page .closed h2	{margin-bottom: 0;}
		.js-on .dashboard-page .closed 		{padding-bottom: 3px;}
	#percent-complete h3	{ font-size: 1.1em; clear: left; }	
	#percent-complete p 	{ margin-top: 4px; }
	#completed-bar{
		background-color: #ccc;
		display: block;
		width: 100%;
	}
	#completed-bar span{
		background-color: #6D9A3B;
		background: #0E586B url(../img/css/bg-blue-gradient.png) left bottom repeat-x;
		color: #fff;
		display: block;
		margin-right: 8px;
		font-size: .8em;
		padding: 3px 0;
		text-align: right;
		text-indent: -1em;
		width: 1%;
	}
	
	#primary #dashboard .widget li:last-child {
		border: none;
	}
	
	#dashboard #saved-searches li {
		border-bottom: 1px solid #ccc;
		padding: 6px 90px 7px 0;
		position: relative;
	}
	#dashboard #saved-searches li a.action{
		color: #009FDB;
		position: absolute;
		right: 3px;
		top: 3px;
	}
	
/* 
	..Message Center..
------------------------------------------------- */
	
.message-list {
	width: 100%;
	float: left;
	}
	.send-reply .contact-list-toggle {display: none;}
	
	.message-list td 				{ padding:6px 8px;}
	.message-list tbody tr:hover td { background-color: #ccc; cursor: pointer;}
	.message-list tr.unread td 		{ background-color: #E6F5FC; font-weight: bold;}
	.message-list tr.unread:hover td{ background-color: #ccc;}
	.message-list tfoot td 			{ background-color: #BBC4C1; border: none;}
	.message-list tfoot p 			{ float: right; margin:0 10px 0 0; padding:6px 0 0 0;}
	.message-list tfoot .actions 	{ float: right; padding-top: 2px; }
	.message-list th 				{ text-align: left; /*position: relative;*/}
	.message-list th.check 			{ width: 30px; }


	#messages-form .bottom	{ /* bottom buttons */ 
		float:left;
		font-size:0.9em;
		margin-top:-2.7em;
		width:50%;
		}
	#messages-form .bottom li{
		overflow: visible;
	}
	.ie7 #messages-form .bottom button{ padding: 2px;}
	
	.message-list th.check span { text-indent: -999em; width: auto;}
	.ie6 .message-list th.check span		{ zoom: 1; display: block; position: relative; }
	.ie7 .message-list th.check	{ width: 35px; }
	.ie6 .message-list th.check	{ float: none; background-color: #0dd; position: relative; }
	
	.message-list label { position: absolute; left: -9999em;}
	.message-list input { margin: 0 auto;	padding: 0; width: 10px; }
	tr.height-hack{	height: 190px;}
	.message-list tr.height-hack:hover td{ background-color: #fff !important; cursor: default ;}
	#messages .message-list .message-select input { border: none; width: 13px;}
	

	.message-navigation {
		clear: left;
		float: left;
		margin-top: 3em;
		margin-right: 14px;
		width: 100px;
		}
		* html .message-navigation {  margin-right: -7px;} /* oi.*/
		.message-navigation .actions li{
			display: block;
			float: none;
			padding-right: 15px;
			width: 100%;
		}
		.message-navigation .actions a{
			background-image: none;
			border-width: 0 0 1px 0;
			font-size: 1em;
			line-height: 1.4;
			padding-left: 6%;
			width:90%;
		}
		.Inbox-page .msg-inbox, .Archived-page .msg-archived, .Sent-page .msg-sent, .Drafts-page .msg-drafts,
		.Deleted-page .msg-deleted{color: #000;}
		
		
	div.compose, div.contact-list, div#message {
		background-color: #eee;
		border: 1px solid #999;
		clear: both;
		height: 95.35%;
		left: 0; 
		overflow: hidden;
		padding: 1em;
		position: relative;
		top: 0;
		width: 95%;
	}
	div.contact-list div.contact-list { border: 0; width: 100%; } /* ajax loads the div.contact-list inside another div.contact-list . */
	
	.messages-index-page div.compose, 
	.messages-index-page div.contact-list, 
	.messages-index-page div#message{ /* ajax loaded views*/
		position: absolute;
		width: 97%;
	}
		div.compose legend {font-size: 1.5em; padding-bottom: 1em;}
		div.compose textarea {height: 200px;}
		div.compose select {width: 120px;}
		
		/* for ajaxy compose */
		.main div.compose	{height: 34.45em; z-index: 60;}
		
		#MessageComposeForm { position: relative;}
		
		#message dl{font-size: 1.2em;}
		#message dt {
			clear: left;
			float: left;
			font-weight: bold;
			margin-right: .3em;
			text-align: right; 
			width: 6em;
			}
		#message dd {margin-left: 6em;}
		#message .message-content{
			clear: both;
			background-color: #fff;
			border: 1px solid #ccc;
			border-top: 1px solid #333;
			margin: 1em 0 0 0;
			overflow: auto;
			
			padding: 1% 2%;
			width: 95%;
		}
		#message .actions{ float: right; width: 50%;}
		#message .actions li{ /*reply, archive, delete*/
			float: right;
			margin-right: 10px;
			text-align: center;
			width: 6em;
		}
		.message-type a{
			background-image: none;
		}
		
	div#contact-list {
		background-color: #eee;
		z-index: 90;
	}	
	* html #primary #contact-list {height: 400px !important; /* zoom: 1; */ ;} 
		.contact-list .contacts-wrap{
			height: 92%;
			overflow:auto;
			width: 97%;
		}
		/* blind bug fix. test me! */
		.ie6 .contact-list .contacts-wrap, .ie7 .contact-list .contacts-wrap{
			overflow-y: scroll;
			position: relative;
			width: 99%;
		}
		
		div.contact-list ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}	
		div.contact-list li{
			position: relative;	
			}
			div.contact-list .contact-actions { position: absolute; bottom: 3px; right: -2px;}	
		.contact-list li.contact {
			background-color: #fff;
			border: 1px solid #ccc;
			float: left;
			height: 7em;
			margin: 0 1% 1% 0;
			padding: 1%;
			width: 30%;
		}	
		.ie6 .contact-list li.contact, .ie7 .contact-list li.contact { width: 29%;}
		
		li.contact .name{font-size: 1.3em;}
		li.contact .image{
			float: left;
			margin: 0 5px 5px 0;
		}
		/* div.contact-list a {display: block; float: left; width: auto;} */
		div.contact-list .actions { 
			clear: none; 
			display: block; 
			float: left;
			overflow: visible;
			}
		div.contact-list .actions li{
			border: none;
			font-size: 90%;
			padding: 0;
		}	
	#messages{
		clear: both;
		overflow: hidden;
		position: relative;
		min-height: 410px; /* the new and contact list windows are set to a height of this window so we have to make room. */
	}	
	#messages .main{
		background-color: #BBC4C1;
		float: left;
		min-height: 250px;
		padding: 4px;
		position: relative;
		width: 811px;
		}
		/** html #messages .main { width: 797px;}*/
	.control-panel {
		margin:0 0 .5em 114px;
		overflow: hidden;
		position: relative;
	}
	.control-panel ul.actions{
		overflow: visible;
		}
	/*	#messages .bottom	{ margin-left: 114px;}	*/			
	
	.compose-toggle		{ position: relative;}	
		.message-type{
			background-color: #444;
			left: 0;
			position: absolute;
			top: 1.8em;
			width: 140px;
			margin: 0;
			padding: 0;
			z-index: 1;
		}	
		ul.message-type li{
			display: block; 
			float: none;
			margin: 0;
		}
		li .message-type li a, .message-type li a{
			background-color: #444;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
			border: none;
			color: #eee;
			display: block;
			text-decoration: none;
			width: 130px;
		}
		
.compose a.action {
	background-color: #ccc;
	background-position: 2px center;
	color: #333;
	float: left;
	margin-left: 10px;
	text-align: center;
	text-indent: 0;
	width: 60px;
}
	.message-to-wrap a.action	{	width: 5.5em;}/* contact list toggle*/
		.compose a.action:hover	{ background-color: #fff;}
	.compose button				{ float: left; }
	.compose #send-btn			{ position: absolute; top: 3.4em; left: 0;}
	.compose #send-btn span		{ font-size:1.4em; padding:9px 11px;}				
	.compose .actions			{ clear: none; float: left; margin: 0;  /*margin: -5em 2em 0 0;*/} /* save + cancel*/
	.compose .actions li		{ margin-top: 0; }
	.compose .primary-action	{ float: right; margin-right: 5px;}
	.compose button span		{ padding: 3px 21px; }
	.compose label				{ font-weight: bold; float: left; text-align: right; width: 20%;}
	.compose input, #messages textarea{
		float: left;
		width: 88%;
	}
	.compose .message-types-wrap label	{ margin-left:10%; text-align:left; width:11em;}
	.compose .message-type-wrap label	{ margin-top: -4px; margin-right: 1em;}
	.compose .message-to-wrap input		{ width: 60%;}	
	.compose .alert						{ float: right;}
	.compose .rte-wrap label			{ position: absolute;left: -999em;}	
		* html .compose .message-to-wrap{ width: 73%; float: left;}
	
	
	/* ajaxy compose */
	#messages #compose input { width: 55%;	}
	#messages #compose label { width: 20%;	}
	#messages #compose li div.textarea label	{ position: absolute; left: -9999em;}
	#messages #compose #MessageMessageWidgContainer {clear: both;}
	
	* html #messages #compose input { width: 420px;	}
	* html #messages #compose label { width: 155px;	}
	* html #messages #compose .message-to-wrap { width: 95%;	}
	
	

/* generic block.  mostly on the dashboard and sidebars*/
.widget {
	background-color: #fff;
	border: 5px solid #bec4c2;
	clear: both;
	margin: 0 0 1em 0;
	overflow: hidden;
	padding: 3px 3px 14px 3px;
	position: relative;
	}	
	* html .widget {zoom: 1;}
	/* #dashboard .widget .content {
			max-height: 15em;
			overflow: auto;
		} */
	#secondary .widget {padding-bottom: 3px;}
	.widget h2{
		background: #689136 url('../img/css/bg-header-widget.gif') 0 0 repeat-x;
		color: #fff;
		font-size: 1.3em;
		margin: 0 0 .5em 0;
		padding: 6px 8px;
		}
		#subscribe-widget h2{
			background: #0E586B url(../img/css/bg-blue-gradient.png) left bottom repeat-x;
			
		}
	.widget ul{
		list-style-type: none;
		margin: 0;
	}
	.widget ul, .widget form, .widget p, .widget h3, .widget ol {
		padding: 0 8px;
	}
	.widget ul.actions 	{ margin-top: 1em;} 
	.widget a			{ text-decoration: none;}
	.widget h3			{ color: #000; padding-top: .5em; }
	.widget li			{ padding: .3em 0; line-height: 1.2;	}			
	.widget #products h3		{ padding-top: 0; clear: both;}
	.widget #products div 		{ overflow: hidden; padding-bottom: 1em;}
	.widget #prorducts .actions { margin-top: 0;}
	.widget .second-header		{ padding-top: 1.5em;}
	.resources-sidebar .nav li	{ display: block; margin-bottom: .5em; }
	
.products-page .product-list {
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom-width: 0;
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 0;
	clear: left;
}
	#product-list-wrap h2 {color: #333;}
	.js-on #product-list-wrap h2{display: none;}
	
	.products-page .product-list li{
		border-bottom: 1px solid #ccc;
		display: block;
		list-style-type: none;
		overflow: hidden;
		padding: 15px;
		position: relative;
	}
		* html .products-page .product-list li		{ padding-top: 8px; zoom: 1;}
		
		.products-page .product-list li.no-results 	{font-size: 1.5em;}
		.products-page .product-list a.product-name	{
			float: left;
			font-size: 1.6em;
			text-decoration: none;
			width: 56%;
			}
		.products-page .product-list .actions li{
			border-bottom: 0;
			margin-right: 7px;
			margin-top: 1em;
			padding: 0;
		}
		.products-page .actions li a{
			color: #222;
			font-size: 1em;
			padding: 1px 12px;
			text-indent: 0;
		}
		
	.products-page .actions .btn-fresh		{ width: 7em; text-align: center;	}
	.products-page .actions .fresh			{ border-color: #3c3;}
	.products-page  li.available			{ } /* parent li */	
	.products-page #secondary .actions		{ margin-bottom: 0; display: none;}
	.js-on .products-page #secondary .actions{ display: block;}
	.products-page #secondary .actions li	{ width: 95%;}
	.add-products-page #primary .actions 	{ margin-top: 0;}	
	.add-products-page #secondary .actions li	{ width: 16px;}
	.products-page #secondary .actions li a { margin-bottom: 4px; width: 100%; padding: 4px; text-align: center;}
	.products-page .product-list .actions 	{ float: right; }
	/* .products-page .product-list label		{font-size: .8em; float: left; width: 30%;}
		.products-page .product-list button		{clear: both; float: right;} */
	
	.products-page #secondary .widget 		{ margin-top:2em;}	
	.add-products-page #secondary .widget 	{ margin-top:0;}	
	
	.products-page #secondary .product-list	{ margin-bottom: 1em; border: 0;}
	.products-page #secondary .product-list li, .dashboard-page .product-list li{
		border-bottom: 1px solid #ccc;
		font-size: 1em;
		list-style-type: none;
		padding: 5px 40px 2px 8px;
		position: relative;
		margin: 0;
		overflow: hidden;
	}
		 .dashboard-page .product-list li	{ padding:5px 90px 6px 0px;}
		.widget li.no-results{
			color: #666;
			font-size: .9em;
			list-style-type: none;
		}
		
	.products-page #secondary .product-list .actions li, .dashboard-page .product-list .actions li{
		border-bottom: 0;
		/*font-size: 50%;*/
		margin-right: 3px;
		padding: 0;
		width: 16px;
	}
		.dashboard-page .product-list .actions li{/*font-size: 72%;*/width: auto; margin: 0 0 4px 2px ;}
		.products-page #secondary.product-list a{ text-decoration: none;}
	
	#wrapper .product-list .actions	{ /*dashboard and add-products sidebar*/
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;
		position: absolute;
		right: -4px;
		top: 3px;
	}
		.products-page .product-list .fresh .actions a 	{ color: #000;}
		.products-page #secondary .product-list .fresh 	{ background-color: #fff;}
	
	.products-page #secondary .primary-action {
		margin-bottom: 0;
		overflow: hidden;
		}
		/* this one isn't really a button so we don't want the normal hover */
		.products-page #secondary .primary-action:hover span {background: #00A2E3 url(../img/css/bg-button.png) repeat-x left top; cursor: default; }
		#primary .dropdown .primary-action span, #secondary .dropdown .primary-action span{
			float: left;
			padding: 10px 2px;
			width: 85%;
		}
		
		body #primary .primary-action span.dropdown, body #secondary .primary-action span.dropdown {
			background: transparent url(../img/css/icon-down-arrow.png) 0 0 no-repeat;
			border-left: 1px solid #00A2E3;
			float: left;
			padding: 10px 1px;
			text-indent: -999em;
			width: 11%;
		}
			.products-page #secondary .add-product-button-wrap:hover .primary-action span.dropdown{
				background: transparent url(../img/css/icon-down-arrow.png) 0 -43px no-repeat; 
				}
			

	.add-product-button-wrap {
			position: relative;
			float: left;
			z-index: 10;
			
			margin-bottom: 1em;
			width: 188px;
			}	
		.add-product-type{
			background-color: #fff;
			border: 1px solid #ccc;
			
			list-style-type: none;
			margin: 0;
			overflow: hidden;
			padding: 3px 1px;
		
			position: absolute;
			top: 0;
			left: 0;
			width: 184px;
			z-index: 100;
		
		}	
		.js-on .add-product-type{top: 3.7em; border-top-width: 0; padding: 1px;} 


		.add-product-type a{
			background-color: #008AC1;		
			border-bottom: 1px solid #fff;
			color: #fff;
			display: block;
			margin: 0 3px;
			padding: 5px 3px;
			text-align: center;
			text-decoration: none;
			zoom: 1;
		}
			.add-product-type a:hover{
				background: #00A2E3 url(../img/css/bg-button.png) left top repeat-x ;
			}
		
		h3 a.add{ /* little add new product link next to titles in secondary product list. */
			font-size: .7em;
			text-decoration: none;
		}
		

#add-product-page{}
	#add-product-find{font-size: 130%;}
	#add-product-find input, #add-product-find button{float: left; margin-right: 5px;}
	#add-product-find input {color: #888888;}
	#add-product-find input:focus, #add-product-find input.focus 	{ color: #222; }
		.ie6 #add-product-find input, .ie7 #add-product-find input 	{ color: #222; }
	#add-product-find button {font-size: 80%;}
	#add-product-find h2 {font-size: 1.1em;}
	#add-product-find #ac-help { font-size: .8em; margin: 0;}
	.instructions{
		background-color: #eee;
		padding: 8px;
	}
	#form-product-attributes fieldset fieldset{
		background-color: #f7f7f7;
		border: 1px solid #ccc;
		clear: both;
		margin-bottom: 1em;
		padding: 6px;
	}
		* html #form-product-attributes fieldset fieldset { background-color: #fff; border: 2px solid #7AAA42; }
		*+html #form-product-attributes fieldset fieldset { background-color: #fff; border: 2px solid #7AAA42; padding-bottom: 1em; }
		
	#form-product-attributes fieldset fieldset fieldset{
		background-color: #fff;
		border: 1px solid #ccc;
		margin-bottom: 1em;
		padding: 6px;
	}
	#form-product-attributes fieldset fieldset legend{
		font-size: 1.8em;
		}
	#form-product-attributes fieldset fieldset fieldset legend{
		font-size: 1.3em;
		}			
	#form-product-attributes .check-radio-wrap .other input{
		display: block; 
		margin-top: -2px;
		width: 90%;
		}

	#product-title{
		color: #463120; 
		font-size: 1.3em;
		margin: 9px 0 0 0;
		padding: 0 0 12px 3px;
	}
	#product-title span.product-name, .admin-page span.product-name{font-weight: bold; font-size: 100%; display: inline;}

	/* attribute copy select box and loading message */
	#attributes-copy 	{ float: left;}		
	.temp-message		{ float: left; color: #633; margin-left: 10px; font-style: italic;}
	.copy-atts-help		{ float: left; padding: 4px 0 0 4px; }
/*----------------------------------- Forms -------------------------*/

form ul {
    list-style-type: none;
	margin: 0;
}
.widget form ul {margin: 0; padding: 0;}

form li {
    margin-bottom: 1em;
	overflow: hidden;
}
div.input {clear: both;}
input, select, textarea, label, button {
	font-family: Arial, Helvetica, sans-serif;
    display: block;
	border-color: #ccc;
	padding: 3px 2px;
}
input[type="submit"]		{cursor: pointer; width: auto;}
input, textarea 			{width: 50%; font: 1em arial, san-serif; margin-bottom: 1em}
input:focus, textarea:focus	{border: 1px solid #7CAB43;}
select 		{margin-bottom: 1em;}
textarea 	{width: 75%;}
label		{clear: left;}
	label.charactersremaining		{ margin: -1.2em 0 1em 0;	text-align: right;	width: 75%;}
		* html label.charactersremaining { margin-top:0; position: relative; top: -1.1em; }
		*+html label.charactersremaining { margin-top:0; position: relative; top: -1.1em; }
	.js-on label.charactersremaining span 	{ border: 1px solid #ccc; border-top: 0; padding: 2px; }
	label.charactersremaining em	{ font-style: normal;}
	
	label abbr {color: #c00;}
	
	li input, li textarea {
		margin-bottom: 0;
	}
	#secondary input, .widget input, .widget textarea, #messages input, #messages textarea {
		width: 90%;
	}
	#messages input, #messages textarea{
		width: 80%;
	}

label span.help, label.help, p.help {
	display: block;
	color: #777;
	font-style: italic;
}
	label.help{
		margin: -1em 0 1em 0;
	}
	.help em{font-weight: bold;}
	* html p.help {clear: both;}
button, form a.button{
	background-color: #fff;
	border: 1px solid #ccc;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	padding: 2px;	
	}
	button::-moz-focus-inner {padding:0; border:none;}

	button span, form a.button span, input[type="submit"] {
		background:  #00A2E3 url('../img/css/bg-button.png') left top repeat-x;
		display: block;
		padding: 4px;
		/* weird horizontal space on either side of the span. for ff.  
		margin-left: -1px;
		margin-right: -1px; */
		position: relative;
		text-align: center;
		color: #fff;
		white-space: nowrap;	
	}
		form a.button		{ padding: 2px;}
		form a.button span	{ margin: 0; padding: 3px;}
	.ie6  button  			{ padding: 1px 1px 0 1px; line-height: 1.2; }
	.ie6 button span		{ background:  #00A2E3 url('../img/css/bg-button.png') left top repeat-x; display: block; margin-bottom: -1px; padding: 4px; }
	*+html button  			{ padding: 1px 1px 0 1px; line-height: 1.2;}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari and Google Chrome only - fix margins */
		button {
			/*padding: 1px 0; fixes chrome, breaks safari 4 mac. :( */ 
		}
		button span {

		}
	}
	
	button:hover span, button.over span, form a.button:hover span{
		background-color: #008AC1;
		background-image: none;
	}
	
#wrapper input[type=hidden] { /* hide from FF */    border: none;	position: absolute;	left: -9999em;}

.search input {float: left; font-size: 1.3em; margin-right: 10px;}

/*
#form-paypal-subscribe {	
	width: 13em;
	padding:1em 8px 0 8px;
}
*/
	
	#message-wrap #form-paypal-subscribe{
		float: right;
		margin-right: 1em;
	}
	.ie6 #message-wrap #form-paypal-subscribe, .ie7 #message-wrap #form-paypal-subscribe{
		margin-right: 4em;
	}

	#secondary #form-paypal-donate input { width: 100%; padding: 10px 0; font-size: 1.3em;}
/*	not used.
	
	for selects with an "other", this is tied to some JS that reveals a text input. default form styles
	makes them appear disconnected.
	
	if it gets introduced to the page via the select thingy these can tie it together

	div.other input{margin-top: -.8em;  border: 1px solid #29C8EF;}
		select.other-selected {border: 1px solid #29C8EF;}
	
*/

div.focused { border: 1px solid #ccc; padding: 2px;}
div.error, li.error{ color: #c00;}
.error input, .error textarea, .error select{ border: 1px solid #c00;}
.error #tos-wrap	{ border: 1px solid #c00;}	
.error #tos-wrap * 	{ color: #333;}
#ProductRequestAddForm .error-message { margin-top: -3px; margin-bottom: 10px; }


#select-fresh 					{ border: 1px solid #ccc; padding: 1em;} 
	#select-fresh label 		{ width: 45%; float: left; clear: none; margin: 0;}
	#select-fresh input			{ margin-bottom: .3em; }
	#select-fresh legend		{ font-size: 1.5em;}
	#select-fresh button 		{ float:  left; margin-right: .5em; }
	#select-fresh button span	{ padding: 3px 21px; }
	.ie #select-fresh button	{ clear: both;}


input[type=checkbox]{ border: none; }	
.checkradio input, .check-radio-wrap input {
	border: none; 
	display: inline; 
	margin-right: 3px; 
	width: 13px; 

	/*height + padding is for opera 9.*/
	height: 13px; 
	padding: 0; 
} 
	.checkradio .radio input, .checkradio .radio label{
		float: left;	
		margin-top: 10px;
	}
		.checkradio .radio label{
			clear: none;
			padding: 0;
			width: 5em;
		}

/*.check-radio-wrap input {margin: 0 3px 0 -18px;}*/
li.checkradio legend {
	font-size: 1em;
}
.check-radio-wrap label, .check-radio-wrap .other{
	float: left;
	margin: 0 2% 1em 0;
	/*padding: 0 0 0 18px;*/
	width: 47%;
}	
	.checkradio div.checkbox{
		float: left;
		width: 33%;
	}
	.admin-page .check-radio-wrap {margin-bottom: 1.4em;}
	.admin-page .check-radio-wrap label, .admin-page .check-radio-wrap .other{
		float: left;
		margin-right: 2%;
		padding: 0;
		width: 46%;
	}
	#form-product-attributes .check-radio-wrap label, 
	#form-product-attributes .check-radio-wrap .other,
	#form-product-attributes .check-radio-wrap li
	{
		clear: none;
		float: left;
		margin:0 1% 1em 0;
		padding: 0;
		width: 23.8%;
	}
	#form-product-attributes .check-radio-wrap input{margin-bottom: 0;}
		/* .checkbox is cakes version of the above but it doesn't wrap the input in the label. let's get special.*/
		.checkbox label{
			clear: none;
			float: left;
			width: 90%;
		}
		.checkbox input{
			clear: left;
			float: left;
			margin-top: 1px; /* set to 1 for profile form. input wrapped in label*/
			width: 13px;
		}
			* html .checkbox input {margin-top: 0; border: none;}
	#form-product-attributes button{float: left; margin-right: 1em;}	
form dl {margin-bottom: 3em;}

	form dt{
		background-color: #ddd;
		font-weight: bold;
		margin-top: .4em;
		padding: 1px 4px;
		}

	form dd{
		margin-bottom: 1em;
		background-color: #eee;
		border: 1px solid #ccc;
		border-top: none;
		padding: 4px;
		}
#header form{
	position: absolute;
	right: 0;
	top: 70px;
	top: 101px;
	top: 89px;
	width: 30em;
	z-index: 5; /* for text expansion*/
	}
	.js-on #header form {margin-top: 0;}
	#header form input {
		border-color: #888;
		color: #888;
		float: left; 
		font-size: 1.2em;
		margin-right: 5px; 
		margin-bottom: 0;
		padding: 5px; 
		width: 310px;
		width: 20em;
		}
	#header form input:focus, #header form input.focus {color: #222;}		
	#header form button{
		font-size: 1em; 
		width: 4.5em;
		}
	#search-terms input {margin-right: 5px; padding: 5px; }
	
#save-search-form{ 
	background-color: #fff;
	border: 1px solid #ccc;
	clear: both;
	padding: 5px 15px 15px 15px;
	position: relative;
	top: -1.1em;
	width: 170px;
}
	/* moved the form down in the source to reduce the initial jump */
.js-on #save-search-form {
	position:absolute;
	top:7em;
	padding: 15px;
}
	#save-search-form legend{display: block; margin-top: 5px; font-weight: bold;}
	.js-on #save-search-form legend {display: none;}
	#save-search-form input{width: 90%;}/* trash  */
	#save-search-form button{float: left; width: auto; margin-right: 5px;}

.admin-page #primary form{}	
	.admin-page legend {font-size: 1.8em;}
	.admin-page .check-radio-wrap legend{font-size: 1em;}

	.admin-page dl{background-color: #fff; overflow: hidden;}
	.admin-page dt, .admin-page dd {
		float: left;
		padding: .3em 0;
		width: 70%;
	}	
	.admin-page dt{
		font-weight: bold; 
		clear: both;
		padding-right: 10px;
		text-align: right;
		width: 25%;
		}	

	

.admin-page .posts {
	width: 600px;
	margin: auto;
}
	.admin-page .posts dt, .admin-page .posts dd {
		float: none;
		padding: .3em 0;
		width: 70%;
	}	
	.admin-page .posts dt{
		font-weight: bold; 
		float: left;
		padding-right: 10px;
		text-align: left;
		width: 25%;
		}	
	.admin-page div.post {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	
	.admin-page #secondary .actions a{
		background-image: none;
		clear: left;
		margin-bottom: 5px;
		text-align: center;
		width: 90%;
	}
	.admin-page #primary div.input.text input,
	.admin-page #primary div.input.password input,
	.admin-page #primary div.input.textarea textarea
	{
		width: 100%;
	}
	.admin-page #primary div.input.text,
	.admin-page #primary div.input.password,
	.admin-page #primary div.input.textarea
	{
		width: 30em;
	}
	
/* auto complete list */	
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		cursor: default;
		display: block;
		/* 
		if width will be 100% horizontal scrollbar will apear 
		when scroll mode will be used
		*/
		/*width: 100%;*/
		
		font-size: 12px;
		/* 
		it is very important, if line-height not set or is set 
		in relative units scroll will be broken in firefox
		*/
		line-height: 16px;
		overflow: hidden;
	}
	.ac_loading {background: #fff url(/_resources/img/css/ajax-loader-sm.gif) 50% 50% no-repeat;}
	.ac_odd 	{background-color: #eee;}
	.ac_over 	{background-color: #0A246A;	color: #fff;}
		
	.ac_results p.help{  /* help in the box. */
		background-color: #888;
		color: #eee;
		margin: 0;
		padding: 10px;
	}	

/* registration		 */
.registration-form {
	clear: left;
}
	.referral_methods div.text input {
		margin:-10px 0 4px 29px;
		width:15em;
	}
	p.referral_methods {
		display: block;
		clear: both;
		margin-left: 1.25em;
		padding-top: 0.5em;
		margin-bottom: 0;
	}
	ul.referral_methods {
		padding-left: 2em;
		display: block;
		clear: both;
	}
	ul.referral_methods li {
		margin: 0;
		display: block;
	}
	.register-page h1 {
		display: none;
	}
	#LocationZip, #ProfileMailingZip {width: 6em;}	
	#tos-wrap {
		border: 1px solid #ccc;
		height: 300px;
		overflow-y: scroll;
		padding: 10px;
		}	
	fieldset.associations {margin: 2em 0; }
	fieldset.associations legend{font-size: 1.3em;}	
	fieldset.associations .checkbox {
		float: left;
		width: 45%;
		margin-left: 10px;
		}
		fieldset.associations .checkbox label{width: 100%;}
	/* honey pot */
	#jj993j2f2j3l, #jj993j2f2j3l-label{
		display: none;
		/*visibility: hidden;*/
	}
	.registration-form .checkradio { margin-bottom: 1em;}

	.city-state .select{}
	
	.register-page legend, .register-page h3{
		color:#000;
		font-size:1.5em;
		padding-top: 10px;
	}
		#register-business-types fieldset { padding-left: 10px;}
		#register-business-types legend		{ margin-left: -10px;}
		.register-page h3, .promotions legend  { margin-left: 0;}
		#UserRegisterForm button{
			float: right;
			font-size: 1.2em;
		}
	.promotions {
		margin-bottom: 1.5em;
	}	
	.promotions .checkbox {
		padding-left: 12px;
	}
	.promotions .checkbox input{
		margin: 4px 2px 0 0;
	}	
	input#tos-agree {
		margin: 0;
		margin-left: 10px;
	}

.page-step-2{}
	.register-page .summary{
		border: 5px solid #bec4c2;
		float: left;
		padding: 15px;
		width: 111px;
	}
	.register-page .content {
		color: #333333;
		float: left;
		margin-left: 29px;
		width: 460px;
	}
		.register-page .content p {
			font-size: 1.384em;
		}
	.page-step-2 dt {
		color: #939a98;
		font-size: .917em;
		line-height: 1;
		margin-top: 10px;
	}
	.page-step-2 dd {
		color: #7daa42;
		font-size: 20px;
	}
		.page-step-2 dd.reg-discount {
			margin-top: -2px;
			font-size: 30px;
		}
		.page-step-2 dd.reg-total {
			font-size: 50px;
			margin-top: -4px;
		}
	.page-step-2 .content form{
		clear: none;
		float: left;
		width: 190px;
	}	
	.page-step-2 .content form button{
		width: 98%;
		text-align: center;
	}
	.page-step-2 .content form button span{
		font-size: 110%;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.page-step-2 span.or {
		color: #808080;
		display: block;
		float: left;
		font-size: 2em;
		text-align: center;
		width: 71px;
	}
	.register-page .progress-bar {
		background:  transparent url('../img/css/progress-bar-two-steps.png') left bottom no-repeat;
		float: left;
		margin-bottom: 2em;
		padding-bottom: 19px;
		width: 633px;		
	}
		.page-step-2 .progress-bar {
			background:  transparent url('../img/css/progress-bar-two-steps.png') right bottom no-repeat;
		}
	.progress-bar ol {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		.progress-bar ol li {
			float: left;
			width: 49%;
		}
		
			.progress-bar ol li.pay *{
				padding-left: 17px;
			}
	.progress-bar h2, .progress-bar p {
		color: #7daa42;
		font-size: 1.84em;
		margin-top: -4px;
		margin-bottom: 0;
	}
	.step-one p {
		color: #b5d65b;
	}
	.page-step-2 .progress-bar p {
		color: #ccc;
	}
	.progress-bar span {
		color: #696969;
		font-size: .846em;
	}

.recently-joined{}
	.recently-joined ul{
		font-size: .846em;
		list-style-type: none;
		margin: 0 0 1.4em 0;
		padding: 0;
	}
	.recently-joined h2{
		background: url('../img/css/hdr-look-who-recently-joined.png') no-repeat;
		overflow: hidden;
		height: 44px;
		margin: 0 0 1em -4px;
		text-indent: -9999px;
		width: 160px;
	}	
	.recently-joined li{
		margin: 0;
		padding-bottom: .5em;
		zoom: 1;
	}
	
	.register-page #secondary {
		padding: 27px 0 0 30px;
		width: 208px;
	}
	.register-page #secondary blockquote{
		color: #506e2b;
		font-size:.923em;
		font-style: italic;
	}
		.register-page #secondary blockquote p.user {
			font-weight: bold;
			font-style: normal;
			color: #474742;
		}
		
		
		
/*
	profile editing form
*/
form.edit-profile{}
	/* nest fieldset business. oh, I want you fixed font sizes and child selectors */
	.edit-profile fieldset fieldset legend 	{font-size: 1.5em;}
	.edit-profile fieldset fieldset	{
		background-color: #f7f7f7;
		border: 1px solid #ccc;
		clear: both;
		margin-bottom: 3em;
		padding: 0 1em 1em 1em;
		}
		* html form.edit-profile fieldset fieldset { background-color: #fff; border: 2px solid #7AAA42; float; left; }
		/**+html form.edit-profile fieldset fieldset { background-color: #fff; border: 2px solid #7AAA42;  }*/
		
	fieldset.associations fieldset {margin-bottom: 1.5em; }
	fieldset.associations fieldset fieldset {margin-left: 1em; margin-bottom: 0;  border: none; padding-bottom: 0; padding-left: 4px;}
	fieldset.associations fieldset fieldset.open {background-color: #fafaff; border: 1px solid #ccc; margin-bottom: 1em;}
	.edit-profile fieldset.associations fieldset legend {font-size: 1.3em;}
	.edit-profile fieldset.associations fieldset fieldset legend {font-size: 1em; color: #006F9A; cursor: pointer;}
    
	.edit-profile div.textarea{margin-top: 2em;}
	.edit-profile textarea, form.edit-profile .charactersremaining{width: 98.8%;}
		* html form.edit-profile .charactersremaining {background-color: #fff;}
		/**+html form.edit-profile .charactersremaining {background-color: #fff;}*/
		
	/*form.edit-profile .profile-image-wrap {float:  left;width: 45%;}*/
	.input-phone, #ProfileDeliveryRange, #ProfileMinimumOrder, #ProfileGrossSales, #ProfileAcres {width: 8em;}
	.input-phoneext {width: 5em;}


	/* product requests and profile edit. date inputs are set as three selects. yuck. */
	#date-selects label, #date-selects select{text-indent: 0;}
		.datetime select, .date select, .time select, #date-selects select {display: inline; margin: 3px 3px 17px 3px;}
		div.time {clear:  none;float:  left; width: 46%;}

	#ProfileDescriptionShort {
		height: 4em;
	}	

	/* continue buttons added with js	*/	
	.button-continue { 
		float: right; 
		display: inline-block;
		margin: -2.7em 0 2em 0;
		
		/*ie7*/	

	}
		/* *+html .button-continue {width: 14em;}  :( */
	#profile-private-info div{
		margin-left: 20px;
	}		

	#input-phone 			{ clear: both; overflow: hidden; }
	#input-phone div		{ float: left; }
	#input-phone span 		{ float: left; width: 100px; }
	#input-phone span input { float: left; width: 80px;}
	.phoneext 				{ margin:1.8em 0 0 0; }
	.phoneext label, 
	.phoneext input 		{float: left; margin-left: .5em;}



/*
	testing fixed position profile editing navigation
*/	
	.fixed {padding-bottom: 3em;}
	.fixed #primary{
		border-right: none;
		width:898px;
	}
	.fixed #secondary {
		background-color:#009FDB;
		border-top:7px solid #FFFFFF;
		bottom:0;
		float:left;
		left:0;
		padding: 0;
		position:fixed;
		width:100%;
		overflow: hidden;
	}
	.fixed #secondary .nav{
		padding:5px;
		text-align:center;
		float: left;
		width: 88%;
	}
	.fixed #secondary .nav li{
		display: inline;
	}
	.fixed #secondary ul.nav li a {
		border-right:1px solid #CCCCCC;
		color:#FFFFFF;
		display:inline;
		padding:0 7px 0 3px;
	}
	.fixed #secondary a.primary-action{
		display: none;
	}
	.fixed #secondary h2 {
		display: none;
	}
	.fixed #secondary h3 {
		color:#58595B;
		font-size:1.25em;
	}
	.fixed #secondary h3 span{
		color:#222222;
	}
	.fixed #secondary #savebuttons {
		float: right; 
		font-size: 1.5em;
		margin: 8px 8px 5px 5px;
		width: 10%;
		}
	/*
		temp
	*/
	.home-page #secondary h3 em{color: #7CAB43;}
	


/* 
---------------------------------------------------------------- Search Results */

.results-page .search-results {border-top:  1px solid #dedede; padding-top: 1em;}
	* html .results-page .search-results {padding-top: .5em;}
	
	.results-page #search-terms input	{width: 75%; float: left;}
	#search-app { clear: both;}




.search-results dl.result{
	clear: both;
	min-height: 4.5em;
	margin: 3px 0 1.5em 5.4em;
	position: relative;
}	
	* html .search-results dl.result{height: 4.5em;}
	/*
		gone, I think.
		.search-results dl.sort {margin-bottom: 1.5em;}
		.search-results .sort dt, .search-results .sort dd {display: inline;}
	*/
	
	.search-results ol{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.search-results dl dl{margin-left: 0;}

.search-results dt {font-size: 1.5em; clear: both;}	
	.search-results dd dt {font-size: 1em; font-weight: bold; margin-right: 5px;}
	.search-results dd dd {margin-right: 8px;}

	dd.description {}	
	dd.geotag, dd.contact-info{position: absolute; left: -9999em;}
	dd.certifications {display: none;}
	dd.certifications	{margin-bottom: 1.5em;}
	.search-results dd dt, .search-results dd dd {display: inline;}	
	.search-results .distance {
		background: #fff none;
		border: 1px solid #ccc;
		color: #fff;
		left:-5.4em;
		height: 2.9em;
		margin-top: 5px;
		margin-right: 1em;		
		padding: 2px;
		position: absolute;
		text-align: center;
		/*top:1.8em;*/
		top: 0;
		width: 4.2em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		.search-results .distance dl{
			background-color: #008830;
			background-color: #7AAB42;
			margin: 0;
			min-height: 2.3em;
			padding: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			}
		.search-results .distance dt{
			display: block; 
			/*font: normal .8em "arial narrow", "helvetica narrow", san-serif;*/
			font-size: .7em;
			margin-bottom: .4em; 
			text-transform: uppercase; 
			width: 100%;
			}
		.search-results .distance dd{display: block; font-size: .8em; width: 100%; }
		
		.search-results .distance dt , .search-results .distance dd {padding-right: 0; padding-left: 0;}

	
	.search-results .your-profile {
		background-image: url(../img/css/famicons/star.png);
		background-repeat:no-repeat;
		padding-left: 20px;
		font-size: 0.75em;
		float: right;
		margin-top: 5px;
	}


#facets h3{ margin-bottom: 0;}

/* filtered-by not currently used */
#filtered-by { background-color: #fff;clear: both; display: block; margin-bottom:  1em; border: 1px solid #ccc; width: 658px;}
	#filtered-by span {padding: 2px; background-color: #fff; border: 1px solid #ddd; width: 100px; display: inline-block; color: #555;}
	#filtered-by  span {font-weight: normal; width: auto; padding: 2px 4px 2px 4px; margin: 4px; cursor: pointer;}
	#filtered-by  span:hover {background-color: #c00; color: #fff; }
	#filtered-by  span:after{content: "  ⊗";}

a.back-link{ display: block; }

#map-view {display: none; width: 638px;}
	.js-on #map-view			{ margin-bottom: 1em; padding: 10px; background-color: #fff; border: 1px solid #ccc;} /* wraps the map */
	.js-on #map-view p.intro 	{ background: transparent url(../img/css/ajax-loader.gif) 50% 50% no-repeat; padding: 150px 20px; text-indent: -9999em;  }
	#map {height: 450px; width: 638px; }
	.markerwrap {width: 320px}

.results-page #saved-searches {
	display: none; /* doesn't work without js. */
	float: right; clear: both; width: 180px; position: absolute; top: 0; right: 0;}
	* html .results-page #saved-searches		 	{ width:400px;} /* ie likes to cut off options. */
	*+html .results-page #saved-searches		 	{ width:400px;} 
	.js-on .results-page #saved-searches		 	{ display: block;}
	.js-on .results-page #saved-searches button		{ display: none;}
	.results-page #saved-searches select			{ width: 98% !important;   }  
.sort {float: left; margin-bottom: 1em; overflow: hidden; width: 250px;}
	.sort label, .sort select, .sort button{display: inline; float: left;}
	
.results-page #secondary ul{
	margin-left: 15px;
	list-style-type: none;
	}


.pagination { width: 650px; float: right; margin-top: 3em; margin-bottom: .3em; text-align: right; clear: both; }
	.pagination ol, .pagination p 	{ margin: 0; padding: 0; display: inline;}
	.pagination li 					{ list-style-type: none; display: inline;}
	.pagination-top 				{ margin-top: -3.5em; width: 420px; margin-top: -1.7em; /* second MT is for pagination moved to to of search app in source */}
	.pagination .prev-link, .pagination .next-link {
		background: url('../img/css/icon-prev-next.gif') 0 -99px no-repeat;
		padding: 0 5px 0 14px;
	}
		.pagination .next-link {
			padding: 0 14px 0 5px;
			background-position: right 1px;
		}
		
/* 		Blog Stuff	 */
.blog #secondary {
	padding-right: 10px;
	width: 208px;
}
.blog #sidebar ul {
	list-style-type: none;
	margin: 0 0 1em 0;
}
.blog #sidebar ul ul {
	margin-left: 1em;
}
.blog #sidebar h2{
	color:#58595B;
	font-size:1.25em;
}
.blog #searchform {
	overflow: hidden;
	clear: both;
}	
	.blog #searchform input{
		float: left;
	}
	.blog #searchform input#s{
		margin-right: 6px;
		padding: 5px 2px;
		width: 67%;
	}
	.search-results .blog ol{
		list-style-type: decimal;
		padding: 1em 2em;
	}
	.blog p.postmetadata {
/* 		background: transparent url(../img/css/bg-h1.gif) left top repeat-x; */
		border-top: 1px solid #BCC3C1;
		clear: both;
		font-size: .9em;
		margin-bottom: 4.5em;
		padding-top: 4px;
		position: relative;
		top: 10px;
	}
	h3#comments {
		background: transparent url(../img/css/bg-h1.gif) left bottom repeat-x;
		padding-bottom: 10px;
	}

.blog small {
	display: block;
	margin-top: -5px;
}

.entry {
	margin: 1em 0;
}
	.entry img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	
/*----------------------------------- Randoms/dev utility styles ---*/
#get-a-new-browser{
	background-color: #FFFF99;
	border: 1px solid #fff;
	border-top-width: 0;
	color: #111;
	padding: .2em 3%;
}
body a#fdbk_tab{
	background-color: #7AAB42 !important;
	top: 220px;
}
p#status{
	height: 153px;
	overflow: hidden;
	position: absolute; top: 0; right: 0;
	text-indent: -9999px;
	width: 153px;
}


.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
.column, div.col {
	width: 46%; 
	margin-right: 1%; 
	padding:.7em 1.5% 0 1.5%; 
	float: left; 
	background-color: #E3E3E3; 
	min-height: 2em;
}
#profile-cols .col{
	background-color: transparent;
	margin-right: 0em;
	padding: 0;
	width: 49%;
}
	#profile-cols .first-col{
		margin-right: 2%;
	}

	.lead .col, #secondary .col {width: 96%; padding: 10px 10px 0 9px;}
	.lead .col {width:98%;}
	.ui-state-highlight {border: 1px solid #fed22f; background-color: #ffe45c; padding: 15px; margin-bottom: 10px;}
	.ui-sortable-helper {opacity: 75%; -moz-opacity: 75%; cursor: move;}
	.lead{
		margin:  0 0 1.5em 0;
		overflow: hidden;
		padding: 0 21px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
	#tooltip h3, #tooltip div { margin: 0; }
	#tooltip h3 {font-size: .9em;}

/* tweaks for display in the non-logged in mode. */
.auto-login {}

	.auto-login h1 {
		margin-top: 60px;	
	}
	.auto-login #flashMessage {
		font-size: 1em;
		padding-left: 21px;
	}
	.auto-login #flashMessage span {
		display: block;
		margin-top: 1em;
		text-align: left;
	}



.faded			{ -moz-opacity: .4; opacity: .4em;}
* html .faded	{ filter:alpha(opacity=40)}
.hide			{ display: none; }
.center			{ text-align: center;}
.left 			{ float: left; margin: 10px 5px 10px 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }
.error, .red 	{ color: #CC0000; }

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }










/* jqModal base Styling courtesy of;
        Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
        the Window's z-index value will be set to 3000 by default (via jqModal.js). */
        
.jqmWindow, .confirm {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
    width: 400px;
    
    background-color: #fff;
    color: #333;
    border: 3px solid #7CAB43;
    padding: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.confirm-message{
	font-size: 1.4em;
}
.jqmOverlay { background-color: #0a0700; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
        width: expression(this.parentNode.offsetWidth+'px');
        height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
* html .confirm {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



/*.js-on #treeview{display: none;}*/
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}
.treeview ul {
	background-color: white;
	margin-top: 4px;
}
.treeview .hitarea {
	background: url(../img/treeview/treeview-default.gif) -64px -23px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
* html .hitarea {
	display: inline;
	float:none;
}
.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
	cursor: pointer;
}
.add-products-page .treeview li{font-size: 1em;}
.treeview a.selected {background-color: #eee;}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: #009FDB; cursor: pointer; }
.treeview li { background: url(../img/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -1px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url(../img/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../img/treeview/treeview-red.gif); } 
.treeview-black li { background-image: url(../img/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../img/treeview/treeview-black.gif); }  
.treeview-gray li { background-image: url(../img/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../img/treeview/treeview-gray.gif); } 
.treeview-famfamfam li { background-image: url(../img/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../img/treeview/treeview-famfamfam.gif); } 
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../img/treeview/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../img/treeview/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../img/treeview/file.gif) 0 0 no-repeat; }


/* WIDGEDITOR RTE Styles */
			/******************************************************************************
			** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS
			*******************************************************************************
			**
			** <div id="ORIGINAL_IDWidgContainer" class="widgContainer">
			**     <ul id="ORIGINAL_IDWidgToolbar" class="widgToolbar">
			**         <li id="BUTTON_ID" class="widgEditButton">
			**             <a></a>
			**         </li>
			**         <li class="widgEditSelect">
			**             <select>
			**             </select>
			**         </li>
			**     </ul>
			**     <iframe id="ORIGINAL_IDWidgIframe" class="widgIframe">
			**     </iframe>
			**     <textarea id="ORIGINAL_IDWidgTextarea" class="widgEditor">
			**     </textarea>
			** </div>
*/

			/* TOOLBAR BUTTONS */

			.widgToolbar a
			{
				display: block;
				width: 16px;
				height: 16px;
				margin-top: 2px;
				overflow: hidden;
				padding-top: 5px;
				background-repeat: no-repeat;
				text-indent: -1000em;
				text-decoration: none;
			}
			.widgToolbar select	{margin-bottom: 0; padding: 0 0 0 2px;}
			/*
			.widgToolbar a:hover
			{
				background-position: 0 -30px;
			}
			 
			.widgToolbar a:active
			{
				margin-top: 2px;
				margin-left: 2px;
				background-position: 0 -60px;
			}

			.widgToolbar li.on a, .widgToolbar li.on a:hover
			{
				background-position: 0 -60px;
			} 

			.widgToolbar li.widgEditButton
			{
				background-image: url(../img/css/widg/widgeditor_button_shadow.gif);
				background-repeat: no-repeat;
				background-position: bottom right;
			}*/

			.widgButtonBold		{background-image: url(../img/css/famicons/text_bold.png);}

            .widgButtonHTML     {background-image: url(../img/css/famicons/text_bold.png);}
            .widgButtonaddrow   {background-image: url(../img/css/famicons/table_row_insert.png);}
				.message-compose #MessageMessageWidgToolbarButtonaddrow { display: none;}
			.widgButtonImage	{background-image: url(../img/css/famicons/photo_add.png);}

			.widgButtonItalic	{background-image: url(../img/css/famicons/text_italic.png);}
			.widgButtonLink		{background-image: url(../img/css/famicons/link.png);}
			.widgButtonOrdered	{background-image: url(../img/css/famicons/text_list_numbers.png);}
			.widgButtonUnordered{background-image: url(../img/css/famicons/text_list_bullets.png);}	
			.widgSource a
			{
				background-image: url(../img/css/widg/widgeditor_button_empty.gif);
				cursor: default;
			}

			.widgSource li.on a, .widgSource li.on a:hover
			{
				background-position: 0 0;
			}

			.widgSource .widgButtonHTML
			{
				background-image: url(../img/css/widg/widgeditor_button_html.gif);
			}

			.widgSource .widgButtonHTML:hover
			{
				cursor: pointer;
			}




			/* TOOLBAR */

			.widgToolbar
			{
				list-style: none;
				width: 100%;
				height: 30px;
				margin: 0;
				padding: 0 0 0 2px;
				border: 1px solid #CCCCCC;
				background:  url(../img/css/widg/widgeditor_toolbar_bg.gif) left bottom repeat-x;

			}

			* html .widgToolbar	{width: auto; height: 40px;}
			*+html .widgToolbar	{height: 40px;}
			
			.widgToolbar li
			{
				display: inline;
				float: left;
				width: 32px;
				height: 32px;
				margin-top: 9px;
				margin-left: 7px;
				line-height: 30px;
			}
			.widgToolbar li
			{
				display: inline;
				float: left;
				width: 16px;
				height: auto;
				margin-top: 5px;
				margin-left: 17px;
				line-height: 30px;
			}
			.widgToolbar li.widgEditSelect{
				width: 14em;
			}



			/* EDITING AREA */

			.widgIframe
			{
				background-color: #fff;
				clear: left;
				width: 100%;
				height: 200px;
				height: 225px;
				border-top-width: 0;
				border-left: 2px solid #bbb;
				margin-top: -10px;
			}

			.widgContainer textarea.widgEditor
			{
				clear: left;
				width: 100%;
				height: 200px;
				border-top-width: 1px;
				padding: 0;
			}




			/* EDITOR CONTAINER */

			.compose .widgContainer
			{
				background-color: #fff;
				width: 99%;
			}





/* readable debugging messages */
body>pre, #CakeStackTrace1, .debug{
	background-color: #fff;
}
		
		
		
/* some junk to make the interface chrome smaller, mainly the header. turned on via app/core */
.slimheader #header{height: 1.2em; margin-bottom: 0; background-color: #fff;}
.slimheader h1	{padding-bottom: 7px;}
.slimheader #nav-wrap {top: 0; }
.slimheader #nav-wrap #nav {padding-left: 0; font-size: 70%;}
.slimheader #nav a{line-height: 1.2; color: #333;}
.slimheader #brand{display: none;}
.slimheader #content {background-color: #fff;}
.js-on .slimheader #header form {top: 0; font-size: 78%;}
.slimheader #header-user {position: absolute; top: 2em;  margin-right: 0;padding: 1px 3px; right: 0; z-index: 10; width: auto;}
.slimheader #header-user p {margin: 0; font-size: 80%; color: #aaa;}
.slimheader #header-user p a{color: #aaa;}
.slimheader #header h2 {position: absolute; left: -150px; top: 0; width: 100px; z-index: 21;}
.slimheader #header-search {margin: 0;}
.slimheader #header-search * {padding: 0 1px;}
.slimheader #message-wrap {top: 3.2em;}


/* what's this?' */
div#fullreport {
	margin-top: 3em;
}
div#fullreport div.input input {
	display:inline;
	width: 7em;
}