/* 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, table, td, p, div, span, li {
	font-family: Arial,"Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	line-height:1.5em;
	color: #000;
}
body{
	margin:0;
	padding:0;
	background-image:url('/media/images/main-bg.jpg');
	background-repeat:repeat-x;
}
ul {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding: 0px 0px 0px 20px;
	margin : 0px 0px 0px 0px;
}
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.8em;
	color: #67999a;
	font-weight : normal;
}
h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.4em;
	color : #006699;
	font-weight : bold;
}
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	color : #0c2577;
	font-weight : bold;
}
a, a:focus, a:hover, a:visited, a ul li {
	font-family : Arial, Helvetica, sans-serif;
	font-size : inherit;
	color: #11518F;
	text-decoration: none;
	font-weight : inherit;
}
a:hover {
	color: #45729F;
	text-decoration: underline;
}
a.mini-request { display:block; float:left; clear:both; width:150px; margin:15px 10px; height:20px; background:url('/media/images/request-info-sm.jpg') left center no-repeat;}

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;
}
.dddListing h2 a:hover{
	text-decoration:none;
}
.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:10px;
	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 */
}
/*.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 */
}

/************************************************************************/
/*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 Shell */
#mainShell{
	width: 800px;
	min-height:650px;
	margin:36px auto;	
	background-color:#fff;	
}

#header { float:left; width:790px; height:100px; margin-left:10px; }
#logo { float:left; width:280px; margin:6px 0px 0 0px; height:60px; }
#logo2 { float:left; width:190px; margin:30px 0 0 3px; height:60px; }
.logoPodSeparator{ float:left; background:url('/media/images/home-pod-separator.jpg') no-repeat center; width:15px; height:70px; padding:15px 3px 0 0;}
#c2awrapper { max-width:280px; float:right; text-align:right; margin-right:4px;}
#headerC2A { }

