html, body 
{
    background: #f3f3e1 url('/images/background.png') repeat-x;
    height: 100%;
	font: 10pt "Lucida Grande", sans-serif;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
}

body {
	min-width:750px;
}

h1 {
	font-size: 16pt;
	font-weight: normal;
	margin-top: 0px;
}

h2 {
    font-size: 10pt;
    margin: 0px;
	text-align: left;
    text-transform:uppercase;
}


h3 {
    color: #506fa7;
    font-size: 10pt;
    margin: 0px;
	text-align: left;
    text-decoration: underline;
}

th {
	font-weight: normal;
}

a:link, a:visited, a:active {
	color: #433c2a;
	font-weight: bold;
}

a:hover {
	color: #B81900;
}

a img {
	border: 0px;
}

a.hoverimg {		
	border-bottom: 1px dotted #CCCC99;
	text-decoration: none;
}

#content 
{
    background: transparent url('/images/frame-center.png') repeat-y scroll 0px 7px;
    /*margin: auto;*/
	width: 903px;
}
#content-inner 
{
    height: 100%;
    padding: 5px 20px 10px 20px;
}
#content-top 
{
    background: transparent url('/images/frame-top.png') no-repeat scroll left bottom;
    height: 13px;
    position: relative;
    width: 903px;
}
#content-bottom 
{
    background: transparent url('/images/frame-bottom.png') no-repeat scroll left bottom;
    height: 16px;
    position: relative;
    width: 903px;
}

label {margin-left: 0; font-size: 85%; display: block; text-align: left; color: DimGray}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

#linkbar {
	float: left;
	margin-right: 10px;
}

#linkbar ul {
	margin: 0px;
	padding: 0px;
}

#linkbar li {
	list-style: none;
}

#subheader { padding:6px 0px 0px 0px;width:100%;margin-bottom:20px;color:#ccc;border-bottom:solid 2px #ccc;padding-bottom:6px;text-align:center }
#subheader a {padding:0px 3px;}
#subheader a.active {font-weight:bold;color:#000;text-decoration:none;}
#subheader a.active:hover {text-decoration:underline;}
	
#wrap {
	margin:0 auto;
}

.main {
	padding-left: 20px;
	padding-right: 20px;
}
	
#sidebar {		
	border: 1px solid #2B2925;
	float:left;
	padding: 0px;
	width:200px;
}

#sidebar a {
	text-decoration: none;
}
	
#sidebar img {
	border: 0px;
}
	
#sidebar ul {
	background: #ffffee;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding: 0px;
}
    
#sidebar li {
	border-top: 1px solid #2B2925;
	list-style: none;
	margin: 0px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#sidebar li.sub {
	padding-left: 30px;
}

.header {
	background: #F0FFFF; 
	border-bottom: 1px solid #E0EFEF; 
	padding:10px; 
	text-align: right;
	margin-bottom: 10px;
}

.error {
	padding: 10px;
}

