/* Firefox/etc: force show vertical scrollbar in firefox/chrome/safari/opera. 
   90% of our pages need a vertical bar. If this is not set the page jumps left/right
   when user switches between pages that have the v-bar and ones that do not.
*/
:root 
{ 
  overflow-y: scroll !important;
}



body
{	
	font-family: Arial, sans-serif, Verdana;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
  
  /* use a background image because the nav tab gradient is an image and because images render differently than colors set 
     in html (because of rendering options in Firefox), to match them precisely we use images for both. */
  background: url("/pub/images-header/page-background-solid.png");
  
}


/*** CENTER CONTENT  ***/
#Wrapper
{	
	margin: 0 auto;
	width: 770px;
	min-width: 770px;
	
}


#PageBackground
{ 
  position:absolute;
  top: 0;
  left: 0;
  width: 270px;
  height: 333px;
  z-index: -201;
	background: url(/pub/images-header/bck6.png) top left no-repeat;
}


#Footer
{ 
  margin-top: 30px;
  background-image: url(/pub/images-header/footer-bck13.png);
  background-repeat:repeat-x;
}




/* Page contents Div */
/******************************************************/

/* MainPageDiv contains the left-side menu and page contents, it contains everything except the top navigation bar!*/
#PageDiv
{	
	
	/* Clear any floating elements on the left or right side of this div!
     This has the effect of making sure that the page div displays on it's own.
     Without this when the header gets too big to display to the right of the logo, it moves down,
     and displaces this page div to the right, so the page floats to the right. 
     clear:both makes sure this does not happen. */
  clear: both;
 
}




/* The actual page contents -- no menus or anything else! 
   This is the general page contents. Specific types of pages may 
   use differnet divs such as TextPageContents which allows more margin space */
.PageContents
{ 
  /* provide space on top and to the left side of the contents: */
  padding-top: 1.6em;
	margin-left: 20px;
	margin-right: 7px;
}



/* Pages that are mainly used for displaying text, documents and other, 
	 can use this div to allow more margin around the contents. */
.TextPageContents
{	
	padding-top: 1.6em;
	
	font-family: Verdana;
	color: #444444;
	font-size: 1em;
	line-height: 1.3em;
	
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 5em;
	
}


/* The content area, main page, not the sidebar! */ 
#content 
{ 
  width: 75%;
  float: right;
  padding: 0px 0px 0px 0px;
  margin-top: 0px;
  margin-bottom: 20px;
  background-color: white;
}




/* nested inside content for left-right border 
   This is the main posts page */
#content3
{ 
  /* page offset from top */
  padding: 15px 0px 0px 0px;
  
  /* adding these borders, screws up IE6 and 7! so we remove them in the override css page for IE. */
  border-left: solid 1px #d5d5d5;
  border-right: solid 1px #d5d5d5;
  border-bottom: solid 1px #d5d5d5;
  
  
  /* min-height hack so it works in IE6 and other browsers.firefox and ot*/
  min-height: 600px;
  height: auto !important;
  height: 600px;
  
  background-color: white;

  /* border: solid 1px blue; */
  
}



/* Google custom search engine iframe output: */
#cse-search-results iframe
{ 
  width: 100%;
  height: 90em; /* use 'em' measure so that when text is resized it will grow as well according to text size! */
  overflow: auto; /* use scrollbars ONLY when the contnet is too big to fit in our iframe! */
}



/* For IE6 we need to tell it to show background colors and borders for empty cells!! */
table 
{ 
  border-collapse: collapse;
}








/* HOME PAGE */
/******************************************************/
.homepage-news-item
{	
	padding-top: 20px;
	padding-bottom: 15px;
	margin-left: 5px;
}

.news-item-image
{	
	float: left;
	width: 20%;
	margin-right: 15px;
	margin-left: 5px;
	text-align: center;
}

.news-item-title
{	
  float: left;
  clear: right;
  width: 77%;
 	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-bottom: 4px;
}

.news-item-date
{ 
 	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
}

.news-item-content
{	
	padding-top: 5px;
	clear: both;
}

.homepage-news-spacer
{ 
  float: left;
  width: 100%;
  clear: both;
  border-top: solid 1px #eee;
}

.news-item-text
{
 	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
}


.news-item-more-link
{ 
  
}

#homepage-read-more-news-link
{ 
  width: 99%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 3px;
}





.PodSubTitle
{	
	font-family: Arial, sans-serif, Verdana;
	font-size: 0.9em;
	font-weight: bolder;
	padding-top: 20px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: solid 1px #DDD;
	
}

