/*********************************************************
    Bug fixes for 2007 mode sites
*********************************************************/
/* Fixed width web parts are too wide */
h3.ms-WPTitle {
	width: auto !important;
}

/**********************************************************
	Global, more specific ones below
***********************************************************/
body {
	height:100%;
	padding:0px;
	margin:0px;
	/* font-family: arial, "lucida console", sans-serif; */ /* Taken out by Pat, Arial set directly on left nav and breadcrumbs */
	font-size: small;
	/* background properties moved to #outerDiv below to not affect the Rich Text Editor in CEWP, now moved back */
	background: url(/Style%20Library/Images/body_bg.jpg ) no-repeat;
}

/* This is a hack to make the Rich Text Editor have the same font sizes as the page. */
/* The Rich Text Editor is rendered in quirks (IE55) mode, which renders "font-size:small" larger */
body.ms-WPBody {
	font-size: "x-small" !important; /* Styles in quotes are only recognized by IE55 */
	background: none !important; /* Rich Text Editor has same background as body otherwise */
}

/* Applied to a div containing leftNavDiv, breadcrumbDiv, welcomeSection and footerSection to make font sizes independent of body */
.fontMedium {
	font-size: medium;
}

/* These make IE headings look the same as FireFox and the CEWP hard coded settings */
/* In IE, heading sizes are always based on the browser font-size (usually medium).  In FireFox, they are based on the current css font-size. */
h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
h5 {font-size: 80%;}
h6 {font-size: 65%;}

h2{ /* Ask Andy */
	margin:0px 0px 0px 0px;
	color: #006600;
	/* font-size:1.55em; */ /* Original value from default.css */
	text-align:center;
}

/* All anchors */
a{
	color: #006600;	
}

/* All horizontal rules */
hr {
	color: #006600;
}

/* Light green text */
.lightGreen { 
	color: #99CC99; 
}

/* Breadcrumbs from layout pages */
.ms-pagebreadcrumb, .breadcrumb {
	display: none; /* Do not display default breadcrumb, it is already hard-coded in the master page */
}

/* This is for older browsers where tables do not inherit font-size */
table {
	font-size: 100%;
}

/* Padding for web part borders */
.ms-WPBorder, .ms-WPBorderBorderOnly {
	padding: 5px;
}

/* Margin below web parts */
.ms-WPBody {
	/* margin: 5px; */ /* was 0px */
}

/* Margin below items in web parts */
.item {
	/* margin-bottom: 10px; */ /* Was 6px */
}

/*****************************************************************************
  Sections
******************************************************************************/

#outerDiv { /* Just inside body */
	padding: 0 0 10px 0;
}

/* Main area of the page, centered in the body */
#odotMainCentered{
	background: white;
	border-left: solid 1px #779376;
	border-right: solid 1px #779376;
	border-bottom: solid 1px #779376;
	width:950px;
	margin: auto;
	/* position: relative; */
}

/* Authoring area at top of page */
#authoringSection {
}

#headerSection {
	position: relative; /* Controls in header except top nav are absolute positioned to this. */
	height: 68px; /* height from top of page to top of top nav menu */
	color:#006600; /* Text color */
	/* width:950px;*/ /* Don't need to set this, already confined by mainCentered */
	margin: 0;
	background: url(/Style%20Library/Images/ODOT_home_header_bg.jpg ) no-repeat;
	background-position: top left;
	padding: 0;
	border: 0;
}

/* Section containing the top nav menu */
#topNavSection {
	text-align: center; /* Centers for older browsers */
}

/* This table gets centered in the div topNavSection */
#topNavSectionTable { /* You can center a table in a div, but not a div in a div */
	text-align: left; /* Set it back from above */
	margin: 6px auto; /* 6px top and bottom, center right and left */
}

/* Portion of header where picture continues after the top nav */
#lowerHeaderSection {
	background: url(/Style%20Library/Images/ODOT_home_header_bg.jpg ) no-repeat;
	/* background-attachment:fixed; */
	background-position: left -100px; /* Where the background picture continues */
	height: 70px;
}

#lowerHeaderSection.lowerHeaderSectionSecondary {
	height: 7px; /* Lower part of header is smaller on secondary pages */
}

