/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
  Contains width and height code and some basic positioning for each DIV in the grid.(margins ,float, etc.) You only need to touch this file if you are changing the width or height of DIVS in pages or basic positioning of the DIVS.
   Please see style.css for more comprehensive styling changes.
*/

.no-gutter [class*='col-'] {
    padding-right: 1px;
    padding-left: 1px;
}

.no-gutter-left [class*='col-'] {
    padding-left: 1px;
}

.nested-row {
	margin-left: 0px;
	margin-right: 0px;
}

.no-show {
	display: none;
}

div.accordion-toggle, 
a.accordion-toggle {
	cursor: pointer !important;
}

/* Container
----------------------------------------------------------------------------------------------------*/
.container-fluid {
	margin-left: 7px;
	margin-right: 7px;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media ( min-width : 960px) {
	.container-fluid {
		margin: 0px;
		padding: 0px;
	}
	.wrapper {
		width: 960px;
	}
	.row { /*in desktop when wrapper is fixed no need for row -15 margin */
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media ( min-width : 1260px) {
	.wrapper {
		width: 1260px;
	}
}

/* GLOBAL FOOTER Layout. Begin--------------------------------------------------------------------------------------------------------------------------------*/


/* `Grid >> Header
----------------------------------------------------------------------------------------------------*/

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_header,
.grid_mainNav,
.grid_imageRotation,
.grid_widgets,
.grid_popInfo,
.grid_indicators,
.grid_quickFacts,
.grid_popClocks,
.grid_breakingNews,
.grid_trending,
.grid_statsDay,
.grid_footer,
.grid_spacer-left,
.grid_spacer-right,
.grid_rightArrowNav,
.grid_leftArrowNav,
.grid_viewAllBtns {
  	display: inline;
  	float: left;
  	margin-left: 0px;
  	margin-right: 0px;
}

/* This ID changes the background image for the inner pages. Use this ID for all pages except the homepage. Place in the body tag (i.e <body body id="innerPage">)--------------------------------------------------------------*/
#innerPage {
	background-image: url("images/main-bg-alt.png");
}

/* `Grid >> Global content for  Grid DIVS
------------------------------------------------------------------START----------------------------------*/
.grid_content_indicators {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.grid_content_quickFacts {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.grid_content_pop {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.grid_content_imagery {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

/* `Grid >> Global content for  Grid DIVS
--------------------------------------------------------------------END--------------------------------*/

.push_statsDay {
	position: relative;
}

/* Main NAV
----------------------------------------------------------------------------------------------------*/

.wrapper .grid_mainNav {
	width: 960px;
	height: 40px;
}

.wrapper .grid_imageRotation{
	width: 960px;
	min-height: 207px; 
}

.wrapper .grid_content_imagery {
	margin-left: 0px;
	height: 200px;
	width: 960px;
	margin-top: 3px;
}

.wrapper .grid_content_imagery_nav {
	width: 350px;
	height: 176px;
	position: absolute;
	left: 550px;
	top: 116px;
	margin: 10px 12px 20px 12px;
	background: white;
	background-color: rgba(255, 255, 255, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); 
	-moz-box-shadow: 0px 2px 2px #818493, 2px 2px 2px #818493, -2px 2px 2px #818493;
	-webkit-box-shadow: 0px 2px 2px #818493, 2px 2px 2px #818493, -2px 2px 2px #818493;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#818493')";
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#818493')";
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#818493')";
	border-radius: 2px;
	box-shadow: 0px 2px 2px #818493, 2px 2px 2px #818493, -2px 2px 2px #818493;
}

.wrapper .grid_content_imagery_nav_button_section {   
	width: 265px;
}

.wrapper .grid_content_photoButtons {   
    width: 18px;
    height: 16px;  
}

.wrapper .grid_content_photoButtonsSelected {
    width: 18px;
    height: 16px;   
}

.wrapper .grid_widgets {
  width: 940px;
  height: 189px;
}

.wrapper .grid_quickFacts {
	width: 267px;
	margin-left: 0px;
	margin-right: 0px;
}

.wrapper .grid_content_indicators {
	width: 254px;
	height: 128px;
}

.wrapper .grid_popClocks {
  	width: 267px;
    margin-left: 0px;
  	margin-right: 0px;
}

.wrapper .grid_content_pop {
	width: 256px;
	height: 140px;
}

.grid_popClocks, .grid_quickFacts {
	width: 260px;
	height: 186px;
}

.wrapper .grid_breakingNews {
	width: 620px;
	height: auto;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-right: 8px;
}

.wrapper .grid_Newsarticle {
	width: 620px;
	height: 105px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-right: 0px;
}

.wrapper .grid_Newsarticle img {
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 0px;
	float: left;
	max-width: 160px;
	max-height: 100px;
}

.wrapper .grid_articleHeader {
    width: 100%;
}

.wrapper .grid_articleDate {
	font-weight: normal;
	width: 100%;
}

.wrapper .grid_trending {
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 2px;
	width: 100%;
}

.wrapper .grid_trendingLinks {    
    width: 100%;    
}

.wrapper .grid_popInfo {
	width: 295px;
	margin-left: 0px;
	margin-right: 0px;
}

.wrapper .grid_articleText {
	width: 100%;
}

.wrapper .grid_viewAllBtnNews {
	width: 170px;
    height: 36px;
}

.wrapper .grid_viewAllBtnStats {
    height: 36px;
    width: 248px;   
}

.wrapper .grid_statofDay {
	width: 147px;
    height: 35px;
}

.wrapper .grid_statText {
  	width: auto;
    height: 25px;
}

.wrapper .grid_spacer-left {
   width: 79px;
   height: 1px;
}

.wrapper.grid_spacer-right {
	width: 70px;   
	margin-left: 4px;
}

.wrapper .grid_viewAll { 
	width: 960px; 
}
  
/* Details Visual Page layout. Begin---------------------------------------------------------------*/
.wrapper .grid_navInner {
	width: 125px;   
	margin-left: 80px;
	margin-right: 0px;
}

.wrapper .grid_content_detailsMap {
    width: 632px;
}

.wrapper .grid_content_visualTitles {
    width: 630px;
}


/* Details Visual Page-Standard layout. Begin---------------------------------------------------------------*/
#DetailsVisualContainer{
	vertical-align: top;	
	width: 630px;
	height: auto;
	display:inline-block;
}
 
.wrapper .grid_content_detailsStandard {
	height: auto;	
	vertical-align: top;
}
  
.wrapper .grid_content_adImageContainer {
	width: 150px;
	height: auto;
	margin-left: 10px;
	display: inline-block;
}
 
/* List Visual Gallery Page-Standard layout. Begin---------------------------------------------------------------*/
.glossymenu{
	width: 123px; /*width of menu*/
	margin-top: 8px;
}

.glossymenu a.menuitem {
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
}
 
.wrapper .grid_content_listTitle {
	margin-left: 0px;
	margin-bottom: 10px;
	text-align: left;
	font: Arial,Verdana,sans-serif;
	color: #064167;
	font-weight: bold;
}

.wrapper .grid_content_listTitle h3 {
	margin-left: 0px;
	margin-bottom: 10px;
	margin: 0 0 0px; 
	padding: 0px 0;
	text-align: left;
	font: Arial,Verdana,sans-serif;	
	font-weight: bold;
}
 
#grid_listpage_absArticleListContainer{
    float: left;
    margin-left: 20px;
    width: 555px;   
}

#grid_searchpage_absArticleListContainer{
    float: left;
    margin-left: 10px;
    width: 458px;    
}

#grid_listpage_visualGalleryContainer {
    float: right;
    margin-right: 70px;
    width: 675px;    
}
 
#grid_navInnerGallery {
    clear: left;
    float: left;
    margin-left: 0px;
    background: #FFFFFF;
    width: 150px;
    height: 550px;
}

.wrapper .grid_navInnerGallery{
	width: 126px;	
}

.wrapper .grid_content_visualGalleryContainer {
    float: left;
    margin-right: 0px;
    width: 822px;
    border: 0px solid red;
    min-height: 100px;
    height: 100%;
	width: 700px;
}
 
/* Landing Page Standard Layout. Begin--------------------------------------------------------------------------------------------------------------------------------*/


.wrapper .grid_tabButtonsLanding {
	width: 400px;
	height: 40px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
} 

.wrapper .grid_breakingNewsLanding {
    margin-left: 2px;
    margin-right: 2px;
    width: 800px;
}

.wrapper .grid_NewsarticleLanding {
	width: 550px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;  
}

.wrapper .grid_NewsarticleLanding img {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 10px;
	float: left;
	max-width: 120px;
	max-height: 75px;
}

.wrapper .grid_viewAllLanding { 
	width: 550px; 
}

.wrapper .grid_viewAllBtnNewsLanding {
    height: 40px;
    width: 550px;
}

.wrapper .grid_quickFactsLanding { 
	width: 240px; 
	height: 352px;
	float: right;
	margin-top: -40px;
	margin-right: 5px;
	background-repeat: no-repeat;
}
  
.wrapper .grid_content_quickFactsLanding{
	margin-left: 0px;
	margin-top: 6px; 
}


/* Begin List Page Std Layout  *******************************/

.wrapper .grid_content_listPageArticleAbstractList {    
    width: 550px;
    margin-left: 0px;	
}

.wrapper .grid_content_listPageArticleAbstractList ul li {
    list-style: square inside;
}

.wrapper .grid_content_searchPageArticleAbstractList {    
    width: 520px; /* formerly 458 */
    margin-left: 0px;	
}

.wrapper .grid_content_searchPageArticleAbstractList .grid_content_listPageArticleAbstractListIntro {
	padding-bottom:17px;
}

.wrapper .grid_content_listPageImageCol {
    float: left;
    max-width: 160px;
    padding-right: 10px;
}

.wrapper .articleSpacerWImg {
	height: 40px;
}

.wrapper .articleSpacer {
	height: 30px;
}

.wrapper .clear_content_listPageAbstract {
    height: 8px;
}

.grid_content_listPageContent .hr {
    background-image: url("images/divider-lf.jpg");
    background-repeat: no-repeat;
    background-position: bottom;  
}

/* End List Page Std Layout  **********************************/

/* `Push Space >> 12 Columns ( use if you need to push a div)*/

.wrapper .INSERTNAMEOFDIV {
    left: 80px;
}

/* `Pull Space >> 12 Columns ( use if you need to pull a div)
----------------------------------------------------------------------------------------------------*/


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.wrapper:before,
.wrapper:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.clearfix:after,
.wrapper:after {
	clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.wrapper {
	zoom: 1;
}

/* Basic jQuery Slider essential styles */

ul.bjqs {
	position: relative; 
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden; 
	display: none;
}

li.bjqs-slide {
	display: none;
	position: absolute;
}

ul.bjqs-controls {
	list-style: none;
	margin: 0; 
	padding: 0;
	z-index:9999;
}

ul.bjqs-controls li a {
	display: block;
	padding: 5px 10px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
}

a.bjqs-prev {
	background-image: url('images/widget-arrow-btn-l.gif');
	background-repeat: no-repeat;
	left:-50px;
	color: transparent; 
	background-position: center;  
}

a.bjqs-next {
	background-image: url('images/widget-arrow-btn-r.gif');
	background-repeat: no-repeat;
	background-position: center;
	right:-50px;
	color: transparent; 
 }
/* style.css */ 


body {
 font: normal 13px Arial, sans-serif; 
 color: #333;
 font-size: 100%;
 height: auto;
 padding-bottom: 20px;
}

.righttoleft {
    text-align:right;
direction:rtl;
}

body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0;}

a {
  color: #1c6c96;
  text-decoration: none;
}

a:visited {
  color:  #4f3a74; /* was #010216;*/    
}

a:hover {
    color: #0e4b91;    
    text-decoration: underline; /* changed 11-15-12*/ 
}

a:focus {
	color: #0e4b91;
	text-decoration: none; /* changed 11-15-12*/ 
}

.wrapper .grid_slatelink a {
    color: #1c6c96;
    text-decoration: none;
}

/* - Merged with rule line # 57 - 62 */
.wrapper .grid_slatelink a:focus, .wrapper .grid_slatelink a:hover {
  color: #0a79a2;
  text-decoration: underline; /* changed 11-15-12*/    
}

.grid_slatelink a:visited {
  color: #4f3a74;
  text-decoration: none;    
}

.grid_navylink a {
  color: #010216;
  text-decoration: none;
}

.grid_navylink a:hover {
  color: #0e4b91;
  text-decoration: underline;      
}

.grid_navylink a:visited {
  color: #4f3a74;      
}

.grid_lightlink a {
  color: #1c6c96;
  text-decoration: none;
}

/* - Merged with the CSS rule found just below*/
.grid_lightlink a:hover, .grid_lightlink a:focus {
  color: #0e4b91;  
  text-decoration: underline;    
}

.grid_lightlink a:visited {
  color: #4f3a74;    
}

h1 {
   color: #0A79A2; 
}

/* - Bringing out the common things of h2 and h3...*/
h2, h3 {
	font-weight: bold !important;
	text-align: left;
	padding-right: 10px;
	margin-bottom: 0px;
	color: #041C5D;
}

h2 {  
  font: 140% Arial,Verdana,sans-serif;  
  padding-top: 8px;  
  margin-bottom: 0px;  
}

h3 {
  padding-top: 10px;
  padding-bottom: 10px;  
  padding-left: 0px;   
}

p {
    font: small Arial,Verdana,sans-serif;
    overflow:hidden;
    margin-bottom: 8px;    
    padding-right: 0;
    text-align: left;
    word-wrap: break-word;
}

.wrapper .grid_breakingNews a:visited {
    color: #4f3a74;
}

.wrapper .grid_inasurveyHolder{
	height: 50px;
}

.wrapper .grid_BN_header {
   padding-top: 10px;
   padding-bottom: 5px;
   text-align: left;
   color: #041c5d;   
   font: Arial,Verdana,sans-serif;
   font-weight: bold;
   padding-left: 0px;
   padding-right: 10px;
   margin-bottom: 0px;
}
  
.wrapper .grid_BN_header h3{
   font-weight: bold;
   padding-left: 0px;
}
  
.wrapper .grid_trending_header h3 {
   padding-top: 20px;
   padding-bottom: 5px;
   text-align: left;   
   font-weight: bold;
   padding-left: 0px;
   padding-right: 10px;
   margin-bottom: 0px;
}
  
.wrapper .grid_stats_header h3 {
   padding-top: 10px;
   padding-bottom: 0px;
   text-align: left;   
   font: Arial,Verdana,sans-serif;
   font-weight: bold;
   padding-left: 0px;
   padding-right: 10px;
   margin-bottom: 0px;
}

h3.sw-title {   
   font: Arial,Verdana,sans-serif;
   font-weight: bold;   
   margin:8px 20px 8px 20px;
   margin-bottom: 8px;
   padding-top: 19px;
}

p.sw-desc {
   font: small Arial,Verdana,sans-serif;     
   height: 90px;
   margin: 8px 20px 8px 20px;
   margin-bottom: 8px;      
}
 
#sw-view {        
   margin: 0 auto;
   margin-top: 0px;
   right: 0px;
   height: 15px;
   width: 62px;
   text-align: center;
   display: block;
   background: url("images/readmore-large.jpg") no-repeat;        
}

.wrapper .grid_articleHeader {
    float:right;
    color: #1c6c96;
    font-weight: bold; 
}

.wrapper .grid_articleHeader a {    
    font: medium Arial,Verdana,sans-serif;    
}

.wrapper .grid_articleHeader a:hover{
    color: #06A6FA;            
}

.wrapper .grid_articleText {
    color: #030920;
    float: right;    
    font-weight: normal; 
}

.wrapper .grid_articleDate {
    color: #030920;
    float: right;    
    font-style: italic;
    padding-top:6px;
    padding-bottom:6px;
}

.clearfloats {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

#replace h2 {
    display: none;
}

#events {
    margin-top: 15px;        
    overflow-y: auto;
    text-align: left;
    padding-right: 10px;
}

.wrapper .grid_trendingLinks {
    /*color: #021231;*/
    font-family: Arial,serif;    
    font-weight: bold;
}

.wrapper .grid_trendingLinks  li {
    font: small Arial,Verdana,sans-serif;
    border-bottom: thin dotted #cfcfcf;    
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 5px;
    padding-top: 5px;        
}

.wrapper .grid_trendingLinks  a:hover{       
	text-decoration:underline;  
}

.wrapper .grid_statofDay {
    color: #fff;
    font: large Arial,Verdana,sans-serif;
    font-weight: bold;
    text-align: center;
    background-image: url("images/stat-bg.png");
    background-repeat: no-repeat;
    margin-top: 0px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.wrapper .grid_spacer-left {
    background-image: url("images/spacer_left.jpg");
 }

/* Details Visual Page STYLES. Begin------------------------------------------------------------------------------------------------------------*/
.wrapper .grid_navInner ul {
	list-style: square ; 
	color: #f27604;
	margin: 0;
	padding: 0 0 0 0;
	list-style-position: inside ;
	line-height: 12px;
}

.wrapper .grid_navInner  li {
	border-bottom: thin dotted #cfcfcf;
	line-height: 25px;
}

/* ie7 hack */
*+html .wrapper .grid_navInner  li {
	line-height: 25px;
}

.wrapper .grid_navInner a { 
	color: #000;
	font-weight: normal;
	font: small Arial,Verdana,sans-serif; 
}
  
.wrapper .grid_navInner  a:hover {	
	font-weight: bold; 
}

.wrapper .grid_navInner  a:focus { 
	font-weight: bold;
	font: small Arial,Verdana,sans-serif;	 
}
 
.wrapper .grid_navInner .active { 
	font: small Arial,Verdana,sans-serif ; 
	font-weight: bold ;
	color: #050e3a; 
}

.wrapper .grid_content_detailsMap {
	margin-top: 10px;
	margin-left: 0px;
	vertical-align: text-bottom;
}

.wrapper .grid_content_detailsMap textarea{
	width: 580px; 
	height: 80px;
}

.wrapper .grid_content_detailsMapSource {
	color: #000000; /* old: 064167 */
	font-size: 10px;
	margin-left: 0px;
	margin-top: 5px;
}

.wrapper .grid_content_detailsMapSource p {
	overflow: visible;
	margin-bottom: 7px;
}

.wrapper .grid_content_landingMapSource {
	color: #064167;
	font-size: 10px;
	margin-left: 0px;
}



/* Details Visual Page-standard STYLES. Begin EDITED 1-8-13------------------------------------------------------------------------------------------------------------*/

/*Begin EDITED 1-8-13------------------------------------------------------------------------------------------------------------*/
.wrapper .grid_content_detailsStandard {	
	background-repeat: no-repeat;
	margin-top: 0px;
	font: small Arial,Verdana,sans-serif;
	list-style-position: outside;
	margin-bottom: 7px;
    margin-left: 0px;	
}

.wrapper .grid_content_detailsStandard P {
	overflow: visible;	
	font: small Arial,Verdana,sans-serif;
	margin-bottom: 14px;
}

.wrapper .grid_content_detailsStandard img{   
    margin-bottom: 14px;   
}
    @media ( min-width : 321px) {
  .wrapper    .externalImage img{
    max-width:319px;
    }    
}

    @media (min-width : 601px) {
  .wrapper    .externalImage img{
    max-width:599px;
    }    
}

  @media ( min-width : 1260px) {
.wrapper    .externalImage img{
    max-width:630px;
    }
  }
    






.wrapper #DetailsVisualContainer .detailimage .caption {
    font: x-small Arial,Verdana,sans-serif;
    margin-bottom: 14px;
}

.wrapper #DetailsVisualContainer .detailimage img{   
    max-width: 800px;  
    margin-bottom: 14px; 
}

.wrapper .detailimage .grid_content_detailAttachment {
    max-width: 630px;
}

