﻿/*
Site Colors
Blue:  #007799 /#0095c7 / 0C95C9
Links: #006699
Green: #669933 / #85c446
Orange:#CD481F
Black: #232228?
*/
h1,h2,h3  {
	font-weight:bold;
}
body {
	font-family:Verdana,Arial,sans-serif;
}
x.ms-cui-topBar2 {
	background-color: #3b3a41;
	}

body {
	background-color:#000000;/*#e4e4e4;*/
	font-size:.9em;
}
.pageContent{
	margin-left:15px;
	margin-right:15px;
}
div.container-fluid {
	background-color:white;	
}
a, a:link {
	color: #006699;
}
a:visited {
	color: #006699;
}
.content a, .content a:link {
	color: #006699;
}
.content a:visited {
	color: #006699;
}
.soi-footer-links a, .soi-footer-links a:link {
	color:#0C95C9;
}
.soi-footer-links a:visited {
	color:#0C95C9;
}
.soi-motto {
	font-style:italic;
	font-size:16px;	
	color:#363636;
}
.search {
	padding-top:20px;
	padding-bottom:10px;
}
/* ===================================================================================
   Global navigation
   =================================================================================== */
.navbar-inner {
	background-color: #000000; /*#0C95C9;*/
	background-image:none;
	border: 1px solid #d4d4d4;
	min-height:40px;

	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);*/
	filter: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.nav li.static > .menu-item
{
	color: #ffd800;/*#232228;*//*#e4e4e4;*/ /*top global nav buttons*/
	font-size:16px;	
}
.nav li.static > .selected.menu-item
{
	background-color:#cd481f; /*changing this color didn't seem to reflect any differences on site*/
	
}
.nav li.static > .menu-item.selected {
	background-color:#ffd800; /*top global nav buttons, current page*/
	color:black;
}
.nav li.static li.static:hover > .menu-item,
.nav li.static li.static:focus > .menu-item,
.nav li.static li.static:active > .menu-item {
	background-color:#ffd800; /*top global nav buttons, mouse over color*/
	color:black;
}
.nav li.static > .selected, 
	.nav li.static > a:hover, 
	.nav li.static > a:focus, 
	.nav li.static > a:active
{
	background-color:#ffd800; /*changing this color didn't seem to reflect any differences on site*/
}
.navbar-collapse {
	clear:both;
}
.navbar-inner button, .soi-search-mobile {
	margin-left:5px;
	margin-right:5px;
}
#topnavbar .nav ul, #topnavbar .nav ul > li {
	padding:0px;
}
.ms-core-listMenu-horizontalBox {
	display:block;
}
#topnavbar ul.dynamic {
	border-style:none;
}
#topnavbar ul.dynamic > li {
	border-style:none;
}
.ms-core-listMenu-item, .ms-core-listMenu-item:link, .ms-core-listMenu-item:visited, .ms-tv-item:link, .ms-tv-item:visited, .ms-tv-header:link, .ms-tv-header:visited {
	color:white;
}
/* ===================================================================================
   Local navigation
   =================================================================================== */

.s4-ql UL.root
{
	xborder-bottom: 3px #232228 solid !important;
}
.s4-ql UL.root > LI > .menu-item
{
	background-color:#232228; /*right nav bar, heading*/
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	
}
.s4-ql ul.root ul > li > a, a.soi-bullet /*right nav bar, bulleted items*/
{
	color:#303636;
	padding-left:20px;
	background-image:url('/Style Library/SOIMetro/Images/GreenArrow.png');
	background-repeat:no-repeat;
	background-position:5px 10px;
}
.s4-ql ul.root ul > li > a.selected {
	padding-left:20px !important;
}
.s4-ql ul.root ul > li > a:hover
{
	color:#fff;	
	background-color:#fe500b;

}
.s4-ql A.selected
{
	color:#fff !important;	
	background-color:#fe500b;
	background-image:none;
}
/* ===================================================================================
   /END Local navigation
   =================================================================================== */

.soi-sidebar h2 {
	background-color:#232228;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	line-height:20px;
	font-size:1.2em;
	padding:3px 4px 3px 10px;
	
}
H2.soi-rteElement-H2B
{
	-ms-name: "Alt Heading 2";
	background-color: #e4e4e4;
	padding: 6px;
}
H3.soi-rteElement-H3B
{
	-ms-name: "Alt Heading 3";
	background-color: #e4e4e4;
	padding: 6px;
}
H4.soi-rteElement-H4B
{
	-ms-name: "Alt Heading 4";
	background-color: #e4e4e4;
	padding: 6px;
}

