body {
  font-family: Verdana, Arial, helvetica, sans-serif;
}

.clear {
	clear:both;
	height:1px;
}

#main {
	width:782px;
	margin:-26px 0px 0px 13px;
	float:left;
}

#header {
	height:41px;
	width:750px;
	float:left;
}

	#logo {
		height:41px;
		width:243px;
		background-image:url(../gallery_images/gallery_logo.gif);
		background-position:top right;
		background-repeat: no-repeat;
		float:left;
	}
	
		#logo span {
			display:none;
		}

	#album_name {
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		color:#333333;
		font-weight:bold;
		font-size:14px;
		text-align:left;
		width:484px;
		height:20px;
		vertical-align:top;
		padding:0px 10px;
	}
		
#photo_container {
	width:780px;
	height:520px;
	clear:both;
	float:left;
	position:relative;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	margin-top:24px;
	background-color:#000000;
	border:1px solid #cccd36;
}
	
#tag_names {
	height:16px;
	color:#000000;
	font-size:11px;
	width:770px;
	border:1px solid #cccd36;
	text-align:left;
	padding-left:10px;
	padding-top:2px;
	float:left;
	margin:2px 0px;
	/*margin-top:-26px;*/
}
	
	#face_it {
		display:none;
		background-image:url(../gallery_images/comment_bg.png);
		color:#FFFFFF;
		font-size:11px;
		bottom:10px;
		left:235px;
		position:absolute;
		padding:6px;
		width:300px;
		text-align:left;
		line-height:120%;
		border:1px solid #cccd36;
		line-height:150%;
	}
	
		#face_it INPUT {
			width:75px;
			font-size:11px;
			background-color:#CCCCCC;
			border:1px solid #000000;
			margin-top:5px;
		}
		
		#face_it INPUT.cancel, #face_it INPUT.submit {
			float:left;
			margin:2px;
			border:0px;
			width:88px;
			height:20px;
			background-color:#000000;
			cursor:pointer;
		}
		
		#face_it INPUT.cancel {
			background-image:url(../gallery_images/but_cancel.png);
		}

		#face_it INPUT.cancel:hover {
			background-image:url(../gallery_images/but_cancel_hover.png);
		}		
		
		#face_it INPUT.submit {
			background-image:url(../gallery_images/but_submit.png);
			margin-left:118px;
		}
		
		#face_it INPUT.submit:hover {
			background-image:url(../gallery_images/but_submit_hover.png);
		}		
		
		
	#main_image {
	}
	
	#tag_box {
		position:absolute; 
		border:1px solid #dd6444;
		background-image:url(../gallery_images/tagger_bg.png);
	}
	
	.div_span_box {
		position:absolute; 
		border:4px solid #b35a38;
		font-size:12px;
		color:#FFFFFF;
		padding:4px;
	}
	
	.span_tag_name {
		font-weight:bold;
		cursor:pointer;
	}
	
#right_side {
	float:left;
	/*background-color:#FFFFFF; 
	border:1px solid #cccd36;*/
	width:144px;
	margin:-26px 0px 5px 0px;
	font-size:12px;
	padding:8px;
	line-height:120%;
	color:#666666;
}

	#right_side span {
		font-weight:bold;
	}
	
	#album_text {
		border:1px solid #CACA48;
		padding:0px 0px 5px 0px;
		width:165px;
		height:230px;
		overflow:auto;	
		margin-bottom:20px;
		margin-top:17px;
		background-color:#f3f3d5;
	}
	
	#album_text p {
		padding:0px 5px;
		font-size:10px;
	}
	
	#album_text_span {
		color: #666666;
		display:block;
		background-color:#CACA48;
		padding:2px;
		text-align:center;
	}
	
	#right_side span.sub_title {
		font-style:italic;
		font-size:10px;
	}
			
#player {
	float: left;
	width:380px;
	height:38px;
	margin-left:122px;
}
	

	#player img {
		border:0px;
		height:34px; 
		width:34px;
		margin:2px;
		background-repeat:no-repeat;
		float:left;
		cursor:pointer;
	}
	

.player_extra {
	float:left;
	height:38px;
}

	#span_numbers {
		float:left;
		font-size:14px;
		font-weight:bold;
		color:#cccd36;
		padding:10px 0px 0px 20px;
		width:100px;
	}

	.player_extra #jump_to {
		float:left;
		background-image:url(../../Images/pictures_jump_field.gif);
		background-position:0px 2px;
		background-repeat:no-repeat;
		width:159px; 
		height:38px;
	}
	
			.player_extra #jump_to INPUT {
				background:none;
				border:0px;
				width:60px;
				float:left;
				margin-left:63px;
				margin-top:8px;
			}

			.player_extra #jump_to #jump_go {
				border:0px;
				width:34px;
				height:34px;
				margin-left:2px;
				margin-top:2px;
				float:left;
			}	
	

		
#div_albums {
	width:746px;
	height:480px;
	clear:both;
	float:left;
	position:relative;
	text-align:left;
	margin-top:0px;
	background-color:#000000;
	border:1px solid #cccd36;
	padding:20px 20px 20px 15px;
}	

	#div_albums div {
		float:left;
		width:139px;
		height:149px;
		margin-left:5px;
		text-align:center;
		color:#FFFFFF;
		font-size:12px;
		background-color:#333333;
		padding:3px;
	}

	#div_albums div a, #div_albums div a:visited{
		color:#FFFFFF;
		text-decoration:none;
	}		
	
	#div_albums div a:hover {
		color:#cccd36;
	}
	
	#div_albums div a img {
		border:0px;
		margin:2px 0px;
		float:left;
		clear:both;
	}
	
	#div_albums div a .description {
		font-size:10px;
		display:block;
	}

/**************** find it form ********************/
#find_form {
	float:left;
	background-image:url(../../Images/pictures_find_bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:155px;
	border:1px solid #caca48; 
	margin:25px 0px 0px 0px;
	padding:25px 5px 5px 5px;
}
		#find_form label {
			float:left;
			color:#caca48;
			font-weight:bold;
			width:40px;
			height:20px;
			padding:2px 0px;
		}

		#find_form INPUT {
			background:none;
			border:0px;
			width:105px;
			height:20px;
			float:left;
			margin-left:2px;
			margin-bottom:4px;
			background-color:#f3f3d5;
			font-size:12px;
			vertical-align:middle;
		}
		
		#find_form .clear {
			clear:both;
		}

		#find_form #find_go, #find_form #SSexit {
			border:0px;
			width:55px;
			height:34px;
			margin:2px 0px 0px 0px;
			float:left;
			cursor:pointer;
			background-repeat:no-repeat;
		}	
		
		#find_form #find_go {
			margin-left:15px;
			width:78px
		}
		
		#find_form #SSexit {
		}