BODY {
	margin: 0;
	padding: 0;
	background: url(../icons/leftLayoutBg.gif) repeat-y;
}

INPUT.text {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #676767;
	width: 200px;
	height: 20px;
	margin: 2px 0 2px 0;
	padding: 1px 0 0 2px;
}

TEXTAREA.text {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #676767;
	width: 200px;
	height: 45px;
	min-height: 45px;
	margin: 2px 0 2px 0;
	padding: 1px 0 0 2px;
}

SELECT {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #676767;
	width: 200px;
	height: 20px;
	margin: 2px 0 2px 0;
	padding: 1px 0 0 0;
}

OPTION {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 10px 2px 0;
}

OPTION.l2 {
	padding: 0 0 0 16px;
}

h3.title {
	font: bold 14px verdana, sans-serif;
	color:  #075A1D;
	margin: 15px 0 10px 40px;
}

INPUT.submit {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #CAF490;
	margin: 3px 0 3px 0;
	border-width: 1px;
	padding: 2px 16px 2px 16px;
}

DIV.sectionNavContainer {
	min-height: 27px;
	width: 972px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: #D3FF96;
	margin: 0 0 0 2px;
}

DIV.leftMargin40 {
	margin: 0 0 0 40px;
	width: 935px;
}

DIV.leftMargin30 {
	margin: 0 0 0 30px;
	width: 910px;
}

DIV.leftMargin20 {
	margin: 0 0 0 20px;
	width: 940px;
}

#listTable TD.headerRow {
	font: italic 11px Verdana, sans-serif;
	color: #000000;
	background: #EBFFDC;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 2px 2px 2px 0;
}

#listTable TD.headerRow TD {
	font: italic 11px Verdana, sans-serif;
	color: #000000;
}

#listTable TR.rowHover {
	background: #f5f5f5 url(../icons/ActiveRowBg.gif) repeat-x 0 bottom;
}

#comments TR {
	background: url(../icons/SeparateRowBg.gif) repeat-x 0 bottom;
}

#comments TR TD {
	padding: 9px 2px 11px 0;
	cursor: move;
}

#listTable TD {
	font: 12px Verdana, sans-serif;
	color: #000000;
	padding: 3px 2px 3px 0;
}

#listTable A {
	color: #060060;
	text-decoration: none;
}

#listTable A.delx {
	color: red;
	text-decoration: none;
}

#listTable A:visited {
	color: #060060;
}

#listTable A:hover {
	color: #e94138;
}

A.delx {
	font: bold 12px Verdana, sans-serif;
	color: red;
	text-decoration: none;
}

#listTable A.delx:visited {
	color: red;
}

A.delx:hover {
	color: #f95f55;
}

A.trashx {
	font: 12px Verdana, sans-serif;
	color: green;
	text-decoration: none;
}

A.trashx:visited {
	color: green;
}

A.trashx:hover {
	color: #f95f55;
}


DIV.sort {
	margin: 2px;
}

DIV.sortup {
	margin: 0 0 3px 3px;
}

DIV.sortdown {
	margin: 3px 0 0 3px;
}

.label {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #891a1a;
	text-align: right;
	padding: 0 6px 0 0;
}

a.label {
	padding: 0;
	font: inherit;
	color: inherit;
	text-align:inherit;
	text-decoration:underline;
}

a.label:hover {
	text-decoration:underline;
	opacity: .7;
}

.inlinelabel {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:  #000000;
	text-align: left;
	padding: 0 6px 0 6px;
}

.labelred {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #c42423;
	text-align: right;
	padding: 0 6px 0 0;
}

.rlabel {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #891a1a;
	text-align: right;
	padding: 0 6px 0 0;
}

.ilabel {
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	color: #486750;
	text-align: right;
	padding: 0 6px 0 0;
}

.ilabelred {
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	color: #262968;
	text-align: right;
	padding: 0 6px 0 0; 
}

.ilabeltop {
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	color: #486750;
	padding: 6px 0 3px 0;
}

.toprlabel {
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	color: #891a1a;
	padding: 6px 0 3px 0;
}

.toplabel {
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	color: #891a1a;
	padding: 6px 0 3px 0;
}

