@charset "utf-8";
/*--------------------------------------------------------------------
[NASAlization Screen Stylesheet]

Project:	NASAlization Template
Version:	1.0
Created:	10/24/2008
Last change: 02/07/2011 - Modified form#search .centerSelect to align control with other bar controlled in both vertical alignment and height
					 - Modified form#search .formInput and form#search .search to correct improper IE display
Author:		Pierre A. Gravelat
Author Email:	Pierre.Gravelat-1@ksc.nasa.gov
Primary use:	pages and application screens using the NASAlization L&F.
------------------------------------------------------------------------*/

/* --- [Table of contents] --- */
0.  Reset
1.  Body
2.  Titles and headers
	 2.1 h1
	 2.3 h2
3.  Links
	 3.1 links
	 3.2 visited
	 3.3 hover
	 3.4 focus
	 3.5 active
	 3.6 functional areas links / #pagename #subNumber
4.	General Shared Styles
5.	page Background Image / pageBg
6.  Outer wrapper / #outerWrapper
7.	 Header / #header
	 7.1 NASA Logo / #nasalogo
	 7.2 Top navigation Container / .topNavContainer
	 	7.2.1 Top navigation Container Links
		7.2.2 Home Navigation Area / #topNavHome
		7.2.3 News navigation Area / #topNavNews
		7.2.4 Mission Navigation Area / #topNavMission
		7.2.5 Multimedia Navigation Area / #topNavMultimedia
		7.2.6 About NASA Navigation Area / #topNavAbout
		7.2.7 Collaborate Navigation Area / #topNavCollaborate
	7.3 Login and Search Bar Container / #loginSeqarchbar
		7.3.1 Login Container / #login
		7.3.2 Search Container / #search
		7.3.3 Search Form
	7.4 Mid Navigation Container / #midNavigation
		7.4.1 Mid Navigation Container List
		7.4.2 Page Bookmarking Module / #grabpage
			7.4.2.1 Bookmark Option Pop-Up Window / #bookmarkDetail
8.	General Left Column Styles
9.  Side Navigsation / #leftColumn1
	 9.1 First navigation Item / .firstItem
	 9.2 Regular navigation Items
	 9.3 Last Navigation Item / .lastNav
10.	Left Columm Info Box / #sideInfo#
11.	Content Area / #content
	 11.1 Content Area Lower Divider / .clearFloat
12.	Footer / #footer
	 12.1 NASA Logo / .nasa_logo_footer	
	 12.2 Footer Container / .footerContainer
	 	12.2.1 Footer Container 1 / #container1
		12.2.2 Footer Container 2 / #container2
		12.2.3 Footer Container 3 / #container3
		12.2.4 Footer Container 4 / #container4

/*--- [Color codes]  
Blue grey (body background color): #333333
White (default font, default headers, navigation header text): #fff
Black (default links - all states): #000
Medium grey (header background): #ddd 
Dark grey (header bottom border left column right border, right column left border): #666666
Light blue grey (background columns, content and footer): #d6dce0
Dark blue (content headers): #384d60 
Maroon (current page indicator in sub pages): #8A0806
*/  

/*--- [0 . Reset ] ---*/
/* Rudimentary reset rule - based upon the YUI reset styles. */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
	}
table{
	border-collapse:collapse;border-spacing:0;
	}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,textarea,select{
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend{
	color:#000;
}
/*--- END Reset ---*/



/*--- [1 . Body] ---*/
body {
  background: #000 url(../graphics/body_bg.jpg) top left repeat;
  color: #000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
/*--- END Body ---*/

/*--- [2 . Titles and headers] ---*/
h1 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  margin: 0;
  padding: 0;
}
h2 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  margin: 0;
  padding: 0;
}
h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/*  END Titles and Headers */

/*--- [3 . Links] ---*/
a,  a:link {
  color: #000;
  text-decoration: none;
}
a:visited {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
a:focus {
  color: #000;
}
a:active {
  color: #000;
}
/* End Links */

/*--- [4 . General Shared Styles ---*/
.hide {
	display: none;
	}
strong {
	font-weight: bold;
}
h1, h2, h3, .strong {
	font-weight:bold;
}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
/* END general shared styles */

/*--- [5 . Page Background Image] ---*/
#pageBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
	background: #000 url(../graphics/bg_image.jpg) top center no-repeat;
	z-index: 0;
}
/* END Page Background Image */

