@charset "utf-8";

/* CSS Formatting Document for Stanford Synchrotron Radiation Lightsource */

* {margin: 0px; padding: 0px }

body { background-color: #fff; font: normal 100%/105% arial, verdana, helevetica, sans-serif }

.skip {position: absolute; top: -999px; left: -999px;}

h1 { font-size: 140% } 

h2 { font-size: 130% } 

h3 { font-size: 120% } 

h4 { font-size: 110% } 

h5 { font-size: 100% } 

h6 { font-size: 90% } 

sub, sup { font-size: 60% } 

.menu { font: menu }

img { border: none }

hr.clearer { clear: both; visibility: hidden }

/* Table properties */

.tableNoBorder { display: table; border: none; border-spacing: 0px 0px; border-collapse: collapse; empty-cells: hide }
.tableBorder { display: table; table-layout: auto; border: solid 1px #666; border-spacing: 3px; border-collapse: separate; empty-cells: show }

.caption {display: table-caption; caption-side: top }

.thead { display: table-header-group }

.tbody { display: table-row-group }

.tfoot { display: table-footer-group }

.tr { display: table-row }

.td, th { display: table-cell; vertical-align: top }

.colgroup { display: table-column-group }

.col { display: table-column }

/* Anchor properties */

a.lightGrey:link, a.lightGrey:visited, a.lightGrey:active, a.lightGrey:focus { color: #666; text-decoration: none }
a.lightGrey:hover { color: #900; text-decoration: underline }

a.darkGrey:link, a.darkGrey:visited, a.darkGrey:active, a.darkGrey:focus { color: #333; text-decoration: none }
a.darkGrey:hover { color: #900; text-decoration: underline }

a.lightGreen:link, a.lightGreen:visited, a.lightGreen:active, a.lightGreen:focus { color: #993; text-decoration: none }
a.lightGreen:hover { color: #900; text-decoration: underline }

a.darkGreen:link, a.darkGreen:visited, a.darkGreen:active, a.darkGreen:focus { color: #663; text-decoration: none }
a.darkGreen:hover { color: #900; text-decoration: underline }

a.red:link, a.red:visited, a.red:active, a.red:focus { color: #900; text-decoration: none }
a.red:hover { color: #900; text-decoration: none }

a.brown:link, a.brown:visited, a.brown:active, a.brown:focus { color: #963; text-decoration: none }
a.brown:hover { color: #900; text-decoration: underline }

a.adobe:link, a.adobe:visited, a.adobe:active, a.adobe:focus { color: #930; text-decoration: none }
a.adobe:hover { color: #900; text-decoration: underline }

a.canary:link, a.canary:visited, a.canary:active, a.canary:focus { color: #ffc; text-decoration: none }
a.canary:hover { color: #ffc; text-decoration: underline }

a.orange:link, a.orange:visited, a.orange:active, a.orange:focus { color: #c29e3e; text-decoration: none }
a.orange:hover { color: #900; text-decoration: underline }

a.white:link, a.white:visited, a.white:active, a.white:focus { color: #fff; text-decoration: none }
a.white:hover { color: #fff; text-decoration: underline }

a.blue:link, a.blue:visited, a.blue:active, a.blue:focus { color: #069; text-decoration: none }
a.blue:hover { color: #900; text-decoration: underline }

a.nolink {text-decoration: none;}

/* Layout properties */

#globalHeader { width: 965px; margin: 0px auto; padding: 10px 20px 10px 15px; text-align: right }
#globalHeader ul { display: inline; list-style-type: none; vertical-align: bottom }
#globalHeader ul li { display: inline;  list-style-type: none; font-size: 75% }
#globalHeader ul li a { color: #333; text-decoration: none }
#globalHeader ul li a:hover { color: #900; text-decoration: underline }
#globalHeader form, fieldset { display: inline; border: none; margin-top: .5%; vertical-align: middle }
#globalHeader form fieldset select { font-size: 75%; color: #333 }
#globalHeader a.globalSSRL { float: left; margin-top: -5px; }

#redBar { padding: 1px 0px; background-color: #820000}
#redBar div { border: solid #fff; border-width: 1px 0px }
#redBar div div { width: 970px; margin: 0px auto; padding: 10px 15px; border: none; color: #fff; font-size: 140%; font-family: Georgia, "Times New Roman", Times, serif; }

/* #container { width: 1000px; margin: auto; border: solid #ccc; border-width: 0px 1px; background: #fff url(../images/border161.gif) repeat-y top left } */

#container { margin-left: 10px; width: 1010px; border: solid #ccc; border-width: 0px 1px; background: #fff url("../images/border161.gif") repeat-y top left }

#sidebar { width: 160px; float: left; background-color:#fff }
#ssrlLogoBox { padding: 15px 0px; background-color: #e1e1e1 }
#nav { width: 160px; border-right: solid 0px #ccc}
#nav ul.primaryNav { border-top: solid 1px #ccc}
#nav ul { border: solid #ccc; border-width: 1px 0px 0px 0px; background-color: #fff; z-index: 2 }
#nav ul li { display: inline; list-style: none }
#nav ul li a { display: block; padding: 5px 15px; text-decoration: none; color: #900; border-bottom: solid 1px #ccc; font-size: 80%  }
#nav ul li a:hover { background-color: #900 }
#nav ul li ul { display: none }

/* New Style */
#navigation { margin-top: 0px; margin-left: 0px; border: solid 1px #ccc; border-width: 1px 0 0 0; }
#navigation ul { z-index: 2; }
#navigation ul li { list-style: none; border-bottom: solid 1px #ccc; font: 12px verdana, sans-serif; }
#navigation ul li a { display: block; padding: 5px 10px; color: #104e68; border-bottom: none; text-decoration: none; }
#navigation ul li a:hover { background-color: #d6ebf0; color: #036;}
#navigation ul li ul { display: none; }



hr.clearer {clear: both; visibility: hidden }

#content { margin: 0px 1px 0px 162px; background-color: #999 }

/* Search */

#slacSearch { padding: 5px 20px 5px 0px; font-size: 70%; background-color: #999; vertical-align: middle; text-align: right; clear: none }
#slacSearch form#form1 { display: inline }
#slacSearch form#form1 p input.inputTxt { color:#666; font-size: 100%; }
#slacSearch form#form1 p input { vertical-align: middle }

/* News Stories */

#ssrlFeatures { border: solid #fff; border-width: 0px 0px; background-color: #999; margin: 0px; padding: 0px }
#newsControls {  background: url(../images/miscellaneous/line_dotted_fff_666.gif) repeat-x; font-size: 75%; margin-top: -2px; padding: 0px 0px 0px 0px; text-align: center; vertical-align:middle; color: #fcfceb  }

/* Date Time */

#dateTime {padding: 0px 0px 0px 30px;  background-color: #fff; font-size: 70%; vertical-align: bottom; text-align: left; color: #333 }

/* Column display */
/* link, visited , focus, hover, active */

.cTxtBlock { padding: 0px 20px; background-color: #fff; color: #333;  font-size: 80%; line-height: 140%; vertical-align: top;}
.cTxtBlock h1 {font-size: 160%; line-height: normal; padding: 20px 0px}

.cTxtBlock ul li  { display:list-item; list-style: outside square; margin-left: 20px}
.cTxtBlock ul li ul li  { display:list-item; list-style: outside disc; margin-left: 20px}

.cTxtBlock ul li {display:list-item; list-style: outside square; margin-left: 20px}
.cTxtBlock ul li a:link{ color: #069; text-decoration: underline }
.cTxtBlock ul li a:visited{ color: #069; text-decoration: underline }
.cTxtBlock ul li a:hover{ color: #900; text-decoration: underline }
.cTxtBlock ul li a:active { color: #069; text-decoration: underline }

.cTxtBlock ul li {display:list-item; list-style: outside square; margin-left: 20px}
.cTxtBlock ul li a.grey:link{ color: #999; text-decoration: underline }
.cTxtBlock ul li a.grey:visited{ color: #999; text-decoration: underline }
.cTxtBlock ul li a.grey:hover{ color: #900; text-decoration: underline }
.cTxtBlock ul li a.grey:active { color: #999; text-decoration: underline }


.cTxtBlock ol li {display:list-item; list-style: outside decimal; margin-left: 20px}
.cTxtBlock ol li a:link{ color: #069; text-decoration: underline }
.cTxtBlock ol li a:visited{ color: #069; text-decoration: underline }
.cTxtBlock ol li a:hover{ color: #900; text-decoration: underline }
.cTxtBlock ol li a:active { color: #069; text-decoration: underline }

.cTxtBlock p a:link{ color: #069; text-decoration: underline }
.cTxtBlock p a:visited{ color: #069; text-decoration: underline }
.cTxtBlock p a:hover{ color: #900; text-decoration: underline }
.cTxtBlock p a:active { color: #069; text-decoration: underline }

.cTxtBlock table td a:link{ color: #069; text-decoration: underline }
.cTxtBlock table td a:visited{ color: #069; text-decoration: underline }
.cTxtBlock table td a:hover{ color: #900; text-decoration: underline }
.cTxtBlock table td a:active { color: #069; text-decoration: underline }

.cTxtBlock table td a.grey:link{ color: #999; text-decoration: underline }
.cTxtBlock table td a.grey:visited{ color: #999; text-decoration: underline }
.cTxtBlock table td a.grey:hover{ color: #900; text-decoration: underline }
.cTxtBlock table td a.grey:active { color: #999; text-decoration: underline }

.cTxtBlock table#journals tr td { vertical-align: top; padding-left: 20px }

.cTxtBlock sub, sup {font-size: 90%}

#main { background-color: #999}
.column-in-left { padding: 5px 8px 10px 15px}
.column-in-right { padding: 5px 15px 10px 8px}
#left { width: 52%; float: left }
#right { width: 48%; float: right }
.cleaner { clear:both; height:1px; font-size:1px; border:none; background:transparent }

#mainSub { background-color: #fff }
.column-in-sub { margin:0px; padding: 5px 20px }

#leftSub { float:left; width: 200px; background-color: #fff; font-size: 80% }
#leftSub ul { list-style: none}
#leftSub ul li { list-style: none}
#leftSub ul li a:link { color: #333; text-decoration: none }
#leftSub ul li a:visited { color: #333; text-decoration: none }
#leftSub ul li a:hover { color: #900; text-decoration: underline }
#leftSub ul li a:active { color: #333; text-decoration: none }

#middleSub { margin:0px 425px 0px 200px; background-color: #fff; font-size: 80% }
#middleSub ul { list-style: none}
#middleSub ul li{  list-style: none}
#middleSub ul li a:link { color: #333; text-decoration: none }
#middleSub ul li a:visited { color: #333; text-decoration: none }
#middleSub ul li a:hover { color: #900; text-decoration: underline }
#middleSub ul li a:active { color: #333; text-decoration: none }

#rightSub { float:right; width: 425px; background-color: #fff; font-size: 80% }
#rightSub ul {  list-style: none}
#rightSub ul li { list-style: none}
#rightSub ul li a:link { color: #333; text-decoration: none }
#rightSub ul li a:visited { color: #333; text-decoration: none }
#rightSub ul li a:hover { color: #900; text-decoration: underline }
#rightSub ul li a:active { color: #333; text-decoration: none }

.featureBoxes { display: inline-block; margin-right: 20px; float:right;}

/* SSRL tabs */

.ssrlTab { padding: 1px; background: #fffee9 url(../images/miscellaneous/rounded_top_right.gif) no-repeat top right }
.ssrlTab div.tabHeader { margin: 10px 0px 0px 87px; font-weight: bold }
.ssrlTab div.tabLinks {  margin: 5px 0px 5px 87px; font-size: 70%; font-weight: normal}
.ssrlTab div.expander {  margin: 5px 0px 7px 87px; font-size: 70%; font-weight: normal}
.ssrlTab div.eTxt  { display: block; padding: 7px 20px; clear:both; font-size: 80%; line-height: 150%; text-align:justify }
.ssrlTabBottom { background: #fffee9 url(../images/miscellaneous/rounded_bottom_right.gif) no-repeat bottom right }
.borderRight999 { border-right: solid 1px #999; float: left}
div.divider { background: url(../images/miscellaneous/line_dotted_fff_666.gif) repeat-x center center; margin: 3px 0px}

/* Headline news*/

div#ssrlHeadlineNews { background: #fbfbd8 url(../images/miscellaneous/rounded_top_right_fbfbd8.gif) no-repeat top right}
#ssrlHeadlineNews div.headlineHeader {padding: 10px 10px 0px 15px; font-weight: bold }
#ssrlHeadlineNews div#emailSubmission {padding: 5px 15px}
#ssrlHeadlineNews fieldset { border: none}
#ssrlHeadlineNews div#newsLinks {margin: 5px 10px 0px 15px; font-size: 70%; }

/* News & Events */

div#newsEventsBlock {  background: #fff url(../images/miscellaneous/rounded_bottom_left_fff.gif) no-repeat bottom left }
#newsEventsBlock div.newsEventsHeader {padding: 15px 10px 0px 15px; font-weight: bold }
#newsEventsBlock ul#newsEventsList {  padding: 0px 30px 20px 30px; font-size: 80%}
#newsEventsBlock ul#newsEventsList li { display: list-item; list-style-type:disc; list-style-position:outside; padding-top: 10px }
#newsEventsBlock ul#newsEventsList li a:link { color: #333; text-decoration: none }
#newsEventsBlock ul#newsEventsList li a:visited { color: #333; text-decoration: none }
#newsEventsBlock ul#newsEventsList li a:hover { color: #900; text-decoration: underline }
#newsEventsBlock ul#newsEventsList li a:active { color: #333; text-decoration: none }
#newsEventsBlock p { margin: 0px 20px; font-size: 70%; vertical-align: top; clear: none; list-style-type: disc; }
#corner { background-position: top right} 

/* Address and Footer*/

#ssrlAddress { display: block; padding: 0px 20px 10px 0px; background-color: #999; font-size: 70%; font-style:normal; vertical-align: bottom; text-align:right; color: #fcfceb}
#ssrlAddressSub { display: block; padding: 5px 20px 10px 0px; border-top: solid 1px #ccc; background-color: #fff; font-size: 70%; font-style:normal; vertical-align: botto; text-align:right; color: #999}

#slacFooter { padding: 1px 0px; background-color: #dfdac5}
#slacFooter div { border: solid #fff; border-width: 1px 0px }
#slacFooter div div { width: 970px; margin: 0px auto; padding: 15px 15px; border: none; color: #fff; font-size: 150% }
.smaller { font-size: small; color: #c29e3e }

#pageFooter { margin: 7px auto; width: 1000px; font-size: 75%; font-style:normal; color: #666; text-align: center}
#pageFooter ul { list-style: none; display: inline}
#pageFooter ul li {list-style: none; display: inline; margin-right: 10px}


#footerLogos { width: 103px; margin: 20px auto}



/* sub pages */

table#AutoNumber1 a { color: #000; text-decoration: underline }


/* New Styles 2011-06 */

/*// New Theme  ////////////////////////////////////////////////// 
////////////////////////////////////////////////////////////////*/


#header { padding: 1px 0; background: #1f90ac; }
#header #gradient { background:  url("../images/barBack.png") repeat-x; border: solid #fff; border-width: 1px 0; }
#header #name-and-slogan { width: 1010px; margin-left: 10px; padding-top: 5px; padding-bottom: 5px; }
#site-name { margin-left: 10px; font-size: 19px; line-height: 1; font-weight: normal; } /* H1 Reserved for Drupal */
#site-name a { border-bottom: none; text-decoration: none; color: #fff; } 
#site-slogan {  margin-left: 10px; margin-top: 1px; display: block; font-size: 12px; font-style: italic; color: #c4eaf3; }

#secondary-menu { padding-top: 30px; }
#secondary-menu li { display: inline; margin-right: 2px; font: 12px arial; }
#secondary-menu li a { text-decoration: none; border-bottom: 1px solid; color: #900; }
#secondary-menu li a:hover {  color: #333; border-bottom: 0px solid; }

#social-media li { list-style: none; display: inline; margin-right: 2px; color: #999; }

.float-left-top, .float-left-inline, .float-left-bottom { float: left; clear: none; } 
.float-left-top { margin: 0 7px 7px 0; }
.float-left-inline { margin: 7px 7px 7px 0; }
.float-left-bottom { margin: 7px 7px 0 0; }

#footer { margin-top: 0px; padding: 1px 0; background: #900; }
#footer #liner { padding-left: 0px; border: solid #fff; border-width: 1px 0; }
#footer #interior { width: 1010px; padding-left: 10px; padding-top: 7px; padding-bottom: 7px; font: 11px/13px verdana, arial, sans-serif;color: #fff; }
#footer a { color:#fff; text-decoration: none; border-bottom: none; }
#footer a:hover { border-bottom: 1px solid; }

#global-header { padding-top: 12px; padding-bottom: 0px; }

#sub-footer-left { float: left; clear: none; margin-top: 10px; }
#sub-footer-left #disclaimers li { display: inline; margin-right: 2px; font: 12px arial, sans-serif; }
#sub-footer-right{ float: right; clear: none; margin-right: 10px; margin-top: 12px; }



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.


.clearfix {
  zoom: 1;
}
*/