body {
	background: #f6f4f2 url("../templates/images/bg.gif") repeat-x top;
	margin: 0;
	padding: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 80%;
	height: 100%
}

a:link {
	color: #036;
	text-decoration: underline;
}

a:visited {
	color: #636;
}

a:hover {
	color: #933;
	text-decoration: underline;
}

img {
	border: none;
}

h1, h2, h3 {
	color: #036;
	font-weight: bold;
	margin: .5em 0 .5em 0;
	padding: 0;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.0em;
	font-weight: bold;
}

h4 a {
	text-decoration: none;
}

p {
	margin: 1em 0;
	line-height: 1.4em;
}

form {
	margin: 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

hr {
	clear: both;
	border: 0;
	width: 100%;
	color: #999;
	background-color: #999;
	height: 1px;
	z-index: 10;
	margin-top: 2px !important;
	padding: 0 !important;
}

* html hr {
	margin: 0;
}

.block_as_inline {
	display: inline;
}

.mainHolder.mainHolder-full-width {
    width: 100%;
    max-width: 100%;
    margin: 0;
    background-color: white;
}

.mainHolder.mainHolder-full-width.mainHolderbgColor {
	background-color: #003366;
}

.unit-page .mainHolder.mainHolder-full-width {
    background-color: transparent;
}

.unit-page .mainHolder.mainHolder-full-width .row {
    background-color: white;
}

.full-width-row .mainHolder.mainHolder-full-width .row {
    background-color: white;
}

.full-width-row {
    width: 100%;
    background-color: transparent;
    position: relative;
    padding: .5em 0; 

}

    .full-width-row:first-child, .full-width-row:nth-child(2) {
        padding: 0;
    }

    .full-width-row-white {
        background-color: #fff;
    }


/* begin row background colors */
/* APS Dark Blue */
.full-width-row-003366-100 {
	background-color: #003366;
	}
.full-width-row-003366-75 {
	background-color: #40668c;
	}
.full-width-row-003366-50 {
	background-color: #7f99b2;
	}
.full-width-row-003366-25 {
	background-color: #bfccd9;
	}
.full-width-row-003366-15 {
	background-color: #d9e1e8;
	}
.full-width-row-003366-5 {
	background-color: #f2f5f7;
	}
/* Grays */
.full-width-row-000-100 {
	background-color: #000;
	}
.full-width-row-000-75 {
	background-color: #404040;
	}
.full-width-row-000-50 {
	background-color: #7f7f7f;
	}
.full-width-row-000-25 {
	background-color: #bfbfbf;
	}
.full-width-row-000-5 {
	background-color: #f2f2f2;
	}
/* Elements */
.full-width-row-footer {
	background-color: #f6f4f2;
	}
/* March Meeting 2018 */
.full-width-row-mm18-yellow {
	background-color: rgba(235,212,23,1);
	}
.full-width-row-mm18-lightyellow {
	background-color: rgba(242,227,139,1);
	}
.full-width-row-mm18-lightyellow-25 {
	background-color: rgba(242,227,139,.2);
	}
.full-width-row-mm18-blue {
	background-color: rgba(54,99,173,1);
	}
.full-width-row-mm18-blue-40 {
	background-color: rgba(54,99,173,.2);
	}
.full-width-row-mm18-purple {
	background-color: rgba(53,49,110,1);
	}
.full-width-row-mm18-purple-30 {
	background-color: rgba(53,49,110,.1);
	}
.full-width-row-mm18-aqua {
	background-color: rgba(111,199,181,1);
	}
.full-width-row-mm18-aqua-30 {
	background-color: rgba(111,199,181,.2);
	}
.full-width-row-mm18-orange {
	background-color: rgba(241,101,34,1);
	}
.full-width-row-mm18-orange-40 {
	background-color: rgba(241,101,34,.1);
	}
.full-width-row-mm18-red {
	background-color: rgba(158,30,36,1);
	}
.full-width-row-mm18-red-20 {
	background-color: rgba(158,30,36,.1);
	}
	
	
	
	
/* end row background colors */

    .full-width-row-image {
        background: url('/meetings/march/images/mm18-row-bg-20.png') ;
    }

    .full-width-row-dark-blue {
        background-color: #036;
        color: #fff;
    }

        .full-width-row.full-width-row-dark-blue .mainHolder {
            background-color: transparent;
            color: #fff;
        }

            .full-width-row.full-width-row-dark-blue a,
            .full-width-row.full-width-row-dark-blue h1,
            .full-width-row.full-width-row-dark-blue h2,
            .full-width-row.full-width-row-dark-blue h3,
            .full-width-row.full-width-row-dark-blue h4,
            .full-width-row.full-width-row-dark-blue h5 {
                color: #fff;
            }

        .full-width-row.full-width-row-dark-blue .greyBox {
            background-color: rgba(255,255,255,.3);
            border-color: rgba(255,255,255,.1);
        }

    .full-width-row.full-width-row-tan {
        background-color: #f6f4f2;
    }

        .full-width-row.full-width-row-tan .mainHolder {
            background-color: transparent;
        }




#mainHolder,
.mainHolder {
    background-color: #fff;
    font-size: 1.2em;
    max-width: 1200px;
    width: auto;
    margin: 6px auto;
    padding: 0;
    text-align: left
}

.mainHolder {
    margin: 0 auto;
}



#header,
#innerHolder,
.innerHolder {
	width: 100%;
	padding: 0;
	margin: 0;
}

#header {
	height: 100px;
	background-color: #fff;
	margin: 15px 0 0 0;
}