li {
	list-style-type: disc;
	list-style-position: outside;
	padding-bottom: 6px;
}

#loginbox {
	margin: 40px 0 0 420px;
}

#loginbox INPUT.text {
	width: 120px;
}

DIV.leftNavIcon {
	margin: 3px 0 3px 0;
}

DIV.sectionLabel {
	margin: 100px 0 0 0;
}

#navLan {
	float: right;
	margin: 12px 20px 0 0;
}

DIV.navLan {
	font: 12px Verdana, sans-serif;
	color: #075A1D;
}

A.navLan, A.navLan:visited {
	font: 11px Verdana, sans-serif;
	color: #075A1D;
	padding: 0 2px 0 2px;
}

A.navLan:hover {
	color: red;
}

A.add {
	font: bold 16px Verdana, sans-serif;
	color: red;
	text-decoration: none;
}

A.add:visited {
	color: red;
}

A.add:hover {
	color: #f95f55;
}

.subtitle {
	font: italic bold 12px Verdana, sans-serif;
	color: black;
	margin: 0 0 10px 0;
}

.subtitleg {
	font: italic bold 12px Verdana, sans-serif;
	color:  #075A1D;
	padding: 16px 0 6px 0;
}

.subtitler {
	font: italic bold 12px Verdana, sans-serif;
	color:  #990000;
	padding: 16px 0 6px 0;
}

.recipeVariation, .recipeVariation A {
	font: italic bold 13px Verdana, sans-serif;
	color: black;
	margin: 0 0 4px 0;
}

.recipeVariation A:hover {
	color: red;
}

TABLE.recipeHerb {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

TABLE.recipeHerb TR.header TD {
	height: 25px;
	background: url(../icons/grid-grad_xd-hd.gif) repeat-x;
	font-style: italic;
}

TABLE.recipeHerb TD {
	font:  10px verdana, sans-serif;
	color : #000;
	padding: 3px 4px 3px 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

TABLE.recipeHerb TD A {
	font:  10px verdana, sans-serif;
	color : #000;
}

TABLE.recipeHerb TD A:hover {
	font:  10px verdana, sans-serif;
	color : #f93024;
}

#categoryGraphicSelection TD {
	padding: 0 12px 0 12px;
	text-align: center;
}

#categoryGraphicSelection TR.radioButtonRow TD {
	vertical-align: top;
	height: 36px;
}

#categoryListTable TR.rowHover {
	background: #eeeeee
}

A.catName1 {
	font: 12px verdana, sans-serif;
	color: #060060;
	text-decoration: none;
	margin: 1px 0 1px 0;
	display: block;
}

A.catName2 {
	font: 12px verdana, sans-serif;
	color: #060060;
	text-decoration: none;
	margin: 2px 0 2px 18px;
	line-height: 17px;
	display: block;
}

A.catName1:visited, A.catName2:visited {
	color: #060060;
}

A.catName1:hover, A.catName2:hover {
	color: #e94138;
}

DIV.category {
	font: 13px Verdana, sans-serif;
	color: #000000;
	padding: 4px 0 4px 16px;
	margin: 0 0 0 6px;
	background: url(../icons/catArrow.gif) no-repeat left;
	cursor: pointer;
}

DIV.categoryOpen {
	font: 13px Verdana, sans-serif;
	color: #000000;
	padding: 4px 0 4px 16px;
	margin: 0 0 0 6px;
	background: url(../icons/catArrowOpen.gif) no-repeat left;
	cursor: pointer;
}

DIV.catcon {
	display:none;
	}
	
TD.navtab{
	border-right: 1px solid #075A1D;
	text-align: center;
}

TD.navtabactive{
	border-right: 1px solid #075A1D;
	text-align: center;
	background: white;
}

TD.navtab A, TD.navtabactive A {
	font: 11px Verdana, sans-serif;
	padding: 7px 11px 8px 11px;
	color:  #000000;
	display: block;
}

.message {
	font: bold 12px Verdana, sans-serif;
	color: #d22175;
}

.text {
	font: 12px/18px Verdana, sans-serif;
	color: #000000;
}

.note {
	font: italic 11px/18px Verdana, sans-serif;
	color: #666;
}

