/*
=======================================================
Legacy Styles
=======================================================
*/
/*
Announcement Box
*/
.announcement-box {
  background: #e6e6e6;
  border: 3px solid #3F9C87;
  margin: 0 0 1.5em 0;
  padding: 12px 15px; }

/*
Message Box
*/
.message-box {
  background: #e6e6e6;
  border: 3px solid #999;
  margin: 0 0 1.5em 0;
  padding: 12px 15px; }

.announcement-box h2,
.message-box h2 {
  color: #333;
  font-size: 1.2em;
  font-weight: bold; }

.announcement-box p,
.announcement-box ol,
.announcement-box ul,
.message-box p,
.message-box ol,
.message-box ul {
  margin-bottom: 1em; }

h2.energy-frontier {
  padding: 1em 0 0.5em 80px;
  background: white url("http://www.fnal.gov/pub/science/experiments/images/icon-energy-frontier.jpg") no-repeat left top; }

h2.intensity-frontier {
  padding: 1em 0 0.5em 80px;
  background: white url("http://www.fnal.gov/pub/science/experiments/images/icon-intensity-frontier.jpg") no-repeat left top; }

h2.cosmic-frontier {
  padding: 1em 0 0.5em 80px;
  background: white url("http://www.fnal.gov/pub/science/experiments/images/icon-cosmic-frontier.jpg") no-repeat left top; }

/*========== highlight-box ==========*/
/*
div.highlight-box {
clear: right;
border: 4px solid #bbb;
background: #ccc;
margin: 0 0 1.5em 0;
}

div.highlight-box-body {
padding: 0.6em 1em;
}
*/
.narrow-box {
  width: 490px;
  clear: none !important; }

/*========== END: highlight-box ==========*/
/*========== Icons ==========*/
#content .icon-email {
  padding: 0 0 0 18px !important;
  background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/email-icon-tiny.gif) no-repeat left center !important; }

#content .icon-excel,
#content .icon-xls {
  padding: 0 0 0 15px !important;
  background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/excel-icon-tiny.gif) no-repeat left center !important; }

#content .icon-ppt {
  padding: 0 0 0 15px !important;
  background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/ppt-icon-tiny.gif) no-repeat left center !important; }

#content .icon-pdf {
  padding: 0 0 0 16px !important;
  background: transparent url(https://www.fnal.gov/fnalincludes/images/icons/pdf-icon-tiny.gif) no-repeat left center !important; }

#content .icon-word,
#content .icon-doc {
  padding: 0 0 0 15px !important;
  background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/word-icon-tiny.gif) no-repeat left center !important; }

#content .icon-video {
  padding: 0 0 0 16px !important;
  background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/video-icon-tiny.gif) no-repeat left center !important; }

/*
#content .top-of-page,
#content .back-to-top {
clear: left;
margin: 0 0 2em 0;
padding: 0 0 0 16px !important;
background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/arrow-up.jpg) no-repeat left center !important;
}

body .arrow-right {
clear: left;
margin: 0 0 2em 0;
padding: 0 0 0 12px !important;
background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/arrow-blue-right.gif) no-repeat left center !important;
}
*/
#content .icon-facebook {
  padding: 0 0 0 18px !important;
  background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/facebook/logo-facebook-tiny.png) no-repeat left center !important; }

#content .icon-rss {
  padding: 0 0 0 18px !important;
  background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/rss/feed-icon-14x14.png) no-repeat left center !important; }

#content .icon-twitter {
  padding: 0 0 0 18px !important;
  background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/twitter/logo-twitter-tiny.png) no-repeat left center !important; }

/*========== END: Icons ==========*/
/*========== sidebars ==========*/
.sidebar-01 {
  background: #ccc;
  border: 1px solid #999;
  margin: 0 0 0.8em 0;
  padding: 1em; }

.sidebar-02 {
  background: #ebebeb;
  border: 1px solid #bbb;
  padding: 1em; }

.sidebar-01 h3:first-child,
.sidebar-02 h3:first-child,
.sidebar-01 .title,
.sidebar-02 .title,
.sidebar-01 .block-title,
.sidebar-02 .block-title {
  margin-top: 0;
  padding-top: 0; }

.sidebar-01 ul,
.sidebar-02 ul {
  margin-left: 0; }

.sidebar-01 li,
.sidebar-02 li {
  margin: 0.6em 0; }

.sidebar-block {
  margin: 0 0 1.5em 0;
  overflow: auto; }

.sidebar-block .block-title {
  background: #039;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 0.1em 0;
  padding: 0.4em 0.8em; }

