/***********/
/* GENERAL */
/***********/

#css-app .css-ui-divider-fix	/* See https://github.com/Semantic-Org/Semantic-UI/issues/4342 */
	{
	left:			50%;
	}

.css-clearing
	{
	clear:			both;
	}

.css-deemphasized
	{
	color:			silver;
	}

.css-clickthrough
	{
	pointer-events:		none;
	}

/******************************/
/* APP > MAIN > MESSAGE BOARD */
/******************************/

.xxx	{
	position:		relative; /* Create stacking context. */
	}

.css-root-messageboard
	{
	z-index:		2;
	}

#css-app
	{
	z-index:		1;
	}

/*********************************************/
/* APP > MAIN > ADD > RESULT SET NAVIGATION  */
/* APP > MAIN > VIEW > RESULT SET NAVIGATION */
/*********************************************/

.app-result-set-navigation
	{
	position:		fixed;
	top:			20em;
	z-index:		334;		/* Above app-source-panel and app-movie-panel. */
	width:			100%;
	padding:		0 0 0 13.5em;
	}

.app-result-set-navigation .app-slider
	{
	display:		inline-block;
	position:		relative;
	top:			0.3em;
	width:			150px;
	height:			1em;
	border:			1px solid #697722;
	background:		#dedede;
	}

.app-result-set-navigation a
	{
	display:		inline-block;
	text-decoration:	none;
	color:			#697722;
	width:			25px;
	text-align:		center;
	}

.app-result-set-navigation a:hover
	{
	color:			#dedede;
	}

#ls-stone-movie_filter button.button
	{
	margin-bottom:		0.25rem;
	}


/***********************************/
/* APP > MAIN > ADD > LOOKUP PANEL */
/***********************************/

.css-lookup-panel
	{
	background:		rgba(0,0,0,0.4);
	}

.css-lookup-panel>div
	{ 
	top:			8em;
	left:			2em;
	}

.css-lookup-panel input
	{
	width:			28em;
	}

.css-lookup-panel div button
	{
	position:		absolute;
	top:			0.5em;
	right:			0.5em;
	}


/*************************************/
/* APP > MAIN > VIEW > PICKER WINDOW */
/*************************************/

.css-picker-window
	{
	position:		fixed;
	background:		rgba(0,0,0,0.4);
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	z-index:		555;
	}

#css-app .css-picker-modal
	{
	top:			50%;
	left:			50%;
	width:			19em;
	height:			24em;
	margin-top:		-9.5em; /* Specific selector required to override Semantic UI margins. */
	margin-left:		-11em;
	}

.css-picker-modal-sizer
	{
	width:			21em; /* Required for loading pickers inside iframe, which loads the app */
				      /* again and causes its body to have a min-width which we need to  */
				      /* override here.                                                  */
	}

.css-picker-modal .css-genre-item,
.css-picker-modal .css-cast-item,
.css-picker-modal .css-director-item
	{
	white-space:		nowrap;	
	}


/***********************************/
/* APP > MAIN > VIEW > PICKED TAGS */
/***********************************/

label[for=genre__excid] > div > div:before,
label[for=cast__excid] > div > div:before,
label[for=director__excid] > div > div:before
	{
	content:		'-';
	float:			left;
	width:			1em;
	color:			#999;
	}

label[for=genre__incid] > div > div:before,
label[for=cast__incid] > div > div:before,
label[for=director__incid] > div > div:before
	{
	content:		'+';
	float:			left;
	width:			1em;
	color:			#999;
	}


/********************************************/
/* APP > MAIN > ADD > FOLDER BROWSER WINDOW */
/********************************************/

.css-harddisk-browser-window
	{
	position:		fixed;
	background:		rgba(0,0,0,0.4);
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	z-index:		555;
	}