.HomePodItemTitle
{	
 	font-family: Arial, sans-serif, Verdana;
	font-size: 1.1em;
	font-weight: bolder;
	/*line-height: 1.5em;*/
	margin-top: 10px;
	margin-bottom: 4px;
	display: block;
	
}



/**** NEWS PAGE ****/
/***************************************/
.NewsPageNewsItem
{	
	margin-bottom: 30px;
	float:left;
	margin-left: 0px;
	
	/*background-color: #dea;*/
	/*border: solid 1px #ddd;*/
	/* border: solid 1px #cc511b; */
}

.NewsPageNewsItemImage
{	
	float: left; 
	width: 60px;
	margin-top: 5px;
}

.NewsPageNewsItemTitle
{	
	float: right; 
	width: 450px;
 	
 	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 4px;
	border-bottom: solid 1px #DDD;
	color: #555;
}

.NewsPageNewsItemContent
{	
	float: right; 
	width: 450px;
}

.NewsPageNewsItemText
{	
 	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
}




.RightSidebar a
{	
	font-size: 0.85em;
	line-height: 1.5em;
}

/* This is the section like Documents or Partners, it includes the Section subtitle and contents */
.SidebarSection
{
}


.MapLinkDiv
{	
	margin-bottom: 7px;
}





/* Main menu styles */
/******************************************************/
#MainMenuDiv
{	
  WIDTH: 165px; 
  /*float: left;*/
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  overflow: visible;
}

.MenuEntryDiv
{	
}

#MainMenuDiv a
{	
	padding: 3px 3px 3px 3px;
	display: block;
	margin-left: 5px; font-family: Sans-Serif; font-size:small;
	text-decoration: none;
	border-bottom: solid 1px #fff;
}

#MainMenuDiv span
{	
	padding: 3px 3px 3px 3px;
	display: block;
	margin-left: 5px; font-family: Sans-Serif; font-size:small;
	border-bottom: solid 1px #fff;
	color: #888;
	
}

#MainMenuDiv a:link
{	
	color: #0851a3; /*004d89*/
}

#MainMenuDiv a:visited
{	
	color: #0851a3;
}



.MenuSectionTitle
{ 
  margin: 5px; padding: 5px; 
 	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 1em;	font-weight: bold; color: #818181;
	border-bottom: dotted 2px #818181;
	
}


.MenuEntryLink{}

.MenuSeparatorDiv
{	
	display: block;
}



a:link 
{	
  color: #005597;  /* 005FA9*/ /*004d89*/
	text-decoration: none;
	/* padding: 1px 1px 1px 0px;*/
}

a:visited 
{	
	color: #006dc1;  /*5f7793*/ /*9f0000 <--- nice red*/ /*006dc1*/ /* --> not bad: #712424    NEW 516F8B 228ADA  2292E9, 0073CD */
	text-decoration: none;
}

a:hover
{	
	text-decoration: underline;
	color: #b60101;
	/* SOLID BACKGROUND COLOR */
	/*text-decoration: none;*/
	/*background-color: #0079d7;*/  /*cc0000 -> nice red*/  /*b60101 -> another nice RED*/
	/* color: White;*/
	/*padding: 1px 1px 1px 0px;*/
}

a:active 
{ 
	text-decoration: none; 
}


a.MapLink, a.MapLink:visited
{	
  FONT-FAMILY: Arial, Tahoma, Helvetica, Verdana;
  FONT-SIZE: 0.9em;
  /*color: #cc0000; <--- NICE RED COLOR*/
  /*color: #0077FF;*/ /*FF3300*/
}




a.MajorLink, a.MajorLink:visited
{	
  FONT-FAMILY: Tahoma, Arial, Verdana;
  FONT-SIZE: 1.0em;
  /*color: #cc0000; <--- NICE RED COLOR*/
  /*color: #0077FF;*/ /*FF3300*/
}


a.MajorMapLink, a.MajorMapLink:visited
{	
  FONT-FAMILY: Tahoma, Arial, Verdana;
  FONT-SIZE: 1.0em;
  color: #cc0000;
  /*color: #0077FF;*/ /*FF3300*/
}







/***** Home Page links 
*/

a.HomePageLink, a.HomePageLink:visited
{	
  /*FONT-FAMILY: Arial, Tahoma, Helvetica, Verdana;
  FONT-SIZE: 0.9em;*/
  padding: 0px 0px 0px 4px;
	display: block;
  /*color: #cc0000; <--- NICE RED COLOR*/
  /*color: #0077FF;*/ /*FF3300*/
}