.sidebar-block-inner {
  background: #e6e6e6;
  overflow: auto;
  padding: 10px; }

/*========== END: sidebars ==========*/
/*========== subnavs ==========*/
.subnav {
  background: #ddd;
  border: 1px solid #999;
  margin: 0 0 0.8em 0;
  padding: 1em; }

.subnav ul {
  margin: 0.3em 0 0.3em 1.6em;
  padding: 0; }

.subnav ul li {
  padding: 0.2em 0; }

/** Benefits subnav **/
ul.subnav2 {
  clear: both;
  list-style: none;
  margin: -5px 0 0 0;
  padding: 0; }

li.sub-thumb {
  width: 55px;
  float: left;
  margin: 0; }

li.sub-text {
  margin-left: 5px;
  font-family: arial, univers, sans-serif; }

/** END: Benefits subnav **/
ul.anchor-nav li {
  margin: 0 0 1.5em 0; }

.anchor-nav2 {
  margin: 0 0 1.6em 0;
  padding: 0.6em 0;
  border-bottom: 1px dotted #ccc; }

.anchor-nav2 ul {
  clear: both;
  width: 100%;
  overflow: auto;
  list-style: none;
  margin: 0 0 0.3em 0;
  padding: 0; }

.anchor-nav2 ul li {
  float: left;
  display: inline;
  padding: 0 0.6em;
  border-right: 1px solid #000; }

.anchor-nav2 ul li.first {
  padding-left: 0; }

.anchor-nav2 ul li.last {
  border-width: 0; }

/** press-sub-nav **/
ul.press-sub-nav {
  list-style: none;
  margin: 0;
  padding: 0; }

ul.press-sub-nav li {
  display: inline;
  border-right: 1px solid #000;
  padding: 0 0.5em 0 0.6em; }

ul.press-sub-nav li.first {
  padding-left: 0; }

ul.press-sub-nav li.last {
  border-width: 0; }

/** END: press-sub-nav **/
/*========== END: subnavs ==========*/
/*========== Questions for the Universe ==========*/
.section-questions-for-universe .qu-home .col {
  margin-bottom: 15px; }

.section-questions-for-universe .qu-home h3 {
  min-height: 2.5em;
  margin: 0 !important;
  padding: 0.5em !important;
  background: #039;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #fff;
  font-size: 1.2em;
  color: #fff; }

.section-questions-for-universe .qu-home ul {
  min-height: 250px;
  margin: 0;
  padding: 0.4em 0.8em;
  background: #ddd;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #fff; }

.section-questions-for-universe .qu-home li {
  margin: 0.8em 0 0.8em 1.8em; }

.section-questions-for-universe h2.photo-header {
  margin: 0 0 0.6em 0;
  padding: 1em 1em 1em 220px;
  background: #409c86 url() no-repeat left top;
  font-size: 1.8em;
  font-weight: normal;
  color: #fff; }

.section-questions-for-universe h2.einsteins-dream {
  background-image: url(/https/www.fnal.gov/pub/science/questions/images/header-einsteins-dream.jpg); }

.section-questions-for-universe h2.particle-world {
  background-image: url(/https/www.fnal.gov/pub/science/questions/images/header-particle-world.jpg); }

.section-questions-for-universe h2.birth-universe {
  background-image: url(/https/www.fnal.gov/pub/science/questions/images/header-birth-universe.jpg); }

.section-questions-for-universe h3.big-header {
  font-size: 2em;
  font-weight: normal; }

/*========== END: Questions for the Universe ==========*/
/*========== Misc ==========*/
/*table.shaded img {
margin: 15px;
}*/
td.hub-photo {
  background-color: #e6e6e6;
  padding: 0.8em; }

td.hub-text {
  background-color: #e6e6e6;
  padding: 0.8em; }

td.hub-text p {
  margin: 0; }

/*========== END: Misc ==========*/
/*========== thumbnails ==========*/
ul.thumbnails {
  clear: both;
  list-style: none;
  margin: 0 0 1.5em 0;
  padding: 0;
  overflow: auto; }

ul.thumbnails li {
  width: 100px;
  float: left;
  margin: 0 1em 0 0; }

ul.thumbnails a img {
  border: 3px solid #ddd; }

ul.thumbnails a:hover img {
  border: 3px solid #039; }

ul.thumbnails h4 {
  text-align: center;
  font-size: 1em;
  font-weight: bold; }

/*========== END: thumbnails ==========*/
/*========== Tevatron Results ==========*/
ul.block-navs {
  width: 100%;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #fff;
  /** IE Hack **/ }

ul.block-navs li {
  float: left;
  display: block;
  width: 120px;
  /*height: 30px;*/
  padding: 0 0.4em 0.4em 0;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center; }

ul.block-navs a {
  display: block;
  padding: 0.6em 0.8em;
  background: #039;
  color: #fff;
  text-decoration: none; }

ul.block-navs a:hover {
  color: #fff;
  text-decoration: underline; }

.block-photos li {
  width: 220px !important;
  margin: 0 0.8em 0 0 !important;
  padding: 0 0 0.6em 0 !important;
  background: transparent !important; }

.block-photos a {
  /*width: 220px;
  height: 150px;*/
  padding: 0 !important;
  border: 1px solid #ccc; }

table.tev-results td img {
  border: 1px solid #ccc; }

table.tev-results th, table.tev-results th a {
  padding: 0.4em 0.8em;
  background: #039;
  text-align: center;
  font-size: 0.9em;
  color: #fff; }

table.tev-results th a:hover {
  color: #fff; }

table.tev-results ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /*padding: 0.5em 1em;
  background: #ddd;*/ }

table.tev-results li {
  display: block;
  margin: 0.3em 0;
  padding: 0 0 0 1.5em;
  background: transparent url(/https/www.fnal.gov/fnalincludes/images/icons/bullet-square-blue.jpg) no-repeat left 4px; }

/*========== END: Tevatron Results ==========*/
/*
-------------------------------
Plan for Future
-------------------------------
*/
.plan-for-the-future .pagination {
  background: none repeat scroll 0 0 #E6E6E6;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px 0;
  display: block;
  margin: 0 0 20px;
  padding: 8px 0; }

.plan-for-the-future .pagination ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: center; }

.plan-for-the-future .pagination ul li {
  border-right: 1px solid #AAAAAA;
  display: inline;
  padding: 0 12px; }

.plan-for-the-future .pagination ul a {
  color: #003399; }

.plan-for-the-future .pagination ul li.back {
  background: url("/https/www.fnal.gov/faw/future/images/icons/arrw-left-medgray.png") no-repeat scroll left center transparent; }

.plan-for-the-future .pagination ul li.back-disabled {
  display: none; }

.plan-for-the-future .pagination ul li.next {
  background: url("./faw/future/images/icons/arrw-right-medgray.png") no-repeat scroll right center transparent;
  border-width: 0; }

.plan-for-the-future .pagination ul li.next-disabled {
  display: none; }

.plan-for-the-future .pagination ul li.back-disabled a,
.plan-for-the-future .pagination ul li.next-disabled a {
  color: #888888;
  cursor: text;
  text-decoration: none; }

.plan-for-the-future div.sidebar-wrapper {
  float: right;
  margin: 0 0 1.5em 1.5em;
  width: 300px; }

@media (max-width: 480px) {
  .plan-for-the-future div.sidebar-wrapper {
    float: none;
    margin: 15px 0;
    padding: 10px;
    width: 100%; } }
@media (min-width: 481px) and (max-width: 767px) {
  .plan-for-the-future div.sidebar-wrapper {
    float: none;
    margin: 15px 0;
    padding: 10px;
    width: 100%; } }
.plan-for-the-future div.sidebar {
  background: none repeat scroll 0 0 #E6E6E6;
  border: 4px solid #BBBBBB; }

.plan-for-the-future div.sidebar-body {
  padding: 0.6em 1em; }

.plan-for-the-future .sidebar h3 {
  margin: 0;
  padding: 0 0 0.6em; }

.plan-for-the-future .sidebar ul {
  margin-left: 1.4em; }

.plan-for-the-future .sidebar li {
  margin: 0.4em 0; }

.plan-for-the-future .project {
  background: url("") no-repeat scroll left center transparent;
  padding: 18px 0 18px 50px; }

.plan-for-the-future .project-energy-frontier {
  background-image: url("/https/www.fnal.gov/faw/future/images/icons/v2-energy-frontier-sm.png"); }

.plan-for-the-future .project-intensity-frontier {
  background-image: url("/https/www.fnal.gov/faw/future/images/icons/v2-intensity-frontier-sm.png"); }

.plan-for-the-future .project-cosmic-frontier {
  background-image: url("/https/www.fnal.gov/faw/future/images/icons/v2-cosmic-frontier-sm.png"); }

.plan-for-the-future .project-three-frontier {
  background-image: url("/https/www.fnal.gov/faw/future/images/icons/v2-three-frontier-sm.png"); }

.plan-for-the-future .project-intensity-energy-frontier {
  background-image: url("/https/www.fnal.gov/faw/future/images/icons/v2-intensity-energy-frontier-sm.png"); }

.plan-for-the-future table.timeline {
  border-collapse: collapse; }

.plan-for-the-future table.timeline tr {
  vertical-align: top; }

.plan-for-the-future table.timeline th {
  background: none repeat scroll 0 0 #E6E6E6;
  border: 1px solid #BBBBBB;
  color: #FFFFFF;
  font-size: 0.9em;
  padding: 0.6em 0.4em; }

.plan-for-the-future table.timeline th a {
  color: #FFFFFF; }

.plan-for-the-future table.timeline th a:hover {
  color: #FFFFFF; }

.plan-for-the-future table.timeline td {
  border: 1px solid #BBBBBB;
  padding: 0.2em 0.4em; }

.plan-for-the-future table.timeline td.col-01 {
  text-align: center; }

.plan-for-the-future table.timeline th.col-02 {
  background: none repeat scroll 0 0 #CC9900; }

.plan-for-the-future table.timeline td.col-02 {
  background: none repeat scroll 0 0 #FFFFCC; }

.plan-for-the-future table.timeline th.col-03 {
  background: none repeat scroll 0 0 #339999; }

.plan-for-the-future table.timeline td.col-03 {
  background: none repeat scroll 0 0 #CCFFFF; }

.plan-for-the-future table.timeline th.col-04 {
  background: none repeat scroll 0 0 #003399; }

.plan-for-the-future table.timeline td.col-04 {
  background: none repeat scroll 0 0 #BBDDFF; }

.plan-for-the-future table.tevatron_table {
  border-collapse: collapse; }

.plan-for-the-future table.tevatron_table tr {
  vertical-align: top; }

.plan-for-the-future table.tevatron_table th {
  background: none repeat scroll 0 0 #E6E6E6;
  border: 1px solid #BBBBBB;
  color: #000000;
  font-size: 0.9em;
  padding: 0.6em 0.4em; }

.plan-for-the-future table.tevatron_table th a {
  color: #FFFFFF; }

.plan-for-the-future table.tevatron_table th a:hover {
  color: #FFFFFF; }

.plan-for-the-future table.tevatron_table td {
  border: 1px solid #BBBBBB;
  padding: 0.5em; }

.plan-for-the-future table.tevatron_table td.col-01 {
  color: #003399;
  font-size: 0.9em;
  font-weight: bold; }

.plan-for-the-future table.tevatron_table td.col-01 img {
  box-shadow: 3px 3px 3px #575757; }

.plan-for-the-future table.tevatron_table tr.stripes {
  background-color: #F0F0F0; }

/*========== Forms ==========*/
/*
Custom Form
*/
.fnal-form fieldset {
  border: 2px solid #ccc;
  padding: 1em 2em 1em 2em;
  margin: 0 0 1em 0;
  line-height: normal; }

.fnal-form legend {
  padding: 0 0.4em;
  font-size: 1.6em;
  font-weight: bold;
  color: #039; }

.fnal-form .form-row {
  margin: 0;
  overflow: auto;
  padding: 0.6em 0; }

.fnal-form .form-row-first {
  padding-top: 1.6em; }

.fnal-form .form-row li.label {
  float: left;
  font-weight: bold;
  margin: 0 auto 0 0;
  width: 30%; }

.fnal-form .form-row li.field {
  float: right;
  margin: 0 0 0 auto;
  width: 68%; }

.fnal-form .input-text {
  border: 1px solid #bbb;
  padding: 0.4em;
  width: 85%; }

.fnal-form .input-text-short {
  width: 42%; }

.fnal-form .input-text-xshort {
  width: 20%; }

.fnal-form .input-textarea {
  border: 1px solid #bbb;
  font-family: helvetica, arial, sans-serif;
  font-size: 1em;
  padding: 0.4em;
  width: 85%; }

.fnal-form .input-button {
  background: #ddd;
  border: 1px solid #bbb;
  color: #222;
  cursor: pointer;
  font-weight: bold;
  margin: 0 0.6em 0 0;
  padding: 0.2em 0.4em; }

.fnal-form .input-button:hover {
  background: #bbb;
  border-color: #999; }

/*
END: Custom Form
*/
/*========== END: Forms ==========*/
/*========== Tables ==========*/
table.fermi-table {
  empty-cells: show; }

table.fermi-table th {
  padding: 0.3em 0.6em;
  background: #ddd; }

table.fermi-table td {
  padding: 0.3em 0.6em;
  border-bottom: 1px solid #ddd; }

/*========== END: Tables ==========*/