#wBoxPhotos{
	background: #fff url(../images/bg_group_gradient.gif) repeat-x top;
	width:950px; 
	margin: 0 auto;
	padding: 5px 0 0 0; border: 1px solid #d0d7d7;
	}
	#wBoxPhotos #holder920{width:920px; margin:0 auto; padding: 0;}
	#wBoxPhotos .tabs{padding: 4px 5px 0 10px;}
	#wBoxPhotos #wBox{border-right:0; border-left:0;}
	#wBoxPhotos .tabsMain, #wBoxPhotos .wtabs{margin: 24px 0 0 0;}
	#wBoxPhotos .tabsMain{border-bottom:0;}
	#wBoxPhotos .noBd{border-bottom: 0px;}
	#wBoxPhotos h1{padding: 0 0 5px 0;}
	#wBoxPhotos #inline h1{padding: 10px 0 0 5px;}

/*Photos landing page*/
#wBoxPhotos #holder900{width:900px; margin:0 auto; padding: 0;}
#wBoxPhotos .searchPhoto{width:150px;}
.listingCol, .listingColRight{float:left; width: 150px; padding-bottom:25px;}
	.listingCol a:hover, .listingColRight a:hover{background-color:transparent;}
	.listingCol{margin-right:35px;}
	.listingColRight{margin-right:0;}
	.listingCol .fixedheight, .listingColRight .fixedheight {height:120px;}
	.listingCol .inline li, .listingColRight .inline li{margin:0 0 -3px 0; #margin:0 0 -5px 0;}
	.listingCol .wrap, .listingColRight .wrap{width:150px;}
	#wBoxPhotos #holder900 .listingCol .dottedLine, #wBoxPhotos #holder900 .listingColRight .dottedLine{height:6px;}
	
#wBoxPhotos .tagCloud{width:900px; margin: 0 auto; padding:10px 0 0 0; background-color:#fff;}
	#wBoxPhotos .tagCloud .col1{width:180px; float:left;}
		#wBoxPhotos .tagCloud .col1 h3, #wBoxPhotos .tagCloud .col3 h3{line-height:18px; padding-bottom:0;}
	#wBoxPhotos .tagCloud .col2{width:20px; height:80px; float:left; background: url(../images/bg_verdot.gif) repeat-y center;}
	#wBoxPhotos .tagCloud .col3{float:left; line-height:20px; width:690px;}

.createAlbumSteps{width:900px; margin: 0 auto; padding: 5px 0 20px 5px; background-color:#fff;}
	.createAlbumSteps .col{float:left; width:170px; }
	.createAlbumSteps .col3{float:left; width:200px; margin-left:3px;}
	.createAlbumSteps .col4{float:left; width:205px; margin-left:3px;}
	.createAlbumSteps .col5{float:left; width:130px; margin-left:10px; padding-top:18px;}
	.createAlbumSteps .col #comment{float:left;}
	.createAlbumSteps #comment .col1{float: left; width: 18px; padding: 5px 0 0 0; margin:0;}
	.createAlbumSteps .col #comment .col2{float: left; width: 120px; height: 30px; padding: 8px 0 0 5px; margin:0;}
	.createAlbumSteps .col3 #comment .col2{float: left; width: 150px; height: 36px; padding: 2px 0 0 5px; margin:0;}
	.createAlbumSteps .col4 #comment .col2{float: left; width: 160px; height: 36px; padding: 2px 0 0 8px; margin:0; border:0px solid #111;}
	.createAlbumSteps .pointer{float:left; width: 9px; height: 50px; background: url(../images/pointer_comment.gif) no-repeat 0 15px;}

/*Create Album*/
#wBoxPhotos #createAlbumCol1{float:left; padding: 0 10px 0 20px; width:650px;;}
	#wBoxPhotos #createAlbumCol1 #formCont .content{width:600px;}
		#wBoxPhotos #createAlbumCol1 #formCont .content .tagTextarea{width:600px;}
	#wBoxPhotos #createAlbumCol1 .col1{float:left; width:170px; padding: 3px 0 0 0; border: 0px solid #000}
	#wBoxPhotos #createAlbumCol1 .col2{float:left; width:280px; padding: 3px 0 0 0;}
	#wBoxPhotos #createAlbumCol1 .col3{float:right; width:130px; padding: 3px 0 0 0;}
	#wBoxPhotos #createAlbumCol1 .photoCategories li{width:150px;}

#wBoxPhotos #createAlbumCol2{float:left; width: 40px; height:270px; padding-top: 240px; margin-top: 10px; text-align:center; background: url(../images/bg_verdot.gif) repeat-y center;}
#wBoxPhotos #createAlbumCol3{float:left; width:200px; padding:40px 0 0 0;}
#wBoxPhotos #createAlbumGuideline{float:left; width:250px; padding:20px 0 0 0;}
		#wBoxPhotos #createAlbumCol3 h3{line-height:18px;}
#wBoxPhotos #help{width:280px; left:120px; top: -20px;}
#wBoxPhotos #help2{width:280px; left:90px; top: -20px;}

#wBoxPhotos #upload{width:630px; margin: 5px auto;}

		#wBoxPhotos #upload .col3 .buttonGray{width:65px;}
		#wBoxPhotos #upload .total{padding:2px; background-color:#dbdfe1; font-weight:bold;}

#wBoxPhotos #uploadList{margin:0; padding:0 5px 5px 5px; overflow:auto; border: 1px solid #d0d7d7; width:620px; height:270px; background-color:#fff;}
#wBoxPhotos .uploadList{width:100%; border-collapse:collapse;}
	#wBoxPhotos .uploadList td{padding:1px;}
	#wBoxPhotos .uploadList .pagination{text-align:left; padding-left:10px;}
	
#wBoxPhotos .fileName{width:430px; vertical-align:middle;}
#wBoxPhotos .fileSize{width:80px;text-align: right;}
#wBoxPhotos .arrange{width:80px;text-align: center;}
#wBoxPhotos .delete{width:80px;}

#wBoxPhotos .uploadProgress{margin:0; padding:0 5px 5px 5px; width:635px;}
	#wBoxPhotos .uploadProgress .loadingBar{width:80%; padding-left:5px;}
	
#wBoxPhotos #holder730 .framePhoto{
	border: 1px solid #c5c5c5;
	padding: 4px;
	margin: 0;
	background-color:#fff;
}

#sliderContent{
    top:10px;
    left:0px;
	font-size:11px;
	line-height:13px;
	padding:10px 0 0 0;
}
#linktotravelshots{background-color:#dddfe0; padding:5px 5px 5px 10px;}
	