div.soi-footer-inner {
	background-color: #ffd800;/*#cccccc;#c0c0b8;*/
	color:black;
}
div.soi-footer-inner ul {
	margin-left:0px;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
}
.soi-footer-state, .soi-footer-state h3, .soi-footer-agency, .soi-footer-agency h3 {
    color: #000;
}
.soi-footer-state a:link, .soi-footer-agency a:link, .soi-footer-state a:active, .soi-footer-agency a:active, .soi-footer-state a:hover, .soi-footer-agency a:hover .soi-footer-state a:visited, .soi-footer-agency a:visited {
    color: #000;
}
.soi-footer-state, .soi-footer-state h3, .soi-footer-agency, .soi-footer-agency h3 {
    color: #000;
}
div.soi-footer-state.container {
    background-color: #ffd800 !important;
    color: black;
}


@media(max-width:768px) {
	.soi-banner-inner {
		height:70px;
	}
	.soi-site-logo
	{
		height:65px;
	}
	.soi-searchResults .ms-sbtable-ex input.ms-sbplain {
		width:250px !important;
}
}

.New {
color:red;
font-weight:bold;
}

a.press-bullet /*press content query web part, bulleted items*/
{
	color:#303636;
	padding-left:20px;
	background-image:url('/Style Library/SOIMetro/Images/GreenArrow.png');
	background-repeat:no-repeat;
	background-position:1px 10px;
}

#PressRSS ul {
 	list-style-image: url('/Style Library/SOIMetro/Images/GreenArrow.png');
 	font-size:1.25em; 
 	font-family: Verdana,Arial,sans-serif;
}
/* hide search hover panel */
.ms-srch-hover-outerContainer
{
display: none !important;
}

div#WebPartWPQ2.ms-WPBody.noindex{
	width:100%;
	text-align:center; 
} 
.carousel-caption  {
        background: none repeat scroll 0% 0% rgba(51, 51, 51, 0.75);
}        
.carousel-caption h3 a:link, .carousel-caption h3 a:visited {
    color: #fff;
    text-decoration: none;
}
/*@media screen and (min-width:768px)*/
.carousel-caption {
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding: 5px;
}

.carousel-indicators {
    left: 45px;
    top: 10px;
    height:1.5em;
}
.carousel .item {
    padding:0px;
}
@media (min-width: 768px){

	.navbar-collapse.collapse {
	    display: none!important;
	    height: auto!important;
	    padding-bottom: 0;
	    overflow: visible!important;
	}
	.collapse.in {
		display:block !important;
	}
	.navbar-collapse {
	    width: auto;
	    border-top: 1px solid transparent;
	    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	}
	.navbar-toggle {
		display:inline-block;
	}
	
	#topnavbar .nav ul.static {
		display: block;
	}
	#topnavbar .nav li.static {
	    display: block;
	    width: 100%;
	}
	#topnavbar .nav li.static > .menu-item {
	    display: block;
	    padding: 10px 10px;
	}
	#topnavbar ul.dynamic {
	    position: relative;
	    top: auto;
	    left: auto;
	}
	#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	    background-image: none;
	}
	#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	    padding-right: 20px;
	    width: 100%;
	    display: block;
	}
}

@media (max-width: 991px) {
	#topnavbar .nav ul, #topnavbar .nav ul > li {
		background-color: #000 !important;
	}
	
	#topnavbar ul.dynamic {
		width: 100% !important;
	}
	#topnavbar ul.dynamic {
	    position: relative;
	    top: auto !important;
	    left: auto !important;
	}
	
}
@media (min-width: 992px){

	.navbar-collapse.collapse {
	    display: block!important;
	    height: auto!important;
	    padding-bottom: 0;
	    overflow: visible!important;
	}
	.navbar-collapse {
	    width: auto;
	    border-top: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.navbar-toggle {
		display:none;
	}
	
	#topnavbar ul.dynamic {
		width: auto !important;
	}

	
	#topnavbar .nav ul.static {
		display: inline-block;
	}
	#topnavbar .ms-core-listMenu-horizontalBox {
	    display: block;
	}	
	#topnavbar .nav li.static {
	    display: inline-block;
	    width: auto;
	}
	#topnavbar .nav li.static > .menu-item {
	    display: inline-block;
	}
	#topnavbar ul.dynamic {
	    position: absolute;
	    top: -9999px;
	    left: -9999px;
	}
	#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	    background-image: url(/_layouts/15/images/menu-down.gif);
	}
	#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	    padding-right: 20px;
	    width: auto;
	    display: inline;
	}
.ms-core-listMenu-item, .ms-core-listMenu-item:link, .ms-core-listMenu-item:visited, .ms-tv-item:link, .ms-tv-item:visited, .ms-tv-header:link, .ms-tv-header:visited {
	color:#006699;
}
	
}

/* fixes issue where link URLs were being shown/printed when the page was printed */

@media print {
  a[href]:after {
    content: none !important;
  }
}
