/* $Id: orr-custom.css,v 1 2011/04/07 12:09:53 seumas.gagne Exp $ */

/**
 * @file
 * Layout Styling
 *
 * Define CSS classes to style the Office of Response and Restoration web site
 * 
 */

 /* set global font */
 
body {
	 font-family: 'Open Sans', sans-serif;
 }

 /* Style site-wide headers */
 
h1 {
	font-size: 1.4em;
	color: #006666;
	/* font-family: verdana,arial,sans-serif;*/
}
h2 {
	font-size: 1.4em;
	color: #006666;
	/* font-family: verdana,arial,sans-serif; */
}
h3 {
	font-size: 1.2em;
	color: #339999;
	/* font-family: verdana,arial,sans-serif; */
}
h4 {
	font-size: 1.1em;
	font-weight: 600;
	color: #435077;
	/* font-family: verdana,arial,sans-serif; */
}
h5 {
	margin-top: 1.5em;
	font-weight: 600;
	font-size: 1em;
	color: #585858;
	/* font-family: verdana,arial,sans-serif; */
}
h6 {
	font-size: .9em;
	font-weight: 600;
	color: #585858;
	/* font-family: verdana,arial,sans-serif; */
}

/* Style site-wide paragraphs */

p {
	margin-top: .6em;
	margin-bottom: .6em;
}
strong {
	font-size: 1em;
}

/* Style site-wide table headers */

thead th, tbody th {
	background-color: #EBEBEB;
	font-weight: 600;
	text-align: center;
}

/* Style site-wide vessel names */

.vessel {
	font-style: italic;
}

/* Style site-wide links */

a {
	color: #3366FF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Style site-wide lists */

li {
	padding-bottom: .3em;
	padding-top: .3em;
}

/* Style the main menu beyond layout-fixed.css */

#navigation li
	{
		padding: 4px 16px;
	}

/* Style site-wide breadcrumbs */

.breadcrumb {
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	clear: both;
	font-size: .8em;
	/* font-family: verdana,arial,sans-serif; */
}

/* Pull the search bar to the front */

#search-box {
	position: relative;
	left: 776px;
	top: -126px;
	z-index: 2;
}

/* Style the AddThis button */

.pane-addthis-0 {
	float: right;
	margin-top: 20px;
}

/* AddThis differently on the index */

#index-page .pane-addthis-0 {
	float: right;
	clear: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
}

 /* Style the index page */
 
#index-page .panels-flexible-row-3-5,.panels-flexible-row-3-1,.panels-flexible-row-3-2 {
	margin: 20px 0px 20px 20px;
}
#index-page .panels-flexible-row-3-3 {
	margin: 0;
}
#index-page  .panels-flexible-region,.panels-flexible-region-inside {
	padding: 0;
}
#index-page p {
	margin: 0;
}
#index-page ..panels-flexible-region-3-row_1_box_1 {
	width: 740px;
	margin-right: 28px;
}
#email-signup-button {
	width: 166px;
	height: 26px;
	margin: 0px 0px 10px 10px;
	position: relative;
	-moz-box-shadow: 3px 3px 4px lightgray;
	-webkit-box-shadow: 3px 3px 4px lightgray;
	box-shadow: 3px 3px 4px lightgray;
	}
#orr-pubs-button {
	width: 166px;
	height: 26px;
	margin: 0px 0px 20px 10px;
	position: relative;
	-moz-box-shadow: 3px 3px 4px lightgray;
	-webkit-box-shadow: 3px 3px 4px lightgray;
	box-shadow: 3px 3px 4px lightgray;
	}
#orr-dwh-button {
	width: 166px;
	height: 70px;
	margin: 0px 0px 20px 10px;
	position: relative;
	-moz-box-shadow: 3px 3px 4px lightgray;
	-webkit-box-shadow: 3px 3px 4px lightgray;
	box-shadow: 3px 3px 4px lightgray;
	}