div.text {
	margin: 0px;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.wrapper .grid_content_detailAttachment {
    max-width: 220px;
    word-wrap: normal; 
    text-align: left;
}

.wrapper .grid_content_detailsStandard h3 {
   	color: #041C5D;    
    font: 120% Arial,Verdana,sans-serif;
    font-weight: bold;
    padding-bottom: 7px;
    
}

.wrapper .grid_content_Text  {
	width: auto; 	
    font: small Arial,Verdana,sans-serif;    
}

.wrapper .grid_content_Text h3{
    color: #050e3a;    
    font: Arial,Verdana,sans-serif;
    font-weight: bold;
    padding-bottom: 5px;
}

.wrapper .grid_content_Text h5 {
    padding-bottom: 7px;
}



.wrapper .grid_articleDateVd {
    color: #303e58;
   	margin-top: 8px; 
    font: x-small Arial,Verdana,sans-serif;
    font-weight: normal;
    margin-bottom: 10px;
}

.wrapper .grid_content_detailsStandardImg {
	float:right !important;
	overflow: hidden;
    margin: 0 0 8px 8px !important; 
    text-align: center;
}

.wrapper .grid_content_audiovideo {
    float: right;
    overflow: hidden;
}

/*
.wrapper .textimage .video {
    float:right;
}

.wrapper .herotextimage .video {
    float: right;
}
*/

.wrapper .textthumb {
   border: 2px solid #CCCCCC;     
}

.wrapper .pdflogo img {
	border: 0;
    display: block;
    width: 17px;
 	height: 17px;
}

/*END EDITED 1-8-13------------------------------------------------------------------------------------------------------------*/

.wrapper .grid_content_detailsStandardImg a {
    color: #345B92;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}

.wrapper .grid_content_detailsStandardImg a:hover {
   	color: #F17505;  
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}

.wrapper .grid_content_detailsStandardImg .grid_content_detailAttachment a:hover {
    font-weight: normal;
    color: #f17505;
}

.wrapper .grid_pdfButton {    
    cursor: pointer;    
    font-weight: bold;
    margin-right: 0;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: right;
    width: 215px;
	border:2px solid green;
}
    
.wrapper .grid_pdfButton a {    
    font: small Arial,Verdana,sans-serif;
    font-weight: bold;
    color: #4c6d9e;
}

.wrapper .grid_pdfButton a:hover {    
    font: small Arial,Verdana,sans-serif;
    font-weight: bold;    
}

.wrapper .grid_pdfButton img {
    padding: 0px;    
}

.wrapper .contactus_banner {
    background-color: rgb(0,0,255);
}

/* List Visual Gallery Page-Standard layout. Begin--------------------------------------------------------------------------------------*/
.wrapper .grid_navInnerGallery {
    background-color: #e7e9ea;
    background:  #e7e9ea url("images/vg-list-nav-bg.gif") ;
    margin-left: 80px;
    margin-right: 0;
}

.wrapper .grid_content_visualGalleryContent{
	float: left;
	margin-left: 215px;
	margin-top: -550px;
	width: 670px;
}

.wrapper .grid_content_visualGalleryContainer img {
	margin-left:auto;
	margin-right:auto;
	display: block;
	padding-bottom:0px;
	padding-top: 0px;
}

.grid_content_visualGalleryContainer p  {
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:0px;
	padding-top: 3px;	
	font: x-small Arial,Verdana,sans-serif;
	margin-top: 0px;
}

.grid_content_visualGalleryContainer p:hover  {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 3px;	
	font: x-small Arial,Verdana,sans-serif;
	margin-top: 0px;
}

.grid_content_visualGalleryContainer div.textonImageTitle {
    width: 260px;
    height: 51px;
    padding: 0px;
    background-color: white;
    opacity: .75;
    filter: alpha(opacity=75);
}

.grid_content_visualGalleryContainer .textonImageTitle span {
    color: #041C5D;
    height: 45px;
    padding-bottom: 0px;
    padding-top: 5px;
}

.grid_content_visualGalleryImgTop {
	background-image: url("images/search-image-holder-top.png");
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-top: 0px;
	height: 7px;
}

.grid_content_visualGalleryImgCenter {
	background-image: url("images/search-image-holder-center.png");
	background-repeat: repeat-y;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-top: 0px;
	height: 290px;
}

.grid_content_visualGalleryImgBottom {
	background-image: url("images/search-image-holder-bottom.png");
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:10px;
	padding-top: 0px;
}

/* List Visual Gallery Page-Standard layout. END-------------------------------------------------------------------------------------*/
.glossymenu{
	margin: 8px 0;
	padding: 0;
	border: 1px solid #e7e9ea;
	background:  #e7e9ea url("images/vg-list-nav-bg.gif") ;
	border-bottom-width: 0;
}

.glossymenu .divider {  
    padding-left: 5px;
	margin-top: -10px;
}

.glossymenu a.menuitem {  
    color: #050E3A;
    display: block;
    font: bold 11px "arial",Verdana,Helvetica,sans-serif;
   	padding-left: 8px;
    text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #ff9d00;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	float: left;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url();
	color: #ff9d00;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: #e7e9ea;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li {
    background: url("images/vg-list-nav-bg.gif") repeat scroll 0 0 #E7E9EA;
    border-bottom: 0 none #E7E9EA;
    color: #050E3A;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 0 3px 3px 8px;
}

.glossymenu div.submenu input {
    margin-right: 4px;
}

.glossymenu div.submenu ul li a {
	display: block;
	font: normal 13px "Arial", "Verdana",Helvetica, sans-serif;
	font-size: 9px;
	color: #E7E9EA;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover {
	color: #ff9d00;
}
 
.wrapper .grid_content_landingTitle {
	margin-left: 0px;
	margin-top: 0px;
  	text-align: left;  	
  	color: #064167;
  	font-weight: bold;
}

.wrapper .grid_content_landingTitle h3 {
	margin-left: 0px;
	margin-top: 10px;
    margin: 0 0 0px;
    padding: 0px 0;
  	text-align: left;  	
  	font-weight: bold;
}

.wrapper .grid_content_ContentHolder{	
	width: 100%;
	height: auto;	
	margin-top:0px;	
	display: inline-block;
}

.wrapper .grid_content_LandingContent {
    background-color: #fff;
    height: auto;    
}
    
.wrapper .grid_content_LandingSubContent {
   	display: inline-block;
   	width:100%;
   	min-height:160px;
   	padding-bottom:6px;
   	margin-top:0px;
}
    
.wrapper .grid_content_LandingContent h4 {
   	color: #041C5D;
    padding-bottom: 7px;
    font: bold Arial, Verdana, sans-serif;
}
    
.wrapper .grid_content_LandingContent .grid_content_adImageContainer h4 {    
    padding-bottom: 0px;
}

.wrapper .grid_content_LandingContent a:visited {
    color: #4f3a74;
}

.wrapper .grid_content_landingImgFade {
	z-index:1000;
	position: absolute;
	right:265px;
	float:right;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	vertical-align: top;
}

.wrapper .grid_content_landingImgHolder {
	 width:340px; 
}

@media ( min-width : 1260px ){
	.wrapper .grid_content_landingImgHolder {
	 	width:340px;
	 	float:right;
	}
}

.wrapper .grid_content_landingTextHolder {
	margin-top:5px;
	color: #030920;
}
    
.wrapper .grid_content_landingImg {
	float:right;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	vertical-align: top;
	max-width:340px;
	max-height:220px;
}

.wrapper .grid_content_landingText { 
	color: #030920;    
	margin-top: 0px;
	margin-right: 0px;
	font: small Arial,Verdana,sans-serif;
	font-weight: normal;
}

.wrapper .grid_content_landingText .aboutText{
	width:450px;
	margin:0;
	padding-bottom:7px;
	float:left
}

.wrapper .grid_content_landingText .aboutTextLink{
	float:left;
	padding-top:3px;
}
    
.wrapper .grid_textContentLink a {
  	color: #1c6c96;
  	text-decoration: none;
}

.wrapper .grid_textContentLink a:hover {
	 color: #0a79a2;
	 text-decoration:underline;                
}

.wrapper .grid_textContentLink a:focus {
  	color: #0a79a2;
   	text-decoration:underline;                
}

.grid_textContentLink a:visited {
	 color: #4f3a74;
	 text-decoration: none;         
}




/* For Bulleted list items */
.subtopicSet .subtopicItem li { 
	display:-moz-inline-box; 
	-moz-box-orient:vertical;
    display:inline-block; 
    vertical-align: top; 
    word-wrap: break-word;
    text-indent: 0px;
    background:  url("images/bullet.png") no-repeat scroll 2px 4px transparent;    
}

.subtopicItem li > * { 
	display: table; 
	table-layout: fixed; 
	width: 110px; 
	overflow:hidden; 
}

.subtopicSet { 
	width: 450px; 
	margin: 0 auto; 
	padding-left: 0px; 
}

.subtopicSet {
	overflow: hidden; 
	zoom: 1; 
} /* clear fix */

.subtopicSet ul {
	margin: 0; 
	padding:0; 
}

.subtopicSet li {
	margin: 0 0px 10px 0; 
	padding: 5px 5px 0 5px; 
	text-decoration:none;
    color:#333;  
    width:136px;
}

#moreOrLess {
    float:right;
}
 
/* Tab Buttons for landing page end */
.wrapper .grid_BN_headerLanding {
    color: #041C5D;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0px 10px 5px 0;
    text-align: left;
}

.wrapper .grid_BN_headerLanding h3 {
    margin: 0 0 0px;
    padding: 0px 0;    
}

.wrapper .grid_BN_HolderLanding {
	width: 550px;
	display: inline-block;
}

.wrapper .grid_articleHeaderLanding {
   	color: #2481A6;
    float: left;
    font: bold small Arial,Verdana,sans-serif;
    width: 100%;
}

.wrapper .grid_articleTextLanding {
    color: #030920;
    float: left;
   	font: small Arial,Verdana,sans-serif;
    font-weight: normal;
    width: 100%;      
}

.wrapper .grid_articleDateLanding {
    color: #030920;
    float: left;
    font: x-small Arial,Verdana,sans-serif;
    width: 100%;
    font-style: italic;
    padding-top: 6px;
    padding-bottom:6px;
}

.wrapper .grid_quickFactsLandingHolder {
	display:inline-block;
	width:240px;
	height:488px;
	float:right;
}

.wrapper .grid_quickFactsLanding { 
	min-width: 240px; 
	min-height:488px;
	float: right;
	margin-top: -5px;
	margin-right: 0px;	
	background-repeat: no-repeat;
}
  
.wrapper .grid_quickFactsLanding img { 
	margin-left: 5px;
	margin-top: 10px;
}
  
.wrapper .grid_content_quickFactsLanding {
  	text-align: left;
  	font: small Arial,Verdana,sans-serif;
  	color: #0b3675;
  	font-weight: bold;
	margin-left:10px;
}

.wrapper .quickFactsLandingMainContent {
	text-align: left;
	font: small Arial,Verdana,sans-serif;  
	color: #000;
	font-weight: normal;
	width: 232px;
	height: 449px;
	background-image: url("images/Content Area-Landing.jpg");
    background-repeat: no-repeat;
}

.wrapper .grid_viewAllBtnNewsLanding {
    background-image: url("images/viewall-lp-btn.jpg");
    color: #084e84;
    font: small Arial,Verdana,sans-serif;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
    background-repeat: no-repeat;
}

.wrapper .grid_viewAllBtnNewsLanding:hover {
    background-image: url("images/viewall-lp-over-btn.jpg");
    color: #0e72a2;
    font: small Arial,Verdana,sans-serif;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
}

ul#landingMenu li.arrow-row  {
    background-image: url("");
    background-position: bottom;
    display: block;
    background-repeat: no-repeat;    
}

ul#landingMenu li .arrow-row-news  {
    background-image: url("images/landing-standard-tab-on.png");
    background-position: bottom;
    display: block;
    background-repeat: no-repeat;
    visibility: visible;    
}

ul#landingMenu li #arrow-row-data  {
    background-image: url("images/landing-standard-tab-on.png");
    background-position: bottom;
    display: block;
    background-repeat: no-repeat;
    visibility: hidden;    
}

ul#landingMenu li #arrow-row-pub {
    background-image: url("images/landing-standard-tab-on.png");
    background-position: bottom;
    display: block;
    background-repeat: no-repeat;
    visibility: hidden;    
}

ul#landingMenu li #arrow-row-visual  {
    background-image: url("images/landing-standard-tab-on.png");
    background-position: bottom;
    display: block;
    background-repeat: no-repeat;
    visibility: hidden;    
}

ul#landingMenu li #arrow-row-research  {
    background-image: url("images/landing-standard-tab-on.png");
    background-position: bottom;
    display: block;
    background-repeat: no-repeat;
    visibility: hidden;
}

/* LIST STUFF */


ul#tabul:hover {
	background-color: #FFF;
}

ul#tabul li:hover {
	background-color: rgb(210, 229, 236); 
}
toggle_dropdown a:hover {
	background-image: none;
}

/* End extra tab styles for Survey List */
/* Landing page- VIsual Page Begin--------------------------------------------------------------------------------------------------------------------------------*/

.wrapper .grid_content_landingMapHolder {

	margin-bottom:10px;

}


.wrapper .grid_content_landingVisualPdf {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}

/* Begin List Page Std Styles *********************************************************************/

.wrapper .grid_content_listPageAbstractHeader {
	font: small Arial,Verdana,sans-serif;
	font-weight: bold;
	color: #2481A6;
}

.wrapper .grid_content_listPageAbstractDate {
	font: x-small Arial,Verdana,sans-serif;
	font-style: italic;
	color: #030920;
	padding-top: 6px;
}

.wrapper .grid_content_listPageArticleAbstractList p {
    overflow: visible;
    margin-bottom: 14px;
}

.wrapper .grid_content_listPageAbstractText {
	float:inherit; 
	font: small Arial,Verdana,sans-serif;
	overflow: hidden;
	color: #030920;
	padding-top: 6px;
	padding-bottom: 5px;
}

.grid_content_listPageAbstractLinks a {
	color: #345b92;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana;
}

.grid_content_listPageAbstractLinks a:hover{
    color: #f17505;
    font-size: 11px;
}

.grid_content_listPageAbstractLinks ul {
    list-style-type: none;
}

.grid_content_listPageAbstractLinks li {
    display: inline;
}

.wrapper .grid_content_listPageImageCol img {
    margin-bottom: 10px;
}

.wrapper .grid_content_listPageAbstractImg{
    float: inherit;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 10px;
    max-width: 160px;
    max-height: 100px;
    vertical-align: top;
}

.wrapper .grid_content_detailsStandard .attachmentIcon img{
    margin-bottom: 4px;
    margin-left: -24px;
}

.wrapper .contactsidebar .attachmentIcon img {
    margin-left: -24px;
}

@-moz-document url-prefix() {
    .attachmentAnchor {
        margin-left: -.6em;
    }
}

.attachmentContainer {
    border-left: solid 25px transparent;
    font-size: small;
}

.wrapper .listDescription {
   padding-bottom:5px;
}
/* End List Page Std Styles  **********************************************************************/

/*PDF STYLES. Begin--------------------------------------------------------------------------------------------------------------------------------*/
.pdf a {
	font: small Arial,Verdana,sans-serif;
	color: #1c6c96;
}

.pdf a:hover {
	text-decoration: underline;
}

/* NEW */
.NavMainHeader {
    font: 16px bold;
}

.TopicHeader {
    font:14px Arial bold;
    color: #FFFFFF;
}

.Description {
    font: 13px Arial; 
    color: #010c19;
}

.links {
    font: 12px Arial;
    color: #022b59;
}

/* END NEW */
/* Skip Nav option. 508 compliance*/

.offscreen {
	position: absolute;
	left: -999px;
	z-index: 50000;
	overflow: hidden;
} 
 
#pagination {
	margin-left: 220px;
	margin-top: 10px;
}

/* List Page pagination widget*/
#page_navigation a {
	padding: 3px;
	border: 1px solid #CAD1DA;
	margin: 0px;
	color: #0E72A2;
	text-decoration: none;
	font-family: Arial, serif;
	font-size: 12px;
	font-weight:bold;
}

.active_page{
    background:#D2E5EC;
    color:#0E72A2 !important;
}

#options {
	text-align: center; 
	font-size: 11px;
	color: #9ac1c9
}

#options a {
	text-decoration: none;	
}

#options a:hover {
	color: #033
}

#leftNav {
	width: 126px; 
	list-style: none; 
	color: #033; 
	margin: 0 auto 4px; 
	margin-left: 0;
	padding-right: 0;
}

#leftNav h3 {
	margin-left: 0px; 
	padding-top: 6px;
	padding-bottom: 6px; 
	padding-left: 3px; 
	font-weight: bold; 
	margin-top: 5px; 
	cursor: pointer;	
}

#leftNav h3:hover {
	color: orange;
}

#leftNav .acc-section {
	overflow: hidden;
}

#leftNav .acc-content {
	margin-left: 2px; 
	padding-left: 3px; 
	padding-top: 10px; 
	font-size: 10px;
}

.subitems {
	padding-bottom: 5px; 
	margin-right: 8px; 
	font-size: 10px; 
}

 .glossymenu {
	width: 126px; /*width of menu*/
	margin-top: 8px;
}

.glossymenu a.menuitem {
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
}
 
.grid_navInnerGallery {
	min-height: 550px;
	background-image: url("images/vg-list-nav-bg.gif");
	margin-left: 80px;
	margin-right: 0;
	overflow: hidden;
	background-repeat: repeat-y;
}

.grid_navButtons {
    vertical-align: middle;
    opacity: 0; /*IE9, et all*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
    filter:alpha(opacity=0);/*IE7*/
}

#leftNav .collapsed {
	margin-left: 4px;
	background-image: url("images/plus-btn.png");
	background-repeat: no-repeat;
	background-position: 0em;
}

#leftNav .expanded {
	margin-left: 4px;
	background-image: url("images/minus-btn.png");
	background-repeat: no-repeat;
	background-position: 0em;
}
 
#leftNav hr {
    width:115px;margin-left: 5px
}

/**************UPDATED HEADING STYLES ******************************/
.wrapper .pagetitle h2 {
    color: #041C5D;
    font-weight: bold;
}

/** Shared Styles for Data Tables **/
.datatable, .datatablewide  {
  border-collapse: collapse;
  border: 1px solid #666;
}

.datatable .grouphead td, .datatablewide .grouphead td, .datatablewide .subgrouphead td {
	height: 3em;
	padding: 0 .3em;
}

.datatable td.rowhead, .datatablewide td.rowhead {
	text-align: left;
	white-space: nowrap;
	padding-left: .3em;
}

.datatable .hlgtrow, .datatablewide .hlgtrow {
	margin: 0;
	padding: .25em;
	background: #E7E7E7;
}

.datatable td, .datatablewide td {
	padding-right: .3em;
	height: 1.7em;
	text-align: right;
	vertical-align: middle;
}

.datatable tr:hover th, .datatable tr:hover td, .datatable tr:focus th, .datatable tr:focus td,
.datatablewide tr:hover th, .datatablewide tr:hover td, .datatablewide tr:focus th, .datatablewide tr:focus td,
.datatablewide .control-hover td, .datatablewide .control-hover th {
	background: #FEFF7F;
}

.datatable tr:hover th, .datatable tr:focus th, .datatablewide tr:hover th, .datatablewide tr:focus th, .datatablewide .control-hover th {
	background: #D2E5EC;
}

.datatable th, .datatablewide th {
	height: 2em;
	text-align: right;
	vertical-align: bottom;
	padding-right: .3em;
}

/** Styles for Data Tables **/
.datatable {
	font-size: 100%;
}

/** Styles for Wide Data Tables **/
.datatablewide {
	font-size: 95%;
}

.datatablewide td.indentrowhead {
	text-align: left;
	white-space: nowrap;
	padding-left: 1em;
}

.datatablewide td.indentsubrowhead {
	text-align: left;
	white-space: nowrap;
	padding-left: 2em;
}

.datatablewide .totalhead td.rowhead {
	text-align: left;
	white-space: nowrap;
	padding-left: 3em;
}

.datatablewide tfoot td {
	text-align: left;
	padding: 1em;
}

.datatablewide th.cellcenter {
	text-align: center;
}

/*******************************************BEGIN DOUBLE/TRIPLE BANKING STYLES *****************************/
/* double banking styles */
.wrapper .cq-colctrl-lt0-c0 {
	width: 50%;
	padding-right: 10px;
	/*padding-right: 10px;Taken out b/c it trancates the width of the first accordion-panel for the column control*/
}

.wrapper .cq-colctrl-lt0-c1 {
    width: 50%;
}

@media (max-width: 600px) {
.wrapper .cq-colctrl-lt0-c0 {
	width: 100%;	
}
}

@media (max-width: 600px) {
	.wrapper .cq-colctrl-lt0-c1 {
    width: 100%;
}
}

/* style needed to force the text and heading to a separate line */
.wrapper .cq-colctrl-lt0 .grid_content_listPageAbstractTextCol {
	float: left;
	clear: both;
}

/* style needed to force the bulleted link list into two columns */
.wrapper .cq-colctrl-lt0 .left {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

/* triple banking styles */
.wrapper .cq-colctrl-lt1-c0 {
    width: 33.33%;
    padding-right: 10px;
}

.wrapper .cq-colctrl-lt1-c1 {
    width: 33.33%;
    padding-right: 10px;
}

.wrapper .cq-colctrl-lt1-c2 {
    width: 33.33%;
}

@media (max-width: 600px) {
	.wrapper .cq-colctrl-lt1-c0 {
	    width: 100%;
	    padding-right: 0px !important;
	}
	
	.wrapper .cq-colctrl-lt0-c0 {
		padding-right: 0px;
	}
}

@media (max-width: 600px) {
	.wrapper .cq-colctrl-lt1-c1 {
	    width: 100%;
	    padding-right: 0px !important;
	}
}

@media (max-width: 600px) {
	.wrapper .cq-colctrl-lt1-c2 {
	    width: 100%;
	}
}

.wrapper .cq-colctrl-lt1 .left {
    width: 49%;
    display: inline-block;
    vertical-align: top;    
}

.wrapper .cq-colctrl-lt0 .grid_content_listPageAbstractTextCol {
    float: left;
}

.wrapper .cq-colctrl-lt1 .grid_content_listPageAbstractTextCol {
    float: left;
}

.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
}
.parsys_column .image img{    
    max-width: 100%;   
}

@charset "utf-8";

/*#container{margin: 0 auto; width: 960px;}*/
/*
.main {
    color: white;
    text-shadow: 1px 1px black;
    text-decoration: none;
} 
*/
img {
	border: 0;	
}

img .wide {
	border: 0px;
	width: 100% !important;
}

/*--WHEN JAVASCRIPT IS DISABLED--*/
.show { 
	/* class="show" is used for the second level navigation of a category */
    display: inline !important; /* all navigation elements are hidden by default, !important overrides that */
    width: 960px;
} 

.show ul li {
    display: inline !important;
}

.show ul li ul {
    display: block;
}

.show ul {
    background-color: #999;
}
 
.active ul { /* style the second level menu and make it appear for the active page */
    padding: 10px;
    position: relative;
} 

/*--GLOBAL STYLES FOR USE WHEN JAVASCRIPT IS BOTH ENABLED AND DISABLED--*/

#nav { /*the top level, unordered list of navigation links*/
    position: relative;
    width: 825px;
    height: 40px;    
    z-index: 4500;
    left: 143px;
} 

.active { /* this is the class for the tab/page we are currently viewing */
    font: small Arial,Verdana,sans-serif ; 
	font-weight: bold ;
	color: #050e3a; 
} 

#nav .nav_col1 ul li a:hover, #nav .nav_col1 ul li a:focus, #nav .nav_col1 ul li a:active{
    background-position: 100% -45px;
    color: #F27604;    
    text-shadow: none;
    width: 100%;    
   	text-decoration: underline;
}

#nav > li {
    background-color: transparent;
    display: inline;
}

