/* Content Page (!Top)


** To quickly navigate to the section, just highlight the shortcut key 
(e.g. !Footer)and hit Ctrl F and click on Find Next and you will reach
the Footer section**

Colour chart
HTML (!HTML)
ASCX Control (!ASCX)
Header (!Head)
	Banner Container (!Banner)
		Search Bar (!Search)
		Banner & Logo Image (!BLImage)
Content (!Content)
	Parent Category (!Parent)
	Breadcrumbs (!Bread)
	Utilities (!Util)
	Public Left Content (!LeftCt)
		Left Content Pics (!LCP)
		Contact Us (!Contact)
		Left Content Transparent Pics (!LCTP)
	Public Main Content (!MainCt)
		Home Content (!HomeCt)
		Case Study (!CaseStd)
		Featured Category & CaseStudy (!Feature)
		Readmore (!Readmore)
	Public Right Content (!RightCt)
		Latest News (!News)
		Related Content (!Related)
		Static Homepage Text (!Static)
Footer (!Footer)
Search Result (!SResult)
Jobs (!Jobs)
Uncategorized code (!Code)

/******************************* Colour Chart *************************************

Colour charts:
#333(333) = dark grey
#666(666) = grey
#999(999) = grey

#CCC(CCC) = grey
#EEE(EEE) = light grey
#FFF(FFF) = white

#666663 = grey
#A09D93 = grey
#E6E4E0 = grey
#848377 = grey
#F5F4F2 = light grey
#FF0000 = red
#CBC7BE = grey
#E0E0E0 = grey
#A09D93 = grey



/******************************** HTML (!HTML)**************************************/
body
{
	font-family: Verdana, Arial, Tahoma, Arial,Helvetica,Sans-serif, Sans-Serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
	height: 100%;
	color: #333333;
}
td
{
	vertical-align: top;
}
a, a:link, a:visited, a:hover
{
	color: #A9122A;
}
a:hover
{
	text-decoration: underline;
}
.PublicErrorMessage
{
	color: Red;
	font-size: small;
	font-weight: bold;
}
.PublicErrorMessage ul, .PublicErrorMessage li
{
	display: none;
}
hr
{
	height: 0;
	width: auto;
	border: 0;
	border-bottom: 1px dashed red;
	margin: 10px 0 5px 0;
}
img, table
{
	border: 0;
	padding: 0;
	margin: 0;
}
h1, .header1, .InputFieldHeader1
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 140%;
	margin: 8px 0 5px 0;
	padding: 0;
	font-weight: 700;
}
h2, .header2, .InputFieldHeader2
{
	color: Black;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 110%;
	text-transform: none;
	margin: auto 0 0 0;
	padding: 0;
}
h3, .header3, .InputFieldHeader3
{
	color: Black;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 100%;
	text-transform: none;
	margin: auto 0 0 0;
	padding: 0;
}
h4, .header4, .InputFieldHeader4
{
	color: Black;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 90%;
	text-transform: none;
	margin: auto 0 0 0;
	padding: 0;
}
p
{
	color: #333333;
	font-family: Vedana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	text-transform: none;
	margin: 0 auto;
	line-height: 165%;
	text-align: left;
	font-size: 100%;
}

/*ul
{
	margin: 0;
	padding: 5px 0 5px 45px;
}
li
{
	list-style-type: square;
	margin: 2px 0 3px 0px;
	padding: 0 0 3px 0;
	font-size: 100%;
}*/

/***************************** ASCX Control (!ASCX) ********************************/
.Form
{
	margin: 10px 0px 0 0px;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 2px;
}

.LeftMenuItemArrow
{
	position: absolute;
	margin: 5px 0px 4px auto;
	right: 3px;
}

.DocumentUpload
{
	float: right;
}
.DocumentUpload td
{
	vertical-align: middle;
	padding: 2px;
}
.ContentContainer
{
	width: 100%;
	padding: 0 0 50px 0;
	margin: 10px 0;
	float: left;
	clear: none;
	position: relative;
}
.ContentContainer a, ContentContainer a:visited, .ContentContainer a:link, .ContentContainer a:visited, .ContentContainer a:hover
{
	color: #333;
}
.ContentContainer th
{
	background: #CBC7BE;
	border-right: 1px solid #999;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #999;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 5px;
}
.ContentItemHeader, .ContentItemHeaderActiveAscending, .ContentItemHeaderActiveDescending
{
	padding: 0px 0px 0px 20px;
	background-repeat: no-repeat;
}
.ContentItemHeaderActiveAscending
{
	background-image: url(/Images/arrow_up.gif);
}
.ContentItemHeaderActiveDescending
{
	background-image: url(/Images/arrow_down.gif);
}
.ContentItemAlternate, .ContentItem
{
	vertical-align: top;
	padding: 15px 10px 10px 10px;
}
.ContentItemAlternate img, .ContentItem img
{
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}
.ContentItem
{
	background: #EEE;
	border-bottom: 1px dotted #999;
}
.ContentItemAlternate
{
	background: #FFF;
	border-bottom: 1px dotted #999;
}
.ContentItemAlternate a, .ContentItemAlternate a:link, .ContentItemAlternate a:visited, .ContentItemAlternate a:hover, .ContentItem a, .ContentItem a:visited, .ContentItem a:visited, .ContentItem a:hover
{
	color: #666663;
}

