#content div.report
{
	width: 550px;
}

#gallery_sidebar
{
	float: right;
	margin-left: 15px;
	border: 1px solid #bbb;
}

#content #gallery_sidebar h2
{
	padding: 0;
	margin: 0;
	color: #000;	
	width: 70%;
	float: left;
	font-size: 110%;
}

div.gallery_viewer div.gallery_viewer_header a,
#gallery_sidebar #gallery_sidebar_header a
{
    float: right;
	background: transparent url(../images/close.gif) top left;
	display: block;
	width: 16px;
	height: 16px;
}

div.gallery_viewer div.gallery_viewer_header a:hover,
#gallery_sidebar #gallery_sidebar_header a:hover
{
	background-position: 0 -16px;
	border: 0;
}

#gallery_sidebar #gallery_sidebar_header a.close    {	background-image: url(../images/close.gif); 	}
#gallery_sidebar #gallery_sidebar_header a.minimise	{	background-image: url(../images/minimise.gif); 	}
#gallery_sidebar #gallery_sidebar_header a.maximise	{	background-image: url(../images/maximise.gif); 	}

/* what buttons appear depends on the current state of the side bar : 
  no minimise in minimised, no maximise in maximised, no close in closed, and 
  no buttons at all in openned.
*/

#gallery_sidebar.openned #gallery_sidebar_header a.minimise,
#gallery_sidebar.minimised #gallery_sidebar_header a.minimise	{	display: none;	}

#gallery_sidebar.openned #gallery_sidebar_header a.maximise,
#gallery_sidebar.maximised #gallery_sidebar_header a.maximise	{	display: none;	}

#gallery_sidebar.openned #gallery_sidebar_header a.close,
#gallery_sidebar.closed    #gallery_sidebar_header a.close		{	display: none;	}

#gallery_sidebar.openned						{	width: 140px;	}
#gallery_sidebar.openned #gallery_thumbs    	{	width: 138px;	}
#gallery_sidebar.openned #gallery_sidebar_header 	{	width: 140px;	}

#gallery_sidebar.minimised							{	width: 276px;	}
#gallery_sidebar.minimised #gallery_thumbs     		{	width: 271px;	}
#gallery_sidebar.minimised #gallery_sidebar_header	{	width: 274px;	}

#gallery_sidebar.maximised							{	width: 540px;	}
#gallery_sidebar.maximised #gallery_thumbs			{	width: 535px;	}
#gallery_sidebar.maximised #gallery_sidebar_header 	{	width: 535px;	}

#gallery_sidebar.openned #gallery_thumbs p,
#gallery_sidebar.maximised #gallery_thumbs p 
{
	width: 132px;
	height: 132px;
	line-height: 132px;
}

#gallery_sidebar.closed
{
	width: 100px;
	background-color: #ccc;
}

#gallery_sidebar.closed #gallery_sidebar_header h2
{
	font-size: 90%;
	width: 50%;
}

#gallery_sidebar.closed #gallery_thumbs
{
	display: none;
	margin: 0;
	padding: 0;
}

#gallery_sidebar.openned p
{
	display: none;
}

#content #gallery_sidebar.openned p
{
	width: 135px;
}


/* in open mode, hide everything apart from the next, previous, and current thumbs */
#gallery_sidebar.openned #gallery_thumbs p 
{
	display: none;
}
#gallery_sidebar.openned #gallery_thumbs p.next,
#gallery_sidebar.openned #gallery_thumbs p.previous,
#gallery_sidebar.openned #gallery_thumbs p.current
{
	display: block;
	float: none;
}

#gallery_sidebar.openned #gallery_thumbs p.current
{
	border: 1px solid #008;
}

#gallery_sidebar.openned #gallery_thumbs p
{
  min-height: 99px;
  height: auto;
  margin-bottom: 5px;
}

* html #gallery_sidebar.openned #gallery_thumbs p
{
  height: 99px;
}

#gallery_sidebar.openned #gallery_thumbs p a span
{ 
  position: static;
  text-align: left;
  color: black;
  background-color: transparent; 
  border: 0;
}

#gallery_sidebar div.gallery_viewer_header,
#gallery_sidebar #gallery_sidebar_header
{
	color: #000;
	padding: 0;
	margin: 0;
	background-color: #ccc;
	height: 18px;
	width: 505px;
}

#gallery_sidebar div.gallery_viewer img
{
	padding: 2px;
}

#gallery_sidebar p
{
	text-align: center;
	float: left;
	width: 67px;
	height: 67px;
	line-height: 67px;
	margin: 0;
	padding: 0;
}

#gallery_sidebar a
{
	display: block;
	margin: 0;
	padding: 0;
}

#gallery_sidebar a span
{
	font-weight: normal;
	position: absolute;
	background-color: #eef;
	color: #008;
	border: 1px solid #008;
	padding: 2px;
	width: auto;
	height: auto;
	line-height: 1.2em;
	left: -999em;
	display: block;
}

#gallery_sidebar a:hover span
{
	left: auto;
}

#gallery_sidebar a img
{
	display: block;
	margin: 8px 1px 1px 1px;
	border: none;
	width: 65px;
	height: auto;
}

#gallery_sidebar a img.port
{
    width: auto;
    height: 65px;	
	margin: 1px 1px 1px 8px;
}

#gallery_sidebar.maximised a img,
#gallery_sidebar.openned a img
{
	width: 130px;
	height: auto;
	margin: 16px 1px 1px 1px;
}

#gallery_sidebar.maximised a img.port,
#gallery_sidebar.openned a img.port
{
    width: auto;
    height: 130px;	
	margin: 16px 1px 1px 1px;
}

#gallery_sidebar div.gallery_viewer
{
	border: 2px solid #bbb;
	position: absolute;
	margin-left: 15px;
	top: 133px;
	right: 160px;
	width: 505px;
	background-color: white;
}

p.created
{
	clear: both;
}