/* CSS Document
	Spurs Style sheet
	by Wells Wang , 2006-06-19
*/
/*Split DIV*/
#content_2 {
	border-top:1px solid #EEEEEE;
}
/*popup window / Album Dialog*/
.album_dialog {
	background: url('images/dialogBg_blog.gif') no-repeat;
	padding: 15px;
	width:370px;
	height:270px;
	overflow: hidden;
}
/*Small Thumbnail List*/
.small_thumb_list{
	margin: 0px;
	padding: 0px;
}

.small_thumb_list li{
	list-style: none;
	width: 130px;
	height:150px;
	float: left;
	position: relative;		/*hack for IE middle Vertical Alignment*/
}
.thumb_div{
	text-align:center;
	position: absolute;		/*hack for IE middle Vertical Alignment*/
	top: 50%;				/*hack for IE middle Vertical Alignment*/
	left: 0;				/*hack for IE middle Vertical Alignment*/
	width: 100%;			/*hack for IE middle Vertical Alignment*/
}
.thumb_div div{			/*hack for IE middle Vertical Alignment*/
	position: relative;
	top: -50%
}
.small_thumb_pic{
	padding:4px;
	border: 1px solid #AAA;
}

/* middle Vertical Alignment */
ul.small_thumb_list>li{position: static;display:table}
ul.small_thumb_list>li>div{display:table-cell;vertical-align:middle;position:static}
/*Middle Thumbnail List*/
.mid_thumb_list{
	margin: 0px;
	padding: 0px;
}

.mid_thumb_list li{
	list-style: none;
/*	width: 300px;
	height:300px;*/
	float: left;
	position: relative;		/*hack for IE middle Vertical Alignment*/
}
.mid_thumb_pic{
	padding:4px;
	border: 1px solid #AAA;
}
/* middle Vertical Alignment */
ul.mid_thumb_list>li{position: static;display:table}
ul.mid_thumb_list>li>div{display:table-cell;vertical-align:middle;position:static}
/* tiny thumbnail list */
.tiny_thumb_div{
  width:100%;
  clear:both;
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.tiny_thumb_div img{
  margin:4px;
  border:1px solid #999;
  -moz-opacity:0.5;
  opacity:0.5;
  filter:alpha(opacity=50);
}
.tiny_thumb_div .imgSelected{
  margin:2px;
  border:3px solid #ff9900;
}
/*Pic Description*/
.pic_desc{
	font-size: 7pt;
	color: #666;
}
/* CategoryList */
.category_list {
	margin: 0px;
	padding: 0px;
}
.category_list li{
	list-style: none;
	width: 120px;
	height:130px;
	float: left;
	margin:3px;
}
.category_div{
	text-align:center;
}
.category_folder{
	margin:auto;
	width: 85px;
	height: 85px;
}
.category_folder_normal{
	margin:auto;
	width: 79px;
	height: 77px;
	text-align:left;
	background-image: url('images/folder_normal.gif');
	background-repeat: no-repeat;
	padding:8px 0px 0px 6px;
}

/* Piclist */
.toolbar {
	float:right;
	padding: 5px 0px;
	font-weight: bolder;
	height: 20px;
	border-bottom:1px dotted silver;
	border-left:1px dotted silver;
	text-align:right;
	clear:right;
}
.toolbar_text:link,.toolbar_text:visited,.toolbar_text:active {
	color:#333333;
	text-decoration:none;
	font-weight: bolder;
	margin: 0 10px;
}
.toolbar_text:hover {
	color:#FF9900;
	text-decoration:none;
	font-weight: bolder;
	margin: 0px 10px;
}
.foldername {
	padding: 10px 0 0 5px;
	font-weight: bolder;
	font-size: 14pt;
	float:left;	
}
.pagelink,.pagelink_top {
	padding: 5px 0 5px 0 ;
	text-align:right;
}
.pagelink_top {
	float:right;
}
/*Pic Info*/
.infoheader {
	background-image: url('images/info.gif');
}
.exifheader {
	background-image: url('images/color.gif');
}
.commentheader {
	background-image: url('images/comment.gif');
}
.infoheader,.exifheader,.commentheader {
	text-align:left;
	font-weight:bolder;
	background-color:#E0E0E0;
	padding:5px 0px 3px 30px;
	background-repeat: no-repeat;
	margin-top:5px;
}
.smalldate{
	font-size:7pt;	
}
.moreless {
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
}
.imglink {
	padding-top:3px;
	padding-bottom:3px;
}
.exifItem{
}
.exifValue{
  color:#666;
  font-size:8pt;
}
.imagebox{
  padding:5px;
  border:1px solid #AAA;
  margin:3px;
}
.control{
  cursor:pointer;
}
.disabled{
  -moz-opacity:0.2;
  opacity:0.2;
  filter:alpha(opacity=20);
}