﻿
/* -- Special Features CSS -- */

.cornerBoxInnerWhiteSpecialFeatures {
padding:7px;

}

hr { color: #acacac; height: 1px;
}

/* ----- Overall Page Definitions ----- */

/* Digg Button code -- */
#diggButtonHeader {

color:black;
}

#diggButtonBorder {
border: 1px #e0e0e0 solid;
padding:5px;

}

.octaneAuthorPicture {
float:left;
padding:5px;
}

.octaneAuthorBio {
FONT-SIZE:12px; 

}

/* -- LAYOUT ITEMS FOR FRONT PAGE TABS ---*/
#tabsLayout { border: 0px #dddddd solid; background-color: #ffffff; background-image:url('../images/version2/200pxBoxGradient.jpg'); background-repeat:repeat-x; }
#tabsTable { width: 100%; background-image:url('../images/version2/EOContentNavTabBackgroundSELECTED.jpg'); background-repeat:repeat-x;  }
#tabsTable a { text-decoration: none; padding-left:20px; padding-bottom:10px; margin-bottom:10px;}
.tab a { display: block; padding: 10px 10px 10px 10px; color: #000; }
.tab a:hover {  padding: 10px 10px 10px 10px; background-image:url('../images/version2/TabTest.jpg'); background-repeat:no-repeat; }
.tabActive a { display: block; padding: 10px 10px 10px 10px; color: #000000; background-image:url('../images/version2/TabTest.jpg'); background-repeat:no-repeat; font-weight:bold; }
.tabPane { display: none;}
.tabPaneActive { display: block; padding-left: 10px; min-height: 100px; margin-bottom:0px;  }



#HiddenPageContent {
visibility:hidden }

body {
	background-color:#fff;
	margin: 0px;
	FONT-SIZE:12px; 
	background-image:url('../images/version2/EOAlternateBackgroundWhite.jpg');
	background-repeat:repeat-x;
	background-position:center top;
}

a { color: #cd5806; text-decoration:none;}



#NavBar {
	margin-bottom: 0px;
	background-image:url('../images/version2/EONavigationBarBackground.jpg');
	background-repeat:no-repeat;
	padding:5px;
	padding-left:15px;
	padding-top:8px;
}




#pagewrapper {
	width: 850px;
	margin: auto;
	padding: 0px;
	background-position: center;
	top: 0px;
	bottom: 0px;
}

/*PAGE CONTENT WRAPPER */
#bodycontentWrapper {
	padding: 0px; /*
	margin-bottom: 0px;
	border-left: 1px #e0e0e0 solid ;
	border-right: 1px #e0e0e0 solid ; */
}

#bodycontentWrapperHOME {
	padding: 0px; 
}


#bodycontentWrapper li {


list-style-position:outside;

list-style-image:url('../images/version2/doublearrowlist.gif');
margin-left:18px;
margin-bottom:5px;
FONT-SIZE:12px; 
}

#bodycontentWrapperHOME li {


list-style-position:outside;

list-style-image:url('../images/version2/doublearrowlist.gif');
margin-left:18px;
margin-bottom:5px;
FONT-SIZE:12px; 
}


/* LEFT SIDE BODY MAIN CONTENT */


	
}

/*RIGHT SIDE QUICK NAVIGATION */

.NavbarHeader {
	color:#fff;
	
}

/* HEADER */
#EOPageHeader {
	margin-bottom: 10px;
	background-image:url('../images/version2/EOv2header.jpg');
	height:135px;
	background-repeat:no-repeat;
}

/* Footer */
#pagefooter {

}

#EOHeaderloginBox {
	text-align: right;
	padding-right: 0px;
	padding-top: 4px;
	color: #000;
	background-image:url('../images/version2/upperNavLinksBackground.gif'); background-repeat:no-repeat; background-position:590px 0px;
	width:844px;
	height:20px;
	float:right;
	FONT-SIZE:12px; 
}
#EOHeaderloginBox a {
	color:black;
	font-weight:bold;
	
}

