/************************************************************************************************************************************************************************
***	ACS Style Fixes ********
************************************************************************************************************************************************************************/
/*Fix for absolutely positioned elements within the content to be relative to the content area*/
#content {
	position: relative;
}

/************************************************************************************************************************************************************************
***	ACS Styles ********
************************************************************************************************************************************************************************/

.acsPlain, a.acsPlain:hover, #nav_global .acsPlain, #nav_global a.acsPlain:hover {
	border: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
	float: none;
	text-align: left;
	width: auto;
	height: auto;
	color: black;
	zoom: normal;
}
a.acsPlain, #header #nav_global a.acsPlain, a.acsPlain:hover, #header #nav_global a.acsPlain:hover {
	display: inline;
	zoom: normal;
}

.error,
.form-item--error-message {
	color: #C33;
	font-weight: bold;
	box-sizing: unset;
}
div.error,
#insideBodyWrapper div.form-item--error-message,
[aria-label = 'Error message'] {
	color: #C33 !important;
	padding: 10px;
	margin: 10px 5px 20px 5px;
	background: #FDD;
	border: 1px solid #AA0000;
	font-weight: bold;
	box-sizing: unset;
}
div.error p,
div.error div,
div.error ul,
div.error ul li {
	color: #C33;
	background: #FDD;
	font-weight: bold;
	box-sizing: unset;
}
p.error {
	margin-top: 10px;
	box-sizing: unset;
}

.errorBg {background: #F66;}

.inlineSpace10 {
	margin-right: 10px;
}

#content .acsBorder, .acsBorder {
	border: 1px solid #000;
	padding: 10px;
	margin: 10px 5px;
  border-radius: 15px;
}
.acsBorderLight {
	border: 1px solid #CCC;
	padding: 10px;
	margin: 10px 5px;
}
.acsBorderMedium {
	border: 1px solid #999;
	padding: 10px;
	margin: 10px 5px;
}
.acsHBorderLight {
	border: none;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	margin: 10px 0px;
	padding: 10px 0px;
}

.acsNoBorder,
html body .acsNoBorder,
html body img.acsNoBorder,
html body main.internal img.acsNoBorder,
html body main.internal article img.acsNoBorder,
#wrapper #contentWrapper #content img.acsNoBorder,
#content img.acsNoBorder,
.acsNoBorder td,
.acsNoImageBorder img {
	border: none !important;
	border-radius: 0 !important;
}

.acsSmallBorder {
	border: 1px solid #000;
	padding: 0px 1px;
}
.acsForm {
	position: relative;
}
.acsFormInline {
	float: left;
	text-align: center;
	padding: 5px;
}

.acsFormTitle {
	width: 110px;
	float: left;
	padding-bottom: 5px;
}

.acsFormRequired {
	font-weight: bold;
}

.acsFormDescription {
	font-size: 10px;
	font-style: italic;
	line-height: 100%;
	clear: both;
  white-space: normal;
}

.acsFormField {
	position: absolute;
	left: 115px;
}

.acs2Column {
	width: 730px;
	background: #FFF;
	position: relative;
	z-index: 2;
}

.acsLeft {
	float: left;
	margin-right: 20px;
}

.acsLeft2Column {
	float: left;
	margin-right: 40px;
	width: 45%;
}
.acsLeft2ColumnLast {
	float: left;
	width: 45%;
}

.acsLeft3Column {
	float: left;
	margin-right: 30px;
	width: 30%;
}
.acsLeft3ColumnLast {
	float: left;
	width: 30%;
}

.acsRight {
	float: right;
	margin-left: 20px;
}
.acsCenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
table {border-collapse: separate;}
tbody {border: none;}

