/** control the appearance of the image switcher **/

.imgsw_list_numbers a,
.imgsw_list_titles a,
.imgsw_list_filenames a,
.imgsw_list_thumbnails a,
.imgsw_prevnext a
{
	padding: 0 0.5em;
	text-decoration: none;
	margin: 0 1px 0 0;
	border: 1px solid #ddd;
}

.imgsw_viewport a,
.imgsw_viewport a.active:hover,
.imgsw_viewport a:hover
{
	border: none;
}

.imgsw_list_numbers a.active,
.imgsw_list_titles a.active,
.imgsw_list_filenames a.active,
.imgsw_list_thumbnails a.active,
.imgsw_list_numbers a.active:hover,
.imgsw_list_thumbnails a.active:hover,
.imgsw_list_titles a.active:hover,
.imgsw_list_filenames a.active:hover
{
	color: #fff;
	background-color: #CE3020;
	border: 1px solid #CE3020;
}

.imgsw_list_thumbnails a
{
	padding: 5px;
	display: inline;
	float: left;
}

.imgsw_list_titles a,
.imgsw_list_filenames a
{
	display: block;
	padding: 0;
	margin: 0;
	width: 300px;
	margin: 0 1px 1px 0;
}

.imgsw_list_numbers,
.imgsw_list_titles,
.imgsw_list_filenames,
.imgsw_list_thumbnails,
.imgsw_prevnext
{
	display: inline;
	padding: 0;
	margin: 0;
}

.imgsw_list_thumbnails img
{
	border: none;
	display: block;
}

.imgsw_image
{
	border: none;
	margin: 0;
	height: 50%;
	width: 50%;
}

.imgsw_viewport 
{/* Taken out because it caused a large gap to appear between image navs and image
	clear: both; */
	padding-top: .5ex;
}

.imgsw_toplevel
{
	padding: 1em 0;
	position: relative;
}