/*********************************** 
REFERENCE

WCB Color 1: #0f506f
WCB Color Hover: #

Body Text: #333

************************************/




/*********************************** 
TESTING
************************************/




/*********************************** 
TYPOGRAPHY 
************************************/

h1, h2, h3, h4, h4, h5, h6 {
	font-weight: bold;
}

h2 {
	margin-top: 25px;
	font-size: 26px !important;
}

h3 {
	margin-top: 25px;
	font-size: 22px !important;
}

h4 {
	margin-top: 20px;
	font-size: 20px !important;
}

h5 {
	margin-top: 20px;
	font-size: 18px !important;
}

h6 {
	font-size: 16px !important;
}

p {

}

blockquote {
	font-size: inherit;
}




/*********************************** 
NAVIGATION 
************************************/

/* Navigation Container */
.or-navbar {
	background: #0f506f;
}

/* Navigation Search Button & Wrapper */
.or-navbar-search-wrapper,
.or-navbar-search-submit-button {
	background: none;
}

/* Navigation Search Input, when open */
.or-navbar-search-wrapper.or-navbar-search-open {
	box-shadow: none;
}

/* Navigation Search Submit */
.or-navbar-search-submit-button:hover, 
.or-navbar-search-submit-button:focus {
	background: #0f506f;
}

/* Navigation Search Input Placeholder */
.or-navbar-search-input-wrapper ::placeholder {
	color: #ffffff;
	opacity: 1
}

.or-navbar-search-wrapper.or-navbar-search-open .or-navbar-search-input {
    background: #0a3448;
}

/*********************************** 
HEADER BANNER
************************************/

/* Header Banner background image */
.or-header {
	background: url(/wcb/PublishingImages/mt.hood_tulip.jpg) bottom 20% center / cover;
	background-color: #0f506f;
}

/* Header Banner Overlay */
.or-header .or-header-overlay {
	background: #0f506f;	
}

/* Removed hover opacity for header */
.or-header-content-row a:hover {
	opacity: 1; /* originally: 0.7 */
}

/* Added hover opacity to logo only */
.or-header-logo-wrapper:hover {
	opacity: 0.7; /* originally: none */
}

/* Reduced site description size */
.or-header-title small {
	font-size: 50%; /* originally: 65% */
    line-height: 130%; /* extra spacing for text */
}





/*********************************** 
HOME PAGE & LANDING PAGE TASK BOXES
************************************/

 /* Taskbox wrapper */
.taskbox-icon {
	margin: 0 auto;
	text-align: center;
}

/* Taskbox Icon */
.taskbox-icon span {
	color: #0f506f;
}

/* Taskbox H2 */
.taskbox-icon h2 {
	font-size: 24px; /* originally: 28px */
}

/* Taskbox Button */
.taskbox-icon a.btn-taskbox {
	border: 1px solid #0f506f;
	color: #333;
}

.taskbox-icon a.btn-taskbox:hover {
	/* background: #e5f1f6; */
}