/*edit album*/
#wBoxPhotos #editAlbum{margin:0 auto; padding: 0 10px 0 20px; width:540px;}
#wBoxPhotos #editAlbum #formCont .content{width:480px;}
#wBoxPhotos #editAlbum .col1{float:left; width:170px; padding: 0 0 3px 0;}
#wBoxPhotos #editAlbum .col2{float:left; width:200px; padding: 0 0 3px 0;}	
/*Edit photo info*/
#wBoxPhotos #photoInfo{width:920px; margin: 0 auto; padding: 30px 0 0 10px;}
#photoInfo .photoInfoCol1{position:relative; width:210px;}
#photoInfo .photoInfoCol1, #photoInfo .photoInfoCol2{float:left; padding: 0 38px 0 0;}
	#photoInfo .photoInfoCol2{width:310px;}
	#photoInfo .photoInfoCol1 .padT3{padding-top:3px;}
	#photoInfo .inputDescription{width: 280px; height: 45px;}
	#photoInfo .checkboxInline label{padding-top:2px;}
#photoInfo .photoInfoCol3{width:310px; float:left; border: 0px solid #000;}
	#photoInfo .inputWidth{width: 280px; padding: 1px 3px;}
	#photoInfo .comboWidth{width: 285px;}

#photoInfo .grayBg{background-color: #f2f6f6; padding:10px; margin-top:10px;}
#photoInfo .dottedLine{padding:15px 0; margin:0 10px 5px 0;}
#photoInfo .bevelLine{padding:3px 0; height:5px;}
#addNote{width: 200px; font-size:11px; padding:10px; display: none; z-index:100; position:absolute; top:65px; left:85px;}
	#addNote .col1{float:left;}
	#addNote .col2{float:left; margin-left: 3px;}
	#addNote .note{border:1px solid #000; background: url(../images/bg_tint.png) repeat 0 0; padding: 3px; color: #000;}
#photoInfo #alert{width:500px;}
#wBoxPhotos #holder450{width:450px; margin:0 auto; padding: 30px 0 0 0;}
	#wBoxPhotos #holder450 .col{width:200px; float:left; border:0px solid #000;}
	#wBoxPhotos #holder450 .col2{width:10px; height:50px; margin: 0 25px 0 0; float:left;}