#nav > li > ul {
    left: 0;
    padding: 0;
    position: absolute;
    width: 550px;
    background: white;
    border: #ccc solid 1px;
    color: #999;
    display: block;
    float: left;
    margin: 0;
    padding: 10px;
    left: auto;
}

#nav > li > ul > li {
    color: black;
    padding: 0 0 0 0px;
    width: 175px;
}

#nav > li > ul > li a {
     width: 125px;    
}

#nav ul ul {
	background: none;
	border: none;
	height: 100%;
	width: 125px;
}

#nav li li {
	float: left;
	padding-bottom: 4px;
	font-size: 12px;       
}

.subnavitem a:hover {
	background-position: 100% -45px;
	color: #F27604;
	height: 29px;
	text-shadow: none;
	width: 100%;    
	text-decoration: underline;
}

/*--STYLE ELEMENTS OF THE DROPDOWN MENUS--*/
ul li {    
    width: auto;
    list-style: none;
	margin: 0;
	list-style-position: inside ;    
}

li li {
    font-weight: bold;
}

li li li {
    font-size: 12px;
}

li #dropdownLinks.fam {
	padding-bottom: 10px;
}

#nav img {	
    display: block;
    max-width: 120px;
    max-height: 75px;
}

/* Added 9/17 */
.grid_mainNav {
    background-image: url('images/blue-bar-top.png');
    background-repeat: repeat-x;
    position: relative;
}

li #dropdownLinks a {
    color:#000;
}

.dynamicColumn, .dynamicColumn ul {
    position: inherit;
    padding-left: 0px;
    padding-right: 0px;
}

/* ADD additional rollover images here **************************/
#picTopics, #picGeo, #picLib, #picData, #picAbout, #picNR {
	vertical-align: top;
}

.wrapper .nav_col1 { 
    width: auto; 
    height: auto; 
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #fff;
    position: relative;
    z-index: 4500; 
}

td {
    vertical-align: top;
}

.nav_col1 ul li a {
	font: small Arial,sans-serif;
    line-height: 12px;
    color: rgb(51,51,51); 
}

.nav_col2, .nav_col2 ul li {    
    display: block;
    padding-left: 10px;
    width: 245px;
    margin-right: 10px;
    position: relative;
    z-index: 3100;
}

.nav_col2 ul li a {   
    font: small Arial, Verdana, sans-serif;
    color: #000;
}

.nav_col2 ul li a:hover {   
	text-decoration: underline;
	color: #F27604;    
}

.verticalDividerNav {
	background-image: url('images/nav-column-divider.png');
	background-repeat: repeat-y;
}

.demo-container {
    padding: 0px 0; 
    margin-left: 0px;  
    width: 960px;  
    background-image: url("images/demo-container-bg.png");
    background-repeat: no-repeat;
}

.mega-menu ul, .mega-menu ul li {
    list-style: none;
}

.mega-menu ul {
    position: relative; 
    padding: 0; 
    margin: 0;
}

.mega-menu .sub {
    display: none;
}

.blue {
    font: normal 13px Arial, sans-serif; 
    line-height: 16px;
}

.blue ul.mega-menu {    
    width: 100%;
    height: 43px; 
    left: 218px; 
    position: relative;
    z-index: 3000;   
    margin: 0px;
    padding: 0px;
    border: none;  
}

.blue ul.mega-menu li {
    float: left; 
    margin: 2px;
    margin-left: 0px;  
    padding: 0px;     
    font: small Arial, Verdana, sans-serif;
    font-weight: bold;
    /*position:relative;*/
    z-index: 4500;
    word-wrap: break-word;
    border: none;
}

.blue .nav_col2 ul li {    
    display: block;
    padding-left: 0px;
    padding-bottom: 4px;
    width: 245px;
    margin-right: 2px;
    position: relative;
    z-index: 3100;
    margin-left: 2px;
}

#nav .nav_col1 li {
    width: 130px;
}

.blue ul.mega-menu li a.main {
    float: left;
    display: block; 
    color: #fff; 
    padding: 4px 16px 4px 16px;
    background:  url('images/bg_blue.png') repeat-x 100% 0; 
    text-decoration: none;  
}

.blue ul.mega-menu li a.main span {
    clear: both;
    float: left;
}

.blue ul.mega-menu li a.main:focus {    
    background:  url('images/bg_blue.png') repeat-x 100% 0; 
    background-color: #158AB2;    
    text-shadow: 1px 1px 1px #000 !important; 
    text-decoration: none;
}

.blue ul.mega-menu li .subHeader { 
    margin: 0; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding: 0;     
    font: xx-small Helvetica, Arial, sans-serif;
    font-weight: bold; 
    color: #fff;   
}

.header3Style {
    color: black;
}

.bhead{
    font-size: 16px; 
}

.bhead2 {
    font-size: 20px; 
    color: black;
}

.wrapper .pDesc{
    font-size: 12px;
    color: black;
}

.dynamicColumn ul li {
    display: block;    
}

ul.innerGalleryLinks li {
    font-size: 12px;
    padding: 5px 0 0 10px;
    list-style: none;
    font-weight: normal;
}

ul.innerGalleryLinks li a {
    /*font-size: 12px;
    padding: 5px 0 0 10px;
    list-style: none;
    font-weight: normal; Taken out b/c this is already defined in the css rule found above*/
    color: #1c6c96;
}

ul.innerGalleryLinks li a:hover {
    font-weight: bold;
}

/* new subnavigation CSS added 10-26-12 */

.navsubContentHolder {	
	width: 550px;
	height: auto;
	position: relative;
	z-index: 4500;
}

.leftsub {
	float: left;
	width: 145px;
	background-image: url('images/nav-column-divider-left.png');
	background-repeat: repeat-y;	
}

.leftsubnodiv {
    float: left;
    width: 145px;        
}

/*Use leftsubpic when nav is flipped and your image display is on the left and content on the right*/
.leftsubpic {
    float: left;
    width: 145px;    
}

.middlesub {
    float: left;
    width: 260px;    
}

.rightsub {
    float: left;
    width: 145px;        
	background-image: url('images/nav-column-divider-right.png');
	background-repeat: repeat-y;
}

.rightsubnodiv {
    float: right;
    width: 145px;    
    marigin-right: 0px;
}

.rightsubnodiv ul {
	float:right;
}

.rightsubnodiv img{
	margin-left: 3px;
}

.noscript p {
	color:#fff;
    font-weight:bold;
    margin-left: 10px;
    width:650px;    
}

#nav .navsubContent {
	display: none;
	z-index: 5432; 
	-moz-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;
	-webkit-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#818493')";
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#818493')";
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#818493')";	
	border-radius: 3px;
	box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;
	padding: 10px;
}

#listMenu .button_tabs_dropdown a:hover {
	cursor: pointer; cursor: hand;
	background-color: rgb(210, 229, 236);
}

ul#listMenu img {
	vertical-align: baseline;
	background-color: #FFF;
}

ul#listMenu img:hover {
	background-color: rgb(210, 229, 236);
}
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {body
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}
/* Styles for content TOP elements such as section, page titles, author, pub dates, social links */

#sectionTitleRow {
	margin-bottom: 15px;
	background-image: url("images/details-divider-title.jpg");
	background-repeat: repeat-x;
	background-position: left bottom;
}

#mobileLeftNavButton {
	margin-bottom: 5px;
} 

#sectionTitleRow .leftNavButton {
    color: white;
    background-color: #0c6291;
    border-color: #0c6291;
    font-weight: bold;
    width: 100px;
    border-radius: 0px;
}

#sectionTitleRow .leftNavButton.open {
    color: #0c6291;
    background-color: white;
    border-color: #0c6291;
    font-weight: bold;
}

#desktopLanguageSelectorContainer {
	/*padding-top: 20px; removed since the bread crumbs are moved up to the section title*/ 
}

#languageSelector .btn {
	color: #4693b8;
	font: small Arial,Verdana,sans-serif;
	padding: 5px 10px;
	border-radius: 0px;
	border: 1px solid #4693b8;
	box-shadow: none;
	font-weight: bold;
}

#languageSelector ul.dropdown-menu {
	border-radius: 0px;
	border: 1px solid #d2e5ec;
	font: small Arial,Verdana,sans-serif; 
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	box-shadow: none;
}

#languageSelector .dropdown-menu > li > a {
	color: #4693b8;
	font-weight: bold;
	height: 30px;
	padding: 5px 10px;
}

#languageSelector.open .btn,
#languageSelector .dropdown-menu > li > a:hover, 
#languageSelector .dropdown-menu > li > a:focus {
	background-color: #d2e5ec;
	color: #084e84;
}

.language-label img {
	max-width: 220px; 
	max-height: 40px; 
	margin-bottom: 1px;	
}

.pagetitle {
	margin-bottom: 10px;
}

.pagetitle h4 {
	color: #041C5D;
}

.publishdate {
    color: #303e58;
    font: x-small Arial, Verdana, sans-serif;
    font-weight: normal;
    margin-bottom: 5px;
}

.author {
	margin-bottom: 10px;
}

/* Social Links STYLES. ------------------------------------------------------------------------------------------------------------*/

.socialLinks {
	text-indent: -9999px; 
	margin-bottom: 15px;
	height: 21px
}

.socialLinks > a {
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
	width: 59px;
	height: 21px;
}

#linkEmail  {
	background-image: url("images/email-btn.png");
}

#socialLinkTwitter {
	background-image: url("images/twitter-fade.png");
}

#socialLinkTwitter:hover {
	background-image: url("images/twitter-active.png");
}

#socialLinkFacebook {
	background-image: url("images/facebook-fade.png");
}

#socialLinkFacebook:hover {
	background-image: url("images/facebook-active.png");
}

#socialLinkPinit {
	background-image: url("images/pinit-fade.png");
}

#socialLinkPinit:hover {
	background-image: url("images/pinit-active.png");
}

#socialLinkshare {
	background-image: url("images/share-btn.png");
}

/* check visualTitles */
.wrapper .grid_content_visualTitles h3 {
	margin: 0 0 0px;
	padding: 0px 0;
	text-align: left;	 
	font: Arial, Verdana, sans-serif;
}

.wrapper .grid_content_visualTitles .supertitle h4 {
	margin: 0 0 0px;
	padding: 0px 0;
	margin-bottom: 8px;
	font-weight: bold;
	text-align: left;	
	font: Arial, Verdana, sans-serif;
	font-weight: bold;
}
/* GLOBAL header styles */
@media (min-width: 100px) {
  #mainPage, #innerPage {
    background-image: none;
  }
}

@media (min-width: 601px) {
  #mainPage, #innerPage {
    background-image: none;
  }
}

@media (min-width: 960px) {
  #mainPage {
    background-image: url("images/main-bg-alt.png");
    background-repeat: repeat-x;
  }

  #innerPage {
    background-image: url("images/main-bg-alt.png");
    background-repeat: repeat-x;
  }
}

.container-fluid.mobile-container {
	margin-left: 0px;
	margin-right: 0px;
}

body.mobileMenu {
	background-color:  #0c6291;
}

.grid_header {
   background-image: url("images/headerbg.jpg");
   width: 960px;
   height: 72px;
}

#logo {
  margin-left: 0px;
  margin-top: 0px; /*original 20px*/
  width:167px;
  position:relative;
  left:0px;
  top:-62px; 
  z-index:5000;
}

#logoText h1 a{
  margin-left: 0px;
  margin-top: 0px;
  position:relative;
  left:3px;
  top:12px;
  z-index:1000;
  color: #041C5D;
  font-family: Arial,serif;
  font-size:11px;
  font-weight: normal;
  letter-spacing:0em;
}

#logoText h1 a:focus{
  margin-left: 0px;
  margin-top: 0px;
  position:relative;
  left:78px;
  top:12px;
  z-index:1000;
  color: #041C5D;
  font-family: Arial,serif;
  font-size:11px;
  font-weight: bold;
  letter-spacing:0em;
}

#logoText a{
  margin-left: 0px;
  margin-top: 0px;
  position:relative;
  left:10px;
  top:12px;
  z-index:1000;
  color: #041C5D;
  font-family: Arial,serif;
  font-size:11px;
  font-weight: normal;
  letter-spacing:0em;
}

#logoText a:hover{
  color: #1C6C96;
}

.header_top_links { 
  float:right;
  margin-right:0px;
  padding-left:0px;
  padding-right: 0px;
  text-align: right;
  color:#6d6d6d;
  margin-top: 10px;
  width: 500px;
}

.header_top_links a{
  color: #333333;
  font-weight: normal;
  font: x-small Arial,Verdana,sans-serif; 
}

.header_top_links a:hover, .header_top_links a:focus{
  font:x-small Arial,Verdana,sans-serif; 
  text-decoration:underline;
}

.header_top_socialLinks{
  margin-top: 15px;
  margin-bottom:10px;
  padding-left: 0px;
}

/* MOBILE STYLES */

body {
    min-width: 100%;
}

.mobileMenuIcon {
    font-size: 30px;
    font-weight: 600;
    padding-right: 15px;
	padding-top: 5px;
}

.clickableIcon:hover {
    cursor: pointer;
}

.chevron {
    float: right;
    padding-right: 5px;
}

#mobileHeader {
    color: white;
    font-family: 'Arial Regular', 'Arial';
    font-weight: bold;
    font-size: 14px;
}

#mobileTitleRow {
	background-image: url("images/MobileNav.png");
	background-repeat: no-repeat;
	height: 65px;
	background-color: white;
}

#mobileHeader .panel-group .panel + .panel {
	margin-top: 0px;
}

#mobileHeader .panel-collapse > .panel-body {
	border: 0px;
}

#mobileHeader .panel,
#mobileHeader .panel-body, 
#mobileHeader .panel-heading {
	background-color: inherit;
	border: none;
}

#mobileHeader .panel-body {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}

#mobileHeader .panel-heading {
	padding: 10px 15px;
}

#mobileHeader .panel-title {
	margin: 0px;
	background-color: inherit;
	border: 0px solid transparent;
	padding-bottom: 0px;
}

#mobileHeader .level1.shadowed .endShadow {
	box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.5);
	height: 5px;
	margin-top: 20px;
	margin-left: -7px;
	margin-right: -7px;
}

#mobileHeader .level1.shadowed .panel-heading {
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	margin-bottom: 10px;
}

#mobileHeader .panel-group {
	margin: 0;
}

#mobileHeader a {
	color: white;
}

#mobileHeader .mobileMenuEntry1 {
	font-weight: bold;
}

#mobileHeader .mobileMenuEntry2 {
	width: 100%;
	display: inline-block;
	font-weight: normal;
}

#mobileHeader .mobileMenuEntry3 {
	font-weight: normal;
	padding-left: 20px;
	height: 40px;
}

#mobileHeader div.headerBlue  {
	background-color:  #0c6291;
	color: white;
}

#mobileHeader .mobileMenuArea2 {
	border: 1px solid #0197c1;
    margin-bottom: 0px;
    margin-top: 5px;
    height: 40px;
    width: 100%;
    padding:0px 5px 0px 5px;
    display: table;
}

#mobileHeader .mobileMenuArea2 > a {

	display: table-cell;
	vertical-align: middle;
}

#mobileHeader .mobileMenuArea3 {
	padding-top: 5px;
}

#mobileHeader div.mobileMenuEntry3.headerBlue,
#mobileHeader div.mobileMenuArea3.headerBlue {
	background-color: #0197c1;
}

#mobileSearch, #mobileMainMenu {
	display: none;
	overflow: hidden;
}
#mobileSearch .input-group-btn {
	display: block;
	width: 40px;
}

#mobileHeaderSearchForm {
	margin-left: 10px;
	margin-right: 60px;
}

#mobile_searchbox, #mobile_searchbox:focus {
	float:left;
	width: 80%;
	margin-left: 10%;
	font-size: 14px;
}

#mobileHeader .mobileCloseButton {
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 0px;
    background-color: #0c6291;
    width: 130px;
    height: 35px;
}

#mobileHeader .learnMoreButton {
	width: 250px;
	color: #0197c1;
	background-color: white;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	border-radius: 0px;
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
}

#mobileHeader .menuHeader, 
#mobileHeader .menuFooter {
    position:fixed;
    left:0;
    width:100%;
    z-index: 200;
    opacity: 1;
}

#mobileHeader .menuHeader {
    top:0;
}

#mobileHeader .menuFooter {
    bottom:0;
    height: 35px;
    background-color: #0c6291;
}

#mobileHeader .menuContent {
    min-height:100%;
    width:100%;
    padding:70px 0px 0px 0px;
    overflow: auto;
    background-color: #0c6291;
    z-index: 100;
}

/* DESKTOP HEADER */
#desktopHeader body {
	background-image: none;
}

#desktopHeader #topHeader {
	background-image: url("images/headerbg.jpg");
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 2em;
	height: 120px;
}

#desktopHeader .nav-tabs > li,
#desktopHeader .nav-tabs > li > a,
#desktopHeader .nav-tabs > li > a:hover,
#desktopHeader .nav-tabs > li > a:focus,
#desktopHeader .nav-tabs > li > a:active
{
    border: 0px solid transparent;
    border-radius: 0px;
    background-color: transparent !important;	
}

#desktopHeader #mainTabs li a:hover {
	background-color: #2481A6 !important;	
}

#desktopHeader, .nav-tabs {
	color: white;
	font-family: 'Arial Regular', 'Arial';
	font-weight: bold;
	margin-bottom: 0;
}

#desktopHeader #mainTabs {
	display: inline-block;
	margin: 0px 0px 0px 150px;
	padding: 0px;
	height: 40px;
	border: 0px solid transparent;
	background-image: url("images/demo-container-bg.png");
	background-repeat: no-repeat;
	color: white;
}

#desktopHeader #mainTabs li div.header {
	color: white;
}

#desktopHeader #mainTabs li div.subHeader {
	font: xx-small Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: white;
}

#desktopHeader .categories {
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid rgb(2, 135, 180);
	width: 198px;
	display: table;
}

#desktopHeader .categories a {
	text-wrap: normal;
	color: white;
}

#desktopHeader .categories:hover, #desktopHeader .categories a:hover,
#desktopHeader .categories:focus, #desktopHeader .categories.active,
#desktopHeader .categories a:focus, #desktopHeader .categories.active a {
	background-color: #0287b4 !important;
	cursor: pointer;
}

#desktopHeader .categories.active {
	padding-bottom: 10px;;
	background-color: #0287b4 !important;
	margin-bottom: 0;
}

#desktopHeader .tab-content {
	background-color: #0287b4 !important;
	margin-left: 10px;
	margin-bottom: 5px;
}

#desktopHeader .subLink {
	padding-left: 10px;
}

#desktopHeader .subLink a {
	color: white !important;
	line-height: 18px;		
}

#desktopHeader .kicker {
	background-color: white;
	color: black;
	width: 360px;
	height: 185px;
	margin: 15px;
	padding: 10px;
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
}

#desktopHeader .subLinks {
	height: 180px;
	width: 390px;
	margin: 15px;
}

#desktopHeader #kickerSeparator {
	height: 10px;
}

#desktopHeader .kickerLink > a {
	line-height: 18px;
}

#desktopHeader .kickerLink > a:visited {
	color: #1C6C96;
}

#desktopHeader .clickable {
	cursor: pointer;
}

.linksDropDown {
	background-color: #036195;
	padding-top: 20px;
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.subCategoriesContainer {
	width: 832px;
	margin:auto;
}

@media (min-width: 1260px) {
  #desktopHeader #mainTabs {
    margin-left: 245px;
  }
}

#desktopHeader .linksDropDown .nav > li > a {
	text-align: center;
	padding: 0px;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	line-height: 14px;	
	outline: none;
}

#desktopHeader .headerCategories.activeCategory {
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.5);
	background-color: #036195 !important;
}

#desktopHeader #mainTabs .headerCategories.activeCategory> a {
	background-color: transparent !important;
	height: 48px;
	z-index: 100;
	background-image: url('images/narrowblue.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	outline: none;
}

#desktopHeader #mainTabs .headerCategories.activeCategory > a:hover {
	background-color: transparent !important;
}

#desktopHeader #mainTabs.nav > li > a {
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left:12px;
	padding-right: 12px;
	height: 40px;
	outline: none;
}

#desktopHeader .tab-pane {
	font-weight: normal;
}

#desktopHeader .longDisplay + a {
	font-size: 10px;
	padding-top: 10px !important;	
}

#desktopHeader #closeMainNav {
	font-size: 16px;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	padding-bottom:5px;
	padding-top: 5px;
}

#headerTopRow {
	background-image: url('images/headerbg.jpg');
	background-repeat: no-repeat;
	height: 72px;
}

#headerBottomRow {
	height: 40px;
}

#mainNavHeaders {
	height: 40px; 
	background-image: url('images/demo-container-bg.png'); 
	background-repeat: no-repeat; 
	background-color: #0c6291;				
}

#transparentLogo  {
	height:65px; 
	opacity: 0; 
	filter:alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	font: 13px/1.5  Arial, Verdana, sans-serif;
}

pre, code {
	font-family: Arial, Verdana, sans-serif;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font: 185% Arial,Verdana,sans-serif;
	font-weight: bold;
	line-height: 1.5;
}

h3 {	
	font: 125% Arial, Verdana, sans-serif;
	font-weight: bold;
}

h4 {  	
  	font: 115% Arial,Verdana,sans-serif;
  	font-weight: bold;
    margin-bottom: 0;
} 

h5 {	
	font: 105% Arial,Verdana,sans-serif;
	font-weight: bold;
	color: #041C5D;
	margin-bottom: 0;    
}

