body
{
	background-color: #444;
	color:            white;
	font-family:      sans-serif;
	height:           100%;
	margin:           0px;
}



div
{
	overflow: hidden;
}



div#action_bar
{
	background-color: black;
	bottom:           0px;
	color:            white;
	height:           28px;
	position:         absolute;
	right:            0px;
}



div#action_bar a
{
	color:           white;
	padding:         0px 2px;
	text-decoration: none;
}



div#action_bar a img
{
	border: 0px;
}



div#action_bar_detail
{
	position: absolute;
	right:    0px;
}



div#action_bar_gallery
{
	position: absolute;
	left:     0px;
}



div#detail_image
{
	height:     100%;
	position:   absolute;
	text-align: center;
	top:        0px;
}



div#detail_image_overlay
{
	position:   absolute;
	text-align: center;
	top:        0px;
	z-index:    3;
}



div#detail_image > img
{
	margin: 4;
}



div#detail_popup
{
	color:    black;
	height:   100%;
	left:     0px;
	position: absolute;
	top:      0px;
	width:    100%;
}



div#caption_text
{
	bottom:     0px;
	padding:    4px;
	position:   absolute;
	text-align: left;
	width:      100%;
}



div#caption_text_background
{
	background-color: #000;
	bottom:           0px;
	opacity:          0.4;
	position:         absolute;
	width:            100%;
}



div#detail_popup a
{
	display: list-item;
}



div#detail_popup a::before
{
	color:           #000;
	content:         "\2023";
	cursor:          default;
	display:         inline-block;
	height:          1ex;
	padding-right:   1ex;
	text-decoration: none;
}



div#detail_popup > div
{
	background-color: white;
	display:          inline-block;
	padding:          5px;
	text-align:       left;
}



div#thumb_gallery
{
	height:     100%;
	position:   absolute;
	text-align: center;
	top:        0px;
}



div#thumb_gallery img
{
	border:  2px solid white;
	cursor:  pointer;
	margin:  0px 2px;
	padding: 0px;
}



div#thumb_gallery td > div
{
	margin:     0px;
	padding:    0px;
	position:   relative;
	width:      100%;
	text-align: center;
}



div#thumb_gallery td > div.loadingbanner
{
	background-color: rgb( 255, 197, 127 );
	border:           2px solid white;
	display:          inline-block;
	margin:           0px 2px;
	padding: 0px;
}



div.hidden_thumb::after
{
	color:       white;
	content:     "H";
	font-size:   48pt;
	left:        -0.5ex;
	position:    absolute;
	text-align:  center;
	top:         -1ex;
	margin-left: 50%;
	margin-top:  50%;
}



div.popup_message
{
	/*border:  2px solid #333;*/
	background-color: #ff6;
	display:          inline;
	padding:          3px;
}



span.aligner
{
	display:        inline-block;
	height:         100%;
	vertical-align: middle;
}



table
{
	border-collapse: collapse;
	border-spacing:  0px;
	display:         inline-block;
	margin:          0px;
	padding:         0px;
	vertical-align:  middle;
}



td
{
	border:     0px;
	margin:     0px;
	padding:    0px;
	text-align: center;
}