.SlideShowTextbox {
	display: block;
	position: absolute !important;
	z-index: 21;
	left: 120px;
	top: 120px;
	background: black none repeat scroll 0% 0%;
	margin: 0px;
	padding: 8px;
	width: 100px;
	height: 100px;
	min-width: 230px;
	min-height: 45px;
	opacity: 0.9;
	border: 3px solid #555;
	/* border-radius: 15px; */
	box-shadow: white 0px 0px 13px 2px;
	cursor: move;
}

.SlideShowTextbox p {
	color: white;
	width: 100%;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	overflow: auto;

	line-height: 1.3em;
	white-space: pre-wrap;

	text-align: justify;
}

.SlideShowTextbox .textbox_gear {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	font-size: 12px;
}
.SlideShowTextbox .textbox_dismiss,
.SlideShowTextbox .iframebox_dismiss {
	/* This ui button is only on mobile devices for now */
	position: absolute;
	top: -6px;
	right: 1px;
	font-size: 32px;
	font-family: arial;
}

.SlideShowTextbox .textbox_gear > .svgClass,
.SlideShowTextbox .textbox_gear > img {
	width: 100%;
	height: auto;
	cursor: pointer;
	filter: invert(50%);
}
.SlideShowTextbox .textbox_gear > img:hover {
	filter: none;
}
.SlideShowTextbox .textbox_gear > img:active {
	margin-top: 1px;
}

#TextBoxFormFontOpts > div {
	padding: .5em .5em;
	margin: 5px 0;
}

#TextboxFormFontSizeCTNR {
	display: inline-block;
	margin-left: .25em;
}

label.fontSelectElement {
	display: inline-block;
	height: 100%;
	vertical-align: top;
	line-height: 2.5;
	padding-right: 4px;
}

.TextBoxFormControlgroup img {
	height: 16px;
	width: auto;
	padding: 6px;
}

.TextBoxFormControlgroup label.tbeditbold,
.TextBoxFormControlgroup label.tbedititalic{
	padding: 3px;
}
.TextBoxFormControlgroup .tbeditbold span,
.TextBoxFormControlgroup .tbedititalic span{
	font-size: 20px !important;
	margin: 0;
	padding: 6px !important;
	text-align: center;
	line-height: 1em;
	vertical-align: top;
}
.TextBoxFormControlgroup .tbedititalic span{
	font-style: italic;
}
.TextBoxFormControlgroup .tbeditbold span{
	font-weight: bold;
}

/* weird css fix for jqueryUI */
.TextBoxFormControlgroup.ui-buttonset .ui-button {
	margin-right: -1px;
}
.TextBoxFormControlgroup.ui-buttonset .ui-state-active,
.TextBoxFormControlgroup.ui-buttonset .ui-state-focus,
.TextBoxFormControlgroup.ui-buttonset .ui-button:active,
.TextBoxFormControlgroup.ui-buttonset .ui-button:focus,
.TextBoxFormControlgroup.ui-buttonset .ui-button:hover {
	z-index: 2;
}


/* Adjust textbox fontsiz, etc... for smaller screens */
@media (max-width: 1023px) {
	.SlideShowTextbox p {
		font-size: 12px;
	}
	.SlideShowTextbox {
		max-height: 100%;
		max-width: 100%;
	}
}