#expandbox{background-color:#FFF; border:5px solid #BDC4C4; margin:10px; padding:20px; position:absolute; left:40px; top:100px; visibility:hidden; z-index:1000;}
#tagframe{border: 4px solid #ffe4c9; position:absolute; left:40px; top:100px; z-index:1001; visibility: hidden;}
	#tagframe .inner{border: 1px solid #d20304; width:70px; height:70px;}
#tagform{border: 4px solid #ffe4c9; position:absolute; left:125px; top:100px; z-index:1000; visibility: hidden;}
	#tagform .inner{background-color: #ffffff; border: 1px solid #d20304; width:150px; padding: 10px;}
	#tagform table{border-collapse:collapse; width:100%;}
		#tagform table td{cellpadding:3px;}
	#tagform .searchInput{width:145px;}
	#tagform #tagfriend{width:140px; height:150px; background-color:#f0f2f3; margin:0 0 5px 0; padding:4px; overflow:auto; border: 1px solid #d0d7d7; font-size:11px;}
	#tagform #tagfriend .bevelLine{height:10px;}
	
	
/*Share album*/
#wBoxPhotos .inviteCol1{float:left; width: 400px; padding: 0 5px 0 0; margin: 15px 0 0 0; }
	#wBoxPhotos .inviteCol1 .but100{width: 100px;}
#wBoxPhotos #friendList{height:280px; background-color:#fff; margin:0; padding:0 5px 5px 5px; overflow:auto; border: 1px solid #d0d7d7;}
#wBoxPhotos #friendList .memberList{border-collapse:collapse; width:100%;}
	#wBoxPhotos #friendList .memberList td{padding:2px;}
	#wBoxPhotos #friendList .memberList .check{width:15px;}
	#wBoxPhotos #friendList .memberList .thumbnail{width:22px;}	
#wBoxPhotos .inviteCol2{width: 80px; height:190px; padding-top: 160px; margin: 15px 0 0 0; float:left; text-align:center; background: url(../images/bg_verdot.gif) repeat-y center;}
#wBoxPhotos .inviteCol3{float:left; width: 410px; padding: 5px 0 0 0; margin: 15px 0 0 0;}
	#wBoxPhotos .inviteCol3 textarea{height:120px;}
	#wBoxPhotos .inviteCol3 .content{height:260px;}
#wBoxPhotos .inviteCol1 h3, #wBoxPhotos .inviteCol3 h3{line-height:16px;}
#wBoxPhotos .inviteRow{width:600px; margin: 0 auto;}
	#wBoxPhotos .inviteRow .frameAlbum42{float:left; margin: 0 10px 0 0;}
	#wBoxPhotos .inviteRow .frame42{float:left; margin: 0 10px 0 0;}
	#wBoxPhotos .inviteRow .col2{float:left; margin: 0 10px 0 0;}
	#wBoxPhotos .inviteRow h3{line-height:16px; padding:15px 0 0 0;}
#wBoxPhotos #holder700{width:700px; margin:0 auto; padding: 0;}
	#wBoxPhotos #holder700 h3{width:700px; margin:0 auto; padding: 0; text-align:center;}
	

/* Because at 'Share Photo Album' we have a input outside of formCont */
	#wBoxPhotos .inviteRow input {background-color:#FFF;}
			
/*Report photo*/
#wBoxPhotos .reportPhotoIntro{width:650px; padding: 10px 0 25px 0; margin: 0 auto;}
	#wBoxPhotos .reportPhotoIntro .reportImg{float: left; padding: 0 20px 20px 0;}
#wBoxPhotos #reportPhotoCol1{float:left; width:380px; margin: 0 5px 0 0;}
#wBoxPhotos #reportPhotoCol2{float:left; width:510px;}
	#wBoxPhotos #reportPhotoCol2 textarea{width:460px;}

/*Import photos*/
#wBoxPhotos .importCol1{width: 200px; float:left; text-align:right; padding:40px 40px 0 0;}
#wBoxPhotos .importCol2{width: 620px; float:left; padding:40px 0 10px 0;}
	#wBoxPhotos .importCol2 .listingCol, #wBoxPhotos .importCol2 .listingColRight{width: 145px;}
	#wBoxPhotos .importCol2 .listingCol{margin-right:10px;}
	#wBoxPhotos .importCol2 .listingColRight{margin-right:0;}
	