#topMenu {
	height: auto;
	background-color: #036;
	margin: 0;
	padding: 20px 0;
}

#homepage #hero {
	width: auto;
	margin: 0;
}

table#bigHolder {
	margin: 0;
	border: 0;
	width: 100%;
}

table#bigHolder td {
	padding: 0;
	margin: 0;
	border: none;
	width: 720px;
}

#homepage #content {
	padding: 20px 0 10px;
}

#navAndBranding {
	width: 1080px;
	margin: 10px;
	border: 0;
}
* html #homepage #content {
}
* html #content { 
}

#breadcrumbs {
	margin-top: 10px;
}

/* Fixing page headline and "print,email" alignment issues */ 
div.left, div.right, div#mainpage-titles {
	margin: 0;
/*	padding: 0 0 10px 0; */
}

* html div.left, * html div.right, * html div#mainpage-titles {
	padding: 0 !important;
}

div#mainpage-titles h1#mainpagetitle {
	margin: 0 !important;
	padding: 0 !important;
}

table#contentHolder {
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
}

table#contentHolder td {
	padding: 0;
	margin: 0;
	border: none;
	width: 720px;
	text-align: left;
}

table#features {
	margin: 0 5px 0 0;
	padding: 0;
	width: 720px;
}

table#features td {
	padding: 0;
	margin: 0;
	border: none;
	width: 33%;
	text-align: left;
}

table#features td.left {
	padding: 0 20px 15px 0;
}

table#features td.center {
	padding: 0 10px;
}

table#features td.right {
	padding: 0 0 0 20px;
}

div.news span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: black;
	background: rgba(0, 0, 0, 0.6);
	padding: 4px;
	color: #fff;
	font-weight:bold;
}
div.news a.news {
	position: relative;
	width: 220px;
	height: 120px;
	 display:block;
}

div.news a:hover {
	text-decoration: underline;
}

#header img#logo {
	float: left;
	margin-left: 0;
	border: 0;
	width: 123px;
	height: auto;
	padding-left: 10px;
}

#header #headerNav {
	text-align: right;
	margin-right: 10px;
	margin-top: -6px;
	font-size: 13px;
	line-height: 24px;
}

#header span {
	margin: 0 10px;
	color: #bbb;
}

#header #search {
	float: right;
	text-align: right;
	margin-top: 15px;
	margin-right: 10px;
	font-size: 13px;
}

#header #search input {
	margin-bottom: 5px;
	height: 1.5em;
	width: auto;
	display: inline-block;
	padding-top: 0; 
	padding-bottom: 0;
}

#header #search input#keyword {
	border: 1px #999 solid;
}

#header #utility {
	font-size: 13px;
	padding-top: 5px;
}

#bigHolder #quickLinks {
	background-color: #933;
	margin: 0;
}

#bigHolder #quickLinks ul {
	color: #fff;
	padding: 0 0 5px 60px;
	margin: 0 0 0 20px;
}

#bigHolder #quickLinks a {
	color: #fff;
	text-decoration: none;
}

#bigHolder #quickLinks a:visited {
	color: #fff;
	text-decoration: none;
}