.viewData {
	font: 12px/18px Verdana, sans-serif;
	color: #07005e;
}

.viewData TD {
	padding: 3px 10px 3px 0;
}

#listTable TD.rowDivider, TD.rowDivider {
	background: #ddd;
	height: 1px;
	padding: 0 0 0 0;
}

#listTable TD.rowDividerBold, TD.rowDividerBold {
	background: #ddd;
	height: 2px;
	padding: 0;
}

#listTable TR.searchResult td {
	padding-top:10px;
	background: url(../icons/SeparateRowBgTop.gif) repeat-x 0 top;
}

A.enlarge {
	cursor: url(../icons/magnify.cur);
}

.imgBorder {
	border: 1px solid #cccccc;
}

.sortarrow {
	background: url(../icons/sortable.gif) no-repeat 0 12px;
}

#herbs {
	cursor: move;
}

.myplaceholder { 
	height: 100px; 
}

.herbplaceholder { 
	height: 40px; 
}

#thumbDisplay {
	margin: 0 0 10px 0;
	display: none;
}

#recipeDisplay {
	margin: 0 0 10px 0;
}

/* displayTrigger classes for herb images and recipes at top of views*/

.displayTrigger {
	background: url(../icons/displayArrow.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 40px;
	padding: 0 20px 0 0;
}

.displayTriggerOver {
	background: url(../icons/displayArrowOver.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 40px;
	padding: 0 20px 0 0;
}

.displayTriggerActive {
	background: url(../icons/displayArrowOpen.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 40px;
	padding: 0 20px 0 0;
}

.displayTriggerActiveOver {
	background: url(../icons/displayArrowOpenOver.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 40px;
	padding: 0 20px 0 0;
}

/* displayDetailTrigger classes for revealing details within lists */
.displayDetailTriggerActive {
	background: url(../icons/displayArrowOpen.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 8px;
}

.displayDetailTrigger {
	background: url(../icons/displayArrow.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 8px;
}

.pageTrigger {
	cursor: pointer;
	background: url(../icons/pageArrow.gif) no-repeat center bottom;
	padding-bottom: 10px;
}

.pageTriggerOver {
	cursor: pointer;
	background: url(../icons/pageArrowOver.gif) no-repeat center bottom;
}

.pageCloseTrigger {
	cursor: pointer;
	background: url(../icons/pageArrowClose.gif) no-repeat 219px top;
}

.pageCloseTriggerOver {
	cursor: pointer;
	background: url(../icons/pageArrowCloseOver.gif) no-repeat 219px top;
}

/* recipe wirkung versions of pageCloseTrigger + "R", different horizontal location */
.pageCloseTriggerR {
	cursor: pointer;
	background: url(../icons/pageArrowClose.gif) no-repeat 232px top;
}

.pageCloseTriggerOverR {
	cursor: pointer;
	background: url(../icons/pageArrowCloseOver.gif) no-repeat 232px top;
}


.pageTriggerActive > TD {
	font-weight: normal;
}

.pageTriggerDim > TD {
	color: #aaa;
}

.redplus {
	font: bold 26px/20px verdana, geneva, arial, Helvetica, sans-serif;
	color: red;
	text-decoration: none;
	text-align: center;
	background: none;
	border: none;
}

.listTable TD {
	font: 12px verdana, sans-serif;
	color: #000000;
	padding: 3px 10px 3px 0;
}

.listTable A {
	color: #060060;
	text-decoration: none;
	border-bottom: 1px dotted #9fa7ff;
}

TH.headerRow {
	font: italic 12px verdana, sans-serif;
	color: #000000;
	background: #ccdeff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 2px 5px 2px 2px;
	text-align: left;
}

DIV.tab {
	text-align: center;
	width: 109px;
	height: 27px;
	background-image: url(../icons/blankTab.gif);
}

DIV.tab A {
	width: 109px;
	height: 27px;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	color: black;
	display: block;
	text-transform: uppercase;
	padding-top: 8px;
	letter-spacing: 1px;
}

.rowEven{
	background-color: #f1f8ff;
}

.rowOdd{
	
}

* A.rt {
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
	color: inherit;
}

A, A:hover, A:visited {
	text-decoration: none;
}