/*
=======================================================
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: #fff url("https://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: #fff url("https://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: #fff url("https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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 {

}

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

ul.press-sub-nav a {

}
/** END: press-sub-nav **/

/*========== END: subnavs ==========*/




/*========== Questions for the Universe ==========*/
.section-questions-for-universe .qu-home {

}

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

}

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(/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-body {
}
.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-disabled {
    display: none;
}
.plan-for-the-future .pagination ul li.next {
    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 rgba(0, 0, 0, 0);
    padding: 18px 0 18px 50px;
}
.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 {

}

.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 tr {

}

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 ==========*/