#bigHolder #quickLinks a:hover {
	color: #fff;
	text-decoration: underline;
}

#bigHolder #quickLinks li {
	margin: .25em 0;
	padding-bottom: 3px;
	background-color: #933;
}

#bigHolder #quickLinks h2 {
	color: #fff;
	padding: 10px 0 0 20px;
	margin: 0 0 0 20px;
}

#bigHolder #quickLinks h3 {
	margin-top: 2px;
	padding: 5px 5px 5px 15px;
	color: white;
}

#content td ul {
	padding: 1em;
	margin: 0;
	list-style-type: square;
}

#rightCol {
	margin: 0;
}

#rightCol h2 {
	background-color: #036;
	color: #fff;
	padding: 5px 5px 5px 15px;
	margin: 0;
}

#rightCol h3 {
	background-color: #036;
	color: #fff;
	padding: 5px 5px 5px 15px;
	/*margin: 0 0 8px 0;*/
}

#rightCol h4 {
	color: #036;
	font-size: 1.1em;
	padding-bottom: 0;
	/*margin-bottom: 5px;*/
}

#content h4 {
	color: #036;
	font-size: 1.1em;
	padding-bottom: 0;
	/*margin-bottom: 5px;*/
}

#footer h4 {
	color: #036;
	padding-bottom: 0;
	margin-bottom: 5px;
}

#footer h4 a:link {
	color: #036;
}

#footer {
	clear: both;
	color: #333;
	margin-top: 10px;
	background-color: #f6f4f2;
	padding: 5px;
}

#footer a {
	color: #333;
	text-decoration: none;
	/*margin: .1em; */
}

#footer a:hover {
	text-decoration: underline;
}

.footer-social-media-icons {
	margin: 0 -5px;
}

.footer-social-media-icons img {
	margin: 5px;
}

div.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

div.buffer {
	margin: 0;
	padding: 10px;
}

#content {
	margin-bottom: -20px;
}

.CS_Element_LinkBar {
	display: inline;
	border-style: none;
}

.CS_Textblock_Text {
	margin-bottom: 10px;
}

table td table td img {
	border: none !important;
}

table.color-table form {
	padding: 0;
	margin: 0;
}

table.color-table table {
    margin-left: 20px;
}

#amazon p {
	margin: 0;
	padding: 0;
}
/* *************** */
/* Utility Styles */
/* ************** */

.clear {
	margin: 0;
	padding: 0;
	clear: both;
}
/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* additional clearfix elements are in ie.css */

.clearfix {
	display: inline-block;
} /* IE fix for Mac */
/* IE fix reset for non-mac \*/ * html .clearfix {
    height: 1%;
} /* End hide from IE-mac */
/* IE hack to fix weird EM bug (http://www.positioniseverything.net/explorer/italicbug-ie.html) */
/* \*/
* html #main {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* Callout Boxes */
.caption {
	font-size: 1.0em;
}

.caption a {
	font-size: 1.0em;
}

.image-grey {
	background: #ebebeb;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 2px 2px 1px;
	margin: 0 0 1em 1em;
	padding: .3em .6em .6em;
	float: right;
	width: 258px;
}

.image-grey img {
	text-align: center;
}

.image-white {
	padding: 4px;
	float: right;
	margin: 1em;
	width: 258px;
}

.image-white img {
	text-align: center;
	padding: 4px;
}

.credit {
	clear: both;
	display: block;
	font-size: 0.85em;
	margin: 0 4px 3px 0;
	text-align: left;
}

.greyBox {
	background: #ebebeb;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 2px 2px 1px;
	margin: 0 0 1em 1em;
	padding: .3em .6em .6em;
	float: right;
	width: 258px;
}

.greyBox img {
	text-align: center;
}

.callout{
	background: #f6f6f6;
	border: 1px solid #bbb;
	margin: 1.2em 0 1em 0;
	padding: .5em;
}
.callout2 {
	background: #fff;
	border: 1px solid #999;
	margin: 1.2em 0 1em 0;
	padding: .5em;
}
.callout3 {
	background: #f4f2f0;
	border: 1px solid #999;
	margin: 1.2em 0 1em 0;
	padding: .5em;
}
.calloutimage {
	background: #fff;
	border: 1px solid #999;
	margin: 1.2em 0 1em 0;
	padding: 0 0 .5em 0;
}
.calloutimage3 {
	background: #f4f2f0;
	border: 0;
	margin: 1.2em 0 1em 0;
	padding: 0 0 .5em 0;
}