#year-in-review-button {
	width: 166px;
	height: 70px;
	margin: 0px 0px 0px 10px;
	position: relative;
	-moz-box-shadow: 3px 3px 4px lightgray;
	-webkit-box-shadow: 3px 3px 4px lightgray;
	box-shadow: 3px 3px 4px lightgray;
	}
#featured-news-index {
	float: left;
	padding: 10px;
	width: 728px;
	height: 390px;
	-moz-box-shadow: 3px 3px 4px lightgray;
	-webkit-box-shadow: 3px 3px 4px lightgray;
	box-shadow: 3px 3px 4px lightgray;
}
#featured-news-index .views-field-title a {
	font-size: 1.25em;
	color: #236c96;
}
#featured-news-index p {
	margin-top: .6em;
	margin-bottom: .6em;
}
#featured-news-index .imagefield-field_image_1 {
	float: left;
	clear: left;
	margin: 0px 10px 0px 0px;
	width: 472px;
	height: 340px;
}
#featured-news-index .views-field-field-image-1-data {
	float: left;
	clear: left;
	margin: 0px 10px 0px 0px;
	font-size: .75em;
	background-color: black;
	color: white;
	padding: 10px;
	text-align: left;
	width: 452px;
	height: 40px;
	position: relative;
	top: -3px;
}
#featured-news-index .views-slideshow-controls-bottom {
	background-color: black;
	height: 16px;
	width: 472px;
	color: white;
	font-size: .8em;
	font-weight: 600;
	float:left;
	margin-top: 0em;
}
#featured-news-index .views_slideshow_pager_field_item {
	float: left;
	height: 16px;
	width: 24px;
	text-align: center;
}
#featured-news-index .views-slideshow-controls-bottom .active {
	background-color:#e7e9d8;
	color: black;
}

#index-page .panels-flexible-region-3-row_2_box_1,.panels-flexible-region-3-row_2_box_2,.panels-flexible-region-3-row_2_box_3,.panels-flexible-region-3-row_2_box_4,.panels-flexible-region-3-row_2_box_5 {
	width: 166px;
	height: 308px;
	margin-right: 28px;
}

#index-page .front-page-boxes {
	width: 166px;
	height: 298px;
	background-color:#e7e9d8;
	-moz-box-shadow: 3px 3px 4px lightgray;
	-webkit-box-shadow: 3px 3px 4px lightgray;
	box-shadow: 3px 3px 4px lightgray;
}
#index-page .front-page-boxes .pane-title {
	font-size: 1em;
	color: white;
	background-color: black;
	text-align: center;
	position: relative;
	height: 38px;
	padding: 4px;
	z-index: 3;
	}
#index-page .front-page-boxes .pane-title a {
	color: white;
}
#incident-news-index .pane-content {
	font-size: .8em;
}
#incident-news-index .more-link {
	display: none;
}
#incident-news-index  ul {
	list-style: square;
}
#index-r2b2-node  .pane-content {
	position: relative;
	top: -48px;
}
#responder-tools-index .pane-content {
	font-size: .8em;
	position: relative;
	top: -10px;
}
#responder-tools-index .accordion-header {
	background-color: #e7e9d8;
	background-image: url(http://response.restoration.noaa.gov/sites/all/themes/orr/images/plus.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border: 0px;
	line-height: initial;
}
#responder-tools-index .accordion-header-active {
	background-color: #d1dfd0;
	background-image: url(http://response.restoration.noaa.gov/sites/all/themes/orr/images/minus.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border: 0px;
}
#responder-tools-index .accordion-content {
	font-size: .8em;
	background-color: white;
}
#index-r2b4  .pane-content {
	position: relative;
	top: -48px;
}
#index-r2b5  .pane-content {
	position: relative;
	top: -48px;
}
/* removed orr blog feed making thie necessary */
#index-page
	.panels-flexible-region-3-row_3_box_1
		{
			width: 100%;
		}