#EOHeaderloginBox a:hover {
 color: #cd5806;
}




#copyright {
	float:right;
	padding: 5px;
	FONT-SIZE:12px; 

}


#siteActions {float: right;}




/* Per Page Layout Attributes */

#pageTitle {
	font-size: 16px;
	margin-bottom: 2px;
	font-weight:bold;
}

#pageSubTitle {
	font-size: 11px;
	margin-bottom: 1px;
	font-weight:bold;
}

#bodyFormattedText {
	line-height: 15px;
	margin-top:25px;
}

#MemberName {
font-size: 10px;
}

#MemberChapter {
	font-size: 10px;
}


#MemberQuoteBox {
line-height:14px;
font-size:10px;
	
}

#MemberQuotePadding {
	margin-left: 28px;
	line-height: 14px;
	margin-top: 10px;
}

#RightArticleColumn {
	margin-left:25px;
	margin-top: 0px;
}

.breadcrumbNavigation {
	FONT-SIZE:12px; 
	line-height: 14px;
	text-decoration:none;

}

.breadcrumbNavigation a {
	text-decoration:none;
}



/* HOME PAGE WELCOME STYLES */

#EOhomeQuickLinks {background-image:url('../images/version2/OrangeBackgroundBLrounded300px.jpg');
background-position:left bottom;
background-repeat:no-repeat;
height: 200px;
padding-left: 5px;
padding-top: 10px;
padding-right:0px;
margin-right:0px;
color:white;
FONT-SIZE:12px; 

}

#EOhomeQuickLinks a {
	color:white;
	font-weight:bold;
	text-decoration:none;
}

#EOhomeQuickLinks a:hover {
	text-decoration:underline;
}


/* START this styles global web parts */

.ms-WPDesign{

}

.ms-SPZoneCaption{
font-size:9pt;
color:#000;

}

.ms-WPMenu{
background-color:#add1ff;
}
.ms-WPTitle
{
font-weight:bold;
color:#000;
padding-left:0px;
padding-right:7px;
padding-top:2px;
padding-bottom:2px;
FONT-SIZE:12px; 
}

.ms-WPHeader TD{
border-bottom:0px solid #4e7cb7;
border-collapse:collapse;

}

.ms-WPTitle A:visited
{
color:#000;
text-decoration:none;
cursor:pointer;
}

.ms-WPTitle A:link
{
color:#000;
text-decoration:none;
cursor:pointer;
}
.ms-WPTitle A:hover
{
color:#000000;
text-decoration:underline;
cursor:pointer;
}
.ms-WPSelected
{
border:#ffbb77 3px dashed;
}
.ms-WPBody
{
FONT-SIZE:12px; 
padding-bottom:5px;

}
.ms-TPBody TABLE
{
FONT-SIZE:12px; 

}
.ms-WPBody TABLE
{
FONT-SIZE:12px; 

}
.ms-WPBody A:visited
{
color:#cd5806;
text-decoration:none;
}
.ms-WPBody A:link
{
color:#cd5806;
text-decoration:none;
}
.ms-WPBody A:hover
{
color:#cd5806;
text-decoration:underline;
}
.ms-TPBody th
{
font-weight:bold;
}
.ms-WPBody th
{
font-weight:bold;
}
.ms-WPBody td
{
FONT-SIZE:12px; 
;:verdana,arial,helvetica,sans-serif;

}
.ms-TPBody h1
{
font-weight:bold;
font-size:200%;
}
.ms-WPBody h1
{
font-weight:bold;
font-size:200%;
}
.ms-TPBody h2
{
font-weight:bold;
font-size:150%;
}
.ms-WPBody h2
{
font-weight:bold;
font-size:150%;
}
.ms-TPBody h3
{
font-weight:bold;
font-size:120%;
}
.ms-WPBody h3
{
font-weight:bold;
font-size:120%;
}
.ms-TPBody h4
{
font-weight:bold;
font-size:100%;
}
.ms-WPBody h4
{
font-weight:bold;
font-size:100%;
}
.ms-TPBody h5
{
font-weight:bold;
font-size:80% 
}
.ms-WPBody h5
{
font-weight:bold;
font-size:80% 
}
.ms-TPBody h6
{
font-weight:bold;
font-size:65%;
}
.ms-WPBody h6
{
font-weight:bold;
font-size:65%;
}
.ms-WPBorderBorderOnly
{
border-color:#000;
border-width:1px;
border-style:solid;
}
.ms-WPBorder
{
border-color:#000;
border-width:1px;
border-style:solid;
}
.ms-WPBorder
{
border-top-width:0px;
}