/*--- [6 . Outer Wrapper] ---*/
#outerWrapper {
  position: relative;
  background-color: transparent;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 952px;
  z-index: 10;
}
/* END Outer Wrapper */

/*--- [7 . Header] ---*/
#outerWrapper #header {
  background-color: #2e2e2e;
  border-bottom: solid 1px #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 15px;
  margin: 8px 0 0 0;
  padding: 0;
}

/*--- [ 7.1 NASA Logo] ---*/
.nasaLogo {
background:transparent url(../graphics/header_logo.gif) no-repeat scroll 0;
display:block;
margin: 0;
padding: 0;
height:98px;
width:140px;
}

/*--- [ 7.2 Top Navigation Container] ---*/
.topNavContainer {
	position: absolute;
	top: 0;
	*top: 10px;
	width: 135px;
	height: 65px;
	text-align: center;
	border-right: solid 1px #3b3b3b;
	background: #2e2e2e url(../graphics/menuGradientTop.jpg) top center repeat-x;
}

.topNavContainer:hover {
	background: #2e2e2e url(../graphics/menuGradientHover.jpg) top center repeat-x;
}
/*--- [ 7.2.1 Top Navigation Container Links ] ---*/
.topNavContainer a, .topNavContainer a:link, .topNavContainer a:hover, .topNavContainer a:visited, .topNavContainer a:active {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: auto 0;
	line-height: 74px;
	text-decoration: none;
}

/*--- [ 7.2.2 Home Navigation Area ] ---*/
#topNavHome {
	margin-left: 140px;
}

/*--- [ 7.2.3 News Navigation Area ] ---*/
#topNavNews {
	margin-left: 276px;
}

/*--- [ 7.2.4 Missions Navigation Area ] ---*/
#topNavMissions {
	margin-left: 412px;
}

/*--- [ 7.2.5 Multimedia Navigation Area ] ---*/
#topNavMultimedia {
	margin-left: 548px;
}

/*--- [ 7.2.6 About NASA Navigation Area ] ---*/
#topNavAbout {
	margin-left: 684px;
}

/*--- [ 7.2.7 Collaborate Navigation Area ] ---*/
#topNavCollaborate {
	margin-left: 820px;
}

#helpPreferences a, #helpPreferences a:link, #helpPreferences a:visited, #helpPreferences a:active, #login a, #login a:link, #login a:hover, #helpPreferences a:visited, #login a:active {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #b2b2b2;
	font-weight: normal;
	padding: auto 0;
	text-decoration: none;
}

#helpPreferences a:hover, #login a:hover {
	color: #fff;
	}
/* END Top navigation Container */

/*--- [ 7.3 Login and Search Bar Container] ---*/
#loginSearchbar {
	position: absolute;
	top: 65px;
	*top: 75px;
	margin-left: 140px;
	width: 815px;
	height: 33px;
	background: #000;
}

/*--- [ 7.3.1 Login Container] ---*/
#loginSearchbar #login {
position: absolute;
left: 0;
	width: 406px;
	height: 33px;
	padding: 0 0 0 0;
	line-height: 33px;
	text-align: left;
	color: #b2b2b2;
	font-size:12px;
}

/*--- [ 7.3.2 Search Container] ---*/
#loginSearchbar #search {
	position: absolute;
	top: 0;
	left:407px;
	height: 33px;
	width: 406px;
	padding: 0 0 0 0;
	margin: 0;
	line-height:33px;
	text-align: right;
	color: #b2b2b2;
	font-size:12px;
}

/*--- [ 7.3.3 Search Form] ---*/
#search form{
position: relative;
}
form#search {
	position: relative;
}
form#search label {
	display: none;
	}
form#search .formInput {
	padding: 0;
	margin: 0;
	*margin-top: 5px;
	*height: 15px;
	border-left: #acacac 1px solid;
	
	}