#contentSection { /* div that contains the entire content section */
	padding:0px;
	margin: 0;
	border-top: 1px solid #779376;
	height: 100%; /* Must put this here or list headers are offset the height of the headerSection in IE6 */
	/* position: relative; */ /* This also fixed the list headers problem, but makes the section bleed through the top nav menu */
}

 /* Div containing the footer */
#footerSection {
	background: #b2d8b8 url(/Style%20Library/Images/ODOT_footer_bg.gif ) no-repeat;
	border-top: solid 1px #779376;
	font: 70% arial, "lucida console", sans-serif;  /* Percent scales better, use 85% if you use font-size:small on parent */
	text-align: center; /* This is for older versions of IE where margin:auto does not center */
}

/* Allows the footer to be easily centered */
#footerSectionTable {
	margin: auto; /* Centers the table in odotFooterDiv */
	text-align: left; /* Set it back from above */
}

/******************************************************************************
   Header stuff positioned absolute in headerSectionDiv (except headerSectionTopNav)
******************************************************************************/

/* Login area position */
#headerSectionLoginDiv{
	position: absolute;
	width: 130px;
	left: 0px;
	top: 0px;
}

/* This makes the "Sign In" text at the top of the page transparent.  Hopefully the id ctl00_explitLogout_ExplicitLogin will not change */
#ctl00_explitLogout_ExplicitLogin {
	-moz-opacity: 0; 
	zoom: 1; /* Needed to make filter work in IE */
	filter: alpha(opacity=0); /* IE */
	opacity: 0; /* Mozilla */
}

/* ohio.gov link postion */
#headerSectionOhioGovLogo{
	position: absolute;
	left: 335px;
	top: 23px;
	height:30px;
	width:131px;
	cursor: pointer;
}

/* ODOT Home link postion */
#headerSectionOdotLogo{
	position: absolute;
	left: 475px;
	top: 23px;
	height:30px;
	width:131px;
	cursor: pointer;
}
  
/* Search box postion */
#headerSectionSearchBox{
	position: absolute;
	top: 10px;
	right: 10px;
}

#headerSectionSearchBox .ms-sbcell {
	ZZpadding: 1px;
}

#headerSectionSearchBox .ms-sblink {
	display: none;
}

#ZZheaderSectionSearchBox #SRSB {
	width: 200px;
	float: right;
}

#headerSectionSearchBox .ms-sbtable {
	position: relative;
	float: right;
	width: 200px;
}

/* Scope drop down */
#headerSectionSearchBox .ms-sbscopes {
	position: absolute; /* Only way to move the drop down below the search box */
	left: 1px; /* need to move it over 1px */
	top: 100%; /* drop it down the height of the cell */
	padding: 0px; /* Get rid ov current padding */
	margin: 1px; /* margin between cells */
}

/* Border around the search box */
#headerSectionSearchBox .ms-sbcell {
	border: 0; /* You get a light blue border around the whole thing otherwise */
}

/* Search text input area */
#headerSectionSearchBox .ms-sbplain {
	border: 2px #D4D0C8 inset; /* Just got rid of border on parent, add it back */
	font-family: Arial, sans-serif; /* Set to Tahoma otherwise */
	font-size: small; /* Too small otherwise */
	padding: 0; /* Padding hangs out of table cells in FireFox, use margin instead */
	margin: 1px 10px 1px 1px; /* Provides space between cells, 10px is space between search box and go box */
}

/* Search text Go button */
#headerSectionSearchBox .ms-sbgo {
	border: 1px #779376 solid; /* Same as main border */
	background-color: #99CC99; /* Standard light green */
}

/* Site Actions Menu */
#headerSectionActionMenu{
	position:absolute;
	right: 0px;
	ZZtop: 50px;
	top: 75px;
	border:thick;
	border-color: yellow;
}

/*************************************************************************
  Welcome Section
*************************************************************************/

/* div that contains the welcome area */
#welcomeSection {
	margin-bottom: 7px; /* Space between the welcome and the content. Change to 15px  */
}

/* Table that is centered in odotHomeWelcome div */
#welcomeSectionTable {
	margin: auto; /* Centers the div for all other browsers */
}

/* Regular text in the welcome to */
#welcomeSectionText {
	margin: 5px auto;
	font: normal 125% Georgia, "Times New Roman", Times, serif;	/* Use 150% if you do font:size small on parent */
	color: #006600;
}

