/* list of fields to populate cellproperties style dropdown (formbuilder) */
/* <!-- {frontendformitemlabel,frontendformitemlabelreq,frontendformiteminput,frontendformitemcheckbox} --> */
/************************************************************************/
/*Block Level Styles                                                    */
/*                                                                      */
/*body, table, td, h1-h6, p, div, span, a, ul, ol, li                   */
/*These styles are read into vars and initialization of the site's      */
/*application, and they're used to define the basic look and feel of    */
/*the front end of the site.                                            */
/*                                                                      */
/*please put any custom classes or styles in the Custom area below this */
/*one                                                                   */
/************************************************************************/
body{
	margin:0;
	background-color:#6f9da9;
	/*background-image:url(/media/images/bodyBG.gif);
	background-position:center;
	background-repeat:repeat-y;*/
}
body, table, td, p, div, span, li {
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color: #363636;
}
ul {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #363636;
	padding: 0px 0px 0px 20px;
	margin : 0px 0px 0px 0px;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size : 20px;
	color: #000000;
}
h1.eventRegistrationForm {
	padding-bottom:0px;
	margin-bottom:0px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size : 17px;
	color : #508F47;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size : 14px;
	color : #363636;
	font-weight : bold;
}
h3.eventRegistrationForm {
	padding-top:0px;
	margin-top:0px;
}
a, a:focus, a:hover, a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : inherit;
	color: #11518F;
	text-decoration: none;
	font-weight : inherit;
	font-weight:bold;
	text-decoration: underline;
}
a:hover {
	color: #45729F;
	text-decoration: underline;
}
a.MappingLink{ 
	display:block; 
	background-image:url(/admintools/media/images/icon_mapping.gif); 
	background-repeat:no-repeat; 
	background-color:#666666; 
	background-position:center left;
	text-decoration:none; 
	padding:15px 10px; 
	color:#ffffff; 
	width: 100px; 
	position:absolute; 
	border:1px solid #000000; 
	top:0; 
	right:0;
	padding:10px 15px 10px 35px;
 } 
 a.MappingLink:hover{ 
	background-color:#888888; 
	text-decoration:underline; 
 }

/************************************************************************/
/*Generic Data Driven Display Styles                                    */
/************************************************************************/
.dddListing{}
.dddListing h2{
	border-bottom:1px solid;
}
.dddItem{}
.dddDetail{}

.sidebarResourceBlock{}
.sidebarResourceBlock h3{}
.sidebarResourceBlock li{}

.abstract{}
.bodyText{}
.author{}
.date{}
.PDF{}
.externalLink{}
.Image{}

.detailLink,.listingLink{}
.detailLink{
	text-align:right;
}
.listingLink
{
	margin-top:20px;
}
.detailLink a, .detailLink a:focus, .detailLink a:hover, .detailLink a:visited, .listingLink a, .listingLink a:focus, .listingLink a:hover, .listingLink a:visited{
	font-size:11px;
	text-decoration:none;
}
.detailLink a, .detailLink a:focus, .detailLink a:hover, .detailLink a:visited{
	background-image:url(/media/images/detail_icon.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:10px; /* may change depeding upone width of detail_icon.gif 10px for installer */
}
.homeColumn .detailLink a, .homeColumn .detailLink a:focus, .homeColumn .detailLink a:hover, .homeColumn .detailLink a:visited{
	background-image:url(/media/images/detail_iconHome.gif);
}
/*.detailLink a:before{content:">> << "} use printscreen to create images*/
.listingLink a, .listingLink a:focus, .listingLink a:hover, .listingLink a:visited{
	background-image:url(/media/images/listing_icon.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px; /* may change depeding upone width of detail_icon.gif 10px for installer */
}

/* News/Events Homepage */
#newsFeature .eventItem, #eventFeature .eventItem{
	margin-bottom: 4px;
	padding-bottom:0;
	font-size: 11px;
}
#newsFeature .abstract p, #eventFeature .abstract p{
	margin-top:0;
	padding-top:0;
}

#newsFeature .detailLink, #eventFeature .detailLink{
	margin: 12px 0;
}
/* Sidebar links */
.sidebarLinks{
	list-style:none;
	margin:0 0 10px 0;
	padding:3px 0;
	border-top:1px solid #FFE2CF;
	border-bottom:1px solid #FFE2CF;
}
.sidebarLinks li{
	padding:2px 0;
	font-weight:bold;	
}
.sidebarLinks li a, .sidebarLinks li a:visited{
	color:#FFE2CF !important;
}
.sidebarLinks li a:hover{
	text-decoration:none;
	color:#7F4117 !important;
}

