/*
	BPCRC website, http://bprc.osu.edu/
	default.css file, v3.0
	Last updated: 20141013 by wah
*/

body {
/* 83a0c1 */
/* b4c4d4 */
/* d1dce8 */
	background-color: #d3dfef;
/*	background: #928e8d url('/images/bg_page_lter_becki.jpg') no-repeat fixed center top; */
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, 'Open Sans', sans-serif;
	font-size: 10pt;
	line-height: 1.2;
	color: #141414;
}

a:active, a:focus, object:active, object:focus
{	
	outline-style: none;
}

a {
	color: #002f9f;
	text-decoration: underline;
}

a:hover {
	color: #990000;
}

.btn {
	text-decoration: none;
}

#footer a {
	font-weight: bold;
}

img, form, ul {
	border: 0;
	margin: 0;
	padding: 0;
}

td, th {
	vertical-align: top;
}

th {
	font-weight: bold;
	font-size: 14px;
}

ul:not(#byrd-nav ul) {
	list-style-position: outside;
	overflow: hidden;
}

li:not(#byrd-nav ul li) {
	padding: 0;
	margin: 0.5em 0 0.5em 1.2em;
}

ul.nobullets {
	list-style: none;
}

ul.nobullets li {
	margin: 0 0 1em 0;
	padding: 0;
}

#header, #header_interstitial, #header_group_web
{
	position: relative;
	font-family: 'proximanova', 'Source Sans Pro', sans-serif;
	font-weight: bold;
	background-position: center center;
	background-repeat: repeat-x;
}

#header
{
	height: auto;
	background-color: #4477aa;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	border-bottom: 1px solid #595959;
}

#header_interstitial, #header_group_web
{
	height: 260px;
}

body.home #header
{
	height: 260px;
	background-image: url("/assets/images/headers/naimonaniya.jpg");
}

#header_interstitial
{
	margin-left: 280px;
}

.header_text_wrapper
{
	color: white;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px 10px;
}

.header_page_offset
{
	max-width: 1280px;
	margin: 0 auto;
}

#header .header_text_wrapper
{
	background-color: rgba(0,0,0,0.33);
	margin: 0 auto;
	max-width: 1280px;
	position: static;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#header_group_web .header_text_wrapper, #header_interstitial .header_text_wrapper,
body.home #header .header_text_wrapper
{
	background-color: rgba(0,0,0,0.33);
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: none;
	width: 100%;
}

#header .header_text_offset
{
	padding: 20px 10px;
}

#header .text_main {
	font-size: 24pt;
	line-height: 26pt;
	text-transform: uppercase;
	text-indent: -66px;
	margin-left: 66px;
}

#header_interstitial .text_main, #header_group_web .text_main
{
	font-size: 32pt;
	line-height: 26pt;
	text-transform: uppercase;
}

#header_interstitial_text .text_sub, #header_group_web .text_sub
{
	font-size: 23pt;
	line-height: 18pt;
	text-transform: uppercase;
}

.header_text_wrapper a, .header_text_wrapper a:hover, .header_text_wrapper a:active
{
	text-decoration: none;
	color: #fff;
}

.header_text_wrapper a:hover
{
	opacity: 0.85;
}

#header {
/*	border-bottom: 2px solid #303030; */
/*	border-left: 1px solid #707070;
	border-right: 1px solid #707070; */
}


#page {
	max-width: 1312px;
	margin: 0 auto;
	padding: 0 16px;
}


h1 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	position: relative;
	font-weight: bold;
}

h2 {
	font-size: 14pt;
	margin: 1.5em 0 0.6em 0;
	font-weight: bold;
}

.float_left h2, .float_left h3, .float_right h2, .float_right h3, .float_left p, .float_right p, .box_frame h2, .box_frame h3, .box h2, .box h3 {
	margin-top: 0;
}

h3, h4, h5 {
	font-size: 13pt;
	margin: 1.5em 0 0.6em 0;
	font-weight: bold;
}

h4 {
	margin: 0;
}

