/* SHARED */
div.gallery_view_div
{
	text-align: center;
}

*html div.gallery_view_div
{
	overflow: visible;
	width: expression(document.body.clientWidth < 700? "700px": "auto" );
}

div.gallery_view_div h1
{
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	clear: none;
}

div.gallery_view_div img
{
	border: none;
}


div.gallery_view_pager
{
	text-align: center;
	clear: both;
}

	div.gallery_view_pager span,
	div.gallery_view_pager a
	{
		font-size: 10pt;
		padding: 3px;
		font-weight: normal;
	}

	div.gallery_view_pager span.gallery_view_pager_label
	{
		font-size: 8pt;
		font-weight: bold;
	}

	div.gallery_view_pager span.gallery_view_pager_current_page
	{
		font-size: 14pt;
		font-weight: bold;
	}

	div.gallery_view_div ul.image_attributes
	{
		list-style: none;
		padding: 0;
		margin: 0;
	}

	div.gallery_view_div ul.image_attributes li
	{
		list-style: none;
		text-align: center;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		padding: 0;
		margin; 0;
	}

div.gallery_view_div li.image_title
{
	font-weight: bold;
}

/* LIST view */
div.gallery_view_list
{
	width: 90%;
	margin: auto;
}

	div.gallery_view_list div.list_row_left,
	div.gallery_view_list div.list_row_right
	{
		height: 350px;
		clear: right;
		margin-bottom: 15px;
	}


		div.gallery_view_list div.list_row_left div.image_container,
		div.gallery_view_list div.list_row_right div.image_container
		{
			height: 350px;
			width: 350px;
			text-align: center;
			margin: auto;
			background-color: #F5F5F5;
			border: 1px dotted lightgrey;
		}

		div.gallery_view_list div.list_row_left div.image_container:hover,
		div.gallery_view_list div.list_row_right div.image_container:hover
		{
			background-color: #FFFFFF;
		}

		div.gallery_view_list div.list_row_left div.image_container
		{
			float: left;
		}

		div.gallery_view_list div.list_row_right div.image_container
		{
			float: right;
		}

			div.gallery_view_list div.list_row_left div.image_container div,
			div.gallery_view_list div.list_row_right div.image_container div
			{
				width: 350px;
				height: 350px;
				vertical-align: middle;
				text-align: center;
				font-size: 0.3px;
				display: table-cell;
				margin: auto;
			}

				div.gallery_view_list div.list_row_left div.image_container div img,
				div.gallery_view_list div.list_row_right div.image_container div img
				{
					text-align: center;
					vertical-align: middle;
					border: none;
				}


			* html div.gallery_view_list div.list_row_left div.image_container div,
			* html div.gallery_view_list div.list_row_right div.image_container div
			{
				font-size: 310px;
			}

		div.gallery_view_list div.list_row_left ul.image_attributes
		{
			margin-left: 375px;
			padding-top: 50px;
		}

			div.gallery_view_list div.list_row_left ul.image_attributes li
			{
				text-align: left;
				margin: auto;
				font-size: 12pt;
			}

		div.gallery_view_list div.list_row_right ul.image_attributes
		{
			margin-right: 375px;
			padding-top: 50px;
		}

			div.gallery_view_list div.list_row_right ul.image_attributes li
			{
				text-align: right;
				margin: auto;
				font-size: 12pt;
			}

/* GRID view */
div.grid_cell_container
{
	float: left;
	text-align: center;
	vertical-align: bottom;
	margin-bottom: 20px;
	height: auto;
	display: inline;
}

	div.grid_cell_container div.grid_cell
	{
		text-align: center;
		margin: auto;
		padding: 5px;
	}

	div.grid_cell_container div.image_container div img
	{
		border: none;
		text-align: center;
		vertical-align: middle;
	}

/*	div.grid_cell_container div.gallery_view_grid_rowbreak
	{
		height: 100px;
		clear: both;
		background-color: red;
	}
*/
	div.gallery_view_grid div.grid_cell_container div div
	{
		white-space: nowrap;
		overflow: hidden;
	}

/* SMALL image grid */
div.gallery_view_div div.gallery_view_grid_small
{
	margin: auto;
}

	div.gallery_view_grid_small div.grid_cell_container
	{
		width: 250px;
		height: 225px;
		overflow: hidden;
		margin: 5px;
		vertical-align: middle;
		font-size: 0.3px;
		display: table-cell;
	}

	div.gallery_view_grid_small div.image_container
	{
		width: 150px;
		height: 150px;
		margin: auto;
	}

		div.gallery_view_grid_small div.image_container div
		{
			width: 150px;
			height: 150px;
			vertical-align: middle;
			text-align: center;
			font-size: 0.3px;
			display: table-cell;
			margin: auto;
		}

		/* Bizarre hack for IE */
		* html div.gallery_view_grid_small div.image_container div
		{
			font-size: 130px;
		}

	div.gallery_view_grid_small ul.image_attributes
	{
		width: 250px;
		overflow: hidden;
	}

		div.gallery_view_grid_small ul.image_attributes li
		{
			font-size: 8pt;
			line-height: 14px;
		}

