/*NREL TRANSPORTATION stylesheet*/

.content-list-widget .header-box .title {
    color: #fff;
}
.content-list-widget .header-box {
    background-color: #0079C2;
    border-bottom: 5px solid #00A4E4;
}

.showcasetransportation {opacity:1;}

/*
 *  Bootstrap Carousel (vehicle-tech-compare, vehicle-tech-targets)
 ************************************************************/

.greybg {
	background-color: #E3E6E8;
}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}

/*
 *  HP Feature space
 ************************************************************/

.feature-secondary .link-tile {
    margin-top: 24px;
}

@media(min-width:768px){
    .feature-secondary .link-tile {
        margin-top: 0px;
    }
}

.feature-secondary .link-tile + .link-tile {
    margin-top:24px;
}

@media(min-width:768px){
    .showcase {
        height:431px;
    }
}
@media(min-width:992px){
    .showcase {
        height:545px;
    }
}
@media(min-width:1200px){
    .showcase {
        height:649px;
    }
}
.showcase {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    opacity: 1;
    padding-bottom: 2em;
    padding-top: 2em;
}

.showcase .caption {
    background: #000;
    background-color: rgba(0,0,0,.8);
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    line-height: 1.1;
    padding: .5em 1em;
    position:relative;
}


.showcase .test {
    background: #000;
    background-color: rgba(0,0,0,.8);
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    line-height: 1.1;
    padding: .5em 1em;
    position:absolute;
}

@media(min-width:768px) {
    .showcase .caption {
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }
}


.showcase .link-tile,
.showcase .link-tile {
    position: relative;
}

.showcase .feature-primary .caption {
    font-size: 30px;
}

.showcase .feature-secondary .caption {
    font-size: 20px;
}

.modal-footer {
    text-align: left;
}

/*
Modal bugfix http://stackoverflow.com/questions/18622508/bootstrap-3-and-youtube-in-modal
*/
.modal.fade .modal-dialog {
    transform: none !important;
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    transform: none !important;
}


/* DASHBOARD Lists - Impacts Page */


.dashboardList {
	padding:0;
	margin:0;
}
.dashboardList li {
	display:inline-block;
	list-style-type:none;
	margin-bottom:1.5em;
	margin-right:14px;
	vertical-align:top;
	width:150px;
	/* width:174px; */
	position:relative;
}
.dashboardList p {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
	text-align:center;
	margin:0 3px;
}
.dashboardList h3 {
	margin:0; 
	text-align:center;
}
.dashboardList img {
	opacity:1.0;
	filter:alpha(opacity=100);
}
.dashboardList img:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
}

