/******** Search box ********/
.rdoSearchStyle {
	font-size:18px;
	font-weight:normal;
	margin-left:40px;
}

.rdoSearchStyleCollapse {
	font-size:14px;
	font-weight:normal;
	margin-left:16px;
}

.rdoSearchStyle label {
	padding-left:6px;
	padding-right:30px;
	font-weight:500;
}

.rdoSearchStyleCollapse label {
	padding-left:6px;
	padding-right:16px;
	font-weight:500;
}

.autocomplete_list {
	overflow : auto;
	height : 180px;
	border-width : 1px;
	border-style : solid;
	list-style-type : none;
	margin:0;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:4px;
	background-color:white;
	font-size:20px;
}

.autocomplete_selecteditem {}

.gsc-completion-container span {font-size: 20px;}

#top-search-box {margin-top:20px;}

.errormessage {color:red}

/******** CDE Home Page Logo ********/
#logobase a {
	/* override css/navbarRWD.css */
	position:absolute;
	left:30px;
	width:400px;
	height:122px;
	background-image: url(/images/homepage/cdeLogoHome.gif);
	display:block;
}

/******** Home Page Images ********/
.img-responsive {
	/*pu-removed 3/7/2024*/
	/*
	width:100%;
	max-width: 400px;
	*/
}