@media (max-width: 550px) {
	.greyBox {
		display: block;
		width: auto;
		float: none;
		margin: 1em;
	}
}

.white a:link {
	color: #fff;
	text-decoration: none;
}

.white a:visited {
	color: #fff;
}

.white a:hover {
	color: #fff;
	text-decoration: underline;
}
.meetingblockcompact {
}

.imagegallery img {
	padding: 2px 10px 10px 0;
	width: 80px;
	height: 80px;
}

@media (max-width: 500px) {
	.imagegallery img {
		height: auto;
	}
}

.newsIntro {
	font-size: 120%;
	line-height: 125%;
}

/* Brand New Styles */ 

#mobileButtons {
	display: none;
}

	#mobileButtons a img {
		width: 1.1em;
		height: auto;
		margin: -3px 5px 0 0;
	}

.row {
	/*padding-bottom: 0.9375rem;*/
}

/* Calendar Stuff */
h2.calendar {
    background-color: #933;
    color:#fff;
    padding:4px;
}

.calendar-list {
    display: block; 
    overflow: hidden; 
    width: 100%; 
}

    .calendar-list-item {
        display: block; 
        overflow: hidden; 
        width: 100%; 
        padding: 10px; 
    }

     .calendar-list-item a {
         font-weight: 800; 
     }

    .calendar-list-item:nth-child(even) {
        background-color: #f1f1f1; 
    }

/* Unordered Lists */
ul.striped {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
}

    ul.striped li {
        display: block;
        padding: 10px;
    }

    ul.striped li:nth-child(even) {
        background-color: #efefef;
    }

/* row stripes */
.row.row-gray { 
	background-color: #efefef; 
}

@media (max-width: 900px) {
	body {
        background-image: none;
	}

	#mainHolder {
        margin-top: 0;
	}

	#header {
		margin: 0;
		padding-top: 10px;
		height: auto;
		display: block;
		width: 100%;
		overflow: hidden;
	}

	#header img#logo {
		width: auto;
		height: 39px;
	}

	#headerNav, #utility {
		display: none;
	}
	
	#header #search {
		position: absolute;
		top: 60px;
		display: block;
		background: #fff;
		width: 100%;
		z-index: 200;
		max-height: 0;
		overflow: hidden;
		float: none;
		transition: max-height .3s;
		margin: 0;
	}

	#header #search.search-open {
		max-height: 50px;
		border-bottom: 1px solid #cecece;
	}

	#header #search form {
		padding: 10px;
		display: block;
		overflow: hidden;
		width: 100%;
	}

	#header #search input {
		margin: 0;
		border: 1px solid #cecece;
		line-height: inherit;
	}

	#mobileButtons {
		float: right;
		display: inline-block;
	}

	#mobileButtons a {
		display: inline-block;
		overflow: hidden;
		margin: 5px 5px 0 0;
		padding: 5px 10px;
		color: #333;
      text-decoration: none;
	}

	#topMenu {
		background-color: #fff;
		position: relative;
		height: auto;
		padding: 0;
		margin-top: 10px;
		overflow: hidden;
	}
}

#nav {
	margin: 0;
	padding: 0;
	background-color: #036;
	list-style-type: none;
	display: table;
    width: 100%;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
    list-style: none;
}

.unit-page #nav {
	position: absolute;
    left: -100000px; 
}

#nav > li {
	display: table-cell;
	float: none;
    text-align: center;
}

#nav > li a {
	color: white;
	font-size: 1.25em;
    text-decoration: none;
}

#nav > li a:hover {
	color: #cccccc;
}

#nav li ul li {
    text-align: left;
}

li#apsSitesMobile,
#nav > li.apsUtilitiesMobile {
    display: none;
}

#nav li li a.js-menu-back-link {
    display: none;
}

#nav li a {
    display: block;
}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	margin-left: 3px;
    /*z-index: 200;*/
	max-height: 1500px;
    transition: max-height .5s;
}
* html #nav li ul {
	top: 157px;
    margin-left: 2px;
}/*something different*/
* html #nav li ul, * html #homepage #nav li ul {
	top: 157px;
    margin-left: 2px;
}/*something different*/
#nav li li {
	background: #ccc;
	color: #000;
    width: 10em;
}

