@import url("common.css");

/*begin normal CSS for Tier 1 browser: Firefox
----------------------------------------------------*/
html {background: #fff; color: #000; font-size:16px;}
body {text-align: center; font: 62.5%/1 Arial, Helvetica, sans-serif;}

/*html tags
----------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p {font-weight: normal; margin: 15px 0 0; line-height: 1.2em; color: #666;}
h1 {font-size: 2.2em; position: relative;}
h2 {font-size: 1.8em;}
h2 strong {font-size: .6em; margin-left: 5px;}
h3 {font-size: 1.4em; font-weight: bold;}
h4 {font-size: 1.1em; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
p {margin: 0 0 .75em; font-size: 1.2em; line-height: 1.5em;}
ul,ol {margin: 0 0 15px; font-size: 1.2em;}
ol li {list-style-type: decimal; list-style-position: inside;}
input {overflow: visible;}
a:link,a:visited {color: #4580B4;}
a:focus,a:hover {color: #000; outline: 0;}
pre, code { font: 125% monospace;}
blockquote {padding: 1px 30px; background: #eee;}
small {font-size: 0.6em; font-weight: bold; position: absolute; right: 0; line-height: inherit; color: #4580B4;}
table {width: 100%; font-size: 1.1em; margin: 0 0 15px;}
caption {padding: 5px; text-align: left; font-weight: bold; border: 0;}
tr,th,td {border: 1px solid #fff; padding: 5px 5px; background: #eee; text-align: left;}
th {background: #ddd; font-weight: bold; text-align: left; white-space: nowrap;}

/*classes
----------------------------------------------------*/
img.left {float: left; margin: 0 15px 7px 0;}
img.right {float: right; margin: 0 0 7px 15px;}
.right {text-align: right;}
.floatright {float: right;}
.quarter {float: left; width: 240px;}
.quarter h2,.quarter h3,.quarter h4,.quarter p,.quarter ul {margin-left: 15px; margin-right: 15px;}
.ad {background:url(images/bg-ads.gif) no-repeat 0 0; margin: 0 0 15px; padding-top: 10px; text-align: center;}
.ad img {margin: 5px auto;}
.news {margin: 10px 0; background: #ffc; border: 1px solid #ffa800; padding: 10px; position: relative;}
div.actions {background: #f1f1f1; border: 1px solid #D6D6D6; padding: 10px; position: absolute; top: 45px; right: 0; z-index: 100;}
div.video-holder {margin: 15px 0; text-align: center;}
div.video-holder img {margin: 0 auto; padding: 8px; background: #f1f1f1;}
div.video-controls {position:relative;}

.top {position: absolute; top: 0; right: 0;}
.vault .top {top: 18px; right: 15px;}

.contact-list {width: 639px; height: 300px; overflow: auto; margin: 10px 0; border: 3px solid #999;}
.contact-list * {position: static !important;}

/*pagination*/
.pagination {margin: 10px 0; padding: 5px; background: #e6e6e6;}
.pagination.noborder {padding: 5px !important;}

li.private {color: #CF1920;font-weight: bold;}
li.public {color: #22AF0A;font-weight: bold;}

.vault {padding: 10px; border: 1px solid #e6e6e6; position: relative; margin-bottom: 10px;}
.content-half {float: left; margin: 15px 15px 0 0; width: 285px; padding: 1px 15px;background: #e7e7e7;display: inline;border-bottom: 1px solid #ccc;}
.content-half-right {float: left; margin: 15px 0 0 0; width: 285px; padding: 1px 15px;background: #e7e7e7;display: inline; clear:right;border-bottom: 1px solid #ccc;}
.content-half a,.content-half-right a {font-weight: bold;}

div.post {border-bottom: 1px solid #ccc;}
div.tag-index, p.tag-index {margin: 15px 0; font-size: 1.2em; text-align: center;}

.message-header {border: 1px solid #ccc; padding: 10px 15px; position: relative;}
.message-body {border: 1px solid #ccc; border-width: 0 1px 1px; padding: 10px 15px; position: relative; font-size: 1.1em;}

div.popup,
#comment-it,
#bookmark-it,
#share-it,
#rate-it {display: block; clear: both; padding: 15px 10px 10px;	background: #e6e6e6 url(images/bg-pointer.gif) no-repeat 0 0; margin-top: 5px;}
#comment-it .ctrlHolder,#share-it .ctrlHolder,#rate-it .ctrlHolder {border: 0;}
#comment-it {background-position: -700px 0;}
#comment-it textarea {width: 622px;}
#comment-it label {margin-top:3px;font-size: 1.1em; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
#share-it {background-position: -530px 0;}
#bookmark-it {background-position: -620px 0;}
#rate-it {background-position: -550px 0;}
div.invite {background: #e6e6e6; padding: 10px; width: 540px; display: none;}
div.invite textarea {width: 528px;}
div.share-on-web {margin-left:40px;}

div.popup a.button {margin-right: 10px;}
div.popup.hotmail {background-position: -690px 0;}
div.popup.yahoo {background-position: -515px 0;}
div.popup.gmail {background-position: -600px 0;}
div.popup.aol {background-position: -430px 0;}
div.popup.other {background-position: -370px 0;}

.commentarea {font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; width: 300px; color: #666;}
.commentsubmit {background: #ccc; border: 1px solid #aaa; padding: 2px 5px; margin-top: 5px;}

/*p
----------------------------------------------------*/
#signin p {font-size: 1.1em;line-height: 30px;text-align: center;}
div.video-controls p.right {position:absolute; right: 0;}
/*p.breadcrumbs*/
p.breadcrumbs {margin: 15px 0; padding: 0 15px; line-height: 30px; background:url(images/bg-bredacrumbs-wide.gif) no-repeat 0 0; font-size: 1.1em;}
#content-main p.breadcrumbs {background: url(images/bg-bredacrumbs.gif) no-repeat 0 0;}
p.breadcrumbs a {font-weight: bold; background: url(images/bg-bredacrumbs-a.gif) no-repeat 100% 50%; line-height: 30px; display: block; float: left; padding: 0 15px 0 0; margin-right: 10px;}
.pagination p {float: left;margin: 0 0 1px;line-height: 1.5em;text-transform: uppercase;font-weight: bold; font-size: 1.1em;}

p.date {float: left; width: 65px; padding: 2px; margin: 0 5px 0 0 !important; text-align:center; font-size: 1.1em; font-weight: bold; background: #D9EFC2; color: #516F30; border-radius: 4px;webkit-border-radius: 4px;-moz-border-radius: 4px;}
p.smalldate {margin:0 !important; color:#999999;font-size:1em;}
#sidebar p {margin: .5em 0 0; font-size: 1.1em;}
#sidebar p.privacy {background:url(images/bg-p-privacy.png) no-repeat 0 0; margin: 15px 15px 0; color:#999; padding-left: 50px;}
.news-holder p {margin-bottom: 0.5em;}
.pic-holder p {margin: 5px auto 0; text-align: center; white-space: wrap; font-size: 1.1em;}
p.info {background: url(images/icon-32-group.png) no-repeat 0 0; line-height: 1.2em; height: 25px; padding-left: 40px; padding-top: 7px; margin:0;}
div.popup p {margin: 10px 0 0; color: #000;}
.vault p {margin-top: .5em;}
table#messages p {margin: 10px;}
p.comment {margin: .3em 0; padding: 0 0 .5em; border: 1px dashed #ccc; border-width: 0 0 1px;}

/*tables
----------------------------------------------------*/
tr.read .subject a {background: url(images/icons-16.png) no-repeat 0 -1000px;padding: 0 0 0 25px;display: block;}
tr.items {color:#666666;}
tr.unread, tr.items_bold {font-weight: bold;color:#000000;}
tr.unread .subject a {background: url(images/icons-16.png) no-repeat 0 -350px;padding: 0 0 0 25px;display: block;}
table#messages td {vertical-align: top;}
table#messages ul.icons {font-size: 1em; font-weight: bold;}
table#messages .post-header {background:#E8E8E8; border-bottom: 1px solid #fff; margin: -2px -5px; padding: 5px; font-size: 1.1em;font-weight: bold;}
table#messages tr.even td {background: #DDD;}
td.post_author {padding: 10px; text-align: center;}

#forums, #message_table {line-height: 1.5em;}

#forums tr.odd, #threads tr.odd { background: #f0f6f9; }
#forums tr, #forums th, #forums td, #threads tr, #threads th, #threads td { background: none; }
#forums thead, #threads thead { background: #ddd; }

#threads {line-height: 1.5em;}
#threads td, #forums td {border-bottom: 1px solid #ddd;}
#threads td.thread_name {background: url(images/icons-forum-16.png) no-repeat 5px -311px;padding-left: 35px;}
#threads td.thread_name a, #forums td.forum_name a {font-size: 1.1em; font-weight: bold;}

#forums td.forum_name {background: url(images/icons-forum-16.png) no-repeat 5px 5px;padding-left: 35px;}
#forums td.forum_name p.forum_description {font-size: 1em;}
td.col2_full {background: url(images/icons-16.png) no-repeat 3px -1547px;}

/*h1
----------------------------------------------------*/
#content h1 {margin-bottom: .5em;}
#content h1 small {top: 5px;}
#content-main h1.intro {margin: 15px 0 -15px 0;	background: url(images/bg-h1-home.gif) no-repeat; height: 130px; width: 480px; text-indent: -99999px;}
#content h1.user {padding-left: 28px; background: #e6e6e6 url(images/icon-24-user.png) no-repeat 8px 50%; border-bottom: 2px solid #ccc; line-height: 31px; height: 31px; margin-bottom: 0; padding: 5px 0 3px 43px; color: #0068AE;}
h1 small a.edit {background: #fff url(images/bg-a-edit.gif) no-repeat 4px 4px; padding: 2px 5px 2px 23px; border: 1px solid #ccc; border-radius: 4px;webkit-border-radius: 4px;-moz-border-radius: 4px; margin-right: 10px;}
h1 small a.contact {background: #fff url(images/bg-a-contact.gif) no-repeat 4px 2px; padding: 2px 5px 2px 23px; border: 1px solid #ccc; border-radius: 4px;webkit-border-radius: 4px;-moz-border-radius: 4px; margin-right: 10px;}

/*h2
----------------------------------------------------*/
h2 {padding-bottom:3px;}
h2.stories,
h2.moreinfo,
h2.photos,
h2.bookmarks,
h2.rss,
h2.newsHP,
h2.comments,
h2.users,
h2.webmail,
h2.featured,
h2.dosomething,
h2.dashboard,
h2.how-to,
h2.trees,
h2.plain {padding: 5px 0 3px 43px; background: #e6e6e6 url(images/bg-h2-stories.gif) no-repeat 6px 50%; border-bottom: 2px solid #ccc; line-height: 31px; height: 31px;}
h2.rss {background: #e6e6e6 url(images/bg-h2-rss.gif) no-repeat 6px 50%;}
h2.photos {background: #e6e6e6 url(images/bg-h2-photos.gif) no-repeat 6px 50%;}
h2.dashboard {background: #e6e6e6 url(images/bg-h2-dashboard.gif) no-repeat 6px 50%;}
h2.comments {background: #e6e6e6 url(images/bg-h2-comments.gif) no-repeat 6px 50%;}
h2.webmail {background: #e6e6e6 url(images/bg-h2-mail.gif) no-repeat 6px 50%;}
h2.users {background: #e6e6e6 url(images/bg-h2-users.gif) no-repeat 6px 50%;}
h2.rss {background: #e6e6e6 url(images/bg-h2-news.gif) no-repeat 6px 50%;}
h2.newsHP {background: #e6e6e6 url(images/bg-h2-rss.gif) no-repeat 6px 50%;}
h2.how-to {background: #e6e6e6 url(images/bg-h2-howto.gif) no-repeat 8px 52%;}
h2.featured {background: #e6e6e6 url(images/bg-h2-featured.gif) no-repeat 0 52%;}
h2.dosomething {background: #e6e6e6 url(images/bg-h2-dosomething.gif) no-repeat 0 52%;}
h2.moreinfo {background: #e6e6e6 url(images/bg-h2-moreinfo.png) no-repeat 5px 52%;}
h2.trees {background: #e6e6e6 url(images/icon-32-tree.png) no-repeat 8px 52%;}

.profile h2.stories {background: #e6e6e6 url(images/bg-h2-stories.gif) no-repeat 0 0; padding-left: 35px; line-height: 31px; height: 31px; border-bottom: 2px solid #ccc;}
.profile h2 {background: url(images/icon-24-user.png) no-repeat 0 0; padding-left: 30px; line-height: 24px; height: 24px;}
.rounded-box.profile h2.stories {background: #fff url(images/icon-32-video.png) no-repeat -3px 50%; padding-left: 33px; line-height: 31px; height: 31px; border-bottom: 2px solid #ccc;}

h2.stories small,
h2.photos small,
h2.rss small,
h2.newsHP small,
h2.comments small,
h2.how-to small,
h2.users small,
h2.trees small,
h2.plain small {right: 15px;}
#sidebar h2 small {right: 0;}
#sidebar .rounded-box h2 {margin: 0 0 5px; border: 0; padding-top: 0; padding-bottom: 0;}
.rounded-box h2.stories {padding-left: 37px; background: url(images/bg-h2-stories.gif) no-repeat 0 50%;}
.rounded-box h2.bookmarks {padding-left: 37px; background: url(images/bg-h2-featured.gif) no-repeat 0 50%;}
.rounded-box h2.dosomething {padding-left: 39px;}
.rounded-box h2.featured {padding-left: 39px;}
.news h2 {margin: 0;}
ul.contacts h2 {margin: 0; padding: 5px 10px; border-bottom: 3px solid #999 !important;}
.vault h2 {margin-top: 0;}/*.vault h2 a:hover {background: #fff;}*/

/*h3
----------------------------------------------------*/
h3 small {font-size: .8em; color: #666; font-weight: normal;}
.list-item h3 {margin: 0;}
.description h3 {margin: 0 0 5px;}
.news h3 {margin: 0;}
.message-header h3 {margin: 0;}
h3 span.smaller { font-weight:normal;font-size:0.8em; }
h3.message,
h3.connect,
h3.contacts,
h3.svteam-news {padding-bottom: 3px; margin-bottom: 5px;border-bottom: 1px solid #ccc;}
h3.message {background: url(images/icons-16.png) no-repeat 100% -350px;}
h3.connect {background: url(images/icons-16.png) no-repeat 100% -850px;}
h3.contacts {background: url(images/icons-16.png) no-repeat 100% -700px;}
h3.vault {line-height: 24px;}
.home-person h3 {color: #B15828; margin: .2em 0 0;}
#sidebar .list-item h3 {padding-right: 70px;}
#sidebar .rounded-box .list-item h3 {padding-right: 0;}

/*h4
----------------------------------------------------*/
#sidebar .rounded-box h4 {margin: 10px 0 5px;}
#comment-it h4,
#share-it h4,
#rate-it h4,
div.invite h4 {margin-top:3px;}

/*lists
----------------------------------------------------*/
/*top navigation*/
#header ul {font-size: 1.1em; font-weight: bold; background: url(images/bg-menu.png) no-repeat 0 0;width: 585px;height: 39px;padding: 2px 0 4px; margin: 0;}
#header li {width: auto; line-height: 33px; height: 33px; display: inline;}
#header li a {float: left; text-align: center; border-right: 1px solid #a3a3a4; line-height: 33px; height: 33px; outline: none; padding: 0 9px;}
#header li.last a {background: url(images/bg-li-upload-video.gif) no-repeat 7px 6px; border: 0; padding: 0 0 0 35px;}
#header li a:hover {color: #000;}
#header li.last a:hover {background: url(images/bg-li-upload-video.gif) no-repeat 7px -116px;}

#sidebar ul {margin: 10px -15px 0;border-top: 1px solid #efefef; overflow: auto;}
#sidebar .profile ul {margin: 10px -12px 0;border-top: 1px solid #efefef;}
#sidebar ul li {display: block;}
#sidebar ul li a {width: 270px; float: left; padding: 6px 15px; border-bottom: 1px solid #efefef; background: url(images/icons-16.png) no-repeat 95% 5px !important;}
#sidebar ul.entries li a {width: 240px;display: block;padding: 5px 45px 5px 15px;border-bottom: 1px solid #efefef;background: url(images/icons-16.png) no-repeat 95% 5px !important;}
#sidebar #homepagefix ul li a {width: 434px;}
#sidebar .profile ul li a {width: 264px;}
	#sidebar ul li a.home {background-position: 96% -495px !important;}
	#sidebar ul li a.inbox {background-position: 96% -345px !important;}
	#sidebar ul li a.groups {background-position: 96% -545px !important;}
	#sidebar ul li a.bookmark {background-position: 96% -1095px !important;}
	#sidebar ul li a.blbook {background-position: 96% -595px !important;}
	#sidebar ul li a.vidbook {background-position: 96% -645px !important;}
	#sidebar ul li a.blog {background-position: 96% -595px !important;}
	#sidebar ul li a.videos {background-position: 96% -645px !important;}
	#sidebar ul li a.contacts {background-position: 96% -695px !important;}
	#sidebar ul li a.profile {background-position: 96% -745px !important;}
	#sidebar ul li a.edit {background-position: 96% -395px !important;}
	#sidebar ul li a.share {background-position: 96% -45px !important;}
	#sidebar ul li a.new {background-position: 96% -195px !important;}
	#sidebar ul li a.mynews {background-position: 96% -1495px !important;}
	#sidebar ul li a.contact {background-position: 96% -795px !important;}
	#sidebar ul li a.invite {background-position: 96% -845px !important;}
	#sidebar ul li a.search {background-position: 96% -895px !important;}
	#sidebar ul li a.rss {background-position: 96% -945px !important;}
	#sidebar ul li a.forum {background-position: 96% -1145px !important;}
	#sidebar ul li a.people {background-position: 96% -1245px !important;}
	#sidebar ul li a.stories {background-position: 96% -1295px !important;}
	#sidebar ul li a.photos {background-position: 96% -1345px !important;}
	#sidebar ul li a.tags {background-position: 96% -1045px !important;}
#sidebar ul li.current a {background-color: #f4f4f4 !important; font-weight: bold;}
#sidebar ul li.current a:hover {color: #4580B4;}
#sidebar ul li a:hover {background-color: #fff !important;}

/*tabs*/
ul.tabs {background: url(images/bg-tabs.gif) repeat-x 0 100%;border: 0;margin: 10px 0;padding-left: 5px;font-size: 1.1em;font-weight: bold;border: 0;}
ul.tabs li {display: inline;}
ul.tabs li a {background: url(images/bg-tabs-li-a.gif) no-repeat 0 -35px;display: block;line-height: 1em;float: left;margin-right: 5px;margin-bottom: 1px;padding: 0 0 0 10px;color: #fff;}
ul.tabs li a span {background: url(images/bg-tabs-li-a.gif) no-repeat 100% -35px;display: block;color: #FFF;padding: 7px 10px 7px 0;}
ul.tabs li a:hover,
ul.tabs li.current a {background: url(images/bg-tabs-li-a.gif) no-repeat 0 0;margin-bottom: 0;}
ul.tabs li a:hover span,
ul.tabs li.current a span {background: url(images/bg-tabs-li-a.gif) no-repeat 100% 0;color: #000;padding: 7px 10px 8px 0;}

/*control icons*/
ul.controls {font-size: 1.1em;line-height: 16px;margin: 5px 0 0;}
ul.controls li {display: inline;}
ul.controls li a {padding-left: 20px;background:url(images/icons-16.png) no-repeat 0 0;line-height: 18px;float: left;display: block;width: auto;margin-right: 5px;}
	ul.controls li.comment a {background-position: 0 0;}
	ul.controls li.share a {background-position: 0 -50px;}
	ul.controls li.disapprove a {background-position: 0 -100px;}
	ul.controls li.approve a {background-position: 0 -150px;}
	ul.controls li.add a {background-position: 0 -200px;}
	ul.controls li.remove a {background-position: 0 -250px;}
	ul.controls li.trash a {background-position: 0 -300px;}
	ul.controls li.email a {background-position: 0 -350px;}
	ul.controls li.edit a {background-position: 0 -400px;}
	ul.controls li.save a {background-position: 0 -450px;}
	ul.controls li.rss a {background-position: 0 -950px;}
	ul.controls li.reply a {background-position: 0 0;}
	ul.controls li.forward a {background-position: 0 -1050px;}
	ul.controls li.invite a {background-position: 0 -850px;}
	ul.controls li.search a {background-position: 0 -900px;}
	ul.controls li.bookmark a {background-position: 0 -1100px;}
	ul.controls li.forum a {background-position: 0 -1150px;}
	ul.controls li.report a {background-position: 0 -1600px;}
	ul.controls li.tags {background:url(images/icons-16.png) no-repeat 0 -1050px;float: left; display: block; width: auto; padding-left: 20px;}
	ul.controls li.tags a {background-image: none; float:none; display: inline; padding: 0; margin: 0;}
	ul.controls li.toggle {background-image:none;position: relative; float: right;}
	ul.controls li.toggle a {background: url(images/arrow-down.gif) no-repeat 0 50%;padding-left: 17px; font-weight: bold;margin-left: 5px;}
	ul.controls li.toggle div.actions {border: 1px solid #ccc;background: #fff; position: absolute; top: 18px; right: 0;padding: 0; width: auto;}
	ul.controls li.toggle div.actions ul {margin: 0;}
	ul.controls li.toggle ul li a {display: block; float: none;padding: 5px; line-height: 1em; font-size: 1em;background-image: none;border-bottom: 1px solid #ccc;margin: 0;white-space: nowrap;}

.message-body ul.controls {background: #f1f1f1;padding: 5px;margin: -8px -13px 10px;}

/*item data*/
ul.data {margin: 0;font-size: 1.1em;line-height: 1em;background: url(images/bg-ul-data.gif) no-repeat;height: 38px;}
	#sidebar ul.data {font-size: 1.2em;}
	#content-main ul.data {background: url(images/bg-ul-data-wide.gif) no-repeat;}
ul.data li {float: none;display: inline;font-weight: normal;line-height: 38px;}
	ul.data li.member {padding-left: 50px;padding-right: 25px;}
		#content-main ul.data li.member {padding-right: 10px;}
	ul.data li.tags {padding: 5px 0;padding-left: 30px;background: url(images/bg-li-tags.gif) no-repeat 0 0;height: 23px;}
ul.data li a {float: none;margin: 0;padding: 0;width: auto;display: inline;background: none;}
ul.data li a:hover {background: none;}

/*item data chapters*/
ul.chapters {margin: 0;font-size: 1.1em;line-height: 1.5em;}
ul.chapters strong {float: left; width: 87px;}
ul.chapters li {background: #eee;margin: 5px 0; padding: 3px 8px; width: auto;font-weight: bold;position: relative;}
ul.chapters a {background:url(images/icons-16.png) no-repeat 0 -1200px;padding-left: 20px;}
ul.chapters a.add {background:url(images/icons-16.png) no-repeat 0 -200px;width: auto;text-indent: 0;margin: 0;padding-left: 20px;font-weight: normal;float: none;position: absolute;right: 8px;top: 3px;}

/*member-data*/
ul.member-data {margin: 0 0 10px;line-height: 1.5em;}
ul.member-data li {clear: both;}
ul.member-data strong {width: 100px; display: block;float: left;clear: left;}
ul.member-data li.messages {background: url(images/icons-16.png) no-repeat 0 -350px; padding-left: 22px;}
ul.member-data li.users {background: url(images/icons-16.png) no-repeat 0 -1250px; padding-left: 22px;}
ul.member-data li.requests {background: url(images/icons-16.png) no-repeat 0 -700px; padding-left: 22px;}

/*pagination links*/
.pagination ul {float: right;margin: 0;line-height: 1em;}
.pagination li {float: left;margin: 0 0 0 1px;padding: 0 6px;display: inline;font-size: .9em;line-height: 1.6em;font-weight: bold;color: #000;background: #f1f1f1;}
.pagination li a {background: #fff;float: left;color: #000 !important;display: block;padding: 0 6px;margin: 0 -6px;}
.pagination li a:hover {background: #4580B4;color: #fff !important;}

/*user actions*/
ul.actions {margin: 10px 0;}
ul.actions li {display: inline; font-size: .9em; font-weight: bold; line-height: 1.1;}
ul.actions li a {display: block; float: left; width: 80px; min-height: 40px; height:auto !important; height:40px; padding: 45px 8px 8px; text-align: center; margin: 0 10px 7px 0;border-radius: 15px;webkit-border-radius: 15px;-moz-border-radius: 15px; background: #DFF1FF;}
	ul.actions li.tree a {background:#DFF1FF url(images/icon-32-tree.png) no-repeat 50% 7px;}
	ul.actions li.community a {background:#DFF1FF url(images/icon-32-community.png) no-repeat 50% 7px;}
	ul.actions li.profile a {background:#DFF1FF url(images/icon-32-user.png) no-repeat 50% 7px; color: #4580B4;}
	ul.actions li.profile a:hover {color: #000;}
	ul.actions li.new a {background:#DFF1FF url(images/icon-32-newstory.png) no-repeat 50% 7px;}
	ul.actions li.view a {background: #DFF1FF url(images/icon-32-view.png) no-repeat 50% 7px;}
	ul.actions li.edit a {background: #DFF1FF url(images/icon-32-video.png) no-repeat 50% 7px;}
	ul.actions li.add a {background:#DFF1FF url(images/icon-32-add.png) no-repeat 50% 7px;}
	ul.actions li.groups a {background: #DFF1FF url(images/icon-32-group.png) no-repeat 50% 7px;}
	ul.actions li.save a {background: #DFF1FF url(images/icon-32-save.png) no-repeat 50% 7px;}
ul.actions li a:hover {background-color: #FFF9DF;}

ul.actions-big {margin: 10px 0;}
ul.actions-big li {display: inline; font-size: 1em; font-weight: bold; line-height: 1.1;}
ul.actions-big li a {display: block; float: left; width: 130px; min-height: 40px; height:auto !important; height:40px; padding: 55px 8px 8px; text-align: center;border: 2px solid #e6e6e6;margin: 0 7px 7px 0;border-radius: 8px;webkit-border-radius: 8px;-moz-border-radius: 8px;}
	ul.actions-big li.uploadvideo a {background:url(images/icon-64-upload.png) no-repeat 50% 0;}
	ul.actions-big li.info a {background:url(images/icon-64-info.png) no-repeat 50% 0;}
	ul.actions-big li.help a {background:url(images/icon-64-help.png) no-repeat 50% 0;}
ul.actions-big li a:hover {border: 2px solid #C00;}

div.actions ul {margin: 0;font-size: 1.1em;}

/*share and rating icons*/
#share-it ul,#rate-it ul {margin: 7px 0 0;}
#share-it ul li, #rate-it ul li {display:inline;}
#share-it ul li a, #rate-it ul li a {text-indent: -99999px; width: 16px; height: 16px; float: left; margin-right: 10px;}
#rate-it ul li a {background: url(images/star.png) no-repeat; margin-right: 3px;}
	li.digg a {background: url(images/share-icons/digg.png) no-repeat;}
	li.delicious a{background: url(images/share-icons/delicious.png) no-repeat;}
	li.facebook a{background: url(images/share-icons/facebook.png) no-repeat;}
	li.stumbleupon a{background: url(images/share-icons/stumbleupon.png) no-repeat;}
	li.technorati a{background: url(images/share-icons/technorati.png) no-repeat;}
	li.furl a {background: url(images/share-icons/furl.png) no-repeat 0 -1px;}
	li.magnolia a{background: url(images/share-icons/magnolia.png) no-repeat;}

.message-header ul {margin: 5px 0; line-height: 1.3; font-size: 1.1em}
.message-header ul li strong {width: 80px;display: block;float: left;}

ul.webmail-select li {display: inline; margin-right: 15px;line-height: 23px;cursor: pointer;}
ul.webmail-select li img {vertical-align: middle;}

/*import contacts list*/
ul.contacts {font-size: 1em;}
ul.contacts li {float: left; clear: both; width: 610px;display: block;}
ul.contacts li ul {margin: 0;}
ul.contacts li li {border-bottom: 1px solid #ccc; margin: 0; clear: both; overflow: auto; font-size: .8em;}
ul.contacts li li .description {width: auto; padding: 5px 8px 0;}
ul.contacts li li.member {background: #ffc;}
ul.contacts input {float:left; width: auto; margin: 8px;}

/*family-tree*/
.tree-holder {padding: 0;background: url(images/bg-family-tree-holder.gif) no-repeat 0 0;border-top: 3px solid #ccc;border-bottom: 3px solid #ccc;font-size: 1.1em;height: 645px;position: relative;}
.tree-holder a,
.tree-holder span,
.tree-holder br {float: left;clear:left;white-space: nowrap;}
.tree-holder ul {font-size: 1em;padding: 0 !important;margin: 0!important;}
.tree-holder ul li {margin: 0 !important;padding: 5px;width: 158px;min-height: 25px; height:auto !important; height:25px; position: absolute;line-height: 1em;top: 305px;right: 12px; overflow: visible;}

.tree-holder ul ul {position: relative; top: -165px; right: 175px;}
.tree-holder ul ul li {top: 0;}
.tree-holder ul ul li.mother {top: 320px;}

.tree-holder ul ul ul {position: relative; top: -85px; right: 175px;}
.tree-holder ul ul ul li {top: 0;}
.tree-holder ul ul ul li.mother {top: 160px;}

.tree-holder ul ul ul ul {position: relative; top: -45px; right: 175px;}
.tree-holder ul ul ul ul li {top: 0;}
.tree-holder ul ul ul ul li.mother {top: 80px;}

.tree-holder ul ul ul ul ul {position: relative; top: -25px; right: 175px;}
.tree-holder ul ul ul ul ul li {top: 0;}
.tree-holder ul ul ul ul ul li.mother {top: 40px;}
.tree-holder ul ul ul ul ul li a,
.tree-holder ul ul ul ul ul li span {clear: none;}
.tree-holder ul ul ul ul ul li span {position: absolute; top: 1.7em;left: 5px;}

ul.tree li img {vertical-align:middle; margin: 0; float: right; display: inline;}

ul.tree li a.have-back {float: right;background: url(images/prev-next.gif) no-repeat 0px -15px;width: 8px;height: 15px;text-indent: -99999px; margin-top: 5px;margin-right: -15px;}
ul.tree li a.have-back:hover {background-position: -8px -15px;}
ul.tree li a.have {float: left;background: url(images/prev-next.gif) no-repeat -24px -15px;width: 8px;height: 15px;text-indent: -99999px; margin-top: 5px;margin-left: -15px;}
ul.tree li a.have:hover {background-position: -16px -15px;}
ul.tree li a.havent {float: left;background: url(images/prev-next.gif) no-repeat -24px -0;width: 8px;height: 15px;text-indent: -99999px; margin-top: 5px;margin-left: -15px;}
ul.tree li a.havent:hover {background-position: -16px 0;}

ul.tree div.popup {background: #fff url(images/bg-tree-popup.gif) no-repeat 0 100%;width: 250px; position: absolute; z-index: 1000;padding: 10px;display: none;z-index: 50;border-collapse:collapse;}
ul.tree div.popup small {position: absloute; right: 0; font-weight: bold;}
ul.tree div.popup p,
ul.tree div.popup h2,
ul.tree div.popup h3 {margin: 5px 0; color: #000; border-bottom: 1px solid #eee;}
ul.tree div.popup h2 {background: url(images/bg-tree-popup-h2.gif) no-repeat 0 0;margin: -10px -10px 0; padding: 8px 10px 5px;border: 0;}
ul.tree div.popup h2 a {float: none;}
ul.tree div.popup .pic-holder {width: auto; margin: 0 10px 0 0;padding: 0;border: 0;float: left;background: #333;}
ul.tree div.popup .description {width: 170px; padding: 0;border: 0;}
ul.tree div.popup .description p {display: block; float: none;margin: 0;font-size: 1em;}
ul.tree div.popup .description p small {float: right;font-size: 1em;}
ul.tree div.popup .description p.children {margin-left: 15px; border: 0;}
ul.tree div.popup a {float: none;}

/*a
------------------*/
.toggle {background: url(images/arrow-down.gif) no-repeat 0 50%;padding-left: 20px;}
.right a {font-weight: bold; margin: 10px 0 0; display: block; text-align: right;}
a#logo {background: url(images/logo.gif);float: left;width: 320px;height: 85px;margin-top: 30px;}
a#logo img {display: block;width: 0;}
#signin a {font-weight: bold;}
.pic-holder a {font-weight: bold;}
.pic-holder a img,
td.post_author a img {padding: 3px;background: #fff;border: 1px solid #ccc !important;}
.pic-holder a:hover img,
td.post_author a:hover img {background: #000;border: 1px solid #000 !important;}
.pic-holder a:hover,
td.post_author a:hover {white-space:inherit;}
.news-pic-holder a img {padding: 1px;background: #fff;border: 1px solid #fff !important;}
.news-pic-holder a:hover img {border: 1px solid #aaa !important;}
a.join {width: 210px;height: 32px;display: block;margin: 10px auto;padding: 0;background: #0CC url(images/bg-a-joinus.gif) no-repeat 0 0;font-size: 1.4em;line-height: 32px;text-align: center;color: #fff !important;font-weight: bold;}
a.join:hover {background-position: 0 -32px;}
a.add {background:url(images/icons-16.png) no-repeat 0 -200px;width: 16px; height: 16px; text-indent: -99999px; display: block; float: right; margin: 3px 0 0;}
h3 a.add {background:url(images/icons-16.png) no-repeat 0 -200px; display: block; text-indent: 0;width: auto;float: right; margin: 0;padding-left: 20px;}
a.add-comment {background: #006BB1;; font-weight: bold; padding: 3px 4px; color: #fff; font-size:.9em;}
a.add-comment:hover {background: #333;}
.profile a:link, .profile a:visited {color: #8d203c;}
.profile a:focus,.profile a:hover {color: #000; outline: 0;}
.news a.close {position:absolute;top:2px;right:2px;background:url(images/bg-a-close.png) no-repeat 0 0; width: 10px; height: 10px; text-indent: -99999px;}

.message-header a img {position: absolute;top: 10px;right: 10px;padding: 3px;background: #fff;border: 1px solid #ccc !important;}
.message-header a:hover img {background: #000;border: 1px solid #000 !important;}
a.upload-videos,
a.make-tree {background:#999 url(images/bg-a-upload-videos-make-tree.gif) no-repeat 0 0; width: 195px; height: 32px; font-size: 1.2em; line-height: 32px; color:#fff; font-weight: bold; float: left; display: block;padding-left: 15px;}
a.make-tree {background:#999 url(images/bg-a-upload-videos-make-tree.gif) no-repeat -210px 0; margin-left: 15px;}
a.upload-videos:hover,
a.make-tree:hover {background-position: 0 -32px;}
a.make-tree:hover {background-position: -210px -32px;}
a.invite-people,
a.see-requests {background:transparent url(images/icons-16.png) no-repeat scroll 0px -700px; height: 22px; font-size: 1em; line-height: 1.2em; font-weight: bold; display: block;padding-left: 25px;}
a.invite-people {background:transparent url(images/icons-16.png) no-repeat scroll 0px -850px; }
a.invite-people:hover, a.see-requests:hover { }
h3 a.play {background: url(images/button-play.gif) no-repeat 0 0;text-indent: -99999px;width: 12px; height: 24px;display: block;float: left;margin-right: 10px;}
	h3 a.play:hover {background: url(images/button-play.gif) no-repeat -12px 0;}
a.family-tree {background: url(images/bg-a-family-tree.gif) no-repeat 0 0;padding:3px 0 3px 28px; font-weight: bold;}
.content-half h2 a,
.content-half-right h2 a {font-size: .8em;}

a.h2-edit,
a.h2-delete {padding-left: 18px;background:url(images/icons-16.png) no-repeat 0 -1300px;line-height: 18px;margin-left: 5px;}
a.h2-delete {background:url(images/icons-16.png) no-repeat 0 -300px;}

h3.play a {background: url(images/icons-16.png) no-repeat -5px -1200px;padding-left: 16px;}

.videos .description h3 a {background: url(images/icons-16.png) no-repeat 0 -1400px; padding-left: 22px;}
.pictures .description h3 a {background: url(images/icons-16.png) no-repeat 0 -1450px; padding-left: 22px;}
.users .description h3 a {background: url(images/icons-16.png) no-repeat 0 -750px; padding-left: 22px;}
.documents .description h3 a {background: url(images/icons-16.png) no-repeat 0 -1500px; padding-left: 22px;}
a.ceop-button { background:url(images/bg-a-ceop.gif) 0 0 no-repeat; display:block; width:143px; height:51px;text-indent:-9999em;overflow:hidden; margin-top:3px;}
a.ceop-button:hover { background:url(images/bg-a-ceop.gif) 0 -60px no-repeat; }
a.search-text-results { background: transparent url(images/bg-a-search-text-results.png) 0 0 no-repeat; width:311px; height:40px; display:block; margin: 0 auto; text-indent:-9999em; overflow:hidden;}
a.search-text-results:hover { background: transparent url(images/bg-a-search-text-results.png) 0 -40px no-repeat;}
/* dashboard */
#sidebar .dashboard-ul {overflow:hidden;}
#sidebar .dashboard-ul li {width:100%;}
#sidebar .dashboard-ul li a {display:block;width:100%;}
#sidebar .dashboard-ul li a.dash-req {background:url(images/icons-16.png) no-repeat scroll 90% -1245px !important;}
#sidebar .dashboard-ul li a.dash-mail {background:url(images/icons-16.png) no-repeat scroll 90% -345px !important;}
#sidebar.narrow .dashboard-ul li a.dash-req {background:url(images/icons-16.png) no-repeat scroll 87% -1245px !important;}
#sidebar.narrow .dashboard-ul li a.dash-mail {background:url(images/icons-16.png) no-repeat scroll 87% -345px !important;}
#sidebar .dashboard-ul li a:hover,
#sidebar.narrow .dashboard-ul li a:hover {background-color:#fff !important; color: #000;}

/*

					LAYOUT

----------------------------------------------------*/

p.emptyness-below {margin-bottom:100px;}







/*header
----------------------------------------------------*/
#header-holder {width: 100%;}
#header {height: 119px;width: 960px;margin: 0 auto;background: url(images/bg-header.gif) no-repeat 0 100%;position: relative;}
	#header.home {height: 125px;background: url(images/bg-header-home.gif) no-repeat 0 100%;}

/*sign in div
----------------------------------------------------*/
#signin {float: right;height: 30px;background: url(images/bg-signin-top.gif) no-repeat 0 100%;width: 300px;text-align: center;}

/*top nav
----------------------------------------------------*/
#nav {position: absolute;right: 14px;top: 62px;z-index: 100;}

/*content
----------------------------------------------------*/
#content-holder {width: 100%;}
#content {width: 960px;margin: 0 auto;}

/*content layout
----------------------------------------------------*/
.news-holder {border: 1px solid #ccc; border-width: 0 1px 1px; padding: 10px 10px 0; overflow: hidden;}
.news-holder .list-item {padding-bottom: 0; padding-top: 0; margin-bottom: 15px; overflow: hidden;}

.list-holder {clear: both;}
.list-item,
.home-person {padding: 8px 5px; border-bottom: 1px solid #ccc; height: 1%; position: relative;}
	.noborder {margin-bottom: 0 !important; border-bottom: 0 !important; padding-bottom: 0 !important;}
	.narrow .list-item {padding: 0 0 5px; margin-bottom: 5px; border-bottom: 1px solid #BBB;}
	.vault .list-item {padding: 8px 0;}
	.user {padding-left: 28px; background: url(images/icon-24-user.png) no-repeat 0 3px;}
	.join {padding-left: 30px; background: url(images/icon-24-join.png) no-repeat 0 3px;}
	.post {padding-left: 30px; background: url(images/icon-24-post.png) no-repeat 0 3px;}
	.video {padding-left: 30px; background: url(images/icon-24-video.png) no-repeat 0 3px;}
	.rating {padding-left: 30px; background: url(images/icon-24-star.png) no-repeat 0 3px;}
	.photo {padding-left: 30px; background: url(images/icon-24-photo.png) no-repeat 0 3px;}
	.ftree {padding-left: 30px; background: url(images/icon-24-tree.png) no-repeat 0 3px;}

.list-item.clearfix.owner {background: #e6f7f8;}
	
.home-person {background: #fff6d6 url(images/bg-home-person.gif) repeat-x 0 0; border: 2px solid #BFA95F; overflow: auto;}
.nohome {background: #f5f5f5 url(images/bg-nohome-person.gif) repeat-x 0 0; border: 2px solid #ddd;}
.pic-holder {float: left; margin: 10px 10px 10px 0; width: 110px;}
	.narrow .pic-holder {float: left; margin: 0 10px 5px 0; width: 80px;}
	.narrow .pic-holder p {line-height: 1em;}
	.narrow .list-item .pic-holder {margin: 0 10px 0 0;}
	.home-person .pic-holder {width: auto; margin: 0;}
.list-item .pic-holder {margin: 0 15px 0 0;	width: auto;}
.news-pic-holder {float:left; margin:0 5px 5px 0; width:59px;}
.description {float: left; width: 350px; padding-left: 15px; border-left: 1px solid #ccc; margin: 0;}
	.narrow .description {width: 180px; padding-left: 0; border-left: 0;}
	.home-person .description {width: 450px;border: 0;}
	.narrow .profile .description {border-left: 0;}
	.wide .list-item .description {width: 495px;}
	.wide .news-holder .description {width: 495px;}
	.wide .vault .description {width: 470px; padding-left: 0; border-left: 0;}

/*rounded boxes*/
.rounded-box {margin: 15px 0; padding: 10px 15px 0; background: #e6e6e6 url(images/bg-sidebar-contentbox-top.gif) no-repeat 0 0;}
.rounded-box-bottom {background: #e6e6e6 url(images/bg-sidebar-contentbox-bottom.gif) no-repeat 0 100%; height: 17px; margin: 0 -15px; clear:both;}
	.narrow .rounded-box {background: #e6e6e6 url(images/bg-sidebar-contentbox-top-narrow.gif) no-repeat 0 0;}
	.narrow .rounded-box-bottom {background: #e6e6e6 url(images/bg-sidebar-contentbox-bottom-narrow.gif) no-repeat 0 100%;}
	.rounded-box.profile {background: #fff url(images/bg-sidebar-contentbox-top-profile.gif) no-repeat 0 0 !important;}
	.narrow .profile .rounded-box-bottom {background: url(images/bg-sidebar-contentbox-bottom-profile.gif) no-repeat 0 100%;}

/*content-main
----------------------------------------------------*/
#content-main {width: 480px; float: left; display: inline;}
	#content-main.wide {width: 645px;}

/*sidebar
----------------------------------------------------*/
#sidebar {width: 465px; float: right;}
	#sidebar.narrow {width: 300px; float: right;}

/*footer
----------------------------------------------------*/
#footer-holder {width: 100%; clear: both; height: 1%; padding: 15px 0;}
#footer {width: 960px; margin: 0 auto; padding: 1px 0 0; background: #d6d6d6 url(images/bg-footer.gif) no-repeat 0 0; overflow: auto; position:relative; z-index:1;}
#footer .quarter h2,
#footer .quarter h3,
#footer .quarter h4,
#footer .quarter p,
#footer .quarter ul {margin-left: 25px; margin-right: 25px; font-size: 1.1em;}
#footer h3 {color: #0D3764; margin-bottom: 10px;}
#footer a {color: #324987;}
#footer li a {color: #000; line-height: 1.5em;}
#footer li.feedback a,
#footer li.share a,
#footer li.rss a {background: url(images/icons-footer.gif) no-repeat 0 0; padding-left: 25px; height: 18px; line-height: 18px; display: block; margin-bottom: 2px;}
#footer li.share a {background: url(images/icons-footer.gif) no-repeat 2px -28px;}
#footer li.rss a {background: url(images/icons-footer.gif) no-repeat 0 100%;}
#footer a:hover {color: #000; text-decoration: underline;}
#footer ul {font-size: 1.1em;}
#footer p.copyright {background: url(images/bg-footer-bottom.gif) no-repeat 0 100%; margin: 0; padding: 15px 25px; clear: both; float: left; width: 910px; position: relative; height: 1%; font-size: 1.1em;}
#footer p.copyright .ed {position: absolute; right: 25px;}



/*Video pages
----------------------------------------------------*/

ul.moreinfo { margin: 1em 0 0; }
ul li.synopsis { padding: 2px 0 2px 40px; background: url(images/bg-li-synopsis.png) no-repeat 2px 50%; }
ul li.synopsis p { margin: 0; }
ul li.interviewee { padding: 0 0 0 40px; font-size: 1.2em; background: url(images/bg-li-interviewee.png) no-repeat 2px 50%; }
ul li.eventdate { padding: 0 0 0 40px; font-size: 1.2em; background: url(images/bg-li-eventdate.gif) no-repeat 2px 50%; }
ul li.tags { padding: 0 0 0 40px; background: url(images/bg-li-tags.png) no-repeat 2px 50%; }
ul li.tags p { margin: 10px 0; }
p.js-error { border: 1px solid #ff5439; background: #ffded8; padding: 8px 12px; margin: 0; font-weight: bold; }

/*Beta
----------------------------------------------------*/
.beta-note {
	border: 1px dashed #c4dcbd;
	background: #e3ffdb;
	padding: 8px 12px 0;
	margin: 12px 0 0 0;
}

/*Blog
----------------------------------------------------*/
div.post-excerpt, div.post-content {font-size: 1.1em; padding-bottom: 1em;}
div#sfSimpleBlog_comment_list div.list-item.clearfix h3 {margin: 0 0 .5em;}
div#sfSimpleBlog_comment_list div.list-item.clearfix h3 small {font-weight: bold;}
div.post h1 {padding: 0 120px 0 0;}

/*Static Pages
----------------------------------------------------*/
h2.static {margin-bottom: 0.5em;}
ul.static, ul.static li ul {margin: .75em 0 0; color: #666;}
ul.static li ul {font-size: 1em;}
ul.static li, ul.static li ul li {margin: 0 0 0.75em 25px; line-height: 1.3em; list-style-type: disc;}

/*Contacts
----------------------------------------------------*/
ul.mycontacts {
	background: #eff1ff;
	border: 1px solid #c2e2ff;
	padding: 1em 1em 0.5em;
}


/*FAQS
----------------------------------------------------*/
ul.faqs {margin: .75em 0 0; font-size: 1em;}
li.faqs {margin: 0 0 1em 20px; font-size: 1.4em;}
li.faqs a {font-weight: bold;}
li.faqs ul { font-size: 1em;}
div.faqsInfo {display: none; padding: 1em 0 0 2em; line-height: 1.5em; font-size: 0.85em; color: #666;}
div.faqsInfo p { font-size: 1em; line-height: 1.5em;}
/*Community
----------------------------------------------------*/
.list-item.community {width: 200px;	height: 50px; float: left; border: none;}
.list-item.community .description {width: auto; float: none; border: none;}
.comm h3 {
	font-weight: normal;
}
.comm a {
	/*font-weight: bold;*/
}


/*SWFUpload
----------------------------------------------------*/
.progressBarStatus {
	font-size: 1.2em;
	margin-bottom: 5px;
	line-height: 1.5em;
}
.progressBarInProgress {
	background: #41aed2 url(images/upload-progress.png) repeat-x;
	height: 20px;
}
a.listFamilyTreeMembers {
	height:70px;
	display:block;
	font-size:1.6em;
	margin: 0 0 10px;
}
a.listFamilyTreeMembers img{
	margin-right: 10px;
}


/* upload success additional steps */
div.upload-step { padding:8px 5px 5px 5px; border:1px solid #aaa; background:#fafafa; margin-bottom:20px; position:relative;z-index:5;}
div.upload-step .uploadButton {margin:10px 0 10px 75px;}
div.step1bg { background: #fafafa url(images/bg-upload-additional-contacts.gif) 0 0 no-repeat; }
h2.upload-step1, 
h2.upload-step2,
h2.upload-step3 {padding-left:60px;padding-top:10px;margin:0 0 0 15px; min-height:30px;height:auto !important; height:30px;}
h2.upload-step1 {background: transparent url(images/bg-h2-uploadadditional.gif) 0 0 no-repeat;}
h2.upload-step2 {background: transparent url(images/bg-h2-uploadadditional.gif) 0 -90px no-repeat;}
h2.upload-step3 {background: transparent url(images/bg-h2-uploadadditional.gif) 0 -180px no-repeat;}
.upload-step #contact-list { height:227px; overflow:auto; margin-right:15px;}
.upload-step .contact-list-item { float:left; width:280px; padding-bottom:10px; margin-left:15px; display: inline; height:65px; overflow:hidden; }
.upload-step .contact-list-item .pic-holder { width:50px; margin:0 10px 0 0; }
.upload-step .contact-list-item .pic-holder img { padding:3px; border:1px solid #dfdfdf; margin-top:10px; background:#fff; }
.upload-step #contact-list .data { float:left; }
.upload-step #contact-list .data h3 { margin-top:15px; color:#0068AE; }
a.addperson { padding-left:24px; background: url(images/bg-a-addperson.gif) 0 0 no-repeat; color:#aaa; height:1.5em; display:block; margin-top:6px; }
a.addperson:hover { color:#000; }
.suggest-video { margin:25px 10px 0 10px; padding-bottom:15px;}
.suggest-video .uniForm .ctrlHolder { border:0; }
.suggest-video .uniForm label { float:left; width:120px; padding-top:6px; }
.suggest-video .uniForm input { float:left; width:420px;}
.suggest-video .uniForm input.button { padding:2px 12px 4px; height:22px; margin-left:452px;}
.suggest-video .uniForm textarea { width:420px;}
p#helptext {margin:0; padding:0; color:#000;font-size:14px;}
div.contactnames { width:418px; background:#fff; border:1px solid #7f9db9; padding:1px 2px; margin:0 0 5px 120px;}
div.contactnames ul { margin:0;}
.contactnames li { float:left; display: inline; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #cad8f3; background: #dee7f8; padding: 3px 17px 4px 5px; margin: 3px 0 3px 6px; position: relative; }
.contactnames li a.closebutton { position: absolute; right: 5px; top: 7px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('images/close.gif') no-repeat; }
.contactnames li a.closebutton:hover { background-position: bottom; }
div#suggestnotetext { margin-left:123px; }
div#suggestnote { margin-left:185px; }
div#email-error,
div#captcha-error {font-weight:bold; margin-left:120px;width:424px;margin-top:8px;}

div.step2bg { background: #fafafa url(images/bg-upload-additional-main-trees.gif) 0 0 no-repeat; clear:both;}
div.tree-list { height:172px; margin:10px 15px 0 0 ; overflow:auto; }
.tree-list-item { background: transparent url(images/bg-upload-additional-trees.gif) 0 0 no-repeat; float:left; width:280px; height:80px; margin-left:15px; display:inline; }
.tree-list-item h3 { color:#fff; margin:5px 0 0 20px; }
.tree-list-item p { color:#fff; font-size:10px; margin-left:20px;}
.tree-list-item a { padding:5px 0 0 24px; background: url(images/bg-a-addperson.gif) 0 0 no-repeat; color:#aaa; height:1.5em; display:block; margin-top:6px; }
.tree-list-item a:hover { color:#000; }
div.treemembers { margin:25px 0 0 0; }
div#assocnote { margin-left:215px; }
div#assocnotetext { margin-left:155px; }
div.ctrlHolder2 { margin:10px 0; padding-left:75px;}
.ctrlHolder2 label { width:80px; float:left; padding-top:3px; font-size:11px; font-weight:bold; color:#666666; }
.ctrlHolder2 input { width:320px; border:1px solid #7f9db9; background:#fff; padding:2px 5px; display:block; height:16px; }
.ctrlHolder2 input.button { padding:2px 12px 4px; height:22px; margin-left:337px;}
.ctrlHolder2 select { width:332px;}
li#freemail { background: 0; border:0; padding-right:3px; padding:0;}
input#freemailinput { margin:0; background:0; float:none; padding:0; border:0; width:340px; overflow:hidden;}

a.upload-tutorial { font-size:11px; color:#0068AE; float:right; margin-right:10px; }
a.upload-tutorial:hover { text-decoration: underline; }
div.upload-tut { width:300px; padding: 15px; background: #ffffff; position:absolute; top:60px; left:150px; border:5px solid #0068AE; z-index:205; }
div.upload-tut h3 { margin:0 0 10px; font-size:22px;}
a.close-tut { float:right;}

/* family tree additional steps */
p.instructions {margin: 10px 0 3px 120px; position:relative;z-index:30;}
p.associnfo { font-weight:bold; color:#666666; margin: 15px 0; position: relative; z-index:30; }
p.associnfo span { width:309px; padding: 0 3px; border:1px solid #7f9db9; height:20px; background:#ffffff; position:absolute; left:120px; color: #000; font-weight: normal;}
.associate { margin:15px 20px 0 20px; padding-bottom:15px;}
.associate .uniForm .ctrlHolder { padding:0 0 6px 0; margin: 0 0 16px 0; }
.associate .uniForm label { float:left; width:120px; padding-top:6px; }
.associate .uniForm input { float:left; width:420px;}
.associate .uniForm input.button { padding:2px 12px 4px; height:22px; margin-left:452px;}
.associate .assoc-container { height:185px; position:relative; z-index:199; }
.associate .flash-search { position:absolute; width:570px; height:500px; padding: 8px; z-index:200; background:#fff; border:2px solid #0068AE; top:0;}
a#tree-start-search { display:block; width:89px; height:40px; background:url(images/bg-a-search-video.gif) 0 0 no-repeat; text-indent:-9999em; overflow:hidden; position:absolute; left:235px;top:-10px;}
a#tree-start-search:hover { background:url(images/bg-a-search-video.gif) 0 -40px no-repeat; }

.flash-search h2 { text-align:center; font-size:24px; margin:20px 0;}
.flash-search p { text-align:center; margin:20px 0;}
.associate .uniForm .flash-search .input-holder { width:443px; background: url(images/bg-input-treesearch.gif) 0 0 no-repeat; margin: 140px auto 0; padding:10px;}
.associate .uniForm .flash-search input { float:none; }
a#tree-search-submit { display:block; width:110px; height:60px; background:url(images/button-search-big.gif) 0 0 no-repeat; text-indent:-9999em; overflow:hidden; margin: 25px auto 0;}
a#tree-search-submit:hover { background:url(images/button-search-big.gif) 0 -60px no-repeat; }
#tree-search-start, #tree-search-flash-container { margin-top:20px;}

#more-search-buttons { width: 350px; margin: 0 auto 10px;}
#more-search-buttons p { margin: 0 auto 10px;}
#more-search-buttons li { float:left; display:inline; }
#more-search-buttons a { display:block; height:60px; overflow:hidden; text-indent:-9999em; }
#more-search-buttons a#select-video { background: url(images/bg-a-finishsearch.gif) 0 0 no-repeat; width:110px;}
#more-search-buttons a#select-video:hover { background: url(images/bg-a-finishsearch.gif) 0 -60px no-repeat; }
#more-search-buttons a#search-again { background: url(images/bg-a-search-again.gif) 0 0 no-repeat; width:130px; margin-left:105px;}
#more-search-buttons a#search-again:hover { background: url(images/bg-a-search-again.gif) 0 -60px no-repeat; }


/* home page pop-up specific */
div#camera-pop-up-cnt {	position:relative; z-index:100;}
div#camera-pop-up { width:460px; height:165px; background: #ffffff url(../images/camera-pop-up.png) 0 0 no-repeat; border:10px solid #d52128;}
a#pop-up-close {display:block; margin-top:6px; width:50px; padding-right:10px; float:right; font-size:13px; font-weight:bold; margin-right:0px; display: inline; color:#666666; background:url(../images/bg-pop-up-close.gif) 40px 3px no-repeat;}
a#pop-up-close:hover { text-decoration:underline; color:#000; background:url(../images/bg-pop-up-close.gif) 40px -37px no-repeat;}
div#camera-pop-up p.linktext { color:#4e4a4a;font-weight:bold;width:265px;margin:100px 0 0 171px;line-height: 1.2em;}
p.linktext a {color:#4e4a4a;}
p.linktext a:hover {color:#000;}

.hidden { display:none; }

#sidebar ul.tag-cloud {border: none; margin: 10px 0 0;}
#sidebar ul.tag-cloud li { display:inline; margin:3px 5px 3px 0; padding:0; background: none; line-height:1.3em; font-size:1.3em; }
#sidebar ul.tag-cloud li a { width:auto; background:none !important; border:none; float:none; padding: 2px;}
#sidebar ul.tag-cloud li a:hover {background:#6cb6f7 !important;}
#sidebar ul.tag-cloud li small {	float:none; position:static; font-size: 0.8em;font-weight:normal;}
#sidebar ul.tag-cloud li small small { font-size: 0.7em;}

/* webchat specific styles */

div.chatwindow {width:200px;height:150px;overflow:auto;background:#fff;border:1px solid #000;}
div.chatwindow p {margin:3px 5px;}
p.chatperson {font-size:10px; color:#666666;}
p.chatperson span {float:right; color:#aaaaaa;}
div.chats {position:fixed;right:20px;bottom:0px;z-index:400;height:300px;}
div.chat-person {width:200px;height:300px;background:#fafafa;border:1px solid #cacaca;float:right;margin-right:10px;overflow:hidden;}
div.chat-person h3 {margin:0; padding:5px 7px; border-bottom:1px solid #cacaca; background:#dadada; color:#0d3764;font-size:1.3em; }
div.chat-person h3.blinking {background: url(images/bg-chatattention.gif) 0 0 repeat;}
div.chat-person h3 span {float:left;}
div.chat-person h3 a.minchat {width:15px; height:12px; background:url(images/chaticons/minimize.gif) 0 0 no-repeat; display:block;text-indent:9999em;overflow:hidden;float:right;margin:3px 6px 0 0;}
div.chat-person h3 a.maxchat {width:15px; height:12px; background:url(images/chaticons/maximize.gif) 0 0 no-repeat; display:block;text-indent:9999em;overflow:hidden;float:right;margin:3px 6px 0 0;}
div.chat-person h3 a.closechat {width:13px; height:12px; background:url(images/chaticons/close.gif) 0 0 no-repeat; display:block;text-indent:9999em;overflow:hidden;float:right;margin:3px 0 0 0;}
div.chatarea {height:230px;width:95%;margin:5px;overflow:auto;}
div.chatarea h5 {font-size:12px;font-weight:bold;color:#4580B4;margin:5px 0 0 0;border-top:1px solid #ffffff;}
div.chatarea h5.myline {color: #777777;}
div.chatarea h5 span {font-weight:normal;color:#aaaaaa;float:right;}
div.chatarea p {font-size:12px;margin:0;line-height:1.3em;}
div.chatarea p.offline, div.chatarea p.online {color:#939393;}
div.chatinput {padding:5px;border-top:1px solid #cacaca;}
div.chatinput input {width:96%;}

/*Embed code button (label)*/
/*	Updated:	Mon 08.30.2010 @ 5:15 p.m.

	Author:		Dusan Stojanovic

	----------------------------------------------------*/
label.embed-code-button {float: left; display: inline; margin: 15px 0 0; padding: 5px; font-size: 1.2em; line-height: 1em; font-weight: bold; background-color: #369; color: #fff; cursor: pointer;}
a#embed-help { float:left; display:inline; margin:15px 0 0 5px; padding:5px; background:#aaa; color:#fff; font-weight:bold; font-size:12px;}
#embed-toggle {float: left; display: inline; margin: 15px 0 0 10px; width: auto; padding: 10px; border: 1px solid #ccc; position: relative; display: none;}
	#embed-toggle textarea {border: 1px solid #fff; width: 510px;}
#embed-help-toggle { float:left; display:none; border:6px solid #e6e6e6; padding:6px 10px; background:#fafafa; margin-top:15px; }
/*TEMPORARY !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

	ul.zzz {width: 960px; margin: 15px auto;}
	ul.zzz li {display: inline; font-size: .9em; font-weight: bold; padding-right: 5px; border-right: 1px solid #333;