/* div that contains the flash image */
#welcomeSectionFlash {
	/* width: 922px; */ /* Setting it directly in the flash control in the page */
	/* height:236px; */
}


/******************************************************
	Content Section (contained in contentSection above)
*******************************************************/

/* Table that contains the Left Nav and Content area */
#contentSectionTable {
	width: 100%; /* Only necessary if you set the leftNavCell not to display */
}

/* Table cell that contains the Left Nav area */
#leftNavCell {
	background-image: url("/Style%20Library/Images/leftNavBackground.gif");
	background-repeat: repeat-y;
	background-position:left top;
	border-right: 1px solid #779376;
}

#contentCell { /* Table cell that contains the page content */
	width: 100%;
}

/* id="leftNav" div around the class="leftNav" table */
#leftNavDiv {
	font-family: arial, "lucida console", sans-serif;
	width: 149px;
	overflow:hidden; /* You must do this for single-word long lines */
}

/* Containing table for Left Nav */
table.leftNavMenu {
	margin: 20px 0 0 0; /* Puts the 20px margin at the top of the left nav menu */
}

/* First level bullets on Left Nav */
table.leftNavMenu1 tr td {
	padding: 3px 3px 3px 14px; /* This must be set where the font-size is set for wrapping to work correctly */
	background: url(/Style%20Library/Images/nav_bullet.gif ) no-repeat;
	background-position: 3px center; /* Position of bullet, needed to move 3px right */
	/* font-size: .85em; */ /* This should be 0.85em if you set font-size:small globally, 0.7em if you don't */
	font-size: 70%;  /* percent scales better, 85% if you do font-size: small on parent */
	font-weight: bold;
}

/* Second level bullets for Left Nav */
table.leftNavMenu2 tr td {
	padding: 0px 3px 3px 24px; /* This must be set where the font-size is set for wrapping to work correctly */
	background: url(/Style%20Library/Images/nav_bullet_sub.gif ) no-repeat;
	background-position: 0px center; /* Position of small bullet, offset already included in gif */
	/* font-size: .75em; */ /* 0.75em if you set font-size:small, 0.6em if you don't */
	font-size: 60%; /* percent scales better, 75% if you do font-size: small on parent */
}

/* Third level menus (never display) */
.leftNavMenu3{ 
	font-size: 40%;
	padding: 1px 0px 1px 5px;
}

#contentSectionRightDiv { /* Ask Andy about overflow-x: auto */
	padding:0px;
	width: 800px; /* You must set this for overflow: auto to work, can't use 100% */
	border: solid 0px fuchsia;
	/* height: 100%; */
	overflow: hidden; /* Pushes over the edit box when you edit the page otherwise */
}

/* The entire breadcrumb div, also gives it borders and stuff */
#breadcrumbDiv {
	/* font-size: 0.85em; */ /* This should be 0.85em if you set font-size:small globally, 0.7em if you don't */
	font-size: 70%;  /* percent scales better */
	font-weight: bold;
	margin: 0;
	padding:4px;
	font-family: arial, "lucida console", sans-serif; /* Add font family:arial here if you remove it from body */
	background-color: #D1E9D1; /* From the ODOT theme */
	border: 0;
	border-bottom: solid 1px #779376;
	color: #666666; /* Normally set by class ms-titlearea in core.css */
}

/* All of the links in the breadcrumb line */
#breadcrumbDiv a {
	color: #006600;
	background-color: transparent;
	text-decoration: none;
}

/* Non-link at the end of the breadcrumb line */
#breadcrumbDiv span.odot-sitemapdirectional{
	/* color: #666666; */ /* Normally set by class ms-titlearea in core.css */
}

/* Margin around the content area */
#contentDiv {
	/* padding:0px 8px 0px 8px; */
	padding: 8px 8px 12px 8px; /* The extra bottom padding is needed to push the page up above the possible slider bar */
	/* height: 100%; */
	overflow: hidden; /* default to this if overflow-x is not recognized */
	overflow-x: auto; /* This is CSS3, but works in IE6 and FireFox */
}

/*****************************************************************************
  Table of Contents web part, trumps controls.css
*****************************************************************************/

