body.pagebody {
    background:#838383 url("/Data/Sites/6/skins/PerfPanel/img/pp-back.jpg") no-repeat top center !important;
}

body.plywood2 {
    background:#838383 url("/Data/Sites/6/skins/PerfPanel/img/pp-back.jpg") no-repeat top center !important;
}

body.ijoist {
    background:#838383 url("/Data/Sites/6/skins/PerfPanel/img/pp-back.jpg") no-repeat top center !important;
}

body.glulam {
    background:#838383 url("/Data/Sites/6/skins/PerfPanel/img/pp-back.jpg") no-repeat top center !important;
}
body.osb2 {
    background:#838383 url("/Data/Sites/6/skins/PerfPanel/img/pp-back.jpg") no-repeat top center !important;
}


.altcontent1 .panelwrapper {
    padding: 0px !important;
}

/*********************************** popbody ******************************************/
body.popbody .headerwrap,body.popbody .navwrap,body.popbody .lnkregister 
{
    display:none;
    visibility:collapse;
}

@media (max-width:767px){
	.insideview-gallery .span2{
	clear:both;
	}
}
.insideview-gallery .span2:first-of-type{
	margin-left:0px;
}
.insideview-gallery .span2 img{
	float:left;	
	margin-left:0px;
}


/*************************** footer new *******************************/

.footerright, .footerleft, .footerleft a {
    font-size: 11px !important;
}
footer aside a, footer aside a:visited {
    font-size: 11px !important;
    margin-right: 20px !important;
}
/*************************** SEARCH box *******************************/

.navbar-search .search-query {
    background: #ededed url("/Data/Sites/1/skins/bootstrap204/img/mag-glass.png") no-repeat top right !important;
    border: 0px solid #e8d0b7 !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset, 0 0px 0 rgba(255, 255, 255, 0.15);
    color: #787878 !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 7px 9px;
    transition: none 0s ease 0s;
    border-radius: 0px;
    margin-top: -10px;
}

/******************************************************* MENU afb0b2**************************************************/

div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul a.AspNet-Menu, div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf a.AspNet-Menu {
    background-color: #58595b;
}

li a.megaMenu + ul li.AspNet-Menu-WithChildren, li a.megaMenu + ul li.AspNet-Menu-Leaf {
    background-color: #58595b;
}

div.AspNet-Menu-Horizontal ul.AspNet-Menu li:hover {
    background-color: #afb0b2;
}
li a.megaMenu + ul, li a.noMegaMenu + ul {
    background-color: #58595b;
}

div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren a.AspNet-Menu {
    background: none !important;
}

div.AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover {
    background: none !important;
}

div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren, div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren:hover {
    background-color: #afb0b2;
}

div.AspNet-Menu-Horizontal ul.AspNet-Menu li:hover ul li {
    background: none !important;
}

