/** temporary fix... for Fermilab table html layout **/
table {
margin: 0 0 1.6em 0;
padding: 0;
}

th, td {
font-size: 12px;
}
/** END: temporary fix **/


h1 {} /* Reserved for logo */

h2 {
margin: 0 0 0.6em 0;
font-size: 1.8em;
font-weight: bold;
color: #409c86;
}

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

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

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

h3 {
margin: 0 0 0.6em 0;
font-size: 1.4em;
font-weight: bold;
color: #039;
}

h4 {
margin: 0 0 0.6em 0;
font-size: 1.2em;
font-weight: bold;
color: #333;
}

h5 {
margin: 0 0 0.2em 0;
font-size: 1.1em;
font-weight: bold;
color: #039;
}

h6 {
margin: 0 0 0.2em 0;
font-size: 1em;
font-style: italic;
font-weight: bold;
color: #333;
}

.block-header-red {
padding: 0.4em 0.8em;
background: #b00;
color: #fff;
}

.block-header-blue {
padding: 0.4em 0.8em;
background: #039;
color: #fff;
}

.block-header-green {
padding: 0.4em 0.8em;
background: #080;
color: #fff;
}

.block-header-black {
padding: 0.4em 0.8em;
background: #020202;
color: #fff;
}

.block-header-gray {
padding: 0.4em 0.8em;
background: #ddd;
color: #222;
}

hr {
clear: both;
margin: 1.2em 0 !important;
height: 1px;
color: #ccc;
background: #ccc;
}

.image-border {
border: 1px solid #ddd;
}

.small {
font-size: 0.9em;
}

.x-small {
font-size: 0.8em;
}

.big {
font-size: 1.2em;
}

.x-big {
font-size: 1.4em;
}

.blue {
color: #039;
}

.gray {
color: #999;
}

.dark-gray {
color: #333;
}

.red {
color: #c00;
}

.green {
color: #090;
}

.all-caps {
text-transform: uppercase;
}

.no-caps {
text-transform: none;
}

.no-italics {
font-style: normal;
}

ul.no-bullets {
list-style: none;
margin-left: 1.8em;
}

.bold {
font-weight: bold;
}

.no-bold {
font-weight: normal;
}

.align-left {
float: left;
margin: 0 1.2em 0.8em 0;
}

.align-right {
float: right;
margin: 0 0 0.8em 1.2em;
}

.clear-float {
width: 100%;
clear: both;
display: block;
}

.image-border {
border: 1px solid #ccc;
}

.caption {
background: #e9e9e9;
border: 1px solid #ddd;
display: block;
margin: 3px 0;
padding: 0.4em 0.8em;
}

div.last-modified {
clear: left;
margin: 1.5em 0;
}



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

/*** over-ride .fnal-hp-cols styles ***/
div.highlight-box h3 {
width: auto !important; 
height: auto !important; 
margin: 0 0 1em 0 !important; 
padding: 0.3em 0.6em !important; 
font-size: 1.3em !important; 
color: #fff !important;
}

div.highlight-box ul {
/*
list-style: disc !important;
margin-left: 2.5em !important;
*/
}
/*** END: over-ride .fnal-hp-cols styles ***/

/*========== END: highlight-box ==========*/



/*========== homepage content ==========*/
#fnal-homepage {

}

#fnal-hp-feature { /** hompeage (rotating) photo slides **/
margin: -62px 0 25px 0;
overflow: hidden;
}

#fnal-hp-feature #slides {
top: 227px;
}

#fnal-hp-feature .jcarousel-clip-horizontal {
height: 227px;
width: 740px;
}

#fnal-hp-cols {
clear: both;
width: 100%;
overflow: auto;
}

#fnal-hp-col-01 {
float: left;
width: 360px;
/*min-height: 300px;*/
}

#fnal-hp-col-02 {
float: right;
width: 360px;
/*min-height: 300px;*/
}

div.hp-section {
clear: both;
margin: 0 0 1.2em 0;

overflow: auto;
}

div.hp-section ul.subheader {
clear: both;
list-style: none;
margin: 0 0 1.2em 0 !important;
padding: 0;
height: 28px;
border-bottom: 1px solid #2b2b2b;
}

ul.subheader li {
display: inline;
float: left;
margin: 0 !important;
padding: 0 !important;
/*height: 28px;*/
}

ul.subheader li.subheader {
width: 240px;
}

ul.subheader li.date {
width: 120px;
height: 18px;
margin: 0;
padding: 10px 0 0 0 !important;
text-align: right;
font-size: 1em;
font-weight: bold;
color: #666;
}
ul li.recovery{
list-style-image:url(http://www.fnal.gov/images_v2/bullet.gif);

}

#fnal-hp-cols h3 {
margin: 0;
padding: 0;
width: 240px;
height: 28px;
font-size: 1.6em;
font-weight: bold;
color: #409c86;
}

#fnal-hp-cols h3 a {
display: block;
width: 240px;
height: 28px;
color: #409c86;
text-decoration: none;
}

#fnal-hp-cols .fermilab-today h3 {
background: transparent url(http://www.fnal.gov/fnalincludes/images/subhead-fermilab-today.jpg) no-repeat left top;
text-indent: -9999px;
}