/* Background of bands in ODOT A-Z, were light blue */
.level-band {
	background-color: #99CC99;
	color: #006600;
}

/* Links in ODOT A-Z, were blue */
.level-item, .level-item a, .level-item a:link, .level-item a:visited {
	color: #006600;
}

/* Headers in ODOT A-Z, were blue, trumps controls.css */
.headertitle, .headertitle a, .headertitle a:link, .headertitle a:visited {
	color: #006600;
}

/* Headers with bands in TOC web part */
.headertitle-band a:visited, .headertitle-band a:active {
	color: #006600;
}

/* Other headers in TOC web part */
.headertitle-small, .headertitle-small a, .headertitle-small a:link {
	color: #006600;
}

/* Background of bands in ODOT A-Z, were light blue */
.level-band {
	background-color: #99CC99;
}

/* all links in web parts */
.ms-WPBody a:link, .ms-WPBody a:visited { /*Trumps core.css */
	color:#006600;
}

/*****************************************************************************************
  Page Content area,  matches the styles of the CEWP, trumps pageLayouts.css
*****************************************************************************************/

.pageContent {
	/* font-size: 0.7em;*/ /* same as 8pt but sizeable, h2 looks bolder than CEWP */
	font-size: small; /* Trumps 9pt */
	font-family :verdana,arial,helvetica,sans-serif; /* Trumps Tahoma */
	color: black; /* Trumps #666666 */
}

/********************************************************************
  Content Editor Web Part, trumps core.css
********************************************************************/

div.ms-WPBody {
	font-size: small; /* This makes Content Editor Web Parts sizeable, trumps 8pt */
}

div.ms-WPBody td {
	font-size: small; /* trumps 8pt */
}

/*********************************************************************
  Links on News Page, contained in ms-WPBody, trumps control.css
*********************************************************************/

.link-item-large .description {
	font-size: small; /* Trumps font-size:8pt, parent is 18pt */
}

.link-item, .link-item a, .link-item a:link { /* Trumps values below in control.css */
	font-size: small; /* trumps font-size:8pt */
	font-family:verdana,arial,helvetica,sans-serif; /* trumps font-family:tahoma */
}

.level-item, .level-item a, .level-item a:link { /* Trumps values below in control.css */
	/* font-size: small; */ /* trumps font-size:8pt */
	/* font-family:verdana,arial,helvetica,sans-serif; */ /* trumps font-family:tahoma */
}

/* This was making all the text on a news page gray */
.description { /* Trumps values below in control.css */
	font-size: small; /* trumps font-size:8pt */
	color: black; /* trumps color:#4C4C4C */
	font-family:verdana,arial,helvetica,sans-serif; /* font-family:tahoma */
}

/**********************************************************************
  Miscellaneous ODOT Theme Stuff 
**********************************************************************/
/* Web Part Titles */
.ms-WPTitle {
	color: #006600;
	font-family: Georgia;
	/* font-size: 0.85em; */ /* Needed if you don't do font-size:small */
	font-weight: bold;
}

/* Web Part Titles visited */
.ms-WPTitle A:visited { color:#006600; text-decoration:none; cursor:pointer; } 
.ms-WPTitle A:link { color:#006600; text-decoration:none; cursor:pointer; } 
.ms-WPTitle A:hover { color: #638D63; text-decoration:underline; cursor:pointer; }

.ms-WPHeader td {
	border-bottom:1px solid #878648;
}

/* Site Actions Menu */
.ms-siteactionsmenu div div div {
	background: none;
	background-color: #4B7B4B;
	border: none;
}

/* Sign in box */
.ms-SpLinkButtonInActive {
	background-color: #4B7B4B; /* Completely transparent otherwise */
}

/* Web part borders, trumps core.css */
.ms-WPBorder, .ms-WPBorderBorderOnly {
	border: 1px solid #b9dab3;
}

/* List view grouping headers */
.ms-gb a, .ms-gb2 a { /* Trumps #003399 in core.css */
	color:#006600;
}

/* List view list item title links */
.ms-vb a, .ms-vb2 a, .ms-GRStatusText a, .ms-vb-user a, .ms-disc a { /* trumps #003399 in core.css */
	color:#006600;
}

/* List View list item visited links */
.ms-vb a:visited, .ms-vb2 a:visited, .ms-GRStatusText a:visited, .ms-vb-user a:visited, .ms-disc a:visited {
	color:#006600;
}

/* List View alternating background */
.ms-alternatingstrong { /* Trumps #E3EFFF in core.css */
	background-color: #D9EBD9;
}

/****************************************************************
  Code for Static Top Menu
****************************************************************/
#ZZodotTopNav a {
    -moz-box-sizing: border-box; /* This is needed for FireFox fit boxes in boxes with padding included */
    -webkit-box-sizing: border-box; /* Same fix for Safari */
    box-sizing: border-box; /* Same fix for Opera, proposed CSS3 standard */
}

/* All menus */
#odotTopNav ul {
	padding: 0; /* Must be zero, set padding in LI */
	margin: 0; /* Must be zero, set margin in LI */
	list-style: none; /* no bullets on menu items */
}

/* Style of top row of menu */
#odotTopNav ul {
	background: transparent;
	text-align: center; /* will be centered otherwise and not line up with fly out menus */
}