h5 {
	font-size: 11pt;
}

#content_wrapper {
	margin-bottom: 1em;
	background-color: #f9f9f9;
	position: relative;
}

#content {
	padding: 0;
}

#content_wide
{
	padding: 10px;
}

#content_wide.nopadding_header
{
	padding: 0;
}

#content_wide.nopadding_header #content
{
	padding: 10px;
}

#content_left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	min-height: 100%;
	
	border-left: 1px solid #164b92;
	border-right: 1px solid #164b92;
	background-color: #164b92;
/*	background-image: url('../images/bg_sidebar.png'); */
	background-position: left top;
	background-repeat: repeat-x;
	
	margin: 0;
	padding: 10px;
	color: white;
}

#content_left a, #content_left a:hover
{
	color: white;
}

#content_left h2
{
	margin: 0 0 0.8em 0;
}

#content_left .box
{
	margin-bottom: 2.0em;
}

#content_right
{
	padding: 10px;
	margin-left: 300px;
	position: relative;
}

#footer_wrapper {
/*	border: 1px solid #808080; */
	border: 1px solid #164b92;
	border-top: none;
	clear: both;
	color: white;
	background-color: #164b92;
	background-image: url('../images/bg_sidebar.png');
	background-position: left bottom;
	background-repeat: repeat-x;

}

#footer {
	padding: 10px;
	overflow: hidden;
}

#footer a {
	color: white;
}

#footer p {
	margin: 0 0 1em 0;
}


.clear {
	clear: both;
}

.notice {
	color: red;
	font-weight: bold;
}

.bar-gray, .bar-accordion {
	clear: both;
	padding: 5px;
	margin: 0 0 1em 0;
	background-color: #c0c0c0;
	color: black;
}

.bar-accordion {
	margin: 0 0 3px 0;
	background-color: #467ad0;
	color: white;
	font-weight: bold;
	border-bottom: 1px solid #808080;
	cursor: pointer;
}

.bar-red {
	clear: both;
	padding: 10px;
/*	background: #ce4646 url('../images/bg_bar_red.png') repeat-x left bottom; */
	background-color: #bb0000;
	color: white;
	font-weight: bold;
	text-align: center;
}

.bar-red a, .bar-red a:hover, .bar-blue a, .bar-blue a:hover {
	color: white;
	text-decoration: none;
}

.bar-blue {
	clear: both;
	padding: 10px;
	background: #467ad0 url('../images/bg_menu.png') repeat-x left bottom;
	color: white;
	font-weight: bold;
	text-align: center;
}


/* CSS Menu code */

#mainmenu {
	list-style: none;
	overflow: hidden;
	color: white;
}

#mainmenu li {
	margin: 0;
	padding: 0;
	/* Set position on parent so li > ul works */
	position: relative;
	float: left;
/*	white-space: nowrap; */
	border-right: 1px solid #a0a0a0;
}

ul#mainmenu a, ul#mainmenu .header, #subMenusContainer a {
	display: block;
	vertical-align: bottom;
	margin: 0;
	padding: 8px 12px;
	background-color: rgba(61, 61, 61, 0.84);
	font-size: 12pt;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-align: center;
}

#subMenusContainer a {
	background-color: rgba(61, 61, 61, 0.94);
	background-image: none;
}

ul#mainmenu .header {
	cursor: default;
}

ul#mainmenu a:hover, ul#mainmenu .header:hover, #subMenusContainer a:hover {
	background-color: #990000;
	opacity: 1;
	color: #fff;
}

ul#mainmenu ul, #subMenusContainer ul {
	width: 225px;
	font-size: 10pt;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

ul#mainmenu ul {
	display: none;
}

ul#mainmenu ul li, #subMenusContainer ul li {
	width: auto;
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

ul#mainmenu ul ul, #subMenusContainer ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 101;
}

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript only */
.smOW { 
	display: none;
	position: absolute;
	overflow: hidden;
}

/* All submenu OLs and ULs */
#mainmenu ul, #subMenusContainer ul, #subMenusContainer ol {
	left: 0;
	list-style: none;
}