#orr-site-follow {
	float:right;
	clear: both;
	width: 146px;
	margin-right: 36px;
}
#orr-site-follow .follow-link-site {
	margin: 0 0 0 14px;
}
#orr-site-follow .pane-title {
	font-size: 1.1em;
	text-align: right;
	color: #435077;
}
#orr-blog-index {
	float: left;
}
#orr-blog-index .pane-title {
	font-size: 1.1em;
	color: #435077;
}
#orr-blog-index .orr-blog-index-box {
}
#orr-blog-index  .pane-content {
	position: relative;
	font-size: .9em;
	padding: 0px;
}
#orr-blog-index .more-link {
	position: relative;
	top: -10px;
	margin-right: 4px;
}
#orr-blog-index  ul {
	list-style: square;
}

/* Style the scroll anchors */

#scroll-anchor-menu {
	position: relative;
	left: -12px;
	float: left;
	clear: both;
}
#scroll-anchor-menu  ul {
	float: left;
	clear: both;
}
#scroll-anchor-menu li {
	float: left;
	list-style-type: none;
	background-color: #e7e9d8;
	font-size: .75em;
	font-weight: 900;
	padding-left: 10px;
	padding-right: 10px;
}

/* Style the footers */

#nos-required-footer {
	background-color:#e7e9d8;
	padding: 4px;
	font-size: .70em;
	width: 982px;
	position: relative;
	z-index: 1;
}

/* Style the sidebar */

#popular-links img {
	width: 196px;
	height: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #006666;
}
#featured-products-services {
}
#featured-products-services img .imagefield-field_image_1 {
	width: 196px;
	height: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #006666;
}
#attached-files td {
	font-size: .7em;
	background-color:#e7e9d8;
	padding: 4px;
}
#attached-files a {
	color: navy;
}
.sidebar {
	background-color: #d1dfd0;
	padding: 10px;
	width: 198px;
	height: 100%;
	border-color: black;
	border-left-style: solid;
	border-width: 1px;
}
#sidebar-bottom-filler {
	position: absolute;
	z-index: 0;
	height: 100%;
}

/* Style nodes */

#node .panels-flexible-column-first {
	padding: 30px 0px 0px 30px;
	width: 736px;
}
#node .node-textblock {
	clear: left;
}
#node .node-title {
	font-size: 1.1em;
	font-weight: 600;
	color: #435077;
	/* font-family: verdana,arial,sans-serif; */
}
#node .node-image {
	float: right;
	clear: right;
	margin: 20px 0 20px 20px;
}
#node .node-image-caption {
	float: right;
	clear: left;
	font-size: .8em;
	font-style: italic;
}
#node .node-image-caption-left {
	float: left;
	clear: both;
	font-size: .8em;
	font-style: italic;
}
#node .node-subtitle {
	margin-top: 1.5em;
	clear: left;
	font-weight: 600;
	font-size: 1em;
	color: #585858;
	/* font-family: verdana,arial,sans-serif; */
}
#node .pane-node-attachments td {
	padding: 1.5em;
}

/* Style the orr where you live node number 42 */

#orrmap-node .panels-flexible-row-60-1 {
	padding: 30px 0px 0px 30px;
}
#orrmap-node .node-title {
	font-size: 1.25em;
	color: #435077;
}
#orrmap-node .node-image {
	float: right;
	clear: both;
	margin: 0 0 20px 20px;
}
#orrmap-node .node-image-caption {
	float: left;
	clear: both;
	font-size: .8em;
	font-style: italic;
}
#orrmap-node .node-subtitle {
	margin-top: 1.5em;
	font-size: 1em;
	font-weight: 600;
	color: #585858;
	/* font-family: verdana,arial,sans-serif; */
}
#orrmap-node .node-textblock {
}

/* Style taxonomy term pages */