form#search .centerSelect {
 background-color: #b7b6b6;
 border: none;
 vertical-align: top;
 margin-top: 7px;
 *margin-top: 6px;
 height: 19px;
 *height: 20px;
 }
form#search .search {
	position: relative;
	top: 5px;
	*top: 4px;
	padding: 0;
}

/* END login and search bar container */

/*--- [ 7.4 - Mid Navigation Container] ---*/
#outerWrapper #midNavigation {
  background-color: #2e2e2e;
  height: 31px;
  margin: 0 0 8px 0;
  padding: 0;
}

/*--- [ 7.4.1 - Mid navigation Container List ] ---*/
#outerWrapper #midNavigation ul li {
	display: inline;
	list-style: none;
	line-height: 31px;
	font-size: 12px;
	color: #fff;
	padding: 0 7px;
	border-right: 1px solid #b2b2b2;
}

#outerWrapper #midNavigation ul li.lastItem {
	border-right: 0px;
}

#outerWrapper #midNavigation ul li a, #outerWrapper #midNavigation ul li a:active, #outerWrapper #midNavigation ul li a:visited {
	color: #99ccff;
	text-decoration: none;
}

#outerWrapper #midNavigation ul li a:hover {
	text-decoration: underline;
}
/* END Mid NAvigation List */

/*--- [ 7.4.2 - Page Bookmarking Module ] ---*/
#outerWrapper #grabpage {
	position: absolute;
	top: 100px;
	left: 800px;
	float: right;
	*padding-top: 5px;
}

#outerWrapper #grabpage ul li {
	display: inline;
	list-style: none;
	line-height: 31px;
	font-size: 12px;
	color: #fff;
	padding: 0 5px 0 19px;
}
.send  {
	background: transparent url(../graphics/arrow_ico.jpg) left no-repeat;
}

.bookmark {
	background: transparent url(../graphics/bookmark_ico.jpg) left no-repeat;
}

.send a, .send a:link, .send a:visited, .send a:active, .bookmark a, .bookmark a:link, .bookmark a:visited, .bookmark a:active{
	color: #b2b2b2;
	text-decoration: none;
}

.send a:hover, .bookmark a:hover {
	text-decoration: underline;
}

/*--- [ 7.4.2.1 - Bookmark Option Pop-Up Window ] ---*/
#bookmarkDetail {
	visibility: hidden;
	position: absolute;
	left: 805px;
	top: 125px;
	width: 180px;
	height: 295px;
	padding: 20px 5px 5px 5px;
	background: transparent url(../graphics/bookmarkDropDown_bg.gif) top left no-repeat;
	color: #fff;
}

#bookmarkDetail a, #bookmarkDetail a:link, #bookmarkDetail a:visited {
	color: #99ccff;
	text-decoration: none;
}

#bookmarkDetail a:hover {
	text-decoration: underline;
}

#bookmarkDetail p {
	margin: 2px;
}

#bookmarkDetail p.greyEmphasis {
	width: 90%;
	margin-top: 10px;
	padding: 3px;
	background-color: #333333; 
}
.myNASA {
	padding-left: 40px;
	padding-top: 15px;
	height: 31px;
	background: transparent url(../graphics/nasa_ico.jpg) left no-repeat;
}

.diggit{
	padding-left: 20px;
	padding-top: 1px;
	height: 14px;
	background: transparent url(../graphics/diggIt_ico.jpg) left no-repeat;
}

.delicious{
	margin-top: 3px;
	padding-left: 20px;
	padding-top: 1px;
	height: 14px;
	background: transparent url(../graphics/delicious_ico.jpg) left no-repeat;
}
.stumbleUpon{
	margin-top: 3px;
	padding-left: 20px;
	padding-top: 1px;
	height: 14px;
	background: transparent url(../graphics/stumbleUpon_ico.jpg) left no-repeat;
}
.technorati{
	margin-top: 3px;
	padding-left: 20px;
	padding-top: 1px;
	height: 14px;
	background: transparent url(../graphics/technorati_ico.jpg) left no-repeat;
}
.yahoo{
	margin-top: 3px;
	padding-left: 20px;
	padding-top: 1px;
	height: 14px;
	background: transparent url(../graphics/yahoo_ico.jpg) left no-repeat;
}
/* END Bookmark Option Pop-Up Window */

