.wrapperTitle {background: white url(../../images/family/wrapperTitle.jpg) repeat-x; padding-top:6px;}
  #leftbar {float: left; padding: 10px; width: 180px; border: 1px solid #ccc; background-color:#f3f3f3;}
  	#leftbar .wrapper {margin: 15px auto; float: left; width:158px; border: 1px solid #ccc; background-color: white;padding: 10px;}
	#leftbar .wrapper em {color: #7B7D5B; font-style:normal;}
    #intro {float: left; font-size: 12px;}
		#intro img {float: left; margin-right: 10px;}
	#familytitle {font-size: 14px; font-weight: bolder; color: #9FA7BE; width: 150px;overflow: hidden}
	#leftbar ul {margin: 5px; padding: 0; list-style-type: none;}
	#leftbar a {color: #3B5998; text-decoration: none;}
	#leftbar a:hover {text-decoration: underline;}
		#upimage {float: left;padding: 3px; margin-bottom: 10px; border: 1px solid #ccc;background-color: #FFF9E3;}
		#upimage p {margin: 5px;}
	
  #content {float: left; width: 648px; margin-left: 10px; display: inline; color: #333;}
  	#albumTitle {width: 626px; float:left; padding: 6px 10px 3px 10px; border: 1px solid #ccc; clear: both;}
	ul#album, ul#photos {float: left; list-style-type: none; width: 648px; padding: 0; margin: 0px;}
	ul#album li, #albumcover {position: relative; float: left; display: inline; margin: 15px; width: 178px; height: 178px; background: url(../../images/family/albumbg.gif) no-repeat;}
	ul#album li img, #albumcover img {border: 2px solid #1CA0C0;position: absolute;top:16px; left:16px; height:140px; width: 140px;}
	ul#album li center {width: 100%;position: absolute;top:170px;}
#tagshow #mainbody #content {width: 840px; margin: 0 10px;}
#tagshow #mainbody #content #albumTitle {width: 818px;}
#tagshow #mainbody #content ul#photos {width: 840px;}
	#albumcover {margin: 0; float: left;}
	#leftbar li.sep, #leftbar div.sep {height: 20px; width: 100%; background: url(../../images/family/dotted.gif) repeat-x 50% 50% }
	#addtag-form p {margin: 5px auto;}
	#resize {position: relative; width: 100px;}
		#resize img {position: absolute; top:0; height: 18px; width:18px;cursor: pointer }
		#little{left: 40px;}
		#medium{left: 58px; width: 19px;}
		#large{left: 76px;}
	
	ul#photos li {float: left; text-align: center; margin: 5px;}
	ul.medium-photos li { width: 140px; height:146px;}
	ul.thumb-photos li {width: 50px; height:50px;}
	ul.large-photos li {width: 288px; height:288px;}
	ul#photos li img {border: 1px solid #7f7f7f; background-color: #eee}
	
	#photo_nav {width: 180px; margin: 0 auto;}
		#prev_photo, #next_photo {float: left; width: 87px; height: 18px;}
		#prev_photo {background: url(../../images/family/prev_bg.gif) no-repeat}
		#next_photo {float:right;background: url(../../images/family/next_bg.gif) no-repeat}
	
	#photo {width: 640px; border: 1px solid #ccc; padding: 10px 3px; float: left; border-top: 0; text-align: center; background: #f5f5f5;}
	  #photo p {line-height: 0;}
    #spaceball {position: relative; margin: 0 auto; display: block;}

  	#content a {color: #92A7B9}
	#content a:hover {text-decoration: none;}
  	#content p {margin: 0; word-wrap:break-word;}

	#album_form {text-align: left;background:white;padding:5px;margin:5px 0 0 6px;}
	#album_form h4 {margin: 0; color: #92A7B9;}
	#album_form p {margin: 0;}
	#album_form em {color: gray; font-style:normal;}
	
	#window-albumcover_row2 .greylighting_content {background: white;}
	ul#coverwindow {width: 420px; height: 400px; float: left; margin:0; padding: 0;}
	ul#coverwindow li {float: left; width: 50px; height:50px; margin: 5px; list-style-type: none;}
	ul#coverwindow li img {border: 1px solid #7f7f7f; background-color: #eee}

