/* ATTRA/NCAT HTML publication stylesheet, NCAT IT, 7/21/20 */
/* LAST CHANGE 7/21/20 ~ JJE */
/* -------------------[ HTML PUBS ]------------------- */
#cite {
font-size:13px;
line-height:120%
}

.time {
display:none;
}
#pdf_box {
float:right;
font-size:8pt;
line-height:120%;
width:350px
}

/*h3 { margin-top:25px !important }*/

.html-pub h1, h2, h3, h4, h5, h6 {
    margin-top: 35px !important;
    margin-bottom: 0 !important;
}

.html-pub p { 
    margin-top: 0px !important; 
}

.html-pub   td { 
    width: 60% !important;
    display: table-cell !important;
}

.gray-box {
background:#EEEEEE;
padding:30px;
margin:0px 0px 15px 0px;
text-align:left;
vertical-align:top;
border-collapse:separate; 
border-spacing:10pt 5pt;
border:thin solid #CCC9B8;
}

/* ordered lists spacing */
.html-pub ol li { margin:0 0 15px 25px !important; font-size: 15px !important; font-weight: 500 !important; list-style-position: inside !important; line-height: 2 !important; }
.html-pub ul li { margin:0 0 35px 25px !important; font-size: 15px !important; font-weight: 500 !important; list-style-position: inside !important; line-height: 2 !important; }


/* adjust anchor links for sticky header */
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

* {
    box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.summary-column {
    float: left;
    width: 33.33%;
    padding: 50px 10px 0px 10px;
	height: 350px;
}

/* Clear floats after the columns */
.summary-row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
    .summary-column {
	    height: auto !important;
        width: 100%;
    }
}

#summary_buttons {
width:100%;
height:auto;
text-align:center;
margin:0 auto;
}

.summary-intro {
width: 60%;
}

@media screen and (max-width: 800px) {
    .summary-intro {
	width: 100%;
	}
}

/* blockquote {
border:2px dotted #ccc;
background-color:#eee;
margin:1em 2em;
padding:0 1ex
} */ 

.smaller {
font-size:9pt;
color:#777777;
line-height:normal;
margin:0 0 15px 0 !important
}

.cutline {
font-size:10pt;
color:#777777;
line-height:normal;
padding:5px;
}

.cutline img {
margin:0 !important;
padding:0 !important
}

.html-image {
border:1px solid #CCC9B8;
padding:10px !important;
font-style: italic;
color:#777777 !important;
width:100% !important;
max-width:700px !important;
}

.html-image-small {
border:1px solid #CCC9B8;
padding:10px !important;
font-style: italic;
color:#777777 !important;
width:100% !important;
max-width:500px !important;
}

.border-pub-table-left {
border:1px solid #CCC9B8;
margin:3px 15px 15px 0px
}
	
.border-pub-table-right {
border:1px solid #CCC9B8;
margin:3px 0px 3px 15px;
padding:0 !important
}

.border-pub-table {
border:1px solid #CCC9B8;
margin:3px 15px 15px 0px
} 
	
.border-pub-table-right {
border:1px solid #CCC9B8;
margin:3px 0px 3px 15px;
padding:0 !important
}

.gray_border_float_left {
float:left;
margin:5px 20px 10px 0;
padding:5px;
border:1px solid #CCC9B8
}

.gray_border_float_right {
float:right;
margin:5px 0 10px 20px;
padding:5px;
border:1px solid #CCC9B8
}

.emphasis-lightgrey {
background:#EEEEEE;
border:thin solid #CCC9B8;
padding:30px;
margin-bottom:8px;
text-align:left;
vertical-align:top
}

.emphasis-pub-lightyellow {
font-size:1em;
background:#EEEEEE;
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;
text-align:left;
vertical-align:top;
border:1px solid #CCCCCC
}

.emphasis-pub-sidebar {
font-size:12px;
line-height:18px;
background:#EEEEEE;
padding:10px;
margin:0px 0px 0px 15px;
text-align:left;
vertical-align:top;
border:1px solid #CCCCCC
}

.emphasis-pub-lightyellow td {
border:1px solid #CCCCCC;
padding:5px
}

.top_arrow {
background:url(/images/top.gif) no-repeat;
background-position:top left;
padding-left:30px
}

.bigtype {font-size:25px;}


/* -------------------[ Misc Tags and Classes ]------------------- */
.button-success {
color:white;
border-radius:4px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
background:rgb(28, 184, 65); /* this is a green */
        }
.button-xlarge {
font-size:125%
}

.button_box {
  padding:5px;
  border:1px solid #001489;
  background-color:#FFD200;
  margin:0;
  text-align:center	
}