@charset "utf-8";
/**********************************************************
	Teal Theme overrides for Craig's Collapsable areas
**********************************************************/

details.cd-collapse {
	margin-bottom: 20px;
}

summary > .myIcons, a.summary > .myIcons {
	position: absolute;
	display: none;
	right: 10px !important;
	left: auto;
	top: 14px;
	height: 100%;
	width: auto;
}

.ui-icon-triangle-1-s:before {
    content: "\f068";
}

.ui-icon-triangle-1-e:before {
    content: "\f067";
}

details {
	/* This style definition is needed for IE 9 & Firefox 40 to properly apply the .margin-bottom to the details tag */
    border: 1px solid transparent;
}

div.details {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
}

summary, 
div.details.open > a.summary,
summary[aria-expanded="true"], 
summary[aria-expanded="true"]:hover, 
summary[aria-expanded="true"]:focus, 
summary[aria-expanded="true"]:active, 
summary[aria-expanded="false"],
summary[aria-expanded="false"]:hover,
summary[aria-expanded="false"]:focus,
summary[aria-expanded="false"]:active,
div.details > a.summary,
div.details > a.summary:hover,
div.details > a.summary:focus,
div.details > a.summary:active,
details[open] > summary {
	margin: 0;
	border-bottom: 1px #084239 solid;
	border-color: #084239;
	padding: 4px 10px 3px 10px;
	font-size: 18px !important;
	
	background: #084239;
	background-color: #084239 !important;
	color: #fff;
	font-weight: 400;
	line-height: 30px !important;
	border-radius: 0px;
	
	outline: none;
	
	height: auto;
	display: block;
	overflow: inherit;
	vertical-align: middle;
}

summary > [class^=icon-] {
	font-size: 14px;
}

summary {
	display: block;
	padding-right: 40px !important;
}

.helper {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
}

.helper > img {
	height: 30px;
	width: 30px;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

summary > h3 {
	display: inline;
	color: #fff;
	font-size: 18px !important;
	overflow: inherit;
	margin: 0px;
	margin-right: 10px;
	padding:0px;
}

.icon-pm {
	font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 10px;
    top: 5px;
	width: auto;
line-height: 30px;
}

.cd-collapse > summary > .icon-pm:before {
    content: "\f067";
}

.cd-collapse.open > summary > .icon-pm:before {
    content: "\f068";
}

.cd-collapse-expand-all,
.cd-collapse-collapse-all {
    cursor: pointer;
    color: #000;
    display: inline-block;
    padding: 5px 15px;
    background-color: #EFEFEF;
	font-size: 14px;
	line-height: 25px;
	border: 1px solid #e5e5e5;
	top: auto;
	margin: 0px;
	margin-bottom: 1px;
	position: relative;
	left: 1px;
}

.cd-collapse-expand-all:hover,
.cd-collapse-collapse-all:hover {
	text-decoration: none;
}

.cd-collapse-expand-all:focus,
.cd-collapse-collapse-all:focus {
	border: 1px solid #ffa500;
}

.cd-collapse-expand-all img,
.cd-collapse-collapse-all img {
	vertical-align: middle;
	border: 0px;
	outline: none;
}