/* END Page Bookmarking Module */

/* END header */

/*--- [ 8 - General Left Column Styles ] ---*/
#leftColumn1 p {
	padding: 5px;
	font-family: inherit;
	color: #fff;
}
/* END General Left Column Styles */

/*--- [ 9 - Side Navigation ] ---*/
#outerWrapper #contentWrapper #leftColumn1 {
  background: transparent url(../graphics/topNav_gradient_r1_c1.gif) top no-repeat;
  float: left;
  padding: 0;
  width: 232px;
}

/*--- [ 9.1 - First navigation Item] ---*/
#leftColumn1 ul li.firstItem {
	padding: 0 0 0 0;
	margin: 3px 0 0 0;
	height: 40px;
	background: #2e2e2e url(../graphics/firstNavItem.jpg) top no-repeat;
	color: #fff;
	border-bottom: solid 1px #434343;
	border-left: none;
	border-right: none;
	border-top: none;
}

#leftColumn1 ul li.firstItem a{
	padding: 25px 0 0 7px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}

/*--- [ 9.2 - Regular navigation Items] ---*/
#leftColumn1 ul li{
	height: 23px;
	padding: 10 0 0 0;
	margin: 0;
	background-color: #2e2e2e;
	color: #fff;
	border-bottom: solid 1px #434343;
	border-left: solid 1px #383838;
	border-right: solid 1px #383838;
	border-top: solid 1px #1c1c1c;
}

#leftColumn1 ul li a, #leftColumn1 ul li a:active, #leftColumn1 ul li a:visited, #leftColumn1 ul li.lastNav a, #leftColumn1 ul li.lastNav a:active, #leftColumn1 ul li.lastNav a:visited{
	height: 23px;
	width: 100%;
	padding: 0 0 0 22px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	font-weight: normal;
}

#leftColumn1 .leftNav li a, #leftColumn1 .leftNav li a:active, #leftColumn1 .leftNav li a:visited, #leftColumn1 ul li.lastNav a, #leftColumn1 ul li.lastNav a:active, #leftColumn1 ul li.lastNav a:visited {
	font-weight: bold;
}

#leftColumn1 ul li:hover {
	background: #252525 url(../assets/graphics/regularMenu_bg.gif) top no-repeat;
}

/*--- [ 9.3 - Last navigation Item] ---*/
#leftColumn1 ul li.lastNav {
	padding: 0 0 3px 0;
	margin: 0;
	height: 23px;
	background: #2e2e2e url(../graphics/bottomNav_gradient_r1_c1.gif) bottom no-repeat;
	color: #fff;
	border-left: solid 1px #383838;
	border-right: solid 1px #383838;
	border-top: solid 1px #1c1c1c;
	border-bottom: none;
}
/* END Side navigation */

/*--- [ 10 - Left Column Info Box] ---*/
#sideInfo{
	margin: 8px 0 0 0;
	padding: 3px 0 0 0;
	background: transparent url(../graphics/blueBoxBody.jpg) no-repeat 0px 3px;
}

#sideInfo2, #sideInfo3 {
	margin: 0;
	padding: 0;
	background: #001f33 url(../graphics/blueBoxBody.jpg) repeat-x;
}

#sideInfo h3 {
	margin: 0;
	padding: 5px 0 0 7px;
	background: transparent url(../graphics/blueBoxTop.jpg) top no-repeat;
	font-family: inherit;
	font-size: 14px;
	color: #fff;
}

 #sideInfo2 h3, #sideInfo3 h3 {
 	padding: 8px 0 0 7px;
	background: transparent;
	font-family: inherit;
	font-size: 14px;
	color: #fff;
 }

#sideInfo ul li, #sideInfo2 ul li, #sideInfo3 ul li{
	padding: 5px 5px 5px 10px;
	background: transparent;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	color: #99ccff;
}