.album {width:170px;float:left;height:185px;text-align:center;}
.album .img_stack_container { height:110px; }
.album .img_stack {background-color:#f5f5f5;border:solid 1px #ccc;width:140px;margin:3px auto 0px auto}
.album .img {position:relative;top:-3px;left:-3px;width:130px;margin: 0 auto 0 auto;padding: 4px;border: 1px solid #D9E0E6;border-bottom-color: #C8CDD2;border-right-color: #C8CDD2;background: #fff;text-align:center;}
.album .img img {vertical-align:text-bottom}
.album .title {font-size:11px;font-weight:bold;margin:0px 5px;padding:0px;}
.album .count {color:#666;font-weight:normal;font-size:11px;}
.album .date {font-size:11px;color:#666;margin:0px 5px;padding:0px;}
.album .owner {font-size:11px;color:#666;margin:0px 5px;padding:0px;}

.clear {clear:both;height:0px;overflow:hidden;}

.add_photos_btn {float:right;margin:6px 0px 0px 15px;background:url(/images/add_photos_icn.gif) no-repeat 0px 0px;padding:0px 0px 0px 18px }
.add_relative_btn {margin:6px 0px 0px 0px;background:url(/images/add.gif) no-repeat 0px 0px;padding:0px 0px 0px 18px; }
.edit_album_btn {float:right;margin:6px 0px 0px 15px;background:url(/images/edit_album_icn.gif) no-repeat 0px 0px;padding:0px 0px 0px 18px }
.pdf {background:url(/images/pdf_icn.gif) no-repeat 0px 0px;padding:0px 0px 0px 18px}
.invite_btn {float:right;margin:6px 0px 0px 15px;background:url(/images/mail_icn.gif) no-repeat 0px 0px;padding:0px 0px 0px 18px }
.tree_btn {float:right;margin:6px 0px 0px 15px;background:url(/images/icon-org.png) no-repeat 0px 0px;padding:0px 0px 0px 18px }
.profile_btn {float:right;margin:6px 0px 0px 15px;background:url(/images/icon-page.png) no-repeat 0px 0px;padding:0px 0px 0px 18px }
.user_edit_btn { margin:6px 0px 0px 0px; background:url(/images/user-edit.gif) no-repeat 0px 0px; padding:0px 0px 0px 18px; }

.photo_album_container_height {height: 170px}
.people_height {height: 160px}
.photo_album_container {margin: 0px 10px 10px 0px; float: left}
.photo_album_container .one {padding: 5px 10px 7px 4px; background: url(/images/photo_album_background.gif) 0 100% no-repeat}
.photo_album_container .one img {height: 111px}
.photo_album_container .overlay {position: absolute; text-align: center; margin: 65px 0px 0px 10px; width: 135px; background-color: white; opacity:.80; filter: alpha(opacity=80)}
.photo_album_container .overlay2 {position: absolute; text-align: center; margin: 100px 0px 0px 10px; width: 135px; background-color: LightGoldenrodYellow}

#photo_uploader .content {clear:both;background-color:#f0f8ff;border:solid 1px #a9a9a9;border-top:none;padding:20px;position:relative;}
#photo_uploader .content .buttons {text-align:right;margin:15px 0 0 0}
#photo_uploader .content p {margin:10px 0px}
#photo_uploader .content label {float:left;font-size:12px;width:90px;position: relative}
#photo_uploader .content .photo_field {padding:5px 20px;}
#photo_uploader .content input {font-size:13px;width:300px;padding:1px}

.message_box {
	display:block;
	margin:20px;
	padding:20px;
	width:560px;
}
.message_box h2 { color:#000000; margin:0px; }

/*****************************************************************
Photos
*****************************************************************/
#photos_table {margin-bottom:0px;padding:10px 0px;}
#photos_table .photo {margin:3px;float:left;text-align:center;position:relative;padding:0px;width:132px;height:120px}
#photos_table .photo a img {background:#ffffff; display:block;margin:0px auto;border:solid 1px #ccc;padding:3px;}
#photos_table .photo a:hover {border:none;}
#photos_table .photo a:hover img {border:solid 1px #000;}

.virgin { color:#999999; }

#thumbnail_carousel .selected img {
	border:4px solid #FFA500;
	height:42px;
	width:42px;
}

#thumbnail_carousel .position {
	color:#666666;
	float:left;
	font-size:12px;
	margin:20px 5px 0px;
	text-align:center;
	width:130px;
}

.carousel-component {
    clear:both;
    margin:0px;
    overflow:hidden;
    position:relative;
}
.carousel-component .clipregion {
    float:left;
    margin:0px;
    overflow:hidden;
    padding:0px;
    position:relative;
    width:564px;
}
.carousel-component ul {
    margin:0px;
    padding:0px;
    position:relative;
    width:10000px;
    z-index:1;
}
.carousel-component ul li {
	float:left;
	list-style-type:none;
	overflow:hidden;
	padding:0px;
	text-align:center;
}
.carousel-component ul li img {
	margin:3px;
	padding:0px;
	vertical-align:text-bottom;
}
.carousel-component #last {
    background-color:aliceblue;
    border:1px solid #CCCCCC;
    font-size:11px;
    height:60px;
    padding:3px;
    width:80px;
}

.image {background:#ffffff; margin:0px; border-bottom:none; padding:4px 3px 5px 4px;text-align:center;}
.image img {padding:0px;vertical-align:text-top;}
.nextprev {text-align:right;padding:0px 3px 3px 0px;float:none;color:#999;}
.nextprev a {text-decoration:none;}
.nextprev a:hover {text-decoration:underline;}
.nextprev h3 {float:left;color:#000;font-size:16px;}
.image_info { margin:0px; background-color:#f5f5f5; padding:10px; border-top:solid 1px #cccccc; }
.caption {margin:8px 10px 12px 10px;text-align:center;font-size:12px;}
.caption_text {font-size:13px;}
.edit_caption {font-size:11px; padding-left: 2px;}
.caption_field {color:#999;}
.in_this_photo {float:left;width:400px;}
.in_this_photo .taglist {margin:2px 0 0 0;}
.in_this_photo .taglist a {text-decoration:none;}
.in_this_photo .taglist a:hover {text-decoration:underline;}
#in_this_photo_edit input {vertical-align:text-top;}

.image_controls {margin:0px;float:right;width:100px;border-left:solid 1px #ccc;padding:0px 15px}
.image_controls li {list-style: none; margin:3px 0px 3px 0px;font-size:12px;}
.image_controls li a {padding:2px 0px;}
.image_controls li img {vertical-align:text-bottom;border:none;}
.image_controls li a.make_profile {background:url(/images/profile_icn.gif) no-repeat 0px 0px; padding:0px 0px 2px 22px}
.image_controls li a.set_album_cover {background:url(/images/album_cover_icn.gif) no-repeat 0px 0; padding:0px 0px 2px 22px}
.image_controls li a.add_favorite {background:url(/images/make_favorite_icn.gif) no-repeat 0px 0;padding:0px 0px 2px 22px}
.image_controls li a.remove_favorite {background:url(/images/remove_favorite_icn.gif) no-repeat 0px 0;padding:0px 0px 2px 22px}
.image_controls li a.delete {background:url(/images/delete_icn.gif) no-repeat 0px 0;padding:0px 0px 2px 22px;}
.image_controls li a.tag {background:url(/images/icon-tag.png) no-repeat 0px 0;padding:0px 0px 2px 22px;}
.image_controls li.move_to_album {background:url(/images/move_img_icn.gif) no-repeat 1px 1px;padding:0px 0px 2px 22px;}
.image_controls li.move_to_album select {width:90%;font-size:12px;}

.instructions 
{
    background:#FFFBE2;
    border: 1px solid #FFE222;
    margin: 10px;
    padding: 10px;
    text-align: left;
}

.tagmode img { cursor: crosshair; }

.select_users_container {background-color:#f5f5f5;padding:0px;border:solid 1px #a9a9a9;margin-top:-1px;}
.select_users_container .tip {font-size:11px;margin:0px 0px 8px 0px;display:block;width:204px;color:#000;font-weight:bold;display:block}
.select_users_container .people {overflow:auto;height:160px;padding:5px 15px 5px 2px;overflow-x:hidden;}
.select_users_container ul {padding:5px;}
.select_users_container ul li {margin-bottom:3px;font-size:11px;white-space:nowrap;font-weight:bold;cursor:pointer;}
.select_users_container ul li a {text-decoration:none;color:#333;padding:0px;margin:0px;display:block;cursor:pointer;font-weight:bold;}
.select_users_container ul li a:hover {color:#1166bb}
.select_users_container ul li.selected {color:#1166bb}
.select_users_container ul li a em {color:red;font-weight:bold;}
.select_users_container ul li a span {color:#666;font-size:11px;display:inline;font-weight:normal;margin:0px;}
.select_users_container form {margin:0px;padding:0px}
.select_users_container .cancel {background-color:#eee;padding:2px 4px;text-align:center;border-top:solid 1px #ccc;margin:0px}
.select_users_container .cancel button {font-size:11px;text-decoration:none;cursor:pointer;}
.select_users_container input {width:13px;height:13px;}

.photo_tag_region 
{
    background:red;
    border: 3px solid #ffff00;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 2;
}

#SpanInThisPhoto span 
{
    margin-right:5px;
}

table.forum 
{
	background: #ffFFF0; 
	border: 1px solid #dfdFd0; 
	border-collapse: collapse;
	width: 100%;
}

table.forum td, table.forum th 
{
    border: 1px solid #dfdFd0;
    padding: 5px;
}

table.forum th 
{
    font-weight: bold;
}

.stats 
{
    background: #f0F0e0;
    width: 75px;
    text-align: center;
}
	    		
p {
    margin-bottom: 20px;
    margin-top: 5px;
}
		
.button {
	cursor: pointer;
	font-size:85%;
	font-weight:bold;
	padding:3px 6px;
	vertical-align:middle;
}

.coloredbox {
	padding:10px;
}
		
#breadcrumbs 
{
    background: #d9d5b1 url('/images/bottom-shade.png') repeat-x top;
    color: #807149;
    font-size: 8pt;
    padding: 5px 5px 5px 10px;
    margin: -5px 10px 10px 10px;
}
			
#container 
{
    height: 100%;
    margin: auto;
    position: relative;
    top: -20px;
    width: 903px;
}
				
#DivPhotos {
	width:650px;
}
	
#footer 
{
	color: #807149;
	font-size: 8pt;  
	padding-top: 5px;  
	text-align: center;
}

/* The login page has a special footer. */		
#login #footer {
	clear: both;
	text-align: left;
    bottom: 0px;
	position: absolute;
	right: 0px;
}
		
#header 
{    
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
#header-bottom 
{
    background: transparent url('/images/bottom-shade.png') repeat-x top;
    height: 15px;
    margin-bottom: 10px;
    width: 100%;
}
		
#header #content 
{
    background: none;
    height: 50px;
    margin: auto;
    padding: 0px;
    width: 883px;
}
		
#login #content 
{
    background: none;
    padding: 0px;
    width: 360px;
}
		
/* a special, taler header specifically for the login/splash page. */
#login #header 
{
    margin-bottom: 50px;
    padding: 50px 0px 50px 0px;
    text-align: center;
}
		
#header .highlight 
{
    color: #ffffcc;
    font-weight: bold;
}
		
#header a:link, #header a:visited, #header a:active 
{
    color: #e5f1f4;
}
		
#loginbox, .loginbox {
	background: #D7ECD1;
    float: right;
    margin-left: 20px;
    width: 250px;
    padding:20px; 
}
		
#loginbox a:link, .loginbox a:link, #loginbox a:visited, .loginbox a:visited, #loginbox a:active, .loginbox a:active {
    color: #e4efc7;
}
				
#loginbox h2, .loginbox h2, #loginbox h3, .loginbox h3 {
    color: #ffffff;
}
				
#viewphoto #container {
	width: 900px;
}
		
#viewphoto #content {
	width: 900px;
}

#viewphoto #menu 
{
    width: 900px;
}
		
.messageHeader { border-bottom:1px solid #CFCFC0; color:#AFAFA0; font-size:8pt; margin-bottom:5px; }

table.form { border-collapse:collapse; }
table.form th {
	padding: 5px;
	text-align: right;
}
table.form td { padding: 5px; }

/* Menu Styles */
#menu 
{
    padding-left: 10px;
    width: 903px;
}

#menu a 
{
    /*border-right: 1px solid #334735;*/
    /*color: #ffffff;*/
    display: block;
    float:left;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

/* Icons for Main Menu buttons */
#menu .tree_btn 
{
    background:url(/images/icon-org.png) no-repeat 8px 6px;
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 30px;
}
#menu .photos_btn 
{
    background:url(/images/icon-images.png) no-repeat 8px 6px;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 30px;
}
#menu .forum_btn 
{
    background:url(/images/icon-comments.png) no-repeat 8px 6px;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 30px;
}
#menu .profile_btn 
{
    background:url(/images/icon-page.png) no-repeat 8px 6px;
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 30px;
}

#right-panel 
{
    background: #d7ecd1;
    float: right;
    padding: 10px;
    position: relative;
    width: 280px;
}

#left-panel 
{
    margin-right: 300px;   
    padding: 0px 10px 10px 0px;
}

.clear-block 
{
    display: block;
}