#css-app .css-harddisk-browser
	{
	display:		block; /* Semantic UI 'segment' makes this 'table' and 'height' stops working. */
	top:			50%;
	left:			50%;
	width:			30em;
	height:			38em;
	margin-top:		-19em; /* Specific selector required to override Semantic UI margins. */
	margin-left:		-15em;
	overflow-y:		scroll;
	overflow-x:		auto;
	-webkit-overflow-scrolling: touch;
	}

.css-harddisk-browser .css-window-chrome
	{
	overflow:		hidden;		/* To wrap around its floated content. */
	margin-bottom:		1em;
	}

.css-harddisk-browser .css-wt-registered,
.css-harddisk-browser .css-wt-not-registered
	{
	clear:			both;
	}

.css-harddisk-browser .css-wt-not-registered li
	{
	margin-top:		0.5em;
	}

.css-harddisk-browser .css-wt-registered
	{
	position:		relative;	/* To position the download client toggle's label. */
	}

.css-harddisk-browser .css-wt-registered #css-download-client-toggle
	{
	margin-left:		-9999px;
	}

.css-harddisk-browser .css-wt-registered #css-download-client-toggle + label
	{
	position:		absolute;
	right:			0;
	top:			0;
	cursor:			pointer;
	border:			1px solid #fff;
	border-radius:		3px;
	transition:		all 500ms ease;
	background-color:	#dedede;
	padding:		2px 0.5em;
	color:			#999;
	}

.css-harddisk-browser .css-wt-registered #css-download-client-toggle + label span
	{
	position:		absolute;
	top:			0.4em;
	left:			-9em;
	font-weight:		normal;
	font-size:		0.8em;
	width:			8.5em;
	}

.css-harddisk-browser .css-wt-registered #css-download-client-toggle + label:hover
	{
	background-color:	#fbfbfb;
	}

.css-harddisk-browser .css-wt-registered #css-download-client-toggle + label:after
	{
	content:		"\\2228";	/* Double forward slash needed because of litestone. */
	}

.css-harddisk-browser .css-wt-registered #css-download-client-toggle:checked + label:after
	{
	content:		"\\2227";	/* Double forward slash needed because of litestone. */
	}

.css-harddisk-browser .css-wt-registered #css-download-client-toggle:checked ~ .css-wt-not-registered
	{
	margin-top:		2em;
	}

.css-harddisk-browser .css-wt-registered .css-wt-not-registered
	{
	height:			30em;
	margin-top:		-35em;
	margin-bottom:		3em; /* Needed to allow clicks on CLOSE button */
	transition:		margin-top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	}

/**********************************************************/
/* APP > MAIN > ADD > FOLDER BROWSER WINDOW > FILE SYSTEM */
/**********************************************************/

.css-harddisk-browser .css-file-system
	{
	margin-top:		2em;
	}

.css-harddisk-browser .css-file-system a:first-child
	{
	display:		inline-block;
	width:			33px;
	}

.css-harddisk-browser .css-file-system a
	{
	color:			#474747;
	text-decoration:	none;
	font-family:		"Segoe UI", "Lucida Grande", Tahoma, sans-serif;
	font-weight:		normal;
	font-size:		0.8em;
	}

.css-harddisk-browser .css-file-system img
	{
	float:			right;
	margin-right:		4px;
	vertical-align:		text-bottom;
	}

.css-harddisk-browser .css-file-system input
	{
	display:		inline;
	margin-right:		4px;
	vertical-align:		middle;
	}

.css-harddisk-browser .css-file-system img[src="/litestone/img/folder_locked.png"] ~ a
	{
	color:			#999;
	}

.css-harddisk-browser .css-file-system a:hover,
.css-harddisk-browser .css-file-system a:hover ~ a,
.css-harddisk-browser .css-file-system input:hover ~ a

	{
	background-color:	#dcee88;
	}

.css-harddisk-browser .css-file-system img[src="/litestone/img/folder_locked.png"] ~ a:hover
	{
	background-color:	transparent;
	}

.css-harddisk-browser .css-file-system div .js-ul
	{
        margin-left:		14px;
	}