/* These lines add borders between the cells in the top row */
#odotTopNav ul li a {border-left: 1px #99CC99 solid;} /* Add left border for all list items, line-height affects height */
#odotTopNav ul li:first-child a {border-left: none;} /* Remove left border from first item */
#odotTopNav ul ul li a {border: none;} /* Don't do it to remaining menus */
#odotTopNav ul {behavior:expression(this.firstChild.firstChild.style.borderLeftWidth = 0);} /* IE workaround */
#odotTopNav ul ul {behavior: none;} /* IE workaround */

/* Top menu bar list items */
#odotTopNav li {
	font: small Georgia, Times New Roman, Times, serif; /* Need to set "small" here and "140%" on a to get the squeezed font */	
}

/* Links in top row */
#odotTopNav a {
	font-size: 140%; /* font-size must be "small" on parent element, only way to make it look like ohio.gov */
	letter-spacing: -1px; /* Another ohio.gov thing */
	padding: 0px 10px 1px 10px; /* 1px on bottom to make divider line drop down 1px lower */
	color: #006600;
	text-decoration: none; /* Anchors will be underlined otherwise */
}

#odotTopNav a:hover {
	color: #99CC99; /* Top menu bar hover color */
}

/* Drop down and fly-out menus */
#odotTopNav ul ul {
	white-space: nowrap; /* You can only do this if you have drop-downs only, no flyouts */
	min-width: 100%; /* you can use min-width if there are no flyouts, otherwise use a fixed width for IE */
	background: white;
	border: solid 1px green; /* border around entire drop-down menu */
	text-align: left;
	/* padding: 0 5px; */ /* Put padding on sides of the menu only, necessary because of different box models */
}

/* Drop down and fly-out menus */
#odotTopNav ul ul.districts {
	/* width: 220px; */ /* This is the width of the district drop-down, only needed if you use flyouts */
}

/* Drop down and fly-out menus */
#odotTopNav ul ul.divisions {
	/* width: 270px; */ /* This is the width of the division drop-down, only needed if you use flyouts */
}

/* links in drop-downs and fly-outs */
#odotTopNav ul ul a {
	font-size: medium;
	letter-spacing: normal;
	padding: 5px; /* Cannot have padding on left and right, width of "a" based on content only in all but IE6 */
}

/* Drop-down and flyout menu item hover */
#odotTopNav ul ul a:hover {
	color: #99CC99;
}


/*******************************************************************************************
  Remaining lines for odotTopNav have to do with menu behavior.  Do not modify.
*******************************************************************************************/

/* All elements */
#odotTopNav ul, 
#odotTopNav li, 
#odotTopNav a {
	position: relative; /* Everything must be position: relative to start.  Drop-downs get position: absolute later */
	display: block; /* Sub-elements won't fill their area otherwise */
	float: left; /* A gets set to float: none for drop down menus */
	z-index: 500; /* Must set z-index on first postition:relative element or it won't work in IE, list headers bleed through */
}

/* All menus */
#odotTopNav ul {
	padding: 0; /* Must be zero, set padding in LI */
	margin: 0; /* Must be zero, set margin in LI */
	list-style: none; /* no bullets on menu items */
	}

