@charset "utf-8";

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

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

body { 
    width: 7in;
    font: 12pt "Times New Roman", Times, serif;
    color: #000000; 
    background: #ffffff /*url(../images/logos/BeWellLogo.png) no-repeat top left*/;
    }


.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 }

/* Layout properties */

#globalHeader { display: none; }
#globalHeader ul { display: none }
#globalHeader ul li { display: inline;  list-style-type: none; font-size: 75% }
#globalHeader ul li a { display: inline; color: #333; text-decoration: none }
#globalHeader ul li a:hover { display: inline; color: #900; text-decoration: underline }
#globalHeader form, fieldset { display: none}
#globalHeader a.globalSSRL { float: left;}

#redBar { padding: 1px 0px; background-color: #900 }
#redBar div { border: solid #fff; border-width: 1px 0px }
#redBar div div { color: #900; font-size: 180% }

#container { width: auto; margin: auto; border: solid #ccc; border-width: 0px 1px;}

#sidebar { background-color:#f00 }
#ssrlLogoBox {}
#nav { display: none;}
#nav ul.primaryNav { display: inline;}
#nav ul { display: inline;}
#nav ul li { display: inline; list-style: none }
#nav ul li a { display: inline; padding: 5px 5px; text-decoration: none; color: #900; font-size: 80%  }
#nav ul li a:hover { display: inline;}
#nav ul li ul { display: none }

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

#content { }

/* Search */

#slacSearch {display: none;}

/* News Stories */

#ssrlFeatures { display: none}
#newsControls { display: none  }

/* 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%}
.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 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#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: 33%; 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 33% 0px 33%; 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: 33%; 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: none; 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; 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 }