/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

body {
	background: black;
	background: black;

}
#admin-menu {font-size: 16px !important;}
#admin-menu ul {line-height: 1.6em;}


.cke_show_borders, .mceContentBody  {background-color: white; }
#edit-body-wrapper {}
a,
a:visited {
  color: #314C74;
  text-decoration: none;
}
a:hover,
a.active {
  color: #000;
}
#header-group {
	margin-top:20px;
	background: white;
	border-radius: 10px 10px 0px 0px;
}
#nasa_logo {position: relative; left: 822px; top: 30px;width: 125px; margin: 10px 0px ; overflow: visible; }
#main {
background: white;
}
#main-inner { border-bottom: 6px solid white;}
.not-front #main-content-inner #content-inner-inner{ padding: 10px;}
.not-front #main-content-inner h1 { font-weight: bold; background-color: #6a8b75; border: 1px solid black; padding: 4px; margin-left: -14px; padding-left: 14px; margin-top: -8px;  width: 692px;}
.not-front #main-content-inner h2 { border-bottom: 1px solid black; margin-bottom: 4px;padding-top: 5px;}
.not-front #main-content-inner .content  h2 + p{ margin-top: 5px;}
#header-group {
	padding-top: 6px;
	padding-bottom: 6px;
}
#header-group-inner {
	background: #efefef;
	background-image: url("/ces/nasa/images/header_2.gif");
	height: 195px;
}
body.front .row , body.front .block{ overflow: visible ;}
body.front #main {
	overflow: visible;
}
body.front #header-group {
	overflow: visible;
}
body.front #header-group-inner {
	background-image: url("/ces/nasa/images/header.gif");
}

#header-bar {
	background-color: #45662E;
	background-color: black;
	color: white; font-size: 18px;
	height: 40px;
	margin: 0px 6px;
	width: 948px;
	border-top-left-radius: 15px;
}
#header-bar h1 {
	font-size: 22px;
	line-height: 40px;
	text-align: center;
}
#primary-menu-inner {
	background: #00345A;
	color: white;
}
.content-content {
}
.front .content-content {
	border: 0px;
}
#sidebar-first {
	background-color: black;
	background-color: black;
	background: black url("/ces/nasa/images/left_col_bg.gif") 0 0 repeat-y;
}
#sidebar-first .block .inner { margin-right: 2px;}
#sidebar-first .block .title {
	padding-left: 4px;
	margin: 0px 4px 0px 10px;
	background-color: #DEDEDE;
}
#sidebar-first .block .content{
	padding-left: 2px;
	margin: 0px 4px 10px 5px;
}

#primary-menu-wrapper { 
	background: white;
}
#primary-menu {
	margin: 0px auto;
}
#secondary-menu {
	width: 315px;
	font-size: 11px;
	font-weight: bold; 
	float: right;
	margin-right: -18px;
}
#secondary-menu ul li { background-color: #1818a0; color: white; float: left; display: inline; margin-left: 1px; border: 1px solid black; }
#secondary-menu  ul li a { display: block; text-decoration: none;padding: 3px; color: white;}
#secondary-menu  ul li a:hover { background-color: #CCC; color: #333;}

#postscript-bottom {
	background-color: white;

}
#postscript-bottom-inner {
	margin: 0px 6px 6px;
	border: 1px solid #272727;
}
body.front .intro {
	width: 946px !important;
	height: 50px;
	position: relative;
	overflow:visible;
	padding-top: 4px;
	margin: -60px 0 3px;;
	background-color: white;
	border-top-right-radius: 24px;	border-top-left-radius: 24px;	
	-webkit-border-top-right-radius: 24px; -webkit-border-top-left-radius: 24px;
	
}
body.front .intro-inner {
	background-color: black;
	color: white;
	width: 946px;
	height: 50px;
	text-align: center;
	z-index: 20;
	border-top-right-radius: 24px;	border-top-left-radius: 24px;	
	-webkit-border-top-right-radius: 24px; -webkit-border-top-left-radius: 24px;
}
body.front .intro a { color: white; display: block;height: 46px; padding-top: 4px; 
	border-top-right-radius: 24px;	border-top-left-radius: 24px;	
	-webkit-border-top-right-radius: 24px; -webkit-border-top-left-radius: 24px;
}
body.front .intro a:hover { color: white;background-color: #37787f;
	border-top-right-radius: 24px;	border-top-left-radius: 24px;	
	-webkit-border-top-right-radius: 24px; -webkit-border-top-left-radius: 24px;
}