/* Drop down menus */ /* possible bug */
#odotTopNav ul ul {
	position: absolute; /* Drop-down and fly-out menus are absolute, parent (LI) must be relative */
	top: 100%; /* Top aligned with bottom of parent, necessary for IE7, otherwise drop-down menu appears to the right */
	left: 0; /* Left aligned with left of parent, is necessary for IE7, otherwise drop-down menu appears to the right */
}

#odotTopNav li {
	/* height: 1em; */ /* Opera requires the li to have a height in order for top: 100% to work below */
}

/* List items in drop-down and fly-out menus */
#odotTopNav ul ul li {
	width: 100%; /* required for FireFox */
	height: auto; /* set it back to auto for the drop-drop downs */
}

#odotTopNav a {
	line-height: 90%; /* prevents extra space at top of menu */
}


/* List items in drop-down and fly-out menus */
#odotTopNav ul ul li a {
	width: 100%; /* required for FireFox */
	float: none; /* Menus disappear in IE if you don't do this */
	line-height: normal; /* Set line-height back for drop down menus */
}

/* This controls the position of the flyout memus */
#odotTopNav ul ul ul {
	top: 0; /* align top with top of parent */
	left: 100%; /* left will be aligned with right of parent */
}

/* Hide until hover */
#odotTopNav ul li ul, /* Drop-down menus */
#odotTopNav ul li:hover ul ul, /* Fly-out menus when you are not hovering over it's parent li */
#odotTopNav ul ul li:hover ul ul  /* Second level fly-out menus when you are not hovering over it's parent li */
{display:none;}

/* Display on hover */
#odotTopNav ul li:hover ul, /* Drop down menus */
#odotTopNav ul ul li:hover ul, /* Fly out menus */
#odotTopNav ul ul ul li:hover ul /* Second level fly-out menus */
{display: block;}


/*************************************************************************
  Dynamic Top Nav Menu
*************************************************************************/

/* These are the styles for the dynamic menu */
/* Put the Top Nav menu in the headerSectionTopNav div */
/* All names below are standard "ms-" names renamed "odot-" */


/* Line between menu items */
.odot-topNav {
	border-left: 1px solid #99CC99;
}

/* Remove line from far left item */
.odot-topNavContainer td:first-child table {
	border-left: none;
}

/* IE workaround to remove line from far left item */
.odot-topNavContainer tr { /* IE workaround */
	behavior:expression(this.firstChild.firstChild.style.borderLeftWidth = 0);
}

.odot-topNavContainer { /* CssClass for AspMenu */
	font: small Georgia, Times New Roman, Times, serif;
	color: #006600;
	text-decoration: none;
}

/* CssClass for StaticMenuItemStyle */
/* Note: both "table" and "a" have a class odot-topNav.  "a" has "font-size:1em" hard coded on it */
.odot-topNav {
	font-size: 140%; /* Must set small in parent, then 140% in child, ohio.gov thing, cannot apply to a.odot-topNav because SharePoint trumps it with font-size:1em on the element */
	padding-bottom: 1px; /* 1px on bottom extends separator line */
	letter-spacing: -1px; /* Another ohio.gov thing */
	line-height: 90%; /* affects the vertical height of the separator lines */
}

/* a's and td's both have the same class, cannot apply font-size here */
a.odot-topNav {
	position: relative; /* Prevents descenders from being cut off in IE, not sure why it works */
	padding: 0px 10px; /* Space between topm menu items, put here so link is wider, top and bottom padding has no effect here */
}

/* Hack to make the menu with "Expand Problem" look better. <span> only occurs in the bad menu */
span.odot-topNav {font: small/90% Georgia, Times New Roman, Times, serif; padding-bottom: 1px;}
span.odot-topNav a {text-decoration: none; display: inline-block; padding: 0 10px;}
span.odot-topNav a span.odot-topNav {font-size: 140%; border: 0; position: relative;}

/* CssClass for StaticHoverStyle */
.odot-topNavHover {
	color: #99CC99; 
}

/* CssClass for DynamicHoverStyle */
.odot-topNavFlyOutsMenu{ /* CssClass for DynamicHoverStyle */
	font: medium Georgia, Times New Roman, Times, serif;
	border: solid 1px green;
}

/* Only do this to a, this style also applied to table */
a.odot-topNavFlyOuts {
	padding: 5px; /* link are padding */
	display: block; /* Makes link area go all the way across the menu */
}