table.tableBorder {
	border: 1px solid #000;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}
table.tableBorder td {
	border: 1px solid #000;
	padding: 5px;
	margin: 0px;
}

.pad {
	margin: 5px;
}

p.acsAdvertisement {
	clear: both;
	margin: 10px;
}

img.center {
	display: block;
	margin: auto;
	padding: 5px;
}

img.left {
	float: left;
	margin-right: 20px;
}

img.right {
	float: right;
	margin-left: 20px;
}

img.imageBorder {
	border: 1px solid #000;
}

/* absLine (deprecated) */
.absLine {
	height: 25px;
	white-space: nowrap;
	position: relative;
	margin: 0;
	font-size: 12px;
	box-sizing: unset;
}
.absLine p {
	font-size: 12px;
}
/* absLine (deprecated) */
.absLine input {
  line-height: 1.0rem;
}

.absLineWComment {
	height: 20px;
	white-space: nowrap;
	position: relative;
	margin: 0;
	font-size: 12px;
	box-sizing: unset;
}

.absLineDouble {
	height: 50px;
	white-space: nowrap;
	position: relative;
	margin: 0;
	font-size: 12px;
	box-sizing: unset;
}

.lineTitle {
	position: absolute;
	left: 0px;
	line-height: 2.0;
	margin: 0;
}

.line75 {
	position: absolute;
	left: 75px;
	margin: 0;
}


.line150 {
	position: absolute;
	left: 150px;
	margin: 0;
}

.line250 {
	position: absolute;
	left: 250px;
	margin: 0;
}

.line350 {
	position: absolute;
	left: 350px;
	margin: 0;
}

/*end absLine*/

/* acsFormRow (replaces absLine) */

/*Used to wrap below to set defaults for entire form, rather than customize each row*/
/*
.acsRowForm {

}
*/

.acsRowForm_ulPlain ul {
	list-style-type: none;
}

.acsRowForm_inheritFont .acsFormRow,
.acsRowForm_inheritFont .acsFormRowTitle {
	font-size: inherit;
	line-height: normal;
}

.acsRowForm_inheritFont .acsFormRow .note {
	font-size: 80%;
}

.acsRowForm250 .acsFormRowTitle {
	min-width: 250px;
	padding-right: 20px;
}


.acsFormRow {
	min-height: 25px;
	white-space: nowrap;
	position: relative;
	margin: 0;
	font-size: 12px;
}

.acsFormRow p {
	font-size: 12px;
}

.acsFormRow:after {
	content: '';
	display: table;
	clear: both;
}

.acsFormRowTitle {
	float: left;
	line-height: 2.0;
	margin: 0;
	min-width: 150px;/*Default of 150, adjust in field style or with above acsRowForm classes*/
	padding-right: 20px;
}

.acsFormRowNote,
.acsFormRow p.acsFormRowNote
div.acsFormRow.required p.acsFormRowNote {
	clear: left;
	line-height: 2.0;
	margin: 0 0 20px 0;
	min-width: 400px;
}

.acsFormRowField {
	float: left;
	margin: 0;
}
/* Used in replacing absLine classes */
.acsWidth75 {
	min-width: 75px;
	padding-right: 20px;
}
.acsWidth250 {
	min-width: 250px;
	padding-right: 20px;
}
.acsWidth350 {
	min-width: 350px;
	padding-right: 20px;
}

/*end acsFormRow */
.profile {
	position: relative;
}

.note,
body .note,
body .required .note,
.acsFormRowNote,
div.acsFormRow.required p.acsFormRowNote {
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
	white-space: normal;
	width: auto;
}

.indent10 {
	margin-left: 10px;
}
.indent30 {
	margin-left: 30px;
}
.pad5 {
	padding: 5px;
}

.required,
.required p,
.acsFormRow .required,
.acsFormRow .required p,
div.acsFormRow.required p,
.absLine .required,
.absLine .required p,
div.absLine.required p {
	font-weight: bold;
}

.required input,
.required textarea,
.required select {
    background-color: #fffcc0;
	font-weight: normal;
}

.acsMinLine {
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 0%;
}

.acsTable {
	border: 1px solid #000;
	padding: 0px;
	margin: 10px 0px;
}
.acsTable.acsTableCompact {
	margin: 3px 0px;
}
.acsTable:hover {
	z-index: 10;
	position: relative;
}
.acsTable  tr.header, .acsTable th {
	white-space: nowrap;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
}
.acsTable.acsTableCompact  tr.header, .acsTable.acsTableCompact th {
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
.acsTable  tr.header td, .acsTable th {
	border-bottom: 1px solid #000;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}
.acsTable.acsTableCompact  tr.header td, .acsTable.acsTableCompact th {
	border-bottom: 1px solid #000;
	white-space: nowrap;
	padding: 2px;
}
.acsTable tr:hover td{
	background: #CCC;
}
.acsTable tr.errorBg:hover td{
	background: #F33;
}
.acsTable tr:hover td .acsTable tr:hover td {
	background: #EEE;
}
.acsTable tr:hover td .acsTable tr.errorBg:hover td {
	background: #F33;
}
.acsTable td {
	padding: 5px;
	white-space: nowrap;
}
.acsTable.acsTableCompact td {
	padding: 2px;
	font-size: 12px;
}
.acsTableWrap td,
.acsTableWrap th,
div.acsTableWrap table.acsTable td,
div.acsTableWrap table.acsTable th {
	padding: 5px;
	white-space: normal;
}
.acsTableCellBorder {
	border-collapse: collapse;
}
.acsTableCellBorder td {
	padding: 5px;
	border: 1px solid #555;
}
.acsTableCellBorderH {
	border-collapse: collapse;
}
.acsTableCellBorderH td {
	padding: 5px;
	border-top: 1px solid #555;
}
.acsTable tr.underlineWrap td {
	padding: 5px;
	white-space: normal;
	border-bottom: 1px solid #AAA;
}

.greenText {
	color: #0A0;
}

.redText {
	color: #D33;
}

.platinumText {
	color: #CAD3D0;
}
.goldText {
	color: #F0C816;
}
.silverText {
	color: #E6E8FA;/*Alt silver = E7E7E7*/
}
.bronzeText {
	color: #A67D3D;/*Alt bronze = 8C7853*/
}

.bgWood {
	background: #855E42;
	border: 4px outset #855E42;
	padding: 2px 5px;
}

td.highlightGreen {
	background: #9F9;
}
tr:hover td.highlightGreen {
	background: #0F0;
}

td.highlightRed {
	background: #F66;
}
tr:hover td.highlightRed {
	background: #F00;
}

.acsTop {
	 vertical-align:top;
}
.acsTop td{
	 vertical-align:top;
}

.acsSubmitLink,
input[type=submit].acsSubmitLink {
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	color: #006699;
	padding-bottom: 1px;
	border-radius: 0px;
	box-shadow: none;
	text-transform: none;
}

.acsSubmitLink:hover {
	padding-bottom: 0px;
	border-bottom: 1px solid #006699;
}

.acsFormNone {
	display: none;
	font-weight: normal;
}
.acsFormRequired {
	display: block;
	font-weight: bold;
}
.acsFormNormal {
	display: block;
	font-weight: normal;
}

.acsLink {
	cursor: pointer;
}
.blueBg {
	background: #CCE0F9;
}
.bgGreenPale {
	background: #BBFFDD;
}
.bgGreenPale a {
	color: #0055DD;
}
.grayBgLight {
	background: #EEE;
}
.grayBgLight2 {
	background: #DDD;
}

.grayBgMedium {
	background: #BBB;
}

.grayBgDark {
	background: #777;
}

.bgBrown {
	background: #D5CC95;
}

.highlightResult {
	color: #C00;
}

.backgroundPink {
	background: #EAA;
}

.highlight:hover {
	background: #CCC;
}

img.highlight:hover {
	opacity: 0.8;
}

img.highlightBorderRed:hover {
	opacity: 0.8;
	border: 2px solid #C00;
}

img.highlightBorderRed {
	border: 2px solid transparent;
}

.darkHighlight:hover {
	background: #777;
}

.noWrap {
	white-space: nowrap;
}
.readOnly {
	background: #EFEFEF;
	color: #555;
}

.inlineOption {
	background: #CCC;/*Alt BG Color: #FA5;*/
	margin-left: 10px;
	padding: 1px;
	color: #000;
}

.disabled {
	background: #EEE;
	color: #555;
}

.acsHidden {
	visibility: hidden !important;
	opacity: 0 !important;
	display: none !important;
}

.acsVisible {
	visibility: visible !important;
	opacity: 1 !important;
	display: unset !important;
}

.paginationLink {
	width: 8.5%;
	padding: 0px 2px;
	font-size: 11px;
	text-align: center;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

a.button {
	border: 2px outset #333;
	background: #CCC;
	padding: 3px 5px;
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
a.button:hover {
	border: 2px inset #CCC;
	background: #333;
	color: #FFF;
}

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

New CSS3 Shiny/Glossy Buttons

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


.acsButton2,
.acsButton2Hover,
.acsButton2NoHover,
.button.acsButton2 {
	border: 2px outset #CCC;
	padding: 10px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

	/* fallback */
	background-color: #CCC;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F3F3), to(#AAAAAA));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #AAAAAA, #F3F3F3);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #AAAAAA, #F3F3F3);
	/* IE 10 */
	background: -ms-linear-gradient(top, #AAAAAA, #F3F3F3);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #AAAAAA, #F3F3F3);
}
.acsButton2:hover,
.acsButton2Hover:hover {
	border: 2px inset #CCC;
	color: #FFF;

	/* fallback */
	background-color: #333;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#F3F3F3));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(bottom, #555555, #F3F3F3);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(bottom, #555555, #F3F3F3);
	/* IE 10 */
	background: -ms-linear-gradient(bottom, #555555, #F3F3F3);
	/* Opera 11.10+ */
	background: -o-linear-gradient(bottom, #555555, #F3F3F3);
}

.acsButtonBlue2,
.acsButtonBlue2NoHover {
	border: 2px outset #333;
	background: #77E0F9;
	color: #000;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

	/* fallback */
	background-color: #CCC;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDFF), to(#2222FF));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #2222FF, #DDDDFF);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #2222FF, #DDDDFF);
	/* IE 10 */
	background: -ms-linear-gradient(top, #2222FF, #DDDDFF);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #2222FF, #DDDDFF);
}
.acsButtonBlue2:hover,
.acsButtonBlue2Hover:hover {
	border: 2px inset #777;
	background: #44F;
	color: #FFF;

	/* fallback */
	background-color: #333;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2222FF), to(#DDDDFF));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(bottom, #2222FF, #DDDDFF);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(bottom, #2222FF, #DDDDFF);
	/* IE 10 */
	background: -ms-linear-gradient(bottom, #2222FF, #DDDDFF);
	/* Opera 11.10+ */
	background: -o-linear-gradient(bottom, #2222FF, #DDDDFF);
}

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

	Based on http://cssdeck.com/labs/glossy-buttons

	************************************************************************************************************************************************************************/
/* Base */
.acsButton,
input.acsButton,
input[type=submit].acsButton,
input[type=button].acsButton,
a.shinyButton, .shinyButton, input.shinyButton, input.shinyButton,
a.smallShinyButton, .smallShinyButton, input.smallShinyButton, input.smallShinyButton,
a.tinyShinyButton, .tinyShinyButton, input.tinyShinyButton, input.tinyShinyButton,
.shiny_button {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	min-width: 96px;
	padding: 10px 24px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-decoration: none;
	background-clip: padding-box;
	border-radius: 15px;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
	background-image: none;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.acsButtonSmall,
input.acsButtonSmall,
input[type=submit].acsButtonSmall,
input[type=button].acsButtonSmall {
	min-width: 20px;
	padding: 3px 4px;
	border-radius: 5px;
}

a.smallShinyButton, .smallShinyButton, input.smallShinyButton, input.smallShinyButton {
	min-width: 20px;
	padding: 3px 4px;
	border-radius: 5px;
	color: #000;
}

a.tinyShinyButton, .tinyShinyButton, input.tinyShinyButton, input.tinyShinyButton {
	margin: 0px 10px;
	min-width: 20px;
	padding: 1px;
	border-radius: 5px;
	color: #000;
}


a.acsButton:link,
a.shinyButton:link,
.user-content a.acsButton:link,
a.acsButton:visited {
	color: white;
}

.slideshow .caption .nav a.acsButton {
	color: white;
}

.acsButton:before,
.shinyButton:before,
input.acsButton:before,
input[type=submit].acsButton:before,
input[type=button].acsButton:before {
	content: '';
	position: absolute;
	top: -25%;
	bottom: -25%;
	left: -20%;
	right: -20%;
	border-radius: 50%;
	background: transparent;
	-webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
}

.acsButton:hover,
.shinyButton:hover,
input.acsButton:hover,
input[type=submit].acsButton:hover,
input[type=button].acsButton:hover {
	color: #DDD;
	background-image: none;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}

.slideshow .caption .nav a.acsButton:hover {
	color: #DDD;
}

.acsButton:hover:before,
.shinyButton:hover:before,
input.acsButton:hover:before,
input[type=submit].acsButton:hover:before,
input[type=button].acsButton:hover:before {
  -webkit-box-shadow:  0 0 38px rgba(255, 255, 255, 0.75);
  box-shadow:  0 0 38px rgba(255, 255, 255, 0.75);
}

.acsButton:active,
.shinyButton:active,
input.acsButton:active,
input[type=submit].acsButton:active,
input[type=button].acsButton:active {
	color: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
}

.acsButton:active:before,
.shinyButton:active:before,
input.acsButton:active:before,
input[type=submit].acsButton:active:before,
input[type=button].acsButton:active:before {
	top: -50%;
	bottom: -125%;
	left: -15%;
	right: -15%;
	-webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
}


/* Grey */
.acsButton,
.shinyButton, .smallShinyButton, .tinyShinyButton,
input.acsButton,
input[type=submit].acsButton,
input[type=button].acsButton {
	text-shadow: 0 1px #000000;
	background-color: #888888;
	border: 2px outset;
	border-color: #222222 #333333 #333333;
}

.acsButton:hover,
.shinyButton:hover, .smallShinyButton:hover, .tinyShinyButton:hover,
input.acsButton:hover,
input[type=submit].acsButton:hover,
input[type=button].acsButton:hover {
	background-color: #888888;
	border: 2px inset;
	border-color: #222222 #333333 #333333;
}

.acsButton:active,
.shinyButton:active, .smallShinyButton:active, .tinyShinyButton:active,
input.acsButton:active,
input[type=submit].acsButton:active,
input[type=button].acsButton:active {
	text-shadow: 0 -1px #000000;
	background: #1f71c8;
	border-color: #113f70 #154c86 #1c65b2;
	background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -o-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: linear-gradient(to bottom, #1a5da5, #3a8be0);
}

/* Silver (with black text)*/
.acsButtonSilver,
input.acsButtonSilver,
input[type=submit].acsButtonSilver,
input[type=button].acsButtonSilver {
	color: #000000;
	text-shadow: 0 1px #FFFFFF;
	background-color: #CCCCCC;
	border: 2px outset;
	border-color: #222222 #333333 #333333;
}

.acsButtonSmall.acsButtonSilver,
input.acsButtonSmall.acsButton,
input[type=submit].acsButtonSmall.acsButton,
input[type=button].acsButtonSmall.acsButton {
	color: #000000;
	text-shadow: 0 1px #FFFFFF;
	background-color: #CCCCCC;
	border: 2px outset;
	border-color: #AAAAAA #BBBBBB #BBBBBB;
}

.acsButtonSilver:hover,
input.acsButtonSilver:hover,
input[type=submit].acsButtonSilver:hover,
input[type=button].acsButtonSilver:hover {
	color: #333333;
	text-shadow: 0 -1px #FFFFFF;
	background-color: #CCCCCC;
	border: 2px inset;
	border-color: #222222 #333333 #333333;
}

.acsButtonSilver:active,
input.acsButtonSilver:active,
input[type=submit].acsButtonSilver:active,
input[type=button].acsButtonSilver:active {
	color: #000000;
	text-shadow: 0 -1px #FFFFFF;
	background: #1f71c8;
	border-color: #113f70 #154c86 #1c65b2;
	background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -o-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: linear-gradient(to bottom, #1a5da5, #3a8be0);
}
.acsButtonSilver:before,
input.acsButtonSilver:before,
input[type=submit].acsButtonSilver:before,
input[type=button].acsButtonSilver:before {
	-webkit-box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.5);
}

/* Blue */
.acsButtonBlue,
input.acsButtonBlue,
input[type=submit].acsButtonBlue,
input[type=button].acsButtonBlue {
	text-shadow: 0 1px #154c86;
	background-color: #1a74d3;
	border: 2px outset;
	border-color: #1c65b2 #18589c #18589c;
}

.acsButtonBlue:hover,
input.acsButtonBlue:hover,
input[type=submit].acsButtonBlue:hover,
input[type=button].acsButtonBlue:hover {
	background-color: #1a74d3;
	border: 2px inset;
	border-color: #1c65b2 #18589c #18589c;
}

.acsButtonBlue:active,
input.acsButtonBlue:active,
input[type=submit].acsButtonBlue:active,
input[type=button].acsButtonBlue:active {
	text-shadow: 0 -1px #154c86;
	background: #1f71c8;
	border-color: #113f70 #154c86 #1c65b2;
	background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -o-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: linear-gradient(to bottom, #1a5da5, #3a8be0);
}

/*
	New Shiny Blue
	https://cssdeck.com/labs/glossy-buttons
*/

.acsButtonShinyBlue {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  min-width: 96px;
  line-height: 46px;
  padding: 0 24px;
  font-size: 14px;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px #154c86;
  background-color: #247edd;
  background-clip: padding-box;
  border: 1px solid;
  border-color: #1c65b2 #18589c #18589c;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}

.acsButtonShinyBlue:before {
  content: '';
  position: absolute;
  top: -25%;
  bottom: -25%;
  left: -20%;
  right: -20%;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
}

.acsButtonShinyBlue:hover { background-color: #1a74d3; color: white; cursor: pointer; text-decoration: none; }

.acsButtonShinyBlue:active {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 -1px #154c86;
  background: #1f71c8;
  border-color: #113f70 #154c86 #1c65b2;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
  background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0);
  background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0);
  background-image: -o-linear-gradient(top, #1a5da5, #3a8be0);
  background-image: linear-gradient(to bottom, #1a5da5, #3a8be0);
}

.acsButtonShinyBlue:active:before {
  top: -50%;
  bottom: -125%;
  left: -15%;
  right: -15%;
  -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
}

/* Green */
.acsButtonGreen,
input.acsButtonGreen,
input[type=submit].acsButtonGreen,
input[type=button].acsButtonGreen {
	text-shadow: 0 1px #0d4d09;
	border: none;
        background-color: #349f41;
	/*
	background-color: #1ca913;
	border: 2px outset;
	border-color: #147b0e #11640b #11640b;
	*/
}

.acsButtonGreen:hover,
input.acsButtonGreen:hover,
input[type=submit].acsButtonGreen:hover,
input[type=button].acsButtonGreen:hover {
	background-color: #159b0d;
        border: none;
	/*
	background-color: #159b0d;
	border: 2px inset;
	border-color: #147b0e #11640b #11640b;
	*/
}

.acsButtonGreen:active,
input.acsButtonGreen:active,
input[type=submit].acsButtonGreen:active,
input[type=button].acsButtonGreen:active {
	text-shadow: 0 -1px #0d4d09;
	background: #189210;
	border-color: #093606 #0d4d09 #147b0e;
	background-image: -webkit-linear-gradient(top, #126d0c, #20c016);
	background-image: -moz-linear-gradient(top, #126d0c, #20c016);
	background-image: -o-linear-gradient(top, #126d0c, #20c016);
	background-image: linear-gradient(to bottom, #126d0c, #20c016);
}

/* Red */
.acsButtonRed,
input.acsButtonRed,
input[type=submit].acsButtonRed,
input[type=button].acsButtonRed {
	text-shadow: 0 1px #72100d;
	background-color: #cd1d18;
	border: 2px outset;
	border-color: #9f1713 #891310 #891310;
}

.acsButtonRed:hover,
input.acsButtonRed:hover,
input[type=submit].acsButtonRed:hover,
input[type=button].acsButtonRed:hover {
	background-color: #c01511;
	border: 2px inset;
	border-color: #9f1713 #891310 #891310;
}

.acsButtonRed:active,
input.acsButtonRed:active,
input[type=submit].acsButtonRed:active,
input[type=button].acsButtonRed:active {
	text-shadow: 0 -1px #72100d;
	background: #b61a15;
	border-color: #5b0d0b #72100d #9f1713;
	background-image: -webkit-linear-gradient(top, #921511, #e4201b);
	background-image: -moz-linear-gradient(top, #921511, #e4201b);
	background-image: -o-linear-gradient(top, #921511, #e4201b);
	background-image: linear-gradient(to bottom, #921511, #e4201b);
}

/* Reduced padding for 'buttons' within a 'note'. */
.note .acsButton,
.note.acsButton,
.note input.acsButton,
.note input[type=submit].acsButton,
.note input[type=button].acsButton,
.noteinput.acsButton,
.noteinput[type=submit].acsButton,
.noteinput[type=button].acsButton {
  padding: 3px 8px;
	line-height: normal;
	min-width: 10px;
	font-family: Arial, Helvetica, san-serif;
}

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

End new buttons

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

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

Boxes
Based on .acsButton2

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

.acsBox {
	/*border: 2px outset #CCC;*/
	padding: 10px;
  margin-bottom: 20px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

	/* fallback */
	background-color: #DDDDDD;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F3F3), to(#DDDDDD));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #DDDDDD, #F3F3F3);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #DDDDDD, #F3F3F3);
	/* IE 10 */
	background: -ms-linear-gradient(top, #DDDDDD, #F3F3F3);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #DDDDDD, #F3F3F3);
}

.acsBoxBlue {
	/*border: 2px outset #333;*/
	background: #77E0F9;
	color: #000;
	font-weight: bold;
	padding: 10px;
  margin-bottom: 20px;
	text-decoration: none;
	text-align: center;
	display: block;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

	/* fallback */
	background-color: #B9B9F2;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDFF), to(#B9B9F2));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #B9B9F2, #DDDDFF);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #B9B9F2, #DDDDFF);
	/* IE 10 */
	background: -ms-linear-gradient(top, #B9B9F2, #DDDDFF);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #B9B9F2, #DDDDFF);
}

.acsBoxTan {
	/*border: 2px outset #333;*/
	background: #77E0F9;
	color: #000;
	font-weight: bold;
	padding: 10px;
  margin-bottom: 20px;
	text-decoration: none;
	text-align: center;
	display: block;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

	/* fallback */
	background-color: #F2E1B9;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF0DD), to(#F2E1B9));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #F2E1B9, #FFF0DD);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #F2E1B9, #FFF0DD);
	/* IE 10 */
	background: -ms-linear-gradient(top, #F2E1B9, #FFF0DD);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #F2E1B9, #FFF0DD);
}

.acsBoxBlueTan {
	/*border: 2px outset #333;*/
	background: #77E0F9;
	color: #000;
	font-weight: bold;
	padding: 10px;
  margin-bottom: 20px;
	text-decoration: none;
	text-align: center;
	display: block;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

	/* fallback */
	background-color: #DDDDFF;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2E1B9), to(#DDDDFF));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #DDDDFF, #F2E1B9);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #DDDDFF, #F2E1B9);
	/* IE 10 */
	background: -ms-linear-gradient(top, #DDDDFF, #F2E1B9);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #DDDDFF, #F2E1B9);
}


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

End Boxes

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

.acsClearLeft {
	clear: left;
}

.acsClearBoth {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	line-height: 0px;
}

.acsHidden {
	height: 0px !important;
  width: 0px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0px !important;
  visibility: hidden  !important;
  z-index: -9999  !important;
}

/* Starburst and other shapes*/

.acsStarburst80 {
	background: url("/files/images/shapes/starburst.png");
	height: 80px;
	width: 80px;
	line-height: 80px;
	font-weight: bold;
}

/* ACS Shiny Tabs */


div.acsTabs {
	overflow: hidden;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #AAA;
	position: relative;
}

div.acsTabs ul {
	text-align: center;
	font-weight: bold;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	/*line-height: 24px;*/
	/*height: 26px;*/
	overflow: hidden;
	/*font-size: 12px;*/
	/*font-family: verdana;*/
	position: relative;
}

div.acsTabs ul > li {
	list-style-type: none;
	border: 1px solid #AAA;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
	text-shadow: 0 1px #FFF;
	margin: 0;
	padding: 5px;
}

div.acsTabs ul > li.acsTabBlue {
	background: #7AC9EB;
	background: -o-linear-gradient(top, #ECE8FF 50%, #7AC9EB 100%);
	background: -ms-linear-gradient(top, #ECE8FF 50%, #7AC9EB 100%);
	background: -moz-linear-gradient(top, #ECE8FF 50%, #7AC9EB 100%);
	background: -webkit-linear-gradient(top, #ECE8FF 50%, #7AC9EB 100%);
	background: linear-gradient(top, #ECE8FF 50%, #7AC9EB 100%);
}

.user-content div.acsTabs ul > li:not(:last-child) {
	margin-bottom: 0;
}

div.acsTabs ul > li.acsTabSpacer {
	list-style-type: none;
	border: none;
	background: none;
	display: inline-block;
	position: relative;
	z-index: 0;
	box-shadow: none;
	text-shadow: none;
	margin: 0;
}

div.acsTabs .acsTabLeft, div.acsTabs .acsTab40, div.acsTabs .acsTab20 {
	display: inline-block;
}
/* End ACS Shiny Tabs */


/*
	Based on https://css-tricks.com/better-tabs-with-round-out-borders/
	Drupal Tab Rows (View, Edit, Revisions)
	Edited by DB
*/
main .region-content nav.tabs ul.tabs.primary,
#contentWrapper ul.tabrow,
.user-content ul.tabrow,
ul.tabrow {
	text-align: center;
	list-style: none;
	margin: 20px 0 20px;
	padding: 0;
	line-height: 24px;
	height: 26px;
	overflow: hidden;
	font-size: 12px;
	font-family: verdana;
	position: relative;
}
main .region-content nav.tabs ul.tabs.primary li,
#contentWrapper ul.tabrow li,
.user-content ul.tabrow li,
ul.tabrow li {
	border: 1px solid #AAA;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
	text-shadow: 0 1px #FFF;
	margin: 0 -5px;
}

main .region-content nav.tabs ul.tabs.primary li:first-of-type {
	margin-left: 0px;
}

main .region-content nav.tabs ul.tabs.primary li a,
#contentWrapper ul.tabrow li a,
.user-content ul.tabrow li a,
ul.tabrow li a {
	padding: 5px 20px;
}
main .region-content nav.tabs ul.tabs.primary a,
#contentWrapper ul.tabrow a,
ul.tabrow a {
	  color: #555;
	  text-decoration: none;
}
main .region-content nav.tabs ul.tabs.primary li.selected,
#contentWrapper ul.tabrow li.selected,
ul.tabrow li.selected {
	background: #FFF;
	color: #333;
	z-index: 2;
	border-bottom-color: #FFF;
}
main .region-content nav.tabs ul.tabs.primary li:hover,
#contentWrapper ul.tabrow li:hover,
ul.tabrow li:hover {
	background: #FFF;
	color: #333;
	z-index: 2;
	border-bottom-color: #FFF;
}
main .region-content nav.tabs ul.tabs.primary:before,
#contentWrapper ul.tabrow:before,
ul.tabrow:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #AAA;
	z-index: 1;
}
main .region-content nav.tabs ul.tabs.primary:before {
	z-index: -1;
}
main .region-content nav.tabs ul.tabs.primary li:before,
#contentWrapper ul.tabrow li:before,
ul.tabrow li:before,
#contentWrapper ul.tabrow li:after,
ul.tabrow li:after {
	border: 1px solid #AAA;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}
main .region-content nav.tabs ul.tabs.primary li:before,
#contentWrapper ul.tabrow li:before,
ul.tabrow li:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #D1D1D1;
}
main .region-content nav.tabs ul.tabs.primary li:after,
#contentWrapper ul.tabrow li:after,
ul.tabrow li:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #D1D1D1;
}
main .region-content nav.tabs ul.tabs.primary li.selected:before,
#contentWrapper ul.tabrow li.selected:before,
ul.tabrow li.selected:before {
	box-shadow: 2px 2px 0 #FFF;
}
main .region-content nav.tabs ul.tabs.primary li.selected:after,
#contentWrapper ul.tabrow li.selected:after,
ul.tabrow li.selected:after {
	box-shadow: -2px 2px 0 #FFF;
}
main .region-content nav.tabs ul.tabs.primary li:hover:before,
#contentWrapper ul.tabrow li:hover:before,
ul.tabrow li:hover:before {
	box-shadow: 2px 2px 0 #FFF;
}
main .region-content nav.tabs ul.tabs.primary li:hover:after,
#contentWrapper ul.tabrow li:hover:after,
ul.tabrow li:hover:after {
	box-shadow: -2px 2px 0 #FFF;
}
/* End Tab Row*/

.acsBookPage {
	border: 1px solid #000;
	width: 950px;
	height: 750px;
	position: relative;
	background: #FFF;
	margin: auto;
}

.acsEncrypted {
	width: 550px;
	height: 250px;
	border: none;
	margin: 10px;
}


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

Slideshow

************************************************************************************************************************************************************************/
#wrapper #contentWrapper #content .acsSlideShow img, /*Added for SSSA*/
.acsSlideShow img {
	display: block;
	margin: 5px auto 10px auto;
}

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

Embedded Video Sizing
	Auto sizing styles based on position set in Theme styles


************************************************************************************************************************************************************************/
/*From http://webdesignerwall.com/tutorials/css-elastic-videos
 *Not working correctly saved for later testing

.acsVideoWrapper {
	max-width: 100%;
}

body.no-sidebars div.inside_one .acsVideoWrapper {
	width: 980px;
}
body.one-sidebar div.inside_one .acsVideoWrapper {
	width: 750px;
}
body.two-sidebars div.inside_one .acsVideoWrapper {
	width: 440px;
}
div.inside_two .acsVideoWrapper {
	width: 290px;
}
div.inside_three .acsVideoWrapper {
	width: 230px;
}

.acsVideoContainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

acsVideoContainer iframe,
acsVideoContainer object,
acsVideoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

*/

div.acsVideoEmbed {
	position:relative;
/*	z-index: -1;*/
	margin: 10px;
}
div.acsWebVideo video {
	width: 100%;
}

div.acsSize4-640,
iframe.acsSize4-640 {
	width: 640px;
	height: auto;
}
div.acsSize4-480,
iframe.acsSize4-480 {
	width: 480px;
	height: auto;
}
div.acsSize4-380,
iframe.acsSize4-380 {
	width: 380px;
	height: auto;
}
div.acsSize4-320,
iframe.acsSize4-320 {
	width: 320px;
	height: auto;
}
div.acsSize4-290,
iframe.acsSize4-290 {
	width: 290px;
	height: auto;
}
div.acsSize4-230,
iframe.acsSize4-230 {
	width: 230px;
	height: auto;
}

div.acsSize16-720,
iframe.acsSize16-720 {
	width: 720px;
	height: auto;
}
div.acsSize16-480,
iframe.acsSize16-480 {
	width: 480px;
	height: auto;
}
div.acsSize16-360,
iframe.acsSize16-360 {
	width: 360px;
	height: auto;
}
div.acsSize16-290,
iframe.acsSize16-290 {
	width: 290px;
	height: auto;
}
div.acsSize16-230,
iframe.acsSize16-230 {
	width: 230px;
	height: auto;
}


div.flowplayer.acsSize4-640,
iframe.flowplayer.acsSize4-640,
iframe.acsSize4-640 {
	height: 480px;
}
div.flowplayer.acsSize4-480,
iframe.flowplayer.acsSize4-480,
iframe.acsSize4-480 {
	height: 360px;
}
div.flowplayer.acsSize4-380,
iframe.flowplayer.acsSize4-380,
iframe.acsSize4-380 {
	height: 285px;
}
div.flowplayer.acsSize4-320,
iframe.flowplayer.acsSize4-320,
iframe.acsSize4-320 {
	height: 240px;
}
div.flowplayer.acsSize4-290,
iframe.flowplayer.acsSize4-290,
iframe.acsSize4-290 {
	height: 243px;
}
div.flowplayer.acsSize4-230,
iframe.flowplayer.acsSize4-230,
iframe.acsSize4-230 {
	height: 198px;
}

div.flowplayer.acsSize16-720,
iframe.flowplayer.acsSize16-720,
iframe.acsSize16-720 {
	height: 480px;
}
div.flowplayer.acsSize16-480,
iframe.flowplayer.acsSize16-480,
iframe.acsSize16-480 {
	height: 320px;
}
div.flowplayer.acsSize16-360,
iframe.flowplayer.acsSize16-360,
iframe.acsSize16-360 {
	height: 240px;
}
div.flowplayer.acsSize16-290,
iframe.flowplayer.acsSize16-290,
iframe.acsSize16-290 {
	height: 189px;
}
div.flowplayer.acsSize16-230,
iframe.flowplayer.acsSize16-230,
iframe.acsSize16-230 {
	height: 155px;
}

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

CK Editor

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


.cke_skin_office2003 select {
	border: 1px gray solid;
	background: #DDD;
	padding: 1px;
	margin: 1px;
}

/* Fix for newer versions of Firefox not wrapping source view */
textarea.cke_source {
	white-space: pre-wrap;
}

.cke_dialog fieldset > legend,
.cke_dialog fieldset:not(.fieldgroup) > legend {
	position: unset;
}

/* Fix floated images with text having the text scrunched up into 1 line and uneditable in the editor.*/
body.cke_editable .cke_image_nocaption {
	line-height: unset;
}



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

Admin Menu

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

#admin-menu,
#toolbar-administration,
#toolbar-item-administration-tray,
#toolbar-administration #toolbar-bar {
	z-index: 10001;/*9999;*/
}
#toolbar-item-administration-tray ul,
#toolbar-item-administration-tray li {
	z-index: 9999;
}

@media screen and (max-width: 640px) {
	#admin-menu,
	#toolbar-item-administration-tray,
	#toolbar-administration #toolbar-bar {
		z-index: 1;
	}
	#toolbar-administration #toolbar-bar a#toolbar-item-user {
		font-size: 0px;
		padding: 20px 0px;
		width: 20px;
	}
}

#toolbar-administration.test-server #toolbar-bar {
    background: #6A3B04;
}

#toolbar-administration.dev-server #toolbar-bar {
    background: #04046A;
}

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

Messages

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

body main .internal article div.messages.status,
body main article  div.messages.status,
body div.messages.status,
[aria-label = 'Status message'] {
	color: #000;
	background: #AAF;
	border: 1px solid #000000;
	padding: 15px;
	font-size: 1.2em;
	margin: 30px 0px;
}

.acsMessage {
	color: #000;
	background: #BBFFDD;
	border: 1px solid #000000;
	padding: 20px 10px;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
}

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

Select

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

select option.optgroup:disabled {
	font-weight: bold;
	color: #555;
}

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

Admin - Zen Classic Theme

************************************************************************************************************************************************************************/
body.section-acsadmin div#page div#container {
    max-width: 100%;
}

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

Node Edit Form

************************************************************************************************************************************************************************/
form.node-form fieldset {
    margin-top: 20px;
}
form.node-form fieldset legend {
    font-weight: bold;
}

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

Google Custom Search

************************************************************************************************************************************************************************/
#acsGoogleCustomSearchWrapper,
.acsGoogleCustomSearchWrapper {
	display: inline-block;
}

#acsGoogleCustomSearchWrapper .cse .gsc-control-cse,
#acsGoogleCustomSearchWrapper .gsc-control-cse,
.acsGoogleCustomSearchWrapper .cse .gsc-control-cse,
.acsGoogleCustomSearchWrapper .gsc-control-cse {
	background: none;
	border: none;
	padding: 0;
}

#acsGoogleCustomSearchWrapper.cse .gsc-search-button input.gsc-search-button-v2,
#acsGoogleCustomSearchWrapper input.gsc-search-button-v2,
.acsGoogleCustomSearchWrapper.cse .gsc-search-button input.gsc-search-button-v2,
.acsGoogleCustomSearchWrapper input.gsc-search-button-v2 {
	height: 15px;
	margin-left: 0px;
	margin-top: 0px;
	min-width: 13px;
	padding: 10px;
	width: 15px;
	border: 1px solid #AAAAAA;
}

#acsGoogleCustomSearchWrapper table.gsc-search-box,
.acsGoogleCustomSearchWrapper table.gsc-search-box {
	min-width: 230px;
	width: 230px;
}

#acsGoogleCustomSearchWrapper table.gsc-search-box td,
.acsGoogleCustomSearchWrapper table.gsc-search-box td {
	padding-right: 0;
	vertical-align: top;
}

#acsGoogleCustomSearchWrapper #gsc-iw-id1,
.acsGoogleCustomSearchWrapper #gsc-iw-id1 {
    padding: 5px 0;
}

#acsGoogleCustomSearchWrapper.cse .gsc-search-button-v2,
#acsGoogleCustomSearchWrapper .gsc-search-button-v2,
.acsGoogleCustomSearchWrapper.cse .gsc-search-button-v2,
.acsGoogleCustomSearchWrapper .gsc-search-button-v2 {
	padding: 11px;
}
/* Allow drop downs to cover search. */
.topbar > div.region.region-searchbox {
    z-index: 9997;
}
/* ***********************************************************************************************************************************************************************

FESS Search Block

************************************************************************************************************************************************************************/
#search-block-form {
	margin-left: 5px;
}
#search-block-form #site-search-block-query {
    min-height: 23px;
}

#search-block-form button {
    border: none;
	background-color: #999999;
	border-radius: 2px;
	padding: 3px 5px;
	margin-left: 5px;
}
#search-block-form button svg {
    fill: #FFFFFF;
	height: 13px;
	width: 13px;
}

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

Drupal Nav Menus

************************************************************************************************************************************************************************/
/*
	Add arrows for menu entries that have children and can expand to show them.
	Intended for hover expansion as click to expand will need interactive arrows.
	acsNav_expandVOnce is for menus that have the top level drop down, and sub-nav slide out.
*/
.acsNav_expandH ul li.menu-item.menu-item--expanded > a {
	padding-right: 10px;
    margin-left: 3px;
}
.acsNav_expandH ul li.menu-item.menu-item--expanded > a:before {
	content: ' ▶';
	float: right;
	font-size: 14px;
}
.acsNav_expandH ul li.menu-item.menu-item--expanded > a:hover:before,
.acsNav_expandH ul li.menu-item.menu-item--expanded:hover > a:before {
	content: ' ◀';
	float: right;
}

.acsNav_expandV ul li.menu-item.menu-item--expanded > a,
.acsNav_expandVOnce > ul li.menu-item.menu-item--expanded > a {
	padding-right: 10px;
    margin-left: 3px;
}
.acsNav_expandV ul li.menu-item.menu-item--expanded > a:before,
.acsNav_expandVOnce > ul li.menu-item.menu-item--expanded > a:before {
	content: ' ▼';
	float: right;
	font-size: 14px;
}
.acsNav_expandV ul li.menu-item.menu-item--expanded > a:hover:before,
.acsNav_expandV ul li.menu-item.menu-item--expanded:hover > a:before,
.acsNav_expandVOnce > ul li.menu-item.menu-item--expanded > a:hover:before,
.acsNav_expandVOnce > ul li.menu-item.menu-item--expanded:hover > a:before {
	content: ' ▲';
	float: right;
}

.acs_blockIds_plugin_id-acs_nav_menus\.block_in_this_section ul.menu {
  margin-left: 10px;
}

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

ACS Admin Menu

************************************************************************************************************************************************************************/
#toolbar-item-acs-admin-tray div.toolbar-menu-administration ul.toolbar-menu li.menu-item .toolbar-icon:before {
    display: none;
}
#toolbar-item-acs-admin-tray div.toolbar-menu-administration ul.toolbar-menu li.menu-item .toolbar-icon {
    padding-left: 1em;
}

/* Fix for 'Manage' not being clickable. */
.toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before {
	top: 35px;
}

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

Drupal Admin Pages

************************************************************************************************************************************************************************/
#menu-edit-form > table#menu-overview > tbody > tr.menu-enabled > td > a:first-child > div {
	border-left: 15px solid red;
}




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

CKEditor Styles that were included in D6 on all pages

************************************************************************************************************************************************************************/
/* Indent & Justify classes */

.rteindent1 {
  margin-left: 40px;
}
.rteindent2 {
  margin-left: 80px;
}
.rteindent3 {
  margin-left: 120px;
}
.rteindent4 {
  margin-left: 160px;
}
.rteleft {
  text-align: left;
}
.rteright {
  text-align: right;
}
.rtecenter {
  text-align: center;
}
.rtejustify {
  text-align: justify;
}
.ibimage_left {
  float: left;
}
.ibimage_right {
  float: right;
}

/* CKEditor padding in IE */
table.cke_editor fieldset {
  padding:0 !important;
}
/* hack with ie and garland editing area size fix - [#733512] */
.cke_editor{
  display: table !important;
}
.cke_editor,#ie#bug {
  display: inline-table !important;
}

.cke_panel_listItem {
    background-image: none;
    padding-left: 0;
}
/* remove top border from tbody - overwrite system.css - [#751672] */
tbody {
    border: 0;
}

/*toolbar wizzard*/
form#ckeditor-admin-profile-form textarea#edit-toolbar, form#ckeditor-admin-global-profile-form textarea#edit-toolbar {
    display: none;
}
form#ckeditor-admin-profile-form #edit-toolbar + .grippie, form#ckeditor-admin-global-profile-form #edit-toolbar + .grippie {
    display: none;
}
div.sortableList {
    cursor: n-resize;
}
div.widthMarker {
    height: 20px;
    border-top: 1px dashed #CCC;
    margin: 10px 0px 0px 1px;
    padding-left: 1px;
    text-align: center;
}
div.sortableList.group {
    margin: 20px 0px 0px 0px;
}
div.sortableList div.sortableListDiv {
    height: 30px;
    margin-bottom: 3px;
    width: 900px;
}
div.sortableList div.sortableListDiv span.sortableListSpan {
    background-color: #F0F0EE;
    height: 30px;
    border-right: 1px dashed #CCC;
    display: block;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul {
    background: none;
    width: 900px;
    white-space: nowrap;
    border: 1px solid #CCC;
    list-style: none;
    margin:0px;
    padding: 0px 0px 0px 1px;
    height: 30px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li {
    background: none;
    list-style: none;
    cursor: move;
    height: 18px;
    min-width: 18px;
    padding: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li.group {
    min-width: 5px;
    padding-left: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li img {
    border: 0;
    padding: 0;
    margin: 0
}
li.sortableItem {
    position: relative;
    float: left;
    margin: 3px 1px 1px 0px;
    border: 1px solid #CCC;
    background-color: #F0F0EE;
    z-index: 99;
}

/* Fix for fieldset for-edit-apperance in Firefox*/
fieldset#edit-appearance div#groupLayout, div#allButtons  {
  border: 0;
  padding: 0 0 0 0;
  margin: 1em 0;
  overflow: auto;
}

/**
 * Fix for double scrollbar on ckeditor menu dropdowns in IE - [#1361894]
 */
.cke_browser_ie .cke_panel_block {
    overflow: hidden !important;
}

/*ACS*/
body div.acsVideoEmbed {
	border: 1px #CCC solid;
/*	z-index: 1;*/
}


/* Ignore widths set elsewhere */
.acsNoWidth {
	width: unset !important;
	max-width: unset !important;
	min-width: unset !important;
}

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

Override D8

************************************************************************************************************************************************************************/
form.node-form .vertical-tabs {
	margin: 0px;
}
#insideBodyWrapper form.node-form div.vertical-tabs ul {
	margin-left: 0px;
}
form.node-form .details-wrapper {
	padding: 10px;
}

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

D8

************************************************************************************************************************************************************************/
/* Replicate clearfix for all main body content Blocks. */
.acs_blockIds_bid-mainpagecontent {
	content: "";
	display: table;
	clear: both;
}
/* Use all available width. */
.acs_blockIds_bid-mainpagecontent {
	width: 100%;
}

.block-acs-integrated-userblock-login-admin-logins {
	padding: 10px;
	margin: 0px;
	color: #000;
	background: #DDDDDD;
}

.block-acs-integrated-userblock-login-admin-logins div {
	color: #000;
	background: #DDDDDD;
}

/************************************************************************************************************************************************************************
Admin show all options instead of dropdown JS
************************************************************************************************************************************************************************/
.dropbutton-multiple .dropbutton .secondary-action {
	display: block;
}

.js td .dropbutton-widget {
	position: inherit;
}

/************************************************************************************************************************************************************************
Field Items (such as Taxonomy)
************************************************************************************************************************************************************************/
div.node__content div.field__items div.field__item {
	display: inline-block;
	padding: 0 0.5em;
}

div.node__content div.field {
	padding: 5px;
}

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

ACS Nav Menus
//Ensure label and checkbox do not show

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

label.acsNavMenuToggle {
	display:none;
}

div.sidebar ul.menu.nav li label.acsNavMenuToggle.acsVisible {
	display: inline-block;
	font-size: 0px;
}

input[type=checkbox].acsNavMenuToggle {
	visibility: hidden;
	opacity: 0;
	height: 1px;
	display: block;
}

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

IMCE D8

************************************************************************************************************************************************************************/
#imce-body {
	overflow: unset;
	height: auto;
	margin-bottom: 100px;
}

#acs-imce-instructions {
    min-height: 100px;
    position: relative;
    clear: both;
    display: block;
    background: white;
}

#imce-message-popup {
	display: block !important;
	height: 100px;
  overflow-y: scroll;
}

#imce-message-popup div.error,
#imce-message-popup div.error div,
#imce-message-popup div.message,
#imce-message-popup div.message div {
	padding: 0px;
	margin: 0px;
	background: none;
	border: none;
}

#imce-message-popup .imce-message-content,
#imce-message-popup div.error div.imce-message-content,
#imce-message-popup div.message div.imce-message-content {
	padding-left: 20px;
}

.imce-ficon:before,
#imce-message-popup .imce-message .imce-ficon:before {
	font-size: 10px;
}

#imce-body .imce-branch {
	text-align: left;
}

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

D8 Forms

************************************************************************************************************************************************************************/
.node-form div#edit-footer,
.node-form div#edit-actions {
    padding: 20px 0px;
}

/*Hide Browse button on Slideshow forms so staff use IMCE for uploads*/
#edit-field-slideimg-wrapper div.image-widget div.image-widget-data input.js-form-file {
	visibility: hidden;
}

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

ACS Colors

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

.acs_bg_societyStripe_ACS {
  background-image: repeating-linear-gradient(45deg, rgba(0,255,0,0.2) 0px 40px, rgba(0, 0,255,0.2) 0px 80px, rgba(175, 116, 25, 0.2) 0px 120px);
}

.acs_bg_societyStripe_ASA {
  background-color: rgba(0,255,0,0.2);
}

.acs_bg_societyStripe_CSSA {
  background-color: rgba(0,0,255,0.2);
}

.acs_bg_societyStripe_SSSA {
  background-color: rgba(175, 116, 25, 0.2);
}

.acs_bg_societyStripe_AC {
  background-image: repeating-linear-gradient(-45deg, rgba(0, 255, 0, 0.2) 0px 40px, rgba(0, 0,255,0.2) 0px 80px);
}

.acs_bg_societyStripe_AS {
  background-image: repeating-linear-gradient(-45deg, rgba(0,255,0,0.2) 0px 40px, rgba(175, 116, 25, 0.2) 0px 80px);
}

.acs_bg_societyStripe_CS {
  background-image: repeating-linear-gradient(-45deg, rgba(0, 0,255,0.2) 0px 40px, rgba(175, 116, 25, 0.2) 0px 80px);
}


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

Log In Forms

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

.acsLoginForm {
	margin: 0px 10px;
	position: relative;
}

.acsLoginForm .acsLoginForm_formTitle {
	margin: 20px 0px;
}

.acsLoginForm .acsLoginForm_left {
	float:left;
	width: 48%;
	min-width: 300px;
}

.acsLoginForm .acsLoginForm_right {
	float:left;
	width: 48%;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #000;
	min-width: 300px;
}

.acsLoginForm .acsLoginForm_bottom {
	clear: both;
}

@media screen and (max-width: 700px) {
	.acsLoginForm .acsLoginForm_left {
		width: 100%;
		margin-bottom: 40px;
	}

	.acsLoginForm .acsLoginForm_right {
		width: 100%;
		margin-left: 0px;
		padding-left: 0px;
		border-left: none;
	}
}

.block-user-login-block .request-password-link {
	display: none;
}


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

acsResponsiveTable

************************************************************************************************************************************************************************/
table.acsResponsiveTable {
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin: 0 0 2em 0;
  padding: 0;
  width: 100%;
}

table.acsResponsiveTable caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
  caption-side: top;
}

table.acsResponsiveTable tr {
  padding: .35em;
  border-bottom: 1px solid #eee;
}

table.acsResponsiveTable tr:last-child {
  border-bottom: 1px solid #ddd;
}

table.acsResponsiveTable tr:hover {
  background-color: #eee;
}

table.acsResponsiveTable th,
table.acsResponsiveTable td {
  padding: .625em;
  text-align: center;
}

table.acsResponsiveTable th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 1em;
  border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 600px) {
  table.acsResponsiveTable {
    border: 0;
  }

  table.acsResponsiveTable caption {
    font-size: 1.3em;
  }

  table.acsResponsiveTable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.acsResponsiveTable tr {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table.acsResponsiveTable td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  table.acsResponsiveTable td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table.acsResponsiveTable td:last-child {
    border-bottom: 0;
  }
}
/****************************************** END acsResponsiveTable ****************************************************/