#nav li li a {
	display: block;
	width: 100%;
	font-size: .9em;
	color: #000;
	text-decoration: none;
	padding: .2em 0 .2em 5px;
	background-color: #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px dashed #666;
	border-left: 1px solid #000;
}

#nav li li a:hover {
    background: #ddd;
    color: black;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
    z-index: 100;
}

#nav li:hover img {
	position: relative;
    left: -999em;
}

#nav li.sfhover img {
	position: relative;
    left: auto;
}

#leftNav {
    margin: 0;
}

#leftNav a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
    color: #000;
}
#leftNav .header {
    background-color: #036;
}

#leftNav .header h3 {
	margin-bottom: 0;
    position: relative; 
}

#leftNav .header h3 a {
	background-color: #036;
	color: white;
	display: block;
	overflow: hidden;
	margin-top: 10px;
    padding: 8px 5px;  
}

#leftNav .header h3 .left-nav-toggle {
    display: none;
}

/* Unit pages don't use header on desktop*/
.unit-page #leftNav .header {
    display: none;
}

#audience-holder #leftNav .header {
    background-color: #c63;
}
#leftNav .header img {
    margin-left: -1px;
}
#leftNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 20px 0;
	background: #ccc;
	max-height: 1500px;
    transition: max-height .5s;
}
#leftNav ul ul {
	background: #ebebeb none;
	padding-bottom: 0;
}
#leftNav li {
    height: 100%;
}
#leftNav li a {
	display: block;
	padding: 5px;
    border-bottom: 1px #666 dashed;
}
#leftNav li a:hover {
    background-color: #ddd;
}
#leftNav li li a {
	border-bottom: 1px #ccc solid;
	padding-left: 15px;
	margin: 0;
    background: url(../templates/images/bullet-square.gif) 7px 50% no-repeat;
}
#leftNav li li a:hover {
    background-color: #c8d5df;
}
#leftNav li.on {
	border-bottom: none;
    font-weight: bold;
}
#leftNav li.on li {
    font-weight: normal;
}
#leftNav li.on li.on {
    background-color: #c8d5df;
}
#leftNav li li a.last {
	border-bottom: 0 #ccc solid;
	padding-left: 15px;
	padding-bottom: 2px;
	margin: 0;
    background: url(../templates/images/bullet-square.gif) 7px 50% no-repeat;
}
/** Support for the "iehover-fix.js" **/
#nav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
}
/** end **/

@media (max-width: 899px) {
	.unit-page #leftNav .header {
        display: block;
	}

	#leftNav .header h3 .left-nav-toggle {
		display: inline-block;
		position: absolute;
		right: 5px;
		top: -3px;
		height: 1.5em;
		width: 1.5em;
		text-align: center;
		border-radius: 3px;
		background: rgba(255, 255, 255, .3) url('../images/glyphicons_free/glyphicons/png/glyphicons-433-plus-white.png') no-repeat center;
	}

	#leftNav ul {
		max-height: 0;
		padding: 0;
		overflow: hidden;
        transition: max-height .5s;
	}

	#leftNav.open ul {
		max-height: 1500px;
        padding: 10px;
	}

	#leftNav.open .header h3 .left-nav-toggle {
            background-image: url('../images/glyphicons_free/glyphicons/png/glyphicons-434-minus-white.png');
	}

	.unit-page #nav {
		position: relative;
        left: 0;
	}
}

@media (max-width: 1050px) {
	#nav > li a {
        font-size: 1.1em;
	}
}