a.HomePageLink:hover
{	
  color: #ac0000;
  background-color: #dedede;
	display: block;
  text-decoration: none;
  
  /*color: #cc0000; <--- NICE RED COLOR*/
  /*color: #0077FF;*/ /*FF3300*/
}





/************** header tag styles **************/

h1
{	
	font: bold 120% Arial, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h2
{	
	font: bold 114% Arial, sans-serif;
	color: #444;
	margin: 0px;
	padding: 0px;
}

h3
{	
	font: bold 100% Arial, sans-serif;
	/*color: #334d55;*/
	color: #555;
	margin: 0px;
	padding: 0px;
}

h4
{	
	font: 100% Arial,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h5
{	
	font: 100% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}




/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#tl 
{	
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr 
{	
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#pageNav
{	
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: 10pt sans-serif, Verdana;
}




/***********************************************/
/* Component Divs                              */
/***********************************************/


/************** utility styles *****************/

#utility
{	
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	
	/* by not specifying the left and top, we get the utility centered 
		 within the wrapper and since the width is almost the width of the page
		 it appears on the right side. very neat! */
	position: absolute;
	/*width: 970px;*/
	width: 700px;
	padding-top: 0px;
	color: #ffffff;
	text-align: right;
	z-index: 100;     /* specify this for older browsers like Netscape 7.0 and 6.2! */
	
	/*border: solid 1px Gold;*/
	
}

#utility .redheader
{
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	background-image: url("/pub/images-header/HeaderBackRed.png");
	background-repeat: repeat-x;
	height:23px;
	margin-left:3px;
	/*border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;*/
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
		
}

#utility .greenheader
{
	margin-left:3px;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	background-image: url("/pub/images-header/HeaderBackGreen.png");
	background-repeat: repeat-x;
	height:23px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}

#utility a
{	
	color: #ffffff;
}


#utility a:hover
{	
	text-decoration: underline;
}






a.LinkWhite, a.LinkWhite:visited 
{	
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color: #FFFFFF;
	font-size: 9pt;
}

.RedPageText
{	
  font-family: Arial, Helvetica, sans-serif, Verdana;
	color: #FF0000;
	font-size: 9pt;
}

.FooterCopyrightsNotice 
{	
  font-family: Arial, Helvetica, sans-serif, Verdana;
	color: #333333;
	font-size: 0.75em;
}



.MenuSectionTitle
{	
 	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 1em;
	font-weight: bold;
  color: #818181;
	
}

a.MenuSectionLink:link
{	
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 0.9em; 
  color: #005FA9; 
}

a.MenuSectionLink:visited
{	
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 9pt; 
  color: #228ADA; 
}


/* page title is the first div inside the PageContents div */
.PageTitle
{	
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	
 	font-family: Fuji Extended, Geneva, Helvetica, Arial, sans-serif, Verdana;
	font-size: 1.4em;
  color: #757575;
	border-bottom: dotted 1px #BBB;
 	font-family: Fuji Extended, Geneva, Helvetica, Arial, sans-serif, Verdana;
	font-size: 1.4em;
  color: #757575;
}

.PageSubTitle
{	
  font: 1.1em Arial, sans-serif; 
  /* font: bold 1.1em Arial, sans-serif; */
  color: #666666;
  margin-bottom: 0.5em;
  /*border-bottom: dotted 1px #DDD;*/
}

/* Sidebar subtitle*/
.SidebarSectionTitle
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #959494;
	font-weight: bolder;
	margin: 1.1em 0px 0.4em 0px;
	
}

.SidebarSectionSubTitle
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bolder;
	color: #727272;
	margin: 1em 0 0.4em 0;
}


.PageText
{
 	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
}

.PageTextSmall
{
 	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
}

.PageTextBold
{	
 	font-family: Arial, sans-serif, Verdana;
	font-size: 0.9em; 
  font-weight: bold;
	line-height: 1.3em;
}

.PageTextBolder
{	
 	font-family: Arial, sans-serif, Verdana;
	font-size: 0.9em; 
  font-weight: bolder;
	line-height: 1.3em;
	color: #333;
}

.PageTextBoldUnderline
{	
 	font-family: Arial, sans-serif, Verdana;
	font-size: 0.9em;
	font-weight: bolder;
	text-decoration: underline;
	line-height: 1.3em;
}


.PageTextWhite
{	
 	font-family: Arial, sans-serif, Verdana;
	font-size: 0.9em; color:#FFFFFF;
}

.PageTextReadingBlockSmallestFont
{	
	FONT-FAMILY: Verdana, Arial, sans-serif, Verdana;
	color: #6C6C6C;
	font-size: 0.5em;
}

.PageTextReadingBlockSmallerFont
{	
	FONT-FAMILY: Verdana, Arial, sans-serif, Verdana;
	color: #6C6C6C;
	font-size: 0.6em;
	line-height: 1.3em;
}

.PageTextReadingBlockSmallFont
{	
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #6C6C6C;
	font-size: 0.7em;
	line-height: 1.3em;
}

.PageTextReadingBlockMedFont
{	
	font-family: Verdana;
	color: #444444;
	font-size: 1em;
	line-height: 1.3em;
}

.PageTextReadingBlockLargeFont
{	
	FONT-FAMILY: Verdana, Tahoma, Arial, Verdana;
	color: #6C6C6C;
	font-size: 1.0em;
	line-height: 1.3em;
}

.PageTextReadingBlockLargerFont
{	
	FONT-FAMILY: Verdana, Tahoma, Arial, Verdana;
	color: #6C6C6C;
	font-size: 1.1em;
	line-height: 1.3em;
}

.PageTextReadingBlockLargestFont
{	
	FONT-FAMILY: Verdana, Tahoma, Arial, Verdana;
	color: #6C6C6C;
	font-size: 1.3em;
	line-height: 1.3em;
}



.LeftNavbarEntry 
{	
	font-family:  MS Sans Serif, Arial, Tahoma,sans-serif, Verdana;
	font-size: 0.8em;
	color: #909292;
	padding: 1px 0px 1px 0px;
	vertical-align: middle;
	text-align: right;
	text-decoration: none;
	
}


.PopupMenu 
{	
	border: 2px solid #C0C0C0;
	background-color: #F5F5F5;
}


.PopupMenuItem 
{	
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 0.9em;
	color: #575757;
	text-indent: 5pt;
	text-align: left;
	border-top: 1px solid #F5F5F5;
	border-right: 1px none #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	border-left: 1px none #F5F5F5;
}


.PopupMenuItem2 
{	
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 0.9em;
	color: #6C6C6C;
	text-indent: 5pt;
	text-align: left;
	background-color: #F9F9F9;
	border-top: 1px solid #C0C0C0;
	border-right: 1px none #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-left: 1px none #C0C0C0;
}




.PopupMenuItemLink 
{	
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 1em;
	color: #6C6C6C;
	text-decoration: underline;
}


.LeftNavbarTitleEntry 
{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 1.2em;
	font-weight: bold;
	color: #6D6D6B;

}


.MainMenu 
{	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DADADA;
	border-right-color: #DADADA;
	border-bottom-color: #DADADA;
	border-left-color: #DADADA;
}


.pageHeader
{ 
  font-family: Arial, Helvetica, Verdana;
  font-size: 1.1em;
  font-weight: normal;
  color: #D17100;
}



.xForm
{ 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  text-decoration: none;
  color: #474747;
  border : 1px solid #999999;
  background-color: #E0E9E9;
}

.xForm2
{ 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  text-decoration: none;
  color: #474747;
  border : 1px solid #999999;
  background-color: #FFFFFF;
  margin-top: 3px;
}

.xFormTextBoxXSmall
{ 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: x-small;
  text-decoration: none;
  color: #474747;
  border : 1px solid #999999;
  background-color: #FFFFFF;
}

.xFormTextBoxSmall
{ 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  text-decoration: none;
  color: #474747;
  border : 1px solid #999999;
  background-color: #FFFFFF;
}

.xFormTextBoxMed
{ 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: medium;
  text-decoration: none;
  color: #474747;
  border : 1px solid #999999;
  background-color: #FFFFFF;
}

.xFormTextBoxLarge
{ 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: large;
  text-decoration: none;
  color: #474747;
  border: 1px solid #999999;
  background-color: #FFFFFF;
}

.xForm3Button
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 1.0em; 
	padding: 4px 4px 4px 4px; 
	text-decoration: none; 
	color: #474747;	
	border : 1px solid #999999; 
	background-color: #E0E9E9;
}

.xForm3Button:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 1.0em; 
	padding: 4px 4px 4px 4px; 
	text-decoration: none;	
	color: #474747;	
	border : 1px solid #999999; 
	background-color: #eaf3f3;
}