#subMenusContainer {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: visible;
	z-index: 10000;
}

#mainmenu .link-main {
	margin-right: 22px;
}

#mainmenu .link-research {
	border-left: 1px solid #a0a0a0;
}

#mainmenu .link-research a {
	background-color: rgba(130, 130, 130, 0.84);
}

/* End CSS menu section */

p {
	margin: 1em 0;
}

address {
	margin: 1em 0;
}

.float_left, .gallery {
	float: left;
	margin: 0 10px 10px 0;
}

.float_right {
	float: right;
	margin: 0 0 10px 10px;
}

img.frame, .box_frame, div.caption {
	border: 1px solid #707070;
	padding: 1px;
}

.box_frame, div.caption {
	padding: 10px;
	background-color: #f0f0f0;
}

.box_frame {
	margin: 0 0 1em 0;
}

.box {
	margin-bottom: 1.0em;
	padding: 10px;
	background-color: #fff;
/* 	box-shadow: inset 0 -2px 6px #e3e3e3; */
	box-shadow: 0 3px 4px #d9d9d9;
}

.research-project-box {
	padding: 0;
}

.research-project-box .left-img {
	float: left;
	width: 320px;
	min-height: 260px;
	background-size: cover;
	background-position: left top;
}

.research-project-box-content {
	padding: 10px;
	overflow: hidden;
}


div.caption {
	font-style: italic;
}

div.caption img {
	display: block;
	margin-bottom: 3px;
}

.gallery {
	clear: none;
}

.center {
	text-align: center;
}

div.inline_js {
	margin: 1em 0;
}

.error {
	border: 1px solid black;
	background-color: #ffff60;
	padding: 10px;
	margin: 1em 0;
}

.success {
	border: 1px solid black;
	background-color: #33ff33;
	padding: 10px;
	margin: 1em 0;
}

label {
	cursor: pointer;
}

label.normal {
	font-weight: normal;
}

label.checkbox, .checkbox label
{
	font-weight: normal;
}

.form_table label
{
	display: inline;
	padding: 0 10px 0 0;
}

.form_table td
{
	vertical-align: middle;
}

.form_section
{
	margin: 1.5em 0;
}

.field_error
{
	border: 2px solid #aa0000;
	background-color: #ffffd0;
}

label.field_error
{
	color: #aa0000;
	font-weight: bold;
}

input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"]
{
	cursor: pointer;
}

a.moreinfo {
	display: block;
	margin-top: 0.5em;
	text-align: right;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
}

.feature_button {
	padding: 0;
	width: 400px;
	height: 100px;
	background-color: transparent;
	margin-right: 10px;

     -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3-4 */
          border-radius: 10px; /* Opera 10.5, IE 9, Saf5, Chrome */
     -moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 7px; /* FF3.5+ */
  -webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 7px; /* Saf3.0+, Chrome */
          box-shadow: rgba(0,0,0,0.4) 0px 0px 7px; /* Opera 10.5, IE 9 */
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000');
}


.button_green, .button_blue {
	display: inline-block;
	background: #1f9400 url('../images/bg_button_green.png') repeat-x left bottom;
	padding: 8px;
	font-size: 18px;
/*	text-transform: uppercase; */
	text-decoration: none;
	text-align: center;
	color: white;
	line-height: 18px;
	border: 1px solid #808080;
	-moz-border-radius: 10px; /* FF1+ */
	-webkit-border-radius: 10px; /* Saf3-4 */
	border-radius: 10px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.button_green:hover, .button_blue:hover {
	color: white;
	text-decoration: none;
/*	background: #14346f; */
}

.button_blue
{
	background: #4888de url('../images/bg_button_blue.png') repeat-x left bottom;
}


.feature_button a.button {
	display: block;
	padding: 30px 10px 30px 121px;
	height: 40px;
	text-decoration: none;
}

.feature_button a.button span.title {
	display: block;
	font-weight: bold;
	font-size: 14pt;
}

#home_news li {
	margin-top: 0;
	margin-bottom: 1em;
}