#sideInfo3 ul li.twit {
	margin:0 0 0 10px ;
	padding-left: 24px;
	background: transparent url(../graphics/twitter.jpg) left no-repeat;
}

#sideInfo3 ul li.uTube {
	margin:0 0 0 10px ;
	padding-left: 24px;
	background: transparent url(../graphics/youtube.jpg) left no-repeat;
}

#sideInfo3 ul li.faceBook {
	margin:0 0 0 10px ;
	padding-left: 24px;
	background: transparent url(../graphics/facebook.jpg) left no-repeat;
}

#sideInfo3 ul li.rssFeed {
	margin:0 0 0 10px ;
	padding-left: 24px;
	background: transparent url(../graphics/feed-icon-14x14.png) left no-repeat;
}

#leftColumn1 #sideInfo ul li:hover, #leftColumn1 #sideInfo2 ul li:hover, #leftColumn1 #sideInfo3 ul li:hover {
 background-color: transparent;
 }
 
#leftColumn1 #sideInfo ul li a, #leftColumn1 #sideInfo ul li a:active, #leftColumn1 #sideInfo ul li a:visited, #leftColumn1 #sideInfo ul li.lastNav a, #leftColumn1 #sideInfo ul li.lastNav a:active, #leftColumn1 #sideInfo ul li.lastNav a:visited, #leftColumn1 #sideInfo3 ul li a, #leftColumn1 #sideInfo3 ul li a:active, #leftColumn1 #sideInfo3 ul li a:visited{
	height: 23px;
	width: 100%;
	padding: 0;
	font-size: 11px;
	line-height: 20px;
	color: #99ccff;
}


#leftColumn1 #sideInfo2 a, #leftColumn1 #sideInfo2 a:active, #leftColumn1 #sideInfo2 a:visited, #leftColumn1 #sideInfo3 ul li a, #leftColumn1 #sideInfo3 ul li a:active, #leftColumn1 #sideInfo3 ul li a:visited {
	color: #99ccff;
}

/* END left Column Info Box */

/*--- [ 11 - Content Area ] ---*/
#outerWrapper #contentWrapper #content {
  background: #e4e4e4;
  margin: 0 0 0 240px;
  padding: 10px 10px 10px 10px;
}

/*--- [ 11.1 - Content Area Lower Divider ] ---*/
#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}

/* END Content Area */

/*--- [ 12 - Footer ] ---*/
#outerWrapper #footer {
  background-color: #2e2e2e;
  width: 952px;
  padding: 0;
  margin: 23px 0 20px 0;
}
/*--- [ 12.1 - NASA Logo ] ---*/
a.nasa_logo_footer {
	background:#1D1D1D url(../graphics/footer_logo.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:98px;
	width:140px;
}
/*--- [ 12.2 - Footer Container ] ---*/
.footerContainer {
	float: left;
	width: 201px;
	height: 98px;
	margin: 0;
	padding: 0;
	background-color: #1d1d1d;
	color: #b2b2b2;
	border-left: 1px solid #1a1a1a;
	border-right: 1px solid #383838;
}

.footerContainer p {
	padding: 5px 0 0 7px;
	}
	
.footerContainer ul li {
	background: transparent url(../graphics/footer_rsaquo.gif) no-repeat scroll 0 5px;
	padding: 0 0 0 7px;
	margin: 3px 0 0 6px;
}

.footerContainer a, .footerContainer a:active, .footerContainer a:visited {
	color:#b2b2b2;
	text-decoration: none;
	font-family: arial;
	font-size: 10px;
	line-height: 11px;
}
.footerContainer a:hover {
	color: #fff;
	text-decoration: underline;
}
/*--- [ 12.2.1 - Footer Container 1 ] ---*/
#container1 {
	left: 141px;
}
/*--- [ 12.2.2 - Footer Container 1 ] ---*/
#container2 {
	left: 345px;
}
/*--- [ 12.2.3 - Footer Container 1 ] ---*/
#container3 {
	left: 547px;
}
/*--- [ 12.2.4 - Footer Container 1 ] ---*/
#container4 {
	left: 750px;
}

#leftColumn1 ul li.currentItem a {
	color: #99CCFF;
}

/* END Footer */