li a.megaMenu + ul li a.megaMenuHeading {
    color: #fff;
    text-transform: none !important;
    text-decoration: none;
    border-bottom: 0px solid #ccc;
    margin-bottom: 7px !important;
    margin-top: 7px !important;
    cursor: pointer;
}
li a.megaMenu + ul li a.megaMenuHeading {
    width: 360px !important;
    margin-bottom: 7px !important;
    margin-top: 7px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
li a.megaMenu + ul li a {
    width: 360px !important;
    margin-bottom: 7px !important;
    margin-top: 7px !important;
}

li a.megaMenu + ul li a.megaMenuHeading + ul {
    margin-top: -4px !important;
    
}

li a.megaMenu + ul li a.megaMenuHeading + ul li a {
    border: none;
    margin-bottom: 1px !important;
    margin-top: 1px !important;
    font-style: italic;
    padding-left: 12px !important;
    width: 260px !important;
    
}

li a.megaMenu + ul li a.megaMenuHeading:hover {
    color: #faa61a !important;
    cursor: pointer !important;
}
div.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover {
    color: #faa61a !important;
}

a.myaccountlink, a.loginlink {
    display: none;
}

/******************************************************* report pages **************************************************/

body.searchresults td, body.searchresults th { border:none; }

.reportright {
width: 70%;
display: inline-block;
}

.reportleft {
width: 25%;
padding-left: 20px;
}
.reportleft input[type="checkbox"]{
margin-right: 5px;
margin-bottom: 5px;
float: left !important;
}
.reportleft table td{
    white-space: normal !important;
    padding: 3px 0px;
    padding-bottom: 0px;
}

.reportleft table {
width: 90% !important;
table-layout: fixed;
}

.reportleft h4{
margin-top: 12px;
margin-bottom: -12px;
}


/***** product download buttons ***/

.btn2{
    float: left;
    width: auto !important;
    background-color: #CA6728 !important;
display: inline-block;
font-size:14px;
padding: 8px 16px;
font-weight: normal !important;
line-height: 16px;
text-transform:uppercase;
color: #fff;
text-align: center;
text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-image: -ms-linear-gradient(top, #CA6728, #CA6728);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CA6728), to(#CA6728));
background-image: -webkit-linear-gradient(top, #CA6728, #CA6728);
background-image: -o-linear-gradient(top, #CA6728, #CA6728);
background-image: linear-gradient(top, #CA6728, #CA6728);
background-image: -moz-linear-gradient(top, #CA6728, #CA6728);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #0e4d6b #CA6728 #CA6728;
border-bottom-color: #CA6728;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#CA6728', endColorstr='#CA6728', GradientType=0);

}

.btn2:hover {
color: #fff;
text-decoration: none;
background-color: #20661d;
background-image: -ms-linear-gradient(top, #CA6728, #A7511A);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CA6728), to(#A7511A));
background-image: -webkit-linear-gradient(top, #CA6728, #A7511A);
background-image: -o-linear-gradient(top, #CA6728, #A7511A);
background-image: linear-gradient(top, #CA6728, #A7511A);
background-image: -moz-linear-gradient(top, #CA6728, #A7511A);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
}




/**** resource library ****/

a.mhelp.cblink.cboxElement{
	display:none;
}

.searchbuttonheader {
height:	35px;
width: 35px;
position:absolute;
right:0px;
bottom:10px;
}

body.resourcelibrary .searchheader{
color:#fff !important;
background-color: #0f4d6b;
margin-left: 20px;
padding:10px;
padding-bottom:0px;
position:relative;
margin-top:-10px;
margin-bottom: 20px;
margin-right:20px;
}

body.resourcelibrary .searchtext{
margin-bottom: 20px;
margin-top: -10px;
margin-left: 20px;
display:block;
margin-right:20px;
}
body.resourcelibrary .searchtext small{
/*font-size:10px;*/
}

.rightcol .socialblock{
    width:auto !important;
	height:auto !important;
}
.rightcol .socialblock.right .panelwrapper{
padding-left: 10px !important;
padding-bottom: 10px !important;
}

body.resourcelibrary .searchheader:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
ƒ .searchheader{height:100%}

body.resourcelibrary .searchheader .searchinput.span3{
width:auto !important;
margin-left:0px;
}
body.resourcelibrary .searchheader .searchinput.span3 input[type="text"]{
	border-radius:0;
}

body.resourcelibrary .searchheader .searchdropdown.span3{
width:auto !important;
margin-left: 4px !important;
}
body.resourcelibrary .searchheader .searchbutton.span2{
width:auto !important;
margin:0px !important;
padding:0px !important;
margin-left: 4px !important;
}
body.resourcelibrary .searchheader .searchbutton.span2 input[type="submit"]{
line-height: 18px!important;
padding: 9px 18px!important;
padding-top: 5px !important; 
padding-bottom: 5px !important;
margin:0px !important;
}

.floatpanel.pubsfloat{
		width:95%;
}
.floatpanel.pubsfloat .section{
		width:46%;
}

@media (max-width:979px){
body.resourcelibrary .searchheader .searchbutton.span2{
	margin-bottom:10px !important;
	float:right;
}

}

@media (max-width:767px){
body.resourcelibrary .searchheader .searchinput.span3{
	display: inline;
		
}
body.resourcelibrary .searchheader .searchdropdown.span3{
	display:inline;
	margin-left:0px !important;
}

 body.resourcelibrary .searchheader .searchbutton.span2{
	display:inline;
}

}

@media (max-width:520px){

.floatpanel.pubsfloat .section{
		width:95%;
}
.floatpanel.pubsfloat .section ul{
		margin-bottom:0;
}

}

.blueheader, .brownheader {
clear:both;

}
.blueheader h1{
color:#fff !important;
background-color: #0f4d6b;
padding-left: 10px;
padding-right: 10px;
width:auto;
display:inline-block;
font-weight:normal!important;
text-transform:uppercase;
font-size: 16px!important;
margin-bottom: 10px;
}

.brownheader h1{
color:#fff !important;
background-color: #71665E;	
padding-left: 10px;
padding-right: 10px;
width:auto;
display:inline-block;
font-weight:normal!important;
text-transform:uppercase;
font-size: 16px!important;
margin-bottom: 10px;
	
}

.bluebar, .brownbar {
clear:both;
}

.bluebar .panelwrapper {
border-left: solid	2px #0f4d6b;
padding:0px;
margin: 0px 20px;
padding-bottom: 10px;
}

.brownbar .panelwrapper {
border-left: solid	2px #71665E;
padding:0px;
margin: 0px 20px;
padding-bottom: 10px;
}

.bluebar .seeall a, .brownbar .seeall a{
text-transform:uppercase;
font-size:10px;
color:#FFFFFF;
float:right;
margin-top:-36px;
margin-right: 10px;
line-height: 28px;
}

li.loginlink a.loginlink {

}

.bluebar .panelwrapper h2{
color:#fff;
background-color: #0f4d6b;
padding-left: 10px;
text-transform:uppercase;
font-weight:normal;
font-size: 15px;
margin-bottom: 10px;
}
.brownbar .panelwrapper h2{
color:#fff;
background-color: #71665E;
padding-left: 10px;
text-transform:uppercase;
font-weight:normal;
font-size: 15px;
margin-bottom: 10px;
}

.bluebar .panelwrapper p, .brownbar .panelwrapper p{
padding-left: 10px;
}

.blueheader hr {
background-color:#666767;
border-bottom: solid #666767 2px;
clear:both!important;
margin-top: 20px!important;
}

.blueheader .panelwrapper {
padding-top:0px;
padding-bottom:0px;
}
.blueheader img {
margin-bottom:20px;
}

p.graylinks {
background-color:#d5d0c8;
color:#666768;
padding: 6px; 10px;
margin-top: -10px;
}
p.graylinks a{
color:#666768;
}
p.graylinks a:hover{
color:#000;
}


/**** SEARCH results  ****/

.span4 .publicationDownloadLink {
display:block;
}
.span4 .publicationAddToCartLink {
display:block;
text-transform: none!important;
}

.pub .cblink {
_padding:3px 12px!important;
}
.pub .publicationAddToCartLink {
_padding:3px 12px!important;
}
.searchterm {
background-color: #FFFFAA;
color: #000;
}

.formnumber {
color: #53575e;
text-transform:uppercase;
font-weight:bold;
}
.formnumber a{
color: #53575e;
text-transform:uppercase;
font-weight:bold;
}
.pubformat {
display:none!important;

}
.pubdate {
display:none!important;
}
.searchpubtxtwrap {
display: inline-block;
width: 75%;
margin-left: 12px;
min-height: 115px!important;
margin-top: 10px;
}


.publicationThumbnail {
width: 90px!important;
padding: 0;
border: none;
margin: 10px 5px;
box-shadow: 5px 5px 10px #cccccc;
}

.publicationTitle {
color:#394e6a;
font-size: 14px;
font-weight:bold;

}
.publicationFormNumber {
float:right;
color:#394e6a;
font-size: 14px;
font-weight:bold;
margin-left: 12px;
}

.publicationShortDescription, .searchresultdesc, body.searchresults .span4 {
color: #6a7191;
}

.clearpub {
border-top: solid #a0a1a4 1px;
clear: both;
margin: 12px 0px !important;
width: 90%;
}

.publicationThumbnail img{
width: 100%!important;
min-height: 115px!important;
}

.e30excerpt .publicationThumbnail img {
min-height:90px !important;
}
.e30excerpt .clearpub{
    margin:6px 0px -12px !important;
}
.e30excerpt .searchpubtxtwrap {
    min-height:90px !important;
}

.searchleftcol{
margin-top: -10px;

}

.searchleftcol h4 {
color:#9f292c;
text-transform:uppercase;
font-size:1em;
margin: 0px;
margin-bottom: -15px;
margin-top: 15px;

}

.searchleftcol table, .reportleft table {
width: 230px ;
table-layout: fixed;
max-width: none;
}


.searchleftcol input[type="checkbox"]{
margin-right: 5px;
margin-bottom: 5px;
float: left !important;
}
.searchleftcol table td{
    white-space: normal !important;
    padding: 2px 0px;
}
.searchleftcol table:first-child tr, .reportleft table:first-child tr {
border-top:#d3d4d6 1px solid !important;
}

.searchleftcol table tr, .reportleft table tr {
border-bottom:#d3d4d6 1px solid !important;
}
/*
.searchleftcol table td, .reportleft table td{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height:20px;

}*/
.searchleftcol table td span, .reportleft table td span{
color:#6a7191 !important;
_line-height: 23px;

}




body.searchresults .searchcontrols {
background-color: #0f4d6b;
margin-left: -20px;
padding-left: 20px;
width: 102%!important;
}


body.searchresults h2 {
color:#991b1f;
}

body.searchresults .btn {
padding-top: 5px !important; 
padding-bottom: 5px !important;
}
body.searchresults h3 {
font-size: 15px;
line-height: 21px;
}

body.searchresults .NeatHtml {
border-bottom: 1px solid #929397 !important;
padding-bottom: 10px !important;
margin-bottom: 10px !important;
}

body.searchresults select, body.searchresults input[type="text"] {
margin-bottom: 0px;
}

body.searchresults .searchduration {
color: #fff;

}

body.searchresults .searchcontrols:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
ƒ .searchcontrols{height:100%}

body.searchresults .pagination li:first-child a {
border-left-width: 0px;
}
body.searchresults .pagination a {
border: 0px solid #ddd;
text-transform:uppercase;
font-size:10px;
padding: 0px 9px;
line-height: 24px;
}
body.searchresults .pagination {
height: 26px;
margin: 8px 0;
}


body.searchresults .searchcontrols {
width: 1150px !important;
}
body.searchresults .othercats {
display:block;
clear:both;
float:left;
margin-left: -20px;
padding-left: 20px;
width: 1150px !important;
border-top: #999 solid 1px;
border-bottom: #ccc solid 2px;
background:#0f4d6b;
padding-bottom:2px;
margin-bottom:9px;
}
.othercats ul{
padding:0px;
margin:0px;
list-style:none;
padding-left: 0px;
}
.othercats ul li{
float:left;
padding:0px;
margin:0px;
list-style:none;
position:relative;
color: #fff;
}

.othercats ul li a{
text-transform:uppercase;
font-size: 11px;
padding:3px 9px;
color: #fff;
font-weight: bold;
text-decoration:none;
}
h3 a, li h3 a{
	text-decoration:none;	
}
div.othercats ul ul {
display: none;
}
div.othercats ul li:hover ul {
display: block;
position:absolute;
top:0px;
right:-120px;
width: 120px;
background: #981b1e;
color:#fff;
z-index: 999;
top: 12px;
}
div.othercats ul li:hover ul li{
padding:3px 9px;

}



/*** Search photos ***/

.searchphotos {
float: left; border: 1px solid black; width: 200px; height: 200px; margin: 6px !important;
}

.applyFilterButton {
display:block;
clear:both;
margin-top: 5px;
margin-bottom: -10px;
}

.membermillsearchresults .applyFilterButton  {
margin-bottom: 10px;
}

.searchphotos img{
width: 200px !important;
height: 200px !important;
}
.photopopup {
background-color:#404040;
position:relative;
}

.photopopdownload {
margin-top: 12px;
}

.photopopdownload a {
background-color:#848484;
color:#fff;
text-transform:uppercase;
padding: 6px; 18px;
font-weight:bold;
}
.photopopdownload a:hover {
background-color:#666A6C;
text-decoration:none;
color:#fff !important;
}

.photopopupleft {
}
.photopopupright {
color:#fff;
padding: 20px;
}

.photopopupright .publicationGridItemTitle {
font-size: 16px;
font-weight:bold;
margin-bottom: 6px;
}

.photopopup:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
ƒ .photopopup{height:100%}
/*******/

body.searchresults .span2{
margin-left: 0px;

}
body.searchresults .span9{
padding-left: 30px;
_margin-left: 0px;
}
body.searchresults input[type="checkbox"]{
margin-right: 5px;

}
body.searchresults .web table{
max-width: 95%;
border: #fff solid 1px;
}

body.searchresults .web ol{
margin-left: 0px;
}
body.searchresults .web th{
display:none;
}

/*** Search media adjust ***/

@media (max-width: 979px) {
body.searchresults .span9 {
padding-left: 10px;
}
}

/*******/

h1, h3{color:#faa61a; font-size:2em; font-weight: normal;}
h2, h4 {color:#ca6728; font-size:1.2em; font-weight: normal;}
h5 {color:#666; font-size:1.6em; font-weight: normal;}
h5{font-size:1.2em; font-weight: normal;}
h1, h2{
	line-height:1.5;	
}
h3, h4, h5, h6 {
	line-height:1.2;
}
h1.moduletitle{
	line-height:1.2em;	
	margin-bottom:10px;
}
.rightcol h2, .subsite.glulam .rightcol h1.moduletitle, .loginmodule h1.moduletitle, .pub-register h1.moduletitle{
	font-size:1.2em;	
	text-transform: uppercase;
	line-height: 1.2em;
	margin-bottom: 5px;
	color:#0E4D6B;
}
address{color:#87746a;}
a, a strong {color:#a45932; } 
p a, p a strong, li a{text-decoration:underline;} 
/**a:visited {color:#a45932;} **/
a:hover{color:#774e07;}

.navbar-fixed-top, .navbar-fixed-bottom {
    left: 0;
    margin-bottom: 0;
    position: relative;
    right: 0;
    z-index: 1030;
}

.headerwrap {
min-height:107px;
background-color: #ffffff;
}

.tagline {
color:#e8d0b7;
font-style:italic;
font-size: 12px;
text-align:right;
margin-top: 10px;
margin-bottom:10px;
display: none;
}
.headerwrap .container{
z-index: 99;

}
.navwrap {


background-color:#faa61a;
}
span.sitetitle a {
    background: url("/Data/Sites/6/skins/PerfPanel/img/pp-logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: url("/Data/Sites/6/skins/PerfPanel/img/pp-logo.gif") no-repeat\9;
    height: 72px;
    width: 340px;
	text-indent:-99999px;
	display:block;
	z-index: 99999999;
}
header.mainhead {
    padding: 0px 0 20px;
}


/**Moving custom style for menu back to style-menu.css and making it the master to base all sites off 
ul.root-nav {
    background: none;
    border-radius: 0px;
    box-shadow: 0px 0px;
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
	margin-bottom: -4px !important;
	margin-bottom: -0px !important\9;
}
ul.root-nav li {
    margin: 0px !important;
}
ul.root-nav a {
    border-radius: 0px 0px 0px 0px;
    color: #E7E5E5;
    display: block;
    font-weight: bold;
    padding: 8px 20px;
    text-decoration: none;
    text-shadow: 0 0 0  rgba(0, 0, 0, 0.7);
	text-transform:uppercase;
}

ul.root-nav li.current > a, ul.root-nav li:hover > a {
    background: #333333;
	background-image:none;
    border-top: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.7);
    color: #fff;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.7);
}
**/


span.sitetitle {
    display: inline-block;
    padding: 15px 0 0;
	width:auto;
	float:left;
	margin-top: 5px;
}

header aside {
float:right;
width:auto;
margin-top: 0px;

}
ul.headernav{
margin:0;
padding:0;
list-style:none;
margin-top: 54px;
}
ul.headernav li{
margin:0;
padding:0;
float:left;
list-style:none;
color:#fff;
font-size:12px;
}
ul.headernav li a{
color:#808285;
padding-right: 25px;
font-weight:normal;
text-transform:uppercase;
font-size:12px;
text-decoration:none;
}

ul.headernav li a:hover{
	text-decoration:underline;
}

.taglinewrap {
	top:0;
	right:0;
	position:absolute;
	z-index:9;
	min-height:38px;
	display:block;
	width: 50%;
	overflow:hidden;
}
.taglinewrap .container{
	color:#fff;
	text-align:right;
	margin-left: -50%;
}
/*content*/
.contentbox {
 background: #fff;
 box-shadow: 0 6px 9px rgba(0, 0, 0, 0.7);
 margin-top: 15px;

}
.contentbox .wrapcenter {
 min-height: 300px;
}
.subsite .contentbox .wrapcenter {
 min-height: 500px;
}
.wrapcenter {
position:relative;
padding-bottom: 20px;

}

body.adminpage .contentbox .wrapcenter {
padding-left: 20px;
padding-right: 20px;
}

.breadcrumb{
	margin:0px;
	padding:20px 20px 0 20px;
	border:none;
	color:#0E4D6B;
	font-size:.9em;
	background:none;
	box-shadow:none;
}
.breadcrumb li {
display: inline-block;
text-shadow: 0 1px 0 #ffffff;
}
p.breadcrumb{
	padding:0;	
}
.breadcrumb a{
	color:#0E4D6B;
	text-decoration:none;
}
.adminpage .breadcrumbs {
display:inline;
}

.product_breadcrumb{
	width:70%;
	color:#0E4D6B;
	font-size:.9em;
}

.product_social{
	float:right;
}


.navbar-search .search-query {
    background:#f3ebe6 url("/Data/Sites/1/skins/bootstrap204/img/mag-glass.png") no-repeat top right;

    border: 1px solid #e8d0b7;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset, 0 0px 0 rgba(255, 255, 255, 0.15);
    color: #776b62;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 7px 9px;
    transition: none 0s ease 0s;
	border-radius: 0px;
	margin-top: -10px;
}
.navbar-search .search-query:focus, .navbar-search .search-query.focused {
    background:#d5cfc8 url("/Data/Sites/1/skins/bootstrap204/img/mag-glass.png") no-repeat top right;
    border: 1px solid #fff;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset, 0 0px 0 rgba(255, 255, 255, 0.15);
    color: #776b62;
    outline: 0 none;
    padding: 7px 9px;
    text-shadow: 0 0px 0 #FFFFFF;
}

.panelwrapper {
padding: 20px;
}
.returntodirectorylink .panelwrapper{
	padding-bottom:0px;
}
body.homepage .panelwrapper {
padding: 0px;

}
body.products aside.rightcol {
/*position:absolute;
top:0;
bottom:0;
background-color:#d6cfc8;
right:0;*/

}

.newpubaside, aside .rightcol {
	padding: 20px;
}
.newpubaside h2.moduletitle{
/*	font-size:18px;
	line-height:20px;*/
}

/*********button styles*********/
.button {
display: inline-block;
font-size:14px;
text-transform:uppercase;
padding: 9px 18px;
font-weight: normal;
line-height: 16px;
color: #fff;
text-align: center;
text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #0E4D6B;
background-image: -ms-linear-gradient(top, #0E4D6B, #0E4D6B);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0E4D6B), to(#0E4D6B));
background-image: -webkit-linear-gradient(top, #0E4D6B, #0E4D6B);
background-image: -o-linear-gradient(top, #0E4D6B, #0E4D6B);
background-image: linear-gradient(top, #0E4D6B, #0E4D6B);
background-image: -moz-linear-gradient(top, #0E4D6B, #0E4D6B);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#981b1e', endColorstr='#981b1e', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
margin:10px auto;
}
.button:hover {
color: #fff;
text-decoration: none;
background-color: #0b3d54;
background-image: -ms-linear-gradient(top, #0E4D6B, #0b3d54);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0E4D6B), to(#0b3d54));
background-image: -webkit-linear-gradient(top, #0E4D6B, #0b3d54);
background-image: -o-linear-gradient(top, #0E4D6B, #0b3d54);
background-image: linear-gradient(top, #0E4D6B, #0b3d54);
background-image: -moz-linear-gradient(top, #0E4D6B, #0b3d54);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
}

/*********subsite styles ************/

.subsite .wrapcenter {
	background: url("/Data/Sites/1/skins/bootstrap204/img/leftcolfade.png") no-repeat bottom left, 
				url("/Data/Sites/1/skins/bootstrap204/img/leftcol.png") repeat-y top left;
}

.subsite.glulam.glulamhome .wrapcenter {
	background: url("/Data/Sites/1/skins/bootstrap204/img/leftcolfade.png") no-repeat bottom left, 
				url("/Data/Sites/1/skins/bootstrap204/img/leftcol.png") repeat-y top left,
				url("/Data/Sites/1/skins/bootstrap204/img/rightcol.png") repeat-y top right;
}

.subsite .span9{
	margin-left:0;
}

/*.subsite.glulam .span9{
	background:transparent url("/Data/Sites/1/skins/bootstrap204/img/rightcol.png") repeat-y top right;	
}*/

.subsite .pagemenu {
	margin:0;
	padding-top:20px;
	font-size: 1em;
	border:none;
	outline:none;
	background:#0E4D6B;
}


.subsite .pagemenu ul li{
	margin-top:10px;
}
.subsite .pagemenu ul li a{
	color:#ffffff;
	text-decoration:none;
}
.subsite .pagemenu ul a:hover{
	list-style-type:square;
	list-style-position:outside;
	color:#ffffff;
}


.subsite .pagemenu .sub-nav .tree-child-selected > a, .subsite .pagemenu .sub-nav .tree-selected > a{
	font-style:normal;
	font-weight:normal;	
}

.subsite .pagemenu ul li{
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.subsite .pagemenu .tree-selected, .subsite .pagemenu ul li .tree-child-selected{	
	background:url("/Data/Sites/1/skins/bootstrap204/img/leftcol-selected.png") repeat-y top left;	
	margin-left:-75px;
	padding-left:75px;
}

.subsite .pagemenu .tree-root{
	background:#0E4D6B;	
	background-image:none;	
	margin-left:0;
	padding-left:20px;
}

.subsite .pagemenu ul li ul li ul li{
	padding-top:2px;
	padding-bottom:2px;
}	

.subsiteslider {
border: solid 3px #d5cfc8;
border-bottom: solid 5px #d5cfc8 !important;
position:relative;
height:249px;
width:894px;
margin-right:-20px;
}

.subsiteslider .cyclenav{
	bottom:-5px;	
}

.subsiteslider .panelwrapper{
	padding:0;
}
.subsiteslider.topslider {
border:none;
position:relative;
margin-right:-20px;
height:327px;
width:1170px;
}
.subsideslider.topslider .theme-default .nivo-controlNav{
	margin-top:-22px;	
}

.subsiteslide {
width:100%;
/*min-height:300px;*/
position:relative;
height:250px;
}
.subsiteslide .slide img{
width:100%;
}
.subsiteslide .caption{
position:absolute;
bottom: 120px;
width: 60%;
color:#fff;
}

.subsite.glulam .span6.main{
	margin:0 20px 0 0;	
	width:630px;
	
}
 
/****to fix glulam home page when right col is longer than middle column*****/
.subsite.glulam .span6.main.glulamendpage{
	margin-bottom:50px;	
}
/******************table styles*************/
.apatable{
	border:0; 
	border-spacing:10px;
	width:100%;
	margin-bottom:20px;
}
.apatable td{
	padding:5px;
}
.apatable .tableheader td{
	background:#0E4D6B;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
}
.apatable .tablesubheader td{
	background:#ffffff;
	color:#991b1f;
	font-weight:bold;
}
.apatable tr:nth-child(even){
	background: #FBF9EC;
	}
.apatable tr:nth-child(odd) {
	background: #F7F0CF
	}

/******************************************************* membermill **************************************************/


body.rightcol  .wrapcenter, body.blogviewpost .wrapcenter, body.blogviewcategory .wrapcenter, body.blogviewarchive .wrapcenter     {
background:transparent url("/Data/Sites/6/skins/PerfPanel/img/rightcol.png") repeat-y top right;
}
html.lt-ie9 body.rightcol  .wrapcenter {
background:transparent url("/Data/Sites/6/skins/PerfPanel/img/rightcol225.png") repeat-y top right;
}

body.rightcol .homefeature {
border-right: 0px solid #cccccc;
}

.membermillsearch {
background:#756659;
position:relative;
}

.membermillsearch:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
� .membermillsearch {height:100%}

.membermilltitle {
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:14px;
padding: 12px 0px 0px 12px;
}

.membermillwrap {
padding-top:0px !important;
}

.membermillsearchresults {
margin-top: 20px;

}
.mmprodlist {
color:#507aa4;
font-size:16px;

}

.mmprodlistred {
color:#991b1e;
text-transform:uppercase;
font-size:16px;

}

.results {
margin-top: 15px;
margin-bottom: 15px;
}

.mmsearch {
float: left; margin: 12px;
width: 60%;
}

.mmsearch input[type="text"] {
width: 100%;
background:#daccbf;
border: 1px solid #fff;
border-radius: 0px;
}
.mmsearch input[type="submit"] {
color:#fff;
background:#005a8c;
text-transform:uppercase;
border:none;
padding: 4px 9px;
font-size:16px;

}


.mmsearchfilters {
float: left; margin: 12px;
width: 30%;
}
.mmsearchfilters input[type="submit"] {
color:#fff;
background:#aea39a;
text-align:center;
border:none;
padding: 3px 6px;
font-size:14px;
width:100%;

}

.c_list_mills table {
border: 0;
margin-top: 15px;
}
.c_list_mills table th { border: 0; text-align:left;}
.c_list_mills table th a{ color:#991b1e;}
.c_list_mills table tr{ border-bottom: 1px solid #c9cacc;}
.c_list_mills table td { border: 0; color:#88898c;}
.c_list_mills table tr td:first-child {  width: 15%;}
.c_list_mills table tr td:nth-child(2) {  width: 25%;}
.c_list_mills table tr td:nth-child(2) a{ color:#b07843; text-decoration:underline;}

.c_list_manufacturers table {
margin-top: 15px;
}
.c_list_manufacturers table td { width:30%}
.c_list_manufacturers table td a{ color: #915002;}
.c_list_manufacturers table td a:before {
    content: "• ";  /* © */
    color: #915002;
}

body.membermill input[type="checkbox"] {
margin-right: 5px;
}
.results table td {
width: 45%;
}

.searchfilterleft {
float: left; width: 250px;
}
.searchfilterright {
float: left; width: 580px; margin-top: 12px;
}
.results table td a:before {
    content: "• ";  /* © */
    color: #915002;
}

.c_listleft {
margin-top: 0px; float:left; width: 460px;
}

.c_listright {
float:left; width: 350px;
}

@media(max-width:1200px){
.c_listright {
float:left; width: 60%;
}
.searchfilterleft {
float: left; width: 30%;
}
.searchfilterright {
float: left; width: 65%;
margin-left: 12px;
}


}
@media(max-width:980px){
.c_listright {
float:left; width: 40%;
}
}

@media(max-width:620px){
.mmsearchfilters {
width: 90%;
}
.c_list_manufacturers table tr td{
display:block; 
width: 100%;
}
.results table{
width: 100%;
overflow:hidden;
}
.results table tr td{
display:block; 
width: 100%;
}
}

/*.milltree a img{
display:none;
-fx-shape: null;
-fx-background-color: null;
-fx-background-image: url("plus-icon.gif");
}

.milltree:expanded .tree-disclosure-node .arrow {
-fx-shape: null;
-fx-background-color: null;
-fx-background-image: url("minus-icon.gif");
}*/


/******************************************************* membermill DETAIL **************************************************/
.mmdetail {
padding: 20px;

}

.mmdetail h2{
color:#507AA4;
text-transform:uppercase;

}

.mmdetail .formlist{
/*font-weight:bold; ***MD 10-13**/
}

.mmdetail .millproductlist {
/*font-weight:bold; ***MD 10-13**/
padding-left: 25px;
margin-top: -20px;
margin-bottom: -20px;
}


/******************temporary styles for Certification links until APA has uploaded documents********/
.mmdetail a.cblink.cboxElement{
	pointer-events:none;	
	text-decoration:none;
	color:#000;
	cursor:text;
}

/******************************************************* sign in pop-up **************************************************/
body.popbody {
_height: 100%;
background-image:none !important;
background-color:#fff !important;
}

body.popbody .container{
position:absolute;
top:0;
left:0;
bottom:0;
width: 100%;
height: 100%;
margin-top: 0px;
margin-bottom:0px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.7)!important;
}

body.popbody footer{
display:none;

}
body.popbody form{
margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
	
	body.popbody .js .slicknav_menu {
		display:none !important;
	}
	
}


/******************************************************* register login forms **************************************************/

.btn, .createuserbutton, .span9.pub .cblink, .rolebutton, .span9.pub .publicationDownloadLink, .span9.pub .publicationAddToCartLink{
display: inline-block;
font-size:14px;
padding: 9px 18px;
font-weight: normal !important;
line-height: 16px;
text-transform:uppercase;
color: #fff;
text-align: center;
text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #981b1e;
background-image: -ms-linear-gradient(top, #981b1e, #981b1e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#981b1e), to(#981b1e));
background-image: -webkit-linear-gradient(top, #981b1e, #981b1e);
background-image: -o-linear-gradient(top, #981b1e, #981b1e);
background-image: linear-gradient(top, #981b1e, #981b1e);
background-image: -moz-linear-gradient(top, #981b1e, #981b1e);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#981b1e', endColorstr='#981b1e', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
margin:10px auto;
}
.btn:hover, .createuserbutton:hover, .span9.pub .cblink:hover, .reportright .cblink:hover, rolebutton:hover, .span9.pub .publicationDownloadLink:hover, .span9.pub .publicationAddToCartLink:hover {
color: #fff;
text-decoration: none;
background-color: #6F0000;
background-image: -ms-linear-gradient(top, #981b1e, #6F0000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#981b1e), to(#6F0000));
background-image: -webkit-linear-gradient(top, #981b1e, #6F0000);
background-image: -o-linear-gradient(top, #981b1e, #6F0000);
background-image: linear-gradient(top, #981b1e, #6F0000);
background-image: -moz-linear-gradient(top, #981b1e, #6F0000);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
}

/*****brown variation of buttosn for publication purchase and download ******/
.span9.pub .cblink, .span9.pub .publicationDownloadLink, .span9.pub .publicationAddToCartLink, .span4 .pubdownload .cblink, .span4 .pubdownload .publicationDownloadLink, 
 .span4 .pubaddtocart .publicationAddToCartLink, .publicationShortDescription .btn, .searchcontrols .btn, .applyFilterButton .btn, .reportright .cblink, .reportright .publicationDownloadLink, 
 body.resourcelibrary .searchheader .searchbutton.span2 .btn{
display: inline-block;
font-size:14px;
padding: 4px 12px;
font-weight: normal !important;
line-height: 16px;
text-transform:uppercase !important;
color: #fff;
text-align: center;
text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #a45932;
background-image: -ms-linear-gradient(top, #a45932, #a45932);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a45932), to(#a45932));
background-image: -webkit-linear-gradient(top, #a45932, #a45932);
background-image: -o-linear-gradient(top, #a45932, #a45932);
background-image: linear-gradient(top, #a45932, #a45932);
background-image: -moz-linear-gradient(top, #a45932, #a45932);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#a45932', endColorstr='#a45932', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
margin:10px auto;
}
.span4 .pubdownload .cblink, .span4 .pubdownload .publicationDownloadLink, 
 .span4 .pubaddtocart .publicationAddToCartLink{
	margin:5px auto; 	
 }
.span9.pub .cblink:hover, .span9.pub .publicationDownloadLink:hover, .span9.pub .publicationAddToCartLink:hover, .span4 .pubdownload .cblink:hover, 
.span4 .pubdownload .publicationDownloadLink:hover, .span4 .pubaddtocart .publicationAddToCartLink:hover, .publicationShortDescription .btn:hover, 
.searchcontrols .btn:hover, .applyFilterButton .btn:hover, .reportright .cblink:hover, .reportright .publicationDownloadLink:hover, 
body.resourcelibrary .searchheader .searchbutton.span2 .btn:hover{
color: #fff;
text-decoration: none;
background-color: #824728;
background-image: -ms-linear-gradient(top, #a45932, #824728);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a45932), to(#824728));
background-image: -webkit-linear-gradient(top, #a45932, #824728);
background-image: -o-linear-gradient(top, #a45932, #824728);
background-image: linear-gradient(top, #a45932, #824728);
background-image: -moz-linear-gradient(top, #a45932, #824728);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
}
.span9.pub .cblink .publicationAddToCartLink{
padding: 0px;
margin:0px;
background: transparent !important;
}

.span9.pub .cblink .publicationAddToCartLink:hover{
padding: 0px;
margin:0px;
background: transparent !important;
}

/*
.createuserbutton {
display: inline-block;
font-size:16px;
padding: 9px 18px;
font-weight: bold;
line-height: 18px;
color: #fff;
text-align: center;
text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #981b1e;
background-image: -ms-linear-gradient(top, #981b1e, #981b1e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#981b1e), to(#981b1e));
background-image: -webkit-linear-gradient(top, #981b1e, #981b1e);
background-image: -o-linear-gradient(top, #981b1e, #981b1e);
background-image: linear-gradient(top, #981b1e, #981b1e);
background-image: -moz-linear-gradient(top, #981b1e, #981b1e);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#981b1e', endColorstr='#981b1e', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
}
.createuserbutton:hover {
color: #fff;
text-decoration: none;
background-color: #000;
background-image: -ms-linear-gradient(top, #000, #000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#000));
background-image: -webkit-linear-gradient(top, #000, #000);
background-image: -o-linear-gradient(top, #000, #000);
background-image: linear-gradient(top, #000, #000);
background-image: -moz-linear-gradient(top, #000, #000);
background-repeat: repeat-x;
border: 0px solid #cccccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
}
*/
ol.formlist
{
    list-style:none;
}
.settinglabel {
text-align: right;
padding-right: 20px;
width: 200px;
}
.settingrow {
}

body.registerpage .floatpanel{
background: #eee;
padding-top: 12px;
padding-bottom: 12px;

}
body.loginpage .floatpanel{
background: #eee;
padding: 12px;

}


body.loginpage input[type="checkbox"] {
margin-right: 12px !important;
}
body.loginpage input[type="text"], body.loginpage input[type="password"]  {
width: 200px;
}

#logincontent {
width: 720px;
float:right;
min-height:300px;
}
#registercontent {
width: 420px;
float:right;
min-height:300px;
}
/******************************************************* basic form **************************************************/
.formwizard .settingrow .settinglabel {
width: auto;
text-align: left;
}

.formwizard .settingrow .settinglabel {
width: auto;
text-align: left;
}

.formwizard .settingrow textarea {
width: auto;
}

.helpdesk .helpdeskform .formwizard{
	
}
.helpdesk .helpdeskform .formwizard .settingrow textarea{
	width:210px;
}

.helpdesk .rightcol .helpdeskform h2{
	color:	#991b1f;
}

/******************************************************* footer **************************************************/
footer {
color:#fff;
background: #58595b;
min-height: 44px;
}

.footercontent {
background-color:#d6cfc8;
position:relative;
padding: 12px;
}

.footercontent p{
padding-bottom: 10px;
margin-bottom: 0px !important;
}

footer {
margin-top:0px;
padding-top: 6px;

}

.footerleft {
	float:left;
	position:relative;
}
.footerright {
	float:right;
	text-align:right;
	line-height:36px;
	padding-right: 30px;
	*float:left;
	position:relative;
}
.footerright span{
	float:right;
	position:relative;
}

footer aside a{
color:#fff;
text-transform:uppercase;
line-height:36px;
}
footer aside a:hover{
color:#fff;
text-decoration:underline;
}
footer .span6{
width: 45%;

}
footer .span8{
width: 67%;
*width: 400px;

}
footer .span4{
width: 23%;
*width: 250px;

}
footer .social{
display:inline-block;
*display:block;
*width:100px;
}
a.facebook {
    background: url("/Data/Sites/6/skins/perfpanel/img/facebook.png") no-repeat;
	width: 20px;
	height: 20px;
	text-indent: 9999px;
	overflow:hidden;
	display:inline-block;
	*display:block;
	margin-left: 10px;
	margin-right: 5px;

}
a.twitter {
    background: url("/Data/Sites/6/skins/perfpanel/img/twitter.png") no-repeat;
	width: 23px;
	height: 20px;
	text-indent: 9999px;
	overflow:hidden;
	display:inline-block;
	*display:block;
	margin-right: 5px;

}

a.linkedin {
    background: url("/Data/Sites/6/skins/perfpanel/img/linkedin.png") no-repeat;
	width: 20px;
	height: 20px;
	text-indent: 9999px;
	overflow:hidden;
	display:inline-block;
	*display:block;
	margin-right: 5px;

}

a.youtube {
    background: url("/Data/Sites/6/skins/perfpanel/img/youtube.png") no-repeat;
	width: 50px;
	height: 25px;
	text-indent: 9999px;
	overflow:hidden;
	display:inline-block;
	*display:block;

}

/*******************************************************slideshow NIVO ADJUST**************************************************/

.theme-default .nivoSlider {
margin-bottom: 0px;
box-shadow: 0px 0px 0px 0px #4A4A4A;
}

.theme-default .nivo-controlNav {
position: absolute;
z-index: 999;
right: 0px;
margin-top: -20px;
background-color:#d5cfc8;
padding: 4px 0px 0px 2px;
}

.theme-default .nivo-controlNav a {
    display: inline-block;
    width: 11px;
    height: 11px;
    _background: url('bullets.png') no-repeat scroll 0% 0% transparent;
	background-image:none !important;
	background-color:#333333;
    text-indent: -9999px;
    border: 0px none;


    margin: 0px 4px;
}
.theme-default .nivo-controlNav a.active {
	background-color:#981b1e;
}
.nivo-caption {
background: none;
bottom: 20%
}

.homeslider{
_margin-left: -20px;
}

.homeslider .caption{
_position:absolute;
_bottom: 120px;
width: 60%;
color:#fff;
}

.homeslider .caption.right{
text-align:right;
margin-right: 50px;
}

.homeslider .caption.left{
text-align:left;
margin-left: 50px;
}

.homeslider .caption h2{
font-size: 32px;
font-weight:normal;
margin-bottom: 20px;
}
.homeslider .caption h3{
font-size: 24px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
margin-bottom: 20px;
color:#ffffff !important;
text-transform:capitalize;
}
.homeslider .caption .link a{
color:#ffffff !important;
text-decoration:underline;
font-size: 21px;
font-family:"Times New Roman", Times, serif;
}

.nivoSlider a.nivo-imageLink + img {
	margin:0px;
}


/*******************************************************slideshow **************************************************/

.cyclenav {
position:absolute;
position:relative\9;
margin-top: -18px;
*margin-top: -20px;
z-index:999;
/*background-color:#d5cfc8;
padding: 8px;*/
text-align:right !important;
text-align:left\9;
width: 100%;
*width: 400px;
/*border-right: #d5cfc8 solid 4px;*/
border-right: #d5cfc8 solid 0px\9;
/*margin-left: -4px;*/
bottom:-4px;
}

.cyclenav a{
border: #d5cfc8 solid 4px;
border-left: #d5cfc8 solid 6px;
border-right: #d5cfc8 solid 2px;
width: 11px;
height: 11px;
overflow:hidden;
text-indent: 9999px !important;
background-color:#333333;
display:inline-block !important;
display:block\9;
margin-right: 0px !important;
}

.cyclenav a.activeSlide{
border: #d5cfc8 solid 4px;
border-left: #d5cfc8 solid 6px;
border-right: #d5cfc8 solid 2px;
width: 11px;
height: 11px;
overflow:hidden;
text-indent: 9999px !important;
background-color:#981b1e;
display:inline-block;
display:block\9;
margin-right: 0px !important;
}

.homeslider {
border: solid 3px #d5cfc8;
border-bottom: solid 5px #d5cfc8 !important;
position:relative;
_height:393px;
}

.homeslide {
width:100%;
/*min-height:300px;*/
position:relative;
height:393px;
}
.homeslide .slide img{
width:100%;
}
.homeslide .caption{
position:absolute;
bottom: 120px;
width: 60%;
color:#fff;
}

.homeslide .caption.right{
text-align:right;
right: 50px;
}

.homeslide .caption.left{
text-align:left;
left: 50px;
}

.homeslide .caption h2{
font-size: 32px;
font-weight:normal;
margin-bottom: 20px;
}
.homeslide .caption h3{
font-size: 24px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
margin-bottom: 20px;
color:#fff;
}
.homeslide .caption .link a{
color:#fff;
text-decoration:underline;
font-size: 21px;
font-family:"Times New Roman", Times, serif;
}

.altcontent1 {
margin-bottom: 20px;

}




/******************************************************* content page MD **************************************************/

.left{
	float:left;
	margin-right:10px;	
}
.right{
	float:right;
	margin-left:10px;

}


/******************************************************* right column **************************************************/

.rightcol .sectiontitle {
text-transform:uppercase;
font-weight:bold;
/*margin-bottom: 24px;*/
display:block;
}

.rightcol .pubtitle
{
color:#000;
font-weight:bold;
display:block;
}

.rightcol a.publink, .rightcol .manufacturerlist a{
display:block;
color:#1c3664;
text-decoration:underline;
}
.rightcol a.publink:hover, .rightcol .manufacturerlist a:hover{
	color:#774e07;}
.rightcol .manufacturerlist.pp a{
	margin-bottom:5px;	
}
.rightcol a.publink
{
margin-bottom:-10px;
}

.newpubaside .pubtitle
{
display:none;
}

/*******************************************************JT Home Feature **************************************************/
.homefeature
{
    /*min-height:250px;*/
    border-right:1px solid #cccccc;
	min-height: 250px;

	margin-left:1.65%;
	margin-left:1%\9;
}

.homefeature.last
{
    border-right:0px solid #cccccc;
}

.homefeature .sectiontitle
{
color:#991b1e;
text-transform:uppercase;
font-size:16px;
display:inline-block;
margin-bottom: 20px;
width:auto;

}
.homefeature .pubtitle
{
color:#000;
font-weight:bold;

}
.homefeature a.publink
{
color:#676767;
text-decoration:underline;
margin-bottom: 20px;
display:inline-block;
}

.socialblock {
float: right;
width: 250px;
height: 20px;

}

a.seealllink {
float:right;
color:#004b6a;
font-size:11px;
text-transform:uppercase;
margin-right: 20px;

}

.adminpublink {
background:url("/Data/Sites/1/skins/bootstrap204/img/file_edit.png") no-repeat top left;
width:16px;
height:16px;
display:inline-block;
text-indent: -999999px;
}

.productbody {



}

h1.moduletitle {
margin-right: 0px;
}

.productbody .span3 {
width: 20%;

}

.thumb .header {
color:#fff;
background: rgba(51,51,51,0.5);
text-transform:uppercase;
padding:10px 5px;
font-size: 12px;
line-height: 12px;

}
.header a{
color:#fff;

}
.learnmorelink{
	background-color:#333333;
	font-weight:bold;
	line-height:20px;
	padding:0 10px;
	text-transform:uppercase;
	width:85px;
	margin-top:10px;
}

.text, .text-js {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
	height: 130px;
    background: #999;
    background: rgba(51,51,51,0.5);
    text-align: left;

	color: #fff;
	padding: 5px;
	font-size:12px;
	width:165px;
	line-height:15px;
}

.thumb {
position: relative;
width: 175px;
height: 172px;
margin: 10px;
float: left;
color: #fff;
}


.thumb:hover .text {
    display: block;
	color: #fff;
}
.thumb .text a{
    display: block;
	color: #fff;
}
.thumb:hover .text a{
    display: block;
	color: #fff;
}
.thumb .text-js a{
    display: block;
	color: #fff;
}
.thumb:hover .text-js a{
    display: block;
	color: #fff;
}
.thumb:hover .header a{
    display: block;
	color: #fff;
}
.thumbblock {
display:block;
position:relative;
margin-left: -20px;
}

.thumbwrap.span4 {
float:left;
width: 18%;
width: 30.8%\9;
margin-left: 10px;
margin-right: 0px;
height:210px;
}

}
.thumbblock1000 {
display:block;
position:relative;
margin-left: -10px;
}

.thumbwrap.span1000 {
float:left;
width: auto !important;
margin-left: -10px;
margin-right: 0px;
height:210px;
}

/*******************************************************blog css ****************************************/
.blognavright {
width: 180px;
margin-top:-80px;
}
.blogsearch {
margin-left: 30px;
}
.blogtitle{
	margin-top:10px;	
}
h3.blogtitle{
	line-height:.8em;	
}
h3.blogtitle a{
	color:#0E4D6B; 
	font-size:.6em;
}
.blogitem{
	border-bottom:1px solid #656C4A;
}
.blogwrapper h2.moduletitle{
	color:#991b1f;
	font-size:1.8em;
	max-width:880px;
}
.blogwrapper h3.subtitle{
	font-size:1.2em;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 20px;
}
.blognavright h1, .blognavright h3{
	font-size:1.2em;	
}
.blogitem .subtitle{
	font-weight:bold;
}
.blogcommentlink{
	display:none;	
}

.span9.blogcenter-rightnav{
	max-width: 850px;
	margin-right: 20px;
}
.blogcategories .span9.blogcenter-rightnav{
	margin-left:0; 
 }

.blogcategories h2.moduletitle{
	color: #991b1f;
	font-size: 2em;
}
.bsidecontent.bsidetop{
	margin-bottom:10px;	
}


/******************************************************* JT - nomargin - header (sorry for the hack job) ****************************************/
.nomargin .panelwrapper {
    padding: 0px;
    margin-right: -30px;
}

.panelwrapperhome {
    padding: 20px;
}

/******************************************************* Designers Circle ****************************************/
body.designerscircle {
    background:#bfdaea url("/Data/Sites/1/skins/bootstrap204/img/bk_dc.jpg") no-repeat top center;
}
body.designerscircle .headerwrap {
	background:#0074a1 url("/Data/Sites/1/skins/bootstrap204/img/taglinewrapbk-dc.png") no-repeat top center;
	background:#0074a1 url("/Data/Sites/1/skins/bootstrap204/img/taglinewrapbk-dc-ie7.png") no-repeat top center\9;
}

body.designerscircle span.sitetitle a{
	background:url("/Data/Sites/1/skins/bootstrap204/img/dc_bannerlogo.png");
	width:400px;
}
body.designerscircle .tagline{
	color:#e8d0b7;
}
body.designerscircle footer{
	background:#f65a19;
}
body.designerscircle h1{
	color:#f65a19;
}

body.designerscircle h4{
	color:#0e4d6b;
}

body.designerscircle address{
	color:#87746a;
}

/*-----------------------------------------------------------APA FormWizard Override ---------------------------------------*/

.surveyopentextinput [type="text"],
.surveyopentextinput textarea {
  width: 510px !important;
}

textarea {
  height: auto;
}

.myapa{
}

/************my apa portals*****************/
.portal{
	background:#393939;
	color: #ffffff;
	display:block;
	float:left;
	position:relative;
	height:100%;
	width:100%;
	margin:5px 0;
	overflow:hidden;
}
.portalleft{
    height:100%;
	width:450px;
	float:left;
	display:block;
	position:absolute;
}
.portalright{
	float:right;
	width:40%;
	display:block;
	padding:20px;		
}
.portalleft.resourcelibraryportal{
	background:#393939 url("/Data/Sites/1/media/images/apa_myapa_resourcelibrary.jpg") no-repeat left;
	background-size:cover;
}
.portalleft.membersonlyportal{
	background:#393939 url("/Data/Sites/1/media/images/apa_myapa_membersonly.jpg") no-repeat left;
	background-size:cover;
}
.portalleft.designerscircleportal{
	background:#393939 url("/Data/Sites/1/media/images/apa_myapa_designerscircle.jpg") no-repeat left;
	background-size:cover;
}
.portalleft.wooduportal{
	background:#393939 url("/Data/Sites/1/media/images/apa_myapa_wooduniversity.jpg") no-repeat left;
	background-size:cover;
}
.portalleft.calculatorportal{
	background:#393939 url("/Data/Sites/1/media/images/apa_myapa_wallbracingcalculator.jpg") no-repeat left;
	background-size:cover;
}
.portalleft.simplifiedcalcportal{
	background:#393939 url("/Data/Sites/1/media/images/apa_myapa_graphics_simpbracingcalculator.jpg") no-repeat left;
	background-size:cover;
}
.nobottompadding article{
		padding-bottom:0px
}

.notoppadding article{
		padding-top:0px
}

#ctl00_mainContent_ctl00_fvPublication_EditButton, #ctl00_mainContent_ctl00_fvPublication_UpdateButton{
	display: inline-block;
	font-size:14px;
	padding: 9px 18px;
	font-weight: normal !important;
	line-height: 16px;
	text-transform:uppercase;
	color: #fff;
	text-align: center;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #981b1e;
	background-image: -ms-linear-gradient(top, #981b1e, #981b1e);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#981b1e), to(#981b1e));
	background-image: -webkit-linear-gradient(top, #981b1e, #981b1e);
	background-image: -o-linear-gradient(top, #981b1e, #981b1e);
	background-image: linear-gradient(top, #981b1e, #981b1e);
	background-image: -moz-linear-gradient(top, #981b1e, #981b1e);
	background-repeat: repeat-x;
	border: 0px solid #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#981b1e', endColorstr='#981b1e', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
	margin:10px auto;
}

.calculator .wrapcenter{
	padding-bottom:0px;
}

/*******************gallery figures*****************/
figure {
    display: inline-block;
	color:#a45932;
}
figure:hover{
	cursor:pointer;
	color:#774e07	;
}
figcaption {
/*    font-variant: small-caps;*/
    line-height: 2;
    font-family: Arial;
    font-weight: bold;
}
figure {
    padding: 0;
    margin: 0 10px 0 0;
}
figure.gallerythumb > img{
	margin:0px !important; 
	height:140px;
	float:left !important;}
	

body.gallery li.galleryitem{
	padding:0;
}
body.gallery li.galleryitem > a > img{
	height:150px;
	margin:10px;
}



/*************Alternative Form Style class="formstyle2" *********************/

/*******************************Design Contest FormWizard Pro Form - MD 6-8-15****************/

.formstyle2 .settinglabel, .formstyle2 .settinglabelFixedHeight{
	font-weight:normal;	
}
.formstyle2 .formwizard .settingrow.qtext label.settinglabel, .formstyle2 .formwizard .settingrow.qdate label.settinglabel, .formstyle2 .formwizard .settingrow.qcheckboxes label.settinglabel, .formstyle2 .formwizard .settingrow.qradio label.settinglabel, .formstyle2 .formwizard .settingrow.qparagraph label.settinglabel{
	text-align:right;
}
.formstyle2 br{
	display:none;
}
.formstyle2 .txterror{
	color:	#991B1F;
}
.formstyle2 input[value="Next >>"], .formstyle2 input[value="Submit"]{
	float:right;	
}
.formstyle2 input[value="Back <<"]{
	float:left;	
}





@media (max-width:1199px){
		.portalleft{
			width:350px;		
		}
		.blogviewcategory .span9.blogcenter-rightnav, .blogviewarchive .span9.blogcenter-rightnav {
			width: 670px;
			margin-left: 0px;
			margin-right: 30px;
		}
		.blogviewpost .blogview .moduletitle{
			max-width: 625px;
		}
		.span9.blogcenter-rightnav {
			max-width:670px;
			margin-right:30px;
		}
		body.rightcol .wrapcenter, body.blogviewpost .wrapcenter, body.blogviewcategory .wrapcenter, body.blogviewarchive .wrapcenter  {
			background: transparent url("/Data/Sites/6/skins/PerfPanel/img/rightcol225.png") repeat-y top right;
		}
		.helpdesk .span9{
			width:650px;
		}
		 body.rightcol.helpdesk  .wrapcenter {
			background:transparent url("/Data/Sites/6/skins/PerfPanel/img/rightcol.png") repeat-y top right; */
		}
		body.searchresults .searchcontrols, body.searchresults .othercats{
			width: 920px !important;
		}
        .searchleftcol table {
            width: 190px;
        }

        li a.megaMenu + ul li a.megaMenuHeading {
            width: 300px !important;
        }
        li a.megaMenu + ul li a {
            width: 300px !important;
        }

        ul.headernav {
            float: right !important;
            margin-top: 20px !important;
        }
        span.sitetitle  {
            _position: absolute;
            _margin-top: 9px;
        }
        span.sitetitle a {
            width: 340px !important;
            
        }

        header aside {
            width: 450px !important;
        } 
        ul.headernav .navbar-search {
            float: right !important;
        }
        #pre-searchbar {
            display: block !important;
            clear: left !important;
        }
        .navbar-search .search-query {
            margin-top: 10px;
        }
        ul.headernav li a {
            padding-right: 0;
            padding-left: 25px;
        }
}
@media (max-width:979px){
    
        header aside {
            width: 360px !important;
        }

 
    
        li a.megaMenu + ul li a.megaMenuHeading {
            width: 320px !important;
        }
        li a.megaMenu + ul li a {
            width: 320px !important;
        }
		.portalleft{
			width:250px;		
		}
		.portalright{
			width:42%;	
		}
		.blogviewcategory .span9.blogcenter-rightnav, .blogviewarchive .span9.blogcenter-rightnav, .span9.blogcenter-rightnav {
			width: 470px;
			margin-right: 14px;
		}
		.blogviewpost .blogview .moduletitle{
			max-width: 470px;
		}
		body.rightcol.blog .wrapcenter {
			background: transparent url("/Data/Sites/6/skins/PerfPanel/img/rightcol225.png") repeat-y top right;
		}
		
		.helpdesk .span9{
			width:430px;
		}
			body.searchresults .searchcontrols, body.searchresults .othercats{
			width: 704px !important;
		}
		
		
		.searchresults #ctl00_mainContent_btnDoSearch{
			float:right;	
			margin-right:10px;
		}
		#ctl00_mainContent_txtSearchInput, #ctl00_mainContent_ddFeatureList{
			margin-top:10px;
			border-radius:0px;
		}
		.searchleftcol table td, .reportleft table td{
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height:20px;
			width: 130px
		}
        .searchleftcol table {
            width: 140px;
        }	


}

@media (max-width:767px){
	.portalleft{
		width:50%;	
	}
	.blogviewcategory .span9.blogcenter-rightnav, .blogviewarchive .span9.blogcenter-rightnav, .span9.blogcenter-rightnav, .blogviewpost .blogview .moduletitle {
			width: 100%;
	}
	body.rightcol.blog .wrapcenter, body.rightcol.helpdesk .wrapcenter, body.rightcol .wrapcenter, body.blogviewpost .wrapcenter, body.blogviewcategory .wrapcenter, body.blogviewarchive .wrapcenter {
		background: none;
	}
	.helpdesk .span9{
			width:auto;
		}
	.blognavright{
		margin-top:20px;
	}
	
	body.searchresults .searchcontrols, body.searchresults .othercats{
			width:102.5% !important;
		}
		.formwizard .settingrow textarea {
			width: 100%;
		}

    .searchleftcol table {
        width: 90% ;
    }
	.formstyle2 .formwizard .settingrow.qtext label.settinglabel, .formstyle2 .formwizard .settingrow.qdate label.settinglabel, .formstyle2 .formwizard .settingrow.qcheckboxes label.settinglabel, .formstyle2 .formwizard .settingrow.qradio label.settinglabel, .formstyle2 .formwizard .settingrow.qparagraph label.settinglabel{
	text-align:left;
}

    ul.headernav {
        float: none !important;
        text-align: center !important;
        display: block !important;
    }

    ul.headernav li {
        display: inline !important;
        float: none !important;
        line-height: 12px !important;
    }
    ul.headernav li a {
        display: inline-block !important;
        float: none !important;
        padding: 5px 10px;
    }
}

@media (max-width:620px){
	.portal{
		float:none;	
	}
	.portalleft{
		width:100%;
		height:100px;	
	}
	.portalright{
		margin-top:100px;
		width:auto;
		float:left;
	}

    ul.headernav {
        float: none !important;
        text-align: center !important;
        display: block !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    ul.headernav .navbar-search {
        float: none !important; 
    }
    header aside {
        width: 100% !important;
    }
    .contentbox {
        margin-top: 0px;
    }
}

/*----------------------------------------------------------- media---------------------------------------*/

@media (max-width:500px){
    .reportleft {
        width: 90%;
    }
    .reportright {
        width: 90%;
        padding-left:20px;
        padding-top:20px;
    }
        span.sitetitle  {
            max-width: 100% !important;
        }
        span.sitetitle a {
            width: 250px !important;
            background-size: 100% !important;
            height: 52px !important;
        }

        ul.headernav li a {
            display: none !important;
        }
}