#center textarea{
	background: #555;
	border: 0;
	width: 100%;
}

#center .breakcrumb td{
	vertical-align: bottom;
}

#center .breakcrumb #right{
	font-size: 12px;
	text-align: right;
	color: #aaaaaa;
	width: 50px;
}

#center .breakcrumb input{
	border: 1px dotted #aaa;
	background: #333;
	padding-left: 2px;
	width: 250px;
	color: #aaa;
}

#center #albumSharingLinks{
	display: none;
	margin: 5px auto;
	color: #aaa;
}

#center #albumSharing, #center #albumSharingLinks a{
	cursor: pointer;
	color: #aaa;
}

#center #albumSharing:hover, #center #albumSharingLinks a:hover{
	text-decoration: underline;
	color: #0099ff;
}

#center #albumSharingLinks textarea{
	width: 99%;
	height: 100px;
	border: 1px dotted #aaa;
	background: #333;
	color: #aaa;
	padding: 2px 0 2px 2px
}

#center #title{
	text-align: center;
	color: white;
	font-size: 16px;
}

#center #albums{
	width: 650px;
	overflow-y: hidden;
	overflow-x: auto;
	font-size: 11px;
	clear: both;
	margin: 0 auto;
	padding: 0 auto;
}

#center #albums td{
	width: 100px;
	height: 80px;
	text-align: center;
	vertical-align: top;
}

#center #albums td[class=selected] img{	
	border: 2px solid #0099ff;
}

#center #albums td[class=selected] a{	
	color: #00aaff;
}

#center #albums td .text{
	color: #cccccc;
}

#center #albums td:hover a{
	text-decoration: underline;
	color: #0099ff;
}

#center #albums td:hover img{
	border: 2px solid #0099ff;
}

#center #albums img{
	border: 2px solid #cccccc;
	margin: 2px;
	height: 80px;
}

#center #photoNo{
	width: 85px;
	text-align: center;
}

#center .ad{
	text-align: center;
	margin-top: 3px;
}

#center .ad td{
	text-align: center;
	width: 50%;
	height: 250px;
}

#center .ad td div{
	margin: auto auto;
	height: 250px;
	width: 300px;
}


#center #photoPanel {
	position: relative;
	text-align: center;
	margin: 5px 0 0 0;
}
#center #photoPanel > img{
	border: 3px solid #fff;
	z-index: 1;
}

#center #photoPanel #screen{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('/img/transparent.gif');
	z-index: 2;
}

#center #photoPanel #prevPanel, #center #photoPanel #nextPanel{
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
	opacity: 0;
	display: block;
	width: 48px;
	cursor: pointer;
}

#center #photoPanel div img{
	width: 48px;
	height: 48px;
}

#center #photoPanel #prevPanel{
	left: 0; 
	float: left;
}

#center #photoPanel #nextPanel{ 
	right: 0; 
	float: right;
}

#center #photoPanel .top{
	position: absolute;
	top: 0;
}

#center #photoPanel .bottom{
	position: absolute;
	bottom: 0;
}

#center #photoPanel .left{
	position: absolute;
	left: 0;
}

#center #photoPanel .right{
	position: absolute;
	right: 0;
}

.thumbnails{
	margin: 3px auto;
   width: 650px;
	padding: 0 auto;
	overflow-x: hidden;
	overflow-y: auto;
	height: 800px;
}

.thumbnails img{
	text-align: center;
	border: 2px solid #ffffff;
	cursor: pointer;
	margin: 2px 2px 2px 0;
	vertical-align: top;
	opacity: 0.5;
}

.thumbnails .selected{
	opacity: 1;
	border: 2px solid #0AF;
}

.thumbnails table{
	margin-top: 2px;
}

.thumbnails td{
	text-align: left;
}

.thumbnails #ad{
	float: left;
	margin-right: 3px;
	margin-top: 2px;
}