#taxonomy-term h4 {
	margin: 0;
}
#popular-links h4 {
	margin-bottom: 0.909em;
	margin-top: 0.6em;
}
#taxonomy-term .panels-flexible-row {
	padding: 0px;
}
#taxonomy-term .fifty-percent {
	width: 50%;
}
#taxonomy-term .taxonomy-term-image {
	max-width: 356px;
	float: left;
	clear: left;
	margin: 20px 0px 0px 0px;
}
#taxonomy-term .taxonomy-term-image-right {
	max-width: 356px;
	float: right;
	margin: 0px 0px 0px 20px;
}
#taxonomy-term .taxonomy-term-image-caption {
	font-size: .8em;
	font-style: italic;
}
#taxonomy-term .taxonomy-term-textblock {
	margin: 30px 0px 0px 30px;
}
#taxonomy-term .taxonomy-subterm-list {
	float: left;
	clear: both;
	margin: 0px 0px 0px 30px;
}
#taxonomy-term .panel-region-separator {
	display: invisible;
}
#taxonomy-term .taxonomy-subterm-grid {
	float:left;
	clear: both;
	margin: 0px 0px 0px 20px;
	padding: 10px;
	width: 100%
}
#taxonomy-term .taxonomy-subterm-grid td {
	vertical-align: top;
	width: 50%;
	padding-right: 2em;
}
#taxonomy-term .taxonomy-node-list {
	float: left;
	clear: both;
	margin: 0px 0px 0px 20px;
}
#taxonomy-term .taxonomy-node-grid {
	float:left;
	clear: both;
	margin: 0px 0px 0px 20px;
	padding: 10px;
	width: 740px;
}
#taxonomy-term .taxonomy-node-grid td {
	vertical-align: top;
	width: 50%;
	padding: 10px;
	border-left-style: solid;
	border-color: black;
	border-width: 1px;
}
#taxonomy-term .orr-weekly-thumbnail {
	float: right;
	margin: 0 0 0 10px;
	}
#taxonomy-term .pane-jump-menu-jump-menu-menu-orr-weekly-report {
	margin: 20px;
}
#taxonomy-term .weekly-past-issue-grid {
	float:left;
	clear: both;
	margin: 0px 0px 0px 20px;
	width: 100%
}
#taxonomy-term .weekly-past-issue-grid table {
	width: 100%;
}
#taxonomy-term .weekly-past-issue-grid td {
	vertical-align: top;
	width: 25%;
	padding: 6px;
}

/* Style image galleries. These are displays of the image nodes in */
/* the taxonomy term page */

#orr-image-gallery {
	margin: 10px 0 10px 30px;
}
#orr-image-gallery .views-slideshow-controls-top {
	position: relative;
	float: left;
	clear: left;
	width: 180px;
	//* outline: orange solid thick; *//
}
#orr-image-gallery .views_slideshow_pager_field_item {
	float: left;
	padding: 3px 3px 0 3px;
	margin: 0;
	opacity: .6;
	background-color: #435077;
	//* outline: yellow solid thick; *//
}
#orr-image-gallery .views_slideshow_pager_field_item .views-row-odd {
	clear: left;
	//* outline: green solid thick; *//
}
#orr-image-gallery .active {
	opacity: 1;
}
#orr-image-gallery .views_slideshow_main {
	position: relative;
	width: 764px;
	float: left;
	//* outline: blue solid thick; *//
}
#orr-image-gallery .imagefield-field_image_1 {
	position: relative;
	width: 558px;
	height: auto;
	float: left;
	margin: 0em 1.2em .8em 0em;
	-moz-box-shadow: 3px 3px 4px lightgray;
	-webkit-box-shadow: 3px 3px 4px lightgray;
	box-shadow: 3px 3px 4px lightgray;
	//* outline: indigo solid thick; *//
}
#orr-image-gallery .views-row {
	position: relative;
	width: 758px;
}
#orr-image-gallery .views-field-title {
	position: relative;
	clear: right;
	font-size: 1.1em;
	font-weight: 600;
	color: #435077;
	/* font-family: verdana,arial,sans-serif; */
	margin-bottom: 1em;
	//* outline: violet solid thick; *//
}
#orr-image-gallery .views-field-body h5 {
	margin-top: 0em;
}
#orr-image-gallery .views-field-body {
	position: relative;
	clear: right;
	font-size: .9em;
	margin-bottom: .6em;
	//* outline: red solid thin; *//
}
#orr-image-gallery .views-field-field-image-credit-value {
	position: relative;
	clear: right;
	font-size: .9em;
	margin-bottom: .8em;
}
#orr-image-gallery .photo-credit-label {
	position: relative;
	clear: right;
	font-size: .9em;
	font-weight: 600;
	margin-bottom: .8em;
}
#orr-image-gallery .views-field-field-image-1-fid-1 {
	display: initial;
	position: relative;
	clear: right;
	margin-bottom: .8em;
	font-size: .8em;
	font-weight: 600;
	//* outline: orange solid thick; *//
}
#orr-image-gallery .views-slideshow-controls-bottom {
	position: relative;
	width: 764px;
	margin: 1em 1em 1em 18em;
	font-size: .8em;
	font-weight: 600;
	//* outline: green solid thin; *//
}
#orr-image-gallery .views_slideshow_controls_text_previous {
	margin-right: .1em;
}
#orr-image-gallery .views_slideshow_controls_text_pause {
	margin-right: .1em;
}