/* END this styles global web parts */




/* Search Box */
#searchLayout input { background: transparent url('/images/version2/search.gif') left no-repeat; padding-left: 25px; }
#searchLayout .ms-sbcell { background: url('/images/version2/searchBg.gif') repeat-x; border-color: #e0e0e0; }
#searchLayout { padding:5px; height:15px;
}

/* ----- Rounded Corners ----- */


/* RC - Grey Background */

.corner { position: absolute; width: 10px; height: 10px; background: url('../images/version2/greycorners.gif') no-repeat; font-size: 0em; }
.cornerBox { position: relative; background: #cfcfcf; width: 100%; }
.cornerBoxInner { padding: 2px; background-repeat: none;}
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

/* RC - Light Grey Content Box */

.cornerContent { position: absolute; width: 10px; height: 10px; background: url('../images/version2/LightroundedContentcorner.jpg') no-repeat; font-size: 0em; }
.cornerBoxContent { background: #fff; width: 100%; }
.cornerBoxInnerContent { padding: 5px; padding-left: 10px; background-repeat: repeat-x; background-position:left bottom;}
.TLContent { top: 0; left: 0; background-position: 0 0; }
.TRContent { top: 0; right: 0; background-position: -10px 0; }
.BLContent { bottom: 0; left: 0; background-position: 0 -10px; }
.BRContent { bottom: 0; right: 0; background-position: -10px -10px; }


/* RC - White on grey (cfcfcf) */

.cornerWhite { position: absolute; width: 10px; height: 10px; background: url('../images/version2/whiteonGreyRoundedCorners.jpg') no-repeat; font-size: 0em; }
.cornerBoxWhite { position: relative; background: #fff; width: 100%; }
.cornerBoxInnerWhite { padding: 10px; color:#000; background-image:url('../images/version2/200pxBoxGradient.jpg'); background-repeat:repeat-x;}
.TLWhite { top: 0; left: 0; background-position: 0 0; }
.TRWhite { top: 0; right: 0; background-position: -10px 0; }
.BLWhite { bottom: 0; left: 0; background-position: 0 -10px; }
.BRWhite { bottom: 0; right: 0; background-position: -10px -10px; }


/* RC - EO Orange on grey (cfcfcf) */

.cornerOrangeGrey{ position: absolute; width: 10px; height: 10px; background: url('../images/version2/orangeongreycorners.jpg') no-repeat; font-size: 0em; }
.cornerBoxOrangeGrey { position: relative; background: #cd5806; width: 100%; }
.cornerBoxInnerOrangeGrey{ padding: 5px; padding-left: 10px; color:#fff; background-image:url('../images/version2/EOOrangeRoundedBackground.jpg');}
.TLOrangeGrey { top: 0; left: 0; background-position: 0 0; }
.TROrangeGrey { top: 0; right: 0; background-position: -10px 0; }
.BLOrangeGrey { bottom: 0; left: 0; background-position: 0 -10px; }
.BROrangeGrey { bottom: 0; right: 0; background-position: -10px -10px; }


/* Dark Blue on Grey (cfcfcf) Corners Box */

.cornerdarkblueOnGrey { position: absolute; width: 10px; height: 10px; background: url('../images/version2/darkbluecornersongrey.jpg') no-repeat; font-size: 0em;}
.cornerBoxdarkblueOnGrey { position: relative; background: #4f8d97; width: 100%;}
.cornerBoxInnerdarkblueOnGrey { padding: 5px; padding-left: 10px; color:#fff; background-image:url('../images/version2/EOBlueRoundedBackground.jpg');}
.TLdarkblueOnGrey{ top: 0; left: 0; background-position: 0 0; }
.TRdarkblueOnGrey { top: 0; right: 0; background-position: -10px 0; }
.BLdarkblueOnGrey { bottom: 0; left: 0; background-position: 0 -10px; }
.BRdarkblueOnGrey { bottom: 0; right: 0; background-position: -10px -10px; }

/* light Green on Grey (cfcfcf) Corners Box */

.cornergreenOnGrey { position: absolute; width: 10px; height: 10px; background: url('../images/version2/greenongreycorners.jpg') no-repeat; font-size: 0em;}
.cornerBoxgreenOnGrey { position: relative; background: #c4e175; width: 100%;}
.cornerBoxInnergreenOnGrey { padding: 5px; padding-left: 10px; color:#fff; background-image:url('../images/version2/EOGreenRoundedBackground.jpg');}
.TLgreenOnGrey{ top: 0; left: 0; background-position: 0 0; }
.TRgreenOnGrey { top: 0; right: 0; background-position: -10px 0; }
.BLgreenOnGrey { bottom: 0; left: 0; background-position: 0 -10px; }
.BRgreenOnGrey { bottom: 0; right: 0; background-position: -10px -10px; }





/* RC - Right Side Navigation - Grey Color w/ shadow */

.cornerNav { position: absolute; width: 10px; height: 10px; background: url('../images/version2/eogreycorners.jpg') no-repeat; font-size: 0em;}
.cornerBoxNav { position: relative; background: #e0e0e0 ;  background-repeat:repeat-x; width: 100%; line-height:14px;}
.cornerBoxInnerNav { padding: 10px; FONT-SIZE:12px; }
.TLNav { top: 0; left: 0; background-position: 0 0; }
.TRNav { top: 0; right: 0; background-position: -10px 0; }
.BLNav { bottom: 0; left: 0; background-position: 0 -10px; }
.BRNav { bottom: 0; right: 0; background-position: -10px -10px; }

/* Orange Rounded Corners Top Bar */

.cornerNavTop { position: relative; width: 10px; height: 10px; background: url('../images/version2/orangecorners.jpg') no-repeat; font-size: 0em;}
.cornerBoxNavTop { position: relative; background: #cd5806; width: 100%;}
.cornerBoxInnerNavTop { padding: 5px; padding-left: 10px; color:#000;}
.TLNavTop { top: 0; left: 0; background-position: 0 0; }
.TRNavTop { top: 0; right: 0; background-position: -10px 0; }
.BLNavTop { bottom: 0; left: 0; background-position: 0 -10px; }
.BRNavTop { bottom: 0; right: 0; background-position: -10px -10px; }

/* Green Rounded Corners Box */

.cornerNavOptional { position: absolute; width: 10px; height: 10px; background: url('../images/version2/lightgreencorners.jpg') no-repeat; font-size: 0em;}
.cornerBoxNavOptional { position: relative; background: #c4e175; width: 100%;}
.cornerBoxInnerNavOptional { padding: 5px; padding-left: 10px; color:#000;}
.TLNavOptional{ top: 0; left: 0; background-position: 0 0; }
.TRNavOptional { top: 0; right: 0; background-position: -10px 0; }
.BLNavOptional { bottom: 0; left: 0; background-position: 0 -10px; }
.BRNavOptional { bottom: 0; right: 0; background-position: -10px -10px; }




/* Light Yellow Rounded Corners Box */

.cornerLightYellow { position: absolute; width: 10px; height: 10px; background: url('../images/version2/lightyellowcorners.jpg') no-repeat; font-size: 0em;}
.cornerBoxLightYellow { position: relative; background: #e2d973; width: 100%;}
.cornerBoxInnerLightYellow { padding: 5px; padding-left: 10px; color:#000;}
.TLLightYellow{ top: 0; left: 0; background-position: 0 0; }
.TRLightYellow { top: 0; right: 0; background-position: -10px 0; }
.BLLightYellow { bottom: 0; left: 0; background-position: 0 -10px; }
.BRLightYellow  { bottom: 0; right: 0; background-position: -10px -10px; }

/* Light Blue Rounded Corners Box */

.cornerLightBlue { position: absolute; width: 10px; height: 10px; background: url('../images/version2/lightbluecorners.jpg') no-repeat; font-size: 0em;}
.cornerBoxLightBlue  { position: relative; background: #aadae5; width: 100%; }
.cornerBoxInnerLightBlue  { padding: 5px; padding-left: 10px; color:#fff; font-weight:bold;}
.TLLightBlue { top: 0; left: 0; background-position: 0 0; }
.TRLightBlue  { top: 0; right: 0; background-position: -10px 0; }
.BLLightBlue { bottom: 0; left: 0; background-position: 0 -10px; }
.BRLightBlue   { bottom: 0; right: 0; background-position: -10px -10px; }






/* ----- Sharepoint Stuff ----- */


/* Global Navigation Items */
.globalNavItem { padding-right: 0px; font-size: 10px; padding-left: 4px; padding-right: 10px; padding-top:5px; padding-bottom:5px; }
.globalNavItem a { color: #000000; text-decoration: none; text-transform: uppercase; font-weight:bold; }
.globalNavItem a:hover {color: #cd5806 }
.globalNavMenu { margin-top: 9px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; }
.globalNavMenuItem { border-bottom: 1px #fff solid;  }
.globalNavMenuItem a { display: block; background: #000000; padding: 6px 6px 6px 8px; color: #fff;}
.globalNavMenuItem a:hover { background: #cd5806; }

/* authoring tools */
.editModeZone { background: #eeeeee; margin-top: 10px; }
.editModeZone legend { FONT-SIZE:12px;  font-weight: bold; }
.editModePanel { width: 100%; }
.editModePanel th { width: 20%; text-align: left; vertical-align: top; FONT-SIZE:12px;  }
.editModePanel td { width: auto; vertical-align: top; FONT-SIZE:12px;  }





/* calendar */
.ms-calheader img { width: auto; }


/* Page Editing Styles for Content */
/* THESE ARE GLOBAL EDITS FOR ALL HTML TEXT FIELDS */

.ms-rteCustom-EOHeadline {
	color: #000000;
	font-size: 13px;
	font-weight:bold;
}
.ms-rteCustom-EOSubHead {
	color: #666666;
	font-size:12px;
	font-weight:bold;
	
}


.ms-rteCustom-EOQuote {
	font-size: 10px/18px;
	list-style-type: disc;
	list-style-position: outside;
	color:#707070;

}

.ms-rteCustom-EOSectionHighlight {
	font-size:12pt;
	font-weight:bold;

}

#GreySectionHighlight {
	background-color:#666;
	color:white;
	padding: 5px;
	padding-top: 3px;
	margin-top:35px;
	background-image:url('../images/version2/GreySectionHighlightEndCap.jpg');
	background-position:right;
	background-repeat:no-repeat;
}

.ImageFloatLeft {
float:left;

padding-left:20px;
}

.PartnersFloatLeft {
float:left;
padding:15px;
border: thin black dotted;
height:125px;
width:125px;
padding-right:15px;
}



#logospacing {
	padding-bottom:25px;
	
}
