﻿/* Default Styles */
.hidden		{ display: none; }
.show		{ display: inline; }
.strong		{ font-weight: bold; }
.clear_all	{ clear: both; }
.left		{ float: left; }
.right		{ float: right; }
img			{ border: none; display: block; }

h1 {
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 1.8em;
	color: #003366;
}

h2 {
	font-size: 1.2em;
	color: #0a2552;
}
/* --------------- */

a,a:visited,a:link {
	color: #990000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #333333;
}

.content_body {	width: 1010px; }

.navigation {
	float: left;
	margin-bottom: 20px;
	width: 196px;
}

.navigation img { margin: 8px 0 0 8px; }

.pageContent {	
	width: 800px;
	float: left;
}

.pageContent p {
	margin-top:0;
	margin-bottom: 10px;
	font-size: 1.1em;
	line-height:1.4em;
}

.pageContentLeft {
	width: 465px;
	float: left;
	margin-top: 15px;
	padding-bottom: 30px;
	margin-bottom: 70px;
	position: relative;
}

.pageContentLeft .sectionHeader {
	font-size: 1.25em;
	font-weight: bold;
	color: #878787;
}

.pageContentLeft h1, .pageContentRight h1 {
	padding-top: 0;
	margin-top: 0;
}

.pageContentRight {
	display: inline;
	width: 270px;
	float:left;
	border-left: solid 1px #d4d4d4;
	margin: 15px 0 0 25px;
	padding: 45px 10px 15px 25px;
}

.contentSection { position: relative; }