body.front .box {
  display: inline;
  float: left;
  width: 188px;
  width: 156px;
  background-color: black;
  color: white;
  margin: 0px 2px 3px 0px;
  overflow:hidden;
  height: 156px;
}
body.front .box a { color: white;}
body.front .box a:hover { text-decoration:none; background-color: #37787f;}
body.front .box:hover   {  background-color: #37787f;}
.box h2 {font-size: 18px; padding: 25px 5px; text-align: center; font-weight: 500;}

.box_6 {margin-right: 0px !important;}
body.front .box_7 { width: 946px ; height: 50px; margin-left: 0px ;
	border-bottom-right-radius: 24px;	border-bottom-left-radius: 24px;	
	-webkit-border-bottom-right-radius: 24px; -webkit-border-bottom-left-radius: 24px;
}
.box_7 h2 { padding: 5px;}

#block-menu_block-1 .inner .content { background-color: black; color: white; margin: 0px; padding:0px;}
#block-menu_block-1 a {color: white; font-weight: bold;}
#block-menu_block-1 a:visted {color: white;}

#block-menu_block-1 a { text-decoration: none; display: block; padding: 2px; margin: 0px; padding-bottom: 4px;}
#block-menu_block-1 ul { 
	margin-left: 0px; 
	background: #DDD; 
	border-top: 1px solid #DDD; 
	border-right: 1px solid #DDD; 
	border-bottom: 1px solid #DDD;
	border-radius: 0px 15px 15px 0px;
} 
#block-menu_block-1 ul li {   padding: 0px; padding-left: 5px;margin: 1px 0px; list-style-type: none; list-style-image: none;background: #1F6687; }
#block-menu_block-1 ul li.first { border-top-right-radius: 15px;}
#block-menu_block-1 ul li.first a:hover { border-top-right-radius: 15px;}
#block-menu_block-1 ul li.last { border-bottom-right-radius: 15px;}
#block-menu_block-1 ul li.last a:hover { border-bottom-right-radius: 15px;}

#block-menu_block-1 li.active { background-color: #BDBA86; color: #272727;}
#block-menu_block-1 li.active a { color: #272727; font-weight: bold; }
#block-menu_block-1 a:hover { background-color: #BDBA86; color: #222; margin-left: -5px;}

#block-menu_block-1 ul li ul { border: 0px; border-radius: 0px;  background-color: #DDD;}
#block-menu_block-1 ul li ul li {   padding: 0px; padding-left: 10px;margin: 1px 0px 0px ; list-style-type: none; list-style-image: none;
background: #2d724b; 
background: #DEDBAE;
background: #D58529;
background: #527787;
background: #82A28A;
background: #1F6687;
border-left: 8px solid #1F6687;
border-right: 8px solid #1F6687;
border-bottom: 8px solid #1F6687;
}

#block-menu_block-1 ul li ul li.first { border-top-right-radius: 0px;}
#block-menu_block-1 ul li.first a:hover { border-top-right-radius: 0px;}
#block-menu_block-1 ul li.last { border-bottom-right-radius: 0px;}
#block-menu_block-1 ul li.last a:hover { border-bottom-right-radius:0px;}

#block-menu_block-1 ul li ul li { font-size: 12px;}
#block-menu_block-1 ul li ul li.active { background-color: #BDBA86; color: #272727;}
#block-menu_block-1 ul li ul li.active a { color: #272727; font-weight: bold; }
#block-menu_block-1 ul li ul li a:hover { background-color: #BDBA86; color: #222; margin-left: -5px;}

.view-display-id-attachment_2 .row-active td {background-color: yellow !important;}