/* Testimonials */
.testimonial{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	line-height:18px;
}
/************************************************************************/
/*Custom Classes and Styles;                                            */
/*                                                                      */
/*Any custom classes or styles needed specifically for this site's      */
/*front end go here.                                                    */
/************************************************************************/
/** clearfix **/
.clearfix:after {  
   content: ".";  
   display: block;  
   clear: both;  
   visibility: hidden;  
   line-height: 0;  
   height: 0;  
}  
 
.clearfix {  
   display: inline-block;  
}  
 
html[xmlns] .clearfix {  
  display: block;  
}  
 
* html .clearfix {  
  height: 1%;  
}  
/** **/
.clearFloats{clear:both;}
.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
/************************************************************************/
/*Template Styles;                                            */
/************************************************************************/
#siteBGWrapper{
	width:974px;
	margin:0 auto;
	background-image:url(/media/images/footerBG.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:11px;
}
#siteBG{
	width:974px;
	margin:0 auto;
	background-image:url(/media/images/bodyBG.gif);
	background-repeat:repeat-y;
}
#siteWrapper{		
	width:951px;
	background-color:#fff;
	margin:0 auto;
}
#headerContainer{
	height:122px;
	background-image:url(/media/images/headerBG.gif);
	background-repeat:no-repeat;
}
.interiorContainer #headerContainer{
	border-bottom:27px solid #ADCF5A;/* BDD850, ADCF5A, E0EDAE */
	margin-bottom:5px;
}
#jajfLogo{
	float:left;
	width:105px;
	margin-top:6px;
}
#navWrapper{
	float:right;
	width:846px;
}

/* Generic interior styles (for all interior templates) */
	#rightSidebar, #rightSidebar p, #rightSidebar div, #rightSidebar ul li, #rightSidebar span, #rightSidebar h1, #rightSidebar h2, #rightSidebar h3{
		color:#fff;
	}
	#leftSidebar, #leftSidebar p, #leftSidebar div, #leftSidebar ul li, #leftSidebar span, #leftSidebar h1, #leftSidebar h2, #leftSidebar h3{
		color:#fff;
	}
	#bodyContainer{
		clear:both;
		min-height:200px;
		margin-bottom:5px;
	}
	* html #bodyContainer{
		height:200px;
	}
	#bodyContainer a, #bodyContainer a:focus, #bodyContainer a:hover, #bodyContainer a:visited{
		color: #11518F; /* needed for safari */
	}
	.bodyColumn{
		float:left;
	}
		#sidebarImg{
			width:162px;
		}
		#bodyContent{
			width:352px;
			min-height:378px;
			margin-top:10px;
			margin-bottom:10px;
		}
		* html #bodyContent{
			height:380px;		
		}

/** Home Styles **/
	#homeImg{clear:both;}
	#homeBanner{
		margin:5px 0 5px 0;
		background-color:#a7cb17;
		padding:5px 90px;
		min-height:50px;
	}
	* html #homeBanner{
		height:50px;
	}
	#homeBanner, #homeBanner p, #homeBanner div, #homeBanner h1, #homeBanner h2, #homeBanner h3{
		color:#fff;
	}
	#homeBanner h1, #homeBanner h2, #homeBanner h3{
		padding:0;
		margin:5px 0;
		font-weight:normal;
	}
	#homeColumns{
		background-image:url(/media/images/homeColumnsBG.gif);
		background-repeat:repeat-y;
	}
	.homeColumn{
		width:197px;
		float:left;
		padding:0 20px;
		#padding-top:5px;
		margin-bottom:10px;
	}
	.homeColumn, .homeColumn p, .homeColumn div, .homeColumn span, .homeColumn h1, .homeColumn h2, .homeColumn h3{
		color:#fff !important;
	}
		/*#theNeed{
			background-color:#2794b2;
		}
		#theWOW{
			background-color:#db6937;
		}
		#theNews{
			background-color:#6f5944;
		}
		#theMedia{
			background-color:#359453;
			width:200px;
		}*/
		#theNeed a, #theNeed a:visited{
			/*color:#0A404F !important;*/
		}
		#theWOW a, #theWOW a:visited{
			/*color:#8F2C00 !important;*/
		}
		#theNews a, #theNews a:visited{
			/*color:#2F2923 !important;*/
		}
		#theMedia a, #theMedia a:visited{
			/*color:#0C2F16 !important;*/
		}
		#theNeed a:hover,#theWOW a:hover,#theNews a:hover,#theMedia a:hover{
			color:#000000 !important;
		}
		
	.whiteTextLinks a, .whiteTextLinks a:visited {
		font-weight:bold !important;
		color:#FFFFFF !important;
		text-decoration:underline;
	}
	
	.homeColumn a, .homeColumn:visited{
		text-decoration:underline;
	}
	#partnersFlash{
		padding:5px 0px;
	}

