/* CSS for ProduceLive! DotNetNuke skin ---------- */
/* Created by Tyler Fawcett - Sept 2008 ---------- */
/* http://tfdnn.com  -- tf@tylerfawcett.com ------ */


/* Universal */
body, html {color: #fff; background-color: #557b30; text-align: center; height: 100%;}
body {background: url(img/page_bg.png) repeat-x #547b2f;}
table, td, div, span {font-family: georgia, serif; line-height: 1.3em; text-align: left;}
img, a {border: 0;}
a:focus {outline: none;}
hr {color: #fff; background: #fff;}
.hidden {display: none;}


/* Page Structure */
.clear {clear: both;}
#mainContainer {width: 980px; margin: 0 auto; min-height: 100%; text-align: left;}
.mainContainerBG01 {background: url(img/inside-banner-peppers.jpg) top center no-repeat #557b30;}
.mainContainerBG02 {background: url(img/inside-banner-tomatoes.jpg) top center no-repeat #557b30;}
.mainContainerBG03 {background: url(img/inside-banner-grapes.jpg) top center no-repeat #557b30;}
.mainContainerBG04 {background: url(img/inside-banner-oranges.jpg) top center no-repeat #557b30;}
.mainContainerBG05 {background: url(img/inside-banner-avocados.jpg) top center no-repeat #557b30;}
* html #mainContainer {height: 100%;}
#header {height: 240px; position: relative;}
#dnnLogo {position: absolute; top: 20px; left: 40px;}
#dnnLogo img {width: 320px; height: 80px; visibility: hidden;}
#headerPaneDiv {position: absolute; right: 37px; top: 0; width: 193px; height: 220px; overflow: hidden;}
#mainNav {position: absolute; top: 124px; left: 40px; z-index: 1000;}
#adminMenu {position: absolute; top: 80px; right: 240px;}
#adminMenu .TabList option {background: #333; color: #fff;}
#adminMenu .TabList {width: 210px;}
#adminLogin {position: absolute; top: 8px; right: 30px;}
#breadcrumbs {position: absolute; top: 160px; left: 30px; z-index: -10;}

/* Three column layout */
.outer {padding-left: 240px; z-index: -10;} /* padding-left set to width of right column */
* html .outer {padding-right: 240px;}
.inner {width: 740px; padding-bottom: 190px;} /* width of left + center columns */
* html .inner {width: 100%;}
.float-wrap {float: left; width: 740px; margin-left: -240px;} /* width of left + center columns - margin-left = width (negative) of left column */
* html .float-wrap {}
#content {float: right; width: 490px; margin-right: 10px;} /* width of center column */
* html #content {position: relative;}
#left {float: left; width: 230px; padding: 0;}
* html #left {position: relative;}
#right {float: right; width: 240px; padding: 0;}
* html #right {position: relative; margin-right: -240px;}


/* Two column layout */
.outerWide {padding-left: 0px; z-index: -10;} /* padding-left set to width of right column */
* html .outerWide {padding-right: 0px;}
.innerWide {width: 980px; padding-bottom: 190px;} /* width of left + center columns */
.float-wrap-wide {float: left; width: 953px; margin-left: 0px;} /* width of left + center columns - margin-left = width (negative) of left column */
#contentWide {float: right; width: 713px;} /* width of center column */
* html #contentWide {position: relative;}

#helpLink {padding: 10px 0 10px 0;}


/* Single column layout */
.outerSingle {padding-left: 44px; padding-right: 62px; z-index: -10;} /* padding-left set to width of right column */
.innerSingle {padding-bottom: 190px;} /* width of left + center columns */
* html .outerSingle {padding-right: 0px;}


.contentWrap {padding: 0;}
.contentWrap .contentPad {padding: 10px;}
.contentPane {}
#left .contentPad {padding: 10px 10px 10px 19px;}
#right .contentPad {padding: 10px 37px 10px 10px;}
#footer {width: 100%; height: 165px; margin: 0 auto; margin-top: -165px; text-align: center; background: url(img/bg-footer.png) bottom repeat-x; overflow: hidden;}


/* Footer */
.footerWidth {position: relative; text-align: left; margin: 0 auto; width: 980px; height: 165px;}
#footerMenu {text-align: left; padding: 0 6px 0 6px;}
#contactInfo {color: #fff; position: absolute; bottom: 22px; left: 18px; line-height: 1.2em; font-size: 14px;}
#copyrightInfo {position: absolute; bottom: 18px; right: 260px; width: 250px; text-align: right; line-height: 1.5em;}
#guarantee {position: absolute; right: 16px; bottom: 15px;}
img.PMAimage {margin-left: 15px;}


/* Header */
#logo {float: left; border: 0; margin: 0px 0 0 45px; display: block;}
#logo img {filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; width: 305px; height: 100px;}
.header-content {float: right; position: relative; width: 400px; padding: 0; margin-right: 38px;}
#login {float: right; margin: 8px 15px 0 0;}
.header-pane {float: right;}


/* Menu and breadcrumbs */
#sM {position: absolute; top: 126px; left: 44px; z-index: 100000;}
#breadcrumbs {position: absolute; top: 186px; left: 44px; z-index: 0; font-size: 22px; color: #fff;}


/* Framework */
#headerRowInside1 {height: 230px; background: url(img/inside-banner-peppers.jpg) no-repeat; position: relative; width: 980px; margin: 0; padding: 0;}
#headerRowInside2 {height: 230px; background: url(img/inside-banner-tomatoes.jpg) no-repeat; position: relative; width: 980px; margin: 0; padding: 0;}
#headerRowInside3 {height: 230px; background: url(img/inside-banner-avocados.jpg) no-repeat; position: relative; width: 980px; margin: 0; padding: 0;}
#headerRowInside4 {height: 230px; background: url(img/inside-banner-oranges.jpg) no-repeat; position: relative; width: 980px; margin: 0; padding: 0;}
#headerRowInside5 {height: 230px; background: url(img/inside-banner-grapes.jpg) no-repeat; position: relative; width: 980px; margin: 0; padding: 0;}
#headerRowInside7 {height: 230px; background: url(img/inside-banner-office.jpg) no-repeat; position: relative; width: 980px; margin: 0; padding: 0;}


/* Home page buttons */
ul.bigButtons {margin: 0; padding: 0; width: 100%;}
ul.bigButtons li {display: inline; float: left; margin: 0 4px 0 0px; padding: 0; border: 0 none;}
ul.bigButtons li b {display: none; height: 180px; width: 149px;}
ul.bigButtons li a {height: 180px; width: 149px; display: block; border: 0; background-repeat: no-repeat; background-color: #557b2e;}


/* DNN Content Panes */
td.content-top {padding-bottom: 20px;}
td.content-left {width: 34%; padding-right: 25px; padding-bottom: 20px;}
td.content-center {padding-bottom: 20px;}
td.content-right {width: 34%; padding-left: 25px; padding-bottom: 20px;}
td.content-bottom {padding-bottom: 20px;}
table.baseline-table {}
td.content-bottom-left {width: 34%; padding-right: 25px; padding-bottom: 20px;}
td.content-bottom-center {padding-bottom: 20px;}
td.content-bottom-right {width: 34%; padding-left: 25px; padding-bottom: 20px; text-align: right;}


/* Lists, Etc. */
.divot {padding: 0 20px 0 0; background: url(img/divot.gif) 50% 6px no-repeat; line-height: 13px;}
.divot b {display: none;}


/* Home Page Buttons */
li.about, li.about a:link, li.about a:visited, li.about a:active {background: url(img/btn_about_off.jpg) top left no-repeat;}
li.about a:hover {background: url(img/btn_about_on.jpg) top left no-repeat;}
li.about a.down {background: url(img/btn_about_down.jpg) top left no-repeat;}

li.news, li.news a:link, li.news a:visited, li.news a:active {background: url(img/btn_news_off.jpg) top left no-repeat;}
li.news a:hover {background: url(img/btn_news_on.jpg) top left no-repeat;}
li.news a.down {background: url(img/btn_news_down.jpg) top left no-repeat;}

li.resources, li.resources a:link, li.resources a:visited, li.resources a:active {background: url(img/btn_resources_off.jpg) top left no-repeat;}
li.resources a:hover {background: url(img/btn_resources_on.jpg) top left no-repeat;}
li.resources a.down {background: url(img/btn_resources_down.jpg) top left no-repeat;}

li.support, li.support a:link, li.support a:visited, li.support a:active {background: url(img/btn_support_off.jpg) top left no-repeat;}
li.support a:hover {background: url(img/btn_support_on.jpg) top left no-repeat;}
li.support a.down {background: url(img/btn_support_down.jpg) top left no-repeat;}

li.comm, li.comm a:link, li.comm a:visited, li.comm a:active {background: url(img/btn_community_off.jpg) top left no-repeat;}
li.comm a:hover {background: url(img/btn_community_on.jpg) top left no-repeat;}
li.comm a.down {background: url(img/btn_community_down.jpg) top left no-repeat;}

li.help, li.help a:link, li.help a:visited, li.help a:active {background: url(img/btn_help_off.jpg) top left no-repeat;}
li.help a:hover {background: url(img/btn_help_on.jpg) top left no-repeat;}
li.help a.down {background: url(img/btn_help_down.jpg) top left no-repeat;}
li.help {margin: 0;}



/* Links */

span a:link, span a:visited, span a:active, span a:hover, span a:focus {color: #ff700b;}

/* basic links */
a:link, a:visited, a:active {font-family: georgia, serif;	font-weight: normal; font-size: 13px; text-decoration: underline; font-weight: normal; line-height: 1.4em; color: #f09205;}
a:hover {font-family: georgia, serif; font-weight: normal; font-size: 13px; text-decoration: none; font-weight: normal; line-height: 1.4em; color: #f09205;}

/* control panel links */
table.ControlPanel a:link, table.ControlPanel a:visited, table.ControlPanel a:active {font-family: georgia, serif;	font-weight: normal; font-size: 13px; text-decoration: underline; font-weight: normal; line-height: 1.4em; color: #f09205;}
table.ControlPanel a:hover {font-family: georgia, serif; font-weight: normal; font-size: 13px; text-decoration: none; font-weight: normal; line-height: 1.4em; color: #f09205;}

/* register and login/logout links */
a.login-link:link, a.login-link:visited, a.login-link:active, a.login-link:hover {text-decoration: underline; color: #fff; font-weight: normal; padding: 0;}
a.login-link:hover {text-decoration: none; color: #fff; background: #e05300; padding: 0;}

/* breadcrumb links */
a.breadcrumb-link:link, a.breadcrumb-link:visited, a.breadcrumb-link:active, .breadcrumb-link {text-decoration: none; color: #fff; font-size: 22px;}
a.breadcrumb-link:hover {text-decoration: underline; color: #fff; font-size: 22px;}

/* admin and host function links */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {text-decoration: underline; font-weight: normal; color: #f09205; }
a.CommandButton:hover {text-decoration: none; font-weight: normal; color: #f09205;}

/* for normal links */
a.Normal:link, a.Normal:visited, a.Normal:active {text-decoration: underline;}
a.Normal:hover {text-decoration: none;}

/* footer links */
a.footerLink:link, a.footerLink:visited, a.footerLink:active {font-size: 13px; text-decoration: none; font-weight: normal; color: #fff;}
a.footerLink:hover {text-decoration: underline;}

.WorkPanel a.CommandButton:link, .WorkPanel a.CommandButton:visited, .WorkPanel a.CommandButton:active, .WorkPanel a.CommandButton:hover {color: #fff;}
.basic-content a.CommandButton {color: #fff;}

a.myAcct:link, a.myAcct:active, a.myAcct:visited, a.myAcct:hover {width: 112px; height: 40px; background: url(img/my_account.png) no-repeat; display: block;}
a.myAcct:hover {background: url(img/my_account_over.png) no-repeat; display: block;}
a.myAcct b, a.myAcct strong {display: none;}

a.getStarted:link, a.getStarted:active, a.getStarted:visited, a.getStarted:hover {width: 153px; height: 40px; background: url(img/get_started_today.png) no-repeat; display: block;}
a.getStarted:hover {background: url(img/get_started_today_over.png) no-repeat; display: block;}
a.getStarted b {display: none;}


/* Text */
.current-date {color: #fff; font-size: 13px;}
.CopyrightText {color: #fff; font-size: 13px;}
.SubHead, .SubHead font, .SubSubHead {font-family: georgia, serif; font-size: 13px; font-weight: bold; color: #fff; padding: 0;}
td#contentRow .SubHead, td#contentRowInside .SubHead, table.baseline-table .Subhead {color: #b0c97c;}
td.headerPaneTD .Subhead {color: #fff;}
.Head {font-family: georgia, serif; font-size: 13px; text-decoration: none; color: #fff; font-weight: normal; white-space: nowrap;}
.NormalRed {color: #900; font-family: georgia, serif; font-weight: bold; font-size: 13px;	line-height: 1.4em;}
.NormalBold {font-family: georgia, serif; font-size: 13px; font-weight: bold; line-height: 1.4em; color: #fff;}
.Normal {font-family: georgia, serif; font-size: 13px; color: #fff; line-height: 1.4em;}
td#contentRowInside .Normal {font-family: georgia, serif; font-size: 13px; color: #fff; line-height: 1.4em;}
.FileManager_Pager .NormalBold, .FileManager_StatusBar .NormalBold, .FileManager_StatusBar .Normal, .FileManager_StatusBar option {color: #222;}
.FileManager_FileList a.Normal:link, .FileManager_FileList a.Normal:visited {color: #222;}
td.basic-ctr .DataGrid_Container td, table.ctr-green .DataGrid_Container td {color: #fff;}
tr.DataGrid_Item td {color: #fff; font-size: 12px;}
tr.DataGrid_AlternatingItem td {color: #fff; background: #688f42; font-size: 12px;}
label {color: #fff;}
table.FileManager .Normal, table.FileManager .SubHead, table.FileManager .NormalBold, table.FileManager input {color: #222;}
table.FileManager * {color: #111;}


/* Forms */
select, input, select.Normal {font-family: georgia, serif; font-size: 14px; color: #222;}
select.Normal label {color: #fff;}
.NormalTextBox {font-family: georgia, serif; font-size: 14px; color: #222;}
#dnn_ctr_ManageUsers_User_UserEditor .NormalTextBox {font-family: tahoma;}
td.NormalTextBox {padding: 0; margin: 0; background: transparent; color: #222;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {line-height: 14px; width: 140px; padding: 0px 3px 0 3px; height: 22px; color: #222; cursor: text; background: #f8f8f8;}
.WorkPanel .Head {color: #fff; font-size: 15px; font-weight: bold;}


/* Module Menus */
/* Outer container for module submenu */
.ModuleTitle_MenuContainer {text-align: left;}
/* Inner container for module submenu */
.ModuleTitle_MenuBar {}
/* Idle state for module submenu items */
.ModuleTitle_MenuItem {font-family: georgia, serif; font-size: 13px; color: #555; font-weight: normal;	background: #f7f7f7; border: #f7f7f7 1px solid;	padding: 3px 14px 5px 0px;}
/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {z-index: 1000; margin: 1px 0px 0px 0px; background-color: #f7f7f7; border: 1px solid #ccc; padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);}
/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {font-family: georgia, serif;	font-size: 13px; font-weight: normal; color: #333; background: #ddd; border: #ddd 1px solid; padding: 3px 14px 5px 0px;}
.ModuleTitle_MenuIcon {border: 0; padding: 0 3px 0 3px;}
/* elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display: none;}


/* DNN Control Panel */
td#dnn-controls-row {background: #fff; border: 0; padding: 0; height: 0;}
table.ControlPanel {background: #fff; border: 0; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #436824;}
table.ControlPanel td {padding: 0px 0 6px 0;}
table.ControlPanel td td.SubHead {padding: 3px 0 0px 0; background: #f1f1f1;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel .ControlPanel {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 0; border-bottom: 0; width: 0px; height: 100px; display: none;}
table.ControlPanel label {color: #222;}
table.ControlPanel .SubHead, table.ControlPanel div, table.ControlPanel td, table.ControlPanel span {color: #333;}


.basic-outer {margin-bottom: 20px; z-index: -1000;}


#slider {
		position: relative;
		width: 680px;
		height: 333px;
		left: 0;
		top: 0;
		overflow: hidden;
		background: #000;
		border: 0 none;
	}
	#slider .slide {
		position: absolute;
		top: 0px;
		height: 333px;
		width: 680px;
		background: #000;
		overflow: hidden;
		border-left: none;
		cursor: default;
	}
	#slider .title   {
		color: #fff;
		font-weight: normal;
		font-size: 21px;
		margin-right: 1.5em;
		text-decoration: none;
		display: block;
		margin-bottom: 10px;
	}
	#slider .backgroundText {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000;
		filter: alpha(opacity=50);
		opacity: 0.5;
	}
	#slider .text {
		position: absolute;
		color: #FFF;
		font-size: 13px;
		padding: 5px 0 5px 0;
		width: 390px;
		left: 10px;
	}
	#slider .diapo {
		position: absolute;
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: hidden;
	}