.content .cck-odd  { background-color: #EEE; }
.content .cck-even { background-color: white; }

.field-item {border: 1px solid #EFEFEF; margin-bottom: 3px;}
.field-label-inline-first { float: left;width: 140px; }

.view-display-id-attachment_1 .view-header {position: relative; left: 0px; top: 18px;}
.view-display-id-page_1 .view-header  h2 { padding: 2px; margin-bottom: 0px; background: white url('/ces/nasa/images/bg-shade-light.html') repeat-x 0 100%; border: 1px solid #DDD;}
.view-display-id-page_1 .view-content .views-table {margin-top: 0px;}
.view-display-id-page_1 .view-content .views-table th {}
.view-display-id-page_1 .view-content .views-table a {display: block;}



.deck-container {
  float: left;
  width: 867px;
  max-width: 867px;
  height: 550px;
  font-size: 14px !important;
  border-top: 1px solid #EFEFEF;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.slide {padding: 10px !important; background:transparent !important;}
#test .deck-container {
  float: left;
  width: 800px;
  max-width: 800px;
  margin: 50px auto 24px 50px;
  height: 550px;
  font-size: 16px !important;
  border-top: 1px solid #EFEFEF;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}



.clear { clear: both;}
.content_photo_left {
      	float: left;
	margin-top: 10px;
	margin-right: 15px !important;
}
.content_photo_right {
	
        float: right;
	margin-top: 10px;
        margin-left: 15px !important;
}

#intro .content_photo_left { margin-top: 0px; border-right: 1px solid black; border-bottom: 1px solid black;}
#intro .content_photo_right{ margin-top: 0px; border-left: 1px solid black; border-bottom: 1px solid black;}
#intro .shadow { 
	float: left;
	box-shadow: 5px 5px 5px  #A0A0A0; 
	border: 1px solid #a0a0a0;
	margin-bottom: 30px;
}
#intro .shadow p { padding: 2px 10px; margin: 0px;}
#intro .shadow:after {clear: both;}

.slide p { padding: 0 15px;}
#slide-3 .s3-main {width: 310px; float: left; border: 1px solid black; padding: 5px;}
.s5-p1 {float: left; width: 75px;} 
.s5-p1 img {border: 1px solid black;}
.s5-ct {float: left; width: 525px; text-align: center; padding-top: 0px;}
.s5-p2 {float: left; width: 75px;}
.s5-p2 img {border: 1px solid black;}

.slide table { border: 1px solid #A0A0A0;}
.slide table th     {text-align: center; background: #EFEFEF; border: 1px solid #A0A0A0;}
.slide table th.odd {text-align: center; background: white; border: 0px solid #A0A0A0;}
#slide-5 tr { vertical-align: middle; text-align: center; border: 1px solid #DDD;}
#slide-5 td.odd {background-color: #F8F8f8; }
#slide-5 td.even {background-color: #333; color: white;padding-top: 5px;}


.pullquote  { 
	float: right; 
	width: 260px; 
	border: 2px solid black;
	box-shadow: 2px 2px 2px black;
	border-radius: 15px; 
	margin: 20px !important; 
	background-color: #EFEFEF; 
	background-color: #CEE3F8; 
	color: #333;
	padding: 10px !important;
}
.p10 { margin: 10px auto;float: left;  font-size: 18px !important; background-color: #FEFEFE;}
.p10 h3 { 
	padding: 10px 10px 0px; 
	text-align: center;
}

   .slide-out-div {
	margin-left: -6px;
	background: black; color: white;border:1px solid black;
	width: 245px; padding: 0px;    
      padding: 00px;
	  z-index: 12;
      }      
.block { overflow: visible;}

body.node-type-deck-slider  {z-index: 100;}
.module .content-group-inner {  width: 948px !Important; margin: 0 6px; overflow: hidden;}
.module .content-inner-inner h1 {margin-left: 45px;}
.module .content-inner-inner .content-content {margin-left: 45px;}
body.node-type-deck-slider .content-group-inner {  width: 948px !Important; margin: 0 6px; overflow: hidden;}
body.node-type-deck-slider .content-group-inner #content-tabs { margin-left: 45px !important;}
body.node-type-deck-slider h1 { margin-left: 45px !important;}


.block-advancedbookblocks ul { margin-left: 4px; list-style-type: none; padding: 2px;}
.block-advancedbookblocks ul >li {  font-weight: bold; background-color: #37787f; margin: -2px -2px -2px -8px;}
.block-advancedbookblocks ul >li a { color: white;}
.block-advancedbookblocks ul ul {  background-color: #DEDEDE;
    margin-left: -2px;
    width: 100%; }
.block-advancedbookblocks ul ul ul li {
    background-color: black;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 15px;
}
.block-advancedbookblocks ul ul li  {border-top: 1px solid black; border-bottom: 1px solid black; background-color: #37787F;}
.block-advancedbookblocks ul ul li a { font-weight: bold; color: white;}
.block-advancedbookblocks a:active { background-color: #d4d4d4; color: black; }
.block-advancedbookblocks ul ul li ul { margin-left: 8px;;}
.block-advancedbookblocks ul ul li ul li { padding: 2px 0px;background-color: white;border-top: 1px solid black; border-bottom: 1px solid black; font-size: 12px;font-weight: normal;}
.block-advancedbookblocks ul ul li ul li.active {background-color: #C6DADB;}
.block-advancedbookblocks ul ul li ul li.active a { color: black; font-weight: bold;}



.quote_box {
border: 1px solid #17375E;
background: #b9cde5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5Y2RlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #b9cde5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b9cde5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #b9cde5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #b9cde5 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #b9cde5 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(left,  #b9cde5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9cde5', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

.quote_box img {border: 1px solid black;}
.quote_box p { padding: 3px; margin: 2px;}
#quote_4_1 img { border-right: 0px; border-top: 0px; margin-top: 0px; margin-bottom: 24px;}
#table_4_2 {width: 70%;margin: 0px auto; text-align: center; border: 1px solid black;}
#table_4_2 th { border: 1px solid black;text-align: center; background-color: #C6D9F1; }
#table_4_2 td { border: 1px solid black; background-color: #DBE5F1;}
#table_4_2 tr td:first-child {background-color: #C6D9F1;}

#table_1_1 { border: 1px solid black;}
#table_1_1 th {border: 1px solid black; text-align: center; background-color: #C6D9F1;}
#table_1_1 td {border: 1px solid black; text-align: center; background-color: #DBE5F1;}

#table_1_2 { border: 1px solid black;}
#table_1_2 th { border: 1px solid black; text-align: center;}
#table_1_2 th { background-color: #C6D9F1; }
#table_1_2 td { border: 1px solid black; background-color: #DBE5F1; text-align: center;}
#table_1_2 td.even  {background-color: #C6D9F1; }
#table_1_2 td.last {background-color: #C6D9F1; text-align: right;}

#table_1_3 { border: 1px solid black;}
#table_1_3 th { border: 1px solid black; text-align: center;padding: 4px 2px;background-color: #C6D9F1;}
#table_1_3 td { border: 1px solid black; background-color: #DBE5F1; padding: 5px;}
#table_1_3 tr th:first-child {width: 135px;}
#table_1_3 tr td:first-child { width: 135px; text-align: center;background-color: #C6D9F1; font-weight: bold;} 

#quote_4_4 { width: 213px; height: 562px; float: right; margin-left: 10px; border: 1px solid black; text-align: center;}
#quote_4_4 img {margin-left: -5px;}

#quote_4_8 {float: right; width: 300px; margin-left: 10px;}
#table_5_1  { width: 600px;}
#table_5_1 tr {vertical-align: top;}
#table_5_1 td { width: 300px; border: 1px solid black; margin: 5px}

#GH_wrapper { position: relative; height: 640px; width: 640px; border: 1px solid black; margin: 0px auto;}
#GH_wrapper p { padding: 5px;}
#gh_next { position: absolute; bottom: 0px; left: 300px; width: 50px; font-weight: bold;}
.greenhouse_box {position: absolute; top: 0px ; left: 0px; }

#activity_summary {border: 1px solid black;padding: 5px;}

#energy_budget_table_1 th { border: 1px solid #DDD; }
#energy_budget_table_1 td { border: 1px solid #DDD; height: 22px;  padding: 4px;}

.inputCell {width: 60px;}
.inputCell input { height: 18px; width: 55px;padding: 0em; margin: 0em; background-color: #F9EFC7; margin: -4px;}
.inputCell input:hover, input:focus {background-color: yellow;}

.inputCell .text-label { color: #bcbcbc;    font-weight: bold;}
.inputCell .correct {background-color: #A8FCA6;}
.inputCell .incorrect {background-color: #F4B0B0;}
.teaser {  font-size: .85em; color: green; cursor: pointer; margin-bottom: 5px;}
.expander { border: 1px dotted black; padding: 5px 0px; margin-bottom: 5px;}
.inner .content ol li { margin-bottom: 10px;}

.webform-component .form-required { display: none;}


ol ol {list-style-type: lower-alpha;}

.caption {font-size: 9px; line-height: 10px; margin: 0px; display: block;}

#eclipticsimulator {

}
.right_pillbox {
	float: right;
	width: 300px;
	padding-right:5px;
	margin-right: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 2px solid black; 
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px;
	box-shadow: 5 5 5 #444; 
	color: black;
	font-weight: bold;
	font-size: .9em;	
	text-align: center;
	line-height: 1.2em;
}
.right_pillbox img {
	border-radius: 10px 0px 10px 0px; 
	-moz-border-radius: 10px 0px 10px 0px;
}



/* ou migration styles */

#lastModified {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
	margin: 10px 0;
}

#lastModified a.directEdit {
	text-decoration: none;
}