.xButton5
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 0.9em; 
	
	line-height: 4em;
	padding: 4px 8px 4px 8px;
	
	text-decoration: none; 
	color: #474747;	
	
	border-right: solid 1px #777;
	border-bottom: solid 1px #777;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	
	
	background-color: #EFEFEF;
}

.xButton5:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	text-decoration: none;	
	background-color: #F5F5F5;
}


.BodyLinkBoldGray 
{ 
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bolder;
	color: #666666;
}

.SlideTitle 
{ 
	font-family: Tahoma, Arial, Verdana;
	font-size: x-large;
	color: #333333;
	font-weight: bolder;
}

.SlideBodyText 
{ 
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: larger;
}

.SlideCoverPageText 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
}

.SlideCoverPageTitle 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #333333;
}

.AuthorNameLargeFont 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}



.CensusTableListbox
{ 
	font-family: MS Sans Serif, Arial, Helvetica, sans-serif, Verdana;
	font-size: 9pt;
	font-style: normal;
}




.reportTab
{ 
  font-family: Tahoma, Arial, sans-serif;
  font-size:12pt; 
  font-weight: bold;
  height: 25px;
  color:White; 
  padding: 0px 0px 4px 3px;
  line-height: 95%;
  white-space: nowrap;
  text-align: center;
  background: #999999;
  background-repeat:no-repeat; 
  
}

