/** 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; /*left:10px;*/
	width:400px; /*255px;*/
	height:122px; 
	background-image: url(/images/homepage/cdeLogoHome.gif);
	display:block;}

/** Home Page Images *//
	.img-responsive {
		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-bottom:10px;
	}
	
	.applyborder{
		border:#CCC solid 1px;
	}

/** Panel sections (News Releases/What's New/Trending/Latest Tweets **/
	.panel-heading-homepage{
		background-color:#4F6A92;
		padding:9px 7px;
	}
	.panel-heading-homepage h2{
		margin: 0;
		color:#fff;
		font-size:1em;
		font-weight:bold;
	}

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

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

	.morefewerlinktrending {
		color:black;
		text-decoration:underline;
		padding-top:10px;
		font-size:14px !important;
	}

/** Carousel **/
	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 {
	  margin: 5px 0px;
	  width: 100%; 
	  /*height: 240px; */
	}
	
	.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{
	}
	
	li.carousel-item {
		position: relative;
		margin-top:-5px;	
		left: -35px;
		list-style:none;
	}
	
	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:265px;
		  border:#DDEEFF 1px solid;
	}

	.carouselrow{
		margin-left:auto;
	}

	.carouselbg p{
		  color:#000;
	}

	#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:5px;
		border-bottom: solid #CCC 1px;
	}

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

	.highlighttext{
		padding-top:5px;
	}

	.highlightdesc{
		font-size:14px;
	}
	
	/* 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:px;
	}

	.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;
		}
	}