/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 3px;
  color: #5a5a5a;
}
h1,h2,h3,h4,h5,h6{
	color:#141414;
}

/* CUSTOMIZE THE logo wraper
-------------------------------------------------- */
.logo-wrapper{
	margin: 10px 0px 10px 0px; overflow:hidden;
}
.logo-wrapper img{
	float:left;
	width:94px;
}
.logo-text{
	float:left;
	font: tahoma;
	font-size:30px;
	padding: 15px 0 0 8px;
	line-height:30px;
}
.logo-text p{
	padding:0;
	margin:0;
	color: #003e69;
}
.logo-text p span{
	font-size:20px;
	color:#D80003;
	padding:0;
	margin:0;
}



.logo-texture p span.cc{
	color:#CCC;
}
.tsecl-abbr{
	float: right;
}


.modal-open {
	overflow:hidden;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}

.modal-backdrop.fade {
	filter: alpha(opacity = 0);
	opacity: 0
}

.modal-backdrop.in {
	filter: alpha(opacity = 50);
	opacity: .5
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}


	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
	}
	.modal-sm {
		width: 300px
	}


@media ( min-width :992px) {
	.modal-lg {
		width: 900px
	}
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 20;
  background-color:#17375e;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
  position: relative;
}
.navbar-wrapper .navbar {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
.navbar-nav>li>a{
	padding:15px 35px;
}
.navbar-nav>li>ul {
	width:180px;
	z-index: 999;
}








.logo-right{
	float: right;
	font: tahoma;
	font-size:20px;
	background:url(../images/tsecl-abbr.png) top left repeat;
	margin: 8px 20px 0 0;
	
}
.logo-texture{
	background-color: #141414;
	float: left;
	padding: 15px 20px 15px 20px;
	opacity: .6;
	border-radius: 4px;
}
.logo-right p{
	padding:0;
	margin:0;
	color: #fff;
	opacity:100;
}
.logo-right p span{
	color:#D50400;
}
.logo-right p span{
	font-size:14px;
	color:#D50400;
	padding:0;
	margin:0;
}
.logo-right .call-center p{
	padding:0;
	margin:0;
	color: #3EC1DC;
	text-align:center;
}
.govt_logo{
}
.govt_logo img{
	margin: 0px 0 20px 18px;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 340px;
  top:0;
}

.carousel_1 {
  position:relative;
  height: 50px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  padding-right:625px;
}
.carousel-caption h2{
	color:#003367;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 340px;
	background-color: #777;
	top: 0;
}
.carousel-inner > .item > img {
  position: absolute;
  bottom:0;
  height: 400px;
  width:100%;
}





/*
MARQUEE TEXT
------------------------------------------------*/
.front-marquee-wrap{
	background-color:transparent;
	padding:4px 0 4px 0;
	margin: 0 0 5px 0;
}

.front-marquee{
	  font-weight:13px;
}
.front-marquee marquee{
	margin: 0;
	padding:0 10px 0 10px;
	height: 80px;
}
.front-marquee li{
	color:#064473;
	list-style-type:none;
	float:left !important;
	padding:0 10px 0 15px;
	background:transparent;
}
.front-marquee li a{
	padding: 0 15px 0 0;
	color:#064473;;
}
.front-marquee a:hover{
	text-decoration: none;
}








/* MAIN CONTENT
-------------------------------------------------- */
.whats-new-marquee{
	background:transparent;
	padding:5px 0 5px 0;
	float:left;
	font-size:14px;
}
.whats-new-marquee marquee{
	height:80px;
}

.whats-new-marquee ul{
	margin:0;
	padding:0;
}
.whats-new-marquee ul li{
	list-style-type: none;
}
.whats-new-marquee ul li a{
	color:#064473;
}
.whats-new-marquee ul li{
	color:#064473;
	font-weight:18px;
}
.whats-new-marquee ul li a:hover{
	color:#06F;
	text-decoration:none;
}
.col-md-9{
	margin-bottom:15px;
}

.col-md-9 .col-lg-4{ 
	margin-top: 20px;
	text-align:center;
}

/*
.front-marquee-wrap{
	background-color:#fe8d28;
	padding:8px 0 8px 0;
	margin: 0 0 10px 0;
}
.front-marquee{
	  font-weight:700;
}
.front-marquee marquee{
	margin: 0;
	padding:0 10px 0 10px;
}
.front-marquee li{
	color:#823e02;
	list-style-type:none;
	float:left !important;
	padding:0 30px 0 35px;
	background:url(../images/brown-arrow.png) left top no-repeat;
}
.front-marquee li a{
	padding: 0 25px 0 0;
	color:#fff;
}
.front-marquee a:hover{
	text-decoration: none;
} */

/* RIGHT PANEL
-------------------------------------------------- */
.right-panel ul.list-group li{
	border: #07335D 1px solid;
	background-color:#0070c0;
	margin-bottom:2px;
}
.right-panel ul.list-group li:hover, .right-panel ul.list-group li.active{
	background-color:#ffca00;
}
.right-panel ul.list-group li a{
	color:#fff;
}
.right-panel ul.list-group li a:hover{
	text-decoration: none;
}

.right-panel form{
	border: #07335D 1px solid;
	border-radius: 4px;
	padding:0px 0px 0px 0px;
	margin:0 0 10px 0;
}
.right-panel .col-sm-10{
	width:100%;
}
.right-panel form span{
	display: block;
	background:#023b82;
	color: #fff;
	font-weight: 700;
	border-bottom: #07335D 1px solid;
	padding: 7px 0px 7px 15px;
	margin-bottom: 15px;
}
.col-sm-10 button.btn{
	background-color:#0070c0;
	color:#fff;
	border:#07335D 1px solid;
}
.col-sm-10 button.btn:hover{
	background-color:#689d30;
	border:#5E3F18 1px solid;
}
.btn-default{
	background-color:#0070c0;
	color:#fff;
	border:#07335D 1px solid;
}
.btn-default:hover{
	background-color:#689d30;
	color:#fff;
	border:#5E3F18 1px solid;
}
.right-panel .col-sm-2{
	float:none;
	width: 100%;	
}
.right-panel .form-group .col-sm-10 p{ 
	text-align:center;
	font-size:12px;
	color:#337ab7;
}
.right-panel .col-sm-offset-2{
	margin-left:0;
}
.round-box{
	background:#ccd1da;
	padding:10px 15px 15px 15px;
	margin:10px 0 0 0;
	border-radius:4px;
	color:#17375e;
}
.round-box h2{
	font-size:24px;
}

footer p.main{
	color:#141414;
	font-size:11px;
}
footer p.main span{ 
font-weight:700;
color:#d80003;
}
footer ul{
	list-style-type:none;
	text-align:left;
	font-size:11px;
	padding:0;
	
}
footer ul li, footer ul li a{
	padding-right:5px;
	padding-left:5px;
	color:#FFFFFF;
}
footer ul li a:hover{
	color:#fdf402;
	text-decoration:none;
}
.txt_Heading{
	color:#1063C5;
	font-weight:700;
	padding-top:15px;
}
/* inner page
-------------------------------------------------- */
.inner-banner{
	width:100%;
	margin-bottom:20px;
	padding-top:40px;
}
.inner-banner img{
	width:100%;
	height:250px;
}
.inner-container h1{
	margin-bottom:30px;	
}
.inner-container img.cmd{
	border:#06257A double 7px;
	width: 50%;
}
.inner-container img.organization{
	border:#06257A double 7px;
	width: 100%;
}
.inner-container ul{
	padding:0;
	margin:0;
	display:block;
	overflow: hidden;
}
.inner-container ul li{
	width:100%;
}
.inner-container p{
	padding-bottom:15px;
}
.inner-container ul h4{
	display:block;
	width:100%;
}
.inner-container h5{
	font-weight:700;
}
.inner-container ul li{
	list-style-type: none;
	background:url(../images/arrow-blue.png) left 5px no-repeat;
	display:block;
	float:left;
	padding:0 0 10px 20px;
	font-weight:700;
}
.image-style{
	padding:5px 5px;
	background:#9BF0F1;
	border:#141414 4px double;
	width:80%;
}
.image-style img{
	width:100%;
}
.inner-container ul.two_column li{
	width:48%;
}
.inner-container ul li a:hover{
	text-decoration: none;
}
.inner-container table tr td a{
	color:#141414;
}
.inner-container table{
	margin-bottom:15px;
}
.inner-container table tr td{
	padding:5px 15px 5px 15px;
}
.inner-container table tr td a:hover{
	text-decoration: none;
	color:#094F68;
}
table tr td.box_2{
	background:#1968b3;
	color:#fff;
	padding:2px 0 2px 5px;
}
table tr td.box_5{
	text-align:center;
	border:#8DB9F5 2px solid;
	padding:2px 0 2px 5px;
}
table tr td.font_body{
	padding: 0px 15px 0 15px;
}

.galleryimg {
		padding-left: 9%;
}
.galleryimg_1 {
		padding-left: 9%;
}

.paddingleft0 {
	padding-left: 0;
	padding-top: 0;
	margin: 0;
}
.award-recog {
	top: 10%;
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	margin: auto;
	height: 350px;
	vertical-align:top;
	top: -10px;
}

.carousel-control.left,.carousel-control.right {
	background-image: none;
	filter: none;
	width: 5%;
	margin: 148px 0 0 0;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
	-moz-transition: opacity ease-in-out .3s;
	-o-transition: opacity ease-in-out .3s;
	-webkit-transition: opacity ease-in-out .3s;
	transition: opacity ease-in-out .3s;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
	-moz-transition: opacity ease-in-out .3s;
	-o-transition: opacity ease-in-out .3s;
	-webkit-transition: opacity ease-in-out .3s;
	transition: opacity ease-in-out .3s;
	z-index: 2;
}

.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right
	{
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right
	{
	opacity: 0.3;
}

.carousel-fade .carousel-control {
	z-index: 2;
}


/* Gallery */
.padding-row {
	padding-bottom: 10px;
}

.imgcontainer {
	border: 1px solid #e6e4e4;
	cursor: pointer;
    max-width: 244px;
    margin: 0px auto;
}

.imgcontainer:hover {
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

.imgcontainer:hover .search-icon {
	background: url("../images/gallery/zoom-icon.png") no-repeat center;
	display: block;
}

.imgcontainer img:hover {
	opacity: 0.8;
}

.search-icon {
	display: none;
	background: url("../images/gallery/zoom-icon.png") no-repeat center;
	position: absolute;
	top: 24%;
	right: 42%;
	height: 50px;
	width: 24%;
}

.award-recog {
	top: 10%;
}

.modal-close-ico {
	text-align: right;
	padding-bottom: 20px;
}

.close-icon {
	cursor: pointer;
}

.marginbtm0 {
	margin-bottom: 0;
}

.modal-content {
	border: none;
	border-radius: 0;
	background-color: transparent !important;
}

.modal-header {
	padding: 0px 0px 20px 0px;
	border-bottom: none;
	text-align: right;
}

.modal-body {
	padding: 0;
}

.modalimgcontainer {
	background-color: #fff;
}

.next-icon,.previous-icon {
	height: 59px;
	position: absolute;
	background-color: #fff;
	cursor: pointer;
}

.next-icon {
	right: 0;
}

.next-icon img,.previous-icon img {
	margin-top: 10px;
	margin-left: 9px;
}

.previous-icon img {
	margin-left: 4px;
}

.tower,.exhaust,.chimney,.field {
	display: none;
}
.img-width {
	width: 100%; 
	height: 150px;
}
.paginton {
	height: auto;
	width: 100%;
	text-align: right;
	/*padding-right: 40px;*/
	padding-bottom:15px;
}
.paginton span {
	padding: 4px 12px;
	border: 1px solid #e6e4e4;
}
.whitearrow {
	background-color: #0c6caf;
	margin-left: 20px;
}
.next-icon,.previous-icon {
	height: 59px;
	position: absolute;
	background-color: #fff;
	cursor: pointer;
}

.next-icon {
	right: 0;
}

.next-icon img,.previous-icon img {
	margin-top: 20px;
	margin-left: 9px;
}

.previous-icon img {
	margin-left: 4px;
}




	
	
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
.marketing .col-lg-4 ol{
	padding:0 0 20px 0;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
footer p.main{
	text-align:center;
	color:#003586;
}
.footer-link-wrap{
	background:#07335D;/* For browsers that do not support gradients */
	padding:10px 0 10px 0;
	margin:0 0 0px 0;
	border-top:#C5F2FB 2px solid;
    background: -webkit-linear-gradient(#141414, #07335D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#141414, #07335D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#141414, #07335D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#141414, #07335D); /* Standard syntax */
}

.footer-wrap{
	background:#aebecd;/* For browsers that do not support gradients */
	padding:3px 0 5px 0;
	margin:0 0 0px 0;
	border-top:#C5F2FB 2px solid;
    background: -webkit-linear-gradient(#aebecd, #7e8b96); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#aebecd, #7e8b96); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#aebecd, #7e8b96); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#aebecd, #7e8b96); /* Standard syntax */
}
.footer-wrap .container ul{
	padding:0;
	margin:0;
}

.footer-link-wrap .container h4{
	font-size:16px;
	font-weight:600;
	color:#fff;
}
.footer-link-wrap .container ul{
	padding:0;
	margin:0;
}
.footer-link-wrap .container ul li{
	list-style-type:none;
	background: url(../images/arrow-yellow.png) 0 5px no-repeat;
	padding:3px 0 5px 25px;
}
.footer-link-wrap .container ul li a{
	color:#FFF281;
}
.footer-link-wrap .container ul li a:hover{
	color:#B08803;
	text-decoration:none;
	
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 850px) {
  /* Navbar positioning foo */
  .logo-right{
	  display: block;
	  width: 90% !important;
	  text-align:center;
	  margin:10px 5% 0 5%!important;
	  border-radius:4px !important;
  }
  .logo-text{ 
	font-size:22px !important;
	font-weight:normal !important;
}
.logo-text p span{
	font-size:20px !important;
}
.logo-right{
	font-size:18px !important;
}
  .logo-texture{
	  padding:10px 10px !important;
	  width:100%;
  }
  .navbar-nav>li>a{
	padding:15px 10px !important;
}
 
 
 .whats-new-marquee{
	background:transparent;
	padding:5px 0 5px 0;
	float:left;
	font-size:11px;
	width: 300px;
}

.whats-new-marquee container{
    height:83px;	
}

.whats-new-marquee marquee{
	height:55px;
}

.whats-new-marquee ul{
	margin:0;
	padding-bottom: 5px;
	margin-left:0px;
	
}
.whats-new-marquee ul li{
	list-style-type: none;
}
.whats-new-marquee ul li a{
	color:#064473;
	padding-bottom: 5px;
	
}
/*.whats-new-marquee ul li{
	color:#064473;
	font-weight:14px;
}*/
.whats-new-marquee ul li a:hover{
	color:#06F;
	text-decoration:none;
}
 
 
}

@media (max-width: 1200px) {
  .navbar-nav>li>a{
	padding:15px 24px !important;
}
.navbar-nav>li>ul>a {
	padding: 13px 12px;
}

.logo-text{ 
	font-size:24px;
}


.whats-new-marquee{
	background:transparent;
	padding:5px 0 5px 0;
	float:left;
	font-size:11px;
	width: 300px;
}
.whats-new-marquee marquee{
	height:55px;
}

.whats-new-marquee ul{
	margin:0;
	padding-bottom: 5px;
	margin-left:0px;
	
}
.whats-new-marquee ul li{
	list-style-type: none;
}
.whats-new-marquee ul li a{
	color:#064473;
	padding-bottom: 5px;
}
/*.whats-new-marquee ul li{
	color:#064473;
	font-weight:14px;
}*/
.whats-new-marquee ul li a:hover{
	color:#06F;
	text-decoration:none;
}


}
@media (max-width: 1050px) {
.logo-text{ 
	font-size:16px;
	font-weight:700;
}
.logo-text p span{
	font-size:14px;
}
.logo-right{
	font-size:14px;
}
.logo-texture{
	  padding:10px 10px !important;
  }
  .navbar-nav>li>a{
	padding:15px 15px !important;
}
.front-marquee marquee ul li,.front-marquee marquee ul li a{
	float:left !important;
}


.whats-new-marquee{
	background:transparent;
	padding:5px 0 5px 0;
	float:left;
	font-size:11px;
	width: 300px;
}
.whats-new-marquee marquee{
	height:55px;
}

.whats-new-marquee ul{
	margin:0;
	padding-bottom: 5px;
	margin-left:0px;
	
}
.whats-new-marquee ul li{
	list-style-type: none;
}
.whats-new-marquee ul li a{
	color:#064473;
	padding-bottom: 5px;
	font-weight:11px;
}
/*.whats-new-marquee ul li{
	color:#064473;
	font-weight:14px;
}*/
.whats-new-marquee ul li a:hover{
	color:#06F;
	text-decoration:none;
}


}

@media (max-width: 1000px) {
	.navbar-nav>li>a{
	padding:15px 8px !important;
}
}
@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper .container {
	  text-align:center;
    
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  
  
  
  
  .whats-new-marquee{
	background:transparent;
	padding:5px 0 5px 0;
	float:left;
	font-size:11px;
	width: 300px;
}
.whats-new-marquee marquee{
	height:55px;
}

.whats-new-marquee ul{
	margin:0;
	padding-bottom: 5px;
	margin-left:0px;
	
}
.whats-new-marquee ul li{
	list-style-type: none;
}
.whats-new-marquee ul li a{
	color:#064473;
	padding-bottom: 5px;
	font-size:11px;
}
/*.whats-new-marquee ul li{
	color:#064473;
	font-weight:14px;
}*/
.whats-new-marquee ul li a:hover{
	color:#06F;
	text-decoration:none;
}
  
  
  
}

@media (min-width: 990px) {
  .featurette-heading {
    margin-top: 120px;
  }
  
  .gallery {
		height: 200px;
		padding-right: 18px;
	}
	.padding-row {
		padding-bottom: 18px;
	}
  
  
}

ul.nav .navbar-nav{
	margin:0 auto;
}
@media (max-width: 400px) {
.logo-wrapper a img{
	margin-left:40%;
}
.logo-text{
	font-size:20px;
	padding: 25px 0 0 8px;
	line-height:25px;
	color:#F00;
}
.logo-text p{
	text-align:center;
}
.logo-text p span{
	font-size:18px;
}
}
p.pull-right a:after{
	-webkit-transition: 2s ease-in;
    -moz-transition: 2s ease-in;
    -o-transition: 2s ease-in;
    transition: 2s ease-in;
}

		/* Popup container - can be anything you want */
		.popup {
			position: relative;
			display: inline-block;
			left: 50;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		  }
		  
		  /* The actual popup */
		  .popup .popuptext {
			visibility: hidden;
			width: auto;
			background-color: #555;
			color: #fff;
			text-align: center;
			border-radius: 6px;
			padding: 8px 0;
			position: absolute;
			z-index: 1;
			bottom: 125%;
			left: 50%;
			margin-left: -80px;
		  }
		  
		  /* Popup arrow */
		  .popup .popuptext::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #555 transparent transparent transparent;
		  }
		  
		  /* Toggle this class - hide and show the popup */
		  .popup .show {
			visibility: visible;
			-webkit-animation: fadeIn 1s;
			animation: fadeIn 1s;
		  }
		  
		  /* Add animation (fade in the popup) */
		  @-webkit-keyframes fadeIn {
			from {opacity: 0;} 
			to {opacity: 1;}
		  }
		  
		  @keyframes fadeIn {
			from {opacity: 0;}
			to {opacity:1 ;}
		  }

		  .popup table {
			  width: 100%;
			  border: 1px solid white;
			  caption-side: top;
		  }

		  .popup table caption{
			  text-align: center;
			  background-color: #0070c0;
			  color: white;
		  }

		  .popup table th {
			  padding: 5px;
		  }