/* CSS Document for galley viewer*/

/* Multiple viewer instances within one page are denoted by their individual IDs, which are in turn based on common classes */

#image_viewer_1	{}
#image_viewer_2	{}
#image_viewer_3	{}
#image_viewer_4	{}
#image_viewer_5	{}

#image_main_1	{}
#image_main_2	{}
#image_main_3	{}
#image_main_4	{}
#image_main_5	{}

#image_text_1	{}
#image_text_2	{}
#image_text_3	{}
#image_text_4	{}
#image_text_5	{}

/* Classes for the re-usable secions of the viewer */

.image_viewer	{
	width: 740px;
	height: 420px;
}
.image_main_cell	{
	width: 400px;
	height: 400px;
	margin: 2px;
	text-align: right;
	vertical-align: middle;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}
.image_text_cell	{
	width: 280px;
	margin: 30px 10px 0px 10px;
	padding: 10px 5px;
	border: #999999 1px solid;
	background-color: #FFFFCC;
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;	
}
.image_thumb_collection	{
	width: 330px;
	height: 230px;
	overflow: auto;
}
.image_thumb_cell	{
	width: 72px;
	height: 72px;
	margin: 2px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #EEFFFF;
	border: #999999 solid 1px;
	float: left;
	overflow:hidden;
}