.blueBack {
	background-image: url(webimages/blueBack.gif);
	background-repeat: repeat-x;
	background-color: #e8f6f5;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.blueBackInner 
{
	background-image: url(webimages/blueBack.gif);
	background-repeat: repeat-x;
	background-color: #e8f6f5;
	position:relative;
	width:100%;
}

.researchBlock {
	width: 360px;
	height: 138px;
	float: left;
	margin-right: 30px;
	padding-bottom: 0;
	overflow: hidden;
}

.researchBlockContent {
	position: relative;
	height: 116px;
	width: 300px;
}

.researchBlockContent .more {
	margin-bottom: 6px;
	font-size: .9em;
}

.bannerCaption 
{
	position:absolute;
	bottom: 11px;
	left: 13px;
	color: #e5e0d2;
	font-size: .8em;
}

a.stanfordLink {
	position: absolute;
	bottom: 11px;
	left: 700px;	
	color: white;
	font-weight: bold;
	font-size: .9em;
}

.scienceProgramName 
{
	font-weight: bold;
	font-size: 1.1em;
}

.contentSectionTop 
{
	background-image: url(http://www-project.slac.stanford.edu/slac-home/webimages/ContentBarBack.gif);
	background-repeat: repeat-x;
	height: 13px;
	/* text-transform: uppercase; */
	font-weight: bold;
	padding: 4px 0 4px 7px;
	color: #003366;
}

.contentSectionBody {
	padding: 0 10px 0 0;
}

.contentSectionTopLabel 
{
	padding: 7px 0 0 10px;
}


.storyExcerpt 
{
	float: left;
	display: inline;
	width: 420px;
	margin: 15px 0 0 15px;
}

.storyTitle 
{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}

.storyText { line-height: 1.3em; }

.linkList {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: .9em;
}

.linkList li { padding: 3px 0 3px 20px; }

.blueList {
	list-style: bullet;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
}

.programList 
{
	list-style: none;
	margin: 10px;
	padding: 0;
}

.programList li { padding: 3px 0 3px 0; }
.programList a	{ font-weight: bold; }

.newsLinks { 
	margin: 0 0 10px 0;
	padding: 10px 3px 5px 0;
	background-color: #efefef;
	color: #999999;
}

.newsLinks ul {
    list-style: none;    
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.newsLinks li {
	position: relative;
	padding: 0 0 0 1.3em;
	background: transparent url("webimages/bg_bullet.gif") 0.5em .5em no-repeat;
	margin: 0 0 5px 0;
}

.newsLinks a {
	font-weight: normal;
	font-size: .9em;
}

.newsLinks a:hover {
	font-weight: normal;
	font-size: .9em;
}

.maps p {
	padding: 10px 10px 0 10px;
	font-size: 11px;
}	
	
.maps .thumb {
	float: left;
	margin: 0 13px 10px 13px;
	text-align: center;
}

.maps .thumb a:hover	{ text-decoration: none; }
.maps .first			{ margin-left: 30px; }

.maps .highlight img		{ border: solid 1px #898989; }
.maps .highlight:hover img  { border: solid 1px #990000; }
.maps .highlight:hover		{ color: #990000; }

.maps ul {
	list-style: none;
	padding: 0 0 0 30px;
	margin: 0 0 10px 0;
}

.maps li		{ margin-top: 4px; }
.maps p.maps	{ margin-top: 5px; padding-top: 0px;}
.google_maps	{ margin: 0 0 15px 25px; }

.article {
	float:left;
	width:415px;
	padding-bottom:25px;
	padding-top: 10px;
	position:relative;
}

.articleIcon {
	float:left;
	margin:11px 25px 20px 25px;
}

*html .articleIcon, *html .article {
	display:inline;
}

.articleDate {
	color: #666666;
	font-size: .8em;
}

.articleTitle {	font-weight: bold; }

.articleExcerpt {
	font-size: .9em;
	padding-top: 2px;
}

.article .more {
	margin-bottom: 6px;
	font-size: .9em;
}

.rule {	border-bottom: solid 1px #c7dae2; }

.more {
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 10px 10px 0;
}

.back {
	font-weight:bold;
	font-size: .9em;
}

.small {
	font-size: .8em;
}

.enlarge {
	font-size: .9em;
	text-align:right;
	margin-bottom:2px;
}

.enlarge a { color: #112951; }

.enlarge img {
	display: inline;
	vertical-align: middle;
}
.thumbNail {
    margin-right: 0px;
    float: inherit;
    border: solid 1px #CCCCCC;
    padding: 1px;
}

.missionList	{ font-size: .95em; }
.missionList li { margin-bottom:3px; }

.largerText {
	font-size: 1.1em;
	line-height:1.4em;
}

.sectionHeading {
	color: silver;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}

/* EXPLORING SLAC SCIENCE STYLES */
.exploring {
	width: 413px;
	height: 213px;
	background-color:#ecf5f8
}

.exploring p	{ padding: 5px 0; margin: 0; }
.exploring img	{ display: inline; }

.exploring a,.exploring a:visited,.exploring a:link { font-weight: bold; }
.exploring a:hover { font-weight: bold; }

.exploring .content {
	padding: 1px 17px 0 17px;
	height: 158px;
}

.exploring .content div {
	margin-top: 17px;
	background-color: #ecf5f8;
}

.exploring .content img {
	float: right;
	margin-left: 15px;	
	border: 1px solid #939594;
}

.exploring .content img.hilite, .image_gallery .thumbs img.hilite { border: 1px solid #990000; }

.exploring .thumbs {
	position: relative;
	width: 413px;
	height: 54px;
	background-image: url("webimages/explore_footer.gif");
	background-repeat: repeat-x;
}

.exploring .thumbs_interior {
	width: 794px; 
	padding: 0 0 6px 6px; 
	background-image: none;
}

.exploring .thumbs .container_div {
	position: relative;
	height: 54px;
	margin: 0 20px;
	overflow: hidden;
}

.exploring .thumbs .slider_div {
	position: absolute;
	text-align: left;
	width: 1000px;
}

.exploring .thumbs .indicator {
	position: absolute;
	top: -4px;
}

.exploring .thumbs .thumb_inactive img { border: solid 1px #989898; }
.exploring .thumbs .thumb_active img { border: solid 1px #990000; cursor: auto; }

.thumb_list		{ float: left; margin: 15px 25px; padding: 0; display: inline; }
.thumb_list img	{ border: solid 1px #990000; }

.exploring .thumbs .arrow_left {
	display: none;
	position: absolute;
	top: 13px;
	left: 2px
}

.exploring .thumbs .arrow_right {
	display: none;
	position: absolute;
	top: 13px;
	right: 2px
}

.exploring .thumbs img {
	margin: 9px 2px 0 2px;
	cursor: pointer;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #0f4f6a;
	background-color: #eee;
	padding: 3px 5px;
	opacity: 0.85;
	color: #0f4f6a;
}

#tooltip h3, #tooltip div { 
	margin: 0; 
	font-size: 11px;
	font-weight: normal;
}

/* -------------------------------*/

/* ----- sortable tables ---------*/
.sortable_maps { margin: 15px 0 0 15px }

table.sortable {
	margin: 20px 0;
	width: 573px;
	border: 1px solid #CCC;
	border-collapse: collapse;
}

table.sortable th {
	height: 13px;
	border-width: 0px 1px 1px 1px;
	text-align: left;
}

table.sortable th img { display: inline; }

table.sortable th, table.sortable td {
	padding: 4px;
	border-style: solid;
	border-color: #cccccc;
}

table.sortable td {
	padding: 6px 4px;
	border-width: 0px 1px;
	vertical-align: top;
}

table.sortable tr.odd td	{ background-color: #e0edf3; }
table.sortable tr.even td	{ background-color: #ffffff; }

/* ------------------------------- */

/* Image Gallery */
.image_gallery .thumbs {
	position: relative;
	width: 270px;
	height: 54px;
	background-image: url("webimages/explore_footer.gif");
	background-repeat: repeat-x;
}

.image_gallery .thumbs .container_div {
	position: relative;
	height: 54px;
	margin: 0 9px;
	overflow: hidden;
}

.image_gallery .thumbs .slider_div {
	position: absolute;
	text-align: left;
	width: 1000px;
}

.image_gallery .thumbs .arrow_left {
	display: none;
	position: absolute;
	top: 13px;
	left: 0px;
}

.image_gallery .thumbs .arrow_right {
	display: none;
	position: absolute;
	top: 13px;
	right: 0px;
}

.image_gallery .thumbs .arrow_left img, .image_gallery .thumbs .arrow_right img { border: none; }

.image_gallery .large {
	margin: 7px 0 0 11px;
	cursor: pointer;
}

.image_gallery .thumbs img {
	margin: 10px 1px 0 1px;
	cursor: pointer;
}

.image_gallery .thumbs img, .image_gallery .large img { border: solid 1px #c1c1c1; }
.image_gallery .thumbs .thumb_active img { border: solid 1px #990000; cursor: auto; }

/* ---------------- */


/* Staff Resources */

.SR_wide_block 
{
	float:left;
	width:371px;
	height:130px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}	

.SR_narrow_block 
{
	float:left;
	width:240px;
	height:130px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}	


.SR_wide_block img 
{
	display:inline;
	float:left;
	margin-top:1px;
}

.SR_section 
{
	width:250px;
	float:left;
	margin:0;
}


.SR_narrow_section 
{
	width:230px;
}


.SR_section ul 
{
	padding:0;
	margin:10px;
	margin-top:8px;
	list-style:none;
}

.SR_section a 
{
	font-weight:bold;
}

.SR_narrow_section a 
{
	font-weight:normal;
}

.SR_section li 
{
	margin-bottom: 4px;
}

.SR_small 
{
	clear:both;
	font-size:.8em;
	font-style:italic;
}

/* /Staff Resources */

/* Organizational Structure */


.orgLev1 
{
	list-style-type: disc;
}

.orgLev2 
{
	list-style-type: disc;
}

.orgLev3 
{
	list-style-type: disc;
}

.orgLev1 li
{
	font-size:1.4em;
	margin-top:5px;
	font-weight:bold;
}

.orgLev2 li
{
	font-size: .9em;
	margin-top:10px;
	margin-bottom:5px;
	font-weight:bold;
}

.orgLev3 li
{
	font-size: .9em;
	margin-top:3px;
	margin-bottom:3px;
	font-weight:normal;
}

/* /Organizational Structure */



/* experimental below for wrapping abstracts - Jacek */


a.sessiontitle{
text-decoration:none;
font-size:13px;
display:block;
min-height:25px;
line-height:25px;
padding-right:55px;
background:url("images/icon-plus.png") no-repeat right;
}

a.sessiontitle.minus{
background:url("images/icon-minus.png") no-repeat right!important;
}

.wrappy_wrap{
background-color:white;
padding:6px;
border-radius:4px;
margin-bottom:7px;
}

a.sessiontitle:hover{
text-decoration:underline;


#content_wrap{
	width: 787px;
	min-height:520px;
	background:white;
	padding:35px 10px 10px 45px;
	float:left;
}

.collapse {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  position: relative;
  overflow: hidden;
  height: 0;
}
.collapse.in {
  height: auto;
}
.collapse .contentwrap{
	padding:5px 0 10px;
  line-height:1.5em;
  font-size:12px;	
}

.contentwrap p{
margin:10px 0;
}

.abstract_box{font-size:12px;}

.abstract_box ul, .abstract_box ol{
	margin:8px 0;
}

.abstract_box li{
list-style:disc;
margin:4px 0 3px 34px;
}