body { font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding:10px; text-align: center; }

#gallery { width:692px; margin: 0px auto; } /* 640 + photoFrame 10 + 2px + ( 2 * 20 ) */

#filmstripNav { }
#filmstripNav #prev { float:left; height: 100px; width:20px; background: url(/themes/myz_blue/images/gallery/fs_prev_sel.jpg) no-repeat top left; }
#filmstripNav #prev:hover {	background-position: bottom left; }
#filmstripNav #filmstrip { float:left; width: 652px; height: 100px; overflow: hidden; } /* 692 - 46 */
#filmstripNav #next { float:left; height: 100px; width:20px; background: url(/themes/myz_blue/images/gallery/fs_next_sel.jpg) no-repeat top left; }
#filmstripNav #next:hover {	background-position: bottom left; }

.thumbSelected { border: 2px solid #FFF; } 
.thumb { border: 1px solid #000; padding-top:2px; }
.thumb:hover { border: 1px solid #999; cursor: pointer; }
.imgbox90 { padding-left:1px; padding-right:1px; float:left; overflow: hidden; text-align: center; }
.imgbox90 { width:90px; height:60px; margin: 0px auto; }
.imgbox90 img { margin: 0px auto; }  

#photoArea { clear:both; }
#photoArea table { margin: 0px auto; }
#photoScroll { height: 490px; } /* 480 + 5px top bottom padding */
#photoScroll #prevPhoto { float:left; border-right:1px #333 solid; height: 490px; width:20px; background: url(/themes/myz_blue/images/gallery/fs_prev1_sel.jpg) no-repeat top left; }
#photoScroll #prevPhoto:hover { background-position: bottom left; }
#photoScroll #photoFrame { position:relative; width: 640px; height: 480px; overflow:hidden; border: 5px solid #000; float:left; background: #000; }
#photoScroll #nextPhoto { float:left; border-left: 1px #333 solid; height: 490px; width:20px; background: url(/themes/myz_blue/images/gallery/fs_next1_sel.jpg) no-repeat top left; }
#photoScroll #nextPhoto:hover { background-position: bottom left; }
#photoInner { width: 1290px; }
.photo { width: 640px; height:480px; text-align:center; float:left; }
.button { cursor: pointer; }

td.iconOption { padding: 2px; padding-left:8px; }
td.optionText { vertical-align: middle; }
#sound { height: 20px; width:20px; background: url(/themes/myz_blue/images/gallery/soundico.jpg) no-repeat top left; }
#sound.off { background-position: bottom left; }
#slideshow { height: 20px; width:20px; background: url(/themes/myz_blue/images/gallery/slideshow.jpg) no-repeat top left; display:none; }
#slideshow.stop { background-position: bottom left; }

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/themes/myz_blue/images/gallery/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/themes/myz_blue/images/gallery/bubble.png) bottom right;
}

#galleryLoading { position: absolute; text-align:center; color:#CCC; font-size:10px; width:240px; display:none; }

#loginRequired { background-color:#FFF; }
#signupBox { margin: 0px auto; width: 250px; border: 1px solid; padding:10px; }
.loginForm { text-align:right; }
.loginForm div label { padding-right:10px; }
#loginBox { margin: 0px auto; width: 250px; border: 1px solid; padding:10px; }

.clear { clear:both; }

#bottomPanel { margin: 0px auto; width:640px; clear:both; }
#bottomPanel #logo { float:left; }
#bottomPanel #options { float:left; padding-left: 10px; text-align: left; }

#tagBox { display:none; }
.tag { text-decoration: underline; color: blue; cursor: pointer; }
#tagOptions { float:left; } 
.tagOption { font-weight:bold; color: blue; cursor: pointer; visibility: hidden; }
#tagForm { float:left; }
#postMain { clear:both; display:none; }

#commentArea { padding-top:10px; clear:both; }
.commentChildren { padding-left:50px; }
.commentPoster { vertical-align: top; text-align:center; border-right: 1px solid #CCC; float:left; }
.commentPoster a { text-decoration: none; }
.commentBody { vertical-align: top; text-align: left; float:left; }
.commentDate { font-weight: bold; }
.commentReply { text-align: right; }
.commentReply span { text-align: right; font-weight:bold; color: blue; cursor: pointer; }
.commentForm span { font-weight:bold; }
.comment { margin: 0 auto; }
.commentMinWidth { height:1px; width:400px; }
.clearBoth { clear:both; }

#authCode { background-color:#FFF; height:480px; display: none; }
#selectPassword { background-color:#FFF; height:480px; display: none; }
#setPasswordBox { margin: auto; width: 300px; border: 1px solid; padding:10px; }
#musicPlayer { margin:auto; width:500px; text-align:center; }