/* MEDIUM image grid */
div.gallery_view_div div.gallery_view_grid_medium
{
	margin: auto;
}

	div.gallery_view_grid_medium div.grid_cell_container
	{
		width: 400px;
		height: 400px;
		overflow: hidden;
		margin: 5px;
		border: 1px dotted #D3D3D3;
	}

	div.gallery_view_grid_medium div.image_container
	{
		width: 320px;
		height: 320px;
		margin: auto;
	}

		div.gallery_view_grid_medium div.image_container div
		{
			width: 320px;
			height: 320px;
			vertical-align: middle;
			text-align: center;
			font-size: 0.3px;
			display: table-cell;
			margin: auto;
		}

		/* Another bizarre hack for IE */
		* html div.gallery_view_grid_medium div.image_container div
		{
			font-size: 270px;
		}

	div.gallery_view_grid_medium ul.image_attributes
	{
		min-width: 320px;
		width: expression("320px");
		overflow: hidden;
		margin: auto;
	}


/* SINGLE IMAGE view */
div.gallery_view_image
{
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

	div.gallery_view_image img
	{
		margin-bottom: 10px;
	}

	div.gallery_view_image ul.image_attributes li
	{
		text-align: center;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12pt;
	}

	div.gallery_view_image li.image_title
	{
		font-size: 14pt;
		font-weight: bold;
	}

div.gallery_view_div div.gallery_view_navigation
{
	text-align: center;
	width: 450px;
	margin: auto;
}

	div.gallery_view_div div.gallery_view_navigation div
	{
		float: left;
		width: 150px;
		height: 50px;
	}

	div.gallery_view_div div.gallery_view_navigation div a
	{
		font-size: 10pt;
		font-weight: bold;
		color: black;
		text-decoration: underline;
	}




/* HORIZONTAL Film Strip View (Top, Bottom) */
div.gallery_view_div div.filmstrip_horz_strip
{
	height: auto;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	background-color: #F5F5F5;
	border: 1px solid black;
	margin: auto;
	text-align: center;
	padding: 5px;
	margin-top: 20px;
}

	div.gallery_view_div div.filmstrip_horz_strip table
	{
		table-layout: fixed;
		border-spacing: 0px;
		border-collapse: collapse;
	}

		div.gallery_view_div div.filmstrip_horz_strip table td.td_cell
		{
			width: 180px;
			height: auto;
			text-align: center;
			padding: 0px 5px;
			vertical-align: top;
		}

		div.gallery_view_div div.filmstrip_horz_strip table td.td_button
		{
			vertical-align: middle;
			width: 75px;
		}

/* VERTICAL Film Strip View (Left, Right) */
div.gallery_view_div div.filmstrip_vert_strip
{
	width: 200px;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: center;
	background-color: #F5F5F5;
	padding: 5px;
	margin: 0px;
	border: 1px solid black;
}

	div.gallery_view_div div.filmstrip_vert_strip div.filmstrip_cell
	{
		margin-bottom: 10px;
	}

/* ALL Film Strip Views */
div.gallery_view_div table.gallery_filmstrip
{
	margin: auto;
	width: 900px;
	border: 2px outset silver;
}

	div.gallery_view_div table.gallery_filmstrip td
	{
		vertical-align: top;
		text-align: center;
		padding: 5px;
	}

	div.gallery_view_div table.gallery_filmstrip td.image
	{
		vertical-align: middle;
		text-align: center;
	}

	div.gallery_view_div table.gallery_filmstrip td.strip_left,
	div.gallery_view_div table.gallery_filmstrip td.strip_right
	{
		width: 200px;
	}


		div.gallery_view_div table.gallery_filmstrip td.image img
		{
			text-align: center;
		}

div#filmstrip_view_strip_div div.filmstrip_previous_link,
div#filmstrip_view_strip_div div.filmstrip_next_link
{
	padding: 10px;
	font-size: 10pt;
	font-weight: bold;
}

	div#filmstrip_view_strip_div div.filmstrip_previous_link a,
	div#filmstrip_view_strip_div div.filmstrip_next_link a
	{
		font-size: 10pt;
		font-weight: bold;
	}

div.filmstrip_cell, div.filmstrip_cell_active
{
	height: 210px;
	width: 180px;
	margin: auto;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

div.filmstrip_cell ul.image_attributes li
{
	font-size: 7pt;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	line-height: 11px;
	width: 170px;
	margin: auto;
	padding: 0px;
}

div.filmstrip_cell div.image_container
{
	margin: auto;
	height: 160px;
	width: 170px;
	margin-bottom: 5px;
}

div.filmstrip_cell.active_image div.image_container
{
	background-color: #FFFFE0;
}

div.filmstrip_cell div.image_container:hover
{
	background-color: #FFFFFF;
}

	div.filmstrip_cell div.image_container div
	{
		width: 170px;
		height: 160px;
		vertical-align: middle;
		text-align: center;
		font-size: 0.3px;
		display: table-cell;
		margin: auto;
		border: 1px dotted lightgrey;
	}

		div.filmstrip_cell div.image_container div img
		{
			text-align: center;
			vertical-align: middle;
			border: none;
		}

	* html div.filmstrip_cell div.image_container div
	{
		font-size: 140px;
	}
	

/* MOSAIC View */
div.mosaic_cell_container
{
	float: left;
	text-align: center;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 110px;
	background-color: #000000;
	overflow: hidden;
}

div.gallery_view_mosaic_5
{
   width: 750px;
   margin: auto;
}

div.gallery_view_mosaic_4
{
   width: 600px;
   margin: auto;
}

div.gallery_view_mosaic_3
{
   width: 450px;
   margin: auto;
}