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


body {
	background-color: #FFF;	
}

div.container-fluid {
	background: #e9e8e9 url(../../../widget/images/widget_bg.png) -300px 0 repeat-x ;
	border: 1px sold #FFF;
}

/*

Logos for mobile


**********************************************************/

	
.header span.nasa_logo {
	/*display: inline-block;*/
	background: url(../../../widget/images/nasa_mobile.png) no-repeat top left;
	/*width: 15%;
	padding-left: 30px;*/
	width: 35px;
	height: 39px;
	margin-top: 5px;
	margin-left: 0;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
}

.header h1.sts_logo {
	/*margin: 0;
	display: inline-block;*/
	background: url(../../../widget/images/spot_the_station_widget.png) no-repeat top right;
	width: 85%;
	height: 45px;
	margin-top: 4px;
/*		margin-right: -15px;*/
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}


.landing_page .bannerLogo { 
	display: none;
}

.landing_page .header h1.sts_logo {
	position: relative;
	left: auto;
}

.landing_page .header .nav {
	padding-left: 0;	
}


/*

Mobile navigations styling

**********************************************************/


.row.headerRow {
	margin-left: -15px;
	margin-right: -15px;
	height: 50px;
	overflow:hidden;
}
	
/*nav { height: 50px;}*/
	
.header {
	height: 50px;
	z-index: 2000;
	position:relative;
	background: url(../../../widget/images/banner.jpg) no-repeat center;
	border-bottom: none;
}

.navbar {
	border:none;	
}

	
.navbar-toggle .icon-bar {

	height: 2px;
	border-radius: 1px;
	/*margin-left: 25px;
	margin-right: 25px;*/
}
	
.banner,
.landing_page .banner {
	/*background: url(https://spotthestation.nasa.gov/widget/css/images/banner.jpg) no-repeat center;*/
	position: absolute;
	width: 100%;
	margin-bottom: 10px;
	background-position: right top;
	top: 0;
	height: 50px;
	z-index: 0;
	overflow:hidden;
	
 	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

/*.navbar-inverse .navbar-collapse*/



.navbar-collapse {
	width: 100%;
	position: absolute;
	background-color: #13438e;	
	left: 0;
	padding-left: 0;
	padding-right: 0;
	border-top: none;
	border-bottom: 1px solid #000;
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0);
    box-shadow: inset 0 1px 0 rgba(0,0,0,0);
}

.navbar-collapse.in {
    overflow-y: hidden;
}

.header .nav {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	/*border-bottom: 4px solid #6784b1;*/
}


.header .nav li {
	border-right: none;	
	
}

.header .nav a {
	background: none;
	width: 100%;
	/*padding-top: 15px;
	padding-bottom: 15px;*/
	padding-left: 15px;
	font-size: 26px;
	color: #FFF;
	
}
.navbar-inverse .navbar-nav>li>a
{
    color: #FFF;
}

.navbar-inverse .navbar-nav>li>a:hover
{
    color: #CCC;
	text-decoration: underline;
	background-color: #173a71;
}



.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus 
{

	background-color: #245399;
	text-decoration: none;
}



/*

Homepage Alert styling

**********************************************************/

.row.alertRow {
	margin-left: -15px;
	margin-right: -15px;
}

button.showAlert {
	left: 30px;
	margin-left: 0;
	position: absolute;
	/*height: 28px;*/
	z-index: 4000;
}

button.close {
	margin-right: -15px;
	margin-top: 0;

}


/*

Content styling for mobile

**********************************************************/

div.contentRow {
	/*background: #e9e8e9 url(../../../widget/images/widget_bg.png) -250px 0 repeat-x ;*/
	height: 380px;
	overflow:hidden;	
}


#content.content {
	min-height: auto;	
	padding-top: 5px;
	
}

div.contentRow.widgetAbout {
	height: 430px;
}

div.contentRow.widgetError .alert {
	margin-top: 10px;
	text-align: center;
}


	
.breadcrumb { display: none;}


/*div.contentRow { background-color: transparent;}*/

.content {
	border-left: 0;
	border-top: 0;
	font-size: 14px;
	background: none;
}

.content h2 {
	padding-top: 25px;
	margin-left: 0;
}

.support_material h3,
.card .cardContent h3 {
	padding-top: 25px;
	margin-top: 0;
}

.content blockquote {
	font-size: 1.5em;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;	
}

.support_material {
	border-top: 0;	
}

.ISSurls { 	display: none; }

.panel-info {
	margin-top: 15px;
}


/*

Single Sighting Widget View screen

**********************************************************/