h6 {
	font: Arial,Verdana,sans-serif;
	font: small Arial,Verdana,sans-serif;
	font-weight: bold;
	margin-bottom: 0;
	color: #041C5D; 
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/
ul { 
	list-style: square ;
	color: rgb(51,51,51);
	margin: 0;
	margin-bottom: 0;
	padding: 0 0 0 0;
	list-style-position: inside ;
}

li {
  	margin-left: 0px; 
}

li li {
    margin-left: 20px;
}

ol {
	list-style: decimal;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 0;
	list-style-position: inside; 
}

ul li li {
	list-style: square inside url("images/2nd_bullet.jpg");
}


dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
	margin-bottom: 0px; /*changed from 20px to 0 on 9-28-12*/
}
/* Styles for content left components like left nav, sponsor log */

 .wrapper .grid_navInnerLandingHolder {
   display: inline-block;
    margin-left: 0px;
}
 
 
  .wrapper .grid_navInnerLandingLinks  ul 
{
display: inline-block;

zoom: 1;
line-height: 25px;
list-style: square ; 

margin: 0;
padding:  0 0 0;
list-style-position: outside ;
}



.wrapper .grid_navInnerLandingLinks  li 
{
border-bottom:thin dotted #cfcfcf;
line-height: 15px;
padding-top: 5px;
padding-bottom: 5px;
width:148px;
font-size: small;
list-style-position: outside ;
}

.wrapper .grid_navInnerLandingLinks .expandable li 
{
list-style:none;
}

.wrapper .grid_navInnerLandingLinks .expandable li >ul
{
border: 1px solid #0d6a99;
background-color: #ebedef;
}

.wrapper .grid_navInnerLandingLinks li.selected 
{
margin-left:0px;
background-color:#0d6a99;
color:white;
padding-bottom:0px;
width:100%;
list-style:none;
border-bottom:none;
}
.wrapper .grid_navInnerLandingLinks li.selected span
{
padding-bottom:5px;
}

.wrapper .grid_navInnerLandingLinks   .expandable .selected .expanded
{
border: 1px solid #0d6a99;
background-color: #ebedef;

}

.wrapper .grid_navInnerLandingLinks   .expandable .selected .expanded li ul
{
border: 1px solid #66cccc;
background-color: #ffffff;
}

.wrapper .grid_navInnerLandingLinks   .expandable .selected .expanded li ul li
{
margin-left: 0px;
}

.wrapper .grid_navInnerLandingLinks .expandable .selected li ul.expanded.grandchild
{
color:rgb(51,51,51);
border:1px solid #66cccc;
margin-left:0px;
width:100%;
}

.wrapper .grid_navInnerLandingLinks .expandable .selected li ul.expanded.grandchild a
{
font-weight:normal;
}
.wrapper .grid_navInnerLandingLinks .expandable .selected li ul.expanded.grandchild a:hover
{
font-weight:normal;
}

.wrapper .grid_navInnerLandingLinks .expandable .selected .expanded > li 
{
padding-bottom: 0px;
width:100%;
}

.wrapper .grid_navInnerLandingLinks .expandable .selected .expanded li.childselected
{
background-color:#66cccc
}

.wrapper .grid_navInnerLandingLinks .expandable .selected .expanded .childselected a
{
font-weight:bold;
}

.wrapper .grid_navInnerLandingLinks .expandable .selected .expanded .childselected a:hover
{
font-weight:bold;
}

.wrapper .grid_navInnerLandingLinks .expandable .selected .expanded  li span 
{

}

.wrapper .grid_navInnerLandingLinks .expandable .selected li ul.expanded.grandchild  li 
{
border-bottom:thin dotted #cfcfcf;
padding-bottom:5px;
width:147px;
}

.wrapper .grid_navInnerLandingLinks .expandable .selected li ul.expanded.grandchild  li.selected 
{
color:rgb(0,0,0);
background-color:#FFFFFF;
border-bottom:thin dotted #cfcfcf;
padding-bottom:5px;
width:146px;
}

.wrapper .grid_navInnerLandingLinks .expandable .selected li ul.expanded.grandchild  li.lastchild 
{
border-bottom:0px;
}

.wrapper .grid_navInnerLandingLinks .expandable .selected li ul.expanded.grandchild  li span 
{

width:143px;
}

.wrapper .grid_navInnerLandingLinks .expandable  li span
{
margin-left:5px;
width:143px;
display:block;
}

/* ie7  */
*+html .wrapper .grid_navInnerLandingLinks  ul li {line-height: 25px;}

.wrapper .grid_navInnerLandingLinks .selected .expanded a
{
color:rgb(51,51,51);
}

wrapper .grid_navInnerLandingLinks .selected .expanded a:hover
{
text-decoration:underline;
}
  
 .wrapper .grid_navInnerLandingLinks a
{ color:rgb(51,51,51);
/*font-size: 12px;* changed for 508 compliance*/font: small Arial,Verdana,sans-serif;
font-weight:normal;
}
  
.wrapper .grid_navInnerLandingLinks  a:hover
{ 
/*font-size: 12px;* changed for 508 compliance*/font: small Arial,Verdana,sans-serif;
text-decoration:underline;
/*color:#f27604;*/ }

.wrapper .grid_navInnerLandingLinks  a:focus
{ 
/*font-size: 12px;* changed for 508 compliance*/font: small Arial,Verdana,sans-serif;
text-decoration:underline;
/*color:#f27604*/; }

 .wrapper .grid_navInnerLandingLinks .selected a
{ color:#ffffff;
/*font-size: 12px;* changed for 508 compliance*/font: small Arial,Verdana,sans-serif;
font-weight:normal;
}
  
.wrapper .grid_navInnerLandingLinks  .selected a:hover
{ 
/*font-size: 12px;* changed for 508 compliance*/font: small Arial,Verdana,sans-serif;
text-decoration:underline;
/*color:#f27604;*/ }

.wrapper .grid_navInnerLandingLinks  .selected a:focus
{ 
/*font-size: 12px;* changed for 508 compliance*/font: small Arial,Verdana,sans-serif;
text-decoration:underline;
/*color:#f27604*/; }

.wrapper .grid_navInnerLandingLinks .selected .expanded a
{
color:rgb(51,51,51);
}

wrapper .grid_navInnerLandingLinks .selected .expanded a:hover
{
text-decoration:underline;
}

/*  FOR FUTURE USE IF NEEDED********
.wrapper .grid_navInnerLandingLinks  a:selected
{ color:#ddd;
font-weight:normal;
font-size: 10px;
 } */
 
 .wrapper .grid_navInnerLandingLinks .active
{ 
/*font-size: 12px;* changed for 508 compliance*/font: small Arial,Verdana,sans-serif;
font-weight:bold;
color:#050e3a; }

.wrapper .grid_navSponsorLogoHolder {
	min-height: 200px;
}  

.wrapper .grid_navSponsorLogoHeading {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
}

#sponsorLogo img {
	max-height: 155px;
	max-width: 150px;
}

@media ( max-width : 959px) {
	#sponsorLogo {
		text-align: center;
		margin-bottom: 10px;
	}
}




/* MOBILE LEFT NAV STYLES */
#mobileLeftNavigation a {
	color: #0c6291;
}

#mobileLeftNavigation .mobileCloseButton {
    border-top: 2px solid #0c6291;
    border-left: 2px solid #0c6291;
    border-right: 2px solid #0c6291;
    border-bottom: 0px;
    background-color: white;
    color: #0c6291; 
    font-weight: bold;
    width: 115px;
    height:35px;
}

#mobileLeftNavigation .panel-group {
	margin-bottom: 5px;
}

#mobileLeftNavigation .panel {
	box-shadow: 0px 0px 0px transparent;
}

#mobileLeftNavigation .panel-group .panel + .panel {
    margin-top: 0px;
}

#mobileLeftNavigation .panel-collapse > .panel-body {
	border: 0px;
}

#mobileLeftNavigation .level2 .panel-body {
	background-color: #EBEDEF;
}

#mobileLeftNavigation .panel-body {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}

#mobileLeftNavigation .panel-heading {
	padding: 10px 15px;
}

#mobileLeftNavigation .panel-title {
	margin: 0px;
	background-color: inherit;
	border: 0px solid transparent;
	padding-bottom: 0px;
}

#mobileLeftNavigation .mobileMenuEntry1 {
	font-weight: bold;
}

#mobileLeftNavigation .mobileMenuEntry2 {
	width: 100%;
	display: inline-block;
	font-weight: normal;
	min-height:30px;
	font-size: 16px;
}

#mobileLeftNavigation .mobileMenuEntry3 {
	font-weight: normal;
	padding-left: 20px;
	min-height: 30px;
	font-size: 16px;
} 

#mobileLeftNavigation .mobileMenuArea2 {
    margin-bottom: 0px;
    margin-top: 5px;
    min-height: 20px;
    padding-left: 10px;
    vertical-align: middle;
    background-color: #EBEDEF;
}

#mobileLeftNavigation .level3 .mobileMenuArea3 {
	padding-top: 5px;
	background-color: #FFF;
}

#mobileLeftNavigation .level1.shadowed .endShadow {
	box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.5);
	background-color: #FFF;
	height: 5px;
	margin-top: 20px;
	margin-left: -7px;
	margin-right: -7px;
}

#mobileLeftNavigation .level1.shadowed .panel-heading {
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	margin-bottom: 5px;
}

#mobileLeftNavigation .level2 .learnMoreButton {
	background-color: #0c6291;
}

#mobileLeftNavigation .level3 .learnMoreButton {
	background-color: #6CC;
	color: black;
} 

#mobileLeftNavigation .learnMoreButton {
	width: 250px;
	color: white;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	border-radius: 0px;
	box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
}

#sectionTitleRow.menuHeader, 
#mobileLeftNavigation .menuFooter {
    position: fixed;
    width: 100%;
    z-index: 200;
    background-color: white;
}

#mobileLeftNavigation .menuHeader {
    top:0;
    left: 0;
}

#sectionTitleRow.menuHeader {
	top: 65px;
	padding-right: 15px;
}

#mobileLeftNavigation .menuFooter {
    bottom:0;
    height: 35px;
}

#mobileLeftNavigation .menuContent {
    min-height:100%;
    width: 100%;
    overflow: auto;
    z-index: 100;
    padding: 120px 0;
}


hr.hrPadded {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

/* MEDIA QUERIES */

@media ( min-width : 960px) {
	#landingLatest, #detailMiddleColumn, #newsMiddleColumn {
		padding-right: 15px;
	}
}

@media ( min-width : 1260px) {
	#landingLatest, #detailMiddleColumn, #newsMiddleColumn {
		padding-right: 30px;
	}
}

/* LANDING PAGE */

#landingHeroMultimedia {
	overflow: hidden;
	float: right;
	width: 40%;
}

#landingAboutText {
	width: 60%;
	float: left;
}

.grid_content_landingText p {
    padding-right: 8px;
}

#landingSubdata {
	width: 60%;
	margin-top: 9px;
	margin-left: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
}

@media ( max-width : 600px) {
	#landingAboutText {
		width:100%;
	}
	#landingSubdata {
		width:100%;
	}
}


.textonImageTitle {
   max-width: 140px;
   height: 50px;
   font: bold small Arial,Verdana,sans-serif;
   background: rgb(0, 0, 0);
   background-color: rgba(0, 0, 0, 0.6);
   padding: 3px;
   display:block;
}

.textonImageBluebg {
   position: relative;
   top: -50px;
   left: 0;
   width: 130px;
}

.textonImageWhitebg {
    position: relative;
    bottom: 0px;
    top: -50px;
    min-height: 50px;
}

.textonImageTitle span {
	display:block;
   	font: normal small Arial,Verdana,sans-serif;
   	padding: 5px;
}

.textonImageTitle a {
	color: white;
	font: normal small Arial,Verdana,sans-serif;
}

.textonImageTitle a:hover {
	text-decoration:underline;
}

/* Different breakpoint to match icon image size from featureiconServlet*/
@media (max-width: 750px) {
	.textonImageTitle a {
		color: #1C6C96;
	}
	.textonImageTitle {
	   background-color: transparent;
	   padding: 0px;
	}
	.textonImageBluebg {
		position: inherit;
		top: 0px;
		height: auto;
	}

	.textonImageTitle span {
		padding-left: 0px;
	}
}

.textonImage {
    margin-right: 5px;
    min-width: 90px;
}

#featureIcons {
	margin-top: 10px;
}

.textonImageBluebg, .textonImageTitle {
	width: 100%;
}


#landingSubdata .active {
	font: small Arial,Verdana,sans-serif;
	font-weight:normal;
	color:#050e3a;
}

#landingSubdata   ul {
    list-style: none;
    padding:0;
    margin:0;
}

#landingSubdata li {
    list-style-type: none;
    list-style-position: inside;
    padding: 0px 0 0px 9px;
    text-indent: -.8em;  /* works for IE / Chrome but not Firefox */
}

@-moz-document url-prefix() {
    #landingSubdata li {
        text-indent: -1.2em;
    }
}

#landingSubdata li:before {
    content: '\25A0';
    color: orange;
    vertical-align: top;
    padding-right: 2px;
}

#landingSubdata .left {
    float: left;
    width: 210px;
    margin: 5px;
    margin-top:0px;
    padding-right: 5px;
    display: inline-block;
}

#landingSubdata .right {
    float: right;
    margin: 2px;
    width: 210px;
    display: inline-block;
}

#landingLatest h4 {
	margin: 10px 0px;
	color: #041C5D;
}

#landingApp {
	margin-top: 20px;
}
.article {
	padding-top: 5px;
	padding-bottom: 5px;
}

.article .thumbnailColumn {
	float: left;
	max-width: 190px;
	max-height: 100px;
	padding-right: 10px;
}

@media ( min-width: 960px ) {
	#detailRelatedInfo .article .thumbnailColumn {
		float: none;
	}
}

.article .thumbnailColumn img {
	vertical-align: top;
	margin-left: 5px;
	margin-right: 10px;
	max-height: 100px !important;
	border: 1px solid #D7D7D7;
}

.blogentry .article .thumbnailColumn img, .blog .article .thumbnailColumn img {
	vertical-align: top;
	margin-left: 5px;
	margin-right: 10px;
	max-height: 100px !important;
	border: none;
}

.article .abstract {
	overflow: hidden;
}

.article .title {
	font-weight: bold;
}

.article .publishdate {
	margin-top: 0px;
	margin-bottom: 0px;
	font: italic x-small Arial, Verdana, sans-serif;
}

.viewAllButtonSmall {
	outline: none !important;
	height: 33px !important;
}

@media ( max-width: 600px ) {
	.viewAllButtonSmall, .viewAllButton {
		color: #0c6291;
		background-color: #f2f2f2;
		padding: 4px 8px;
		margin-bottom: 5px;
		height: 35px;
		border: 0px;
		font-weight: normal;
		width: 200px;
		text-align: center;
		margin-left: auto;
    	margin-right: auto;
	}

	.viewAllButtonSmall:hover, .viewAllButton:hover {
		color: #ffffff;
		background-color: #0c6291;
		/*text-decoration: underline;*/
		text-decoration: none;
	}

	.viewAllButtonSmall a:hover {
		text-decoration: underline !important;
	}
}

@media ( min-width: 600px ) {
	.viewAllButton, .viewAllButtonSmall {
		color: #084E84;
		font: small Arial, Verdana, sans-serif;
		font-weight: bold;
		text-align: center;
		box-sizing: content-box !important;
		background-repeat: no-repeat;
		background-color: transparent;
		margin: 0 auto;
		padding-top: 10px;
		border: none;

	}
	.viewAllButton {
		background-image: url("images/viewall-lp-btn.jpg");
		height: 42px;
		max-width: 550px;
		width: 100%;
	}
	.viewAllButtonSmall {
		background-image: url("images/viewall-mini-btn.jpg");
		width: 153px;
		height: 35px;
	}
	.viewAllButtonSmall:hover, .viewAllButton:hover {
		color: #0E72A2;
		/*text-decoration: underline;*/
		text-decoration: none;
	}

	.viewAllButton:hover {
		background-image: url("images/viewall-lp-over-btn.jpg");
	}
	.viewAllButtonSmall:hover {
		background-image:url("images/viewall-mini-over-btn.jpg");
	}

	.viewAllButtonSmall a:hover {
		text-decoration: underline !important;
	}
}

.viewAllButton a {
	color: #084E84;
	font-family: Verdana, Arial, serif;
	font: small Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
}

.viewAllButton a:hover, .viewAllButton a:focus {
     color: #0E72A2;
     text-decoration: underline;
}

.viewAllButtonSmall a:hover {
	text-decoration: underline !important;
}

#oisGroup.panel-group,
#relatedInfoGroup.panel-group {
	margin-bottom: 0px;
}

#relatedInfoGroup .panel-body {
	padding-bottom: 15px;
}

/* VISUAL DETAIL PAGE */
#embedLabel {
	font-weight: bold;
	margin-top: 15px;
}

#embedArea {
	width: 100%;
	height: 80px;
}

#visualEmbed {
	margin-bottom: 10px;
}

/* VISUAL LIST PAGE */

#visualGallery {
	margin-bottom: 20px;
}

.visualGalleryThumb  {
    margin: 5px 10px 5px 0px;
    padding: 0px;
    width: 250px;
    min-width: 250px;
    height: 250px;
    border: 1px solid #ccc;
    text-decoration: none;
    float: left;
    background-color: rgba(255,255,255,1); /* ie. no transparency */
}

.visualGalleryThumb:hover {
    background-color: #F2F2F2 ;
    text-decoration: none;
}

.visualGalleryThumb img {
    width: 248px;
    min-width: 248px;
    height: 248px;
}

.visualGalleryThumb span {
    display: block;
    color: #041C5D;
    height: 55px;
    width: 248px;
    font-weight: bold;
    position: relative;
    top: -55px;
    line-height: 1.2em;
    background-color: inherit;
    border-top: 1px solid #ccc;
}

.valignMiddle {
    display: table-cell;
    width: 248px;
    height: 45px;
    vertical-align: top;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
}

/* SOCIAL HUB PAGE */
#socialHubTabs #tabsMenu ul {
    width: 98%;
}

#socialHubTabs ul#tabsMenu li div {
    width: 100%;
}

/* DETAIL PAGE  */
#relatedInfoGroup .panel-heading>h3,
div.newsSidebar {
	padding: 5px 0px;
	margin-bottom: 5px;
}

p.newsSidebar {
	margin-bottom: 15px;
}
@media (min-width: 960px){
    #detailRelatedInfo #relatedInfoGroup .panel-heading>h3,
	div.newsSidebar {
		border-bottom: thin solid #CFCFCF;
		border-top: thin solid #CFCFCF;
	}
}

.textimage {
	padding-top: 7px;
}

.textimage h3, .textimage h4 {
	padding: 0px !important;
}

.textimageText {
	padding-top: 7px;
}

/*
.textimageText ol li {display:block;}
.textimageText ol > li:first-child {counter-reset: item;}
.textimageText ol > li {counter-increment: item; position: relative;}
.textimageText ol > li:before {content:counters(item, ".") "." item; position: absolute; margin-right: 100%; right: 10px;}
.textimageText ol > li > ol > li {list-style-type: lower-alpha;}
*/

.textimageText ol {
    counter-reset: item;
}

.textimageText ol li {
    display: block;
    position: relative;
}

.textimageText ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}

.textimageAudioVideo, .textimageImage {
	overflow: hidden;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: center;
    padding-top: 7px;
    position: relative;
    z-index: 1;
}

.textimageImage.left2 {
	float: left;
}

@media (max-width: 600px){
    .textimageImage, .textimageAudioVideo {
    	float: none !important;
    	text-align: center !important;
    	margin: 0px !important;
    }
    .textimageAttachment {
    	max-width: 100% !important;
    	text-align: center !important;
    }
}

.textimageImage a {
    color: #345B92;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}
.textimageImage a:hover {
   	color: #F17505;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}

.textimageImage img {
    margin-bottom: 14px;
}

.textimageImage .textimageAttachment a:hover {
    font-weight: normal;
    color: #f17505;
}

ul#listMenu .textimageImage .textimageAttachment a:hover {
    font-weight: normal;
    color: #f17505;
}

.textimageAttachment {
    max-width: 220px;
    word-wrap: normal;
    text-align: left;
}

#detailContent ul{
    line-height: 16px;
    margin-bottom: 7px;
    margin-left: 15px;
}

#detailContent li ul {
    margin-bottom:0px;
    padding-top:2px;
}

#detailContent li ul li {
    padding-bottom: 0px;
}

/** Fix for the bullets on list page and Visual List Page **/
.grid_content_listPageArticleAbstractListIntro .richtext ul li, #listAbstract .richtext ul li{
	list-style-type: square;
		list-style-position: outside;
		margin-left: 1.5em;
}

#detailContent .alphaList{
    font: small Arial,Verdana,sans-serif;
    list-style-type: lower-alpha;
}

#detailContent table{
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #7B8999;
	margin-bottom: 14px;
}

#detailContent td{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #7B8999;
}

#detailContent th {
	background-color: #D2E5EC;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #7B8999;
}

#detailContent th a {
	color: #064A7F;
}

#detailContent th a:visited {
	color: #4F3A74;
}

#detailContent tfoot {
	background-color: #ecf6ff;
	color: #000000;
}

#detailContent tfoot a {
	color: #005399;
}

#detailContent tfoot a:focus {
	color: #0e4b91;
}

#detailContent tfoot a:visited {
	color: #4f3a74;
}

#detailContent .caption {
    font: x-small Arial,Verdana,sans-serif;
    margin-bottom: 14px;
}

#detailContent h4 {
    color: #050e3a;
    font: Arial,Verdana,sans-serif;
    font-weight: bold;
    padding-bottom: 7px;
}

#detailContent h3 {
   	color: #041C5D;
    font: 120% Arial,Verdana,sans-serif;
    font-weight: bold;
    padding-bottom: 7px;

}

#detailContent ol li {
	font: small Arial,Verdana,sans-serif;
    padding: 5px 0px 2px 0px;
    font-weight:normal;
    margin-left: 2em;
}

#detailContent ul li {
 	list-style-type: square;
    list-style-position: outside;
    padding: 5px 0px 2px 0px;
    font-weight:normal;
    text-indent: 0em;
    margin-left: 1em;
}