/** Interior Right Sidebar Styles **/
	#interiorRightSidebarContainer #bodyContainer{
		background-image:url(/media/images/bodyRightSidebarBG.gif);
	}
	#interiorRightSidebarContainer #bodyContent{
		margin-left:91px;
		background-color:#fff;
		padding:10px 40px;
	}
	#interiorRightSidebarContainer #rightSidebar{
		width:175px;
		padding:10px;
		margin-left:7px;
	}
	#interiorRightSidebarContainer #rightSidebar a, #interiorRightSidebarContainer #rightSidebar a:visited{
		color:#fff;
	}
	
/** Interior Left Sidebar Styles **/
	#interiorLeftSidebarContainer #bodyContainer{
		background-image:url(/media/images/bodyLeftSidebarBG.gif);
		border-top:1px solid #fff;
		width:100%; /* safari fix */
	}
	#interiorLeftSidebarContainer #bodyContainer #contentBG{
		margin:7px 0;
		background-image:url(/media/images/contentLeftSidebarBG.gif);
		background-repeat:repeat-y;
		background-position:168px;
		width:789px;
		float:right;
	}
	* html #interiorLeftSidebarContainer #bodyContainer #contentBG{
		background-position:165px;
	}
	#interiorLeftSidebarContainer #bodyContent{
		margin-left:6px;
		/*background-color:#fff;*/
		padding:10px 30px;
		width:492px;
		border:1px solid #fff;
	}
	* html #interiorLeftSidebarContainer #bodyContent{
		width:487px;
	}
	#interiorLeftSidebarContainer #leftSidebar{
		width:142px;
		padding:20px 10px 5px 10px;
	}
	#interiorLeftSidebarContainer #leftSidebar a, #interiorLeftSidebarContainer #leftSidebar a:visited{
		color:#fff;
	}

/** Interior No Sidebar Styles **/
	#interiorNoSidebarContainer #bodyContainer{
		background-image:url(/media/images/bodyNoSidebarBG.gif);
		width:100%; /* safari fix */
	}
	#interiorNoSidebarContainer #bodyContent{
		margin-left:70px;
		background-color:#fff;
		padding:10px 30px;
		width:590px;
	}
	
/** Interior Gallery Styles **/
	#interiorGalleryContainer #bodyContainer{
		background-image:url(/media/images/bodyGalleryBG.gif);
		width:100%; /* safari fix */
	}
	#interiorGalleryContainer #leftSidebar{
		width:232px;
		padding:5px 20px;
	}
	#interiorGalleryContainer #bodyContent{
		width:550px;
		padding-left:3px;
	}
	

/* footer styles */
	#footerContainer{
		background-color:#e0edae;
		background-image:url(/media/images/footerBar.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding-bottom:5px;
		padding-top: 6px;
	}
	#footerContainer, #footerContainer div, #footerContainer a, #footerContainer a:visited{
		text-align:center;
		font-size:10px;
		color:#363636;
	}
	#footerContainer a:hover{
		color:#666666;
	}
/************************************************************************/
/*Site Map Styles;                                            */
/************************************************************************/
.sitemapColumn{
	margin:0;
	padding:5px;
}
.sitemapSection{
	font-weight:bold;
}
.sitemapSubSection{
	font-weight:bold;
}
.sitemapPage{
	font-weight:normal;
}

/* nav manager */
.navItemLevel_1{
	margin-left: 3px;
	background-color:#E1E1E1;
}
.parentLevel_1{
	margin-left: 3px;
	background-color:#E1E1E1;
}
.navItemLevel_2{
	margin-left: 6px;
	background-color:#CCCCCC;
}
.parentLevel_2{
	margin-left: 6px;
	background-color:#CCCCCC;
}

/************************************************************************/
/*i_appreciation.cfm                                                 */
/************************************************************************/
/*Embed Mp3 audio media player container*/
.audioPlayerControl {
	position:relative;
	width:100%; height:32px;
	margin:0px;	
	padding:0px;
}

/************************************************************************/
/*Error Handeling Styles                                                */
/************************************************************************/
#errorBlock{
	margin-left: 15px;
	margin-bottom: 10px;
}
#errorBlock h2{
	color: #cc0000;
	margin: 2px;
	height: 25px;
	background-image:url(/media/images/icon_error.gif);
	background-repeat:no-repeat;
	padding-left: 30px;
}
#errorBlock ul{
	list-style:square;
	margin: 3px 0px;
	padding-left: 30px;
}
#errorBlock ul li{
	color: #cc0000;
	border-left: 1px solid #cc0000;
	margin-left: 3px;
	padding-left: 8px;
}
/************************************************************************/
/*Admin Tools Styles and classes;                                       */
/*                                                                      */
/*Used by admintools and administrative displays on the front end       */
/*(Not actually put into use yet - still using admintools.css           */
/************************************************************************/

.formbuilderheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #FFFFFF;
	vertical-align : top;
	background-color : #4c4c4c;
}
.smallfontsize {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #000000;
}
.errortext {
	padding-bottom : 5px;
	padding-left : 8px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #ffffff;
	background-color : #f4f4f4;
	border : 3px solid #cc0000;
}
.logintext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #663366;
}
.submitbuttonFront {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	color : #5D8DB8;
	background-color : #ffffff;
	border: 1px solid #5D8DB8;
}
.submitbuttonFront:hover{
	cursor:pointer;
}
.submitbuttonFrontDisabled {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	color : #999999;
	background-color : #ffffff;
	border: 1px solid #999999;
}
.submitbuttonGray {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	color : #ffffff;
	background-color : #666666;
	border : 2px ridge #dadada;
}
.frontendformitemlabel{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
	font-style : italic;
}
.frontendformitemlabelreq{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
}
.frontendformiteminput {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
	border-style : none;
}
.frontendformitemcheckbox {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
}
.frontendinputfield{
	background-color:#F0F0F0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	padding: 1px;
}
.submitbutton {
	BACKGROUND-COLOR: #749BAD;
	BORDER-BOTTOM: #dadada 2px ridge;
	BORDER-LEFT: #dadada 2px ridge;
	BORDER-RIGHT: #dadada 2px ridge;
	BORDER-TOP: #dadada 2px ridge;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center
}
.successtext {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #ffffff;
	background-color : #c4c4ff;
	border : 1px dashed #555555;
}
.toolheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 8px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	text-align : right;
	color : #ffffff;
	background-color : #333333;
}
.toolheaderi3 {
	BACKGROUND-COLOR: #5B879C;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 6px;
	PADDING-TOP: 6px;
	PADDING-RIGHT: 6px;
}
.toolTable {
	BACKGROUND-COLOR: #ffffff
}

/**************************/
/* Calendar Pop Up Styles */
/**************************/

.BSCalcpYearNavigation,
.BSCalcpMonthNavigation
		{
		background-color:#6677DD;
		text-align:center;
		vertical-align:center;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		}
.BSCalcpDayColumnHeader,
.BSCalcpYearNavigation,
.BSCalcpMonthNavigation,
.BSCalcpCurrentMonthDate,
.BSCalcpCurrentMonthDateDisabled,
.BSCalcpOtherMonthDate,
.BSCalcpOtherMonthDateDisabled,
.BSCalcpCurrentDate,
.BSCalcpCurrentDateDisabled,
.BSCalcpTodayText,
.BSCalcpTodayTextDisabled,
.BSCalcpText
		{
		font-family:arial;
		font-size:8pt;
		}
TD.BSCalcpDayColumnHeader
		{
		text-align:right;
		border:solid thin #6677DD;
		border-width:0px 0px 1px 0px;
		}
.BSCalcpCurrentMonthDate,
.BSCalcpOtherMonthDate,
.BSCalcpCurrentDate
		{
		text-align:right;
		text-decoration:none;
		}
.BSCalcpCurrentMonthDateDisabled,
.BSCalcpOtherMonthDateDisabled,
.BSCalcpCurrentDateDisabled
		{
		color:#D0D0D0;
		text-align:right;
		text-decoration:line-through;
		}
.BSCalcpCurrentMonthDate
		{
		color:#6677DD;
		font-weight:bold;
		}
.BSCalcpCurrentDate
		{
		color: #FFFFFF;
		font-weight:bold;
		}
.BSCalcpOtherMonthDate
		{
		color:#808080;
		}
TD.BSCalcpCurrentDate
		{
		color:#FFFFFF;
		background-color: #6677DD;
		border-width:1px;
		border:solid thin #000000;
		}
TD.BSCalcpCurrentDateDisabled
		{
		border-width:1px;
		border:solid thin #FFAAAA;
		}
TD.BSCalcpTodayText,
TD.BSCalcpTodayTextDisabled
		{
		border:solid thin #6677DD;
		border-width:1px 0px 0px 0px;
		}
A.BSCalcpTodayText,
SPAN.BSCalcpTodayTextDisabled
		{
		height:20px;
		}
A.BSCalcpTodayText
		{
		color:#6677DD;
		font-weight:bold;
		}
SPAN.BSCalcpTodayTextDisabled
		{
		color:#D0D0D0;
		}
.BSCalcpBorder
		{
		border:solid thin #6677DD;
		}
/*Testimonials*/
.quoteCSS{ 
	font-family:Georgia;
	font-style:italic;
	font-weight:bold;
	display:inline;
	font-size:11px; 
	padding-left: 2px; 
	padding-right:2px;
}
.sourceCSS{ 
	font-family:Georgia;
	font-size:10px; 
	padding-top:10px;
}
.companyCSS{ 
	font-family:Georgia;
	font-size:10px; 
}		


