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

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

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

/**	"indent" style to be used on indented lists where maximum header tags are used	**/
div.indent {
	padding-left:15px;
}

div.indent h4 {
	font-size:1.1em;
}

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(/pub/science/experiments/images/icon-energy-frontier.jpg) no-repeat left top;
}

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

h2.cosmic-frontier {
padding: 1em 0 0.5em 80px;
background: #fff url(/pub/science/experiments/images/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-black {
padding: 0.4em 0.8em;
background: #020202;
color: #fff;
}

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

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

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

.block-header-bluegreen,
.block-header-blue-green {
padding: 0.4em 0.8em;
background: #3F9C87;
color: #fff;
}

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

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


/*
==============================
Content Helpers
==============================
*/
hr {
background: #ccc;
border-width: 0;
clear: both;
color: #ccc;
height: 1px;
margin: 1.2em 0 !important;
}

.small {
font-size: 0.9em;
}

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

.xx-small {
font-size: 0.7em;
}

.xxx-small {
font-size: 0.6em;
}

.big {
font-size: 1.2em;
}

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

.xx-big {
font-size: 1.6em;
}

.xxx-big {
font-size: 1.8em;
}

.blue {
color: #039 !important;
}

.gray {
color: #999 !important;
}

.dark-gray {
color: #333 !important;
}

.red {
color: #c00 !important;
}

.green {
color: #090 !important;
}

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

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

.italic,
.italics {
font-style: italic;
}

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

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

.double-line li,
.double-space li {
padding: 0.3em 0;
}

.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,
.clear-float {
clear: both;
display: block;
}

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

div.caption {
background: #ddd;
padding: 0.8em;
}

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

/*
Columns
*/
.cols {
margin: 0 0 1.5em 0;
overflow: auto;
}

.two-cols {

}

.two-cols .col {
float: left;
margin-left: 2%;
width: 48%;
}

.two-cols .col:first-child {
margin-left: 0;
}

.three-cols {

}

.three-cols .col {
float: left;
margin-left: 2%;
width: 31%;
}

.three-cols .col:first-child {
margin-left: 0;
}

.four-cols {

}

.four-cols .col {
float: left;
margin-left: 2%;
width: 23%;
}

.four-cols .col:first-child {
margin-left: 0;
}
/*
==============================
END: Content Helpers
==============================
*/


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



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

}

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

#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(/images/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(/fnalincludes/images/subhead-fermilab-today.jpg) no-repeat left top;
text-indent: -9999px;
}

#fnal-hp-cols .symmetry h3 {
background: transparent url(/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 ==========*/
body .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;
}

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

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

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

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

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

body .top-of-page,
body .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;
}

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

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

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

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

.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 ==========*/
.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(/pub/science/questions/images/header-einsteins-dream.jpg);
}

h2.particle-world {
background-image: url(/pub/science/questions/images/header-particle-world.jpg);
}

h2.birth-universe {
background-image: url(/pub/science/questions/images/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;
}

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




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

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



/*========== Media (Images, Videos, etc.) ==========*/
.media {
	
}

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

.media-image .media-thumb img {
	height: auto;
	width: 100%;
}

.media-image .media-links {
	background: #333;
	overflow: hidden;
	padding: 0.5em 0.75em;
	text-align: center;
}

.media-image .media-links .title {
	color: #ccc;
	display: inline-block;
	/*float: left;*/
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.media-image .media-links ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.media-image .media-links ul li {
	border-left: 1px solid #999;
	display: inline-block;
	/*float: left;*/
	list-style: none;
	margin: 0;
	padding: 0 0.5em;
}

.media-image .media-links ul li.first {
	border: none;
}

.media-image .media-links ul a {
	color: #ccc;
}

.media-image .media-caption {
	background: #e6e6e6;
	padding: 0.5em 0.75em;
}
/*========== END: Media (Images, Videos, etc.) ==========*/