.dashboardList a:link, .dashboardList a:visited {color:#004f99;text-decoration:none;}
.dashboardList a:hover {color:#C60;text-decoration:underline;}


@charset "UTF-8";
/* CSS Document */

#projects_box {width:100%;float:none;font-size:90%;}
#projects_box ul {font-size:98%;}
#projects_box a:link, #projects_box a:visited {color:#004f99;text-decoration:none;}
#projects_box a:hover {color:#C60;text-decoration:none;}


/* HOMEPAGE SLIDESHOW */
.hp_slideshow {
	height: 219px;
	width: 567px;
	margin-bottom:10px;
	padding-top:0;
}

.hp_slideshow .slide {
	height: 219px;
	width:567px;
    margin-bottom: 20px;
}

.hp_slideshow .contentLayer {
	position:relative;
	bottom:72px;
    padding:13px 20px;
    background: rgb(0, 0, 0); /* The fallback for IE8 */
    background: rgba(0, 0, 0, 0.7);
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.hp_slideshow  .slide  img {
    border-radius:7px;
	border-top: 0;
}



.hp_slideshow .contentLayer p {
	color:#fff;
	font-size:small;
	line-height:1.4em;

}

.hp_slideshow .contentLayer p a:link {
    color:#19b3f7;

}



/* the dots in the slideshow */
.hp_slideshow #nav {   text-align:right;font-size:0; position:absolute; bottom:10px; right:10px; z-index:100; height:12px; }
.hp_slideshow #nav a { width:12px; height:12px; border-radius:12px;   background-color: #fff;  display:inline-block; margin-right:7px;}
.hp_slideshow #nav a.activeSlide { background-color: #19b3f7; cursor:default;height:12px;display:inline-block; }
.hp_slideshow #nav a:hover { background-color: #19b3f7;height:12px; }



/* BEGIN Vehicles Compare and Targets Pages Slideshow - vehicle_tech_compare.html/vehicle_tech_targets.html */
.visibly-hidden {
	visibility:hidden; /* this still takes up space on the page when hidden, so the footer doesn't jump down after load.*/
}

.slideshow,
.slideshow .slide {
	position:relative;
	height:363px;
	width:300px;  
	overflow:hidden;
}


.slideshow { 
	margin:20px;	
} 




.slideshow .description {
	color:#fff;
	top:0;
	left:573px;
	position:absolute;
	padding:16px;
	width:185px;  /*253px;*/
	height:331px;
	background-color:#393939;
}

.slideshow .description h2 {
	color:#fff;
	font-size: 130%;
	margin-bottom:1em;
}

.slideshow .description p a:link {
    color:#00f6ff;
}

.slideshow .credit  {
	padding-top:6px;
	border-top:1px solid #a2a2a2;
	font-style:italic;
}




.slideshow .contentLayer { 
	position:relative;
	height:120px;
	/*height:49px;*/ /*+20 padding*/
	bottom:140px;
	padding:10px;
	background-color:#000;
	opacity:.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	
}




/*.slideshow .contentLayer h3,
.slideshow .contentLayer h3 a { 
	color:#19b3f7;
}*/


.slideshow .contentLayer p { 
	color:#fff;
	margin-bottom:0;
}

/* the dots in the slideshow */
.slideshow #pager { width: 100px; height:10px; margin:0;   background-color:#03F; position:absolute; bottom:0; right:0;}
.slideshow #pager a { 
	width:10px; 
	height:10px; 
	padding:2px 6px; 
	margin:5px; 
	background-color: #fff; 
	color:#ffffff;
	border-radius: 24px; 
}

.slideshow #pager a.activeSlide { 
	background-color: #aa6900; 
	color:#aa6900;
}

.slideshow #pager a:hover { background-color: #aa6900; color:#aa6900; }



.moreButton { text-align:right;}

.jcarousel-container {
	padding:20px 0;
	width: 790px;  /*858px;*/
	position:relative;
	background-color:#000;
}

.jcarousel-clip {
	position:relative;
	left:49px;
	width:526px;  /*764px; 696px;*/
	overflow: hidden;
}
.jcarousel-item {
	width:110px;
	height:69px;
	border:2px solid transparent;
	margin-right:16px;
}

.highlighted,
.jcarousel-item:hover {
	border:2px solid #00f6ff;
}

.jcarousel-prev {
	position: absolute;
	top: 45px;
	left: 13px;
	width: 16px;
	height: 20px;
	cursor: pointer;
	background: url('../../images/arrow_left.png');
}

.jcarousel-next {
	position: absolute;
	top: 45px;
	right: 13px;
	width: 16px;
	height: 20px;
	cursor: pointer;
	background: url('../../images/arrow_right.png');
}

.jcarousel-prev-disabled,
.jcarousel-next-disabled {
	cursor:default;
	background:url();

}
/* END Vehicles Compare and Targets Pages Slideshow */




/* BEGIN SUBPAGE SMALLER SLIDESHOWS */
.small-slideshow { 
height: 341px; /*341*/
	width: 300px;
/*	margin:20px;*/
	
} 


.small-slideshow .slide {
height:341px;
	/*height: 311px; */
	width:300px;
} 


.small-slide img { 
	opacity:.8;
	border-top: 14px solid; 
	border-top-right-radius: 14px; 
	border-top-left-radius: 14px;
	
}

.small-slideshow .contentLayer { 
	position:relative;
	height:170px;
	/*height:170px;*/ /*+20 padding bottom 140*/
	bottom:140px;
	padding:10px;
	background-color:#000;
	opacity:.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.small-slideshow .contentLayer p { 
	color:#fff;
	margin-bottom:0;
	font-size: small;
}

/* the dots in the slideshow */
.small-slideshow #pager { width: 100px; height:10px; margin:0;   background-color:#03F; position:absolute; bottom:0; right:0;}
.small-slideshow #pager a { 
	width:10px; 
	height:10px; 
	padding:2px 6px; 
	margin:5px; 
	background-color: #fff; 
	color:#ffffff;
	border-radius: 24px; 
}

.small-slideshow #pager a.activeSlide { 
	background-color: #aa6900; 
	color:#aa6900;
}

.small-slideshow #pager a:hover { background-color: #aa6900; color:#aa6900; }



.small-slideshow #nav {text-align:right;font-size:0; position:absolute; bottom:10px; /*bottom:12px*/ right:10px; z-index:1000;}
.small-slideshow #nav a { width:12px; height:12px; border-radius:12px;   background-color: #fff;  display:inline-block; margin-right:7px;     }
.small-slideshow #nav a.activeSlide { background-color: #19b3f7; cursor:default; }
.small-slideshow #nav a:hover { background-color: #19b3f7; }

div.small-slide {
height:350px;	
}
}
/* side-by-side videos */

.video-row {
    width: 735px;
    margin: auto;
    padding: 1em 0;
}
.video1 {
    width: 340px;
    float: left;
	margin-right: 25px;
	padding: 0 0 0.5em 0;
}
.video2 {
    float:left;
	width: 340px;
	padding: 0 0 0.5em 0;
}



.table-sm-data,
.table-data,
.table.data {
    font-family: 'Droid Serif.';
    font-size: 12px;
}


.content-list-widget {
    line-height: 1.7;
}