/* Smiley basics and backgrounds - to adjust overall size use "font-size" parameter */
/* note: requires double declaration due to TinyMCE reset in admin */
.th23-smilies,
.th23-smilies-menu .th23-smilies {
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 25px;
	height: 1em;
	width: 1em;
	background: transparent url("th23-smilies.png") no-repeat scroll 0 0 / 58em 1em;
}
.th23-smilies-smile,
.th23-smilies-menu .th23-smilies-smile {
	background-position: 0 0;
}
.th23-smilies-laugh,
.th23-smilies-menu .th23-smilies-laugh {
	background-position: -2em 0;
}
.th23-smilies-lol,
.th23-smilies-menu .th23-smilies-lol {
	background-position: -4em 0;
}
.th23-smilies-wink,
.th23-smilies-menu .th23-smilies-wink {
	background-position: -6em 0;
}
.th23-smilies-cool,
.th23-smilies-menu .th23-smilies-cool {
	background-position: -8em 0;
}
.th23-smilies-sad,
.th23-smilies-menu .th23-smilies-sad {
	background-position: -10em 0;
}
.th23-smilies-cry,
.th23-smilies-menu .th23-smilies-cry {
	background-position: -12em 0;
}
.th23-smilies-ouch,
.th23-smilies-menu .th23-smilies-ouch {
	background-position: -14em 0;
}
.th23-smilies-tounge,
.th23-smilies-menu .th23-smilies-tounge {
	background-position: -16em 0;
}
.th23-smilies-zzz,
.th23-smilies-menu .th23-smilies-zzz {
	background-position: -18em 0;
}
.th23-smilies-surprised,
.th23-smilies-menu .th23-smilies-surprised {
	background-position: -20em 0;
}
.th23-smilies-kiss,
.th23-smilies-menu .th23-smilies-kiss {
	background-position: -22em 0;
}
.th23-smilies-worry,
.th23-smilies-menu .th23-smilies-worry {
	background-position: -24em 0;
}
.th23-smilies-angry,
.th23-smilies-menu .th23-smilies-angry {
	background-position: -26em 0;
}
.th23-smilies-speechless,
.th23-smilies-menu .th23-smilies-speechless {
	background-position: -28em 0;
}
.th23-smilies-annoyed,
.th23-smilies-menu .th23-smilies-annoyed {
	background-position: -30em 0;
}
.th23-smilies-sick,
.th23-smilies-menu .th23-smilies-sick {
	background-position: -32em 0;
}
.th23-smilies-devil,
.th23-smilies-menu .th23-smilies-devil {
	background-position: -34em 0;
}
.th23-smilies-innocent,
.th23-smilies-menu .th23-smilies-innocent {
	background-position: -36em 0;
}
.th23-smilies-question,
.th23-smilies-menu .th23-smilies-question {
	background-position: -38em 0;
}
.th23-smilies-exclamation,
.th23-smilies-menu .th23-smilies-exclamation {
	background-position: -40em 0;
}
.th23-smilies-heart,
.th23-smilies-menu .th23-smilies-heart {
	background-position: -42em 0;
}
.th23-smilies-broken-heart,
.th23-smilies-menu .th23-smilies-broken-heart {
	background-position: -44em 0;
}
.th23-smilies-thumb-up,
.th23-smilies-menu .th23-smilies-thumb-up {
	background-position: -46em 0;
}
.th23-smilies-thumb-down,
.th23-smilies-menu .th23-smilies-thumb-down {
	background-position: -48em 0;
}
.th23-smilies-beer,
.th23-smilies-menu .th23-smilies-beer {
	background-position: -50em 0;
}
.th23-smilies-coffee,
.th23-smilies-menu .th23-smilies-coffee {
	background-position: -52em 0;
}
.th23-smilies-cat,
.th23-smilies-menu .th23-smilies-cat {
	background-position: -54em 0;
}
.th23-smilies-warning,
.th23-smilies-menu .th23-smilies-warning {
	background-position: -56em 0;
}

/* Smiley selection */
.th23-smilies-menu .th23-smilies {
	cursor: pointer;
}

/* Smiley selection - comment */
.th23-smilies-select-more,
.th23-smilies-select-less {
	white-space: nowrap;
}
.th23-smilies-select-hidden,
.th23-smilies-select-less {
	display: none;
}

/* Smiley selection - admin: Always show full set */
.th23-smilies-select-admin .th23-smilies-select-hidden {
	display: inline;
	white-space: normal;
}
.th23-smilies-select-admin .th23-smilies-select-more {
	display: none;
}

/* Smiley selection - admin: Selection menu */
#th23-smilies-selection-visual,
#th23-smilies-selection-plain {
	display: inline;
	position: relative;
	width: 0px;
}
#th23-smilies-selection-visual .th23-smilies-select-admin,
#th23-smilies-selection-plain .th23-smilies-select-admin {
	display: none;
	position: absolute;
	right: 0;
	top: 30px;
	width: 200px;
	padding: 5px;
	background-color: #fdfdfd;
	border: solid 1px #ccc;
	white-space: normal;
	text-align: center;
	border-radius: 2px;
	z-index: 100;
}
#th23-smilies-selection-visual.toggled-on .th23-smilies-select-admin,
#th23-smilies-selection-plain.toggled-on .th23-smilies-select-admin {
	display: block;
}

/* Smiley selection - admin: TinyMCE button */
i.mce-i-th23-smilies {
	background: transparent url("th23-smilies.png") no-repeat scroll 0 0 / 58em 1em;
	font-size: 20px;
}

/* Smiley selection - admin: TinyMCE selection, remove resets */
#th23-smilies-selection-visual .screen-reader-text {
	border: 0 none;
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Smiley selection - admin: TinyMCE selection, positioning on small screens */
@media screen and ( max-width: 782px ) {
	#th23-smilies-selection-visual .th23-smilies-select-admin {
		top: 36px;
	}
}