#detailContent .rtlLang ul li {
	list-style-position: inside;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10+ specific styles go here - IE conditional comments are gone since version 10*/
   .textimageText ul li {
   	margin-right: 0px !important;
   }
}

/* NEWS PAGE */
#newsContact {
	margin-bottom: 20px;
}

#subscriptions {
	height: 50px;
	font-size: x-small;
	display: table;
	margin-right:10px;
	float: right;
}

#subscriptions > div {
	width: 40px;
	text-align: center;
	display: table-cell;
}

/* LIST PAGE */
#listAbstract p {
	margin-bottom: 14px;
}

#listFilterSelect, #tabSelector {
	height: 40px;
	background-color: #0c6291;
	color: white;
	font-size: small;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
}

#listFilterSelector h4, #tabNav h4 {
	line-height: 40px;
	display: inline;
}

#listFilterSelect option, #tabSelector option {
	height: 30px;
}

ul#tabul {
	width: 85px;
	margin-right: 0px;
	overflow: auto;
	min-height: 200px;
	max-height: 260px;
}

ul#tabul li div {
	vertical-align:middle;
	height: 30px;
	display: table-cell;
	padding-left: 5px;
}

ul#tabul li {
	display:block;
	margin-left: 0px;
}

ul#tabul li a,
#listMenu li.button-tabs a {
	margin-left: 0px;
	width: 100%;
}

#listMenu .button_tabs_dropdown a:hover {
	cursor: pointer; cursor: hand;
	background-color: rgb(210, 229, 236);
}

ul#listMenu li.current-arrow,
ul#tabsMenu li.current-arrow {
    background-image: url("images/landing-standard-tab-on.png");
    background-position:50% 8%;
    display:block;
    background-repeat: no-repeat;
    height:10px;
}

ul#listMenu li.current-arrow {
	margin-top: -5px;
}

ul#tabsMenu li.current-arrow {
    margin-top: 0px;
}

ul#listMenu li div.tabs {
	vertical-align:middle;
	height: 45px;
	width: 94px;
	display: table-cell;
}

ul#listMenu li div.drop,
ul#tabsMenu li div#dropDownButton {
	vertical-align:middle;
	height: 46px;
	width: 31.5px;
	display: table-cell;
}

#dropDownButton {
	height: 46px !important;
}

.toggle_dropdown a:hover {
	background-image: none;
}

#tabsMenu .button_tabs_dropdown, #listMenu .button_tabs_dropdown {
	position: absolute;
	/*left: 545px;*/
	margin-left: 3px;
	background-color: white;
	border: 2px;
	border-color: black;
	z-index:2;/*get hidden by the pdf attachment of textandimage component*/
}

.inactiveArrow {
	background-image: url("images/List_Expand_Button.jpg");
}

.activeArrow {
	background-image: url("images/List_Expand_Button_active.jpg");
}

ul#tabsMenu li a.toggle_dropdown {
	padding-left: 0px !important;
}

/* PDF warning */
#pdf {
	margin-top: 20px;
	border-top: 1px solid #999999;
	font: small Arial, Verdana, sans-serif;
	padding: 5px 0px;
	text-align: left;
}

/* Last Modified */
#lastModified {
	margin-top: 20px;
	font: small Arial, Verdana, sans-serif;
	padding: 5px 0px;
	text-align: left;
	font-style: italic;
}

@media (max-width: 600px) {
	#statelist .left {
		float: none !important;
		display: block !important;
	}
}

#tabul {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;
    width: 94px;
}

.buttonLinks:hover {
	text-decoration: underline !important;
}

div#latestNewsNavigation a:hover {
	text-decoration: underline !important;
}

.dialogFieldLabel {
	font-weight: bold;
	font-style: italic;
	padding-bottom: 12px;
}

.ui-accordion .ui-accordion-content a {
	color: #0A79A2;
}

/* BUTTON COMPONENT */

.button-left {
	text-align:left;
}

.button-center {
	text-align: center;
}

.button-right {
	text-align: right;
}

.button-full {
	width: 100%;
}

.button-90 {
	width: 90%;
}

.button-50 {
	width: 50%;
}

#detailRelated .heading {
	padding-left: 10px;
}

#detailRelated .divider hr{
	margin: 0px 0px 0px 0px;
}
/* GLOBAL breadcrumb STYLES */

/*
.breadcrumb {
   margin: 0px;
   padding: 0px;
   background-color: #0C6291;
   width: 100%;
}

.breadcrumb a {
   color:#010216;
   font-weight:normal;
   font: x-small Arial,Verdana,sans-serif;
   padding-right: 10px;
   background-position:right;  
   font-size: 9px;
}


.breadcrumb a:hover, 
.breadcrumb a:focus {
   text-decoration:underline;
}

.breadcrumb .active {
   color:#0b3675;
   font-weight: bold;
}

*/
.breadcrumb a:visited, 
.breadcrumb p, .breadCrumb-last {
   color:#010216;
   display: inline;
   font: x-small Arial,Verdana,sans-serif;
} 


#breadContainer .small-menu-right {
	font-size: 6px;
}

#breadContainer a, #breadContainer p {
	font-size: 10px;
}

#contextualNavTitle {
   padding-bottom: 5px;
   margin-bottom: 10px;
}

@media (min-width: 960px){
	#contextualNavTitle {
		background-image: url("images/divider-lf.jpg");
   		background-repeat: repeat-x;
   		background-position:left bottom;  
	}
}

#contextualNav .panel-default > .panel-heading {
    color: inherit;
    background-color: transparent;
    border: none;
}

#contextualNav .panel-group {
	margin-top: 0px;
	margin-bottom: 0px;
}

#contextualNav .panel, 
#contextualNav .panel-body, 
#contextualNav .panel-heading {
   margin: 0px;
   padding: 0px;
   background-color: transparent;
   border: none;
}

#contextualNav h3.panel-title {
	color: #041C5D;
}

#contextualNav .panel-title {
    margin: 0px;
    background-color: #DEE5EC;
    border:  1px solid #CAD1DA;
    padding-bottom:10px;
}

#contextualNav .panel-body {
	padding-right: 5px;
}

#contextualNav {
	padding-bottom: 10px;
}

#contextualNav .article {
	padding-bottom: 5px;
	padding-top: 5px;
}

#contextualNav .contextualImg {
	float: right;
}

@media (max-width: 600px) {
	#contextualNav .contextualTeaser {
		display: table-cell;
	}
}
@media (max-width: 959px){
	#contextualNav .contextualImg {
		float: left;
		margin-right: 14px;
		min-width: 100px;
	}
}

@media (min-width: 600px) and (max-width: 959px){
	#contextualNav3, #contextualNav2, #contextualNav1{
		padding-right: 20px;
		padding-left: 20px;
	}
} 

@media (min-width: 960px) {
	#contextualNav3, #contextualNav2 {
		padding-right: 15px;
	}
}

@media (min-width: 601px){
	#contextualNav .panel-title {
		text-align:left;
		background-color: transparent;
		padding:0;
		border: 0px solid transparent;
		padding-top: 10px;
		padding-bottom: 10px;
		cursor: default; 
	}
	#contextualNav a.accordion-toggle:hover {
		text-decoration: none;
	}
}

/* GLOBAL Census Footer Styles */

#footerContainer {
	width: 100%; 
	background-color: #0C6291;
}

@media ( min-width : 960px) {
	#footerContainer {
		background-image : url('images/footer-main-bg.png');
		background-repeat: repeat-x;
	}
}


.foot_col_headers {
  	font: x-small Arial,Verdana,sans-serif;
  	color: #e7f0f4;
  	font-weight:bold;
  	margin-bottom: 5px;
  	margin-top:20px;
}
   
.foot_col {
   	display:inline-block;
  	font: x-small Arial,Verdana,sans-serif;
   	vertical-align: top;
   	line-height: 18px;
   	margin-top: 10px;
   	height: auto;   
   	text-align: left;
   	width: 143px;
   	padding-right: 7px;
}

.foot_col a, .foot_col a:hover {
   	color:#fff;
}

.foot_col a:hover, .foot_col a:focus {
   	text-decoration:underline;
}

.foot_col_link {
   	padding-bottom:5px;
   	line-height:normal
}

.foot_col_divider {
   	display:inline-block;
   	width:2px;
   	margin-top:10px;
   	padding-right:10px;
}

#footerBottomLinks {
  	text-align: center;
  	color:#fff;
  	margin: 0px auto;
  	background-image: url("images/footer-lines-bottom.png"); 
  	background-repeat: no-repeat;
  	background-position: top; 
  	margin: 0px auto;
  	padding-bottom:10px;
  	padding-top: 20px;
}

#footerBottomLinks a {
  	color:#fff;
  	font:x-small Arial,Verdana,sans-serif;    
}

/* MOBILE STYLES */

#mobileFooter .row {
	padding-top: 15px;
}

#mobileFooter div, #mobileFooter a {
   background-color: #0c6291;
   color: white;
   font-family: 'Arial Regular', 'Arial';
   font-weight: bold;
   font-size: 14px;
}

.lastRowFooter {
	padding-bottom: 15px;
}

div#footerBottomLinks span a {
	text-decoration: none;
	font-weight: bolder;
}

div#footerBottomLinks span a:hover {
	text-decoration: underline !important;
}

div#footerBottomLinks a.foot_bottom_socialLinks:hover {
	text-decoration: none;
}

a.foot_bottom-socialLinks {
	outline: none !important;	
}

.foot_bottom_socialLinks img {
	margin: 0;
	border: 0;
}

/*.foot_bottom_socialLinks img {
	color: transparent !important;
	font-size: 0px !important;
	vertical-align: middle !important;
	width: 26px !important;
	height: 19px;
	border: 0 none;
	margin: 0;
	outline: 0 none;
	text-align: center;
}*/
/*
 * Search.css
 *
 * Color Scheme:
 *
 *   Navy blue font color: 041C5D
 *   Grey font color: 333333
 *   Darker background: E7E7E7
 *   Lighter background: F2F2F2
 *   Button background: D7D7D7
 *
 */


/***********************
 * Search box in header
 ********************/

.searchbox label {
   display: inline;
   max-width: 10px;
   margin-bottom: 0px;
   font-weight: normal;
}

.searchbox input {
   background-image: url('images/search-bg.png');
   background-repeat: no-repeat;
   width: 290px;
   height: 26px;
   float: left;
   color: #6d6d6d;
   margin-left: 190px; /* was 170px */
   margin-top: 10px;
   padding-left: 20px;
   line-height: 26px; height: 25px;
   font-size: 12px;
}

input[type=text]:focus {
}

.searchbtn input {
  background-image: url('images/search-btn.png');
  background-repeat: no-repeat;
  color: #a8a8ab;
  margin-top: 10px;
  width: 20px;
  height: 25px;
  border: 0;
  float: right;
  cursor:pointer;
  line-height: 999px; /*Set it higher than your image height */
  overflow: hidden; /*Hide the text */
  font-size: 0; /* FF2 doesn t like the above */
}

/***********************
 * Search form
 ********************/

.ui-widget-header .ui-icon { /* ONLY FOR DEMO */
    background-image: url('images/ui-icons_222222_256x240.png');
}

#searchFormContainer{
    margin-bottom: 10px;
    padding-bottom: 0px;
}

#searchTooltipLink {
    cursor: pointer;
    padding-top: 5px;
	padding-left: 10px;
	display: block;
	float: left;
}

#searchTooltip {
    display:none;
    background-color: #F2F2F2;
    height: 170px;
    width: 455px;
    font: small Arial,Verdana,sans-serif;
    /*padding-bottom:10px;*/
    padding-top: 0px;
}

.searchTooltipWidget {
    /*padding: 0 0 0 0;*/
}

.searchTooltipWidget .ui-widget-header {
    border: none;
    background: #F2F2F2;
}
.searchTooltipWidget .ui-dialog-title {
    /*margin-left: 120px;*/
    font: small Arial,Verdana,sans-serif;
    font-weight: bold;
 }

.ui-autocomplete{
    /* need to figure out why this is setting to 1 */
    z-index: 10000 !important;
}

div.ui-dialog-titlebar span.ui-dialog-title a.ui-state-focus {
	background: #F2F2F2 url('images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x !important;
}

#searchInputBox {
	float: left;
}

#searchInput, #searchFormContainer #searchbox, #sissearchbox{
    color: #6D6D6D;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    width: 280px;
	height: 25px;
    padding-left: 20px;
   	background-image: url("images/search-bg.png");
    background-repeat: no-repeat;
	margin-left: 0px;
    margin-top: 0px;
}

#searchButtonBox {
    border: 0 none;
    color: #A8A8AB;
    cursor: pointer;
    margin-top: 0px;
    overflow: hidden;
    float: left;
}

#searchButtonBox, #searchButton {
	width: 20px;
	font-size: 0;
    height: 25px;
    background-image: url("images/search-btn.png");
    background-repeat: no-repeat;
}

#searchResultsTitleRow {
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
#searchResultsTitle {
	margin: 0;
	float: left;
}

#searchResultsNumber{
    text-align: right;
    padding: 10px 0px;
}



/***********************
 * Type Ahead drop down
 ********************/
.ui-menu .autocomplete-instant-answer.ui-menu-item {
    background-color: #F2F2F2;
    padding: 10px 0 10px 0;
}

.ia-header{
    color: #161A60;
    font: bold medium Arial,Verdana,sans-serif;
    padding: 0 0 5px 5px;
}

.ia-stat-value{
    padding: 0 0 2px 10px;
    font: bold medium Arial,Verdana,sans-serif;
}

.ia-label{
    padding: 0 0 2px 10px;
    font: bold small Arial,Verdana,sans-serif;
    color: #000000;
    font-weight: bold;
}

.ia-label .ia-stat{
    font-style: italic;
}

.ia-system{
    padding: 0 0 0 10px;
}

.ui-menu .ui-menu-item .ia-system a{
    font: italic bold small Arial,Verdana,sans-serif;
    color: #1C6C96;
    text-decoration: none;
    padding: 0;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    /*background: #1489b2 url('images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x !important;*/
    font-weight: bold;
    cursor: pointer;
}

ul.ui-autocomplete li.ui-menu-item a.ui-state-focus {
	background: #F2F2F2 url('images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x !important;
	color: black !important;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: 2px 0 1px 1px;
    margin: 2px 0 1px 1px;
    line-height: 1.5;
    text-align: left;
    color: #161A60;
}

.ui-menu .ui-menu-item {
    padding-left: 2px;
}

#ui-active-menuitem{
     cursor: pointer;
}

/*Newly added type aheads*/
.ui-menu .ui-menu-item a {
    display: block;
    font-weight: normal;
    line-height: 1.5;
    padding: 2px 0.4em;
    text-decoration: none;
}

.ui-autocomplete.ui-menu .ui-menu-item a {
	color: #222;
}


/********************
 * Search Results
 ********************/

#searchResults .panel-group {
	margin-bottom: 0px;
}

#searchContainer {
    display: inline-block;
    margin: 5px 0 0 167px;
    min-height: 100%;
    width: 822px; /* was 800px */
}

/*************************
 * NAICs
 *************************/

#naicsContainer .panel-title,
#infoPanelContainer .panel-title,
#disambiguationGroup .panel-title {
	padding-left: 10px;
}

#naicsContainer, #infoPanelContainer {
    border: 1px solid #0c6291;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#naicsHeader{
    background: url("images/demo-container-bg.png") no-repeat -350px 0 #0c6291;
    padding: 5px 5px 5px 10px;
    text-align: left;
}

.naicsTitle{
    color: #fff;
    font: bold 1.385em Arial,Verdana,sans-serif;
}

#naicsBody{
    border: 0px;
    margin: 5px 10px 5px 10px;
}

.naicsDetail{
    padding: 3px 0 5px 0;
}

.detailLeft {
    width: 50px;
    clear: left;
    float: left;
}

.detailRight {
    width: 165px;
    float: right;
}

.naicsMore{
    border-top: 1px #CCCCCC solid;
    text-align: right;
    padding: 10px 3px 5px 10px;
    margin: 10px 0 0 0;
}

/*************************
 * Infopanel
 *************************/


#infoPanelHeader{
    background: url("images/demo-container-bg.png") no-repeat -350px 0 #0c6291;
    padding: 5px 5px 5px 10px;
    text-align: left;
}

.iphtitle{
    color: #fff;
    font: bold 1.385em Arial,Verdana,sans-serif;
}

.iphgeoTitle{
    color: #fff;
    font: bold 1.231em Arial,Verdana,sans-serif;
}

#infoPanelBody{
    border: 0px;
}

.infoPanelDetail{
    padding: 3px 3px 5px 3px;
    border-bottom: 1px solid #CCC;
	margin-left: 5px;
	margin-right: 5px;
}

.ipTitle{
    color: #161A60;
    font: bold 0.875em Arial,Verdana,sans-serif;
}

.ipValue{
    padding: 3px 0 0 0px;
    color: #000;
    font: bold 1.125em Arial,Verdana,sans-serif;
}

.ipDesc{
    color: #000;
    font: 1.00em Arial,Verdana,sans-serif;
}

.ipSrc{
    padding: 3px 0 0 0;
    color: #1C6C96;
    font: bold italic 0.846em Arial,Verdana,sans-serif;
}

.ipshowbtn{
    float: right;
    border: 1px solid #000;
    margin: 5px 5px 5px 5px;
}




/*************************
 * Dynamic Navigation
 *************************/
#dynamicNavBody{
    padding: 5px 0 5px 0;
    border: 1px solid #F2F2F2;
}

.dynamicLinksHeader{
    color: #161A60;
    font: bold 1.1em Arial,Verdana,sans-serif;
    padding: 0px 0px 0 10px;
}

.dynamicNavItem{
    padding: 5px 5px 3px 3px;
    text-align: right;
    border-bottom: 1px solid #F2F2F2;
    margin: 0 10px;
}


/*************************
 * Quick Answers
 *************************/
.quickAnswerContainer {
    background-color:#f2f2f2;
    margin: 0px 0 10px 0;
    padding: 10px 0 10px 10px;
}

.quickAnswerContainer .qaTitle{
    color: #161A60;
    font: bold 1.00em Arial,Verdana,sans-serif;
    padding: 0 0 5px 0;
}

.quickAnswerContainer .qaValue{
    padding: 0 0 5px 0;
    color: #000000;
    font: bold 1.5em Arial,Verdana,sans-serif;
}

.quickAnswerContainer .qaSource{
    color: #1C6C96;
    font: italic bold small Arial,Verdana,sans-serif;
    padding: 0;
    text-decoration: none;
}

.vizListContainer  {
    margin-top: 20px;
    padding: 0px;
}

.vizListTitle  {
    font-size: small;
    font-family: Arial, verdana, sans-serif;
}

.vizList li {
    border-top: 1px solid #d9d9d9;
    margin: 5px 10px 0 0;
    padding: 5px 0 0 0;
    text-align: right;
    line-height: 30px
}

.vizLine span  {
    font-style: normal;
    font-size: medium;
    font-weight: normal;
    color: #404040;
}

.vizLineTitle {
    float : left;
    vertical-align: middle;
}

.vizLine  a  {
    display: inline-block;
    padding-left: 35px;
    padding-right: 20px;
    color: #404040;
    background-repeat : no-repeat;
    background-size: 30px;
}

.vizLine a:hover  {
    text-decoration: underline;
    color: #404040;
}

.vizChartLink {
    background-image: url("images/VizChartInactive.png") ;
}

.vizChartLink:hover {
    background-image: url("images/VizChartActive.png") ;
    cursor: pointer ;
}

.vizTableLink {
    background-image: url("images/VizTableInactive.png") ;
}

.vizTableLink:hover {
    background-image: url("images/VizTableActive.png") ;
    cursor: pointer ;
}


/*************************
 * Best Bets
 *************************/
#bestbetscontainer{
    background-color:#f2f2f2;
    padding: 10px 10px 10px 10px;
}

#bestbetscontainer .label{
    color: #161A60;
    font: bold medium Arial,Verdana,sans-serif;
    padding: 5px 5px 0px 5px;
}

.bestbetTitle{
    padding: 5px 0 0 0;
    font: bold medium Arial,Verdana,sans-serif;
}

.bestbetDesc{
    padding: 5px 0 0 0;
    font: normal small Arial,Verdana,sans-serif;
}

.bestbetUrl{
    padding: 5px 0 0 0;
    font: italic bold small Arial,Verdana,sans-serif;
}

/*************************
 * Data Tools
 *************************/
#datatoolscontainer{
    background-color:#f2f2f2;
    padding: 10px 10px 10px 10px;
}

#datatoolscontainer .label{
    color: #161A60;
    font: bold medium Arial,Verdana,sans-serif;
    padding: 5px 5px 0px 5px;
}

.datatoolcontainer .outerBox{
	/*width:260px;
	height:260px;*/
}

.datatoolcontainer .outerBox img{
	/*max-width:260px;
	max-height:260px;*/
}

.datatoolsTitleMain{
    padding: 5px 0 0 0;
    background-color:#f2f2f2;
    font: bold large Arial,Verdana,sans-serif;
}

.datatoolsTitle{
    padding: 5px 0 0 0;
    font: bold medium Arial,Verdana,sans-serif;
}

.datatoolsDesc{
    padding: 5px 0 0 0;
    font: normal small Arial,Verdana,sans-serif;
}

.datatoolsUrl{
    padding: 5px 0 0 0;
    font: italic bold small Arial,Verdana,sans-serif;
}


/*************************
 * Organic results
 *************************/

.grid_search_resultsContainer{
    margin-left: 0px;
    width: 100%; /* was 550px */
}

.wrapper .grid_content_search_resultsList{
    width: 100%; /* was 528px */
    margin-left: 0px;
}

.wrapper .grid_content_searchPageAbstractHeader{
    font: small Arial,Verdana,sans-serif;
    color:#2481A6;
}

.wrapper .grid_content_searchPageAbstractHeaderAnswers{
    font: medium Arial,Verdana,sans-serif;
    padding: 7px 0 5px 7px;
    font-weight: bold;
    color:#161a60;
}