#photoUploads {float: left; margin: 20px 9px 0 9px; width: 630px; display: inline;}
#photoUploads #divSWFUploadUI {margin: 0 auto;}
#photoUploads button {background: #DFF7FF 5px center no-repeat; border: 1px solid #A4DBEF; color: #2C758F; height: 28px; padding: 0 8px 0 24px; width: 20%; margin-left: 10px; font-size: 12px; font-weight: bold;}
#photoUploads button.disabled{background-color: #EFFBFF; border: 1px solid #CFF2FF; color: #99C4DF; cursor: default;}
#photoUploads div.buttons{padding: 10px 0; border-bottom: 1px dotted #C4E7F4;}
object.swfupload {float: left}
#photoUploads button.upload {background-image: url(../../images/icons/upload.png); width: 150px;}
#photoUploads button.cancel {background-image: url(../../images/icons/cancel.png); width: 160px;}
/* === CONTENT === */
#photoUploads fieldset#fsUploadProgress {padding: 6px; margin: 10px 5px; border: 1px solid #D9E4FF;}
#photoUploads fieldset#fsUploadProgress legend {color: #73B304;}
#photoUploads .progressWrapper {width: 120px; float: left; overflow: hidden; }
#photoUploads .progressContainer {float: left; padding: 5px; width: 100px; height: 100px; margin: 8px 4px; text-align: center; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden;}
#photoUploads .progressContainer img {width: 50px; height: 50px; padding: 3px; border: 1px dotted #ccc; margin-bottom: -3px; background: #fff;}
#photoUploads div.progressName {width: 100px; height: 35px; font-weight: bold; margin: 20px 0 10px 0; color: #555; }
#photoUploads div.progressBarStatus {color: #55B0D2; }
#photoUploads div.progress {border: 1px solid #C2E3EF; background-color: #fff; text-align: left; height: 6px; width: 98px; margin-top: 5px; }
#photoUploads a.progressCancel {font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../../images/icons/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right;}
#photoUploads a.progressCancel:hover {background-position: 0px 0px;}
#photoUploads .red {border: solid 1px #B50000; background-color: #FFEBEB; }
#photoUploads .green {border: solid 1px #DDF0DD; background-color: #EBFFEB;}
#photoUploads .blue {border: solid 1px #CEE2F2; background-color: #F0F5FF; }
#photoUploads .progressBarInProgress,
#photoUploads .progressBarComplete,
#photoUploads .progressBarError {font-size: 0; width: 0%; height: 6px; background-color: #7BB963; }
#photoUploads .progressBarComplete {width: 100%; background-color: green; visibility: hidden;}
#photoUploads .progressBarError {width: 100%; background-color: red; visibility: hidden;}
#photoUploads .clearer {clear: both; height: 1px; overflow: hidden; margin-top: -1px; }
#photoUploads .content {text-align: center; background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966; margin: 10px 25px; padding: 10px 15px;}
/* Message */
#photoUploads .message {margin: 0; padding: 10px 15px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
#photoUploads #divStatus {color: #73B304}

div#notice
{
	padding: 10px 10px 10px 30px;
	background: #E7FFDF url(../../images/icons/notice.png) 8px center no-repeat;
	margin-bottom: 10px;
	border: 1px solid #73B65A;
	font-weight: bold;
}

div#warning
{
	padding: 10px 10px 10px 30px;
	background: #FFEFEF url(../../images/icons/error.png) 8px center no-repeat;
	margin-bottom: 10px;
	border: 1px solid #EFB3B3;
	font-weight: bold;
}

/* normal upload photo */
#upload-form {width: 300px; margin: 0 auto;}
#upload-form p {margin: 10px auto;}