/* CssClass for DynamicHoverStyle */
.odot-topNavFlyOutsHover {
	color: #99CC99;
}


/****************************************************************************
  Tables in CEWP
****************************************************************************/
.ms-rteTable-1 tr.ms-rteTableHeaderRow-1 {
	color: #3F6B3F; /* was 3F4D6B */
	background-color: #D9EBD9;
}
.ms-rteTable-1 td.ms-rteTableHeaderFirstCol-1,
.ms-rteTable-1 td.ms-rteTableHeaderLastCol-1,
.ms-rteTable-1 td.ms-rteTableHeaderOddCol-1 {
	color: #3a633A;
}
.ms-rteTable-1 tr.ms-rteTableOddRow-1 {
	background-color: #F2F4F2;
}
.ms-rteTable-1 tr.ms-rteTableEvenRow-1 {
	background-color: #E7F7E7; /* was E7EBF7 */
}
.ms-rteTable-1 tr.ms-rteTableFooterRow-1 {
	background-color: #D9EBD9;
	color: #4A804A;
}
.ms-rteTable-2 tr.ms-rteTableHeaderRow-2     {
	background-color: #4B7B4B; /* originally 4F81BD */
}
.ms-rteTable-2 tr.ms-rteTableOddRow-2 {
	background-color: #F2F4F2;
}
.ms-rteTable-2 tr.ms-rteTableEvenRow-2 {
	background-color: #E7F7E7;
}
.ms-rteTable-2 td.ms-rteTableFirstCol-2,
.ms-rteTable-2 td.ms-rteTableFooterFirstCol-2 {
	background-color: #4B7B4B;
}.ms-rteTable-3 tr.ms-rteTableHeaderRow-3  {
	color: #3A633A;
	background-color: #D9EBD9; /* was C5D1E3 */
}
.ms-rteTable-3 td.ms-rteTableHeaderFirstCol-3,
.ms-rteTable-3 td.ms-rteTableHeaderLastCol-3,
.ms-rteTable-3 td.ms-rteTableHeaderOddCol-3,
.ms-rteTable-3 td.ms-rteTableHeaderEvenCol-3 {
	color: #3a633A;
}
.ms-rteTable-3 td.ms-rteTableFirstCol-3,
.ms-rteTable-3 td.ms-rteTableLastCol-3,
.ms-rteTable-3 td.ms-rteTableEvenCol-3  {
	background-color:#E7F7E7;
}
.ms-rteTable-3 td.ms-rteTableOddCol-3   {
	background-color:#F3F7F3;
}
.ms-rteTable-3 tr.ms-rteTableFooterRow-3      {
	background-color: #D9EBD9;
	color: #3a633a;
}
.ms-rteTable-4 tr.ms-rteTableHeaderRow-4     {
	background-color: #4B7B4B;
}
.ms-rteTable-4 tr.ms-rteTableOddRow-4 {
	border-bottom-color: #4B7B4B;
}
.ms-rteTable-4 td.ms-rteTableFirstCol-4,
.ms-rteTable-4 td.ms-rteTableLastCol-4,
.ms-rteTable-4 td.ms-rteTableOddCol-4,
.ms-rteTable-4 td.ms-rteTableEvenCol-4,
.ms-rteTable-4 td.ms-rteTableFooterFirstCol-4,
.ms-rteTable-4 td.ms-rteTableFooterLastCol-4,
.ms-rteTable-4 td.ms-rteTableFooterOddCol-4,
.ms-rteTable-4 td.ms-rteTableFooterEvenCol-4  {
	border-color: #4B7B4B;
}

.ms-rteTable-4 tr.ms-rteTableFooterRow-4    {
	color: #358C35;
}

.ms-rteTable-5 tr.ms-rteTableHeaderRow-5,
.ms-rteTable-5 td.ms-rteTableHeaderFirstCol-5,
.ms-rteTable-5 td.ms-rteTableHeaderLastCol-5,
.ms-rteTable-5 td.ms-rteTableHeaderOddCol-5,
.ms-rteTable-5 td.ms-rteTableHeaderEvenCol-5,
.ms-rteTable-5 tr.ms-rteTableFooterRow-5 {
	color: #3a633a;
}