/* Style photo collections. These are displays of the image nodes in */
/* the taxonomy term page */

#orr-photo-collection {
	margin: 10px 0 10px 30px;
	//* outline: red solid thick; *//
}
#orr-photo-collection .views-slideshow-controls-top {
	position: relative;
	float: left;
	clear: left;
	width: 180px;
	//* outline: orange solid thick; *//
}
#orr-photo-collection .views_slideshow_pager_field_item {
	float: left;
	padding: 3px 3px 0 3px;
	margin: 0;
	opacity: .6;
	background-color: #435077;
	//* outline: yellow solid thick; *//
}
#orr-photo-collection .views_slideshow_pager_field_item .views-row-odd {
	clear: left;
	//* outline: green solid thick; *//
}
#orr-photo-collection .active {
	opacity: 1;
}
#orr-photo-collection .views_slideshow_main {
	position: relative;
	width: 764px;
	float: left;
	//* outline: blue solid thick; *//
}
#orr-photo-collection .imagefield-field_image_1 {
	position: relative;
	width: 558px;
	height: auto;
	float: left;
	margin: 0em 1.2em .8em 0em;
	-moz-box-shadow: 3px 3px 4px lightgray;
	-webkit-box-shadow: 3px 3px 4px lightgray;
	box-shadow: 3px 3px 4px lightgray;
	//* outline: indigo solid thick; *//
}
#orr-photo-collection .views-row {
	position: relative;
	width: 758px;
}
#orr-photo-collection .views-field-title {
	position: relative;
	clear: right;
	font-size: 1.1em;
	font-weight: 600;
	color: #435077;
	/* font-family: verdana,arial,sans-serif; */
	margin-bottom: 1em;
	//* outline: violet solid thick; *//
}
#orr-photo-collection .views-field-body h5 {
	margin-top: 0em;
}
#orr-photo-collection .views-field-body {
	position: relative;
	clear: right;
	font-size: .9em;
	margin-bottom: .6em;
	//* outline: red solid thin; *//
}
#orr-photo-collection .views-field-field-image-credit-value {
	position: relative;
	clear: right;
	font-size: .9em;
	margin-bottom: .8em;
}
#orr-photo-collection .photo-credit-label {
	position: relative;
	clear: right;
	font-size: .9em;
	font-weight: 600;
	margin-bottom: .8em;
}
#orr-photo-collection .views-field-field-image-1-fid-1 {
	position: relative;
	clear: right;
	margin-bottom: .8em;
	font-size: .8em;
	font-weight: 600;
	//* outline: orange solid thick; *//
}
#orr-photo-collection .views-slideshow-controls-bottom {
	position: relative;
	width: 764px;
	margin: 1em 1em 1em 18em;
	font-size: .8em;
	font-weight: 600;
	//* outline: green solid thin; *//
}
#orr-photo-collection .views_slideshow_controls_text_previous {
	margin-right: .1em;
}
#orr-photo-collection .views_slideshow_controls_text_pause {
	margin-right: .1em;
}

/* Style the search results page */
#content .tabs {
	display: none;
}
#orr-search-results .pane-search-result {
	margin: 20px 30px 30px 30px;
}