.cell1 {
	background-color: #e0e0e0;
}

.cell2 {
	background-color: #f0f0f0;
}


#globecell {
	background: url("/images/globe.png") no-repeat 50% 90px;
	position: relative;
	width: 690px;
	height: 480px;
	margin: 0 auto;
}

#supportcell {
	width: 600px;
	margin: 1em auto;
	line-height: 100px;
}

#supportcell img {
	padding-right: 10px;
	float: left;
}

#globecell a {
	text-align: center;
}

#polarmettext {
	position: absolute;
	top: 0px;
	left: 231px;
}
#icecoretext {
	position: absolute;
	top: 0;
	left: 365px;
}

#gectext {
	position: absolute;
	top: 30px;
	left: 85px;
}

#oceantext {
	position: absolute;
	top: 50px;
	left: 498px;
}

#glaciertext {
	position: absolute;
	top: 202px;
	left: 610px;
}

#remotetext {
	position: absolute;
	top: 202px;
	left: 25px;
}

#sealeveltext {
	position: absolute;
	top: 364px;
	left: 520px;
}

#geochemtext {
	position: absolute;
	top: 364px;
	left: 140px;
}

#hydrotext {
	position: absolute;
	top: 412px;
	left: 382px;
}

#geologytext {
	position: absolute;
	top:  412px;
	left: 252px;
}

#geochempic { 
	position: absolute; 
	top: 261px; 
	left: 136px;
	width: 100px;
	height: 100px;
}

#oceanpic { 
	position: absolute; 
	top: 66px; 
	left: 450px;
	width: 100px;
	height: 100px;
}

#icecorepic {
	position: absolute; 
	top: 26px; 
	left: 350px;
	width: 100px; 
	height: 100px;
}

#geologypic { 
	position: absolute;
	top: 308px; 
	left: 236px;
	width: 100px;
	height: 100px;
}

#hydropic {
	position: absolute;
	top: 308px; 
	left: 350px;
	width: 100px;
	height: 100px;
}

#sealevelpic {
	position: absolute; 
	top: 261px; 
	left: 454px;
	width: 100px;
	height: 100px;
}

#glacierpic { 
	position: absolute; 
	top: 161px; 
	left: 506px;
	width: 100px;
	height: 100px;
}

#gecpic {
	position: absolute; 
	top: 66px; 
	left: 136px;
	width: 100px;
	height: 100px;
}

#remotepic {
	position: absolute; 
	top: 161px; 
	left: 81px;
	width: 100px;
	height: 100px;
}

#polarmetpic {
	position: absolute;
	top: 26px;
	left: 236px;
	width: 100px;
	height: 100px;
}

.newsbar {
	display: block;
	padding: 5px;
	margin: 0 0 1em 0;
	text-align: center;
}

#header .addthis_toolbox
{
	position: absolute;
	right: 5px;
	bottom: 5px;
	height: auto;
	white-space: nowrap;
/*	width: 218px;
	overflow: hidden; */
}

#header .addthis_button_compact, h1 .addthis_button_compact, #content_right .addthis_button_compact
{
	font-weight: bold;
	text-decoration: none;
}

#header .at-icon-wrapper, h1 .at-icon-wrapper, #content_right .at-icon-wrapper
{
	vertical-align: top;
	margin-right: 2px;
}

#header .addthis_button_facebook_like, #header .addthis_button_twitter_follow_native
{
	height: 20px;
	overflow: hidden;
}
#header .addthis_button_facebook_like
{
	width: 81px;
}

#header .addthis_button_twitter_follow_native
{
	width: 127px;
}

h1 .addthis_toolbox, #content_right .addthis_toolbox
{
	position: absolute;
	right: 0;
	top: 1px;
	height: 28px;
	max-width: 300px;
	overflow: hidden;
	font-size: 10pt;
}

#content_right .addthis_toolbox
{
	bottom: 0;
	top: 12px;
	right: 10px;
}