/* removes box shadow and extra boder from task box list */
.or-taskbox {
	border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* adds left and right border, previously border-width: 1px 0 */
.or-taskbox .list-group .list-group-item {
	border-width: 1px;
}

/* adds bottom border to task box list */
.or-taskbox .list-group .list-group-item:last-child {
	border-bottom: 1px solid #ddd !important;
}

/* removes margin from task boxes */
.or-taskbox-image a img {
	margin: 0 0;
}

/* color and opacity for task box heading overlay */
.or-taskbox-title {
	background: #0f506f;	
	opacity: 0.95;
}

/* font size fix for task box headings */
.or-taskbox-image a h2 {
	font-size: 22px !important;	
}

/* prevents images from over-filling their space on larger browser sizes */
@media only screen and (min-width: 997px) {

	.or-taskbox-image {
	    height: 145px;
	    overflow: hidden;
	}

} /* end @media only screen and (min-width: 997px) */


/*********************************** 
WEB PARTS
************************************/

/* Adjusts the line-height of accordion expand buttons */
.or-accordion-heading-collapse::before {
	line-height: 0.6;
	font-size: 36px;
}

.or-accordion-heading-title h2,
.or-accordion-heading-title h3,
.or-accordion-heading-title h4,
.or-accordion-heading-title h5,
.or-accordion-heading-title h6 {
	font-size: 16px !important;
}

.or-accordion-panel .panel-heading {
	padding: 10px !important;
}


/*********************************** 
CONTENT AREA
************************************/

h1.or-page-title {
	padding-bottom: 20px;
}

main img {
	margin: 10px 0;
}

main a,
footer a {
	color: #007faa;
}

main a:hover,
footer a:hover {
	color: #007faa;
}

main a:visited,
footer a:visited {
	color: #C6470A;
}

main ul.nobullet {
	padding-left: 0;
}

main ul.nobullet li {
	list-style: none;
}

.table-locations {
	
}


.table-locations tr {
	
}

.table-locations td {
	vertical-align: top;
}

.table-locations th {

}

.table-locations h4{
	padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
}


.table-locations h5{
	margin-top: 5px;
	font-size: 16px;
}




/*********************************** 
LEFT NAVIGATION 
************************************/

.or-side-navigation ul .or-side-navigation-current > a {
    border-left: solid 3px #007faa;
    color: #007faa;
    padding-left: 12px;
}



/*********************************** 
MAIN CONTENT AREA
************************************/ 

iframe {
    border: none;
}





/*********************************** 
RIGHT ASIDE
************************************/





/*********************************** 
FOOTER AREA
************************************/

.list-unstyled li,
footer li {
	border-bottom: 0;
	padding: 5px 0;
}






/*********************************** 
	DATATABLES
************************************/

/*DataTables style override */

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	color: #ffffff !important;
	background-color: #1B81A5;
	border-color: #1B81A5;
}

div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
	font-weight: bold;
} 

/*  Data Tables  */ 

td.details-control {
    background: url('../images/detail_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/detail_close.png') no-repeat center center;
}


#loading{
	font-size:large; 
}

td.orderLink {
	
	text-align:left;
	width:20%;	
}

td.orderYear{
	text-align:center; 
}

td.orderDate{
text-align:center;
width:10%;



}


td.orderCompany{
text-align:left; 
}


td.orderIndividual{
text-align:left; 
}


td.orderVolume{
text-align:right; 
width:10%;
}


td.orderPage{
text-align:right; 
width:10%;
}



td.orderType{
text-align:left; 
width:25%;

}

td.orderCase{
width: 13%; 	 
text-align:left; 	 
}

td.orderArea{
text-align:left; 
width:10%;	 
}

td.orderViolation{
text-align:left; 
width:20%;	 
}

td.orderRelated{
text-align:left; 
width: 13%; 	 
}

.results{
font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;  
}


/* 
	Shift over the DataTables filter so it lines up with  
   the search box on the page
*/    
#example_filter {
	 float:left;	 
}


#yearSelect {
	
	float:left;
	margin-right: 20px; 
	height:30px; 	
	width:220px;
}

#loading {
	float:left; 
}


#searchArea{
	margin-left:30px;
	float:right;
}

.float-left {
	float: left !important;
	margin-left: 0 !important;
}

#searchTitle{
	float: left;
    padding-right: 10px;
    vertical-align: middle;
    font-size: 17px;
    font-weight: bold;
    padding-top: 5px;
}
#searchButton {
	
	margin-bottom:8px; 
}

#searchArea1{
	margin-left:2px;
}
#searchTitle1{
	float: left;
    padding-right: 10px;
    vertical-align: middle;
    font-size: 17px;
    font-weight: bold;
    padding-top: 5px;
}
#searchButton1 {
	
	margin-bottom:8px; 
}

#theOrderType{
	 float:left; 
}

#theOrderType .select_filter{
	
	height:30px; 
	width:220px; 
}


#resultTable_filter {
	
	width:220px;
	padding-top:40px;
}

#resultTable_filter input {
	height:30px; 
	margin-left: 0px !important; 
	float:left;
	width:220px;
}