/* Style the sitemap */

#site-map {
	margin: 30px 30px 30px 30px;
}

/* Style the feed aggregator pages */

.section-aggregator  .title {
	margin: 30px 30px 10px 30px;
}

.section-aggregator  #content-area {
	margin: 10px 30px 30px 30px;
}

/* Style the CustomError pages */

.section-customerror .title {
	margin: 30px 30px 10px 30px;
}

.section-customerror #content-area {
	margin: 10px 30px 30px 30px;
}

#shutdown {
	background: lightgoldenrodyellow;
	border: solid 2px black;
	position: relative;
	margin: 10px 28px 10px 28px;
	padding: 8px;
	width: 912px;
	font-weight: 600;
	float: left;
	}

/* Style the annual report galleries */
#taxonomy-term-annual-report .panel-region-separator {
	display: none;
}
#taxonomy-term-annual-report .views_slideshow_controls_text {
	display: inline;
}
#taxonomy-term-annual-report .views-slideshow-controls-bottom {
	position: absolute;
	top: 300px;
	z-index: 50;
}
#taxonomy-term-annual-report .views-slideshow-controls-bottom a {
	color: white;
}
#taxonomy-term-annual-report .views_slideshow_controls_text_previous {
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0 0.5em;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	left: 0px;
	border-radius: .0em .3em .3em .0em;
}
#taxonomy-term-annual-report .views_slideshow_controls_text_pause {
	display: none;
}
#taxonomy-term-annual-report .views_slideshow_controls_text_next {
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0 0.5em;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	right: -985px;
	border-radius: .3em .0em .0em .3em;
}
#taxonomy-term-annual-report .views_slideshow_slide_counter {
	font-size: 1em;
	position: absolute;
	top: 28px;
	right: 0px;
	color: white;
	background-color: rgba(0,0,0,0.6);
	z-index: 49;
	padding: 6px;
	border-radius: .0em .0em .0em .5em;
}
#taxonomy-term-annual-report .imagefield {
	width: 990px;
	height: 600px;
}
#taxonomy-term-annual-report .views_slideshow_cycle_slide {
	width: 990px;
	height: 600px;
}
#taxonomy-term-annual-report .panels-flexible-region-90-body_region {
	width: 100%;
}
#taxonomy-term-annual-report .views-field-title {
	position: absolute;
	left: 440px;
	width: 400px;
	background-color: rgba(255,255,255,0.8);
}
#taxonomy-term-annual-report .views-field-body {
	position: absolute;
	left: 440px;
	width: 400px;
	background-color: rgba(255,255,255,0.8);
	font-size: 0.9em;
}
#taxonomy-term-annual-report .views-field-title {
	top: 25px;
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: 800;
	padding: 20px 20px 10px 20px;
}
#taxonomy-term-annual-report .views-field-body {
	top: 125px;
	padding: 0 20px 20px 20px;
}
#taxonomy-term-annual-report .report-title {
	position: absolute;
	top: 570px;
	left: 10px;
	z-index: 48;
	font-size: 2.2em;
	font-weight: 800;
	color: rgba(255,255,255,0.8);
}
#taxonomy-term-annual-report .current-chapter {
	position: absolute;
	top: 570px;
	left: 446px;
	z-index: 47;
	font-size: 2.2em;
	font-weight: 800;
	color: white;
}
#taxonomy-term-annual-report .pane-term-list .pane-title {
	float: left;
	padding: 4px 12px;
}
#taxonomy-term-annual-report .pane-term-list ol {
	padding: 0;
	margin: 0;
}
#taxonomy-term-annual-report .panels-flexible-row {
	margin: 0;
	padding: 0;
}
#taxonomy-term-annual-report .pane-term-list a {
	color: white;
}
#taxonomy-term-annual-report .pane-term-list li {
	float: left;
	padding: 20px 20px;
	margin-right: 2px;
	background-color: rgba(106, 166, 177, 1);
	border-radius: .6em .6em 0 0;
	color: white;
	list-style-type: none;
}