.listingCol .frameAlbum55, .listingColRight .frameAlbum55{margin: 0 0 0 20px;}
#wBoxPhotos #nextStep{width:450px; margin:0 auto; padding: 30px 0 50px 0;}
	#wBoxPhotos #nextStep .col{width:200px; float:left;}
	#wBoxPhotos #nextStep .col2{width:10px; height:50px; margin: 0 25px 0 0; float:left;}
.photoTitle{text-align:center; width:90px;}

/*View all photo*/
#wBoxPhotos #col2ViewAllPhoto{float: right; width:730px; margin:0 auto; padding: 15px 5px 10px 15px;}
	#wBoxPhotos #col2ViewAllPhoto .action{margin: 0 0 10px 0; float:right;}
	#wBoxPhotos #col2ViewAllPhoto .addBookmark{float:left; margin-left:10px;}
	#wBoxPhotos #col2ViewAllPhoto .listingCol {margin-right:38px; position:relative;}
	#wBoxPhotos #col2ViewAllPhoto .listingColRight {position:relative;}	
	#wBoxPhotos #col2ViewAllPhoto .listingCol #prizeLabel, #wBoxPhotos #col2ViewAllPhoto .listingColRight #prizeLabel {position:absolute; top:0px; left:0px; width:71px; height:68px;}
	/*for contest*/
	#wBoxPhotos .subNav {float:left; width: 80px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; line-height:18px; display:block; font-size:11px; padding:2px 5px; margin:0 0 15px 0; background-color:#dd1313; border:1px solid #bf0000;}
    #wBoxPhotos a .subNav{color:#fff;}
    #wBoxPhotos  a .subNav:hover, #wBoxPhotos .subNav .navOn{background-color:#bf0404; border:1px solid #a80202;}

    
/*View photo*/		
#col1ViewPhoto {float:left; text-align:left; width: 180px; padding: 10px 0 0 12px; border:0px solid #111;}
	#col1ViewPhoto .profile{padding: 0 0 10px 0; text-align:center;}
	#col1ViewPhoto .dottedLine{margin:0 0 10px -15px;}
	#col1ViewPhoto h5{font-size:11px; padding-bottom:5px;}

#col1ViewPhoto #post{padding: 10px 0 5px 0;}
#col1ViewPhoto .bevelLine{margin-left:-12px;}
#col1ViewPhoto .albumPagination{font-size:11px; line-height:12px;}
	#col1ViewPhoto .albumPagination .col1{float:left; width:43px;}
	#col1ViewPhoto .albumPagination .col2{float:left;}
	#col1ViewPhoto .albumPagination a:hover{
		background:url(../images/bg_hordot_red2.gif) repeat top;
		padding-bottom:3px;}
#col2ViewPhoto .dottedLine, #wBoxPhotos #holder900 .dottedLine{height:20px;}
	#col2ViewPhoto #comment .dottedLine{height:3px;}
	#col2ViewPhoto #prizeLabel{position:absolute; top:0px; left:0px; width:89px; height:89px; z-index:998;}
#col2ViewPhoto #post{width:538px; margin:0 auto;}
#col2ViewPhoto #comment{width:497px;}
#col2ViewPhoto .alert2{margin:0;}
#col2ViewPhoto h3{padding-bottom:0px;}
#tagshow{background: url(../images/bg_tagshow.png) repeat top; position:absolute; padding: 4px; z-index:1000; visibility: hidden; color: #000000; text-align:center;}