#fnal-hp-cols .symmetry h3 {
background: transparent url(http://www.fnal.gov/fnalincludes/images/subhead-symmetry.jpg) no-repeat left top;
text-indent: -9999px;
}


#fnal-hp-cols ul {
list-style: none;
margin: 0;
padding: 0;
}

#fnal-hp-cols li {
padding: 0 0 0.6em 0;
}
/*========== END: homepage content ==========*/



/*========== Icons ==========*/
.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;
}

.excel, .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;
}

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

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

.word, .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;
}

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

.top-of-page {
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;
}
/*========== END: Icons ==========*/



/*========== sidebars ==========*/
.sidebar-container {
width: 220px;
float: right;
margin: 0 0 1.5em 1.5em;
}

.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, .sidebar-02 h3 {

}

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

.sidebar-01 li, .sidebar-02 li {
margin: 0.6em 0;
}
/*========== END: sidebars ==========*/




/*========== subnavs ==========*/
.subnav {
background: #ccc;
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;
}

/** 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 ==========*/
.qu-home {
clear: both;
width: 100%;
margin: 0 0 1.5em 0;
overflow: auto;
}

.qu-home .qu-col-01 {
float: left;
width: 200px;
margin: 0 2em 0 0;
}

.qu-home .qu-col-02 {
float: left;
width: 200px;
margin: 0 2em 0 0;
}

.qu-home .qu-col-03 {
float: left;
width: 200px;
}

.qu-home h3 {
height: 2.5em;
_height: 3.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;
}

.qu-home ul {
min-height: 250px;
_height: 250px; /** IE6 Hack **/
margin: 0;
padding: 0.4em 0.8em;
background: #ddd;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #fff;
}

.qu-home li {
margin: 0.8em 0 0.8em 1.8em;
}

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

h2.einsteins-dream {
background-image: url(http://www.fnal.gov/pub/science/questions/images_v2/header-einsteins-dream.jpg);
}

h2.particle-world {
background-image: url(http://www.fnal.gov/pub/science/questions/images_v2/header-particle-world.jpg);
}

h2.birth-universe {
background-image: url(http://www.fnal.gov/pub/science/questions/images_v2/header-birth-universe.jpg);
}

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(http://www.fnal.gov/fnalincludes/images/icons/bullet-square-blue.jpg) no-repeat left 4px;
}
/*========== END: Tevatron Results ==========*/



/*========== Forms ==========*/
fieldset { /** form section **/
border: 1px solid #ccc;
padding: 0.5em 1em 1em 1em;
margin: 0 0 1em 0;
line-height: normal;
}

legend { /** form section header **/
padding: 0 0.4em;
font-size: 1.3em;
font-weight: bold;
color: #3b506d;
}

fieldset p {
line-height: normal;
}

fieldset ul.form-row { /** form row **/
width: 100%;
clear: both;
list-style: none;
margin: 0.6em 0 0 0;
padding: 0;
}

fieldset ul.form-row li { /** form column **/
display: inline;
float: left;
margin: 0.4em 0.4em;
}

form input.button {
cursor: pointer;
padding: 0.2em 0.4em;
border: 1px solid #999;
background: #ccc;
font-weight: bold;
color: #222;
}

form input.button-gray {
background: #bbb;
}
/*========== END: Forms ==========*/




/*========== Tables ==========*/
table.fermi-table {

border-collapse: collapse;
empty-cells: show;
}

table.fermi-table tr {

}

table.fermi-table th,
table.fermi-table td {
border: 1px solid #fff;
padding: 0.4em 0.8em;
}

table.fermi-table th {
background: #e6e6e6;
padding: 0.6em 0.8em;
}

table.fermi-table td {
border-bottom: 1px solid #e6e6e6;
}
/*========== END: Tables ==========*/



div.media {
width: 220px;
float: left;
margin: 0.5em 2em 2em 0;
padding: 0;
overflow: none;
text-align: center;
}

div.media .thumb {

}

div.media .caption {
margin: 0.5em 0 0 0;
text-align: left;
}

ul.media-links {
list-style: none;
margin: 0.2em 0 0 0;
padding: 0.3em 0.6em;
background: #ddd;
}

ul.media-links li {
display: inline;
margin: 0;
padding: 0 0.6em;
border-right: 1px solid #666;
}

ul.media-links li.last {
border-width: 0;
}

.media-videos {
width: 325px !important;
margin: 0.5em 2em 1em 0 !important;
text-align: left !important;
}

.media-videos p {
margin: 0.6em 0 1.5em 0;
}

ul.social-bookmark-icons { /** icons in left column of template :: /fnalincludes/nav-left-global.html **/
height: 40px !important;
list-style: none !important;
/*margin: 0 !important;*/
padding: 0 !important;
overflow: none !important;
}

ul.social-bookmark-icons li {
float: left !important;
margin: 0 9px 0 0 !important;
}

ul.social-bookmark-icons li.last {
margin: 0 !important;
}


/*
FAQ Page
--------------------------
*/
.faq-tabs {
border-top: 1px solid #ccc;
margin: 2em 0 1em;
padding: 1em 0 0 0;
text-align: center;
}