.ContentItemTitle a, .ContentItemTitle a:link, .ContentItemTitle a:visited, .ContentItemTitle a:hover
{
	font-weight: bold;
	margin: 5px 0;
	text-decoration: none;
}
.ContentItemStatus
{
	font-size: 90%;
}
.ContentItemMetadataContainer
{
	margin: 5px 0;
	font-size: 90%;
}
.ContentItemAbstract
{
	font-size: 90%;
	color: #666;
	margin: 10px 0;
}
.ContentItemMetadataContainer td
{
	padding: 1px;
	margin: 0;
	border-bottom: 0;
}
.ContentItemAction
{
	font-size: 81%;
	font-weight: bold;
	height: 20px;
	margin: 0 0 0px 0;
}
.ContentItemAction a, .ContentItemAction a:link, .ContentItemAction a:visited, .ContentItemAction a:hover
{
	text-decoration: none;
	color: #666663;
}
.ContentItemSubAction
{
	font-size: 90%;
	margin: 1px 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.ContentProgressInfo
{
	height: 15px;
	float: left;
	background: #FF0000;
	color: #FFF;
	font-size: 90%;
	font-family: Verdana, Arial;
	padding: 2px 5px;
}
.ContentItemStaging
{
}
.FileUploadArea
{
	float: left;
	width: 100%;
	margin: 10px 0;
}

/******************************* Header (!Head) ************************************/
#Header
{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #474747;
	min-width:1000px;
    width:100% !important;
    width:1000px; 
    height: 151px;
}
/************** Banner Container (!Banner)************/
#Banner
{
	position: relative;
	float: left;
}

/*************** Search Bar (!Search) *****************/
#SearchBar
{
	float: right;
	position: relative; /*width: 226px; 	background-image: url(/Images/searchRepeat.jpg); 	clear:left; 	border-right:1px solid #CCCCCC; 	border-top:1px solid #CCCCCC; 	border-bottom:1px solid #CCCCCC; 	border-left:1px solid #CCCCCC;display:none;*/
	margin: 0;
	background-color: #474747;
	top: 0;
	font-size: 10px;
	width: 100px;
	height: 151px;
}
#SearchContentArea
{
	/*position: relative;
	float: right;
	padding: 12px 0 30px 8px;*/
	position: absolute;
	right: 10px;
	width: 100%;
}
.HomePageContactUsLink
{
}
#SearchContentArea .PublicButton
{
	background-color: #CCCCCC;
	border-style: outset;
	color: #333333;
	height: 19px;
	position: relative;
	float: left;
	padding-bottom: 2px;
	margin: 3px 0 0 3px;
	width: 28px;
}
#SearchContentArea .PublicInputFieldShort
{
	position: relative;
	float: left;
	clear: left;
	width: 120px;
}
#SearchLabel
{
	position: relative;
	float: left;
	font-family: Verdana, Arial, Tahoma,Helvetica,Geneva,Swiss,Sans-serif; /*margin-top: 6px;*/
	color: #FFFFFF;
	font-size: 90%;
	padding: 4px 2px 0px 0px;
	width: 180px;
}
.HomePageContactUsLink a:link, .HomePageContactUsLink a:visited, .HomePageContactUsLink a:hover
{
	position: relative;
	float: left;
	font-family: Verdana, Arial, Tahoma,Helvetica,Geneva,Swiss,Sans-serif; /*margin-top: 6px;*/
	color: #FFFFFF;
	font-size: 90%;
	padding: 4px 2px 0px 8px;
	clear: right;
	margin-bottom: 7px;
	clear: both;
}
.SearchTools
{
	font-size: 90%;
	padding: 10px 0;
}
.SearchTools a, .SearchTools a:link, .SearchTools a:visited, .SearchTools a:hover
{
	text-decoration: underline;
	cursor: pointer;
}
/* Input fields: short, medium, long*/
.PublicInputField, .PublicInputFieldShort, .PublicInputFieldMedium, .PublicInputFieldLong
{
	font-family: Verdana, Arial;
	padding: 2px;
	font-size: 90%;
	border: 1px solid #999;
	width: 150px;
	margin: 2px 0 2px 0;
}
.PublicInputFieldShort
{
	width: 100px;
}
.PublicInputFieldMedium
{
	width: 200px;
}
.PublicInputFieldLong
{
	width: 98%;
}
.PublicButton
{
	background-color: #A09D93;
	color: #FFFFFF;
	margin: 2px;
	height: 20px;
	font-size: 90%;
	padding: 0 2px 0 2px;
}
/********** Banner & Logo Image (!BLImage)************/
#Banner img
{
	border: 0;
	margin: 0;
	height: 151px;
	width: 700px;
	padding: 0;
}
#CompanyLogo
{
	position: relative;
	float: left;
}
.Logo
{
	position: relative;
	float: left;
	height: 151px;
	width: 170px;
	padding: 0;
}
#MainMenuShadowTop
{
	position: relative;
	float: left;
	height: 1px;
	width: 100%;
	background-color: #E0E0E0;
}
#MainMenuShadowBottom
{
	background-image: url(/Images/CustomerSpecific/MainMenuShadowBottom.gif);
	background-position: bottom;
	font-size:120%;
	display: none;
}

/********************************** Content (!Content)****************************************/
#Content
{
	padding: 0;
	margin: 0 0 0 0;
}
.ContentHeader
{
	position: relative;
	float: left;
	border-bottom: 1px solid #EEE;
	width: 100%;
	font-size: 0px;
	display: none;
}
/*************** Parent Category (!Parent)***************/
.ParentCategoryOuter
{
	padding: 15px 0px 0px 15px;
}
.ParentCategoryTitle a:link, .ParentCategoryTitle a:visited, .ParentCategoryTitle a:hover
{
	font-family: Verdana, Arial;
	background-image: url(/Images/CustomerSpecific/EETreeViewBullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 12px 2px 6px;
	color: #000000;
	font-size: 90%;
	cursor: pointer;
	text-decoration: underline;
	width: 159px;
}
#ParentCategory
{
	border-left: 1px solid #FFF;
	width: 257px;
	margin: 0;
	padding: 0;
	float: left;
	height: 30px;
	display: none;
}
#ParentCategoryText
{
	font-size: 16px;
	font-weight: bold;
	padding: 8px 3px 0 30px;
	color: Black;
}
#ParentCategory a, #ParentCategory a:link, #ParentCategory a:visited, #ParentCategory a:hover
{
	color: Black;
	text-decoration: none;
}
#ParentCategory a:hover
{
	text-decoration: underline;
}
/**************** Breadcrumbs (!Bread)*****************/
#HomePageBreadcrumbsBox
{
	position: relative;
	float: left;
	border-top: 6px solid #A9122A;
	height: 28px;
	font-size:100%;
	color: #000000;
	font-weight: bold;
	margin-left: 4%;
	width: 76%;
	width: 73%;
}
#InPageToolbarTop
{
    padding: 0px 0 9px 0;
    width: 20%;
    text-align: right;
    position: relative;
    float: right;
}
#InPageToolbarBottom
{
    position: absolute;
    right: 25px;
    bottom: 0;
    padding: 5px 0 9px 5px;
    display: none;
}
.Breadcrumbs
{
	padding: 0px 0px 0px 0;
	color: #A9122A;
	font-weight: normal;
	font-size: 90%;
	padding: 5px 0 9px 0px;
	width: 100%;
	position: relative;
	float: left;
}
#TheBreadcrumbs
{
    width: 70%;   
    position: relative;
    float: left;
}
.BreadcrumbsItem, .Breadcrumbs a:link, .Breadcrumbs a:visited, .Breadcrumbs a:hover
{
	text-decoration: underline;
	color: #474747;
	font-size: 100%;
	font-weight: bold;
}
.BreadcrumbsItem, .BreadcrumbsItem a:link, .BreadcrumbsItem a:visited, .BreadcrumbsItem a:hover
{
	text-decoration: underline;
	color: #757575;
	font-size:90%;
}
.BreadcrumbsItem a:hover
{
	text-decoration: underline;
}
/***************** Utilities (!Util)******************/
#Utilities
{
	position: relative;
	float: left;
	padding: 0px 0px 0 240px;
	margin-top: -22px;
	display: none;
}
#Utilities1
{
	position: relative;
	float: right;
	margin-top: -22px;
	display: none;
}
/****************************** Left Content (!LeftCt)***************************************/
#LeftBoxEraringEnergy
{
	border-top: 6px solid #787878;
	border-right: 1px solid #787878;
	border-bottom: 1px solid #787878;
	height: 17px;
	font-size:100%;
	color: #000000;
	padding: 1px 0 0 15px;
	font-weight: bold;
	width: 155px;
	position: relative;
	float: left;
	background-color: White;
}
#PublicLeftContent
{
	float: left;
	width: 166px;
	position: relative;
	padding: 0 0px 0 0;
	padding-right: 4px;
	z-index: 1;
}
#LeftMenu
{
	border-bottom: 1px Solid #CCCCCC;
}
/******* LeftContent Pictures (!LCP)***********/
.ImageUpload
{
	margin: 10px 10px 10px 10px;
	border: 1px solid #000000;
	height: auto;
	width: 120px;
	width: 158px;
}
#transparentTopPic1
{
	position: absolute;
	top: 0px;
	left: 248px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic2
{
	position: absolute;
	top: 0px;
	left: 218px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic3
{
	position: absolute;
	top: 0px;
	left: 196px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic4
{
	position: absolute;
	top: 0px;
	left: 158px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentMiddlePic1
{
	position: absolute;
	top: 124px;
	left: 155px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentMiddlePic2
{
	position: absolute;
	top: 124px;
	left: 175px;
	z-index: 100;
	filter: alpha(opacity=80);
	opacity: .8;
}

#transparentMiddlePic3
{
	position: absolute;
	top: 124px;
	left: 145px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}
#transparentMiddlePicHide
{
	position: absolute;
	top: 124px;
	left: 191px;
	z-index: 100;
}

#transparentBottomPic1
{
	position: absolute;
	top: 248px;
	left: 133px;
	z-index: 100;
	filter: alpha(opacity=80);
	opacity: .8;
}

#transparentBottomPic2
{
	position: absolute;
	top: 248px;
	left: 126px;
	z-index: 100;
	filter: alpha(opacity=80);
	opacity: .8;
}
#transparentBottomPicHide
{
	position: absolute;
	top: 248px;
	left: 142px;
	z-index: 100;
}

/************ Contact Us (!Contact)************/
#ContactUsLink
{
	border-top: 1px Solid #EEE;
	border-bottom: 1px Solid #EEE;
	padding: 7px 0 7px 30px;
	margin: 20px 0 0px 0;
}
#ContactUsLink a, #ContactUsLink a:link
{
	color: Black;
	font-size:100%;
	text-decoration: none;
}
#ContactUsLink a:hover
{
	text-decoration: underline;
}
/********* Transparent Left Pic (!LCTP)**********/

#UploadedImages
{
}
#UploadedImages img
{
	margin: 0 0 4px 0;
	float: none;
	clear: right;
}
.Image1
{
	height: 119px;
	margin-bottom: 5px;
}
.Image2
{
	height: 119px;
	margin-bottom: 5px;
}
.Image3
{
	height: 97px;
	margin-bottom: 5px;
}
#transparentLeftMenuPic1
{
	position: absolute;
	left: 248px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentLeftMenuPic2
{
	position: absolute;
	left: 218px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentLeftMenuPic3
{
	position: absolute;
	left: 196px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentLeftMenuPic4
{
	position: absolute;
	left: 158px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

/******************************* Main Content (!MainCt)*******************************/
#PublicMainContent, .PublicMainContent
{
	position: relative;
	float: left;
	padding: 3px 3% 40px 3%;
	border-left: 1px dotted #535353;
	min-width:550px;
    margin: 0 auto;
    width: 94%;
}

html > body #PublicMainContent
{
	height: auto;
}

.CategoryContent
{
	float: left;
	margin: 0;
	padding: 0 0px 0 0px;
	clear: both;
	width: 100%;
}

/****************** Home Content (!HomeCt)**********************/

.HomeContent, .DefaultContent
{
}
.HomeContent
{
	/*height: 109px;*/
}
.CategorySubTitle h1
{
	color: #474747;
	font-size:110%;
	font-weight: normal;
	margin-top: 2px;
}
.CategoryAbstract
{
	padding-top: 15px;
	font-size:100%;
	line-height: 165%;
}
.CategoryAbstract a:link, .CategoryAbstract a:visited, .CategoryAbstract a:hover, .CategoryDescription a:link, .CategoryDescription a:visited, .CategoryDescription a:hover
{
	color: #A9122A;
}
.CategoryDescription
{
	padding: 0 0 0 0;
	line-height: 150%;
	clear: both;
}
.DefaultContent
{
}
/********************* Case Study (!CaseStd)**********************/

.ChildCategoryItem, .ArticleItem
{
	padding: 5px 0 3px 0;
	border-top: 1px solid #CCC;
}
.CaseStudyHeader, .CaseStudyHeader a, .CaseStudyHeader a:link, .CaseStudyHeader a:visited, .CaseStudyHeader a:hover
{
	text-decoration: none;
	color: Black;
	color: #004A80;
}
.CaseStudyHeader a:hover
{
	text-decoration: underline;
	color: #004A80;
}
.ChildCategoryHeader a, .ChildCategoryHeader a:link, .ChildCategoryHeader a:visited, .ChildCategoryHeader a:hover
{
	color: Black;
	color: #A9122A;
	text-decoration: underline;
	font-size:95%;
}
.ChildCategoryHeader a:hover
{
	text-decoration: underline;
	color: #A9122A;
}


/******** Featured Category & CaseStudy on HomePage (!Feature)*******/
FeaturedCategoryContent, .FeaturedCaseStudyContent
{
	padding: 20px;
}
#FeaturedCategory
{
	border-right: dotted 1px #ccc;
}
#FeaturedCaseStudy
{
	overflow: visible;
	padding: 0 0 15px 0;
}
#FeaturedCategory, #FeaturedCaseStudy
{
	float: left;
	width: 49.8%;
	overflow: hidden;
	padding: 0 0 0 0px;
	margin: 10px 0 0 0;
}
.FeaturedHeader
{
	font-weight: 700;
	margin: 5px 0 0 0px;
	text-align: left;
	color: Black;
}
.FeaturedHeader p
{
	font-size: medium;
}
#FeatureImage
{
	border: solid 1px #F5F4F2;
	margin: 12px 0 0 0;
}
#FeatureImage img
{
	width: 100%;
}
.FeatureAbstract
{
	margin: 12px 0 0 0;
	padding-right: 2px;
	text-align: left;
}
.FeatureAbstract p
{
	font-size: 100%;
}
/************ Read More link (!Readmore)*************/
.ReadMore, .ReadMore a, .ReadMore a:link, .ReadMore a:visited, .ReadMore a:hover
{
	font-size:90%;
	color: #7596C7;
	color: #A9122A;
	text-decoration: underline;
	padding: 3px 0 0 0;
}
.ReadMore a:hover
{
	text-decoration: underline;
}
.ReadMore img
{
	padding: 0;
	margin: 0 3px -1px 0;
}
/**************************** Right Content (!RightCt)******************************/

#PublicMainRightContent
{
	position: relative;
	float: left;
	width: 447px;
}
#PublicRightContent
{
	position: relative;
	float: right;
	width: 180px;
}
#PublicRightContent img
{
	/*height:auto;*/
}

/******************* Latest News (!News)******************/
#LatestNews2
{
	position: relative;
	float: left;
	width: 228px;
}


#LatestNewsHeader
{
	color: #BF311A;
	padding: 16px 0 3px 0px;
	font-size:120%;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	position: relative;
	border-bottom: 1px solid #BF311A;
}
.NewsItemRow1
{
	font-size: 9px;
	color: #000000;
	padding: 2px 0 0 0px;
	text-transform: uppercase;
	font-weight: bold;
}
.NewsItemRow1 a, .NewsItemRow1 a:link, .NewsItemRow1 a:visited, .NewsItemRow1 a:hover
{
	text-decoration: none;
	color: #000000;
}
.NewsItemRow1 a:hover
{
	text-decoration: underline;
	color: #000000;
}
.NewsItemRow2
{
	font-size: 10px;
	color: #BF231A;
	padding: 2px 0 0 0px;
	font-weight: bold;
	padding-top: 10px;
}
.NewsItemRow3
{
	font-size: 11.25px;
	color: #666663;
	padding: 3px 0 12px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.NewsItemRow2 img
{
	padding: 0 2px 0 0;
}
.ReadMoreLatestNews
{
	font-size:90%;
	padding: 3px 0 0 0;
}
.ReadMoreLatestNews a, .ReadMoreLatestNews a:link, .ReadMoreLatestNews a:visited, .ReadMoreLatestNews a:hover
{
	color: #A9122A;
	text-decoration: underlline;
}
.ReadMoreLatestNews a:hover
{
	text-decoration: underline;
}
/*************** Related Content (!Related)******************/
.RelatedContentsAndDocuments
{
	padding: 0px;
	position: relative;
	float: left;
}
#RelatedContent
{
	/*padding: 10px 4px 0 10px;*/
	position: relative;
	float: left;
	clear: both;
	padding: 5px 22px 10px 22px;
}
#RelatedContent ul, #RelatedDocuments ul
{
	padding: 0px;
}
#RelatedDocuments
{
	/*padding: 10px 4px 0 15px;*/
	position: relative;
	float: left;
	padding: 5px 12px 10px 22px;
	width: 160px;
	clear: both;
}
#RelatedContentHeader, #RelatedDocumentsHeader
{
	margin: 15px 0 10px 0;
}
#RelatedContentHeader h3, #RelatedDocumentsHeader h3
{
	margin: 0 0 5px 0;
	font-size:100%;
}
.RelatedContentPic, .RelatedDocumentsPic
{
	position: relative;
	float: left;
}
.RelatedContentItem a, .RelatedDocumentsItem a, .RelatedContentItem a:link, .RelatedContentItem a:visited, .RelatedContentItem a:hover, .RelatedDocumentsItem a:link, .RelatedDocumentsItem a:visited, .RelatedDocumentsItem a:hover
{
	padding: 0 0 4px 0px;
	font-weight: normal;
	color: #A9122A;
	font-size:90%;
}
.RelatedContentItem, .RelatedDocumentsItem
{
	margin-bottom: 5px;
	padding: 0 0 0 0;
	color: #333;
}

/************* Static HomePage Text (!Static)*****************/
#StaticHomePageText
{
	position: relative;
	float: left;
	font-size: 17px;
	padding: 5px 0 0 14px;
	text-align: left;
	color: Black;
	margin: 10px 0 0 0px;
	height: 210px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	border-left: dotted 1px #ccc;
	width: 220px;
}

/***************************** Footer (!Footer) ************************************/
#Footer
{
	clear: both;
	border-top: 1px solid #ACB8BF;
	height: 29px;
	background-color: #787878;
	
}
#FooterRockSolid
{
	text-align: right;
	float: right;
	padding: 5px 15px 0px 15px;
	margin: 0;
}
.FooterText, .FooterText a:link, .FooterText a:hover, .FooterText a:visited
{
	text-align: center;
	padding: 9px 0% 12px 0%;
	clear: left;
	margin: 0;
	color: #FFFFFF;
	width: 100%;
}
.FooterText a:link, .FooterText a:visited
{
    text-decoration: none;
}
.FooterText a:hover
{
    text-decoration: underline;   
}

/************************* Search Result (!SResult)********************************/

.SearchResultItem
{
	border-top: 1px solid #CCCCCC;
	margin: 15px 0pt 0pt;
	padding: 5px 0pt;
}
.SearchResultItemSubtitle
{
	font-weight: bold;
}
SPAN.searchword
{
	background-color: yellow;
}
/******************************** Jobs (!Jobs)**************************************/
.JobList
{
	position: relative;
	float: left;
	background-color: #EEEEEE;
	width: 100%;
	color: Black;
	border-bottom: 1px Solid #CC3333;
}
.JobItem
{
	position: relative;
	float: left; /*margin: 15px 0 10px 0;*/
	padding: 15px 0px 15px 0px;
	border-top: 1px solid #CC3333;
	width: 100%;
	clear: both;
}
.JobHeader, .JobHeader a:link, .JobHeader a:visited, .JobHeader a:hover
{
	position: relative;
	padding: 0 0 0 5px;
	font-size: 16px;
	font-weight: bold;
}
.JobAbstractListView
{
	position: relative;
	float: left;
	margin-top: 16px;
	padding: 0 5px 0 5px;
}

/*********************************************************************************

                               Uncategorized codes (!Code)

*********************************************************************************/

.InputContentItemTitle /* ?????? */
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: small;
	color: Black;
	width: 97%;
	margin: 0 1%;
	border: 1px solid #999;
	padding: 2px;
}

.ClosingDate
{
	position: relative;
	float: right;
	padding: 0px 5px 0px 0;
}

.JobHeader h2
{
	position: relative;
	float: left;
	margin-top: 0px;
	color: Black;
}
.JobLaunchDate
{
}
.JobClosingDate
{
	padding-top: 4px;
	position: relative;
	float: left;
	clear: both;
}

.JobAbstract
{
	padding: 7px 0 7px 0;
	clear: both;
}

.JobDescription
{
	position: relative;
	float: left;
	clear: both;
}
.ReadMoreJob, .ReadMoreJob a, .ReadMoreJob a:link, .ReadMoreJob a:visited, .ReadMoreJob a:hover
{
	color: #909090;
	font-weight: 600;
	text-decoration: none;
	font-size: small;
	padding: 10px 0 0 0;
}
.JobFormArea
{
	position: relative;
	float: left;
	clear: both;
}

/*------------------------------*/
#SiteContent
{
	min-width:1000px;
    width:100% !important;
    width:1000px; 
	position: relative;
	background-color: #FFFFFF;
}
#MenuBackgroundBorder
{
	height: 4px;
	background-color: green;
	width: 956px;
	padding: 0 0 0 16px;
	position: absolute;
	display: none;
}


.MediaReleaseBoxControlOuterDiv
{
	position: relative;
	float: left;
	width: 468px;
}
.OrangeUL
{
	float: left;
	left: 12px;
	position: absolute;
	top: 0px;
	z-index: 1;
}
.OrangeUR
{
	float: right;
	position: absolute;
	right: 0px;
	top: 1px;
	z-index: 1;
}
.OrangeLL
{
	bottom: 11px;
	float: left;
	left: -1px;
	position: relative;
	clear: none;
}

.OrangeLR
{
	bottom: 11px;
	float: right;
	position: relative;
	right: -1px;
	clear: none;
}


.ProjectBoxBorder
{
	position: absolute;
	float: left;
	left: 13px;
	top: 0;
	z-index: 1;
}
.FeatureDetail
{
	position: relative;
	float: left;
	border: 1px solid #CCCCCC;
	margin: 0 0 0 5px;
	background-color: #F1F1F1;
	height: 86px;
	overflow: hidden;
	width: 154px;
	padding: 2px 0 0 5px;
}
.ProjectBoxTitle a, .ProjectBoxTitle a:link, .ProjectBoxTitle a:visited
{
	color: #474747;
	font-size:100%;
	font-weight: 600;
	text-decoration: none;
}
.ProjectBoxTitle a:hover
{
	text-decoration: underline;
}
.ProjectBoxAbstract
{
	font-size:90%;
}
.ProjectBoxImage
{
	position: relative;
	float: left;
	height: 88px;
	width: 88px;
}


.ProjectBoxHeader
{
	padding: 5px 0 0 0;
}
.ProjectButton
{
	color: white;
	font-size: 10.5px;
	font-weight: bold;
	height: 29px;
	width: 109px;
	position: relative;
	float: left;
	top: -12px;
	left: 0px;
	border-style: ridge;
	border-bottom-style: hidden;
	border: none;
	background-image: url(/Images/CustomerSpecific/BBIProjectButtonBackground.gif);
}
.ProjectButton2
{
	color: white;
	font-size: 10.5px;
	font-weight: bold;
	height: 29px;
	width: 108px;
	position: relative;
	float: left;
	top: -12px;
	left: 0px;
	border-style: ridge;
	border-bottom-style: hidden;
	border: none;
	background-image: url(/Images/CustomerSpecific/BBIProjectButton2Background.gif);
}
.MediaReleaseLeftArrow
{
	position: relative;
	float: left;
	top: 57px;
	left: -12px;
	margin: -10px;
}

/*following settings are from projects.css - to look all the pages similar*/


.CaseStudyImageEdgeUL
{
	float: left;
	left: -1px;
	position: absolute;
	top: 15px;
}
.CaseStudyImageEdgeUR
{
	float: right;
	position: absolute;
	right: 22px;
	top: 16px;
}
.CaseStudyImageEdgeLL
{
	bottom: 11px;
	float: left;
	left: -1px;
	position: relative;
	clear: none;
}
.CaseStudyImageEdgeLR
{
	bottom: 11px;
	float: right;
	position: relative;
	right: -1px;
	clear: none;
}
#TopMenuNavigationRepeat a, #TopMenuNavigationRepeat a:link, #TopMenuNavigationRepeat a:visited, #TopMenuNavigationRepeat a:hover
{
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	display: none;
}
#TopMenuNavigationRepeat a:hover
{
	text-decoration: underline;
	display: none;
}
#TopMenuNavigationRepeat
{
	padding: 0 0 5px 0;
	display: none;
}

/*.Rotator1
{
	position:relative;
background-color: #F3F3F3;
}*/

.CoreActivityRow
{
	position: relative;
	float: left;
	padding: 15px 14px 0px 14px;
	width: 254px;
}
.SpeciesSearch
{
	position: relative;
	float: left;
}

/* Right Content Image Control*/

.RightContentImage
{
	position: relative;
	float: left;
	border: 1px solid #000000;
	margin: 10px 0 10px 0px;
	width: 158px;
}

.RightContentImageHeading
{
	position: relative;
	font-size:100%;
	padding: 5px;
	text-align: center;
}

.RightContentImageHeading a:link, .RightContentImageHeading a:visited
{
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
.RightContentImageControl
{
	width: 158px;
}
.RightContentImageReadMoreLink
{
	font-size:90%;
	color: #A9122A;
	text-align: center;
	padding: 8px 0 10px 0;
	font-weight: bold;
}
.RightContentImageReadMoreLink a:link, .RightContentImageReadMoreLink a:visited
{
	color: #A9122A;
}
/* End Right Content Image Control*/
#FooterPoweredByLogo
{
    float:right;
    width:162px;
    padding-right:10px;
}
#FooterPoweredByLogo img
{
/*	position: absolute;
	bottom: 35px;
	right: 10px;*/
	float:right;
	width: 60px;
	padding-top:4px;
}
#FooterPoweredByLogo span a
{
	
	color: #787878;
	font-size:90%;
	text-decoration: none;
	
}
#FooterPoweredByLogo span
{
    float:right;
    }

.NoticeRow
{
	text-align: center;
}
.RightContentImagePnl
{
	padding: 0 10px 0 10px;
	width: 160px;
	position: relative;
	float: left;
}
.PublicRightContent
{
	position: relative;
	width: 180px;
}

.CategoryTitle h1
{
	font-size: 15px;
	margin-top: 5px;
	color: #474747;
	font-weight: bold;
	margin-bottom: 1px;
}
.CaseStudyAbstractItem
{
	line-height: 150%;
	padding: 10px 0 0 0;
}
.NativePlantSelectorstyle2
{
	width: 162px;
}
.NativePlantSelectorstyle3
{
	width: 147px;
}
.NativePlantSelectorstyle4
{
	width: 186px;
}


.PlantSpeciesDetailedSearchstyle1
{
	height: 25px;
	width: 158px;
}
.PlantSpeciesDetailedSearchstyle2
{
	height: 27px;
	text-align: left;
	width: 75px;
}
.PlantSpeciesDetailedSearchstyle3
{
	height: 29px;
	padding-left: 142px;
}
.PlantSpeciesDetailedSearchstyle4
{
	width: 100px;
}
.PlantSpeciesDetailedSearchstyle5
{
	padding-bottom: 15px;
	font-size:90%;
}
.Disclaimer
{
	border: solid 1px black;
	width: 335px;
	position: relative;
	float: left;
	left: 150px;
	text-align: center;
	padding: 15px;
	font-size:110%;
	color: Black;
}
.ComplaintsContact
{
	margin-top: 20px;
}
#TopNavigation
{
    padding: 0 0 0px 0;
    position: relative;
    float: left;
    width:100%;
    background-image: url(/Images/CustomerSpecific/EEMainMenuBackground.gif);
    background-repeat: repeat-x;
    margin: 5px 0 0 0;
}
#Toolbar
{
    position: relative;
    float: left;
    width: 100%;
    margin: 5px 0 0px 0;
    padding: 3px 0 3px 0;
    border-top: 1px Solid #787878;
    border-bottom: 1px Solid #787878;
    height: 24px;
}
#ToolbarLeft
{
    position: relative;
    float: left;
    padding: 7px 0 0 10px;
}
#ToolbarRight
{
    position: relative;
    float: right;
    padding: 0 10px 0 0;
    font-size: 100%;
}
#ToolbarRight a
{
    font-size: 100%;     
}
#Skip
{
    position: relative;
    float: right;   
    font-size: 11px;
    font-size:110%;
    padding: 10px 10px 0 0;
}
#Skip a:link, #Skip a:visited
{
    color: White;
}
#LeftPanelLinksArea
{
    position: relative;
    float: left;
    padding: 50px 0 0 0px;   
    width: 170px;
}
.LeftPanelLink
{
    position: relative;
    float: left;
    padding: 0 0 20px 15px;
    clear: both; 
    width: 155px;
}
.LeftPanelLink a
{
    font-size: 100%;   
}
#FooterTextLeft
{
    position: relative;
    float: left;
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 89%;
}
#FooterTextRight
{
    position: relative;
    float: right;
    padding: 0 10px 0 0;
    font-size: 89%;
}
#PublicBodyContent
{
    position: relative;
    float: left;
    margin: 0;
    background-color: #474747; 
    min-width:1000px;
    width:100% !important;
    width:1000px; 
}
#SearchResultContainer
{
    position: relative;
    float: left;
    padding-bottom: 60px;   
}
.CategoryTitle
{
    clear: both;
    position: relative;
}
.CategorySubTitle
{
    display: none;   
}
/** TEMP UNTIL DOCUMENT LIST SORTING IS RESOLVED 
.ContentItemHeaderActiveAscending
{
	background-image: none;
}
.ContentContainer a, ContentContainer a:visited, .ContentContainer a:link, .ContentContainer a:visited, .ContentContainer a:hover
{
    text-decoration: none;
}
END: TEMP UNTIL DOCUMENT LIST SORTING IS RESOLVED **/
/*Document List sorting fixed (with post back)*/
.CaseStudy
{
    position: relative;
    float: left;
    padding: 10px 0 10px 0;   
    width: 100%;
}
.NormalTextSize
{
    padding: 0 3px;
    font-size: 100%;
}
.LargeTextSize
{
    font-size: 160%;
    padding: 0 3px;
}
#InPageToolbarTop a:link, #InPageToolbarTop a:visited, #InPageToolbarBottom a:link, #InPageToolbarBottom a:visited
{
    text-decoration: none;   
    color: Black; 
    font-weight: normal;
}
.NormalTextSize a:link, .NormalTextSize a:visited, .LargeTextSize a:link, .LargeTextSize a:visited
{
    
    text-decoration: none;
}
#PrintLogo
{
    display: none;
}
p img 
{
    padding: 5px;   
}

.style1
    {
        height: 22px;
    }
    .style2
    {
        width: 164px;
    }
    .style3
    {
        height: 22px;
        width: 164px;
    }
.FaunaTable td
{
    width:200px;
}
.FaunaTableHeader td
{
    color:#FFFFFF;
    background-color:#990000;
    font-style:italic;
    font-weight:bold;
    padding-left:2px;
}
.FaunaTableRowStyle
{
    color:#333333;
    background-color:#FFFBD6
}

.MiddleTD
{
    position: relative;
	float: left;
	padding: 3px 3% 40px 3%;
	border-left: 1px dotted #535353;
	
    margin: 0 auto;
    
    font-size:0;
    
}
.RightTD
{
    width:124px;
    padding:23px;
    padding-right:23px;
    
    
}
.RocksolidFooterOuter 
{
    width:180px;
}

.RightTDTop
{
    border-left:1px solid #787878;
}