#site-search { float:right; padding-right:10px;  vertical-align:bottom;}
#site-search label { padding:0 0 0 0; color:#666; text-transform:uppercase; font-size:1.1em;  }
#searchTerms  { border:1px solid #ccc; width:120px; margin: 0 5px; padding:3px 0 0 0; height:19px; color:#666; font-size:1.2em;  background:URL('/media/images/text-box-bg.gif') repeat-x top left; }
#searchButton { border:1px solid #ccc; padding:1px; margin:0; vertical-align:bottom;}
span.call-today{ float:left; clear:both; color:#666; font-weight:bold; font-size:.9em; text-transform:uppercase; padding-top:3px;}

#topNavBar { float:left; width:100%; height:35px; background:url('/media/images/top_nav_background.jpg') no-repeat center; }
/*
div.parent a { background:URL('/media/images/nav_divider.gif') no-repeat  right bottom; }
*/
#footer { float:left; width:100%; border-top:5px solid #b8e3e8; text-transform:uppercase; text-align:center; margin-top:25px; padding-top:10px; }
#footer ul { display:block; padding:5px 0; margin:auto auto;width:90%; }
#footer ul li { display:inline; padding:0 10px; list-style:none; }

#footer p { display:block; clear:both; width:100%; font-size:.8em;  color:#336566; }
#footer a { color:#71a0a1; font-size:.8em; }

/************************************************************************/
/* Home Page Specific Styles */
/************************************************************************/
#homeContentContainer{ float:left; width:800px; padding:5px 0 0 10px; }
#homeLeftContainer{ float:left; width:565px; }
#homeTopLeft p { margin:0; padding:0; }

#homeBottomLeft { float:left; background:url('/media/images/home_text_medium.jpg') no-repeat left top; height:140px; width:380px; padding:5px 10px; margin-top:5px; margin-right:5px; line-height:0.9em;}
#homeBottomLeft h2 { color:#FFCC33; font-size:1.4em; margin:8px 0 3px 0;}
#homeBottomLeft p { color:#fff; font-size:1.1em; margin:0; padding:0;}


/* background:url('/media/images/home_text_135w.jpg') no-repeat left top; */
#homeBottomCenter { float:left; overflow:hidden; color:#fff; background:url('/uploads/100015_homepage/100148.jpg') no-repeat left top; height:150px; width:140px; padding:5px 10px; margin-top:5px;}
#homeBottomCenter h2 { color:#fff; font-size:1.3em; margin:0; padding:0;}
#homeBottomCenter p { color:#fff; margin:0; padding:0;}
#homeBottomCenter img { margin-top:5px;}
#homeBottomCenter a { display:block; height:130px; width:130px; }

#homeRightContainer{ float:left; width:220px;  background:url('/media/images/home_rt_side_grad2.jpg') no-repeat left top; height:343px; }

#homeTopRight{float:left;width:220px; }
#homeTopRight ul {float:left; margin:35px 0 0 6px; color:#1a327f; }
#homeTopRight ul li { padding-bottom:5px;text-transform:uppercase; color:#1a327f; font-size:.85em; font-weight:bold; }
#homeTopRight ul li a{ text-transform:uppercase; color:#1a327f; font-size:.9em; font-weight:bold; }

#homeBottomRight{ float:left; margin:0 0 0 6px; border-top:1px solid #fff; padding-top:5px;}

#homeBottomContainer{ float:left; height:140px; width:100%;}
#homeBottomContainer h3{ color:#67999a; font-size:1.1em;}
#homeBottomContainer p{ color:#5ec0cc; font-size:1em; float:right; width:100px; font-weight:bold;}

#homeBottom{float:left; width:300px; height:100px; border-top:5px solid #dddc5c; padding:10px 0; margin:0 0 10px 0;}
#homeBottom p{float:left;margin-top:-3px;}
/*#homeBottom img{width:290px;min-height:120px;}*/

#homeC2A1{float:left; width:200px; min-height:100px; border-top:5px solid #8a071a; padding:10px 0;}
#homeC2A1 p{float:left;margin-top:-3px;}
#homeC2A2{float:left; width:200px; min-height:100px; border-top:5px solid #53bbc8; padding:10px 0;}
#homeC2A2 p{float:left;margin-top:-3px;}

#homePod1{ float:left; width:300px; height:100px; border-top:5px solid #dddc5c; padding:10px 0;}
#homePod2{ float:left; width:200px; height:100px; border-top:5px solid #8a071a; padding:10px 0;}
#homePod3{ float:left; width:200px; height:100px; border-top:5px solid #53bbc8; padding:10px 0;}

.homePodSeparator{ float:left; background:url('/media/images/home-pod-separator.jpg') no-repeat center; width:3px; height:100px; padding:0 10px;} 
.moreInfo{ float:right; clear:both;}

/************************************************************************/
/* Subpage: 2-Col Styles                                                */
/************************************************************************/
#mainContentContainer{ float:left; margin-top:15px; }
#leftContainer{ width:200px; padding:5px; float:left;}
#leftColumnTop { width:95%; }
#leftColumnTop div { border-top:5px solid #53bbc8; float:left; clear:both; width:100%; margin:0 0 60px 0; padding:0; } 
#leftColumnTop div img{ float:left; }
#leftColumnTop div h3{ color:#67999a; font-size:1.1em; text-transform:uppercase; margin:0; padding:0;}
#leftColumnTop div p{ color:#5ec0cc; font-size:1em; float:left; width:100px; font-weight:bold; margin:0; padding:0; padding-left:10px;}
#leftColumnTop div p.quote { color:#000; font-style:italic; font-weight:normal;}

#rightContainer{ float:left; width:585px;}
#rightColumnTop{ float:left; width:450px; }
#rightColumnMiddle{ float:left; width:450px; }

/***********************************************************************/
/*	Subpage: 3-Col styles                                              */
/***********************************************************************/
#mainContentContainer3Col{ float:left; margin-top:15px; }

#leftContainer3Col{ width:210px; padding:0 0 0 10px; float:left; }
#leftColumnTop3Col { width:95%; }
#leftColumnMiddle3Col {}
#leftColumnBottom3Col {}

#centerContainer3Col { float:left;  width:430px;}
#centerContainer3Col a { text-decoration:underline; }
#centerColumnTop3Col { width:400px; padding-left:10px; }
#centerColumnMiddle3Col {}
#centerColumnBottom3Col {}

#rightContainer3Col { float:left; width:130px;}
#rightColumnTop3Col div { border-top:5px solid #53bbc8; float:left; clear:both; width:100%; margin:0 0 60px 0; padding:0; } 
#rightColumnTop3Col div img { float:left; }
#rightColumnTop3Col div h3 { color:#67999a; font-size:1.1em; text-transform:uppercase; margin:0; padding:0;}
#rightColumnTop3Col div p { color:#5ec0cc; font-size:1em; float:left; width:100px; font-weight:bold; margin:0; padding:0; padding-left:10px;}
#rightColumnTop3Col div p.quote { color:#000; font-style:italic; font-weight:normal;}

#rightColumnMiddle3Col {}
#rightColumnBottom3Col {}

#call2ActionHeader { float:left; width:100%; clear:both; margin:10px 0 0 10px; padding:0;}
#call2ActionHeader img {  float:left; margin-right:60px;} 

/***********************************************************************/
/* Deal with Secondary/Third Level Navigation                          */
/***********************************************************************/
span.left-nav-section a{ font-size:1.2em; }
span.left-nav-item { display:block; text-transform:uppercase; font-size:.8em; font-weight:bold; padding:15px 0 10px 0; border-bottom:1px dashed #e3e3e3; }
span.left-nav-item > a{ color:#b3aa1b;  }
span.left-nav-on > a{ color:#b3aa1b; font-weight:bold; text-decoration:underline; }

#subNavTabs { float:left; text-align:center; text-transform:uppercase; padding:5px 0 0 0; clear:both; }
#subNavTabs span{ }
#subNavTabs span a{color:#152d7c; font-size:.7em; font-weight:bold; text-decoration:none; width:100px; display:block; padding-top:10px;}

li.nav-on { margin:10px 0 0 0; padding:0; font-size:.8em; list-style-image:URL('/media/images/left-nav-bullet.gif'); }
li.nav-on a { color:black; font-weight:bold;}
li.nav-off { margin:10px 0 0 0; padding:0; font-size:.8em; list-style-image:URL('/media/images/left-nav-bullet.gif'); }

/************************************************************************/
/* Site Map Styles;                                                      */
/************************************************************************/

#miniSiteMap { float:left; text-align:left; margin:10px 0 15px 15px; }
div.bucket { float:left; width:380px; }

#miniSiteMap div.bucket > a {font-size:1em; font-weight:bold; text-align:left; display:block; padding-left:20px; }
#miniSiteMap div.bucket > ul > li >a {color:#b3aa1b; font-size:.9em; font-weight:bold; }
#miniSiteMap div.bucket > ul > li > ul a { font-size:.8em;  font-weight:bold;}
#miniSiteMap div.bucket  ul  li { display:block; } 

.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;
}

/************************************************************************/
/*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;
}
.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 : #000;
	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 : #000;
	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 : #000;
	vertical-align : top;
	border-style : none;
}
td.frontendformiteminput input, td.frontendformiteminput textarea  { background:URL('/media/images/text-box-bg.gif') repeat-x top left; height:20px; border:1px solid #e3e3e3; color:#666; }
td.frontendformiteminput textarea { height:50px;  }

.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;
		}