@media (max-width: 900px) {
	#nav {
		display: block;
		background-color: transparent;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: max-height 1s;
        /*border-top: 1px solid #cecece;*/
        border-bottom: 1px solid #cecece;
	}

    #nav.nav-pull-left {
        /* left: -100%; */
        /* position:absolute; */
    }
	#nav.nav-open {
		height: auto;
        max-height: 1200px;
	}

	#nav li {
		display: block;
		width: 100%;
        text-align: left;
	}

	#nav > li.apsUtilitiesMobile {
        display: block;
	}

	#nav li a {
		color: #555;
		padding: 12px 10px;
		border-top: 1px solid #cecece;
        position: relative;
	}

	#nav li a:hover {
        background-color: #efefef;
	}

    #nav li:first-child > a {
        /*border-top: none;*/
    }

    li#apsSitesMobile,
    li#apsUtilitiesMobile {
        display: block;
	}

    #nav li ul,
    #nav li:hover ul,
    #nav li.sfhover ul {
		display: block;
		overflow: hidden;
		background-color: #fff;
		position: absolute;
		left: 100%;
		width: 100%;
		margin-left: 0;
		top: 0;
        /* bottom: 0; */
		transition: left .3s;
        /*border-top: 1px solid #cecece;*/
        border-bottom: 1px solid #cecece;
	}

	#nav li ul.open-menu {
        left: 0;
        width: 100%; 
        height: auto;
        z-index: 1000;
	}

    #nav li ul li,
    #nav li li a {
		width: 100%;
		background: transparent;
		color: #555;
        border: none;
	}

	#nav li li a {
		padding: 12px 10px;
		border-top: 1px solid #cecece;
        font-size: 1.1em;
	}

	li.has-child > a:after {
		content: '';
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #cecece;
		position: absolute;
		right: 10px;
        top: 18px;
	}

	#nav li li a.js-menu-back-link {
		padding-left: 20px;
        display: block; 
	}

	#nav li li a.js-menu-back-link:before {
		content: '';
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-right: 5px solid #cecece;
		position: absolute;
		left: 10px;
        top: 18px;
	}
}

div.news-feature-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	margin: 0 -10px 10px -10px
}

div.news {
	margin: 0 10px 10px 10px;
	flex-grow: 1
}

div.news a.news {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	font-size: .9em
}

div.news a.news img {
	width: 100%;
	height: auto
}

.collapse-box {
	overflow: hidden;
	margin-bottom: 10px;
	position: relative
}

.collapse-box h3 a.collapse-box-toggle, .collapse-box h4 a.collapse-box-toggle {
	display: none;
	position: absolute;
	right: 5px;
	height: 1.5em;
	width: 1.5em;
	text-align: center;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.3) url("../images/glyphicons_free/glyphicons/png/glyphicons-433-plus-white.png") no-repeat center;
}

.collapse-box h4 a.collapse-box-toggle {
	background-size: .8em;
	background: rgba(100, 100, 100, 0.3) url("../images/glyphicons_free/glyphicons/png/glyphicons-433-plus.png");
	height: 1.2em;
	width: 1.2em
}

/* Scrollable tables */
/* Based on http://www.456bereastreet.com/archive/201309/responsive_scrollable_tables/ */
.scrollable.has-scroll {
    position:relative;
    overflow:hidden; /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
}
.scrollable.has-scroll:after {
    position:absolute;
    top:0;
    left:100%;
    width:50px;
    height:100%;
    border-radius:10px 0 0 10px / 50% 0 0 50%;
    box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
    content:'';
}
/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
    overflow-x:auto;
}

/* Add scrollbar on webkit browsers */
.scrollable > div::-webkit-scrollbar {
    height:12px;
}
.scrollable > div::-webkit-scrollbar-track {
    box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
    background:#f0f0f0;
}
.scrollable > div::-webkit-scrollbar-thumb {
    border-radius:6px;
    background:#ccc;
}

@media (max-width: 900px) {
	.collapse-box {
		max-height: 2.75em;
		transition: max-height 1s
	}

	.collapse-box h3, .collapse-box h4 {
		height: 2.2em
	}

	.collapse-box h3 a.collapse-box-toggle, .collapse-box h4 a.collapse-box-toggle {
		display: inline-block
	}

	.collapse-box h4 {
		background-color: rgba(255, 255, 255, 0.9);
		padding: 6px
	}

	.collapse-box p {
		padding: 0 6px
	}

	.collapse-box.open {
		max-height: 1200px
	}

	.collapse-box.open h3 a.collapse-box-toggle {
		background-image: url("../images/glyphicons_free/glyphicons/png/glyphicons-434-minus-white.png")
	}

	.collapse-box.open h4 a.collapse-box-toggle {
		background-image: url("../images/glyphicons_free/glyphicons/png/glyphicons-434-minus.png")
	}
}

/************************
	     Accordion
*************************/
.accordion, .accordion * { -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box; }