.wrapper .grid_content_searchPageAbstractTextQuick{
    padding: 0 0 0 5px;
}

.wrapper .grid_content_searchPageAbstractText{
    width:100%;
    font: small Arial,Verdana,sans-serif;
    color:#030920;
    padding-top:6px;
}

.wrapper .grid_content_searchPageAbstractText a {
    font: x-small Arial,Verdana,sans-serif;
    font-weight:bold;
    word-break: break-word;
}

/*************************
 * END Organic results
 *************************/

/*************************
 * Image/Video results
 *************************/

#mediaResults ul{
   list-style-type: none;
}
#mediaResults ul li {
   float:left;
   margin: 0px 10px 0px 0px;
}

.galleryMediaTop{
    height: 5px;
}

.galleryMediaCenter {
    padding: 0px;
    height: 250px; /* allows 40px in caption */
    width: 250px;
    border: 1px solid #ccc;
}

/* new 12/14*/
.galleryMediaCenter:hover {
    background-color: #F2F2F2;
}

/* new 12/14*/
.galleryMediaCenter span {
    height: 65px;
    width: 250px;
    vertical-align: top;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: table-cell;
    border-top: 1px solid #ccc;
}

.galleryMediaCenter img {
	height: 178px !important;
	width: 248px !important;
}

.galleryMediaBottom {
    height: 5px;
}

.searchMedia{
    width:246px;
    height: 165px;
    padding: 0px;
}

#mediaResults ul li p{
    color: #041C5D;
    font: small Arial,Verdana,sans-serif; /* was x-small */
    margin-top: 0;
    text-align: left;
    font-weight: bold;
}

#mediaResults ul li a:hover{
    cursor: pointer;
    text-decoration: none;
}

#mediaResults ul li a:hover p{
    /*color: #F27604;*/
}

.videoFrame{
    width: 246px; /* was 219 */
    height: 165px; /* was 151 */
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	background-color: rgba(0, 0, 0,.5);
}
#lightbox iframe {
    box-shadow: 0 0 25px #111;
    -webkit-box-shadow: 0 0 25px #111;
    -moz-box-shadow: 0 0 25px #111;
    max-width: 640px;
   	margin-top: 2px;
}

#lightbox p {
    text-align:right;
    color:#fff;
    margin-right:20px;
    font-size:12px;
    margin-top:20px;
}

#lightbox #content {
 	position:absolute;
	width:645px;
    height:485px;
   	top:20%;
    left:38%;
    background-color: rgb(255, 255, 255);
    -moz-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;

	-webkit-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#818493')";
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#818493')";
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#818493')";
	border-radius: 3px;
	box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;
}

/*************************
 * Twitter
 *************************/
.twitterList li {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #808080;
}

.handleInfo a{
    color: #041C5D;
    font: bold 1.3em Arial,Verdana,sans-serif;
}

.handleInfo span{
    padding: 0 0 0 5px;
    color: #808080;
    font: bold 1.1em Arial,Verdana,sans-serif;
}

.tweetText{
    padding: 5px 0 5px 0;
    font: normal 1.1em Arial,Verdana,sans-serif;
}

.tweetCreated{
    color: #808080;
    font: bold .9em Arial,Verdana,sans-serif;
}



/*************************
 * Disambig
 *************************/
.disambiguation{
    width: 100%;
}

.geoIdent{
    margin: 5px 0 10px 0;
    padding: 3px 0 5px 0;
}

.disambigArrowRight{
    width: 0px;
    height: 0px;
    border-style: solid;
    float: left;
    margin: 2px 12px 2px 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8.7px solid #ffffff;
}

.disambigArrowDown{
    width: 0px;
    height: 0px;
    border-style: solid;
    float: left;
    margin: 3px 12px 2px 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8.7px solid #ffffff;
}

.geoIdent span span{
    font-style: italic;
}

.geoIdent img{
    padding: 0 3px 0 0;
}

.disambiguation{
    margin: 0 0px 10px 0;
}

#disambigSelect{
    font: bold 1.1em Arial,Verdana,sans-serif;
    color: #FFF;
    padding: 5px 3px 4px 10px;
    background-color: #041C5D;
    cursor: pointer;
    margin: 10px 0 0 0;
}
.arrowIcon{
    background-image: url('images/ui-icons_ffffff_256x240.png');
    background-color: white;
}

.arrowRight{
    background-position: -40px -22px;
}

.arrowDown{
    background-position: -40px -22px;
}

#disambiguationList {
	padding-bottom: 10px;
	list-style-type: none;
}


.disambigList .disambigListItem {
    margin: 7px 10px 0 7px;
}

.disambigList .disambigListItem div{
    padding: 5px 0px 5px 0px;
    font: bold 1.25em Arial,Verdana,sans-serif;
}

.disambigList .disambigListItem ul{
    padding: 0px 0px 0px 7px;
    font: bold 1.25em Arial,Verdana,sans-serif;
}

.disambigList .disambigListItem ul li{
    font: small Arial,Verdana,sans-serif;
    text-transform: capitalize;
    line-height: 25px;
    margin-left: 0px;
}

/*************************
 * Paging
 *************************/
#searchpagination{
    padding: 20px 0 20px 0;
    clear: both;
}

#searchpagination ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#searchpagination li{
    display: inline;
}

#searchpagination ul li.curpage{
    color: #fff;
    background-color: #0c6291;
    padding: 4px 8px;
}

#searchpagination ul li a{
    text-decoration: none;
    padding: 4px 8px;
    background-color: #F2F2F2;
}

#searchpagination ul li a:hover{
    color: #fff;
    background-color: #0c6291;
}

#searchResultsItemsList {
	padding-top: 20px;
	min-height: 100px;
}

/* MEDIA QUERIES */

@media ( min-width : 960px) {
	#searchResultsOrganic.web, #searchResultsQuickAnswer{
		padding-right: 15px;
	}
}

@media ( min-width : 1260px) {
	#searchResultsOrganic.web, #searchResultsQuickAnswer {
		padding-right: 30px;
	}
}

@media ( max-width: 959px ) {
	#naicsContainer, #infoPanelContainer {
		border: 0px solid transparent;
		padding: 0px;
		margin: 0px;
	}
	#naicsHeader {
		padding: 0px;
		background: none;
	}
	#infoPanelHeader {
		background: none;
		padding: 0px;
	}
	.infoPanelDetail {
    	padding: 3px 0px 0px 00px;
	}
}

#searchTypeSelect  {
    color: #FFF;
    background-color: #0C6291;
    height: 40px;
    border-radius: 0px;
    font-size: small;
    font-weight: bold;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: capitalize;
}

#searchTypeSelector h4 {
	display: inline;
	line-height: 40px;
}

#searchTypeSelect option {
	height: 30px;
	text-transform: capitalize;
}

@media(min-width: 960px) {
	#searchResultsInfoPanel {
		margin-top: 40px;
	}
}

@media(max-width: 960px) {
	.disambiguation {
		margin : 0px 0px 0px;
	}
}

.customReset{
	font-weight: 600;
	font-size: 13px;
	line-height: 18.5667px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 10px;
	width: 45%;
	height: 60%;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #ffffff;
	/*border-color: 2px solid #045FB4;
    border-color: 2px solid #045FB4 !important;*/
    border: 1px solid #045FB4;
    color: #045FB4;
    padding-left: 12px;
    padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#mypaneltitle{
	border-radius: 5px;
	height: 45px;
}

/*The following is for DataToolContainer Component */
.outerBox {
  /*width: 300px;*/
  height: 280px;
  display: block;
  position: relative;
  margin-top: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}

.outerBox img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

/*.outerBox*/ .innerBox {
  background: #0C6291;
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
  opacity: .6;
  border-radius: 5px;
}

.outerBox .innerBox p {
  color: #fff;
  /*line-height: 150px;*/
  font-family: 'arial';
  text-align: left;
  padding-top: 50px;
  padding-left: 13px;
  font-size: 15px;
  font-weight: bold;
}

.dataToolBoxTitle, .dataToolBoxTeaser {
    color: #FFF;
    position: relative;
    z-index: 99;
}

.dataToolBoxTitle {
    font-weight: bold !important;
    font-size: 20px;
    padding: 13px;
}

.dataToolBoxTeaser {
    padding-left: 13px;
    padding-right: 13px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 15px;
}

.paddedDiv {
    padding: 10px;
}

.actionButton {
    /*padding-top: 100px;
    padding-bottom: 25px;*/
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    padding-left: 13px;
    padding-bottom: 40px;
}

.dataToolBox .btn {
    min-width: 128px;
    margin-top: 5px;
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 99;
    background-color: rgba(108, 198, 204, 1) !important;
    border: 1px solid rgba(108, 198, 204, 1);
}

.onTop {
  /*position: relative;
  top: 4.7em;*/
  z-index: 99;
  /*margin-top: -271px;*/
}

.panel-title {
	padding-left: 10px;
}


/*.outerBox:hover .innerBox {
  opacity: .9;
  transition: opacity .5s;
}*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:12999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url('images/shadowbox_loading.gif') no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url('images/shadowbox_close.png');}
#sb-nav-next{background-image:url('images/shadowbox_next.png');}
#sb-nav-previous{background-image:url('images/shadowbox_previous.png');}
#sb-nav-play{background-image:url('images/shadowbox_play.png');}
#sb-nav-pause{background-image:url('images/shadowbox_pause.png');}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

#EL_accordion .ui-accordion .ui-accordion-header, 
#EL_accordion .ui-accordion-header > h4, #EL_accordion .ui-accordion-header > h5 {
    border: 0px;
    padding-top: 5px;
    background-color: transparent;
    background-image: none;
    color: #0A79A2;
    font-weight: bold;
}

#EL_accordion H5.ui-helper-reset {
    font-size: 95%;
}

#EL_accordion H4.ui-helper-reset {
    font-size: 105%;
}

#EL_accordion .ui-accordion .ui-accordion-header:hover {
    text-decoration: underline;
}


#EL_accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    top: 0px;
    left: 0px;
    margin-top: 10px;
}

#EL_accordion .ui-accordion .ui-accordion-icons {
    padding-left: 15px;
}

#EL_accordion .ui-accordion .ui-accordion-header .righttriangle {
    background-image: url('images/right-triangle.jpg');
}

#EL_accordion .ui-accordion .ui-accordion-header .invertedtriangle{
    background-image: url('images/inverted-triangle.jpg');
}

#EL_accordion .ui-accordion .ui-accordion-content {
    border: 0px;
    overflow: visible;
    padding: 0px;
    background-image: none;
    background-color: transparent;
}

#collapseAll, #expandAll, #toTop {
    cursor: pointer;
    color: #0A79A2;
}

#collapseAll:hover, #expandAll:hover, #toTop:hover {
    text-decoration: underline;
}

#toTop {
    font-weight: bold;
}

#fake_toolbar {
    border: 1px solid #D0D0D0;
    font-size: 11px;
    background-color: #EAEAEA;
    line-height: 20px;
    vertical-align: middle;
    margin: 10px 0px 10px 0px;
    padding-left: 5px;
}


#geoFieldWrapper{
    width: 319px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid rgba(121,121,121,1);
    border-style: solid;    
}

#geoDropdown {
    position: relative;
    height: 38px;
    float: right;
    width: 36px;    
    background-color: rgba(232, 232, 232, 1);
}

#arrowDiv {
    border-width: 0px;
    position: absolute;
    left: 10px;
    top: 7px;
    width: 15px;
    height: 24px;    
    font-weight: normal;
    font-style: normal;
    color: #1C6C96;
}

#geoDropdown #arrowDiv div {
    font-weight: 400;
    font-style: normal;
    color: #1C6C96;
    font-size: 16px;
    padding-top: 5px;
}

#statelist {
    max-width: 630px;
    padding-bottom:14px;
}

#statelist .ui-autocomplete, #countrylist .ui-autocomplete {
    max-height: 300px;
    max-width: 317px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 317px !important;
    background-color: #ffffff;
    -moz-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px
        #818493;
    -webkit-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px
        3px #818493;
    -ms-filter:
        "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#818493')";
    -ms-filter:
        "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#818493')";
    -ms-filter:
        "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#818493')";
    border-radius: 3px;
    box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px
        #818493;
}
#statelist .searchWrapper, #countrylist .searchWrapper {    
    height: 20px;    
    color: #DADADA;
    width: 319px;    
}

#statelist input {
    border-color: transparent;        
    width: 264px;
    height: 38px;    
    font-weight: bold;
    color: #000000;
    padding: 2px;    
    padding-left: 30px;    
    float:left;
}

#statelist img, #countrylist img{
    margin:0px;
    border: 0;
    height:26px;
    cursor:pointer;
}

#statelist ul li, #countrylist ul li {
    list-style: none;
    width: 100%;
    margin-left: 0em;
    line-height: normal;
}

#statelist .ui-state-hover,
#statelist.ui-widget-content .ui-state-hover,
#statelist .ui-widget-header .ui-state-hover,
#statelist.ui-state-focus,
#statelist .ui-widget-content .ui-state-focus,
#statelist.ui-widget-header #statelist .ui-state-focus,
#countrylist .ui-state-hover,
#countrylist.ui-widget-content .ui-state-hover,
#countrylist .ui-widget-header .ui-state-hover,
#countrylist.ui-state-focus,
#countrylist .ui-widget-content .ui-state-focus,
#countrylist.ui-widget-header #countrylist .ui-state-focus
    {
    /*border: none;
    background: #D2E5EC;
    font-weight: normal;
    text-decoration: none;
    color: #0ble411;
    line-height: normal;
    margin: 0px;*/
}

#statelist li:focus, #countrylist li:focus {
    color: #084e84;
    text-decoration: none;
    /*margin-left: 0em;*/
}

/*#statelist  .stateitem:hover {
    color: #084e84;
    text-decoration: none;
    margin-left: 0em;
    font-size: small;
}*/

#statelist  a.ui-state-focus, #countrylist a.ui-state-focus {
    color: #4693b8;
    text-decoration: none;
    margin-left: 0em;
    font-size: small;
}

#statelist .ui-widget, #countrylist .ui-widget{
	 font: small Arial, Verdana, sans-serif;
}

#statelist .ui-menu .ui-menu-item a.ui-state-focus,
#statelist .ui-menu .ui-menu-item a.ui-state-active,
#countrylist .ui-menu .ui-menu-item a.ui-state-focus,
#countrylist .ui-menu .ui-menu-item a.ui-state-active
    {
    color: #084e84;
    margin: 0px;
}

#statelist .ui-menu-item a, #countrylist .ui-menu-item a {
    line-height: normal;
    padding-left: 0px;
    color: #333333;
    font-weight: normal;
    padding-left: 5px;
    width:98%;
    font-size: normal;
}

/*#statelist .ui-menu-item a:HOVER {
    line-height: normal;    
    color: #084e84;
    font-weight: normal;
}*/

#statelist .geoList li, #countrylist .geoList li {
    font: normal small Arial, Verdana;
    color: #0A79A2;
    width: 180px;
}

ul.geoList li a:visited {
    color: #4F3A74;
} 

#statelist .left, #countrylist .left {
    float: left;
    width: 190px;
    margin: 5px;
    margin-top: 0px;
    padding-right: 5px;
    display: inline-block;
}

.show-attachment {
    display: inline-block;
    /*padding-right: 5px;*/
}

.no-show-attachment {
    display: none;
}

.statelist .attachment-left-padding,
.countrylist .attachment-left-padding {
    padding-left: 0px !important;
}

.statelist .no-attachment-left-padding,
.countrylist .no-attachment-left-padding {
    /*padding-left: 25px !important;*/
}

.pills {
    background-color: red;
}

.state-item-close {
    position: absolute;    
    width: 10px;
    height: 10px !important;
    /*top: 65px;*/
    top: 69px;
    left: 268px;
}

.downloadButton {
    color: #fff;
    white-space: normal;
    width: 319px;
    margin-top: 10px;
}

a.downloadButton {
    color: #fff;
}

.paddedText {
    padding-left: 29px;
}

.stateListIcon {
    width: 24px;
    height: 24px !important;
    margin-right: 5px !important;
}

.show-attachment.stateListIcon{
    margin-right: 5px !important;
}

a.stateitem.no-attachment-left-padding, a.stateitem.no-attachment-left-padding:hover {
    /*margin-left: 5px;*/
}

.attachment-left-padding .fileSize{
    color: #aaa;
    font-style: normal;
    font-size: 10px;
}

.no-attachment-left-padding  .fileSize{
    display: none;
}

.show-attachment-file-size, .show-icon {
    display: inline-block;
}

.no-show-attachment-file-size, .hide-icon {
    display: none;
}

.text-container {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.clearBtn {
  position: absolute;
  top: 0;
  right: -15px;
  transition: right 0.2s;
}

.show {
  right: 5px;
}

.input-box-icon {
    position: absolute;
    left: 0;
    width: 24px !important;
    height: 24px !important;
    /*padding-left: 4px;
    padding-top: 4px;*/
    margin-left: 5px !important;
    margin-top: 7px !important;
}
/* HOME PAGE STYLES */

div#appRotator {
	/*border: 1px solid #000;*/
}

div.centre {
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#appRotatorContainer {
	margin-top: 10px;	
	min-height: 140px;
	overflow: hidden;
}

#featureRotator, #appRotator {
	margin-top: 3px;
}

#featureRotator, #featureRotator div.item {
	max-height: 200px;
}

#featureRotator .carousel-inner > .item > img {
	max-width: none;
}


@media (max-width : 959px ) {
	#appRotatorRow {
		background-image: url("images/AppRotatorMobileBg.png");
		background-repeat: repeat-x;
	}
}

@media (min-width: 960px) {
	#appRotatorRow {
		background-image: url("images/appRotatorDesktopBg.png");
   		background-repeat: repeat-x;
    	width: 100%;
	}
}

@media (min-width: 960px) {
	#appRotator {
		width: 960px;
		margin: auto;
	}
}

@media (min-width: 1260px) {
	#appRotator {
		width: 1260px;
		margin: auto;
	}
}

.featureContentBox {
    width: 350px;
    height: 180px;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    box-shadow: 0px 2px 2px #818493, 2px 2px 2px #818493, -2px 2px 2px #818493;
}

@media (min-width: 960px) {
	.featureContentBox {
    	right: 0px;
    	bottom: 0px;
    	margin: 10px 12px 10px;
	}
}

@media (max-width : 959px ) {
	.featureContentBox {
		width: 250px;
		height: 157px;
		right: 20px;
		bottom: 20px;
		margin: 0px;
		padding-left: 3px;
		padding-right: 3px;		
	}
}

@media (max-width : 600px ) {
	.featureContentBox {
		height: 40px;
		position:static;
		margin-top: -12px;
		width: 100%;
		background-color: #FFF;
		padding: 0px;
	}
}

.wrapper .grid_content_imagery_nav_headerText h3 {
	  height: auto;
	  width:326px;
	  padding-top: 2px;
	  text-align: left;
	  color: #041c5d;
	  font-size: 16px;
	  font-family: Arial, serif;
	  font-weight: bold;
	  margin-top: 12px;
	  margin-left: 1px;
	  padding-right: 0px;
	  margin-bottom: 0px; 
}


@media (max-width : 960px ) {
.wrapper .grid_content_imagery_nav_headerText h3 {
	width:auto;
	 margin-left: 5px;
	}
}

@media ( max-width : 959px ) {
	#featureRotator .carousel-indicators {
		position: static;
		bottom: 0px;
		width: auto;
		margin-left: 0px;
		text-align: left;
		display: inline-block;
	}
	
	#featureRotatorNav > a {
		display: inline !important;
	}
	
	#featureRotator .carousel-indicators li, 
	#featureRotator .carousel-indicators li.active {
		width: 20px;
		height: 20px;
		margin: 0px;
	}
	#featureRotator .photoButton {
		color: white;
		border-radius: 15px;		
		width: 15px;
		height: 15px;
	}
	
	#featureRotator li.active .photoButton, 
	#featureRotator li .photoButton:hover {
		background-color: #0080c0;
		outline: 0;
	}
}

@media ( min-width : 960px ) {
	#featureRotator .leftArrow, #featureRotator .rightArrow {		
		display: inline-block;
		height:18px;
		z-index : 99999;
	}
	
	#featureRotator .leftArrow {		
		right: 265px;
	}
	
	#featureRotator .rightArrow {		
		right: 85px;
	}
	
	#featureRotator .carousel-indicators {		
	    	    
	    display: inline-block;
	    width: auto;
	    right: auto;
	    left: auto;
	    margin-left: 0px;
	    position: static !important;
	}
	
	#featureRotator .carousel-indicators li {
		background-color: transparent;
		-webkit-border-radius: 0;
		border-radius: 0;
		display: inline-block;
		margin: 0 !important;
		width: 18px;
		height: 16px;
		border: 0px transparent;
		text-indent: 0px;
	}
	
	#featureRotator .photoButton {		
		background-color: white;
		width: 15px;
		height: 15px;
		outline: 0px none !important;
		border-radius: 20px;
		border: 1px solid #666 !important;
		cursor: pointer;
		font-size: 10px !important;
		text-decoration: none !important;
		text-indent: 100% !important;
		white-space: nowrap;
		overflow: hidden !important;		
		vertical-align: middle;
	}
	
	#featureRotator li.active .photoButton, 
	#featureRotator li .photoButton:hover {
		background-color: #0080c0;
		outline: 0;		
	}
	
	#featureRotator li.active .photoButton, #featureRotator li .photoButton:hover {		
		outline: 0;
	}
	
	#featureRotatorNav {
		margin-left: 2%;
	}
}

#featureRotator .carousel-inner {
	background-color: #333333;
}

#featureRotator .carousel-control {
	font-size: 12px;
	width: 5%;
	top: auto;
	bottom: 10px;
}

#featureRotator .carousel-control.right, 
#featureRotator .carousel-control.left {
	background-image: none;
	left: auto;
}