/*Photo album nav*/
.albumNav{width:180px; border: 0px solid #333;}
	.albumNav a{width:180px; display: table; #display: block; #position: relative; overflow: hidden; margin:1px 0 0 -12px; padding:0 2px 0 10px;}
	.albumNav .albumPhoto{float: left; width:36px; height:30px; text-align: center; background: url(../images/frame_album22.gif) no-repeat 4px 2px; padding:10px 2px 0 2px;}

	.albumNav .albumName{width:137px; #position:absolute; #top:50%; display: table-cell; vertical-align: middle; padding: 0 0 0 2px;}

	.albumNav span{#position: relative; #top: -50%;}
.albumNav a:hover, .albumNav .current, .albumNav .current a, .albumNav a.current:visited{background-color:#f0f2f2; background-image:none; cursor:pointer;}
	.albumNav span a, .albumNav span a:hover{background:#d7dada; color:#FF0000; width:30px; margin-left:0px;}

 
#col2ViewPhoto {float: left; text-align:left; width: 570px; padding: 10px 5px 10px 20px; border:0px solid #111;}
	#col2ViewPhoto .tag{float:left; width:30px; padding:5px 10px 0 0; font-weight:bold;}
	#col2ViewPhoto .tagListing{float:left; padding:5px 0 0 0;}
	#col2ViewPhoto .content{width:465px;}

/* for comment form */
	#col2ViewPhoto #post textarea{width:530px; height:150px;}

	#wBoxPhotos .actionBar{background-image:none; padding: 0;}
	#wBoxPhotos #col2ViewPhoto .actionBar{padding: 0 10px 0 0;} 
#col3ViewPhoto {float:right; width:150px; height:430px; background-color:#f0f2f2;}	
	#col3ViewPhoto #arrows {
    position: absolute;           
    width: 150px;
	z-index: 1;
	
  }
	#col3ViewPhoto #arrows .leftArrow a{
		position: absolute;
		top: 180px;
		left: 0px;
		width: 10px;
		height: 34px;
		z-index: 4;
		background-image: url(../images/arrow_left.gif);
		background-repeat: no-repeat;
	}
	#col3ViewPhoto #arrows .leftArrow a:hover{ background-image: url(../images/arrow_left_on.gif); background-repeat: no-repeat; }
	#col3ViewPhoto #arrows .rightArrow a{
		position: absolute;
		top: 180px;
		width: 10px;
		height: 34px;
		right: 0px;
		z-index: 3;
		background-image: url(../images/arrow_right.gif);
		background-repeat: no-repeat;
	}
	#col3ViewPhoto #arrows .rightArrow a:hover{background-image: url(../images/arrow_right_on.gif); background-repeat: no-repeat;}	

/* Search result */
.searchMsg{text-align:left; padding:50px 0;}

/* Gallery and Playback Controls
----------------------------------------------- */
#controls {	margin:0 auto; padding: 0 0 2px 0; width:150px; background-color:#dfe2e2;}

#transport {
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
}
#transport li {
	float: left;
	margin: 0;
	text-align: center;
}
#transport a {
	margin: 0 1px 0 0;
	padding: 4px 0;
	width: 48px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#transport a:link {background: #666 url('../images/bg_playbut.gif') repeat-x;}
#transport a:visited {background: #666 url('../images/bg_playbut.gif') repeat-x;}
#transport a:hover {background: #666 url('../images/bg_playbut_over.gif') repeat-x;}
#transport a:focus {-moz-user-select: none;-khtml-user-select: none;}
#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {display: none;}

#thumbnails {
	clear: both;
	margin: 5px auto;
	width:105px;
}
#thumbnails div {
	position: relative;
	width: 42px;
	height: 42px;
	float: left;
	margin: 5px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 42px;
	height: 42px;
	position: absolute;
	border: 1px solid #fff;
}
#picture {
	padding: 0px; position:relative;
}
#mainImageOutline {
        text-align: center;
        background-color: #fff;
        border: solid 1px #d8dddd;
        width: 560px;
        margin: 0 auto 5px auto;
        padding: 7px;
}

.selectedThumbnail { border: solid 3px #ffffcc !important; margin: -2px 0 0 -2px; }
.inFocus {border: solid 3px #fff !important; }

#controls, #picture {display: none;}
.clearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/*font10*/
#col1ViewPhoto, #col2Photos #col1, .listingCol, .listingColRight, #upload, 
#thumbnails, #wBoxPhotos #uploadList{font-size: 11px; line-height: 13px;}

/*wrap*/
.listingCol .wrap, .listingColRight .wrap{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#addfriends {width:324px; border: 4px solid #ffe4c9; background-color:#fff; z-index:100; position:absolute; font-size:11px; display:none}
#addfriends .wbox{ border: 1px solid #d20304; padding: 20px 20px 10px 20px; background-color: #FFFFFF;}

#addfriends #friendList{width:270px; height:275px; background-color:#fff; margin:0; padding:5px; overflow:auto; border: 1px solid #d0d7d7;}
#addfriends #friendList .memberList{border-collapse:collapse; width:90%;}
	#addfriends #friendList .memberList td{padding:2px;}
	#addfriends #friendList .memberList .check{width:15px;}
	#addfriends #friendList .memberList .thumbnail{width:22px;}	

/*upload queue*/
#swfupload-control ol {font-size: 11px}
#swfupload-control ol li {margin: 0 0 5px 0}