.reportTabActive
{ 
  font-family: Tahoma, Arial, sans-serif;
  font-size:12pt; 
  font-weight: bold;
  height: 25px;
  color:White; 
  padding: 0px 0px 4px 3px;
  line-height: 95%;
  white-space: nowrap;
  text-align: center;
  background: #DD4B00;
  /* cursor:pointer;*/
}

.reportTabHover
{ 
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12pt; 
  font-weight: bold;
  height: 25px;
  color:White; 
  padding: 0px 0px 4px 3px;
  line-height: 95%;
  white-space: nowrap;
  text-align: center;
  background: #DD4B00;
  cursor:pointer;
}


.reportTabBgClose
{ 
  background: #999999 url(/pub/images/methodtabs_bkg_rev.gif) top left no-repeat;
  width:10px;
}

.reportTabBgOpen
{ 
  background: #999999 url(/pub/images/methodtabs_bkg.gif) top left no-repeat;
  width:10px;
}

.reportTabActiveBgClose
{ 
  background: #DD4B00 url(/pub/images/reportTabBgActiveClose.png) top left no-repeat;
  width:10px;
}
/*Blue active background color: DD4B00*/
.reportTabActiveBgOpen
{ 
  background: #DD4B00 url(/pub/images/reportTabBgActiveOpen.png) top left no-repeat;
  width:10px;
}

.reportTabHoverBgClose
{ 
  background: #DD4B00 url(/pub/images/reportTabBgActiveClose.png) top left no-repeat;
  width:10px;
}

.reportTabHoverBgOpen
{ 
  background: #DD4B00 url(/pub/images/reportTabBgActiveOpen.png) top left no-repeat;
  width:10px;
}



/* Report home page, titles for data sections: */
.ReportProductSetContainer
{	
	margin-top: 4em;
	/*border-bottom: solid 1px #DDD;
	border-left: solid 1px #ddd;
	*/
}

.ReportProductSetIntro
{	
}

.ReportProductSetTitle
{	
  font: 1.1em Arial, sans-serif; 
  color: #444;
  
  background: #dedede;
  
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
	
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
  
}


