/* --------- Standard Site Styles -------- */

/*
@font-face 
{
	font-family: 'AndrewScript';
	src: url('http://www.artsonia.com/shared/fonts/ANDREW.TTF');
}
*/

/* -------- Core styles ------ */

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%;  }

body 
{
	margin: 0px auto;
	/*background: #fdfdfd; */
	background-color: #f4f3f1;
	font-family: verdana, sans-serif;
	font-size: 9pt;
	height: 100%;
}

body.modal-present {
	/*filter: blur(10px);*/
	overflow: hidden;
}

form 
{
	margin: 0px;
}

.sampleProductImage
{
	filter: grayscale(100%) contrast(40%) brightness(130%);;
	-webkit-filter: grayscale(100%) contrast(40%) brightness(130%);
}

.GiftShopTinySaleIcon
{
	color: #f00;
	font-weight: bold;
	padding-left: 3px;
}

.headerPromoChristmas1
{
	background: linear-gradient(#030, #060, #090, #060) !important;
}
.headerPromoChristmas2
{
	background: linear-gradient(#900, #c00, #f00, #900) !important;
}
.headerPromoChristmas3
{
	background: linear-gradient(#db0, #fe0, #ec0, #ca0) !important;
}

.headerPromoValentines
{
	background: linear-gradient(177deg,#f6c, #f09, #c06) !important;
}

.headerPromoYam {
	background: linear-gradient(#f6b73c,#e66495) !important;
}

.headerPromoYam2 {
	background: linear-gradient(#2299c3,#2dec84) !important;
}

.headerPromoMarch
{
	background: linear-gradient(#0a0, #060) !important;
}

.headerPromoSpring
{
	background: linear-gradient(5deg, #06f, #0c6) !important;
}

.headerPromoMothersDay
{
	background: linear-gradient(#f7a,#f37) !important;
}

.headerPromoFathersDay
{
	background: linear-gradient(#00c, #06f, #00f, #00c) !important;
}

.headerPromoBTS
{
	background: linear-gradient(#fc0, #ff0, #fc0, #d90) !important;
}

.headerPromoEarlyFall
{
	background: linear-gradient(to bottom right, #ec9f0c, #48c9cc) !important;
}

.headerPromoFall
{
	background: linear-gradient(#930, #b40) !important;
}

.headerPromoLateFall
{
	background: linear-gradient(175deg, #c04, #a60) !important;
}

.headerPromoBanner {
	cursor: pointer;
	margin:10px 10px 0;
	border:1px rgba(0,0,0,0.1) solid;
	background:rgba(0,0,0,0.2);
	padding:10px;
	border-radius:5px;
	text-align:center;
	font-family:arial;
	color:#fff;
	font-weight:normal;
	font-size:14pt;
}
.headerPromoBanner a {
	color: #ff0 !important;
	font-weight: bold !important;
}

pre {
	margin: 0px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	width: 99%;
}

/*a { text-decoration: none; }*/
a:link { color:#39f }   /* #06f */
a:active { color:#39f }
a:visited { color:#39f }
a:hover { color:#06c; text-decoration: underline; }

.hline {
	height:1px; 
	border-top:1px #ddd solid;
	margin:10px 0px;
	overflow:hidden;
}

.divider {
	height:1px; 
	border-top:1px #ddd solid;
	margin:30px 0px;
	overflow:hidden;
}

.hoverLink { text-decoration: none !important; }
.hoverLink:hover { text-decoration:underline; }

a.hidelink {
	text-decoration: none !important;
	color: inherit !important;
}

a.lightlink {
	text-decoration: none !important;
}
a.lightlink:hover {
	text-decoration: underline !important;
}

.fakelink {
	text-decoration:underline;
	cursor:pointer; 
	color:#39f;
}

.fakelinklight {
	text-decoration:none;
	cursor:pointer; 
	color:#39f;
}
.fakelinklight:hover {
	text-decoration:underline;
}

.disabledlink {
	cursor: default !important;
	color: #bbb;
	text-decoration: none !important;
	pointer-events: none !important;
}

a.secretlink {
	text-decoration: none !important;
	color: inherit !important;
}
a.secretlink:hover {
	color: #39f !important;
	text-decoration: underline !important;
}

a.nolink {
	text-decoration: none !important;
	color: inherit !important;
}
a.nolink:hover {
	text-decoration: none !important;
	color: inherit !important;
}

.tutorial-icon { opacity: .65; color: #000; }
.tutorial-icon:hover { color: #000 !important; opacity: 1.0;}

.fakelinkHidden { text-decoration:none; cursor:pointer; }
.fakelinkHidden:hover { text-decoration:underline; cursor:pointer; color:#06c;}

a.hiddenLink { text-decoration:none; color:#000; }
a.hiddenLink:active { text-decoration:none; color:#000; }
a.hiddenLink:visited { text-decoration:none; color:#000; }
a.hiddenLink:hover { text-decoration:underline; color:#06c; }

input.button { font-size:9pt; font-family:Verdana; }

.text-oneliner {
	display:-webkit-box inline-block;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* This may not work on mobile because it doesn't honr the -webkit things */
.text-twoliner {
	display:-webkit-box inline-block;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-oneliner-ellipsis {
	position: relative;
	display: inline-block;
	width: 200px;
	max-width: 200px;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border:1px #f00 dotted;
}

.fbsharebtn 
{
	font-family:verdana; font-size:11px;
	border:1px solid #999;
	padding:4px 4px 2px 2px;
	width:52px; height:16px;
	text-align:center;
	background-image:url(https://app.tabpress.com/xfbml-tags/_img/sharebtn_bg2.gif);
}
.fbsharebtn a
{
	color:#111;
	text-decoration:none;
	background-image:none;
	background-color:transparent;
}

img.desaturate { 
	filter: grayscale(1) brightness(0.2); 
	-webkit-filter: grayscale(1) brightness(0.2);
	-moz-filter: grayscale(1) brightness(0.2);
	-ms-filter: grayscale(1) brightness(0.2);
	-o-filter: grayscale(1) brightness(0.2);
}

img.ghost { 
	filter: grayscale(1) opacity(0.25); 
	-webkit-filter: grayscale(1) opacity(0.25);
	-moz-filter: grayscale(1) opacity(0.25);
	-ms-filter: grayscale(1) opacity(0.25);
	-o-filter: grayscale(1) opacity(0.25);
}

.rounded {
	-moz-border-radius: 15px;
	border-radius: 15px;
	}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaa;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
}
:-moz-placeholder { /* Firefox 18- */
  color: #aaa;
}
	
.multiselect-menu {
	background: rgba(50,50,50,0.90);
	border-radius: 5px;
	padding:20px;
	position:fixed;
	z-index:1;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	color: #fff;
	font-size:12pt;
	font-family:arial;
	box-shadow: 0 0 10px rgba(0,0,0,0.35);
}
.multiselect-menu .item {
	padding: 10px 15px;
	white-space: nowrap;
}
.multiselect-menu .item-divider {
	border-right: 1px #999 solid;
	padding-right:15px;
	margin-right:15px;
	overflow: hidden;
}
.multiselect-menu .counter {
	background: #39f;
	padding:5px 8px;
	margin-right:5px;
	border-radius: 3px;
}
.multiselect-menu .action {
	cursor: pointer;
	color: #6cf;
}
.multiselect-menu .action:hover {
	color: #9df;
}
.multiselect-menu .action-disabled {
	cursor: default;
	color: #999;
}
.multiselect-menu .action-disabled:hover {
	color: #999;
}
		
/* --------- Header Styles -------- */

#headerMaintenance
{
	margin: 0px auto;
	width: 100%;
}

#headerSearchText { 
	width: 50%; 
	min-width: 250px; 
}

#headerSearchText::placeholder { 
	color: rgba(255,255,255,0.5); 
	opacity: 1; 
}

#headercolors
{
	height:5px;
	overflow:hidden;
	background:url('/images/nav/colors.jpg');
	-webkit-filter: saturate(70%);
	display:none;
}

#header
{
	width: 100%;
	font-size: 16px;
	font-family: Arial;
	background-color: #fff;
}

#header .headerTab
{
	margin: 0 3px;
	padding: 7px;
	opacity: 0.75;
	border-radius: 4px;
	font-family: Arial;
	font-weight: bold;
}

#header .headerTab:hover {
	opacity: 1.0;
	background: rgba(255,255,255,0.2);
}

#header .headerTab a
{
	text-decoration: none;
	color: #fff;
}

#header .headerTab a:hover
{
	color: #fff;
}

#header .headerTabActive
{
	background: rgba(255,255,255,0.85);
	box-shadow:0 0 8px rgba(0,0,0,0.25);
	opacity: 1.0;
}

#header .headerTabActive:hover
{
	background: rgba(255,255,255,0.85);
}

#header .headerTabActive a:hover {
	color: #000;
}

#header .headerTabActive a 
{
	text-decoration: none;
	color: #000;
}

#header .headerOptions 
{
	width:945px;
	margin: 10px;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	color: #888;	
}

#header .headerOptions a
{
	color: #666;
	text-decoration:none;
}

#header .headerOptions a:hover
{
	color: #f00;
	text-decoration:underline;
}

#headerSubNav 
{
	font-size: 11px;
	font-family: Arial;
	color: #999;
	padding-right:2px;
}
#headerSubNav a
{
	color: #444;
}

@media only screen and (max-width: 48em) 
{
	#HeaderAltSearchContainer { padding: 20px 15px !important; }
}

@media only screen and (max-width: 72em) 
{	
	#header .cart-label { display: none; }
	#header #HeaderSearchContainer { display: none !important; }
	#header #HeaderAltSearchToggle { display: flex !important; }
}

@media only screen and (min-width: 72em) 
{	
	#HeaderAltSearchContainer { display: none !important; }
}

.navLanguage
{
	font-family: verdana;
	font-size: 11px;
	color: #666666;
	padding: 5px;
}
.navLanguage a
{
	color: #666666;
}

.navSection 
{
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	padding:0px 7px 0px 6px;
	margin-bottom:2px;
	border-left:1px #CCCCCC solid;
	text-align:center;
}
.navSection a
{
	text-decoration:none;
	color: #666666;
}

/* --------- Page Content Styles -------- */

#page
{
	width: 100%;
	background: #fff;
	/*border-bottom: 1px #ddd solid;*/
	padding-top: 20px;
	padding-bottom: 20px;
}
#page-new
{
	/*background: #fdfdfd; */
	background: #f4f3f1;
	/*border-bottom: 1px #ddd solid;*/
	padding: 25px 25px 50px;
	min-height: 400px;
}

#page-mobile-app
{
	background: #fff;
	padding: 20px 20px 50px;
}

/* --------- Footer Styles --------- */

#footer
{
	/*background: #fdfdfd;*/
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 15px;
	color:#666;
}

/* --------- Form Styles -------- */

.formLabel {
	font-family: Verdana;
	font-size: 9pt;
	}

.formFieldRequired {
	border-left: 8px #FFCC99 solid;
	padding-left: 4px;
	}

.formFieldConditional {
	border-left: 8px #AACC66 solid;
	padding-left: 4px;
	}

.formFieldOptional {
	padding-left: 12px;
	}
	
.textboxError {
	border: 2px #FF0000 solid; 
	background:#FFFFFF;
	}

.noFocusHighlight:focus 
{ 
	outline: 0; 
}

/* -------- Panel appearances -------- */

.divError {
	margin: 15px 0;
	padding:12px 15px;
	border:1px #f00 solid;
	border-left:5px #f00 solid;
	border-radius:5px;
	background:#fff4f4;
	}

.divWarning {
	border: 1px #FF9933 dashed;
	padding: 0px;
	margin-bottom: 15px;
	background:#FFFFAA;
	width: 100%;
	}

/* --------- Text Styles -------- */

.textPageTitle {
	font-weight: normal;
	font-family: Arial;
	font-size: 18pt;
	margin-top:0px;
	margin-bottom:10px;
	color: #000000;
	}

.textPageSubtitle {
	font-weight: normal;
	font-family: Arial;
	font-size: 16pt;
	margin-top:0px;
	margin-bottom:10px;
	color: #000000;
	}

.textSubhead {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold; 
	}
.textSubhead2 {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold; 
	}

.textTitle {
	font-weight: normal;
	font-family: Arial;
	font-size: 24pt;
	margin-top:0px;
	margin-bottom:10px;
	color: #000000;
	}

.textSubtitle {
	font-weight: normal;
	font-family: Arial;
	font-size: 16pt;
	margin-top:0px;
	margin-bottom:10px;
	color: #000000;
	}

.textNormal {
	font-family: Verdana;
	font-size: 9pt;
	}
.textNormal2 {
	font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 13px;
	}

.textLabel {
	font-family: Verdana;
	font-size: 8pt;
	}
.textLabel2 {
	font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	}

.textLabelSmall {
	font-family: Verdana;
	font-size: 8pt;
	}

.textLabelTiny {
	font-family: Verdana;
	font-size: 7pt;
	}

.textFieldLabel {
	width: 100%;
	max-width: 600px;
	font-family: arial; /* verdana */
	color: #333; /* #777 */
	font-size: 9pt; /* 8pt */
	/*text-transform: uppercase;*/
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-weight: bold;
}
.textFieldLabelRequired:after {
	content: "required";
}
.textFieldLabelOptional:after {
	content: "(optional)";
	color: #999;
	margin-left:5px;
	font-weight: normal;
}
		
.textFieldValue {
	font-family: arial;
	font-size: 13pt;
}

.inputField {
	box-sizing: border-box;
	font-family: arial;
	font-size: 13pt;
	height: 2.5em;
	width:100%;
	max-width: 600px;
	padding: 0px 10px;
	border: 1px #ccc solid;
	border-radius: 3px;
}
.inputField:hover {
	border:1px #9cf solid !important;
}
.inputField:focus {
	outline: none !important;
	border: 1px #39f solid !important;
}

.inputFieldDisabled {
}

.inputFieldError {
	border: 1px #f00 solid !important;
	background: #fee !important;
} 

.inputFieldValid {
	border: 1px #0c0 solid !important;
	background: #efe;
}

textarea.inputField {
		height: 8em;
		padding: 10px !important;
}

select.inputField {
		background: #fff;
		color: #000;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}

/* 
This helps put a placeholder in <select> fields. Must have the "required" attribute on the <select> and class="placeholder" on the <option>
*/
select.inputField:invalid { color: #aaa; }
select.inputField option { color: black; }
select.inputField option.placeholder { color: #ccc; }

		
.textButtonLarge 
{
	font-size:18px;
	font-family:Arial;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}
.textButtonMed
{
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}

.notice-stripe {
	width: auto;
	margin: 15px auto;
	padding: 17px 20px;
	border: 1px #ddd solid;
	border-left: 5px #ccc solid;
	border-radius: 8px;
	background: #fff;
	font-family: arial;
	font-size: 12pt;
	text-align: left;
}

.notice-stripe-success {
	background: #f4fff4;
	border: 1px #8e9 solid;
	border-left: 5px #3c6 solid;
	color: #0a0;
}

.notice-stripe-info {
	background: #f9fcff;
	border: 1px #bdf solid;
	border-left: 5px #39f solid;
	color: #08f;
}

.notice-stripe-warning {
	background: #fff9dd; /*#fff8ee*/
	border: 1px #fb8 solid;
	border-left: 5px #fb8 solid;
	color: #f80;
}
  
.notice-stripe-error {
	background: #fff8f8;
	border: 1px #f99 solid;
	border-left: 5px #f00 solid;
	color: #f00;
}

.notice-stripe-success-solid { background: #afa; border-left: inherit; border:2px #fff solid; color: #000; }
.notice-stripe-info-solid { background: #cef; border-left: inherit; border:2px #fff solid; color: #000; }
.notice-stripe-warning-solid { background: #feb; border-left: inherit; border:2px #fff solid; color: #000; }
.notice-stripe-error-solid { background: #fcc; border-left: inherit; border:2px #fff solid; color: #f00; }

/* --------- Buttons --------- */	

input.btn {
	font: bold 84% arial,helvetica,sans-serif;   
	border: 1px solid;
	border-color: #ccc #999 #999 #ccc;
	color: #fff;   
	padding: 5px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#77ffffff',EndColorStr='#55000000');
	cursor: pointer;
}
/*
input.btnhov {
	border-color: #999 #333 #333 #999;
}
*/

.button {
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.05);
	border-radius: 5px !important;
	text-indent: 0;
	display: inline-block;
	color: #666 !important;
	font-family: arial !important;
	font-size: 12pt !important;
	font-weight: bold;
	height: 40px;
	line-height: 38px;
	vertical-align: center;
	padding: 0 20px;
	border: 2px #ccc solid;
	cursor:pointer;
	text-decoration:none !important;
	text-align:center;
	align-items: center;
	white-space: nowrap;
}
.button:hover {
	filter: brightness(1.1);
}

.button-small {
	border-width: 1px !important;
	font-size: 10pt !important;
	height: 26px !important;
	line-height: 25px !important;
	padding: 0 15px !important;
}

.button-small2 {
	border-width: 1px !important;
	font-size: 11pt !important;
	height: 34px !important;
	line-height: 33px !important;
	padding: 0 15px !important;
}

.button-med {
	font-size: 14pt !important;
	font-weight: normal;
	height: 45px;
	line-height:43px;
}

.button-large {
	font-size:18pt !important;
	font-weight: normal !important;
	height: 60px;
	line-height:58px;
}

.button-blue {
	background-color: #39f;
	border-color: transparent;
	color: #fff !important;
}
.button-blue-hollow {
	border: 2px #39f solid;
	background-color: transparent;
	color: #39f !important;
}

.button-cyan {
	background-color: #6cf;
	border-color: transparent;
	color: #fff !important;
}

.button-fuchsia {
	background-color: #e0f;
	border-color: transparent;
	color: #fff !important;
}

.button-purple {
	background-color: #c6f;
	border-color: transparent;
	color: #fff !important;
}

.button-green {
	background-color: #0b0;
	border-color: transparent;
	color: #fff !important;
}

.button-green-hollow {
	border: 2px #0b0 solid;
	background-color: transparent;
	color: #0b0 !important;
}

.button-red {
	background-color: #e54;
	border-color: transparent;
	color: #fff !important;
}
.button-red-hollow {
	border: 2px #e54 solid;
	background-color: transparent;
	color: #e54 !important;
}

.button-orange {
	background-color: #f93;
	border-color: transparent;
	color: #fff !important;
}

.button-gold {
	background-color: #f8cc00;
	border-color: transparent;
	color: #fff !important;
}

.button-white {
	background-color: #fff;
	border-color: transparent;
	color: #777 !important;
}
.button-white:hover {
	filter: brightness(1.02);
}

.button-lightgray {
	background-color: #f8f8f8;
	border-color: #e2e2e2;
	color: #777 !important;
}
.button-lightgray:hover {
	filter: brightness(1.05);
}

.button-gray {
	background-color: #aaa;
	border-color: transparent;
	color: #fff !important;
}

.button-darkgray {
	background-color: #666;
	border-color: transparent;
	color: #fff !important;
}

.button-disabled {
	background-color: #f2f2f2;
	color: #bbb !important;
	border-color: #ddd;
	cursor: default;
	opacity: 0.5;
}
.button-disabled:hover {
		filter: none;
}




.buttonSmall {
	height:18px;
	line-height:18px;
	font-size: 11px;
	padding:0 8px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.buttonGreen {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	border:1px solid #83c41a;
	color:#ffffff;
	text-shadow:1px 1px 0px #689324;
}
.buttonGreen:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}

.buttonBlue {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	border:1px solid #84bbf3;
	color:#ffffff;
	text-shadow:1px 1px 0px #528ecc;
}
.buttonBlue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}

.buttonRed {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7bbbb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7bbbb;
	box-shadow:inset 0px 1px 0px 0px #f7bbbb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f66), color-stop(1, #e33) );
	background:-moz-linear-gradient( center top, #f66 5%, #e33 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f66', endColorstr='#e33');
	background-color:#f66;
	border:1px solid #f77;
	color:#ffffff;
	text-shadow:1px 1px 0px #d33;
}
.buttonRed:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e33), color-stop(1, #f66) );
	background:-moz-linear-gradient( center top, #e33 5%, #f66 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e33', endColorstr='#f66');
	background-color:#f99;
}

.buttonDisabled {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	color:#cccccc;
	text-shadow:1px 1px 0px #ffffff;
	cursor: not-allowed;
}
.buttonDisabled:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
}
.buttonDisabled:active {
	position:relative;
	top:0px;
}

.button2 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	/*box-shadow:inset 0px 1px 0px 0px #f00;*/
	box-shadow:0px 1px 2px rgba(0,0,0,.5);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-indent:0;
	border: 1px solid #999;
	display:inline-block;
	color:#666666;
	/*
	height:40px;
	line-height:40px;
	*/
	padding:5px 8px;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	cursor: pointer;
}

.button2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}

/* This imageless css button was generated by CSSButtonGenerator.com */
a.greenbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#000; /*color:#306108;*/
	font-family:arial;
	font-size:17px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
	cursor:pointer;
}
a.greenbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
a.greenbutton:active {
	position:relative;
	top:1px;
}

a.graybutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#000; /*color:#306108;*/
	font-family:arial;
	font-size:17px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
	cursor:pointer;
}
a.greenbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
a.greenbutton:active {
	position:relative;
	top:1px;
}


.customButton 
{
	cursor:pointer;
	margin:0px 0px;
}

.button-plus-container {
	margin-top:25px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:20px;
	width:100%;
}

.button-plus {
	background: #fff;
	width: 285px;
	height: 90px;
	/*border: 1px #f2f2f2 solid;*/
	border: 2px #09f solid;
	border-radius: 10px;
	color: #666;
	box-shadow: 0 0 3px rgba(0,0,0,0.05);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
	padding: 7px 18px;
}

.button-plus:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.button-plus div {
	flex-grow: 1;
}

.button-plus-title {
	font-family:arial;
	font-size:13pt;
	font-weight:normal;
	color:#000;
}

.button-plus-desc {
	font-size: 9pt;
	color: #888;
	margin-top:3px;
}

.button-plus img {
	width: 100%;
	max-width: 60px;
}

@media only screen and (max-width: 48em) 
{
	.button-plus-container {
		gap: 12px;
	}
	.button-plus {
		width: 100% !important;
		height: 60px;
		padding: 5px 14px;
		gap: 12px;
		border-width: 1px;
	}
	.button-plus img {
		width: 100%;
		max-width: 35px;
	}
	.button-plus-desc {
		display: none;
	}
}

/* --------- Lists --------- */	

ul.listNormal li { margin-bottom:5px; }
ol.listNormal li { margin-bottom:5px; }

ul.list-spaced li { margin-top: 8px; }

/* --------- Tables/Views --------- */	
	
.view {
	display: none;
}

.viewas {
	cursor: pointer;
	opacity: 0.25;
	padding: 5px;
	border-radius: 5px;
	display:flex;
	align-items:center;
	gap:5px;
}
.viewas:hover {
	opacity: 0.35;
}
.viewas-active {
	opacity: 1.0;
	background: #e4e4e4;
}
.viewas-active:hover {
	opacity: 1.0;
}

.table {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px #ddd solid;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	/*
	border-collapse: separate !important;
	border-spacing: 0;
	background-clip: padding-box;
	*/
}
.table-header {
	background: transparent;
	height: 35px;
}
.table-header td {
	font-family: arial;
	font-size: 9pt;
	color: #999;
	padding: 8px 10px;
}

.table-row {
	height: 40px;
	background: #fff;
}
.table-row:hover {
	background: #f8f8f8;
}

.table-row td {
	border-top: 1px #ddd solid;
	font-family: arial;
	font-size: 11pt;
	font-weight: normal;
	color: #000;
	padding: 8px 10px;
}
.table-row td:first-child {
	border-left: 1px #ddd solid;
}
.table-row td:last-child {
	border-right: 1px #ddd solid;
}
.table-row-no-border td {
	border-top: 0 !important;
}

.table-row-basic td {
	font-family: arial;
	font-size: 12pt;
	font-weight: normal;
	color: #000;
	padding: 10px 15px;
}

.table .table-row td:first-child { border-top-left-radius:5px; }
.table .table-row ~ .table-row td:first-child{ border-top-left-radius: inherit; }

.table .table-row td:last-child { border-top-right-radius:5px; }
.table .table-row ~ .table-row td:last-child{ border-top-right-radius: inherit; }

.table tr:last-of-type td:first-child { border-bottom-left-radius: 5px; }
.table tr:last-of-type td:last-child { border-bottom-right-radius: 5px; }

.table-col-large {
	display: none !important;
}

.table-col-extra {
	width: 1px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.table-compact {
	overflow: hidden;
	width: 100%;
}
.table-compact-with-borders tr:not(:first-child) td {
	border-top: 1px #ddd solid;
}

.table-compact-header {
	background: transparent;
}
.table-compact-header td {
	font-family: arial;
	font-size: 9pt;
	color: #999;
	padding: 8px 12px;
	text-transform: uppercase;
}

.table-compact-row {
	height: 40px;
	/*background: #fff;*/
}
.table-compact-row:hover {
	background: rgba(0,0,0,0.04);
}

.table-compact-row td {
	font-family: arial;
	font-size: 11pt;
	font-weight: normal;
	color: #000;
	padding: 8px 12px;
}

.table-compact-group-row td {
	font-family: arial;
	font-size: 11pt;
	font-weight: normal;
	color: #000;
	padding: 8px 12px;
	background: linear-gradient(90deg,#eee,#fcfcfc);
}

/*
.table tr:nth-child(2) td:first-child { border-top-left-radius:5px; }
.table tr:nth-child(2) td { border-top: 1px #ddd solid; }
.table tr:nth-child(2) td:last-child { border-top-right-radius:5px; }
.table tr:last-child td:first-child { border-bottom-left-radius:5px; }
.table tr:last-child td:last-child { border-bottom-right-radius:5px; }
*/

/* .table tr:nth-child(2) td { border-top: 1px #f00 solid !important; } */

.tableSuperHeaderRow td {
	padding:2px 5px;
	border-bottom:0px;
	font-weight:bold;
	font-size:8pt;
	font-family:Verdana;
	}
.tableSuperHeaderRow2 td {
	padding:2px 5px;
	border-bottom:0px;
	font-weight:normal;
	font-size:8pt;
	font-family:Verdana;
	color:#369;
	}
	
.tableHeaderRow td {
	padding:2px 5px;
	border-bottom:1px #ccc dashed;
	font-weight:bold;
	font-size:8pt;
	font-family:Verdana;
	}
.tableHeaderRow2 td {
	padding:2px 5px;
	border-bottom:1px #bbb solid;
	font-weight:normal;
	font-size:8pt;
	font-family:Verdana;
	color:#999;
	}
.tableHeaderRow3 td {
	padding:2px 5px;
	border-bottom:0px #bbb solid;
	font-weight:normal;
	font-size:8pt;
	font-family:Verdana;
	color:#777;
	}
	
.tableDataRow td {
	padding:2px 5px;
	border-bottom:1px #CCCCCC dotted;
	font-size:8pt;
	font-family:Verdana;
	}

.tableDataRowBiggerText td {
	padding:2px 5px;
	border-bottom:1px #CCCCCC dotted;
	font-size:9pt;
	font-family:Verdana;
	}

.tableDataRowBiggerTextNoBorder td {
	padding:2px 5px;
	border-bottom:0px #CCCCCC dotted;
	font-size:9pt;
	font-family:Verdana;
	}

.tableDataRowAlt td {
	padding:2px 5px;
	border-bottom:1px #CCCCCC dotted;
	background:#EEEEEE;
	font-size:8pt;
	font-family:Verdana;
	}
	
.tableDataRowAltRoster td {
	padding:2px 5px;
	border-bottom:1px #CCCCCC dotted;
	background:#E8E0D8;
	font-size:8pt;
	font-family:Verdana;
	}

.tableDataRowRoster2 td {
	padding:5px 5px;
	border-bottom:1px #aaa dotted;
	font-size:9pt;
	font-family:Verdana;
	}

.tableDataRowAltRoster2 td {
	padding:5px 5px;
	border-bottom:1px #aaa dotted;
	background:#E8E0D8;
	font-size:9pt;
	font-family:Verdana;
	}

.tableDataRowAltRosterHiddenArt td {
	padding:2px 5px;
	border-bottom:1px #CCCCCC dashed;
	background:#ffcccc;
	font-size:8pt;
	font-family:Verdana;
	}

.tableDataRowAltProjectRoster td {
	padding:2px 5px;
	border-bottom:1px #CCCCCC dashed;
	background:#DDEEDD;
	font-size:8pt;
	font-family:Verdana;
	}

.tableDataRowNoBorder td 
{
	padding:2px 5px;
	font-size:8pt;
	font-family:Verdana;
}

.tableFooterRow td {
	padding:2px 5px;
	border-top:0px #CCCCCC dashed;
	font-weight:bold;
	font-size:8pt;
	font-family:Verdana;
	}

/* -------- Sections ------- */

.sections {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	border-bottom: 1px #ccc solid;
	margin:20px 0;
}

.section {
	font-family:arial;
	font-size: 12pt;
	color: rgba(0,0,0,0.4);
	padding-bottom: 12px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: -1px;
	/*opacity: 0.45;*/
	cursor: pointer;
}
.section:hover {
	border-bottom:2px #ccc solid;
	padding-bottom: 10px;
}
.section-active {
	color: #000;
	/*opacity: 1.0;*/
	font-weight:normal;
	border-bottom: 2px #f80 solid !important;
	padding-bottom: 10px;
}
.section-active:hover {
	color: #000;
	/*opacity: 1.0;*/
	font-weight:normal;
	border-bottom: 2px #000 solid;
	padding-bottom: 10px;
}
.section-dormant:hover {
	border-bottom: 0px;
	padding-bottom: 12px;
}
.section-break {
	border-right:1px #ccc solid;
	margin-right:30px;
	padding-left:10px;
}

.section-alert:after {
	content: " \25CF";
	color: #f00;
}
		
.section-warning:after {
	content: " \25CF";
	color: #f80;
}

.section-label {
	font-family:arial;
	font-size: 12pt;
	color: rgba(0,0,0,0.5);
	padding-bottom: 12px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: -1px;
}

/*
.section-complete {
	color: #0b0;
}
.section-complete:after {
	content: " \25CF";
	color: #0b0;
}
*/

.filters {
	display: flex;
	flex: none;
	align-items: center;
	border: 1px #ddd solid;
	border-radius: 5px;
	overflow: hidden;
}

.filter {
	padding: 5px 10px;
	font-family: arial;
	font-size: 12pt;
	color: #aaa;
	cursor: pointer;
}

.filter:not(:first-of-type) {
	border-left: 1px #ddd solid;
}

.filter:hover {
	color: #888;
	background: #f8f8f8;
}

.filter-active {
	background: #bef;
	cursor: default;
	color: #000;
}

.filter-active:hover {
	color: #000;
	background: #cef;
}

/* -------- Homepage -------- */
	
.panelHome {
	border: 3px #FFFFFF solid;
	padding:2px;
	}
.panelTitleBarHome {
	background:url('/images/widgets/wdw_titlebar_bknd_lt.gif');
	width:100%;
	padding:3px 2px;
	}
.panelTitleHome {
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	color:#990033;
	}

.homeAlpha {
	cursor: pointer;
	background:#FFFFFF;
}	
.homeAlphaHover {
	cursor: pointer;
	background: #FFCC99;
	color: #FF0000;
}	

/* -------- Roster styles -------- */

.rosterTabActive
{
	border-left:2px #999999 solid; 
	border-right:2px #999999 solid; 
	border-top:2px #999999 solid; 
	border-bottom:0px #F4EEE4 solid; 
	text-align:center; 
	background:#F4EEE4; 
	padding:2px; 
}
.rosterTab 
{
	border-left:1px #CCCCCC solid; 
	border-right:1px #CCCCCC solid; 
	border-top:1px #CCCCCC solid; 
	border-bottom:2px #999999 solid; 
	text-align:center; 
	background:#F4F4F4; 
	padding:2px; 
}

/* -------- Masonry grid styles -------- */

/* clearfix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}

.grid-sizer,
.grid-item {
	background:#fff;
	box-shadow:0px 2px 2px #ccc;
	border-radius:8px;
	margin-bottom:30px;
	overflow: hidden;
}

.grid-item-art {
	cursor: pointer;
}

.grid-item-art-overlay {
	background: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,.4));
	height: 55px;
	cursor: pointer;
}

.grid-item-art-overlay-full {
	background: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.6));
}

.gutter-sizer {
	width: 25px;
}

/* -------- Override for jQuery UI dialog to show grayed-out surroundings ------- */

.ui-widget-overlay
{
  opacity: .60 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: (Opacity=60) !important;
  background: rgb(15, 15, 15) !important; /* This will make it darker */
}

/* -------- Header profile popup styles ------- */

.profile-container:hover 
{
		background: rgba(255,255,255,0.5);
		color: #000 !important;
}

/*
#NavProfilePopup ul
{
	margin: 15px;
	padding: 0px;
	background: #fff;
	border-radius:10px;
	list-style: none;
	box-shadow: 0 2px 6px #666;
}

#NavProfilePopup ul li
{
	padding:15px 15px;
	border-bottom: 1px #ccc solid;
	font-family: arial;
	font-size: 14pt;
	color: #333;
}

#NavProfilePopup ul li a
{
	color: #333;
	text-decoration: none;
}
*/

/* -------- Misc ------- */

.gradient {
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#11000000',EndColorStr='#ffffffff');
}
.gradientrev {
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#11000000');
}

.genthumb-nopreview {
	background:#eee;
}

.preloader-text { 
	font-family: arial; 
	font-size: 16pt; 
	top: calc(50% - 3.75em) !important;
}

/* -------- MEDIA queries for different sized screens/devices ------- */
/* start by assuming the smallest device classes show, then progressively hide as minimum screen sizes increase */

.row {
	display:flex;
	flex-direction:row;
}

.col-25 {
	width: 25%;
}
.col-33 {
	width: 33.333%;
}
.col-50 {
	width: 50%;
}
.col-66 {
	width: 66.666%;
}		
.col-75 {
	width: 75%;
}		
.col-100 {
	width: 100%;
}		

.card { 
	text-align: left;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	overflow: hidden;
}

.card-disabled {
	background: transparent;
	border:1px #bbb dashed;
}

@media only screen and (max-width: 48em) 
{
	.row { flex-direction: column; }
	.col-25 { width: 100% !important; }
	.col-33 { width: 100% !important; }
	.col-50 { width: 100% !important; }
	.col-66 { width: 100% !important; }
	.col-75 { width: 100% !important; }
	.card-header { margin-left: -25px; margin-right: -25px; padding-left: 25px; padding-right: 25px; border-radius: 0;}
	#page-new { padding-left: 15px; padding-right: 15px; }
}

.badgedot {
	width: 20px;
	min-width: 20px;
	height: 20px;
	font-family: arial;
	font-size: 10pt;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e00;
	color: #fff;
	border-radius: 10px;
}
.badgelabel{
	font-family: arial;
	font-size: 11pt;
	font-weight: normal;
	color: #f00;
	margin-right: -3px;
}

#NavSmallMenuContainer {
	padding: 10px;
	background: #fff;
	border-radius:0 10px 10px 0;
	box-shadow: 0 2px 8px #000;
	font-family: arial;
	font-size: 14pt;
	color: #333;
	min-width: 85%;
}
#NavSmallMenuContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#NavSmallMenuContainer ul li {
	padding:15px 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
#NavSmallMenuContainer ul li:not(:last-child) {
	border-bottom: 1px #ccc solid;
}
#NavSmallMenuContainer ul li a {
	color: #333;
	text-decoration: none;
}


.flow-for-large-tablecell { display: block !important; }
.flow-for-large-inline { display: block !important; }
.flow-for-small-inline { display: inline-block !important; }

.flex-for-large { display: block !important; }
.flex-for-small { display: flex !important; }
.flex-swap-dir { display: flex !important; flex-direction: column; }
.flex-swap-dir-invert { display: flex !important; flex-direction: column-reverse; }
.flex-swap-dir-row { display: flex !important; flex-direction: row; }
.flex-alignitems-center-for-large { }

.show-for-large,
.show-for-large-block,
.show-for-large-inline,
.show-for-large-flex,
.show-for-large-tablerow,
.show-for-large-tablecell
{
	display: none !important;
}

.show-for-small { display: inherit !important; }
.show-for-small-block { display: block !important; }
.show-for-small-inline { display: inline-block !important; }
.show-for-small-flex { display: flex !important; }
.show-for-small-tablerow { display: table-row !important; }
.show-for-small-tablecell { display: table-cell !important; }

.box-window {
	width: 100%;
	color: #000;
	text-align: center;
	margin: 0 auto;
}

.spacer-for-large {
	display: none;
}

/* 48em = 768px */
@media only screen and (min-width: 48em) 
{
	.flow-for-large-tablecell { display: table-cell !important; }
	.flow-for-large-inline { display: inline-block !important; }
	.flow-for-small-inline { display: block !important; }
	
	.flex-for-large { display: flex !important; }
	.flex-for-small { display: block !important; }
	.flex-swap-dir { display: flex !important; flex-direction: row !important; }
	.flex-swap-dir-invert { display: flex !important; flex-direction: row !important; }
	.flex-swap-dir-row { display: flex !important; flex-direction: column !important; }
	.flex-alignitems-center-for-large { align-items: center !important; }

	.show-for-large { display: inherit !important; }
	.show-for-large-inline { display: inline-block !important; }
	.show-for-large-block { display: block !important; }
	.show-for-large-flex { display: flex !important; }
	.show-for-large-tablerow { display: table-row !important; }
	.show-for-large-tablecell { display: table-cell !important; }

	.show-for-small,
	.show-for-small-inline,
	.show-for-small-block,
	.show-for-small-flex,
	.show-for-small-tablerow,
	.show-for-small-tablecell
	{
		display: none !important;
	}
	
	.box-window {
		background: #fff;
		border: 1px #ddd solid;
		border-radius: 5px;		
		box-shadow: 0 3px 3px rgba(0,0,0,0.1);
		max-width: 640px;
		padding: 30px;
	}
	
	.spacer-for-large {
		display: inherit !important;
		height: 30px;
		overflow: hidden;
	}

	.table-col-large {
		display: table-cell !important;
	}
	
	.table-header {
		height: 40px;
	}
	.table-header td {
		font-size: 10pt;
		padding: 10px 15px;
	}

	.table-row {
		height: 50px;
	}
	.table-row td {
		font-size: 12pt;
		padding: 10px 15px;
	}


}

/* 80em = 1280px */
@media only screen and (min-width: 80em) { }

/* 90em = 1440px */
@media only screen and (min-width: 90em) { }

/* print media only */
@media only print
{
	.show-for-large { display: inherit !important; }
	.show-for-large-inline { display: inline-block !important; }
	.show-for-large-tablerow { display: table-row !important; }
	.show-for-large-tablecell { display: table-cell !important; }

	.show-for-small,
	.show-for-small-block,
	.show-for-small-inline,
	.show-for-small-tablerow,
	.show-for-small-tablecell
	{
		display: none !important;
	}
}

@supports not (filter: grayscale(100%)) {
	.blended-element {
		display: none !important;
	}
}

.screened-element {
	mix-blend-mode: screen;
}
@supports not (mix-blend-mode: screen) {
	.screened-element {
		display: none !important;
	}
}

/* CKEditor5 global overrides */
.ck-content {
	font-size: 13pt; 
	font-family: Arial, sans-serif;
	line-height: 1.3;
	word-break: break-word;
}
:root {
	--ck-border-radius: 6px !important;
	--ck-color-toolbar-background: #fcfcfc !important;
}
.ck-editor__editable_inline {
	min-height: 150px;
	max-height: 500px;
}

/* Bitmovin player styles (and related elements) */

.bmpui-ui-watermark { display: none; }

.video-player { background: #fff; width: 100%; max-height: 100%; margin: auto; box-sizing: border-box; position: relative;  }

.arbox-parent {
	width: 100%;
	height: 100%;
	overflow: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;    
}

.arbox-container1 {
	height: 100%;
	max-width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.arbox-container2 {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
}

/* context-menu overrides */

.context-menu-default {
	width: auto !important;
	min-width: 200px !important;
}