/* - - - - - - - - - - - - - - - - - - - - -

Title : galleryNET CSS
Last Modified: May 19, 2008
Author: Hong
URL: http://gallerynet.imagecomponent.net

- - - - - - - - - - - - - - - - - - - - - */

.galleryContainer {
	width:95%;
	text-align:center;
	padding:5px 0px;
	margin:1em;
	border:1px solid #66CC00;
}
/*gallery title style - see HeaderTemplate.ascx*/
.galleryTitle {
	font-family:'Times New Roman', Arial;
	font-size:18px;
	color:#994031;
	font-weight:bold;
	margin-bottom:15px;
}

.lbAction {
	font-family:Arial;
	font-size:12px;
	color:#4A433B;
	font-weight:bold;
}


/********************************************
  subfolders styles - see Default.aspx
*********************************************/
.subfolder {
	width:100%;
}
.subfolder table {
	margin-top : 10px;
	margin-bottom : 10px;
}
.subfolder td {
	padding:3px;
	text-align:center;
}
.subfolder a, a:visited {
	text-decoration:none;
	border-bottom: dotted 1pt #3333CC;
	color: #3333CC;
}
.subfolder a:hover, a:active {
	text-decoration: none;
	border-bottom: 0px;
	color: #FF6600;
}

.SimpleFooterGalleryDiv {
	margin-top:5px;
	margin-bottom:1em;
}

/********************************************
  thumbnail styles, see ItemTemplate, it is also used to display 
  subfolder thumbnail style
*********************************************/
.thumbnail {
	text-align:center;
	padding:10px 0px;
	margin:0px;
	/* border:1px solid #000000;
	background-color:#666666; */
}
/* .thumbnail image {
	text-align:center;
	vertical-align:middle;
} */

.introduction
{
	margin-top:5pt;
	padding:2pt;

	font-family:Arial;
	font-size:12px;
	color:#4A433B;
}

/********************************************
  pager styles - see Default.aspx
*********************************************/
.pager {
	font-family:Arial;
	font-size:15px;
	color:#4A433B;
}
.pager a {
	color:#4A433B;
}

.pager table {
	width:100%;
	padding:0pt;
	margin:0pt;
}

.pager td {
	padding:5pt;
	font-family:Verdana Arial;
	text-align :center;
	vertical-align:middle;
}

/* the following two class are hard-coded, for numeric pager only */
.pager .Pager_Current_Number {
	color:#CC433B;
	font-weight:bold;
	font-style:italic;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	margin:3px;
	padding:5px;
}

.pager .Pager_Number {
	font-weight:bold;
	font-style:italic;
}

/********************************************
  This is the class for error message in the GalleryGrid
*********************************************/
.errorMessage
{
	display:block;
	font-size:15pt;
	font-weight:600;
	color:Red;
	font-family:Calibri;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Modified for GalleryNET on May, 2008

be careful when you change this section, it might affect the GalleryNET functionality
- - - - - - - - - - - - - - - - - - - - - */
#lightbox{
	display:none;
	position:absolute;
	z-index:1001;
	/*margin:-220px 0 0 -250px;*/
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
	overflow:auto;
}
#lightbox[id]{
	position:absolute;
}
#overlay{
	display:none;
	position:absolute;
	overflow:auto;
	top:0;
	left:0;
	width:100%;
	height:130%;
	z-index:1000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]
{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}
#dragPanel /*this is draggable header style*/
{
	cursor:move;
	height: 30px;
	padding: 5pt;
	text-align: center;
	vertical-align:middle;
	background-color: #263F40;
	color:White;
	font-weight:600;
	font-size:16pt;
}