.accordion { overflow:hidden; }

	/*----- Section Titles -----*/
	.accordion-section-title { width:100%; padding:6px 8px; font-weight:600; border-bottom:1px solid #ccc; display:inline-block; margin-bottom:0px; background:#eee; transition:all linear 0.15s; color:#007FA3; text-decoration:none !important; }

	.accordion-section-title.active, .accordion-section-title:hover { text-decoration:none; }

	.accordion-section:last-child .accordion-section-title { border-bottom:none; }

	/*----- Section Content -----*/
	.accordion-section-content { padding:15px; display:none; background:#fff; }

.sideClosed { background:url(/images/sidemenu-arrow-closed.png) no-repeat center right; width:10px; height:10px; display:inline-block; margin-left:10px; }
.sideOpen, .sideClosed.sideOpen { background:url(/images/sidemenu-arrow-open.png) no-repeat center right; width:10px; height:10px; display:inline-block; margin-left:10px; }


tbody tr:nth-child(even) {
	background-color: initial;
}

/* custom button colors */
.button.prl {
  font-size: 1.1rem;
  background-color: rgba(81,126,102,1);
  color: #fff;
}
.button.prl:hover, .button.prl:focus {
  background-color: rgba(81,126,102,.8);
}
.button.prx {
  font-size: 1.1rem;
  background-color: rgba(0,78,188,1);
  color: #fff;
}
.button.prx:hover, .button.prx:focus {
  background-color: rgba(0,78,188,.8);
}
.button.pra {
  font-size: 1.1rem;
  background-color: rgba(113,127,129,1);
  color: #fff;
}
.button.pra:hover, .button.pra:focus {
  background-color: rgba(113,127,129,.8);
}
.button.prb {
  font-size: 1.1rem;
  background-color: rgba(190,15,52,1);
  color: #fff;
}
.button.prb:hover, .button.prb:focus {
  background-color: rgba(190,15,52,.8);
}
.button.prc {
  font-size: 1.1rem;
  background-color: rgba(0,119,112,1);
  color: #fff;
}
.button.prc:hover, .button.prc:focus {
  background-color: rgba(0,119,112,.8);
}
.button.prd {
  font-size: 1.1rem;
  background-color: rgba(90,126,146,1);
  color: #fff;
}
.button.prd:hover, .button.prd:focus {
  background-color: rgba(90,126,146,.8);
}
.button.pre {
  font-size: 1.1rem;
  background-color: rgba(148,94,58,1);
  color: #fff;
}
.button.pre:hover, .button.pre:focus {
  background-color: rgba(148,94,58,.8);
}
.button.prapplied {
  font-size: 1.1rem;
  background-color: rgba(155,2,84,1);
  color: #fff;
}
.button.prapplied:hover, .button.prapplied:focus {
  background-color: rgba(155,2,84,.8);
}
.button.prfluids {
  font-size: 1.1rem;
  background-color: rgba(0,80,114,1);
  color: #fff;
}
.button.prfluids:hover, .button.prfluids:focus {
  background-color: rgba(0,80,114,.8);
}
.button.prab {
  font-size: 1.1rem;
  background-color: rgba(0,117,155,1);
  color: #fff;
}
.button.prab:hover, .button.prab:focus {
  background-color: rgba(0,117,155,.8);
}
.button.prper {
  font-size: 1.1rem;
  background-color: rgba(159,96,181,1);
  color: #fff;
}
.button.prper:hover, .button.prper:focus {
  background-color: rgba(159,96,181,.8);
}
.button.prmaterials {
  font-size: 1.1rem;
  background-color: rgba(144,42,43,1);
  color: #fff;
}
.button.prmaterials:hover, .button.prmaterials:focus {
  background-color: rgba(144,42,43,.8);
}
.button.physics {
  font-size: 1.1rem;
  background-color: rgba(75,17,111,1);
  color: #fff;
}
.button.physics:hover, .button.physics:focus {
  background-color: rgba(75,17,111,.8);
}
.button.rmp {
  font-size: 1.1rem;
  background-color: rgba(229,114,0,1);
  color: #fff;
}
.button.rmp:hover, .button.rmp:focus {
  background-color: rgba(229,114,0,.8);
}

.button.mm18 {
  font-size: 1.1rem;
  background-color: rgba(54,99,173,1);
  color: #fff;
}
.button.mm18:hover, .button.mm18:focus {
  background-color: rgba(54,99,173,.8);
}