/******** Opacity ********/
.imagehover {
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

/******** Opacity for hover effect on button images ********/
.imagehover:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

/******** SSPI and SBE buttons ********/
.applymargin {
	margin: 10px auto; /*pu-modified 3/6/2024*/
	filter: drop-shadow(2px 2px 1px lightgray); /*pu-added 3/6/2024*/
}

.applyborder {border:#CCC solid 1px;}

/******** Panel Sections - News Releases/What's New/Trending/Latest Tweets ********/
.panel-heading-homepage {
	background-color:#4F6A92;
	padding: 15px;
	border-top-left-radius:5px;  /*pu-added 3/6/2024*/
	border-top-right-radius:5px; /*pu-added 3/6/2024*/
}

.panel-heading-homepage h2 {
	margin: 0;
	color:#fff;
	font-size:1em;
	font-weight:bold;
}

.posted-date {font-size:18px;}

.morefewerlink {
	color:black;
	text-decoration:underline;
	padding-top:10px;
}

.morefewerlinktrending {
	/* pu-removed 3/29/2024
	color:black;
	text-decoration:underline;
	padding-top:10px;
	font-size:14px !important;
	*/
}

/******** Carousel ********/
.carousel-container {
	/*pu-added 3/6/2024*/
	border:#f5f5f5 solid 1px;
	padding:0;
	margin-bottom:20px;
	margin-top:10px;
	border-radius:5px;
}

button.carousel-button {
	margin-left: 3px;
	margin-right: 3px;
	webkit-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	background-color:#EEE;
	border:1px solid #999;
	font-family:'Lucida Grande',Tahoma,Verdana,Arial,Sans-serif;
	font-size:.8em;
	font-weight:500;
	padding:2px 6px;
	text-align:center;
}

button.carousel-button:hover {background-color: #CFF;}

.carousel-button:active {
	background-color: #3e8e41;
	box-shadow: 0px 5px #999;
	transform: translateY(2px);
}

.carousel-buttons {
	vertical-align:bottom;
	border:none;
	min-width:100%;
}

.carousel {
	/*pu-removed 3/6/2024*/
	/*
	height: 240px;
	width: 100%;
	margin: 5px 0px;
	*/
}

.carousel p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #666;
}

.carousel-heading {
	color:#006;
	text-align:center;
	margin-top:16px;
	margin-bottom:16px;
}

h2.carousel-heading {}

ul.carousel-content, li.carousel-item {
	/*pu-added 3/6/2024*/
	margin: 0;
	padding: 0;
	list-style-type:none;
}

li.carousel-item {
	list-style: none;
	position: relative;
	/*pu-removed 3/6/2024*/
	/*
	left:-35px;
	width:105%;
	margin-left:-15px;
	margin-top:-5px;
	*/
}

.carousel-image-container {
	/*pu-added 3/7/2024*/
	margin:0;
	padding:0;
}

.carousel-image2 {border-top-left-radius:5px; /*pu-added 3/7/2024*/}

/*
pu-removed 3/6/2024

img.carousel-image {
	z-index:-1;
	opacity:1;
	float:right;
	max-width:400px;
	margin:0 10px;
}

img.carousel-imageleft {
	z-index:-1;
	opacity:1;
	float:left;
	max-width:400px;
	margin-right:10px;
	margin-left: 0px;
	border: #CCC solid 1px;
}
*/

.carouselbg {
	background: #DDEEFF; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top,rgba(221,238,255,0),rgba(221,238,255,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(221,238,255,0),rgba(221,238,255,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(221,238,255,0),rgba(221,238,255,1)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(221,238,255,0), rgba(221,238,255,1)); /*Standard*/
	min-height:296px; /*min-height:265px; pu-modified 3/6/2024*/
	/*border:#DDEEFF 0px solid; pu-removed 3/6/2024*/
}

.carouselrow {margin:0 auto; /*margin-left:auto; pu-modified 3/6/2024*/}

.carouselbg p {color:#000;}

.carousel-controls-container {
	/*pu-added 3/7/2024*/
	background-color:#f5f5f5;
	text-align:center;
	padding:15px;
	clear:both;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#pause, #go, #prev, #next {
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	-webkit-box-shadow: 1px 4px 5px #666666;
	-moz-box-shadow: 1px 4px 5px #666666;
	box-shadow: 1px 4px 5px #666666;
	font-family: Arial;
	color: #000;
	background: #fff;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	font-size: 12px;
}

li[aria-hidden='true'] {display:none;}

li[aria-hidden='false'] {display:block;}

.hidden {display:none;}

/******** Highlights/Audiences/Featured Video/Social buttons ********/
.homepagebutton {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	-webkit-box-shadow: 1px 4px 10px #666666;
	-moz-box-shadow: 1px 4px 10px #666666;
	box-shadow: 1px 4px 10px #666666;
	font-family: Arial;
	color: #ffffff;
	background: #BC8312;
	margin-bottom:5px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-weight:bold;
	font-size: 19px;
}

h2.sectionheading {
	text-align:center;
	margin-top:20px;
	border-bottom:solid #f5f5f5 1px; /*solid #CCC 1px; pu-modified 3/7/2024*/
}

.homepagebutton:hover {text-decoration: none;}

.highlightslist-item-row {margin:20px 0; /*pu-added 3/7/2024*/}

div.highlightslist-item-row img {
	/*pu-added 3/7/2024*/
	border-radius:5px;
	width:92%;
}

.highlight-img-container {
	/*pu-added 3/7/2024*/
	margin:0;
	padding:10px 0;
}

.highlighttext {
	/*pu-modified 3/7/2024*/
	margin:0;
	padding:10px 0;
}

.highlightdesc {font-size:18px;}

/******** Responsive iFrame - YouTube Video, Google Calendar, etc. ********/
.responsive-iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
	margin-top: 0px;
}

.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#featuredvideo {margin-bottom:35px;}

.morefeaturedvideos {
	text-align:right;
	padding-right:5px;
	font-size:.9em;
	margin-top:6px;
}

.socialfloatleft {
	float:left;
	margin-left:30px;
}

.socialfloatright {
	float:right;
	margin-right:30px;
}

/******** Allow fixed height and scroll on embedded tweets, as the "data-tweet-limit" to limit tweets to a list of 5 removes these feautres ********/
#CDETweetList {
	height: 250px !important;
	overflow:scroll;
	overflow-x:hidden;
}

/******** added to remove the blue outline around Divs that are selected - occurs in Chrome only - 03/10/2017 ********/
div:focus {outline: none;}

/******** Media queries ********/
@media (max-width: 590px) {
	.col-xxs-12 {width: 100%;}

	/***added by RO 8/10/2020***/
	.rdoSearchStyleCollapse {font-size:16px;}
	.panel-heading-homepage h2 {font-size:18px;}
	.posted-date {font-size:16px;}
	.carousel p {font-size: 1em;}
	.highlightdesc {font-size:16px;}
	.morefeaturedvideos {font-size:1em;}
	.morefewerlinktrending {font-size:16px !important;}
	/***added by RO --- end ---***/
}

@media (max-width: 767px) {
	.gsc-completion-container span {font-size: 14px;}
	.autocomplete_list {font-size:14px;}
}