.ReportProductSetDescription
{	
 	font-family: Verdana, Arial, sans-serif;
	color: #444444;
	font-size: 0.9em;
	line-height: 1.3em;
	padding-top: 0.7em;
	padding-left: 1em;
	padding-right: 0.5em;
	padding-bottom: 0.7em;
	
	background: #fafafa;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}


.ReportDatasets
{	
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-left: 1em;
	
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	
}

.ReportDataSetContainer
{	
	/*padding-left: 1em;*/
}
.ReportDataSetLink
{	
  background: url(/pub/images/MenuArrowActive.png) 0px 6px no-repeat;
  padding-left: 16px;
  line-height: 1.8em;
}
.ReportDataSetDescription
{	
	margin-left: 1.2em;
	padding-bottom: 1.5em;
	margin-top: -0.1em;
	
 	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #444444;
	
}






.methodtabs
{ 
 	border: none;
	margin-left: 26px;
}

.methodtabs td 
{ 
  font-family: Tahoma, Arial, sans-serif;
  font-size: 8pt; font-weight: bold;
  text-align:center;
  line-height: 95%;
  white-space: nowrap;
}

.methodtabs span 
{
  display: block;
  color: #FFFFFF;
  background: #DD4B00 url(/pub/images/methodtabs_bkg_s.gif) top left no-repeat;
  padding: 3px 12px 3px 14px;
}

.methodtabs a
{ 
  display: block;
  color: #FFFFFF;
  background: #999999 url(/pub/images/methodtabs_bkg.gif) top left no-repeat;
  text-decoration: none;
  padding: 3px 13px 3px 13px;
  border-bottom: 1px solid #FFFFFF;
  width: 50px;
  height: 30px;
}

.methodtabs a:hover 
{ 
  display: block; 
  color: #FFFFFF; 
  background: #DD4B00 url(/pub/images/methodtabs_bkg_s.gif) top left no-repeat;
  padding: 3px 13px 3px 13px;
  border-bottom: 1px solid #FFFFFF;
}








.aMetaBrowserButton
{	
	/*background: url(/pub/images/button-bck-lite-blue2.png);*/
	background: url(/pub/images/button-bck-white.png);
	border: solid 1px #ddd;
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;
	
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	padding-right: 1em;
	
	width: 3em;
	height: 1.5em;
	font-weight: bold;
	font-size: smaller;
	
  text-decoration: none;
  
}

a.aMetaBrowserButton
{	
	color: #333;
  text-decoration: none;
}

.XmlContainer
{ 
  margin-left: -2em;
  font-size: 0.8em;
}

.XmlBlock
{
  font-family: Courier New;
  color: Gray;
  margin-left: 2em;
  margin-top: 0.5em;
}

.XmlBlockNodeName
{ 
  color: Navy;
}

.XmlBlockAttrName
{ 
  color: Maroon;
}

.XmlBlockAttrValue
{
  color: Red;
  white-space: nowrap;
}

.XmlBlockValue
{ 
  color: #333;
  white-space: normal;
  font-weight: bold;
  
}







.PageSectionTitle
{	
	border-bottom: solid 1px #ddd;
	font-weight: bold;

	font-family: Verdana;
	color: #444444;
	font-size: 1em;
	line-height: 1.3em;
	
	margin-top: 3em;
	margin-bottom: 0.5em;
}
.PageSectionContents
{
	margin-left: 1em;
}

.PageSectionTitle2
{
	font-weight: bold;
	
	font-family: Verdana;
	color: #444444;
	font-size: 1em;
	line-height: 1.3em;
	
	margin-top: 1.5em;
	margin-bottom: 0.3em;
	
}
.PageSectionContents2
{
	margin-left: 1em;
}












/***************************************/
/***************************************/
/************* SIDEBAR *****************/
/***************************************/
/***************************************/

#sidebar 
{ 
  width: 24.5%;
  float: left; 
  padding: 0px 0px 0px 0px;
  margin-top: 20px;
  font-size: 0.85em; 
  margin-bottom: 20px;
  
}

#sidebar .searchbox
{ 
  margin: 0px;
  padding: 0px;
  margin-top: 25px;
  padding-bottom: 10px;
}

#sidebar .box
{ 
  margin: 0px;
  padding: 0px;
  color:#666;
}

#sidebar .box2
{ 
  padding: 0 13px 13px 13px;
  background-color:#fff;
  /*border: solid 1px blue;*/

  
  /* WARNING: using a negative margin here screws up IE hyperlinks block display! */
  /*  margin-top: -10px;*/
  
}

#sidebar .box3
{ 
  background-color:#fff;
  padding-bottom: 20px; /* white space at the bottom of the sidebar */
  /*border: solid 1px green;*/
  
  
  /* WARNING: using a negative margin here screws up IE hyperlinks block display! */
  /*  margin-top: -10px;*/

}


#sidebar .box p
{
  padding-top: 0.8em;
}



#sidebar .sidebar-title
{ 
  padding: 1.5em 0 0;
  border-bottom: 1px dotted #fa0;
  font-size:115%;
  line-height:1.5em;
  color:#333;
}

#sidebar .sidebar-title-about
{ 
  padding-top: 1em;
}


#sidebar .box ul
{ 
  margin: .5em 0 0em;
  padding: 0;
  list-style: none;
}

#sidebar .box ul li
{ 
  background:url("/pub/blog/wp-content/themes/SocialExplorer/images/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #eee;
  line-height:1.4em;
}

#sidebar .box p
{ 
  margin:0 0 .6em;
}

#sidebar .box a
{ 
  display: block;
}



/* Page List overrides box list, so you have to cover all elements that box specifies or they will be inherited! */
/* ==============================================================================================================*/
#sidebar .sidebar-pages-list-div
{ 
  /* offset the ul li left margin of 10 px*/
  margin-left: 0px; /* was 3, -10 */
}

#sidebar .sidebar-pages-list-div ul
{ 
  margin: 0;
  padding: 0;
  list-style: none;
}

#sidebar .sidebar-pages-list-div ul li 
{ 
  /*
  background:url("/pub/blog/wp-content/themes/SocialExplorer/images/icon_arrow_sm.gif") no-repeat left center;
  padding: 1px 0 0px 13px;
  */
  
  background: none;
  margin:0;
  padding: 1px 0 0px 10px;
  margin-bottom: 0px;
  border-bottom: 0px;
  line-height:1em;
}

#sidebar .page_item a
{ 
  display: block;
  margin: 0;
  padding: 3px 0 2px 2px;
  margin-bottom: 0px;
  border-bottom: 1px dotted #ddd;
  line-height: 1.3em;
}

#sidebar .page_item a:hover
{ 
  background: #f5f5f5;
  text-decoration:none;
}

#sidebar .current_page_item
{ 
  font-weight: normal;
  margin-left: -10px;
  padding-left: 10px;
  background: url("/pub/help/wp-content/themes/SocialExplorer/images/icon_arrow_sm_org.png") no-repeat 0px 0.6em;
  /*background-color: #f5f5f5;*/
  
}


/* current (selected) item text color: */
#sidebar .current_page_item a
{ 
  /*color: #b60101; /* red */
  /*color: #bb3300; /* darker orange */
  color: #ba5401;   /* orange */
}


/* inactive sub-section */
#sidebar .page_item_inactive
{ 
  display: block;
  margin: 0;
  padding: 3px 0 2px 2px;
  margin-bottom: 0px;
  border-bottom: 1px dotted #ddd;
  line-height: 1.3em;
}



#sidebar .page_item_subtitle
{ 
  display: block;
  margin: 0;
  padding: 3px 0 2px 2px;
  /*margin-top: 0.5em;*/
  margin-bottom: 0px;
  border-bottom: 1px dotted #ddd;
  line-height: 1.3em;
  color: #555;
}


#sidebar .current_page_ancestor
{ 
}


#sidebar .page_item span
{ 
  display: block;
  margin: 0;
  padding: 3px 0 2px 2px;
  margin-bottom: 0px;
  border-bottom: 1px dotted #ddd;
  line-height: 1.3em;
}


/* Main Category Title */
#sidebar .page_item_category_title
{ 
  display: block;
  padding: 20px 0 2px 2px;
  margin-bottom: 0px;
  border-bottom: 1px dotted #ddd;
  line-height: 1.4em;
  
  font-weight: bold;
  color: #333;
}

#sidebar .page_item_category_title a
{ 
  border-bottom: 0px;
}

/* Sub-Category Title */
#sidebar .page_item_subcategory_title
{ 
  display: block;
  padding: 10px 0 2px 2px;
  margin-bottom: 0px;
  border-bottom: 1px dotted #ddd;
  line-height: 1.4em;
  
  font-weight: bold;
  color: #555;
}

#sidebar .page_item_subcategory_title a
{ 
  border-bottom: 0px;
}


/* this is used for a menu shortcut link, using an anchor shortcut to another page... like Navigation for example can link to a section within a 'Basics - getting started' page. */
#sidebar .page_item_link
{ 
  background:url("/pub/help/wp-content/themes/SocialExplorer/images/shortcut-arrow.png") no-repeat left center;
  display: block;
  margin: 0;
  margin-left: 0.5em;
  padding: 3px 0 2px 10px;
  margin-bottom: 0px;
  border-bottom: 1px dotted #ddd;
  line-height: 1.4em;
  
}

#sidebar .page_item_link a
{ 
  border-bottom: 0px;
}




/* Styling the input boxes and textareas */
#sidebar .box textarea, #sidebar .box option, #sidebar .box select 
{ 
  font-family: verdana, arial, Sans-Serif; 
  font-size: 1em; 
  color: #444444;
  border: solid 1px #C0C0C0; 
  background: #F8F8F8;
  padding-left: 3px; 
}


#sidebar .box #cmdSearch
{
 font-size: 1em; 
 color: #444444;
 border: 1px solid #C0C0C0; 
 background: #F3F3F3;
 padding-left: 3px; 
}

#sidebar .box #txtSearch
{ 
  font-size: 1em; 
  color: #444444;
  border: solid 1px #C0C0C0;
  background: #FFFFFF;
}



#FooterContent
{
  margin: 0 auto; 
  width: 770px; 
  height: 150px; 
  line-height: 1.4em; 
  padding-top: 50px;
}


#FooterPrintMedia
{	
	display: none; 
}






blockquote
{ 
  margin:.75em 0;
  border:1px dotted #ccc;
  border-width:1px 0;
  padding:5px 15px;
  color:#666;
}



.skipLinks 
{ 
  display: none;
}
















#GradientBelowTab
{ 
  width: 100%;
  float: left;
  background-color: white;
}





#GradientBelowTabBlog
{ 
  
  /*
    We use these settings to make the gradient appear bellow the PageBackground image:
  */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70%;
  background-color: white;
}


#GradientGrayToWhite400
{ 
  float: left;
  width: 50%;
  height: 20px;
}


#GradientWhiteToGray400
{ 
  float: right;
  width: 49%; /* make sure to always leave 1% between GradientGrayToWhite400 and GradientWhiteToGray400, so that IE does not screw up! */
  height: 20px;
}



#ContentTopBorder
{ 
  width: 100%;
  float: left;
  border-top: solid 1px #e5e5e5;
}








.link_container
{ 
  float:left;
  display: table;
  
  /*this is sort of min width of tabs. each tab size is set independently by ussing padding on the tag link id.*/
  min-width: 40px;
  height: 23px;
  margin-top: 12px;
  text-align: center;
  
  /*border: solid 1px gold;*/
}


.link_position
{ 
  display: table-cell; 
  vertical-align: middle; 
  width: 100%;
  text-align: center;
}



/* Adjust header tab size by setting padding on each link! */
#header-link-1
{ 
  padding-left: 5px;
  padding-right: 5px;
}

#header-link-2
{
  padding-left: 10px;
  padding-right: 10px;
}

#header-link-3
{
  padding-left: 7px;
  padding-right: 7px;
}









/*
//--------------------------------------------------------------------------------------//
// FRAME BOX
//--------------------------------------------------------------------------------------//
*/
#divFrameBox
{	
	display: none;
	/*visibility: hidden;*/
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-image:url("/images/frameBox/backtile.png");
	background-repeat:repeat;
	background-attachment:scroll;
	z-index:10001;
}
#divFrameBoxPanel
{
	position: relative;
	top: 15%;
	left: 25%;
	width: 50%;
	height: auto;
	z-index:10002;
	overflow: auto;
	background-color:#d5d5d5;
	border: solid 15px #d5d5d5;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
		
}
#divFrameBoxPanelMain
{
	padding:15px;
	background-color: #fff;
	padding-left:10px;
	padding-top:10px;
	text-align:justify;
	line-height:18px;
}
#divFrameBoxPanelHeader
{
	font-size:14px;
	margin-bottom:0px;
	padding-left: 10px;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	font-weight: bold;
	color: White;
	background-color: #447cb5;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}
#divFrameBoxPanelClose
{
	position: absolute;
	cursor: pointer;
	background-color:White;
	border: solid 1px #d5d5d5;
	padding: 10px;
	padding-top:3px;
	padding-bottom:4px;
	margin: 5px;
	z-index: 10003;
	right: 2px;
}
#divFrameBoxPanelClose:hover
{
	background-color: #CCCCCC;
	border: solid 1px #d5d5d5;
}
.FrameBoxButton
{
	display:inline;
	cursor: pointer;
	background-color: #EEEEEE;
	color: black;
	font-weight: normal;
	border: solid 1px #d5d5d5;
	padding: 10px;
	padding-top:3px;
	padding-bottom:4px;
	margin: 5px;
	z-index: 10003;
}
.FrameBoxButton:hover
{
	background-color: #CCCCCC;
	border: solid 1px #d5d5d5;
}

/*
//--------------------------------------------------------------------------------------//
// END FRAME BOX
//--------------------------------------------------------------------------------------//
*/


/*
//--------------------------------------------------------------------------------------//
// UNORDERED LIST AND SUBLISTS
//--------------------------------------------------------------------------------------//
*/
.TextPageContents ul li
{
	padding-top:10px;
}
.TextPageContents ul ul
{
	list-style-type:inherit;
}

/*
//--------------------------------------------------------------------------------------//
// END UNORDERED LIST AND SUBLISTS
//--------------------------------------------------------------------------------------//
*/


/*
// Sign in button
*/
.xSubmitButton
{
	background-color: #3f8ffd;
	border: 1px solid #296492;
	color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	font-family: Verdana;
	padding: 5px 10px 5px 10px;
	text-align: center;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.xSubmitButton:hover
{
	background-color: #3882e8; 
}

.xInputBox
{	
	height: 32px; 
	font-size: 1em; 
	margin: 0; 
	padding-left: 8px; 
	border: 1px solid #D9D9D9; 
	border-top: 1px solid silver; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border-radius: 1px;	
}