div.sightingsIntro {
	/*padding-bottom: 5px;*/
}


div.sightingLocation {
	/*width: 278px;
	font-size:36px;	
	line-height: 16px;*/
	height: 73px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*padding-top:10px;*/
	
}

div.sightingLocation span {
	font-size:14px;	
}

div.sightingLocation div {
	width: 215px;
	height: 40px;
}

span#sightingCity {
	font-size:36px;
	text-align:left;
}


div.sightingLocation a small {
	font-size:14px;	
}

div.sightingLocation a.clearLocalStorage small {
	display: block;
	font-size: 10px;	
	/*line-height: 10px;*/
}

div.sightingDate {
	font-size:24px;	
	line-height: 26px;
	text-align: center;
	padding-top: 10px;
}

div.sightingTime {
	font-size:30px;	
	line-height: 32px;
	text-align: center;
	font-weight:bold;
	padding-bottom: 10px;
}

div.sightingData.well {
	/*background-color: #f3f3ae;*/
	background-color: #e3e3e3;
    border: none;
	color: #626144;
	font-size: 18px;
	line-height: 20px;
	/*text-align:center;*/
	font-weight: bold;
	margin-bottom: 10px;
}

div.sightingData.well.well-sm {
	padding: 0 0 10px 0;	
}

div.sightingVisible,
div.sightingHeight,
div.sightingAppears,
div.sightingDisappears {
	font-size: 30px;	
	padding-top: 5px;
}

div.sightingVisible span,
div.sightingHeight span,
div.sightingAppears span,
div.sightingDisappears span {
	display: block;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #666;
	padding: 10px 0;
}

div.sightingVisible small,
div.sightingHeight small,
div.sightingAppears small,
div.sightingDisappears small {
	font-size: 18px;	
	font-weight: normal;
}



div.sightingData span {
	
}


div.noSightingData {
	/*padding-top: 10px;*/
}

div.noSightingData p {
	padding: 10px 0;
	margin-bottom: 0;
}

div.noSightingData .img-thumbnail {
	padding: 2px;	
}



/*

Table styling for mobile

**********************************************************/


/*.showSightingTable {
	position: absolute;
	bottom: 0;
	left:0;
	z-index: 10000;	
}*/

.hideSightingTable {
	position: absolute;
	bottom: 0;
	height: 452px;
	left:0;
	z-index: 10000;	
	
}

.table-responsive {
	border: none;	
	margin-bottom: 0;
	background-color:#187cb8;
}

.table-responsive .locationTitle {
	height: 35px;
	width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px;
	color: #CCC;
}

.table-responsive button {
	position: absolute;
	right: 3px;
	top: 3px;	
}

.table-responsive p {
	display: none;	
}

.table-responsive table,
.table-responsive thead,
.table-responsive tbody,
.table-responsive th,
.table-responsive td,
.table-responsive tr {
display: block;
position:relative;
}

.table-responsive tr:first-child {
	position: absolute;
	left: -9999em;
}

.table-responsive table tr td {
	border: none;	
	padding: 0 10px;
	font-size: 12px;
	color: #FFF;
}

.table-responsive tr td:first-child {
	font-weight: bold;
	padding: 5px 5px;
	font-size: 14px;
}

.table-responsive tr td:last-child {
	position: absolute;
    top: 5px;
    right: 0px;
	width: auto;
}

.table-responsive table tr {
	border: none;
	border-top: 1px solid #6babd1;	
	padding: 0 10px;
}
.table-responsive table tr:last-child {
	border-bottom: 1px solid #6babd1;
}

/*.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #CCC;
}*/

.table-striped > tbody > tr:nth-of-type(even) {
  /*background-color: #FFF;*/
  background-color: #3e93c4;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent;
}

.content table tr td:last-child {
	padding-right: 5px;
} 
.content table tr td:last-child:hover {
	background: trasparent !important;
	border: none;
} 

.content table tr td a i {
	font-size: 1.75em;	
	margin-top: 1em;
}

.content table td + td + td + td + td {
  padding-bottom: 5px;
}

.content table td + td + td + td + td +td {
  display: none;
}

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: transparent;
}


/*.table-striped tbody tr:nth-child(odd):hover td {
   background-color: #F9F9F9;
}*/

/*

Footer styling for mobile

**********************************************************/

div.footer {
	height: 20px;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: -15px;
    margin-right: -15px;	
	background-color: #CCC;
}

.footer div span {
	font-size: 10px;
	color: #333;	
	
}

.footer a {
	color: #000;	
}