#featureRotator .carousel-control.right {
	right: 20px;
}

#featureRotator .carousel-control.left {
	right: 50px;
}

#sod-widget {
    height: 165px;
    position: relative;
}

.grid_statsDay {
	display: inline;
	float: left;
	margin-left: 0;
	margin-right: 0;
}

p.sw-desc {
	font: small Arial,Verdana,sans-serif;
	height: 90px;
	margin: 8px 20px 8px 20px;
	margin-bottom:8px;
}

.wrapper .grid_statText {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    height: 180px;    
    width: 100%;
    background-image: url("images/statofday.png");    
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000;
    font: small Arial,Verdana,sans-serif;
}

.wrapper .grid_inasurvey {
    width: 100%;    
    margin: 0px;
}

.wrapper .grid_inasurveyHolder {
    height: 50px;
}

.wrapper .grid_inasurvey img {    
    width: 100%;
    max-height: 200px;
    float: right;
    margin-right: 0px;
    margin-top: 4px;
}

#events {
    margin-top: 15px;
    overflow-y: auto;
    text-align: left;
    padding-right: 10px;
}

#event-rule {
    margin-bottom: 4px;
    text-align: center;
}

#event-viewall {
    color: #084E84;
    width: 170px;
    font: bold small Arial,Verdana,sans-serif;
    text-align: center;
    background-image: url("images/viewall-mini-btn.jpg");
    background-repeat: no-repeat;
    margin: 0px auto;
    padding-top: 10px;
    height: 36px;
	text-indent: 0px;
	box-sizing: content-box !important;
}

#event-viewall:hover{
	background-image:url("images/viewall-mini-over-btn.jpg");
	background-repeat:no-repeat;
}

#events a {
    font-weight: bold;
    color: #333333;
}

#events p {
    line-height: 12pt;
    color: #333333;
    font-size: 10pt;
    margin-bottom: 1em;
}

#events span {
    color: #646464;
    font-size: 8pt;
    line-height: 10pt;
    font-style: italic;
    font-weight: 500;
    display: block;
}

.eventcalendar {
	width:100%;
}

#calendarwiz {
    display: none;
}

#calendar {
    width: 100%;
}

#weekAheadAccordion {
	width: 100%;
}

#calendar .day {
    color: #333333;
    border: 1px solid #797979;
    float: left;
    text-align: center;
    margin-top: 4px;
    cursor: pointer;
    width: 20%;
}

#calendar .day a {
     width: 56px;
     padding: 2px 0;
     display: block;
}

#calendar .day .dow {
     font-size: 11pt;
     font-weight: bold;
}

#calendar .day .date {
     font-size: 8pt;
}

#calendar .day.selected {
     background-color: #D4E9F9;
     margin-top: 0;
}

#calendar .day.selected a {
     padding: 6px 0;
}

 .grid_content_widgets {
   color: #4d4c52;
   font: small Arial,Verdana,sans-serif;
   padding: 2px;
   font-weight: normal;  
   height: 173px;   
   width: 320px;
   overflow: hidden;
   display: table-cell;
   vertical-align: middle;
}

.wrapper .grid_indicators h3 {
   padding-top: 5px;
   padding-bottom: 3px;
   text-align: left;   
   font: Arial,Verdana,sans-serif;
   font-weight: bold;
   padding-left: 10px;
   padding-right: 5px;
   margin-bottom: 0px;
}
  
.wrapper .grid_content_indicators {
	padding-top: 40px;
	text-align: left;
	color: #4d4c52;
	font: small Arial,Verdana,sans-serif;
	font-family: Arial, serif;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
}

.grid_quickFacts {
	background-image: url(."/etc/designs/census/images/widget-box.jpg");
	background-repeat: no-repeat;
}

.grid_popClocks {
	background-image: url("images/widget-box.jpg");
	background-repeat: no-repeat;
}

/* APP ROTATOR */
#containerWidgetRotation {
	padding:0px 0; 
	height:195px; 
	margin: auto;
}

#outerbanner {    
	float: left;  
	overflow: hidden;
	height: 195px;
	margin: 0 auto; 
	position: relative;	
}

#banner {  
	float: left;  
	overflow: hidden;
	height: 181px;
	margin: 0 auto;
	margin-top: 10px; 
	position: relative;	
}

#innerbanner {
	height: 181px; 
	overflow: hidden;
	display :inline-block; 
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0px;
}

#appRotatorNav {
	text-align: center;
}
#featureRotatorNav {
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#leftArrow {
	margin-right: 2px;
}

#leftArrow, #rightArrow {
	cursor: pointer;	
	font-size: 17px;
	width: 18px;
	color: #0080c0 !important;	
	
}

a.leftArrow, a.rightArrow {
	outline: 0;
}

.no_element {
	cursor: pointer;
	font-size: 20px;
	width: 20px;
	color: #ccc !important;
}

#leftArrow:hover, #rightArrow:hover {
	/*color: #0197c1;*/
	color: #0080c0 !important;
}

.dots, .feature-dots {
    background: #fff none repeat scroll 0% 0%; /*background was #666*/
    text-indent: -9999px;    
    height: 15px;
    width: 15px;    
    margin: 0px 9.5px;
    outline: 0px none !important;
    border-radius: 20px;
    border: 1px solid #666;
    cursor: pointer;
    font-size: 10px;
    text-decoration: none !important;
    white-space: nowrap;
}

.dots:hover {
	/*background-color: #0080c0;*/
	background-color: #0c6291;
}

.selectedDot, .feature_selectedDot, .selectedSlideDot {
	background: #0080c0 none repeat scroll 0% 0%;
    text-indent: -9999px;    
    width: 15px;
    height: 15px;
    margin: 0px 9.5px;
    outline: 0px none !important;
    border-radius: 20px;
    border: 1px solid #666;
    cursor: pointer;
    font-size: 10px;
    text-decoration: none !important;
    white-space: nowrap;
}

@media ( max-width : 960px ) {
	
	#leftArrow, #rightArrow{
		vertical-align: top;		
	}
	
	.feature-left-arrow{
		margin-right: 15px;
	}
	
	.photoButton{		
		background: #0080c0 none repeat scroll 0% 0%
	    text-indent: -9999px !important;	    
	    outline: 0 !important;
	    border-radius: 20px;
	    border: 1px solid #666 !important;
	    cursor: pointer;
	    font-size: 10px !important;
	    text-decoration: none !important;
	    text-indent: 100% !important;
    	white-space: nowrap;
    	overflow: hidden !important;
    	margin-top: 2px !important;    	  	
	}
		
	#featureRotator li.active .photoButton, 
	#featureRotator li .photoButton:hover {
		background-color: #0080c0;
		outline: 0 !important;
		border: 0;
	}	
	
	.photoButton:active{
		outline: 0;
	}
		
	a:focus{
		outline: 0;
	}
		
	.carousel-indicators{
		width: 175px !important;
	}
	
}

#toolBoxContainer {
	width:285px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#toolBoxContainer p {
	padding-left: 10px;
}

#toolBoxContainer img {
	float: left;
	width: 40px;
}

@media ( min-width : 100px) {
	
	#innerbanner, #banner, #containerWidgetRotation {
		width: 320px;
	}
	
	#outerbanner {
		width: 402px;
	}

}

/*These different breakpoints are per size of appRotator iFrame, ie 320px */
@media ( min-width : 620px) and (max-width: 959px) {
	#appRotator {
		text-align: center;
	}
	#containerWidgetRotation {
		display:inline-block;
	}
	#toolBoxContainer {
		display: inline-block;
		vertical-align: top;
		padding-top: 75px;
		padding-left: 10px;
	}
}

@media ( min-width : 960px) {
	
	#innerbanner, #banner, #containerWidgetRotation {
		width: 960px;
	}
	
	#outerbanner {
		width: 1042px;
	}
	
}

@media ( min-width : 1260px ) {
	
	#innerbanner, #banner, #containerWidgetRotation {
		width: 1280px;
	}
	
	#outerbanner {
		width: 1362px;
	}
	
	#featureRotator {
		padding-left: 15px;
	}
	
}

/* Rotation widget styles */
.grid_indicators {
	width: 320px;
	height: 181px;
	margin-left: 0px;
	margin-right: 0px;  
}

.grid_indicators {
    background-image: url("images/AppRotator.png");
    background-color: transparent;
}

@media ( min-width : 601px ) {
	#latestNewsArea {
		padding-right: 10px;
	}
}

@media ( min-width : 960px ) {
	#latestNewsArea {
		padding-right: 15px;
		margin-top: 10px;
	}
	
	#homeRightWidgetArea {
		margin-top: 10px;	
	}
}

@media ( min-width : 1260px ) {
	#latestNewsArea {
		padding-right: 30px;
	}
}

.wrapper .grid_viewAllBtnNews {
  color: #084E84;
  font: small Arial,Verdana,sans-serif;
  font-weight: bold;
  text-align: center;
  background-image: url("images/viewall-mini-btn.jpg");
  background-repeat: no-repeat;
  margin: 0 auto;
  padding-top: 10px;
  height: 36px;
  box-sizing: content-box !important;
}

.wrapper .grid_viewAllBtnNews:hover {
	color:#0E72A2;
	font:small Arial,Verdana,sans-serif;
	font-weight:bold;
	text-align:center;
	background-image:url("images/viewall-mini-over-btn.jpg");
	background-repeat:no-repeat;
	padding-top:10px;
	height:36px;
}

.no-space {
	margin-bottom: -6px;
}

.glyphicon.glyphicon-one-fine-empty-dot {
    margin-bottom: -.8em;
    overflow: hidden;
}

.glyphicon.glyphicon-one-fine-empty-dot:before {
    content:"\25cb";
    font-size: 3em;
}

@media ( max-width: 600px ) {
	
	#theButton {
		color: #0c6291;
		background-color: #f2f2f2;
		padding: 4px 8px;
		margin-bottom: 5px;
		height: 35px;
		border: 0px;
		font-weight: normal;
		width: 140px;
		margin-botton: -6px;
		text-align: center;
		margin-left: auto;
    	margin-right: auto;
	}
	
	#theButton:hover{
		color: #ffffff;
		background-color: #0c6291;
		text-decoration: underline;
	}
	
}

@media ( min-width: 600px ) {
	
	#theButton {
		color: #084E84;
	    font: small Arial,Verdana,sans-serif;
	    font-weight: bold;
	    text-align: center;
	    background-image: url("images/viewall-mini-btn.jpg");	    
	    margin: 0 auto;
	    padding-top: 10px;
	    height: 35px;
	    box-sizing: content-box !important;
	    border: none;
	    width: 153px;	    
	    outline: none;	
	    background-repeat: none;	    	      
	}
	
	#theButton:hover {
		color:#0E72A2;
		font:small Arial,Verdana,sans-serif;
		font-weight:bold;
		text-align:center;
		background-image:url("images/viewall-mini-over-btn.jpg");		
		padding-top:10px;
		text-decoration: underline;	
		background-repeat: none;	
	}
}

#innerNavContainer {	
	display: inline;
	bottom: 20px;
	right: 13px;
	position: absolute;
	width: 350px;	
}


/*Added for the new app rotator*/

#containerWidgetRotation {	
	width: 100% !important;
}

#banner,#outerbanner,#innerbanner {	
	width: 100% !important;		
}

@media (min-width: 1260px) {
	#appRotator {
		padding-left: 38px;
	}
}

@media (max-width: 1259px) {
	
	.grid_icon_indicators {
		width: 211px;
		height: 181px;
		margin-left: 0px;
		margin-right: 0px;
		display: inline-block;
		float: left;
	}
	
	.grid_icon_indicators img {
		width: 100%;
		height: 148px;
	}
	
	#appRotator {
		padding-left: 0px;
	}
}

@media (max-width: 959px) {
	
	#innerbanner {
		margin: 0 auto;
		overflow: auto;
		text-align: center;
		display: inline-block;
		clear: both;
		box-sizing:border-box;
		margin-left: 8%;
	}
	
	.grid_icon_indicators img {
		width: 100%;
		height: 148px;
	}
		
	#appRotator {
		padding-left: 0px;
	}
	
	
	#outerbanner {
		margin-left: 0px !important;
	}
	
	.appIcon {
		margin-top: 10px;
	}
}

@media (max-width: 775px) {
	
	#innerbanner {
		margin-left: 5%;
	}
	.appIcon {
		margin-top: 30px;
	}
}

@media (max-width: 600px) {
	.appIcon {
		margin-top: 5px;
	}
	.grid_icon_content_widgets {
	   height: auto;
	   width: 137px;	   
	}
	
	.grid_icon_indicators {
		width: 131px;		
		height: 181px;
		margin-left: 0px;
		margin-right: 0px;
		display: inline-block;
		float: left;
	}
	
	.grid_icon_indicators img {
		width: 100%;
		height: 148px;
	}
	
	#containerWidgetRotation, #outerbanner {
		height: 141px;
	}
	
	#innerbanner {
		padding-left: 9%;
	}
	
	
	div.grid_inasurveyHolder {
		height: auto !important;
		text-align: center !important;
	}
	
	div.wrapper .grid_inasurvey img {
		width: auto;
		float: none;
	}
	
	.wrapper .grid_statText {
		height: 200px !important;
	}
			
}

@media (max-width: 460px) {
	
	#outerbanner {
		margin-left: 1%;
	}
	
	#innerbanner {
		padding-left: 5%;
	}
}

@media (max-width: 320px) {
	.grid_indicators {
		display: none;
	}
	
	#innerbanner {
		padding-left: 0%;
		padding-top: 6px;
	}
	
	#appRotatorRow, .approtator {
		width: 320px !important;
	}
	
	#outerbanner {
		margin-top: -30px;
		height: 162px;
		margin-left: 0px !important;
	}
	
	.grid_icon_content_widgets {
	   color: #4d4c52;
	   font: small Arial,Verdana,sans-serif;
	   padding: 2px;
	   font-weight: normal;  
	   height: auto;
	   width: 100px;
	   overflow: hidden;
	   display: table-cell;
	   vertical-align: middle;
	}
	
	.grid_icon_indicators {
		width: 100px;
		height: 181px;
		margin-left: 0px;
		margin-right: 0px;
		display: inline-block;
		float: left;
	}
	
	.grid_icon_indicators img {
		width: 100%;
		height: 80px;
	}
	
	.grid_content_widgets h3 {
		font-size: 90% !important;
	}
	
	#containerWidgetRotation {
		height: 135px;
	}
	
	#innerbanner {
		margin-top: 21px;
		width: 320px;
	}
	
	#appRotator {
		padding-left: 0px;
	}
	
}

.grid_content_widgets iframe {
	width: 100%;
}

.appWidget {	
	width: 320px;
	height: 181px;
	background-image: url("images/AppRotator.png");
	background-color: transparent;
	padding: 2px;
	margin: auto;
}
.appIcon {
	text-align: center;
}

.appIcon h3 {
	word-break: break-all;
	text-align: center;
	padding: 5px 0px 0px 0px;
	
}
#outerbanner {
	margin-left: 2%;
}

#innerbanner {
	overflow-x: hidden;
  	overflow-y: hidden;
}

/* For Safari only */
_::-webkit-full-page-media, _:future, :root #featureRotator .leftArrow, #featureRotator .rightArrow { vertical-align: middle; }	



	



/* TABS and ACCORDIONS:  latest in landing, social hub tabs, tabbed detail, list page, etc */

ul#tabsMenu {
	margin: 0px 0;
	padding: 0;
	padding-bottom: 8px;
	font: 12px Arial,Verdana, sans-serif;
	list-style-type: none;
}
 
#tabsMenu ul {	
	display: inline-block;
	zoom: 1;
	margin-right: 4px;
	margin-left: 0px;
	padding: 0px;
	border: 1px solid #d2e5ec;	
	height: 45px;
	text-align: left;
}

ul#tabsMenu li div.tabs {
    vertical-align: middle;
    height: 45px;
    width: 94px;
    display: table-cell;
}

#tabsMenu li ul {
    margin: 0px;
    padding: 0px;;
} 

#tabsMenu ul li {
	margin: 0px;
	padding: 0px;
}

#tabsMenu ul:focus {
	display: inline-block;
	zoom: 1;
	margin-right: 4px;
	background-color: #d2e5ec;
	border: 1px solid #CAD1DA;	
	height:45px;
	text-align: center;
}

ul#tabsMenu a:hover {
	background-color: #d2e5ec;
	color: #084e84;
	font-weight: bold;	
	background-repeat: no-repeat;
}
 
ul#tabsMenu ul.current { 
	background-color: #D2E5EC;
	border: 1px solid #D2E5EC;
}

ul#tabsMenu ul.current a { 
	color: #084e84;
 	background-color: #D2E5EC;
    background-repeat: no-repeat;
    border: 0 none;    
    margin-bottom: 0px;
}

ul#tabsMenu li.current {
	background-color: rgb(210, 229, 236);
	max-height: 45px;
	min-width: 120px;
}

ul#tabsMenu  li {
	display: inline-block;
	padding-right: 0px;
	font-size: 18px;
	margin: 0px;
}

ul#tabsMenu div:hover a {
	color: #084e84;
	line-height: 135%;
	text-decoration: none;
}

ul#tabsMenu li div:hover {
	background-color: #d2e5ec;
	cursor: pointer;
}

ul#tabsMenu li div {
    vertical-align: middle;
    height: 45px;
    /*padding-top: 10px;*/
    width: 120px;
    display: table-cell;
}

ul#tabsMenu li a {   
  	font: small Arial,Verdana,sans-serif;
    color: #4693b8;
    font-weight: bold;
    padding-left: 4px;   
    text-decoration: none;
    vertical-align: middle;
    line-height: 135%;
    display: inline-block;
    text-transform: capitalize;
}

ul#tabsMenu li li {
    margin-left: 0px;
    display: block;
}

ul#tabul li div {
	vertical-align:middle;
	height: 30px;
	display: table-cell;
	padding-left: 5px;
}
/* Tabs become accordions in smaller screens.  Overwrite bootstrap default styles here */

.panel-default>.panel-heading {
	color: inherit;
	background-color: transparent;
	border: 0px none;
}

.panel-group .panel + .panel {
    margin-top: 0px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, 
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px none;
}

.panel {
	box-shadow: 0px 0px 0px transparent;
}

.panel,
.panel-body, 
.panel-heading {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	border: 0px none;
}

h3.panel-title, h2.panel-title {
	color: #041C5D;
}

.panel-title {
	margin: 0px;
	background-color: #DEE5EC;
	border: 1px solid #CAD1DA;
	padding-bottom: 10px;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.panel-collapse2 {
		display:block;
	}
}

/* Tabs in lists */
#listMenu .button_tabs_dropdown ul {
  	background-color: #ffffff;
  	-moz-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;
	-webkit-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#818493')";
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#818493')";
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#818493')";
	 border-radius: 3px;
	 box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493;
	 width: 94px;
}

ul#listMenu {
	margin: 10px 0;
	padding-bottom: 8px;
	font: 12px Arial,Verdana, sans-serif;
	list-style-type: none;
}

ul#listMenu li {
	display: inline-block;
	padding: 0px;
	font-weight: bold;
	text-indent: 0px;
	margin: 0px;
}

/* This code breaks the generic bootstrap drop down menu
 * It needs to be qualified with a container so it does not impact other components! 
.dropdown-menu {
	height: 90%;
}
*/
#listMenu ul:hover {
	background-color: #d2e5ec;
}

ul#listMenu ul.current {
	background-color: rgb(210, 229, 236);
	border: 1px solid rgb(210, 229, 236);
}

ul#listMenu li.current {
	background-color: rgb(210, 229, 236);
}

#listMenu ul {
	display: inline-block;
	zoom: 1;
	margin-right: 4px;
	margin-left: 0px;
	border: 1px solid #CAD1DA;
	width: 94px;
	height :45px;
	text-align: left;
}

ul#listMenu a:hover {
	color: #084e84;
	font-weight: bold;
	text-decoration: underline; 
	background-repeat: no-repeat;
}

.wrapper ul#listMenu .grid_content_detailsStandardImg .grid_content_detailAttachment a:hover {
    font-weight: normal;    
    color: #f17505;
}


ul#listMenu li a {
	color: #4693b8;
	display: inline-block;
	margin-left: 5px;
	width: 100%;
}

ul#listMenu .current a {
	color: #084e84;
	display: inline-block;
	margin-left: 5px;
}

ul#listMenu li a:hover {
	text-decoration: none;
}

#listMenu .button_tabs_dropdown a:hover {
	cursor: pointer; cursor: hand;
	background-color: rgb(210, 229, 236);
}



ul#listMenu li li {
	display: block;
	margin-left: 0px;
}

li.button_tabs_dropdown ul#tabul li {
	background-color: #FFFFFF;
}

li.button_tabs_dropdown ul#tabul li a {
	margin-left: 0px;
}

li.button_tabs_dropdown ul#tabul:hover {
    background-color: transparent;
}
/*************************
 * Paging
 *************************/
#listpagination{
    padding: 20px 0 20px 0;
}

#listpagination ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

#listpagination li{
    display:inline;
    margin-right: 5px;
}

#listpagination ul li a {
    text-decoration: none;
    padding: 4px 8px;
    background-color: #F2F2F2;
    outline: none;
}

#listpagination ul li a:hover,
#listpagination ul li.curpage a {
    color: #FFF;
    background-color: #0c6291;
}

/***/
div.paginationInfo {
	padding-bottom: 10px;
}

div.paginationInfo ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

div.paginationInfo li{
    display:inline;
    margin-right: 5px;
    cursor: pointer;
    background-color: #F2F2F2;
    padding: 4px 8px;
}

div.paginationInfo li:hover {
	background-color: #0c6291;
	color: #FFF;
}

div.paginationInfo ul li a {
    text-decoration: none;
    padding: 4px 8px;
    background-color: #F2F2F2;
    outline: none;
}

div.paginationInfo ul li a:hover,
div.paginationInfo ul li.curpage a {
    color: #FFF;
    background-color: #0c6291;
}