.text-alert {
	font-weight: bold;
	color: #bb0000;
}

.video-tile
{
	display: block;
	padding: 0.3em 0;
	overflow: hidden;
	text-decoration: none;
}

.video-thumb
{
	float: left;
}

.video-title
{
	padding-left: 5px;
	overflow: hidden;
	font-size: 9pt;
	font-weight: bold;
	display: block;
	text-align: left;
}

ul.tabs
{
	overflow: hidden;
	list-style-type: none;
	margin: 0 0 0.5em 0;
	padding: 0;
	border-bottom: 1px solid #a0a0a0;
}

ul.tabs li
{
	float: left;
	-moz-border-radius: 7px 7px 0 0; /* FF1+ */
	-webkit-border-radius: 7px 7px 0 0; /* Saf3-4 */
	border-radius: 7px 7px 0 0; /* Opera 10.5, IE 9, Saf5, Chrome */
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #a0a0a0;
	margin: 0 3px 0 0;
	padding: 5px;
	background-color: #e0e0e0;
	color: black;
	font-weight: bold;
	cursor: pointer;
}

ul.tabs li.active
{
	border-color: #164b92;
	background-color: white;
	color: black;
}

#menu_res_groups
{
	margin: 0;
	padding: 0;
}

#menu_res_groups li
{
	margin: 0;
	padding: 0;
}

#menu_res_groups a
{
	display: block;
	vertical-align: bottom;
	padding: 10px 5px 10px 10px;
	line-height: auto;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #9090aa;
	transition: background-color 0.6s;
}

#menu_res_groups a:hover
{
	background-color: #990000;
	color: #fff;
}

#menu_res_groups a:after
{
	content: '>';
	float: right;
}

#menu_res_groups li.active a
{
	background-color: #e0e0e0;
	color: #000;
}

#content_left .nopadding_header, #content_left h2.nopadding_header
{
	padding: 10px;
	margin-bottom: 0.6em;
}



.text_sans_upper
{
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
}

table.table-hash {
	margin: 0 auto 1em;
}

table.table-hash tr {
	border-bottom: 1px solid #777;
}

table.table-hash tr:last-child {
	border-bottom-width: 0;
}

table.table-hash th {
	background: transparent;
	color: black;
	vertical-align: middle;
	text-align: right;
	border-right: 1px solid #777;
}

table.table-hash td {
	font-weight: bold;
}

table.table-hash th, table.table-hash td {
	padding: 5px;
}

.table-spaced th, .table-spaced td {
	padding: 3px;
}

.table-key-value th, .table-key-value td {
	padding-right: 10px;
}

.table_directory {
	border-collapse: separate;
	border-spacing: 7px;
}

.img-thumbnail-thin {
	padding: 0;
}

.row-margin {
	margin: 1.0em 0;
}

#wx_block {
	position: absolute;
	top: 0;
	right: 0;
	width: 220px;
	height: 140px;
	color: #fff;
}

#wx_block h2 {
	padding: 0.5em;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 11pt;
	text-transform: uppercase;
	text-align: center;
}

#wx_block .wx_temp_f {
	font-size: 22pt;
	position: absolute;
	top: 28pt;
	left: 20px;
	width: 180px;
}
#wx_block .wx_temp_c {
	font-size: 16pt;
	position: absolute;
	top: 31pt;
	left: 80px;
	width: 80px;
}
#wx_block .unit {
	font-size: 11pt;
	vertical-align: top;
	position: relative;
	top: 6px;
}

.tile-container {
	width: 100%;
	max-width: 600px;
}

.tile {
	float: left;
/*	padding: 10px; */
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.tile a {
	display: block;
	padding: 50px 8px;
	text-decoration: none;
	font-size: 14pt;
}

.row .tile:last-child {
	border-right: none;
}

.row:last-child .tile {
	border-bottom: none;
}

.home-tiles {
}

.home-tiles .tile {
	width: 50%;
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
}


.btn-primary, .label-primary {
	background-color: #164b92;
}