@media (max-width: 960px) {
	div.paginationInfo {
		padding-top: 10px;		
	}
}


.sisPageTitle {
	display: flex;
	display: ms-flexbox;
	display: -webkit-flex;

	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}


.sisLogoText a {
	margin-left: 128px !important;
}

.sisPage #desktopHeader #mainTabs {
	margin-left: 336px;
}
.sisLogo img {
	margin-left: 107px;
}

.sisPage .visualGalleryThumb {
	height:315px;
}

.sisPage .valignMiddle {
	height: auto;
}

.sisPage #landingAboutText img {
	float:left;
	padding-right:9px;
}

.sisLogo img {
	width: 100%;
}

.sisActivityLogo  {
	float:right;
	margin-right:97px;
	width:16.66666667%;
}

.sisPageLogo {
	float:left;
	margin-bottom: 10px;
	/*width:16.66666667%;*/
}

.sisPageLogo img{
	max-width: 50px;
}
/*
.sisPageLogo.col-lg-1  {
	margin-right:97px;
}*/

@media (max-width: 1259px) {
	.sisActivityLogo {
	margin-right:77px;

}
	}

@media (max-width: 959px) {
.sisActivityLogo {
	 /*margin: 0 auto;*/
		float:left;
		width:60%;
	}
	.sisPage #leftColumn {
			width: 0px;
			padding-left: 0px;
		}

	.sisPage .last_modified{
		margin-left: 8.5%;
	}

	.sisPageLogo {
		float: none;
		clear: both;
		margin: 0 0 5px 3px;
	}

}

.sisActivityLogo img {
	max-width:150px;
}

@media (max-width: 960px) {

.sisActivityLogo img {
	max-width:130px;
	 margin: 0 auto;
}
}

#sisMobileTitleRow {
    background-image: url("images/MobileNav.png");
	background-repeat: no-repeat;
	height: 65px;
	background-color: white;
}

.sisPage .visualGalleryDescription {
	font-weight:normal;
	padding-top:5px;
	padding-left:10px; padding-right:5px;
}

.sisPage #landingLatest {
	margin-top: 15px;
	padding-right: 0px;
}

@media (max-width: 1260px) {
	.sisPage #desktopHeader #mainTabs {
		margin-left: 336px;
	}
	.sisLogo img {
		margin-left: 107px;
	}

	@media (min-width: 960px) {
		.sisPage #desktopHeader #mainTabs {
			margin-left: 271px;
		}
		.sisLogo img {
			margin-left: 81px;
		}
	}
}

@media (min-width: 960px) {
	.sisPage #sectionTitleRow {
		margin-left: 8.3333%;
   	 	margin-right: 8.3333%;
	}
}


/*CSS FOR TEACHER'S NOTE COMPONENT*/

.teacherNotesBox {
	border: 2px solid #AAA;
	margin-top: 10px;
	background-color: #FFF9FB;
	padding-bottom: 10px;
}

.teacherNotesInnerBox {
	border: 1px solid #AAA;
	background-color: #FFFFFF;
	margin-top: 5px;
	padding: 0px 10px;
}

.teacherNotesBoxContent {
	padding-left: 10px;
	padding-right: 10px;
}

.teacherNotesInnerBox > .teacherNotesBoxHeader {
	padding-left: 0px;
}

.teacherNotesInnerBox .teacherNotesInnerBoxContent:nth-child(n+2) {
	border-top: 1px solid #AAA;
}

.teacherNotesInnerBoxContent > p {
	padding: 5px 10px;
	margin-bottom: 5px;
}

.noPadding {
	padding-left: 0px;
	padding-right: 0px;
}

.teacherNotesInnerBox > .imageDiv {
	text-align: center;
	padding-bottom: 5px;
}

.teacherNotesBoxHeader {
	padding-top: 3px;
	padding-bottom: 3px;
}

.teacherNotesBoxContent ul li {
	list-style: square;
	list-style-position: outside;
}

@media (max-width: 959px) {
	.teacherNotesBox, .teacherNotesInnerBox, .teacherNotesInnerBox {
		border: none;
	}
}

.teacherNotesBox ul {
	list-style-type: square;
	list-style-position: outside;
	padding: 5px 0px 2px;
	font-weight: normal;
	text-indent: 0em;
	margin-left: 1em;
}

#searchInput, #searchFormContainer #sissearchbox{
    color: #6D6D6D;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    width: 280px;
	height: 25px;
    padding-left: 20px;
   	background-image: url("images/search-bg.png");
    background-repeat: no-repeat;
	margin-left: 0px;
    margin-top: 0px;
}

#blogBanner {
	margin-bottom: 25px;
}

.blogFirstEntry {
	padding-bottom: 20px;
}

.blogPageMiddleColumn {
	padding-bottom: 25px;
}

.blogListLogo {
	text-align: right;
}

#blogSearchContainer,#blogArchiveContainer ,
#blogCategoriesContainer {
	padding-bottom: 15px;
}

#blogSearchContainer h3,#blogArchiveContainer h3,
#blogCategoriesContainer h3 {
    border-bottom: thin solid #CFCFCF;
    border-top: thin solid #CFCFCF;
    padding: 5px 0px;
	margin-bottom: 5px;
}

#mobileSearchContainer {
	text-align: right;
}

#mobileSearchContainer .searchbox,
#mobileSearchContainer .searchbtn {
	float: none;
	display: inline-block;
	margin-left: -4px;
}



#blogSearchContainer .searchbox input,
#mobileSearchContainer .searchbox input {
	margin-left: 0px;
	margin-top: 0px;
	width: 135px;
}
@media (max-width: 600px) {
	#mobileSearchContainer .searchbox input {	
	width: 215px;
}
#mobileSearchContainer {
	text-align: left;
	margin-left: 3px;
	margin-top: 5px;
}
}

#blogSearchContainer .searchbtn input,
#mobileSearchContainer .searchbtn input {
	margin-top: 0px;
}

.blogentry small, .blogPublishDate {
	font: italic x-small Arial,Verdana,sans-serif;
}

.blogentry .postmetadata {
	font: x-small Arial,Verdana,sans-serif;
	margin: 0px;
}

#blogArchiveMobile .btn ,#blogCategoriesMobile .btn {
	color: #4693b8;
	font: small Arial,Verdana,sans-serif;
	padding: 5px 10px;
	border-radius: 0px;
	border: 1px solid #4693b8;
	box-shadow: none;
	font-weight: bold;
}

#blogArchiveMobile ul.dropdown-menu,#blogCategoriesMobile ul.dropdown-menu {
	border-radius: 0px;
	border: 1px solid #d2e5ec;
	font: small Arial,Verdana,sans-serif; 
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	box-shadow: none;
}

#blogArchiveMobile .dropdown-menu > li ,#blogCategoriesMobile .dropdown-menu > li  {	
	display:block;
	    list-style-position: outside;
	    padding-left:3px;
}

#blogArchiveMobile .dropdown-menu > li > a,#blogCategoriesMobile .dropdown-menu > li > a {
	color: #4693b8;
	font-weight: bold;
	height: 30px;
	padding: 5px 7px;
	display: inline;
}

#blogArchiveMobile.open .btn,
#blogArchiveMobile .dropdown-menu > li > a:hover, 
#blogArchiveMobile .dropdown-menu > li > a:focus,
#blogArchiveMobile.open .btn,
#blogArchiveMobile .dropdown-menu > li > a:hover, 
#blogArchiveMobile .dropdown-menu > li > a:focus {
	background-color: #d2e5ec;
	color: #084e84;
}

@media (max-width: 959px) {
	#blogBanner .bannerRow {
		background-size: 100% auto;
	}
}

@media (min-width: 960px) {
	#blogBanner .bannerRow {
		background-size: auto;
	}
	
	
}


#detailContent ul li.x-tree-node {
    list-style-type: none;
    padding: 0;
    margin:0;
}
#selectedFacets{
   float: left;   
   width: 100%;   
   padding: 5px 10px;   
   font-weight: bold;   
   color: #041C5D;
   background-color: #F7F7F7;
   border: 1px solid #D7D7D7;
   border-radius: 3px;
   margin-bottom: 20px;   
   padding-bottom: 11px;
}
.refinementFacet {  
  background: #2481A6;
  border: 1px solid #2481A6;  
  border-radius: 13px;
  float: left;
  min-height: 25px;     
  margin-right: 3px;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;  
  padding-left: 9px;
  padding-right: 7px;
  padding-bottom: 3px;
  padding-top: 3px;
}
.refinementFacet a {
	color: #FFFFFF;
	/*outline: none;*/
	float: right;
	text-decoration: none;
}
.refinementFacet.permanentFacet {	
	background-color: #949494;
	border-color: #949494;
}
.refinementFacetsContainer {	
	float:left; 
	display:block; 
	clear:both; 
	height: 28px; 
	overflow-y: hidden;	
}
.showAllRefinementFacets {
	height: auto;
}
.showLessRefinementFacets {
	height: 28px;
}
.yourRefinementHeader {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	font-style: normal;
}
.yourRefinementClearAll a, .seeAllYourRefinements a {
	font-weight: normal;	
	font-size: 13px;
	float: right;
	/*outline: none;*/
}
#selectedFacets .seeAllYourRefinements {
    text-align: center;
}
.seeAllYourRefinements a, .seeAllYourRefinements .tabChevron {
	float: none;
}
.seeAllYourRefinements .tabChevron{
	top: 3px;
}
hr.yourRefinementHr {
	margin-top: 0px;
	margin-bottom: 10px;
}
[class*='close-'] {
  color: #777777;
  font: 14px/100% arial, sans-serif;
  position: absolute;
  right: 5px;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
  top: 5px;
  outline: none;
}
.closeThik:after {
  content: '✖'; /* UTF-8 symbol */
  padding-left: 5px;
}
.facetedListPageListContent {
	padding-left: 15px !important;
}
.accordionContainer {
    background: #F7F7F7;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    margin-top: 10px;
    max-width: 200px;
}
.accordionTab {    
    color: #333333;
    border-bottom: 1px solid #D7D7D7;
}
.accordionContainer .headerTitle {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

#yearFacetGroup .headerTitle,
#topicsFacetGroup .headerTitle {
	border-bottom: 1px solid #D7D7D7;
}
.facetContentContainer {	 
	width: 100%;	
	min-height: 44px;
	cursor: pointer;
}
.accordionFlyoutContent {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	position: absolute;	
	left: 198px;
	clear: both;
	width: 200px;
	z-index: 2;
	margin-top: -44px;
	color:#1E1E1E;
	box-shadow: 5px 5px 0px #888888;
}
.programsTypeAheadContainer {
	padding: 5px;
}
.programsTypeAhead {
	height: 20px;
	font-size: 12px;
	border: 1px solid rgb(221, 221, 221);
	width: 100%;
	padding: 4px 10px 4px 10px;
	font-weight: normal;
}
.surveysAndProgrammInnerDiv {
	margin-top: 5px; 
	overflow-y: scroll;	
	max-height: 322px;
}
.boxRowTitle {
	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #C9C9C9; 
	text-align: center; 
	font-size: 11px;
}
.mostPopularFacetContainer {	 
	background-color: #FFFFFF; 	
}
.allSurveysAndProgramsFacetContainer {	
	border-bottom: 1px solid #DDDDDD;
}
.yearAllContainerSpan, .topicAllContainerSpan {
	float: right;	
	padding-top: 3px;
	padding-right: 1px;
}
.glyphicon-triangle-top, .glyphicon-triangle-bottom {
	font-size: 8px;
}
.tabChevron {
	float: right;
}
.mostPopularFacetsContainerDiv {
	min-height: 80px;
}
.facetTitleContainer {
	margin-left: 22px;
	padding-right: 4px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 5px;
	min-height: 44px;
}
.facetCheckboxContainer {
	float: left;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 5px;
	min-height: 44px;
}
.programFacetContainer {
	padding-right: 7px
}
.facetTitleContainer span {
	display: inline-block;
	padding-right: 5px;
}
.facetTitleContainer span.facetTitleWithCue {
	width: 124px;
}
.btnRefine {
	outline: none !important;
}
.surveysAndProgramsFacetContainer, .accordionTabContent .checkAllContainerDiv, 
	.yearCheckAllContainerDiv, .accordionTabContent .subFacetContainerDiv, 
	.accordionTabContent .subFacetCheckAllContainerDiv, .yearFacetContainerDiv {
		padding-left: 10px; 
		padding-right: 10px;
}
.flyOutContentContainerDiv {
	clear: both;
}
/* Reposition elements affected by the sliding menu */
#facetedAppWrapper {
    position: relative;
    left: 0;
    transition: left 0.35s ease;
    margin-left: -209px;    
}
#leftColumn {	 
	float: left; 
	display:inline-block; 
	height: auto !important;
}
#leftColumn.navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
}
.navbar-collapse {
	display: block;	
	margin: 0;	
	transition: left 0.35s ease;
	width: 207px;
}
.navbar-collapse.collapsing {
    transition: left 0.35s ease;
}
.navbar-collapse.in {
    left: 0;
    width: 207px;
}
body.menu-slider.in {
    overflow-x: hidden;
}
body.menu-slider #facetedAppWrapper {
    transition: left 0.35s ease;
}
body.menu-slider.in #facetedAppWrapper {
    left: 207px;
}
.refineButtonContainer {
	float: right;
}
/******************************************/
@media (max-width: 1259px) and (min-width: 960px) {
	.accordionContainer {
		width: 150px;	
		max-width: 150px;
	}	
	.accordionFlyoutContent {
		left: 148px;
	}		
	.facetTitleContainer span.facetTitleWithCue {		
		width: 74px;
	}
	.facetTitleContainer span.mainFacetTitle {
		width: 108px;		
	}	
	#facetedAppWrapper {
		margin-left: 0;		
	}	
	body.menu-slider.in #facetedAppWrapper{
		left: 0;
	}
	.navbar-collapse {
		width: auto;
	}
	.refineButtonContainer {
		display: none;		
	}
}
@media (min-width: 1260px) {
	.refineButtonContainer {
		display: none;		
	}	
	#facetedAppWrapper {
		margin-left: 0;
	}
	body.menu-slider.in #facetedAppWrapper{
		left: 0;
	}
}
@media (max-width: 959px) {	
	#facetedAppWrapper {
		margin-left: -209px;	
	}	
	.navbar-collapse {
		width: 205px;
	}
	#leftColumn {
		width: 205px;
		padding-left: 0px;
	}
	.accordionContainer {
		width: 200px;
	}	
	.facetedListPageListContent {
		padding-left: 5px !important;
	}
	
	/* to avoid phones zooming in on focus
  	#facetedAppDiv select, #facetedAppDiv input {
    	font-size: 16px;
  	} */
}
.moreFewerContainerDiv {
	border-bottom: 2px solid #F7F7F7;	 
	border-top: 1px solid #D7D7D7;
	background-color: #FFFFFF;	
	font-size: 11px; 
	color: #0099CC; 
	padding-left: 23px; 
	cursor: pointer;
	padding-top: 3px;
	padding-bottom: 3px;
}
#contentLoadingDiv {
	padding: 10px; 
	width: 83%; 
	float: right;
}
.facetContainer.hiddenFacet {
	display: none;
}
.facetContainer.unselectableFacet {
	opacity: 0.4;
}
#contentLoadingDiv h2 {
	text-align: center;
}
.whiteBackground {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}
.borderTop {
	border-top: 1px solid #ddd;
}
span.facetCount {
	width: 100px;
	display: inline;
	padding: 3px 7px;
	border: 1px solid #2481A6;
	background-color: #2481A6;
	border-radius: 100%;
	color: #FFF;
	font-weight: bold;
}
@media (min-width : 601px) {
	.facetContentContainer:hover {
		background-color: #2481A6;
		color: #fff !important;		
	}
	.facetContentContainer:hover .facetCount {
		background-color: #FFF;
		color: #2481A6;
		border: 1px solid #FFF;
	}
	.facetContentContainer:hover a {
		color: #fff !important;
	}
	.facetContentContainer a {
		color: #333;
	}
	.facetContentContainer:hover .facetResultsCount {
		color: #fff;
	}
	.facetTitleContainer .flyOutFacetResultsCount {
		color: #555;
		font-size: 9px;
	}
	.facetTitleContainer:hover .flyOutFacetResultsCount {
		color: #fff;
	}
}
.facetResultsCount {
	color: #555;
	font-size: 9px;
}
/*.facetContentContainer:hover  {	
	color: #fff !important;
}*/
#yearFacetGroup {
	margin-bottom: 10px;
}
.topicAccordionContainer {
	margin-top: 0px;
}
.numResultsFound {
	font-weight: normal; 
	font-size: 13px
}

.bottomPagination {
	padding: 20px 0px 20px 0px !important;	
}
/**The overlay stuff***/
.overlay {       
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.5); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
}
/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */    
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}
.closebtn {
    position: absolute;
	top: 0;
	right: 22px;
	font-size: 28px !important;
	padding: 0;
	font-weight: bold;
	cursor: pointer;
}
#mobileSelectionHeader {
	background-color: #1c6c96;
	height: 54px;
}
#mobileSelectionHeader span {
	float: left;
	display: inline-block
}
.mobileSelectionTitle{
	padding-top: 8px;
	padding-left: 19px;
	font-weight: bold;
	font-size: 16px;
}
.whiteColor {
	color: #FFF;
}
.whiteBgColor {
	background-color: #FFF;
}
.fillHeight {
	position: absolute; 
	right: 0; 
	height: 100%; 
	background-color: #ddd
}
.mobileResetButtonDiv {
	background-color: #ddd;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.btnReset {	
	font-weight: bold;
}
.backArrow {
	cursor: pointer;
}
.grayAny, .grayedOut {
	color: #aaa;	
}
/*#leftColumn a { This is breaking the left nav component....moved to facetedcontent.jsp...
	color: #333;
}*/
#leftColumn a:hover {
	text-decoration: none;
}
.moreFewerContainerDiv a {
	color: #0099CC !important;
}
.bottomPagination a {
	color: #1c6c96;
}
@media (max-width : 600px) {
	.accordionContainerMobile {
		margin-left: 50px;
		border: none !important;
		float: right;
	}
	.surveysAndProgrammInnerDiv {
		overflow-y: hidden;
	}
	.accordionContainer {
		margin-top: 0px;
		border-radius: 0px;		
	}	
	.headerTitle {
		background-color: #e4e4e4;		
	}
	.mobileProgramsTypeAheadContainer {
		padding: 7px !important;
	}
	.moreFewerContainerDiv, .facetContentContainer, .headerTitle {
		height: 52px;
		border-bottom: 1px solid #333;
	}
	.moreFewerContainerDiv {
		padding: 0;
		text-align: center;
		border-top: none;
	}
	.moreFewerContainerSpan {
		vertical-align:middle; 
    	display:inline-block; 
    	margin-top: 17px;
	}
	.accordionContainer .headerTitle {
		padding: 18px;
	}
	.accordionContainerMobile {
		width: 255px;
		max-width: 255px;
	}
	.programsTypeAhead {
		height: 37px !important;
	}
	.facetTitleContainer span.facetTitleWithCue {
		width: 175px;
	}
	#yearFacetGroup {
		margin-bottom: 0;
	}
}
#geoAreaFieldWrapper{
    width: 319px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid rgba(121,121,121,1);
    border-style: solid;    
}

#geoAreaDropdown {
    position: relative;
    height: 38px;
    float: right;
    width: 36px;    
    background-color: rgba(232, 232, 232, 1);
}

#arrowDiv {
    border-width: 0px;
    position: absolute;
    left: 10px;
    top: 7px;
    width: 15px;
    height: 24px;    
    font-weight: normal;
    font-style: normal;
    color: #1C6C96;
}

#geoAreaDropdown #arrowDiv div {
    font-weight: 400;
    font-style: normal;
    color: #1C6C96;
    font-size: 16px;
    padding-top: 5px;
}

#countrylist input {    
    border-color: transparent;        
    width: 264px;
    height: 38px;    
    font-weight: bold;
    color: #000000;
    padding: 2px;    
    padding-left: 30px;    
    float:left;
}

.alpha-table-div{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    max-height: 150px;
    padding-top: 25px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.alpha-table {    
    padding: 20px 0px 20px 0px;   
    border-spacing: 0px; 
}

.back-top-link{
    float: right;
}

.alpha-table td {
    /*padding-left: 9px !important;
    padding-right: 9px !important;*/
    padding-left: 3% !important;
    padding-right: 3% !important;
}

.geoLevel {
    float: right;
    color: #aaa;
    font-style: italic;    
    padding-top: 5px;
}

.aemwebpage-geoLevel {
    float: right;
    color: #aaa;
    font-style: italic;    
}

.alpha-link-lg, .alpha-link-md, .alpha-link-sm, .alpha-link-xs {
    font-weight: bold !important;
    font-size: 16px;
}

.category-label {
    font-size: 18px;
}

#countrylist table, #countrylist th, #countrylist tr, #countrylist td {
    border: none !important;
}

#countrylist table th {
    background-color: #fff;
}

.alpha-table-md td {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.drop-down-wrapper-div {
    height: 70px;
}

.country-item-close {
    position: absolute;    
    width: 10px;
    height: 10px !important;
    top: 32px;
    left: 268px;
}

.capitalized {
    text-transform: capitalize;
}

@media only screen and (min-width: 300px) {
    .alpha-div span {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media only screen and (min-width: 400px) {
    .alpha-div span {
        padding-left: 2.1%;
        padding-right: 2.1%;
    }
}

@media only screen and (min-width: 600px) {
    .alpha-div span {
        padding-left: 0.9%;
        padding-right: 0.9%;
    }
}

@media only screen and (min-width: 960px) {
    .alpha-div span {
        padding-left: 0.9%;
        padding-right: 0.9%;
    }
}

@media only screen and (min-width: 1260px) {
    .alpha-div span {
        padding-left: 1.1%;
        padding-right: 1.1%;
    }
}






