body {font-family: Verdana, Arial, sans-serif; font-size: 9pt; line-height: 12pt; color: #6C522D; text-decoration: none;}
body.mainLayout {background: #f5f1e6 url(/images/os_main_back.jpg) repeat-x; }
body.treeLayout {background: #f5f1e6 url(/images/os_main_back.jpg) repeat-x; }
body.frontLayout {background: #ffffff; }
body#popupBody {background: #FFFFFF; padding: 10px;}

* {margin: 0; padding: 0; list-style: none;}
a {font-size: 9pt; color: #D0771D; text-decoration: none;}
a:hover {text-decoration: underline; }

h1.slogan {font-face: Verdana; font-size: 13pt; color: #BE6751; font-weight: bold; margin-bottom: 15px;}
h2 {font-size: 16px; font-weight: bold; color: #E08B11}
h3 {font-size: 9pt; font-weight: bold;}
h3.subtitle {color: #E08B11}

.cleaner {clear: both; height: 0;}
.cleaner1px {clear: both; padding-top: 1px;}
.cleaner4px {clear: both; padding-top: 4px;}
.cleaner5px {clear: both; padding-top: 5px;}
.cleaner7px {clear: both; padding-top: 7px;}
.cleaner15px {clear: both; padding-top: 15px;}
.cleaner10px {clear: both; padding-top: 10px;}
.cleaner18px {clear: both; padding-top: 18px;}
.cleaner20px {clear: both; padding-top: 20px;}
.cleaner25px {clear: both; padding-top: 25px;}
.cleaner29px {clear: both; padding-top: 29px;}
.cleaner40px {clear: both; padding-top: 40px;}
.cleanerBox {clear: both;}

a.xxSmall { font-size:11px }

.hr {clear: both; padding-top: 7px; background: url(/images/hr.gif) repeat-x center;}

.floatLeft {float: left;}
.floatRight {float: right;}

.block {display: block;}
.inlne {display: inline;}

.centered {text-align: center;}

.errors {width: 700px; margin: 0 auto; border: 1px solid #A52C0F; padding: 5px; background-color: #FEE27E; margin-bottom: 10px}
.form_error {padding-left: 5px;}

#container {margin: 0 auto;}
body.mainLayout #container {/*width: 861px;*/ width: 970px;}
body.treeLayout #container {width: 99%;}
body.frontLayout #container {width: 100%;}

.lightboxContent {width: 100%; height: 100%; overflow: hidden; background-color: #ffffff;}
.lightboxContent .workArea {width: 100%; height: 400px; overflow: auto; padding: 0; margin: 0;}

.inviteBoxContent {overflow: hidden; background-color: #ffffff;}
.inviteBoxContent .inviteAreaContainer {width: 590px; height: 245px; background-color:#f5f1e6;}
.inviteBoxContent .inviteArea {width: 520px; height: 220px; overflow: auto; background-color: #ffffff; margin-left:30px;}
.inviteBoxContent .inviteCatptionContainer {width:590px; height:43px; background-color:#f5f1e6; font-family:Verdana, Arial; color:#6C522D; font-size:10px;}
.inviteBoxContent .checkCaption {float:left; padding-left:30px; padding-top:24px;}
.inviteBoxContent .fieldCaption {float:right; padding-right:220px; padding-top:24px;}


.indicator {width:100%; height: 490px; text-align: center;}
.indicator .message {padding: 120px 0 20px 0;}

.actionButtons {clear: both; float: left; width: 100%;}
.actionButtons a.actionButton {float: right; width: 110px; padding: 4px 0 4px 0; border: none; background: url(/images/button110px.gif) 0 0 repeat-x; font-weight: bold; color: #8F7F65; text-decoration: none; text-align: center;}
.actionButtons a.actionButtonLeft {float: left; width: 110px; padding: 4px 0 4px 0; border: none; background: url(/images/button110px.gif) 0 0 repeat-x; font-weight: bold; color: #8F7F65; text-decoration: none; text-align: center;}

.buttonLagre {float: left; display: block; width: 180px; padding: 5px 0 5px 0; border: none; background: url(/images/button180px.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B; text-align: center;}


/**
 * pageHeader
 */
#pageHeader {width:970px; margin:0 auto;}
#pageHeader #topLevel {float: left; width: 100%; padding-top: 25px; border-bottom: 1px solid #CCCCCC}
#pageHeader #frontLevel {text-align:center;}
#pageHeader #frontLevel h1.slogan {font-face: Verdana; font-size: 11pt; color: #BE6751; font-weight: bold; width:600px;}
#pageHeader #frontLevel .rememberLink {font-face: Verdana, Arial; font-size:10px;}


/* logo */
  #pageHeader #topLevel #logo {float: left; height: 62px; width: 199px; background: url(/images/logo.gif) 0 0 no-repeat; cursor: pointer;}

/* mainNavigation */
  #pageHeader #topLevel #mainNavigation {float: left; padding: 0 0 0 120px; margin-bottom: -1px;}
  #pageHeader #topLevel #mainNavigation a {display: block; float: left; width: 115px; padding: 9px 0 9px 0; margin: 14px 10px -1px 0; background: url(/images/link_nav_bg.gif) no-repeat; text-align: center; font-size: 10pt; color: #000000; text-decoration: none;}
  #pageHeader #topLevel #mainNavigation a#chronicle_nav {display: block; float: left; width: 125px; padding: 23px 0 12px 0; margin: 0 10px -1px 0; background: url(/images/link_nav_chronicle_bg.gif) no-repeat; text-align: center; font-size: 10pt; color: #000000; text-decoration: none;}
  #pageHeader #topLevel #mainNavigation a#chronicle_navDummy {display: block; float: left; width: 0; padding: 23px 0 9px 0; margin: 0;  text-align: center; font-size: 10pt; text-decoration: none;}
  #pageHeader #topLevel #mainNavigation a:hover {color: #3366CC;}
  #pageHeader #topLevel #mainNavigation a.active {background-image: url(/images/link_nav_active_bg.gif);}
  #pageHeader #topLevel #mainNavigation a#chronicle_nav.active {background-image: url(/images/link_nav_active_chronicle_bg.gif);}
  #pageHeader #topLevel #mainNavigation a.active:hover {color: #000000;}

/* serviceNavigation */
  #pageHeader #topLevel #serviceNavigation {float: right; width: 600px; height: 60px; text-align: right;}
  #pageHeader #topLevel #serviceNavigation li {display: inline; padding-left: 2px; color: #D0771D}
  #pageHeader #topLevel #serviceNavigation li a {color: #64543A}

/* serviceNavigation frontHtml */
  #pageHeader #frontLevel #serviceNavigation {float: right; width: 600px; height: 60px; text-align: right; margin-top:27px;}
  #pageHeader #frontLevel #serviceNavigation li {display: inline; padding-left: 2px; color: #D0771D}
  #pageHeader #frontLevel #serviceNavigation li a {color: #64543A}

/* topContent frontHtml */
  #pageHeader #frontLevel #wrapper {width:964px; height:125px; margin:0 auto; text-align:left; background:#ffffff;}
  #pageHeader #frontLevel #topContent {float:left; width:670px}
  #pageHeader #frontLevel #loginBoxWrapper{float:right; width:260px; height:120px;}
  #pageHeader #frontLevel #loginBoxLine {float:right; width:145px; height:105px; margin-top:10px; border-left:1px solid #d3b4a2;}
  #pageHeader #frontLevel img.logo {float:left; padding-top:40px; padding-bottom:5px;}

/* searchBox */
  #pageHeader #topLevel #searchBox {float: right; width: 328px; padding: 0; margin-top: 15px; background: url(/images/searchbox.gif) no-repeat 0 5px;}
  #pageHeader #topLevel #searchBox INPUT.searchField {float: right; width: 146px; padding: 4px 0 4px 0; margin-right: 10px; background: url(/images/inputbox_bg.gif)}
  #pageHeader #topLevel #searchBox INPUT.formButton {float: right; width: 81px; background: url(/images/button_search.gif) 0 0 repeat-x; color: #8D7E6B; }
  #pageHeader #topLevel #searchBox a {display: block; float: right; width: 81px; padding: 4px 0 4px 0; background: url(/images/button_search.gif) 0 0 repeat-x; text-align: center; font-weight: bold; color: #8D7E6B; text-decoration: none;}

/* viewNavigation
  #pageHeader #subLevel #viewNavigation {float: left; width: 100%; padding-top: 10px; text-align: center; font-size: 10pt;}
  #pageHeader #subLevel #viewNavigation a {color: #666633; font-weight: bold;}
  #pageHeader #subLevel #viewNavigation a.active {text-decoration: none;}
*/
/*
New page header layout
*/
  #pageHeader #topContent
  {
    float:left;
    width:100%;
  }

  #pageHeader #topContent #logo
  {
    width:160px;
    margin:25px 0px 20px 25px;
    float:left;
  }

  #pageHeader #topContent #frontLogo
  {
    float:left;
    width:160px;
    margin:40px 0px 5px 0px;
  }

  #pageHeader #topContent h1.frontSlogan {font-face: Verdana; font-size: 9pt; color: #BE6751; font-weight: bold;}

  #pageHeader #recommend
  {
    float:right;
    width:155px;
    height:28px;
    margin-right:30px;
  }

  #pageHeader .infoBox
  {
    float:right;
    width:220px;
    height:80px;
    text-align:right;
    font-size:11px;
  }

  #pageHeader #topContent #loginBoxLine {float:right; width:145px; height:105px; margin-top:10px; border-left:1px solid #d3b4a2;}

  #pageHeader #topContent .infoBox li {display: inline;}
  #pageHeader #topContent .infoBox li span{display: inline; padding-right: 32px; float:left;}
  #pageHeader #topContent .infoBox li a {color: #D0771D; font-size:11px;}

  #pageHeader #topContent .infoBox #statusInfo
  {
   font-weight:lighter;
   text-align:right;

  }
  #pageHeader #topContent .infoBox #statusInfo p
  {
    padding-top:5px;
    padding-bottom:5px;
    text-align:left;
     color:#000000;
  }

  #pageHeader #topContent .infoBox #statusInfo strong
  {
    font-weight:bold;
  }

  #pageHeader #mainNavigation
  {
    width:100%;
    height:42px;
    background:url(/images/mn_menu_back.jpg);
    margin-bottom:8px;
    background-repeat: no-repeat;
  }

  #pageHeader #mainNavigation fieldset
  {
    float:right;
    padding:5px 10px 0px 0px;
  }

  #pageHeader #mainNavigation fieldset input.searchField
  {
    width:144px; margin-top:4px;
    float:left;
  }


  #pageHeader #mainNavigation fieldset .searchButton
  {
    margin:4px 0px 0px 10px;
    float:left;
    width:93px;
    border:1px none;
    background:url(/images/pn_bearbeiten.jpg) no-repeat;
    color:#ffffff;
    font-weight:bold;
    display:block;
  }


  #pageHeader #mainNavigation a.extendSearch
  {
    padding-top:10px; padding-left:10px; font-size:10px;
    float:left;
  }

  #pageHeader #mainNavigation img.invitationLink
  {
    float:right;
    margin:8px 5px 0px 0px;
  }

  #pageHeader #mainNavigation a
  {
    -moz-outline-style: none;
  }

/* css dropdown menu */
.dropDownMenuContainer {
  float: left;
  position: absolute;
  height: 41px;
  background-repeat: no-repeat;
  font-weight: bold;
  z-index: 28;
}

* html .dropDownMenuContainer {
  float: left;
  display: inline; /* Hack for IE double-margin-bug */
}

.dropDownMenuContainer ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.dropDownMenuContainer li {
  float:left;
  position:relative;
}

.dropDownMenuContainer a, .dropDownMenuContainer a:visited {
  display:block;
  height:45px;
  text-decoration:none;
  background-repeat:repeat-x;
}

.dropDownMenuContainer a.rollOver_myStart
{
  background-image:url(/images/mn_start-na.jpg);
  width:69px;
}

.dropDownMenuContainer a.rollOver_myStart_active
{
  background-image:url(/images/mn_start-a.jpg);
  width:69px;
}

.dropDownMenuContainer a.rollOver_myStart:hover,
.dropDownMenuContainer a.rollOver_myStart_active:hover
{
  background-image:url(/images/mn_start-na.jpg);
  background-position:69px 0;
}

.dropDownMenuContainer a.rollOver_myProfile
{
  background-image:url(/images/mn_profile-na.jpg);
  width:95px;
}

.dropDownMenuContainer a.rollOver_myProfile_active
{
 background-image:url(/images/mn_profile-a.jpg);
 width:95px;
}

.dropDownMenuContainer a.rollOver_myProfile:hover,
.dropDownMenuContainer a.rollOver_myProfile_active:hover
{
  background-image:url(/images/mn_profile-na.jpg);
  background-position:95px 0;
}

.dropDownMenuContainer a.rollOver_myProfileStart
{
  background-image:url(/images/mn_profile_start-na.jpg);
  width:98px;
}

.dropDownMenuContainer a.rollOver_myProfileStart_active
{
  background-image:url(/images/mn_profile_start-a.jpg);
  width:98px;
}

.dropDownMenuContainer a.rollOver_myProfileStart:hover,
.dropDownMenuContainer a.rollOver_myProfileStart_active:hover
{
  background-image:url(/images/mn_profile_start-na.jpg);
  background-position:98px 0;
}

.dropDownMenuContainer a.rollOver_myTree,
.dropDownMenuContainer a.myTree
{
  background-image:url(/images/mn_familienbaum-na.jpg);
  width:116px;
}

.dropDownMenuContainer a.rollOver_myTree_active,
.dropDownMenuContainer a.myTree_active
{
  background-image:url(/images/mn_familienbaum-a.jpg);
  width:116px;
}

.dropDownMenuContainer a.rollOver_myTree:hover,
.dropDownMenuContainer a.rollOver_myTree_active:hover
{
  background-image:url(/images/mn_familienbaum-na.jpg);
  background-position:116px 0;
}

.dropDownMenuContainer a.rollOver_myPictures,
.dropDownMenuContainer a.myPictures
{
  background-image:url(/images/mn_mypics-na.jpg);
  width:106px;
}

.dropDownMenuContainer a.rollOver_myPictures_active,
.dropDownMenuContainer a.myPictures_active
{
  background-image:url(/images/mn_mypics-a.jpg);
  width:106px;
}

.dropDownMenuContainer a.rollOver_myPictures:hover,
.dropDownMenuContainer a.rollOver_myPictures_active:hover
{
  background-image:url(/images/mn_mypics-na.jpg);
  background-position:106px 0;
}


.dropDownMenuContainer a.rollOver_portal
{
  background-image:url(/images/mn_portal-na.jpg);
  width:64px;
}

.dropDownMenuContainer a.rollOver_portal_active
{
  background-image:url(/images/mn_portal-a.jpg);
  width:64px;
}

.dropDownMenuContainer a.rollOver_portal:hover,
.dropDownMenuContainer a.rollOver_portal_active:hover
{
  background-image:url(/images/mn_portal-na.jpg);
  background-position:64px 0;
}

.dropDownMenuContainer a.rollOver_invite
{
  background-image:url(/images/mn_invite-na.jpg);
  width:83px;
}

.dropDownMenuContainer a.rollOver_invite_active
{
  background-image:url(/images/mn_invite-a.jpg);
  width:83px;
}

.dropDownMenuContainer a.rollOver_invite:hover,
.dropDownMenuContainer a.rollOver_invite_active:hover
{
  background-image:url(/images/mn_invite-na.jpg);
  background-position:83px 0;
}

.dropDownMenuContainer ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top: 37px;
  left: -2px;
  width: auto;
  z-index:3;
}

*html .dropDownMenuContainer ul ul { top:39px }

.dropDownMenuContainer table {
  position:absolute;
  top:0;
  left:0;
}

.dropDownMenuContainer ul ul a, .dropDownMenuContainer ul ul a:visited {
  background:#efefef;
  color:#000000;
  height:auto;
  line-height:1em;
  padding: 5px 10px;
  margin: 0;
  width: 150px;
  text-decoration:none;
}

.dropDownMenuContainer ul ul li { border:1px solid #999999; background:#efefef }
.dropDownMenuContainer ul ul li.topList { border-bottom:none; padding-top:10px; }
.dropDownMenuContainer ul ul li.bottomList { border-top:none; padding-bottom:10px; }

.dropDownMenuContainer ul ul a:hover { background:#999999; text-decoration:none; color: #ffffff; }
.dropDownMenuContainer ul ul :hover > a { background:#999999; text-decoration:none; color:#ffffff; }

.dropDownMenuContainer :hover > a.rollOver_myTree,
.dropDownMenuContainer :hover > a.rollOver_myTree_active
{
  background-image:url(/images/mn_familienbaum-na.jpg);
  background-position:116px 0;
}

.dropDownMenuContainer :hover > a.rollOver_myPictures,
.dropDownMenuContainer :hover > a.rollOver_myPictures_active
{
  background-image:url(/images/mn_mypics-na.jpg);
  background-position:106px 0;
}

.dropDownMenuContainer :hover > a.rollOver_invite,
.dropDownMenuContainer :hover > a.rollOver_invite_active
{
  background-image:url(/images/mn_invite-na.jpg);
  background-position:83px 0;
}

.dropDownMenuContainer ul li:hover ul,
.dropDownMenuContainer ul a:hover ul {
  visibility:visible;
}

/*
End new header

*/


/*html index*/
  #frontHtml {margin: 0 auto; text-align:center; background: url(/images/front_back.gif) repeat-x; background-color: #e9e1d3; border-bottom: 1px solid #d3b4a2;}
  #frontHtml #wraper{width: 964px; margin: 0px auto 0px auto; text-align:left; background: url(/images/front_back.gif) repeat-x; background-color: #e9e1d3;}
  #frontHtml #topContainer{height:410px; width:100%; padding-top:25px;}
  #frontHtml #middleContainer{height:225px;}

  #frontHtml #bottomContainer{height:80px; border-top:1px solid #ffffff; padding-top:10px; background-color: #e9e1d3; padding-left: 0px;}
  #frontHtml #bottomContainer .botText{float:left; padding-left:40px; padding-right:15px; font-size:10px;}
  #frontHtml #bottomContainer a {font-size:10px; text-decoration:underline;}

  #frontHtml #imageContainer{width:640px; height:395px; float:left;}
  #frontHtml #imageContainer a {font-weight:bold; color:#ffffff; text-decoration:none; font-size:12px; font-family:Verdana, Arial;}
  /*album*/
  #frontHtml #imageContainer a.topLinkProfile {position:absolute; margin-top:330px; margin-left:220px; width:80px; z-index:1;}
  #frontHtml #imageContainer a.botLinkProfile {position:absolute; margin-top:364px; margin-left:185px; width:125px; z-index:1;}
  #frontHtml #imageContainer a.topLinkAlbum {position:absolute; margin-top:330px; margin-left:220px; width:80px; z-index:1;}
  #frontHtml #imageContainer a.botLinkAlbum {position:absolute; margin-top:364px; margin-left:185px; width:125px; z-index:1;}
  #frontHtml #imageContainer .imgAlbum {position:absolute; margin-left:-11px; margin-top:-13px; z-index:0;}
  #frontHtml #imageContainer .imgProfile {position:absolute; margin-left:-11px; margin-top:-13px; z-index:0;}
  #frontHtml #imageContainer .topImgProfile {position:absolute; margin-top:333px; margin-left: 200px; border:0px; z-index:1;}
  #frontHtml #imageContainer .botImgProfile {position:absolute; margin-top:367px; margin-left: 170px; border:0px; z-index:1;}
  #frontHtml #imageContainer .topImgAlbum {position:absolute; margin-top:333px; margin-left: 200px; border:0px; z-index:1;}
  #frontHtml #imageContainer .botImgAlbum {position:absolute; margin-top:367px; margin-left: 170px; border:0px; z-index:1;}
  /*tree*/
  #frontHtml #imageContainer a.topLinkTree {position:absolute; margin-top:330px; margin-left:540px; width:80px; z-index:1;}
  #frontHtml #imageContainer a.botLinkTree {position:absolute; margin-top:364px; margin-left:505px; width:125px; z-index:1;}
  #frontHtml #imageContainer .imgTree {position:absolute; margin-left:310px; margin-top:-13px; z-index:0;}
  #frontHtml #imageContainer .topImgTree {position:absolute; margin-top:333px; margin-left: 520px; border:0px; z-index:1;}
  #frontHtml #imageContainer .botImgTree {position:absolute; margin-top:367px; margin-left: 490px; border:0px; z-index:1;}

  #frontHtml #rightContainer{height:395px; float:right; width:318px;}

  #frontHtml #welcomeContainer{height:85px; padding-bottom:25px;}
  #frontHtml #welcomeContainer img{padding-bottom:5px;}
  #frontHtml #welcomeContainer ul{list-style-type: disc; color: #000000;}
  #frontHtml #welcomeContainer li{margin-bottom: 7px; line-height: 9px; list-style-image: url(/images/list_cube.gif); list-style-position:outside; margin-left:17px;}

  #frontHtml #loginContainer{height:280px;background: url(/images/front_invite_box.gif) 0 0 no-repeat;}
  #frontHtml #loginContainer fieldset {padding-left:12px; padding-bottom:9px;}
  #frontHtml #loginContainer input.field {width:190px; border:1px solid #000000; height:16px; font-family:Verdana, Arial, sans-serif; font-size:12px; padding-top:2px; padding-left:2px; color:#000000;}
  #frontHtml #loginContainer input.sub {width: 142px; padding: 4px 0 4px 0; height:24px; border: none; background: url(/images/button_large.gif) 0 0 no-repeat; font-size: 12px; font-weight: bold; text-decoration: none; color: #8D7E6B;}
  #frontHtml #loginContainer .subp {text-align:center; position:absolute; padding-left:125px; padding-top:10px;}
  *html #frontHtml #loginContainer .subp {padding-top:0px;}
  #frontHtml #loginContainer .spam {font-family:Verdana, Arial, sans-serif; font-size:11px; padding-right:16px; color:#999999;}
  #frontHtml #loginContainer label {font-family:Verdana, Arial, sans-serif; font-size:10px; padding-left:2px; color:#999999;}

  #registerJoinFriend {background: url(/images/join_friend_flat.gif) 0 0 no-repeat;}
  #registerJoinFriend input.field {width:190px; border:1px solid #000000; height:16px; font-family:Verdana, Arial, sans-serif; font-size:12px; padding-top:2px; padding-left:2px;padding-right:2px; color:#000000;}
  #registerJoinFriend input.sub {width: 142px; padding: 4px 0 4px 0; height:24px; border: none; background: url(/images/button_large.gif) 0 0 no-repeat; font-size: 12px; font-weight: bold; text-decoration: none; color: #8D7E6B;}

/*FrontHtml info pages*/
  #infoPage {}
  #infoPage #workArea ul{list-style-type: disc; color: #6C522D;}
  #infoPage #workArea li{margin-bottom: 7px;  list-style-image: url(/images/list_cube.gif); list-style-position:outside; margin-left:20px;}
  #infoPage #workArea li span {font-weight:bold;}

  #infoPage img.headContainer {float:left; margin-right:20px; border:0px;}
  #infoPage #headContainer {float:left; width:590px;}
  #infoPage #headContainer h2 {padding-bottom:15px;}

  #infoPage .midTitle {color: #E08B11; font-size:12px; font-weight:bold;}
  #infoPage .hr {clear: both; padding-top: 7px; background: url(/images/hr.gif) repeat-x center; margin-bottom:10px;}

  #infoPage img.toLeftMargin {float:left; margin-right:5px; border:0px;}
  #infoPage img.toLeftMargin10px {float:left; margin-right:10px; border:0px;}
  #infoPage img.toLeft {float:left; border:0px;}
  #infoPage img.toLeftClear {float:left; margin-left:24px; margin-right:5px; clear:both; border:0px;}
  #infoPage img.freeCharge {padding-top:3px; padding-left:15px; border:0px;}

  #infoPage .listBlock {width:500px; float:left;}
  #infoPage .listSmall {width:480px;}
  #infoPage .listBlockSecond {width:510px; float:left;}
  #infoPage .futureGenarations {margin-bottom:10px;}

  #infoPage .topPosition {float:left; width:590px; position:relative; top:-4px;}

  #reigsterWhy .hr {clear: both; padding-top: 7px; background: url(/images/hr.gif) repeat-x center; padding-bottom:10px;}
  *html #reigsterWhy .hr {padding-bottom:0px;}

  #reigsterWhy #wrapper {padding:20px;}
  #reigsterWhy h3 {color:#E08B11; margin-bottom:10px;}
  #reigsterWhy #familyAlbum {float:left; width:460px;}
  #reigsterWhy #familyTree {float:left; width:460px; clear:both; margin-top:15px;}
  #reigsterWhy .midTitle {font-weight:bold; color:#a33206; font-size:16px; padding-top:28px;}
  #reigsterWhy .midTitleTree {font-weight:bold; color:#a33206; font-size:16px; padding-top:25px;}
  #reigsterWhy .imgCont {float:right; margin-right:10px; padding-top:25px; width:170px; height:117px;}

  #reigsterWhy ul {list-style-type: disc; color: #6C522D; margin-top:10px;}
  #reigsterWhy li {margin-bottom: 7px;  list-style-image: url(/images/list_cube.gif); list-style-position:outside; margin-left:20px;}
  #reigsterWhy .newUl {background:url(/images/list_cube.gif) 0 4px no-repeat;}
  #reigsterWhy .new2Ul {background:url(/images/rw5_de.jpg) 0 4px no-repeat;}
  #reigsterWhy .newLi {width:250px; padding-left:17px; padding-right:30px; margin-bottom:7px;}

  #reigsterWhy #bottomContent {float:left; margin-right:50px; margin-bottom:10px;}
  #reigsterWhy .bolder {font-weight:bold;}
  #reigsterWhy .bottomText {padding-top:5px; border-top:1px solid #cccccc; padding-left:20px;}

/**
 * pageBody
 */
  #pageBody {padding:0 0 0 0;}
  body.mainLayout #pageBody {background:#ffffff;
 }
  body.treeLayout #pageBody {padding: 0 0 0 0; background:none;}
  body.frontLayout #pageBody {padding:0 0 0 0;}

  #pageBody .contentDividingLine {width: 100%; float: left; background:#ffffff url(/images/menu_boreder.gif) repeat-y 224px top;}

  #pageBody #topMessage {padding: 3px 0 4px 0; background-color:  #FEE27E; text-align: center;}

  body.mainLayout #pageBody #viewNavigation {padding: 3px 0 4px 0; background-color:  #FEE27E;}
  body.treeLayout #pageBody #viewNavigation {padding: 12px 0 4px 0; background-color:  #FFFFFF;}
  #pageBody #viewNavigation {text-align: center;}
  #pageBody #viewNavigation a {font-weight: bold;}
  #pageBody #viewNavigation a.active {color: #666633; text-decoration: none;}

  #pageBody #leftNavigation {float: left; width: 225px; padding:0px 0px 30px 5px; overflow: hidden;}
  #pageBody #leftNavigation .preview {display: block; width: 144px; height: 144px;}
  #pageBody #leftNavigation .preview .addPhotoImg_m {display: block; height: 144px; width: 144px; text-align: center; background: url(/images/no_photo_big_m.png)}
  #pageBody #leftNavigation .preview .addPhotoImg_f {display: block; height: 144px; width: 144px; text-align: center; background: url(/images/no_photo_big_f.png)}
  #pageBody #leftNavigation .preview .addPhotoImg_m a,
  #pageBody #leftNavigation .preview .addPhotoImg_f a {float: left; width: 100%; margin: 42px 0 0 0; text-align: center; text-decoration: none; font-size: 7pt; line-height: 9pt; font-weight: bold; color: #6C522D;}
  #pageBody #leftNavigation .previewSmall {padding-right: 5px;}

  #pageBody #leftNavigation ul.links li {display: block; float: left; width: 196px; height: 29px; background: #F5F1E6; margin-bottom: 2px;}
  #pageBody #leftNavigation ul.links li.base {background: url(/images/menu_baselink_bg.gif) repeat-x;}
  #pageBody #leftNavigation ul.links li a {display: block; padding: 7px 0 0 10px; color: #66594B; font-size: 9pt; font-weight: bold; text-decoration: none;}

  #pageBody #leftNavigation ul.editLinks li {display: block; float: left; clear: both; width: 196px; padding: 25px 0 5px 0; background: url(/images/hr.gif) repeat-x left bottom;}
  #pageBody #leftNavigation ul.editLinks .linkText {font-weight: bold; float: left;}
  #pageBody #leftNavigation ul.editLinks .actionLink {float: right;}
  #pageBody #leftNavigation ul.editLinks .addedInfo {padding: 5px 0 5px 0; background-image: none; font-size: 8pt;}
  #pageBody #leftNavigation ul.editLinks .addedInfo .title {display: block; color: #D0771D;}
  #pageBody #leftNavigation ul.editLinks .lbOn {font-size: 7pt; color: #6C522D;}

        #pageBody #portalLeftNavigation {float: left; width: 218px; padding:7px 0px 30px 7px; overflow: hidden;}
        #pageBody #portalLeftNavigation .preview {display: block; width: 144px; height: 144px;}
        #pageBody #portalLeftNavigation .preview .addPhotoImg_m {display: block; height: 144px; width: 144px; text-align: center; background: url(/images/no_photo_big_m.png)}
        #pageBody #portalLeftNavigation .preview .addPhotoImg_f {display: block; height: 144px; width: 144px; text-align: center; background: url(/images/no_photo_big_f.png)}
        #pageBody #portalLeftNavigation .preview .addPhotoImg_m a,
        #pageBody #portalLeftNavigation .preview .addPhotoImg_f a {float: left; width: 100%; margin: 42px 0 0 0; text-align: center; text-decoration: none; font-size: 7pt; line-height: 9pt; font-weight: bold; color: #6C522D;}
        #pageBody #portalLeftNavigation .previewSmall {padding-right: 5px;}

        #pageBody #portalLeftNavigation ul.links li {display: block; float: left; width: 210px; height: 29px; background: #F5F1E6; margin-bottom: 2px;}
        #pageBody #portalLeftNavigation ul.links li.base {background: url(/images/menu_baselink_bg.gif) repeat-x;}
        #pageBody #portalLeftNavigation ul.links li a {display: block; padding: 7px 0 0 10px; color: #66594B; font-size: 9; font-weight: bold; text-decoration: none;}

        #pageBody #portalLeftNavigation ul.editLinks li {display: block; float: left; clear: both; width: 210px; padding: 25px 0 5px 0; background: url(/images/hr.gif) repeat-x left bottom;}
        #pageBody #portalLeftNavigation ul.editLinks .linkText {font-weight: bold; float: left;}
        #pageBody #portalLeftNavigation ul.editLinks .actionLink {float: right;}
        #pageBody #portalLeftNavigation ul.editLinks .addedInfo {padding: 5px 0 5px 0; background-image: none; font-size: 8pt;}
        #pageBody #portalLeftNavigation ul.editLinks .addedInfo .title {display: block; color: #D0771D;}
        #pageBody #portalLeftNavigation ul.editLinks .lbOn {font-size: 7pt; color: #6C522D;}

        #pageBody #portalHeader      { border-bottom: 1px solid #D7D6D1; text-align: center; width: 100%; padding:10px 0px 7px 0px;}
        #pageBody #portalHeader a    { color: #6C522D; font-size: 16pt; }
        #pageBody #portalHeader h1   { padding-bottom: 10px; color: #6C522D; font-size: 16pt; font-weight: bold; }
        #pageBody #portalHeader h2   { padding-bottom:2px; color: #6C522D; font-size: 10pt; font-weight: bold; }
        #pageBody #portalWorkArea    { float: left; width: 557px; padding-left: 10px; padding-right: 10px; overflow: hidden;}


  #pageBody #fullPageWorkArea {width: 100%; overflow: hidden;}
  #pageBody #workArea {float: right; /*width: 610px;*/ width: 717px; overflow: hidden; padding-right:10px;}

  #pageBody #workArea #profileCompleteBox {float: right; width: 265px; height: 170px; background: url(/images/profile_completebox_bg.gif)}

  /* #pageBody #workArea #historyBox {float: right; width: 226px; height: 163px; margin-bottom: 20px; background: url(/images/profile_historybox_bg.gif)} */
  #pageBody #workArea #historyBox {float: right; width: 265px; height: 170px; margin-bottom: 20px; background: url(/images/profile_completebox_bg.gif)}
  #pageBody #workArea #historyBox div .hr {padding-top: 2px; margin-bottom: 5px}
  #pageBody #workArea #historyBox div {padding: 10px}
  #pageBody #workArea #historyBox div p {clear: both; height: 20px}

  #pageBody #workArea #profileCompleteBox {float: right; width: 265px; height: 170px; background: url(/images/profile_completebox_bg.gif)}
  #pageBody #workArea #profileCompleteBox div.border {padding: 16px}
  #pageBody #workArea #profileCompleteBox p {padding-bottom: 5px}
  #pageBody #workArea #profileCompleteBox p .addButton {background-position: 0 3px}
  #pageBody #workArea #profileCompleteBox .statusBox {float: left; width: 176px; padding: 4px; border: 1px solid #cccccc; background-color: #ffffff;}
  #pageBody #workArea #profileCompleteBox .statusBox .statusLine {height: 19px; background-color: #e08c12;}
  #pageBody #workArea #profileCompleteBox .fullStatusText {float: right; padding-top: 6px;}


  #pageBody #workArea #userSummaryInfoBox {float: left; /*width: 320px;*/ width: 420px;}
  #pageBody #workArea #userSummaryInfoBox .userName {padding-bottom: 10px; color: #D0771D; font-size: 14pt; font-weight: bold;}
  #pageBody #workArea #userSummaryInfoBox .dataBox {float: left; /*width: 300px;*/ width: 400px; padding-top: 10px;}
  #pageBody #workArea #userSummaryInfoBox .dataBox .label {float: left; /*width: 80px;*/ width: 100px; font-size: 8pt; color: #B57954;}


  #pageBody #workArea ul.dataList {/*width: 610px;*/ width: 717px; background: url(/images/hr.gif) repeat-x left bottom;}
  #pageBody #workArea ul.dataList li {display: block; float: left; clear: both; width: 100%; padding-bottom: 5px; background: url(/images/hr.gif) repeat-x left 20px;}
  #pageBody #workArea ul.dataList .title {font-weight: bold; float: left;}
  #pageBody #workArea ul.dataList .actionLink {float: right;}

  #pageBody #workArea ul.dataList .addPhotoImg_m {display: block; height: 69px; width: 69px; text-align: center; background: url(/images/no_photo_small_m.png)}
  #pageBody #workArea ul.dataList .addPhotoImg_f {display: block; height: 69px; width: 69px; text-align: center; background: url(/images/no_photo_small_f.png)}
  #pageBody #workArea ul.dataList .addPhotoImg_m a,
  #pageBody #workArea ul.dataList .addPhotoImg_f a {float: left; width: 100%; margin: 42px 0 0 0; text-align: center; text-decoration: none; font-size: 7pt; line-height: 9pt; font-weight: bold; color: #6C522D;}

  #pageBody #workArea ul.dataList .personBox {float: left; width: auto; height: 70px; padding-right: 20px; margin-bottom: 10px;}
  #pageBody #workArea ul.dataList .personBox .previewSmall {float: left;}
  #pageBody #workArea ul.dataList .personBox p {float: left; padding-left: 10px; width: auto;}
  #pageBody #workArea ul.dataList .personBox p a {display: block; margin-top: -3px;}

  #pageBody #workArea ul.dataList FIELDSET {background-color: #F3EDDF; padding: 5px;}
  #pageBody #workArea ul.dataList FIELDSET TEXTAREA {float: left;}
  #pageBody #workArea ul.dataList FIELDSET a {display: block; float: left; margin: 68px 0 0 8px; text-align: center; text-decoration: none;}

  #pageBody #workArea ul.dataList li.messageBox {background-position: left top; padding: 15px 0 15px 0;}
  #pageBody #workArea ul.dataList li.messageBox .previewSmall {float: left; padding-right: 10px;}
  #pageBody #workArea ul.dataList li.messageBox .messageHeadline {float: left; width: 600px;}
  #pageBody #workArea ul.dataList li.messageBox .messageHeadline span {padding-left: 10px}
  #pageBody #workArea ul.dataList li.messageBox .messageHeadline .actionLink {float: none;}
  #pageBody #workArea ul.dataList li.messageBox .messageBody {float: left; /*width: 510px;*/ width: 617px; padding-top: 10px}

  #pageBody .plainText {padding-top: 15px;}
  #pageBody .plainText p {padding-bottom: 15px;}
  #pageBody .plainText ul {padding-bottom: 15px; padding-left: 36px;}
  #pageBody .plainText ul li {padding-top: 6px; list-style-type: disc; list-style-position: outside;}
  #pageBody .plainText ol {/*counter-reset: item;*/ padding-bottom: 15px; padding-left: 36px;}
  #pageBody .plainText ol li {padding-top: 6px;}
  /*#pageBody .plainText ol li:before {content: counters(item, ".") ". "; counter-increment: item;}*/
        #pageBody .plainText li.topcontent {background-color: #F3EDDF; padding-top: 6px; list-style-type: disc; list-style-position: outside;}

  #pageBody .listNavigator {float: left; width: 100%}
  #pageBody .listNavigator label {font-size: 9pt; margin-right: 8px}
  #pageBody .listNavigator a {color: #70542C; text-decoration: none; margin: 0 3px}
  #pageBody .listNavigator span {color: #70542C; margin: 0 3px; font-weight: bold;}

  #pageBody .listView .userList {float: left; width: 100%; padding: 18px 0 10px 0; background: url(/images/hr.gif) repeat-x left bottom;}
  #pageBody .listView li {display: block; float: left;}

  #pageBody .listView .userListHeadline {float: left; width: 955px; padding: 5px 0 0px 0; height:28px; background:url(/images/tree_view-line_bg.jpg) no-repeat;}
  #pageBody .listView .userListHeadline li {background: url(/images/border.gif) repeat-y top right; font-size: 8pt; line-height: 10pt; color: #695435;}
  #pageBody .listView .userListHeadline li a {font-size: 8pt;}
  #pageBody .listView .userListHeadline li .paddingFix {padding-left: 10px;}

  #pageBody .listView li.imageColumn {width: 105px; padding-top: 1px; background-image: none;}
  #pageBody .listView li.imageColumn .addPhotoImg_m {display: block; height: 90px; width: 90px; text-align: center; background: url(/images/no_photo_m.png)}
  #pageBody .listView li.imageColumn .addPhotoImg_f {display: block; height: 90px; width: 90px; text-align: center; background: url(/images/no_photo_f.png)}
  #pageBody .listView li.imageColumn .addPhotoImg_m a,
  #pageBody .listView li.imageColumn .addPhotoImg_f a {float: left; width: 100%; margin: 50px 0 0 0; text-align: center; text-decoration: none; font-weight: bold; color: #6C522D;}
  #pageBody .listView li.imageColumn .imgBorder {width:90px; height:90px; display:block; padding:2px;}
  *html #pageBody .listView li.imageColumn .imgBorder {padding:2px 2px 0px 2px;}

  #pageBody .listView li.actionColumn {width: 290px; margin-right: 12px;}
  #pageBody .listView li.actionColumn .simpleText {display: block; height: 10px; margin-top: 2px}
  #pageBody .listView li.actionColumn .simpleText p.additionalInfo,
  #pageBody .listView li.actionColumn .simpleText p.additionalInfo a { font-size:11px }
  #pageBody .listView li.actionColumn input {margin-right:5px; border:1px solid #cccccc;}
  #pageBody .listView li.actionColumn input.inviteButton {width:79px; height:20px; border:1px none; background:url(/images/tree_view-invite_button.jpg) no-repeat; color:#ffffff; font-weight:bold;}

  #pageBody .listView li.actionColumn FIELDSET a {font-size: 8pt}
  #pageBody .listView li.actionColumn FIELDSET a.actionLink {}
  #pageBody .listView li.actionColumn label {display:block;}
  #pageBody .listView li.actionColumn a.relation{background:url(/images/tree_view-relation_button.jpg) no-repeat; color:#ffffff; text-decoration:none; width:152px; height:20px; display:block; text-align:center; font-weight:bold; float:left; font-size:11px; margin-right:5px; margin-top:15px;}
  #pageBody .listView li.actionColumn a.info {display:block; float:left; padding-top:2px; margin-top:15px;}

  #pageBody .listView li.residenceColumn {width: 130px; background:none;}

  #pageBody .listView li.shortTextColumn {/*width: 104px;*/ width: 190px; margin-right: 12px}
  #pageBody .listView li.dateColumn {width: 100px; background-image:none;}
  #pageBody .listView li.textColumn {width: 259px; margin-right: 12px}
  #pageBody .listView li.buttonsColumn {width: 150px; margin-right:12px;}
  #pageBody .listView li.buttonsColumn .lCol {float:left; width:20px;}
  #pageBody .listView li.buttonsColumn .rCol {float:left; padding-left:5px; padding-bottom:5px;}
  #pageBody .listView li.dateColumn .datesPadding{display:block; padding-bottom:5px; clear:both;}


  /*#pageBody .listView li.buttonsColumn a {display: block; width: 142px; margin-bottom: 2px; line-height: 24px; background: url(/images/button_large.gif); text-align: center; height: 24px; border: none; color: #8D7E6B; font-weight: bold; text-decoration: none;}*/
  #pageBody .listView li.buttonsColumn a {display:block; margin-bottom:2px;}
  #pageBody .listView li.inviteColumn {width: 300px; background-image: none;}
  #pageBody .listView li.inviteColumn .inviteForm {float: left; width: 228px;}
  #pageBody .listView li.inviteColumn .inviteForm .formButton {width: 81px; background-image: url(/images/button_search.gif)}
  #pageBody .listView li.inviteColumn .inviteLinkBox {float: right; padding-top: 4px}
  #pageBody .listView li.inviteColumn .inviteLinkBox a {color: #6C522D; margin-left: 20px}
  #pageBody .listView li.inviteColumn input.inviteField {margin-right:3px; border:1px solid #cccccc;}
  #pageBody .listView li.inviteColumn input.inviteButton {width:79px; height:18px; border:1px none; background:url(/images/tree_view-invite_button-b.jpg) no-repeat; color:#ffffff; font-weight:bold;}

  .helpLinksContainer {height: 100px; padding: 15px 20px 40px 20px; background-color: #F3EDDF; border: 1px solid #cccccc;}
  .helpLinksContainer .floatLeft, .helpLinksContainer .floatRight {width: 250px}


        .portalLinksContainer {height: 100px; padding: 15px 20px 40px 20px; xbackground-color: #F3EDDF; xborder: 1px solid #cccccc;}
        .portalLinksContainer .floatLeft, .helpLinksContainer .floatRight {width: 250px}

  #pageBody #photosContainer {float: left; border: 1px solid #CFCBC0;}
  #pageBody #photosContainer .imgPreviews {float: left; width: 759px; background: #F5F1E6; padding-bottom: 15px;}
  #pageBody #photosContainer .imgPreviews .preview {float: left; padding: 14px 0 0 30px; text-align: center;}
  #pageBody #photosContainer .imgPreviews .preview TABLE {border: none;}
  #pageBody #photosContainer .imgPreviews .preview TABLE TD {width: 100px; height: 100px; text-align: center; vertical-align: middle;}
  #pageBody #photosContainer .imgPreviews .preview a {color: #747065;}

        #pressContainer {border-top:1px solid white; padding-top:5px; padding-bottom: 5px; background-color: #e9e1d3; text-align: center; }
        #pressContainer td { font-size: 8pt; }
        #pressContainer td img {padding-left: 20px; border:none; text-decoration:none;}

  /*start new page body*/
  #pageBody #pageProfile
  {

  }

  body.treeLayout #pageBody #treeViewMenu {margin:0 auto; width:970px;}
  #pageBody #treeViewMenu {text-align: center;}
  #pageBody #treeViewMenu a {font-size:11px; color:#6C522D; font-weight: bold; background:url(/images/b_tree_list-na.jpg) no-repeat; width:119px; height:22px; float:left; margin-right:7px; padding-top:2px; text-decoration: none; -moz-outline-style: none;}
  #pageBody #treeViewMenu a.active {color: #ffffff; background:url(/images/b_tree_list-a.jpg) no-repeat; width:119px; height:22px; display:block;}

  /*permissions*/
  #permissions h3 {font-size:14px; color:#E08B11; padding:5px 0px 10px 0px; font-weight:lighter;}
  #permissions h3.friendsCaption {float:left; font-size:14px; color:#E08B11; padding:5px 0px 10px 0px; font-weight:lighter;}
  *html #permissions h3.friendsCaption {position:relative;}
  #permissions h3.albumCaption {font-size:14px; color:#E08B11; padding:5px 0px 25px 0px; font-weight:lighter;}
  #permissions h3.editPhotoCaption {font-size:14px; color:#E08B11; padding:5px 0px 10px 0px; font-weight:lighter; float:left;}
  *html #permissions h3.editPhotoCaption {position:relative;}
  #permissions h5 {font-size:12px; color:#6C522D; padding:5px 0px 10px 5px; font-weight:bold; display:block}

  #permissions .subTitle {padding-bottom:10px; font-size:12px; color:#6C522D;}

  #permissions .radioButton {float:left; margin:0px 0px 0px 2px; display:block;}
  *html #permissions .radioButton {position:relative}
  #permissions .checkButton {margin-left:5px;}

  #permissions .searchField {border:1px solid #cccccc; width:153px; float:left}
  #permissions .searchButton
  {
    margin:0px 0px 0px 10px;
    float:left;
    width:69px;
    border:1px none;
    background:url(/images/os_small_search.jpg) no-repeat;
    color:#ffffff;
    font-weight:bold;
    display:block;
    float:left;
  }

  #permissions label{float:left; display:block; margin-left:5px;}
  /**html #permissions label {position:relative}*/
  #permissions label.permissionLabel {float:left; display:block; margin-left:5px;}
  *html #permissions label.permissionLabel {position:relative;}
  #permissions label.albumTitle{float:left; display:block; margin:0px 5px 0px 0px; font-weight:bold; font-size:12px;}
  #permissions label.albumLabel {float:left; display:block; padding-left:10px;}
  *html #permissions label.albumLabel {position:relative;}
  #permissions label.photoAlbumLabel {font-size:12px; font-weight:bold; padding-left:2px;}
  *html #permissions label.photoAlbumLabel {position:relative}


  #permissions div.fields {padding:3px 0px 3px 0px;}
  #permissions div.albumFields {padding:3px 0px 3px 27px;}
  *html #permissions div.albumFields {padding:3px 0px 3px 22px;}
  #permissions div.photoAlbumField {padding-bottom:7px;}
  #permissions div.albumlLockField {padding:13px 0px 8px 30px;}
  #permissions div.albumlLockField img {float:left;}
  *html #permissions div.albumlLockField img {position:relative;}
  #permissions div.albumlLockField div strong {float:left; padding-left:15px; font-weight:bold;}
  *html #permissions div.albumlLockField div strong {position:relative;}
  #permissions div.albumPhotoLink {padding:7px 0px 8px 3px;}
  #permissions div.albumPhotoLink a {font-size:12px;}


  #permissions #buttons {border-top:1px solid #cccccc; margin-top:10px; padding:10px 0px 10px 0px;}
  #permissions #buttons .actionButton{background:url(/images/pn_bearbeiten.jpg) no-repeat; border:medium none; color:#ffffff; width:93px; font-weight:bold; float:right;}
  *html #permissions #buttons .actionButton {position:relative}

  #permissions .bottomButtons {border-top:1px solid #cccccc; margin-top:10px; padding:10px 0px 10px 0px;}
  #permissions .bottomButtons .actionButton {background:url(/images/pn_bearbeiten.jpg) no-repeat; border:medium none; color:#ffffff; width:93px; font-weight:bold; float:right;}
  *html #permissions .bottomButtons .actionButton {position:relative}

  #permissions .links {border-top:1px solid #cccccc; margin-top:10px; padding:10px 0px 10px 0px; text-align:center;}
  #permissions .links a {background:url(/images/pn_bearbeiten.jpg) no-repeat; color:#ffffff; width:93px; font-weight:bold; float:right; width:93px; height:20px; display:block; font-size:11px; text-decoration:none;}
  *html #permissions .links a {position:relative;}

  #permissions .applyButton {background:url(/images/pn_bearbeiten.jpg) no-repeat; border:medium none; color:#ffffff; width:93px; font-weight:bold; float:left; margin-left:5px;}
  #permissions .friendsRequests {font-size:11px; color: #6C522D;}
  #permissions a {font-size:11px;}

  #permissions .friendsCaption {float:left;}
  *html #permissions {position:relative;}
  #permissions .closeButton {float:right;}
  *html #permissions .closeButton {position:relative;}

  #permissions .listView .imgBorder {width:90px; height:90px; display:block; padding:2px; float:left;}
  *html #permissions .listView .imgBorder {position:relative;}
  #permissions .sideInfo {float:left; padding-left:5px; width:220px;}
  *html #permissions .sideInfo {position:relative;}
  #permissions .profileLink {float:left; padding-left:5px;}
  *html #permissions .profileLink {position:relative}

  #permissions .listView .addPhotoImg_m {height: 90px; width: 90px; text-align: center; background: url(/images/no_photo_m.png)}
  #permissions .listView .addPhotoImg_f {height: 90px; width: 90px; text-align: center; background: url(/images/no_photo_f.png)}

  #permissions .albumList {height:250px; overflow-y:scroll}
  #permissions .photoAlbumTitle {height:15px; font-size:11px;}
  #permissions .photoAlbumContainer {padding:0px 0px 15px 20px; float:left;}
  #permissions .photoAlbumThumbTitle {padding-top:3px; float:left;}
  #permissions .photoAlbumThumbPermissions {padding:10px 0px 0px 4px; font-size:11px;}
  #permissions .photoAlbumThumb {background:url(/images/ring_album-sm.jpg) no-repeat; width:92px; height:77px; float:left; padding:5px 0px 0px 18px}

  #permissions .infoText {font-size:12px; padding-bottom:10px; color:#6C522D;}

  /*profile visits*/
  #profileVisits h1 {font-size:18px; color:#6C522D; font-weight:lighter; padding:5px 0px 10px 0px;}
  #profileVisits h1.captionTitle {font-size:18px; color:#6C522D; font-weight:lighter; padding:5px 0px 10px 0px; float:left;}
  *html #profileVisits h1.captionTitle {position:relative;}
  #profileVisits a.closeButton {float:right;}
  *html #profileVisits a.closeButton {position:relative;}

  #profileVisits .listNavigator {float: left; width: 600px;}
  *html #profileVisits .listNavigator {position:relative}
  #profileVisits .listNavigator label {font-size: 9pt; margin-right: 8px}
  #profileVisits .listNavigator a {color: #70542C; text-decoration: none; margin: 0 3px}
  #profileVisits .listNavigator span {color: #70542C; margin: 0 3px; font-weight: bold;}

  #profileVisits .listView .userList {float: left; width: 600px; padding: 18px 0 10px 0; background: url(/images/hr.gif) repeat-x left bottom;}
  *html #profileVisits .listView .userList {position:relative}
  #profileVisits .listView li {display: block; float: left;}

  #profileVisits .listView .userListHeadline {float: left; width: 600px; padding: 5px 0 0px 0; height:28px; background:url(/images/tree_view-line_bg.jpg) no-repeat;}
  *html #profileVisits .listView .userListHeadline {position: relative}

  #profileVisits .listView .userListHeadline li {background: url(/images/border.gif) repeat-y top right; font-size: 8pt; line-height: 10pt; color: #695435;}
  #profileVisits .listView .userListHeadline li a {font-size: 8pt;}
  #profileVisits .listView .userListHeadline li .paddingFix {padding-left: 10px;}

  #profileVisits .listView li.imageColumn {width: 105px; padding-top: 1px; background-image: none;}
  #profileVisits .listView li.imageColumn .addPhotoImg_m {display: block; height: 90px; width: 90px; text-align: center; background: url(/images/no_photo_m.png)}
  #profileVisits .listView li.imageColumn .addPhotoImg_f {display: block; height: 90px; width: 90px; text-align: center; background: url(/images/no_photo_f.png)}
  #profileVisits .listView li.imageColumn .addPhotoImg_m a,
  #profileVisits .listView li.imageColumn .addPhotoImg_f a {float: left; width: 100%; margin: 50px 0 0 0; text-align: center; text-decoration: none; font-weight: bold; color: #6C522D;}
  #profileVisits .listView li.imageColumn .imgBorder {width:90px; height:90px; display:block; padding:2px;}
  *html #profileVisits .listView li.imageColumn .imgBorder {padding:2px 2px 0px 2px;}

  #profileVisits .listView li.actionColumn {width: 170px; margin-right: 12px;}
  #profileVisits .listView li.actionColumn .simpleText {display: block; height: 43px; margin-top: 2px}

  #profileVisits .listView li.actionColumn a.relation{background:url(/images/tree_view-relation_button.jpg) no-repeat; color:#ffffff; text-decoration:none; width:152px; height:20px; display:block; text-align:center; font-weight:bold; float:left; font-size:11px; margin-right:5px; margin-top:15px;}
  #profileVisits .listView li.actionColumn a.info {display:block; float:left; padding-top:2px; margin-top:15px;}

  #profileVisits .listView li.shortTextColumn {/*width: 104px;*/ width: 190px; margin-right: 12px}
  #profileVisits .listView li.dateColumn {width:150px; background: url(/images/border.gif) repeat-y top right;}
  #profileVisits .listView li.textColumn {width: 259px; margin-right: 12px}
  #profileVisits .listView li.buttonsColumn {width: 150px; margin-right:12px; background-image:none;}
  #profileVisits .listView li.buttonsColumn .lCol {float:left; width:20px;}
  #profileVisits .listView li.buttonsColumn .rCol {float:left; padding-left:5px; padding-bottom:5px;}
  #profileVisits .listView li.dateColumn .datesPadding{display:block; padding-bottom:5px; clear:both;}

  /*tree invite*/
  #pageBody #treeInvite
  {
    padding:0px 8px 5px 10px;
  }

  #pageBody #treeInvite h2
  {
    color:#E08B11;
    font-size:16px;
    font-weight:normal;
    padding:20px 0px 10px 0px;
  }

  #pageBody #treeInvite #tabsNavigation
  {
    height:27px;
    margin-bottom:9px;
  }

  #pageBody #treeInvite #tabsNavigation a
  {
    position:absolute;
    font-weight:bold;
    text-align:center;
    padding-top:6px;
    color:#6C522D;
    text-decoration:none;
    -moz-outline-style: none;
  }

  #pageBody #treeInvite #tabsNavigation a#treeInviteNav
  {
    width:141px;
    height:35px;
    background:url(/images/tn_publicTree-na.jpg) no-repeat;

  }

  #pageBody #treeInvite #tabsNavigation a.active#treeInviteNav
  {
    z-index:1;
    background:url(/images/tn_tree_invite-a.jpg) no-repeat;
    color:#ffffff;
  }

  #pageBody #treeInvite #tabsNavigation a#friendsInviteNav
  {
    margin-left:143px;
    width:158px;
    height:27px;
    background:url(/images/tn_friends_invite-na.jpg) no-repeat;
    -moz-outline-style: none;
  }

  #pageBody #treeInvite #tabsNavigation a.active#friendsInviteNav
  {
    z-index:1;
    color:#ffffff;
    background:url(/images/tn_friends_invite-a.jpg) no-repeat;
  }

  #pageBody #treeInvite #tabsNavigation a#friendsReInviteNav
  {
    margin-left:303px;
    width:180px;
    height:27px;
    background:url(/images/tn_friends_rinvite-na.jpg) no-repeat;
    -moz-outline-style: none;
  }

  #pageBody #treeInvite #tabsNavigation a.active#friendsReInviteNav
  {
    z-index:1;
    color:#ffffff;
    background:url(/images/tn_friends_rinvite-a.jpg) no-repeat;
  }

  #pageBody #treeInvite #tabsNavigation div#bottomTabs
  {
    position:absolute;
    z-index:0;
    margin-top:26px;
    border-left:1px solid #c7c6a7;
    border-right:1px solid #c7c6a7;
    width:953px;
    background:url(/images/pn_nav_grad-na.jpg) repeat-x;
    height:10px;
  }


  #pageBody #treeInvite #nameAndEmailHolder
  {
    width:550px; float:left;
  }

  #pageBody #treeInvite #recipientsHolder
  {
    width:555px; float:left; height:120px; overflow-y:scroll; overflow-x:hidden; margin-bottom:5px;
    padding-right:5px;
  }
  *html #pageBody #treeInvite #recipientsHolder
  {
    position:relative;
  }

  #pageBody #treeInvite #nameAndEmail
  {
    padding:0px 0px 15px 10px;
  }

  #pageBody #treeInvite #sideBar
  {
    float:right;
    width:365px;
    height:140px;
    background:url(/images/os_sidebar-bg.jpg) no-repeat;
  }

  #pageBody #treeInvite #sideBar p
  {
    overflow:hidden;
    height:90px;
    padding:6px;
  }

  #pageBody #treeInvite #sideBar a
  {
    display:block;
    float:right;
    margin:5px 5px 0px 0px;
    background:url(/images/os_gustbook_button.jpg) no-repeat;
    width:179px;
    height:20px;
    font-weight:bold;
    color:#ffffff;
    font-size:11px;
    text-decoration:none;
    text-align:center;
  }

  #pageBody #treeInvite label
  {
    float:left; width:220px; padding-right:10px; padding-top:2px; font-size:12px; font-weight:bold;
  }

  #pageBody #treeInvite input.friendNameEmail
  {
    float:left; border:1px solid #cccccc; width:265px; font-size:12px;
  }

  #pageBody #treeInvite input.recipientNames
  {
    float:left; border:1px solid #cccccc; width:130px; font-size:12px;
    margin-top:5px;
  }

  #pageBody #treeInvite input.recipientEmail
  {
    float:right; border:1px solid #cccccc; width:160px; font-size:12px;
    margin-top:5px;
  }

  #pageBody #treeInvite h3.recipientTitle
  {
    color:#E08B11;
    font-size:14px;
    font-weight:lighter;
    padding:5px 0px 10px 10px;
  }

  #pageBody #treeInvite input.friendSubject
  {
    border:1px solid #cccccc; width:490px; font-size:12px;
  }

  #pageBody #treeInvite label.friendSubject
  {
    font-weight:normal; width:auto;
  }

  #pageBody #treeInvite label.recipientSubject
  {
    font-weight:normal; width:auto;
  }
  *html #pageBody #treeInvite label.recipientSubject
  {
    position:relative;
  }

  #pageBody #treeInvite .recipientEmailContainer
  {
    float:right;
    width:160px; font-size:11px; padding-right:5px;
    color:#6C522D;
  }

  #pageBody #treeInvite .recipientNamesContainer
  {
    font-size:11px; float:left;
    color:#6C522D;

  }
  *html #pageBody #treeInvite .recipientNamesContainer
  {
    position:relative;
  }

  #pageBody #treeInvite .message
  {
    padding:10px 0px 10px 0px;
    width:540px;
  }

  #pageBody #treeInvite input.sendButton
  {
    float:right;
    background:url(/images/pn_bearbeiten.jpg) no-repeat;
    width:93px;
    margin-right:7px;
    color:#ffffff;
    font-weight:bold;
    border:1px none;
  }


  #pageBody #treeInvite a.addButton
  {
    background: url(/images/tree_view-plus.jpg) left center no-repeat;
    cursor: pointer;
    float:right;
    font-size:11px;
    margin-right:43px;
  }

  #pageBody #treeInvite .moreLink
  {
    width:550px;
    margin-bottom:10px;
  }

  /*tree list*/
  #pageBody #treeListView
  {
    padding:2px 2px 0px 8px;
  }

  /*Extended search box*/
  #pageBody #treeListView #extendedForm
  {
    font-size:12px;
  }

  #pageBody #treeListView #extendedForm label
  {
    float:left;
    width:80px; padding-right:10px;
    display:block;
    font-size:12px;
  }

  #pageBody #treeListView #extendedForm label.boxLabel
  {
    font-size:11px;
    color:#999999;
    padding-left:3px;
  }

  #pageBody #treeListView #extendedForm div.field
  {
    padding:0px 5px 5px 0px; float:left
  }

  #pageBody #treeListView #extendedForm input,
  #pageBody #treeListView #extendedForm select
  {
    float:left;
    display:block;
  }

  #pageBody #treeListView #extendedForm input.field
  {
    border:1px solid #cccccc;
  }

  #pageBody #treeListView #extendedForm input.submitButton
  {
    margin:4px 0px 0px 0px;
    float:left;
    width:130px;
    border:1px none;
    background:url(/images/os_insertEntry_buton.jpg) no-repeat;
    color:#ffffff;
    font-weight:bold;
    display:block;
  }

  #pageBody #treeListView #tabsNavigation
  {
    height:27px;
    margin-bottom:9px;
  }

  #pageBody #treeListView #tabsNavigation a
  {
    position:absolute;
    font-weight:bold;
    text-align:center;
    padding-top:6px;
    color:#6C522D;
    text-decoration:none;
    -moz-outline-style: none;
  }

  #pageBody #treeListView #tabsNavigation a#myTreeNav
  {
    width:91px;
    height:35px;
    background:url(/images/tn_mytree-na.jpg) no-repeat;

  }

  #pageBody #treeListView #tabsNavigation a.active#myTreeNav
  {
    z-index:1;
    background:url(/images/tn_mytree-a.jpg) no-repeat;
    color:#ffffff;
  }

  #pageBody #treeListView #tabsNavigation a#publicActiveTreeNav
  {
    margin-left:93px;
    width:180px;
    height:27px;
    background:url(/images/tn_friends_rinvite-na.jpg) no-repeat;
    -moz-outline-style: none;
  }

  #pageBody #treeListView #tabsNavigation a.active#publicActiveTreeNav
  {
    z-index:1;
    color:#ffffff;
    background:url(/images/tn_friends_rinvite-a.jpg) no-repeat;
  }

  #pageBody #treeListView #tabsNavigation a#publicPassiveTreeNav
  {
    margin-left:275px;
    width:180px;
    height:27px;
    background:url(/images/tn_friends_rinvite-na.jpg) no-repeat;
    -moz-outline-style: none;
  }

  #pageBody #treeListView #tabsNavigation a.active#publicPassiveTreeNav
  {
    z-index:1;
    color:#ffffff;
    background:url(/images/tn_friends_rinvite-a.jpg) no-repeat;
  }



  #pageBody #treeListView #tabsNavigation div#bottomTabs
  {
    position:absolute;
    z-index:0;
    margin-top:26px;
    border-left:1px solid #c7c6a7;
    border-right:1px solid #c7c6a7;
    width:955px;
    background:url(/images/pn_nav_grad-na.jpg) repeat-x;
    height:10px;
  }

  #pageBody #topProfileContent
  {
    height:69px;
    padding:6px 0px 0px 6px;
    background:url(/images/os_top_profile_content_b.jpg) no-repeat;
  }

  #pageBody #topProfileContent a.profileLink
  {
    float:left;
    color:#2155a8;
    margin-right:5px;
    overflow:hidden;
  }

  #pageBody #bodyProfileContent
  {
    padding:10px 8px 0px 10px;
  }

  #pageBody #bodyProfileContent a.editButton
  {
    background:url(/images/pn_bearbeiten.jpg);
    display:block;
    width:93px;
    height:20px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    margin-top:5px;
  }

  #pageBody #bodyProfileContent a.editLargeButton
  {
    background:url(/images/os_profile_berb.jpg);
    width:133px;
    height:20px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    float:right;
  }

  #pageBody #bodyProfileContent a.slideShowButton
  {
    background:url(/images/os_slideshow.jpg);
    width:87px;
    height:20px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    margin-right:3px;
  }

  #pageBody #bodyProfileContent a.slideOrganeButton
  {
    background:url(/images/os_slideshow-or.jpg);
    width:127px;
    height:20px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    margin-left:3px;
  }

  #pageBody #bodyProfileContent a.insertEntryButton
  {
    background:url(/images/os_insert_comment.jpg);
    width:180px;
    height:26px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
  }

  #pageBody #mainProfileContent a.insertEntryButton
  {
    background:url(/images/os_insertEntry_buton.jpg);
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    width:130px;
    height:20px;
    display:block;
  }

  #pageBody #mainProfileContent a.addMore
  {
    position:relative;
    top:-5px;
    font-size:11px;
    font-weight:normal;
  }

  #pageBody #mainProfileContent #gbForm label
  {
    font-size:12px;
  }

  #pageBody #mainProfileContent #gbForm .subLabel
  {
    padding:5px 0px 5px 0px;

  }

  #pageBody #mainProfileContent #gbForm fieldset
  {
    padding:20px 0px 10px 0px;
  }

  #pageBody #mainProfileContent #gb .imgCont,
  #pageBody #mainProfileContent #showPhotoComments .imgCont
  {
    padding:2px;
    widht:73px;
    height:73px;
    float: left;
    margin-right:10px;
  }
  *html #pageBody #mainProfileContent #gb .imgCont,
  *html #pageBody #mainProfileContent #showPhotoComments .imgCont
  {
    padding:2px 2px 0px 2px;
  }

  #pageBody #mainProfileContent #gb .commentList,
  #pageBody #mainProfileContent #showPhotoComments .commentList
  {
    float:left;
    width:560px;
  }

  #pageBody #mainProfileContent #gb ul,
  #pageBody #mainProfileContent #gb ul a,
  #pageBody #mainProfileContent #showPhotoComments ul,
  #pageBody #mainProfileContent #showPhotoComments ul a
  {
    font-size:11px;
    padding-bottom:5px;
  }

  #pageBody #mainProfileContent #gb li,
  #pageBody #mainProfileContent #showPhotoComments li
  {
    float:left;
    padding-right:10px;
  }

  #pageBody #mainProfileContent #gb li strong,
  #pageBody #mainProfileContent #showPhotoComments li strong
  {
    font-weight:bold;
  }

  #pageBody #mainProfileContent #gb li strong a
  {
    font-size:12px;
    text-decoration:none;
  }

  #pageBody #mainProfileContent #gb #bottomPagination,
  #pageBody #mainProfileContent #showPhotoComments #bottomPagination
  {
    margin-top:10px; padding-top:10px; text-align:center;
    background: url(/images/hr.gif) repeat-x left top;
  }

  #pageBody #mainProfileContent #gb #bottomPagination span,
  #pageBody #mainProfileContent #showPhotoComments #bottomPagination span
  {
    position:relative;
    top:-4px;
  }

  #pageBody #mainProfileContent #gb #topPagination,
  #pageBody #mainProfileContent #showPhotoComments #topPagination

  {
    background: url(/images/hr.gif) repeat-x left bottom;
    padding-bottom:5px;
    margin-bottom:5px;
  }

  #pageBody #bodyProfileContent a.pictureAddButton
  {
    background:url(/images/os_bilder.jpg);
    width:136px;
    height:20px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    margin-right:3px;
  }

  #pageBody #bodyProfileContent a.saveOrderButton
  {
    background:url(/images/os_slideshow.jpg);
    width:87px;
    height:20px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    margin-right:3px;
  }

  #pageBody .uploadButton
  {
    background:url(/images/os_upload.jpg);
    width:145px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    margin-right:3px;
    border:medium none;
  }

  #pageBody #leftProfileContent
  {
    width:204px;
    float:left;

    /*height:610px;*/
    /*margin:10px 16px 0px 10px;*/
  }

  #pageBody #leftProfileContent .addPhotoImg_m {display: block; height: 144px; width: 144px; text-align: center; background: url(/images/no_photo_big_m.png); margin: 0 auto;}
  #pageBody #leftProfileContent .addPhotoImg_f {display: block; height: 144px; width: 144px; text-align: center; background: url(/images/no_photo_big_f.png); margin: 0 auto;}
  #pageBody #leftProfileContent .addPhotoImg_m a,
  #pageBody #leftProfileContent .addPhotoImg_f a {float: left; width: 100%; margin: 42px 0 0 0; text-align: center; text-decoration: none; font-size: 7pt; line-height: 9pt; font-weight: bold; color: #6C522D;}

  #pageBody #profileImage
  {
    width:200px;
    height:200px;
    padding:2px;
    text-align: center;
  }

  *html #pageBody #profileImage
  {
    padding:2px 2px 0px 2px;
  }

  #pageBody #profileNameInfo
  {
   padding:10px 0px 10px;
   background: url(/images/hr.gif) repeat-x left bottom;
  }

  #pageBody #profileNameInfo h4
  {
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    height:15px;
    overflow:hidden;
    padding-bottom:3px;
    width:75px;
  }

  #pageBody #profileNameInfo img.icon
  {
    float:left;
    margin-top:-1px;
    margin-right:3px;
  }

  #pageBody #profileInfo
  {
    background: url(/images/hr.gif) repeat-x left bottom;
    font-size:11px;
    padding:10px 0px 10px 0px;
  }

  #pageBody #profileInfo img.icon
  {
    float:left;
    margin-top:-1px;
    margin-right:3px;
  }

  #pageBody #profileInfo.friendsView,
  #pageBody #profileInfo.friendsView a
  {
    font-size:12px;
    font-weight:lighter;
  }

  #pageBody #profileInfo.friendsView a.relationshipButton
  {
    background: url(/images/os_relationShipButton.jpg);
    width:153px;
    height:20px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    font-size:11px;
    float:left;
    margin-top:5px;
  }

  #pageBody #profileInfo.friendsView img.infoIco
  {
    margin:7px 0px 0px 5px;
    float:left;
  }


  #pageBody #profileInfo a
  {
    font-size:11px;
    display:block;
  }

  #pageBody #profileInfo .numberInfo
  {
    width:35px;
    float:left;
    font-weight:bold;
  }

  #pageBody #profileInfo .relationInfo
  {
    padding-top:5px;
    font-weight: bold;
  }

  #pageBody #profileInfo .emptyInfo
  {
    width:35px; float:left; font-weight:bold;
  }

  #pageBody #profileInfo .textExtraRow
  {
    float:left; padding-left:20px;
  }

  #pageBody #profileInfo .textCleanRow
  {
    float:left; padding-top:5px; padding-left:20px;
  }

  #pageBody #profileInfo .textWithoutImage
  {
    float:left; padding-left:20px;
  }

  #pageBody #profileInfo .numberCleanInfo
  {
    padding-top:5px;
    width:35px;
    float:left;
    font-weight:bold;
  }

  #pageBody #profileLinks
  {
    padding:10px 0px 10px 0px;
  }

  #pageBody #profileLinks div
  {
    width:35px;
    float:left;
    padding-bottom:5px;
  }

  /* profile history*/
  #pageBody #profileHistory
  {
    padding:7px 5px 0px 5px;
    border:1px solid #cccccc;
    background:#f8efe6;
    margin-bottom:10px;
    height:auto;
    font-size:11px;
  }

  #pageBody #profileHistory a
  {
    font-size:11px;
  }

  #pageBody #profileHistory p
  {
    padding-top:10px;
  }

  #pageBody #profileHistory h4
  {
    padding-bottom:10px;
    font-weight:bold;
    font-size:12px;
  }

  /* profile completeness*/
  #pageBody #profileCompleteness
  {
    padding-top:10px;
    height:125px;
    border:1px solid #cccccc;
    background:#f8efe6;
    margin-bottom:10px;
  }

  #pageBody #profileCompleteness div img
  {
    float:left; padding-bottom:5px; width:17px; height:18px; padding-left:10px;
  }

  #pageBody #profileCompleteness div span
  {
    float:left;  padding-left:5px; color:#000000; font-weight:lighter;
  }

  #pageBody #profileCompleteness #caption {padding-bottom:10px;}

  #pageBody #profileCompleteness #linksCompleteness
  {
    padding-top:10px;
    padding-left:10px;
    font-size:11px;
  }

  #pageBody #profileCompleteness #linksCompleteness a
  {
    font-size:11px;
  }

  #pageBody #profileCompleteness .statusBox { width: 180px; padding: 2px; border: 1px solid #cccccc; background-color: #ffffff; margin:0 auto;}
  #pageBody #profileCompleteness .statusBox .statusLine {height: 12px; background:url(/images/os_progress_bar.jpg) repeat-x;}

  #pageBody #userHistory
  {
    padding:7px 5px 0px 5px;
    border:1px solid #cccccc;
    background:#f8efe6;
    margin-bottom:10px;
    height:105px;
    font-size:11px;
  }

  #pageBody #userHistory a
  {
    font-size:11px;
  }

  #pageBody #userHistory p
  {
    padding-top:10px;
  }

  #pageBody #userHistory h4
  {
    padding-bottom:10px;
    font-weight:bold;
    font-size:12px;
  }

  #pageBody #mainProfileContent
  {
    width:734px;
    float:right;
    /*height:600px;*/
    /*margin:10px 6px 0px 0px;*/
  }

  #pageBody #profileInvitation
  {
    width:100%;
    height:100px;
  }

  #pageBody #profileInvitation li.captionFamily
  {
    width:70px; float:left;
    font-weight:bold;
  }

  #pageBody #profileInvitation li.invitationsAmount
  {
    width:30px;
    float:left;
  }

  #pageBody #profileInvitation li.amountTitle
  {
    width:250px;
    float:left;
  }

  #pageBody #profileInvitation li.membersAmount
  {
    width:30px; clear:both; padding-left:70px;
    float:left;
  }

  #pageBody #profileInvitation li.captionFrends
  {
    clear:both;
    float:left;
    width:70px; font-weight:bold;
  }

  #pageBody #notRegistred
  {
    background: url(/images/os_blue_back.jpg) no-repeat;
    height:39px;
    padding-bottom:10px;
  }

  #pageBody #notRegistred img.notYetMember
  {
    padding-left:140px;
    float:left;
  }

  #pageBody #notRegistred img.registerHere
  {
    padding-right:165px;
    float:right;
  }

  #pageBody #profileInvitation h2
  {
    font-size:14px;
    color:#6C522D;
    float:left;
    font-weight:lighter;
  }

  #pageBody #profileManage
  {
    /*height:400px;*/
    /*width:100%;*/
    /*padding-top:4px;*/
  }

  #pageBody #mainProfileContent .infoBox
  {
    float:left; width:20px; height:20px; font-size:11px; color:#000000;
  }

  #pageBody #mainProfileContent .albumPermissionBox
  {
    display:inline;
  }

  #pageBody #mainProfileContent .infoBox span,
  #pageBody #mainProfileContent .infoBoxR span
  {
    font-weight:bold; padding-right:15px;
  }

  #pageBody #mainProfileContent .infoBox a,
  #pageBody #mainProfileContent .infoBoxR a
  {
    font-size:11px; color:#000000;
    float:right;
  }

  #pageBody #mainProfileContent .infoBoxR
  {
    float:right; background:url(/images/os_rectangle-r.jpg) no-repeat; width:131px; height:37px; display:inline; font-size:11px; color:#ffffff; padding-left:4px;
  }

  #pageBody #mainProfileContent #rightSideLinks
  {
    font-size:11px;
    margin-top:-7px;
    float:right;
  }

  *html #pageBody #mainProfileContent #rightSideLinks
  {
    position:relative; margin-top:-8px;
  }

  #pageBody #mainProfileContent #rightSideLinks a
  {
    font-size:11px;
    color:#6C522D;
  }

  #pageBody #mainProfileContent #rightSideLinks div
  {
    float:left;
    padding-left:10px;
  }

  #pageBody #mainProfileContent #rightSideLinks span { display:block }
  #pageBody #mainProfileContent #rightSideLinks span.image { padding:2px 0px 0px 2px }

  #pageBody .infoBox
  {
    width:480px;
    float:left;
    color:#000000;
    font-size:10px;
    font-weight:lighter;
  }

  #pageBody .infoBox h1
  {
    font-weight:lighter;
    font-size:18px;
    padding:4px 0px 6px 0px;
    line-height:25px;
    width:450px;
    height:20px;
    overflow:hidden;
  }

  #pageBody .infoBox h1.personName
  {
    font-weight:lighter;
    font-size:18px;
    padding:4px 0px 6px 0px;
    line-height:25px;
    width:450px;
    height:20px;
    overflow:hidden;
  }

  #pageBody .infoBox img
  {
      border:none;
  }

  #pageBody #profileManage h3
  {
    font-weight:bold;
    font-size:16px;
    padding:8px 0px 4px 4px;
    float:left;
    display:block;
    width:480px;
    overflow:hidden;
    height:18px;
    line-height:20px;
  }

  #pageBody #profileManage h3.titleTab
  {
    padding-top:0px;
  }


  #pageBody #profileManage h4
  {
    font-weight:bold;
    font-size:12px;
    float:left;
    padding-right:5px;
  }

  #pageBody #profileManage h6
  {
    font-size:11px;
    font-weight:lighter;
    padding-bottom:10px;
  }

  #pageBody #profileManage #titleTab
  {
    padding-top:8px;
  }

  #pageBody #profileManage .lockIco
  {
    float:left;
    padding-top:6px;
    width:20px;
  }

  #pageBody #profileManage .uploadColumn
  {
    width:200px; height:200px; margin-right:30px;
    float:left;
  }

  #pageBody #profileManage .uploadColumn .imgCont
  {
    width:101px; height:101px; border:1px solid #D0771D; margin-bottom:10px;
    padding:4px;
  }

  *html #pageBody #profileManage .uploadColumn .imgCont
  {
    padding:4px 4px 0px 4px;
  }

  #pageBody #profileManage .uploadColumn .iconCont
  {
    width:17px; float:left; padding-left:3px;
    padding-bottom:5px; padding-right:5px;
  }

  #pageBody #profileManage .uploadColumn a
  {
    font-size:11px;
    float:left;
  }

  /*New imageList for PhotoAlbum*/

  #pageBody #profileManage .albumPhoto
  {
    float:left;
    width:200px;
    height:200px;
    margin-right:30px;
    margin-bottom:30px;
    text-align:center;
    font-size: 8pt;
    border:2px solid #ffffff;
  }

  #pageBody #profileManage .highlight { border:2px solid #FFE47B }

  #pageBody #profileManage .albumCaption
  {
    height:20px;
    font-size: 10pt;
    font-weight: bold;
  }
  #pageBody #profileManage .albumFrame
  {
    width: 126px; height: 112px;
    background-image: url(/images/ring_album.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: left;
  }
  #pageBody #profileManage .albumFrame img
  {
    margin: 5px 0 0 19px;
  }

  #pageBody #profileManage .imageAlbumPhoto
  {
    width:100px;
    float:left;
    margin:0px 20px 10px 0px;
  }

  *html #pageBody #profileManage .imageAlbumPhoto
  {
    margin:0px 15px 10px 0px;
  }

  #pageBody #profileManage .imageAlbumLastPhoto
  {
    width: 100px;
    float:left
  }

  #pageBody #profileManage .imageAlbumPhoto .imgBorder,
  #pageBody #profileManage .imageAlbumLastPhoto .imgBorder
  {
    padding:2px;
    width:100px;
  }
  *html #pageBody #profileManage .imageAlbumPhoto .imgBorder,
  *html #pageBody #profileManage .imageAlbumLastPhoto .imgBorder
  {
    padding-bottom:0px;
  }

  #pageBody #profileManage .imageAlbumPhoto .photoTitleContainer,
  #pageBody #profileManage .imageAlbumLastPhoto .photoTitleContainer
  {
    background-color:#eeeadf; padding-top:2px; height:15px;
  }

  #pageBody #profileManage .selectAllPhotos
  {
    background-color:#eeeadf; padding:2px 0 0 0; height:15px; width: 110px;
  }

  #pageBody #profileManage .selectAllPhotos label
  {
    padding: 0 0 0 5px;
  }

  #pageBody #profileManage .imageAlbumPhoto .photoTitle,
  #pageBody #profileManage .imageAlbumLastPhoto .photoTitle
  {
    font-size:12px;
    float:left;
    margin:-2px 0px 4px 5px;
  }
  *html #pageBody #profileManage .imageAlbumPhoto .photoTitle,
  *html #pageBody #profileManage .imageAlbumLastPhoto .photoTitle
  {
    margin-top:0px;
  }

  #pageBody #profileManage #imageAlbum
  {
    padding-top:10px;
  }

  #pageBody #profileManage #imageAlbum .albumPhotosPager
  {
    padding-bottom:10px;
  }

  #pageBody #profileManage #imageAlbum .albumPhotosPager a
  {
    color:#6C522D; text-decoration:none;
  }


  #pageBody #profileManage #photoTopInfo
  {
    font-size:11px;
    padding:5px 0px 5px 0px;
  }

  /*Tag Photo*/
  #pageBody #profileManage #photoTopInfo #taggedNamesLabel { width:105px; float:left; }
  #pageBody #profileManage #photoTopInfo #taggedNames { margin-bottom: 4px; float:left; width:620px; }
  #pageBody #profileManage #photoTopInfo #taggedNames a {font-size:11px;}

  #pageBody #profileManage #photoTopInfo .infoLine {width: 698px; padding-bottom:10px; height:40px;}
  #pageBody #profileManage #photoTopInfo .infoLine img {float: left;}
  #pageBody #profileManage #photoTopInfo #message { margin-bottom: 5px; float: left; width: 658px; height: 38px;  border-top: 1px solid #7AA8DA; border-bottom: 1px solid #7AA8DA; }
  #pageBody #profileManage #photoTopInfo #message a {margin: 10px 5px 0 0;}
  #pageBody #profileManage #photoTopInfo #message .titleMessage {padding:8px 0px 0px 10px; font-weight: bold; font-size:12px; float:left}
  #pageBody #profileManage #photoTopInfo #message #profile_viewpoint_subtitle {font-weight: normal; font-size:10px;}

  #pageBody #profileManage #photoTopInfo #tagPhotoLink
  {
    padding-bottom:15px;
  }

  #pageBody #profileManage #photoTopInfo #tagPhotoLink .tagPerson
  {
    background:url(/images/os_tag_photo.jpg);
    width:145px;
    height:20px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    display:block;
  }

  #pageBody #profileManage #photoTopInfo #tagPhotoLink .editTagPerson
  {
    background:url(/images/os_edittag.png);
    width:184px;
    height:20px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    display:block;
  }

  #pageBody #profileManage #photoTopInfo .infoLeftContainer
  {
    font-size:11px; width:150px; height:20px;
    float:left;
  }


  #pageBody #profileManage #photoTopInfo .infoRightContainer
  {
    width:150px; text-align:right; height:20px;
    float:right;
  }

  #pageBody #profileManage #photoTopInfo .infoCenterContainer
  {
    text-align:center; width:390px; height:20px; margin-left:2px; font-size:12px; font-weight:bold; overflow:hidden;
    float:left;
  }

  #pageBody #profileManage #photoBottomInfo
  {
    font-size:11px;
    padding-top:10px;
  }

  #pageBody #profileManage #photoBottomInfo a { font-size:11px; }
  #pageBody #profileManage #photoBottomInfo a.sendLink { float:left; }
  #pageBody #profileManage #photoBottomInfo img.sendLink { float:left; padding:3px 3px 0px 0px; }

  #pageBody #profileManage #photoBottomInfo #leftBottonInfo
  {
    float:left; width:312px;
  }

  #pageBody #profileManage #photoBottomInfo #middleBottomInfo
  {
    float:left; width:68px;
  }

  #pageBody #profileManage #photoBottomInfo #middleBottomInfo div { text-align:center; }
  #pageBody #profileManage #photoBottomInfo #middleBottomInfo div a { display: inline; -moz-outline-style: none;}

  #pageBody #profileManage #photoBottomInfo #rightBottomInfo
  {
    float:right; width:312px; text-align:right;
  }

  #pageBody #profileManage #photoBottomInfo .bottomLinks
  {
    font-size:11px;
    float:left;
    color:#D0771D;
  }

  #pageBody #profileManage #photoBottomInfo .bottomLinks a
  {
    font-size:11px;
  }

  /* add #profileManage */
  #pageBody #photoComments
  {

  }

  #pageBody #photoComments .wantedPhotoComment { border:1px solid #cccccc; background-color: #f8efe6;}
  *html #pageBody #photoComments .wantedPhotoComment {height:100%}

  #pageBody #inputPhotoComment fieldset
  {
    padding:20px 0px 10px;
  }

  #pageBody #inputPhotoComment textarea
  {
    border:1px solid #cccccc;
    height:88px;
    margin-right:5px;
    width:485px
  }

  #pageBody #inputPhotoComment label
  {
    font-size:11px;
  }

  #pageBody input.insertEntryButton
  {
    background:url(/images/os_insertEntry_buton.jpg);
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    width:130px;
    border:medium none;
  }


  /*New upload column*/
  #pageBody #profileManage .imageList
  {
    width:200px; height:200px; margin-right:30px;
    float:left;
  }

  #pageBody #profileManage .imageList .imgCont
  {
    width:100px; height:100px; border:1px solid #D0771D; margin-bottom:10px;
    padding:2px;
  }

  *html #pageBody #profileManage .imageList .imgCont
  {
    padding:2px 2px 0px 2px;
  }

  #pageBody #profileManage .imageList .iconCont
  {
    width:17px; float:left; padding-left:3px;
    padding-bottom:5px; padding-right:5px;
  }

  #pageBody #profileManage .imageList a
  {
    font-size:11px;
    float:left;
  }
  /*end upload column*/

  #pageBody #profileManage .videosColumn
  {
    width:200px; height:160px; margin-right:30px;
    float:left;
  }

  #pageBody #profileManage .videosColumn .imgCont
  {
    width:101px; height:101px; margin-bottom:10px;
  }

  *html #pageBody #profileManage .videosColumn .imgCont
  {
    padding:4px 4px 0px 4px;
  }

  #pageBody #profileManage .videosColumn .iconCont
  {
    width:17px; float:left; padding-left:3px;
    padding-bottom:5px; padding-right:5px;
  }

  #pageBody #profileManage .videosColumn .imgCont img
  {
    border:1px solid #D0771D;
  }

  #pageBody #profileManage .videosColumn a
  {
    font-size:11px;
    float:left;
  }

  #pageBody #profileManage .subTitle
  {
    padding-bottom:10px;
  }

  #pageBody #mainProfileContent .lists
  {
    background: url(/images/hr.gif) repeat-x left bottom;
    padding-bottom:10px;
  }

  #pageBody #mainProfileContent .lists a { font-size: 8pt; }

  #pageBody #mainProfileContent .dateStyle
  {
    padding-top:10px;
    font-weight:bold;
    color:#a4978e;
    font-size: 8pt;
  }

  #pageBody #mainProfileContent .activity
  {
    width:420px;
    float:left;
    font-size: 8pt;
  }

  #pageBody #mainProfileContent #pagination
  {
    padding-top:20px; text-align:center;
  }

  #pageBody #mainProfileContent #pagination span
  {
    position:relative;
    top:-4px;
    padding:0px 4px 0px 4px;
  }

  #pageBody #mainProfileContent .personBox p.relationName { font-size: 8pt; }

  #pageBody #mainProfileContent #treeList { width:732px }

  #pageBody #mainProfileContent #familyList
  {
    float:left;
    width:359px;
    padding:10px 0px 0px 6px;
  }

  #pageBody #mainProfileContent #familyList.highlight
  {
    border:2px solid #FFE47B;
    padding:8px 0px 0px 4px;
    width:357px;
  }

  #pageBody #mainProfileContent #familyList .sideBorder { background:url(/images/hr_vertical.gif) repeat-y right top; padding-right:8px; }

  #pageBody #mainProfileContent #friendsList
  {
    float:left;
    width:359px;
    padding:10px 0px 0px 6px;
  }

  #pageBody #mainProfileContent #friendsList.highlight
  {
    border:2px solid #FFE47B;
    padding:8px 0px 0px 4px;
    width:359px;
  }

  #pageBody #mainProfileContent #friendsList.sideBorder { background:url(/images/hr_vertical.gif) repeat-y left top; padding-left:8px; }

  #pageBody #mainProfileContent #activities-friends,
  #pageBody #mainProfileContent #activities-family { padding:10px 6px 0px 6px }

  #pageBody #mainProfileContent #activities-profile
  {
    border:2px solid #ffffff;
    padding:8px 4px 0px 4px;
  }

  #pageBody #mainProfileContent #activities-profile.highlight
  {
    border:2px solid #FFE47B;
    padding:8px 4px 0px 4px;
  }

  #pageBody #mainProfileContent #fullFamilyView,
  #pageBody #mainProfileContent #fullFriendsView { border:2px solid #ffffff; padding-left:4px; }

  #pageBody #mainProfileContent #fullFamilyView.highlight,
  #pageBody #mainProfileContent #fullFriendsView.highlight { border:2px solid #FFE47B; }

  #pageBody #mainProfileContent #viewVideos
  {
    border:2px solid #ffffff;
    padding-left:6px;
  }

  #pageBody #mainProfileContent #viewVideos.highlight { border:2px solid #FFE47B }

  #pageBody #mainProfileContent #viewBasic,
  #pageBody #mainProfileContent #viewPartnerships,
  #pageBody #mainProfileContent #viewMain,
  #pageBody #mainProfileContent #viewFavourites,
  #pageBody #mainProfileContent #viewEducation,
  #pageBody #mainProfileContent #viewWork { border:2px solid #ffffff; padding:0px 4px 0px 4px }

  *html #pageBody #mainProfileContent #viewBasic div div div.floatRight a { padding-right: 4px }

  #pageBody #mainProfileContent #viewContacts { border:2px solid #ffffff; padding:8px 4px 0px 4px }
  #pageBody #mainProfileContent #gb {border:2px solid #ffffff; padding:0px 4px 0px 4px}

  #pageBody #mainProfileContent #viewBasic.highlight,
  #pageBody #mainProfileContent #viewPartnerships.highlight,
  #pageBody #mainProfileContent #viewMain.highlight,
  #pageBody #mainProfileContent #viewFavourites.highlight,
  #pageBody #mainProfileContent #viewEducation.highlight,
  #pageBody #mainProfileContent #viewWork.highlight { border:2px solid #FFE47B }

  #pageBody #mainProfileContent #viewContacts.highlight { border:2px solid #FFE47B }
  #pageBody #mainProfileContent #gb.highlight { border:2px solid #FFE47B }

  #pageBody #mainProfileContent .personBox {float:left; height: 105px; padding:0px 29px 0px 10px; text-align:center;}
  #pageBody #mainProfileContent .personBox a.linkName {display:block; font-size:8pt; height:15px; overflow:hidden; padding-bottom:2px; width:69px;}
  #pageBody #mainProfileContent .addPhotoImg_m {display: block; height: 69px; width: 69px; text-align: center; background: url(/images/no_photo_small_m.png)}
  #pageBody #mainProfileContent .addPhotoImg_f {display: block; height: 69px; width: 69px; text-align: center; background: url(/images/no_photo_small_f.png)}
  #pageBody #mainProfileContent .addPhotoImg_m a, #pageBody #mainProfileContent .addPhotoImg_f a {float: left; width: 100%; margin: 25px 0 0 0; text-align: center; text-decoration: none; font-size: 7pt; line-height: 9pt; font-weight: bold; color: #6C522D;}

  #pageBody #mainProfileContent #treeList h4
  {
    font-weight:bold;
    font-size:12px;
    float:left;
  }

  #pageBody #mainProfileContent #tabsNavigation
  {
    height:27px;
    margin-bottom:9px;
  }

  #pageBody #mainProfileContent #tabsNavigation.active
  {
    height:41px;
  }

  #pageBody #mainProfileContent #tabsNavigation a
  {
    position:absolute;
    font-weight:bold;
    text-align:center;
    padding-top:6px;
    color:#6C522D;
    text-decoration:none;
    -moz-outline-style: none;
  }

  #pageBody #mainProfileContent #tabsNavigation a#profileStartNav
  {
    width:88px;
    height:37px;
    background:url(/images/pn_profilestart_na.jpg) no-repeat;

    /*place for no- active*/
  }

  #pageBody #mainProfileContent #tabsNavigation a.active#profileStartNav
  {
    z-index:1;
    background:url(/images/pn_profilestart_a.jpg) no-repeat;
    color:#ffffff;
  }

  #pageBody #mainProfileContent #tabsNavigation a#photosNav
  {
    margin-left:90px;
    width:60px;
    height:27px;
    background:url(/images/pn_bilder_na.jpg) no-repeat;
    -moz-outline-style: none;
  }

  #pageBody #mainProfileContent #tabsNavigation a.active#photosNav
  {
    z-index:1;
    color:#ffffff;
    background:url(/images/pn_bilder_a.jpg) no-repeat;
  }

  #pageBody #mainProfileContent #tabsNavigation a#videosNav
  {
    margin-left:152px;
    width:64px;
    height:27px;
    background:url(/images/pn_videos_na.jpg) no-repeat;
    -moz-outline-style: none;
  }

  #pageBody #mainProfileContent #tabsNavigation a.active#videosNav
  {
    z-index:1;
    color:#ffffff;
    background:url(/images/pn_videos_a.jpg) no-repeat;
  }

  #pageBody #mainProfileContent #tabsNavigation a#personNav
  {
    margin-left:218px; width:94px;  height:27px; background:url(/images/pn_zurperson_na.jpg) no-repeat;
    -moz-outline-style: none;
  }

  #pageBody #mainProfileContent #tabsNavigation a.active#personNav
  {
    z-index:1;
    color:#ffffff;
    background:url(/images/pn_zurperson_a.jpg) no-repeat;
  }

  #pageBody #mainProfileContent #tabsNavigation a#contactsNav
  {
    margin-left:314px; width:108px;  height:27px; background:url(/images/pn_kontakt_na.jpg) no-repeat;
    -moz-outline-style: none;
  }

  #pageBody #mainProfileContent #tabsNavigation a.active#contactsNav
  {
    z-index:1;
    color:#ffffff;
    background:url(/images/pn_kontakt_a.jpg) no-repeat;
  }

  #pageBody #mainProfileContent #tabsNavigation a#guestbookNav
  {
    margin-left:424px;
    width:89px;
    height:27px;
    background:url(/images/pn_gastebuch_na.jpg) no-repeat;
    -moz-outline-style: none;
  }

  #pageBody #mainProfileContent #tabsNavigation a.active#guestbookNav
  {
    z-index:1;
    color:#ffffff;
    background:url(/images/pn_gastebuch_a.jpg) no-repeat;
  }

  #pageBody #mainProfileContent #tabsNavigation div#bottomTabs
  {
    position:absolute;
    z-index:0;
    margin-top:26px;
    border-left:1px solid #c7c6a7;
    border-right:1px solid #c7c6a7;
    width:732px;
    background:url(/images/pn_nav_grad-na.jpg) repeat-x;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs
  {
    height:41px;
    background:url(/images/pn_nav_grad-a.gif) repeat-x;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a
  {
    font-size:11px; font-weight:normal;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#basicsNav
  {
    margin-left:5px;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#basicsNav.active
  {
    font-weight:bold;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#partnerNav
  {
    margin-left:110px;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#partnerNav.active
  {
    font-weight:bold;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#aboutMeNav
  {
    margin-left:225px;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#aboutMeNav.active
  {
    font-weight:bold;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#favouritesNav
  {
    margin-left:325px;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#favouritesNav.active
  {
    font-weight:bold;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#jobNav
  {
    margin-left:420px;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#jobNav.active
  {
    font-weight:bold;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#eduNav
  {
    margin-left:490px;
  }

  #pageBody #mainProfileContent #tabsNavigation div.active#bottomTabs a#eduNav.active
  {
    font-weight:bold;
  }

  #pageBody #mainProfileContent #holder
  {
    border-left:1px solid #c7c6a7;
    border-right:1px solid #c7c6a7;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #c7c6a7;
  }

  *html #pageBody #mainProfileContent #holder
  {
/*    position: relative;  */
  }

  #pageBody #mainProfileContent #holder.leftPadding
  {
    padding-left:15px;
  }

  #pageBody #mainProfileContent #holder .listContLeft
  {
    width:150px;
    height:10px;
    float:left;
    font-weight:bold;
    color:#D0771D;
  }

  #pageBody #mainProfileContent #holder .listContRight
  {
    width:550px; padding-bottom:15px;
    float:left;
  }

  #pageBody #mainProfileContent #holder .listEditContLeft
  {
    width:150px;
    height:10px;
    float:left;
    font-weight:bold;
    color:#D0771D;
  }

  #pageBody #mainProfileContent #holder .listEditContRight
  {
    width:550px; padding-bottom:7px;
    float:left;
  }

  #pageBody #mainProfileContent #holder .listEditContRight span.error,
  #pageBody #mainProfileContent #holder span.error
  {
    color: #df441b;
  }

  #pageBody #mainProfileContent #holder .listEditContRight label
  {
    width:60px;
    display:block;
    float:left;
  }

  #pageBody #mainProfileContent #holder .listEditContRight fieldset
  {
    padding-bottom: 7px;
  }

  #pageBody #mainProfileContent #holder .left150
  {
    padding-left: 150px;
  }

  #pageBody #mainProfileContent #holder .editOption
  {
    position: relative;
    top: 3px;
  }

  #pageBody #mainProfileContent #holder .caption
  {
    color:#D0771D;
    text-align:left;
    font-weight:bold;
    padding-bottom:7px;
  }

  #pageBody #mainProfileContent #holder .captionListContLeft
  {
    width:150px;
    float:left;
  }

  #pageBody #mainProfileContent #holder .captionListContRight
  {
    width:550px; padding-bottom:5px;
    float:left;
  }

  #pageBody #mainProfileContent #holder .listContFaceLeft
  {
    padding-left:150px;
    float:left;
    width:90px;
  }

  #pageBody #mainProfileContent #holder .listContFaceRight
  {
    padding-left:5px; padding-bottom:5px; float:left;
  }

  #pageBody #mainProfileContent #holder .listContFaceRight li
  {
    padding-bottom:5px;
  }

  #pageBody #mainProfileContent #holder .listContFaceLeftFirst
  {
    width:90px; float:left;
  }

  #pageBody #mainProfileContent #holder .listContFaceLeftFirst li
  {
    padding-bottom:5px;
  }

  #pageBody #mainProfileContent #holder .listContFaceRightLast
  {
    padding-bottom:15px; float:left;
    padding-left:5px;
  }

  #pageBody #mainProfileContent #holder .flat
  {
    border:1px solid #C3C3C3;
    height: 20px;
    font-size: 10pt;
    padding: 2px 0 0 2px;
  }

  #pageBody #mainProfileContent #holder .input210
  {
    width: 210px;
  }

  #pageBody #mainProfileContent #friendsPic
  {
    width:75px;
    height:71px;
    border:1px solid #D0771D;
    float:left;
    text-align:center;
    padding-top:4px;
    margin-right:5px;
  }

  #pageBody #snapshotList .lists
  {
    background: url(/images/hr.gif) repeat-x left bottom;
    padding-bottom:10px;
    float: left;
    width:700px;
  }

  #activeContent #snapshotList .friendsList
  {
    float: left;
    width: 342px;
    padding: 0 0 30px 8px;

  }

  #pageBody #snapshotList .friendsList a
  {
    font-size:11px;
  }

  #pageBody #snapshotList .leftpadding
  {
    padding-left:5px;
    float: left;
  }

  #pageBody #snapshotList .friendsList p
  {
    padding-bottom:5px;
    font-weight:bold;
  }

  #activeContent #snapshotList .friendsPic
  {
    width:70px;
    height:70px;
    float:left;
    text-align:center;
    padding:2px;
    margin-right:8px;
  }

  #activeContent #snapshotList .friendsPic span a
  {
    color:#6C522D;
    font-size:7pt;
    font-weight:bold;
    line-height:9pt;
    text-decoration:none;
    width:100%;
  }

  #activeContent #snapshotList #pagination
  {
    padding-top:0;
    padding-bottom:5px;
    text-align:center;
    width:300px;
    position:relative;
    margin:0 auto;
  }

  *html #activeContent #snapshotList .friendsPic
  {
    padding: 2px 2px 0 2px;
  }

  #pageBody #snapshotList .friendsList .middleLink
  {
    padding:4px 0px 4px 0px;
  }

/*end new page body*/

body.mainLayout #pageBottom {display: block; clear: both; padding-top: 32px; background-color:#ffffff; width:970px; text-align:center; margin:0 auto;}
body.treeLayout #pageBottom {display: block; clear: both; padding-top: 0px; text-align: center; width:100%;}
body.frontLayout #pageBottom {display: block; clear: both; padding-top: 0px; width: 964px; text-align: right; margin:0 auto; background:#ffffff;}

#pageBottom ul {border-top: 1px solid #CCCCCC; padding-top:6px;}
body.frontLayout #pageBottom ul {border:0; text-align:center;}

#pageBottom ul li {color: #8D7E6B; font-size: 10px; font-weight: bold; display:inline;}
#pageBottom ul li.active {background: url(/images/bottom_nav_bg.gif) no-repeat top center;}
#pageBottom ul li span {padding: 0 7px 0 7px; color: #8D7E6B; border-right: 1px solid #8D7E6B; font-size: 10px; font-weight: bold; text-decoration: none;}
#pageBottom ul li a {padding: 0 7px 0 7px; color: #8D7E6B; border-right: 1px solid #8D7E6B; font-size: 10px; font-weight: bold; text-decoration: none;}
#pageBottom ul li span.outside {border-right: none;}

#pageBottom #partnerLinks {margin:0 auto; text-align:center; diplay:inline;}
#pageBottom #partnerLinks span {font-size: 10px; color: #CCB79B; font-weight: bold; }
#pageBottom #partnerLinks a {padding: 0 8px 0 8px; color: #CCB79B; font-size: 10px; font-weight: bold; text-decoration: none;}


/* navigationTop */
   .lightboxContent .navigationTop {width: 100%; border-bottom: 1px solid #D7D6D1;}
  .lightboxContent .navigationTop a {display: block; float: left; width: 111px; padding: 9px 0 6px 0; margin: 0 0 -1px 5px; background: url(/images/link_boxnav_bg.gif) no-repeat; text-align: center; font-size: 12px; line-height: 19px; color: #B57954; font-weight: bold; text-decoration: none;}
  .lightboxContent .navigationTop a.active {background-image: url(/images/link_boxnav_active_bg.gif);}
  .lightboxContent .navigationTop a img {width: auto; height: 18px; border: none;}

  .inviteBoxContent .invitationTop {}
  .inviteBoxContent .inviteContent {width:590px; margin-left:22px;}
  .inviteBoxContent .inviteContentHtext {padding-bottom:10px; border-bottom:1px dotted #D7D6D1;}
  .inviteBoxContent #inviteContentLiBox {height:80px;}
  .inviteBoxContent #inviteContentLiBox ul{font-size:8px; color:#6C522D; padding-left:10px;}
  *html .inviteBoxContent #inviteContentLiBox ul {padding-left:15px;}

  .inviteBoxContent #inviteContentLiBox li {list-style-type:disc; list-style-position:outside; font-family:Verdana, Arial; color:#6C522D; font-size:12px;}
  .inviteBoxContent #inviteContentLiBox .box1li {width:170px; float:left; margin-right:30px;}
  .inviteBoxContent #inviteContentLiBox .box2li {width:190px; float:left;}
  .inviteBoxContent #inviteContentLiBox .box3li {width:160px; float:right;}

/* actionButtons */
  .lightboxContent .bottomBox {padding: 13px 14px 0 14px; border-top: 1px solid #D7D6D1;}
  .lightboxContent .bottomBox .editedUser {float: left; width: 35%; font-size: 13px;}
  .lightboxContent .bottomBox .buttons {float: left; width: 65%;}
  .lightboxContent .bottomBox .buttons a {display: block; float: right; margin-left: 10px; text-align: center; text-decoration: none;}
  .lightboxContent .bottomBox .buttons a:hover {}

  .inviteBoxContent .bottomBox {padding-top:12px; border-top: 1px solid #D7D6D1;}
  .inviteBoxContent .bottomBox .buttons {float: right;}
  .inviteBoxContent .bottomBox .buttons a {display: block; float: right; margin-left: 10px; text-align: center; text-decoration: none;}
  .inviteBoxContent .bottomBox .buttons a:hover {}
  .inviteBoxContent fieldset.checkboxes {padding-top: 5px; width:175px; padding-left:25px;}
  .inviteBoxContent fieldset.checkboxes label {display: inline; font-size:12px; padding-left:5px;}
  .inviteBoxContent .inviteInput {width:260px; border:1px solid #cccccc;}
  *html .inviteBoxContent .inviteInput {width:240px;}

/**
 * links
 */
.link {font-size: 9pt; color: #D0771D; font-weight: normal; text-decoration: underline;}
.mailtoLink {font-size: 9pt; color: #D0771D; font-weight: bold; text-decoration: none;}
.userNameLink {color: #6C522D; font-weight: bold;}
.actionLink {font-size: 7pt; color: #6C522D;}
.sentenceLink {font-size: 8pt; color: #6C522D;}
.addButton {padding-left: 15px; background: url(/images/icon_add.gif) left bottom no-repeat; cursor: pointer;}

/**
 * text
 */
.bold {font-weight: bold;}
.note {font-size: 7pt; color: #63594D;}
.subText {font-size: 8pt; color: #71716F; font-weight: normal;}
.text {font-size: 12px; color: #666633; font-weight: normal;}
.textBold {font-size: 12px; color: #000000; font-weight: bold;}
.text01 {font-size: 10px; color: #666666;}
.text02 {font-size: 12px; color: #3366CC;}
.text03 {font-size: 12px; color: #000000;}
.pointText {color: #D0771D; font-weight: bold;}
.chronicleNotes {font-size: 10px;}
.textBoldUnderlined { text-decoration: underline; font-weight: bold;}
strong {font-weight:bold;}

/**
 * forms
 */

FIELDSET {border: none;}
/*INPUT, SELECT, TEXTAREA {border: 1px solid #CCCCCC}
INPUT, SELECT {height: 17px;}*/
INPUT, SELECT {font-family: Verdana, Arial, sans-serif; color: #6C522D; font-size: 8pt;}
SELECT {height: 18px}
INPUT {padding: 2px 0 1px 0;}
TEXTAREA {font-family: Verdana, Arial, sans-serif; overflow: auto; color: #6C522D; font-size: 8pt;}

INPUT.radio {width: 15px; height: 15px;}
INPUT.checkbox {width: 14px; height: 14px; border: none;}

LABEL {font-size: 8pt; color: #6C522D;}
LABEL.baseLabel {color: #CF7419;}
label.profileEditLabel{color: #CF7419; font-size: 9pt;}

.emailsHolder .actionLink {color: #D0771D;}
.emailsHolder .linkClutch {font-size: 7pt;}
.emailsHolder .confirm {color: #A52C0F;}
.emailsHolder IMG {margin-bottom: -4px}

/* form button */
  .formButton {width: 89px; padding: 4px 0 4px 0; border: none; background: url(/images/button_form.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B;}
  .formButtonLarge {width: 142px; padding: 4px 0 4px 0; border: none; background: url(/images/button_large.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B;}
  .formButtonBig {width: 180px; padding: 4px 0 4px 0; border: none; background: url(/images/button180px.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B;}

  .linkButton {display: block; float: right; width: 89px; margin-left: 10px; padding: 4px 0 4px 0; border: none; background: url(/images/button_form.gif) 0 0 repeat-x; text-align: center; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B;}
.aLinkButton {display: block; width: 89px; margin-left: 10px; padding: 4px 0 4px 0; border: none; background: url(/images/button_form.gif) 0 0 repeat-x; text-align: center; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B;}

/* loginForm */
  .loginForm {width: 600px; padding-bottom: 20px; margin: 0 auto; background-color: #F3EDDF; border: 1px solid #cccccc;}
  .loginForm h2 {width: 540px; margin-left: 20px; padding: 20px 0 4px 0; border-bottom: 1px solid #cccccc; font-size: 11pt; font-weight: normal;}
  .loginForm FIELDSET {width: 420px; text-align: right;}
  .loginForm FIELDSET INPUT {text-align: left; z-index: 10;}
  .loginForm FIELDSET.radiobuttons {text-align: left;}
  .loginForm FIELDSET.radiobuttons LABEL.baseLabel {float: left; width: 171px; text-align: right;}
  .loginForm FIELDSET.radiobuttons LABEL.error {display: block; float: left; width: 100%; text-align: right; color: #6C522D;}
  .loginForm FIELDSET.radiobuttons .radio {margin-left: 5px}
  .loginForm p {padding-left: 20px;}
  .loginForm p.helpLink {padding-left: 177px; text-align: left;}
  .loginForm p.helpText {padding: 0 0 20px 40px;}
  .loginForm .buttons {width: 575px; text-align: right;}

/* messageForm */
  .messageForm FIELDSET {background-color: #F3EDDF; padding: 10px;}
  .messageForm FIELDSET LABEL {display: block; padding-bottom: 2px}
  .messageForm FIELDSET SELECT {font-size: 9pt; color: #6F5230;}
  .messageForm FIELDSET TEXTAREA {float: left; color: #6F5230;}
  .messageForm FIELDSET a {display: block; float: left; margin: 68px 0 0 8px; text-align: center; text-decoration: none;}

/* baseForm */
  .baseForm  {clear: both; float: left; width: 720px; overflow: auto;}
  .baseForm FIELDSET {float: left; padding-right: 5px;}
  .baseForm LABEL.baseLabel {float: left; width: 150px; padding-top: 19px; margin-right: 15px; text-align: right;}
  .baseForm LABEL.baseLabelTop {float: none; color: #B57954;}
  .baseForm FIELDSET LABEL {display: block; padding-bottom: 1px}
  .baseForm FIELDSET LABEL.baseLabel {padding-top: 5px; line-height: 9pt;}
  .baseForm FIELDSET.radiobuttons LABEL {display: inline; padding-top: 1px}
  .baseForm FIELDSET.radiobuttons INPUT {margin-bottom: -2px}
  .baseForm FIELDSET.checkboxes {padding-top: 5px;}
  .baseForm FIELDSET.checkboxes LABEL {display: inline;}
  .baseForm FIELDSET #emailsHolder {width: 400px;}
  .baseForm .cleanerBox {float: left; clear: both; width: 100%; padding-top: 15px;}
  .baseForm .spaceFix {display: block; float: left; height: 20px; width: 157px; margin-right: 8px;}
  .baseForm .emailsHolder {padding-left: 167px; padding-top: 4px}
  #global{width: auto;heigth: auto;}

/* simpleForm */
  .simpleForm  {clear: both; float: left; width: 680px;}
  .simpleForm FIELDSET {float: left;}
  .simpleForm FIELDSET LABEL {float: left; width: 150px; padding-top: 4px; margin-right: 15px; text-align: right;}
  .simpleForm FIELDSET LABEL.subLabel {float: none; width: auto; padding: 0; margin: 0; text-align: left;}
  .simpleForm .cleanerBox {float: left; width: 100%; padding-top: 10px;}


/* settingForm */
  .settingForm {padding-top: 15px}
  .settingForm FIELDSET {float: left; padding-left: 36px;}
  .settingForm FIELDSET.radiogroup {padding: 10px 0 0 270px}
  .settingForm LABEL {font-size: 9pt;}
  .settingForm LABEL.baseLabel {display: block; float: left; width: 213px; text-align: right;}
  .settingForm LABEL.subLabel {display: block; font-size: 8pt;}
  .settingForm .addButton {background-image: none; padding-left: 20px}
  .settingForm UL {float: left; padding-left: 50px;}
  .settingForm LI {list-style-type: disc;}
  .settingFormButtons {padding-top: 8px; text-align: right; border-top: 1px solid #CDCBBE;}
  #newsletter-option {margin-top: 1em;}
  #settingForm OL LI {display: inline;}


/* centeredForm */
  .centeredForm {padding: 25px 0px 25px 0px; background: #F5F1E6; border: 1px solid #CDCCC7;}
  .centeredForm FIELDSET {padding-bottom: 5px;}
  .centeredForm FIELDSET LABEL {display: block; padding-bottom: 1px}
  .centeredForm FIELDSET.radiobuttons LABEL {display: inline; padding-bottom: 1px}
  .centeredForm FIELDSET.radiobuttons INPUT {margin-bottom: -2px}
  .centeredForm .buttons {margin-top: 35px; padding-top: 10px; border-top: 1px solid #CDCCC7; text-align: right;}

  #photosUploadForm {width: 476px; margin: 0 auto;}

  #loginForm {width: 248px; margin: 0 auto;}
  #loginForm .centeredForm {padding: 25px 25px 32px 20px;}

  #confirmForm {width: 578px; margin: 0 auto;}
  #confirmForm p {padding-bottom: 4px}
  #confirmForm .centeredForm {padding: 10px;}
  #confirmForm .centeredForm .buttons {border: none; padding: 0; margin: 0;}

  #singlePhotoUploadForm {width: 560px; margin: 0 auto;}
  #singlePhotoUploadForm .centeredForm {background-color: #ffffff; border: none;}
  #singlePhotoUploadForm .buttons {margin-top: 20px;}

  #singleVideoUploadForm {width: 540px; margin: 25px auto;}
  #singleVideoUploadForm .centeredForm {background-color: #ffffff; border: none;}
  #singleVideoUploadForm .buttons {margin-top: 20px;}

/* logout */
  .logout {padding-bottom: 20px; background-color: #F3EDDF; border: 1px solid #cccccc;}
  .logout h2 {width: 540px; margin-left: 20px; padding: 20px 0 4px 0; border-bottom: 1px solid #cccccc; font-size: 11pt; font-weight: normal;}
  .logout p {padding-left: 10px;}
  .logout li {list-style-type: disc; margin-left: 35px;}

  #logout {width: 600px; margin: 0 auto;}
  #logout .centeredForm {padding: 25px 25px 32px 20px;}


.popupFooter {text-align: right;}

/* rss image */
.rssImage { border: none; }

#chroniclePage { width: 700px; float: left;}

#chroniclePage .infoLine {width: 690px; }
#chroniclePage .infoLine img {float: left;}
#chroniclePage #message {float: left; width: 650px; height: 38px;  border-top: 1px solid #7AA8DA; border-bottom: 1px solid #7AA8DA; }
#chroniclePage #message .filterRemove { margin-top: 10px; padding-right: 10px; padding-left: 15px; background-image: url(/images/red_cross.gif); background-repeat: no-repeat; background-position: 0 3px; font-weight: bold; text-decoration: none; float: right; }
#chroniclePage .entryHeader {width:575px; overflow:hidden;}
.filterRemove { padding-left: 15px; background-image: url(/images/red_cross_dark_background.gif); background-repeat: no-repeat; background-position: 0 3px; font-weight: bold; text-decoration: none; }
#chroniclePage #message div {margin-left: 10px; margin-top: 3px; float: left }
#chroniclePage #message span {font-size: 10px; }
#chroniclePage a.butMedium {display: block; width: 142px; padding: 4px 0 4px 0; text-align: center; border: none; background: url(/images/button_large.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B; margin-top:5px; margin-right:2px;}
#chroniclePage a.butLarge {display: block; width: 180px; padding: 5px 0 5px 0; border: none; background: url(/images/button180px.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B; text-align: center;}
#chroniclePage .floatRightSpace {float:right; margin-right:2px;}


#chroniclePage .errors {width:575px; border: 1px solid #A52C0F; padding: 5px 0 5px 0; background-color: #FEE27E; margin-bottom: 10px; margin-top:10px; float:left;}
#chroniclePage .errorsContent{width:575px; border: 1px solid #A52C0F; padding: 5px 0 5px 0; background-color: #FEE27E; margin-bottom: 10px; float:left;}
#chroniclePage .errorDayYear {width:190px; border: 1px solid #A52C0F; padding: 5px 0 5px 0; background-color: #FEE27E; margin-bottom: 10px; margin-top:10px;}
#chroniclePage .errorEmpty {width:2px; padding: 5px 0 5px 0; margin-bottom: 10px; margin-top:10px; border: 1px solid #ffffff;}
#chroniclePage .form_error {padding-left: 5px;}

.blockTopSpacer {padding-top:29px;}

#years img { float: left; }
#years .nav { float: left; width: 65px; height: 40px; padding-top: 3px; }
#years .container { float: left; width: 560px;  height: 42px; position: relative; overflow: hidden; }
#years .scroller { position: relative; top: 0px; left: 0px; }

#years_scroller div { height: 42px; width: 67px; float: left; background-image: url(/images/years_bg.gif); text-align: center; padding-top: 10px; font-weight: bold; font-size: 15px;}
#years_scroller div.active { background-image: url(/images/years_active_bg.gif); color: white}


#months { width: 690px; height: 34px; }
#months div { float:left; width: 55px; height: 26px; background-image: url(/images/months_bg.gif); padding-top: 7px; text-align: center; font-weight: bold;  font-size: 13px; color: black;}
#months div.active { width: 67px; height: 26px; background-image: url(/images/months_active_bg.gif); color: white; }
#months img { float: left; }
#months div.unclickableDate { color: #CBC5C5; }
#months div.noEntryMonth { font-weight: normal; }

#events_container {position: relative; overflow: hidden; width: 630px; height: 90px; float:left; border-top: 1px solid #E48B13;  border-bottom: 1px solid #E48B13;}

#events .nav {float: left; width: 30px; height: 92px}

#events_scroller {position: relative; top: 0px; left: 0px;}

.eventContainer {float: left; width: 77px; height: 90px; }
.eventContainer:hover {background-color: #E48B13;}

.event {width: 67px; height: 68px; margin: 10px 0 0 4px; padding: 1px 0 0 2px; background-image: url(/images/event_bg.gif); background-repeat:no-repeat;}
.event .timeLineLink {color:#6f6f67; font-size:10px; text-decoration:none; cursor:pointer;}
.event .timeLineLinkContainer {height:22px; text-align:center; position:relative; left:-2px;}
.event .timeLineLinkContainer .addLink {position:relative; top:-10px;}
.event .timeLineLinkContainer .inviteLink {position:relative; top:-4px;}
.event .timeLineIconContainer {height:45px; text-align:center; padding-top:2px; overflow:hidden;}
.event .entryLinkContainer {display:block; height:65px; width:65px; text-align:center; overflow:hidden;}
.event .timeLineFont {color:#70604d; font-size:10px; text-decoration:none; font-weight:bold; width:65px; height:15px; overflow:hidden;}
.event .timeLineMarriageFont {color:#70604d; font-size:10px; text-decoration:none; font-weight:bold; width:65px; height:15px; overflow:hidden; position:relative; top:-4px}
.event .timeLineNormalFont {color:#70604d; font-size:10px; text-decoration:none;}

.eventToolTip {background-color: white; padding: 10px;  border: 2px solid #FFE47B; width: 150px; font-size: 9pt; z-index:10}
.eventToolTip .nameContainer {overflow:hidden; padding-top:5px; width:148px;}
.eventToolTip h1 {font-size: 9pt; font-weight: bold; color: #E08B11; margin: 10px 0 10px 0; width:148px; overflow:hidden;}
.eventToolTip h2 {font-size: 12px; font-weight:bold; color: #E08B11; margin: 5px 0 5px 0;  width:148px; overflow:hidden;}
.eventToolTip .tagContainer {overflow:hidden; width:148px;}

#chronicle { width: 621px; height: auto; padding-left: 72px; background-image: url(/images/chronicle_bg.gif); }
#chronicle edit { /*height: auto;*/ }
#chronicle .titleBox { font-weight:bold; color:#6c552b; }
#chronicle .head { padding-top: 5px; width: 575px; }
#chronicle .head h3 {width: 500px; float: left; }
#chronicle .container { width: 575px;  margin-top: 10px; overflow: hidden;}

#chronicle .scroller__ {position: relative; top: 0px; left: 0px; }
#chronicle .hr { margin-top: 5px; width: 575px; }
#chronicle h4 {font-size: 11pt; color: #E08B11; margin-bottom: 8px;}

#chronicle #crelsnctags {float: left; width: 460px; }
#chronicle #cedit {float: right; font-size: 7pt;}

#chronicle #cBottomNav {width: 575px;color: #E08B11; border-top: 1px solid gray; padding-top: 5px; }
#chronicle #cBottomNav span { display: block; }
#chronicle #cBottomNav a {text-decoration: none; }
#chronicle #lightbox1 a {display: block; float: right; width: 142px; padding: 4px 0 4px 0; text-align: center; border: none; background: url(/images/button_large.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B;}
#chronicle #contentLabel {width:578px; display:block;}
#chronicle #contentLabel label {float:left; padding-top:7px;}

#chronicle label { font-size: 14px; font-weight: bold; color: #E08B11; }
#chronicle label.normal { font-size: 12px;  color: black; font-weight: normal}
#chronicle legend { font-size: 14px; font-weight: bold; color: #E08B11; }

#chronicle input {margin-top: 5px; }
#chronicle select {margin-top: 5px; }


#fullScreen { width: 621px;  padding-left: 72px;  background-image: url(/images/chronicle_bg.gif); overflow: auto;}
#fullScreen edit { height: auto; }
#fullScreen .titleBox { font-weight:bold; color:#6c552b; }
#fullScreen .head { padding-top: 5px; width: 575px; }
#fullScreen .head h3 { float: left; }
#fullScreen .container { width: 575px;  margin-top: 10px; overflow: hidden;}

#fullScreen .scroller__ {position: relative; top: 0px; left: 0px; }
#fullScreen .hr { margin-top: 5px; width: 575px; }
#fullScreen h4 {font-size: 11pt; color: #E08B11; margin-bottom: 8px;}

#fullScreen #crelsnctags {float: left; width: 460px; }
#fullScreen #cedit {float: right; font-size: 7pt;}

#fullScreen #cBottomNav {width: 575px;color: #E08B11; border-top: 1px solid gray; padding-top: 5px; }
#fullScreen #cBottomNav span { display: block; }
#fullScreen #cBottomNav a {text-decoration: none; }
#fullScreen #lightbox1 a {display: block; float: right; width: 142px; padding: 4px 0 4px 0; text-align: center; border: none; background: url(/images/button_large.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B;}


#fullScreen label { font-size: 14px; font-weight: bold; color: #E08B11; }
#fullScreen label.normal { font-size: 12px;  color: black; font-weight: normal}
#fullScreen legend { font-size: 14px; font-weight: bold; color: #E08B11; }
#fullScreen #event_nav {float: right; }





#event_nav {float: right; }
#event_nav img {float: left; margin-left: 10px; }
#event_nav img:hover {cursor: pointer; }

#chronicleRight { margin-top: 190px; float: left; width: 245px; background-color: #F5F1E6; padding: 10px; border: 1px solid #D09583; overflow: hidden;}
#chronicleRightWithBanner { margin-top: 46px; float: left; width: 245px; background-color: #F5F1E6; padding: 10px; border: 1px solid #D09583; overflow: hidden;}
#chronicleRight .titleBox {font-weight:bold; color:#6c552b; padding-bottom:5px;}
#chronicleRight a {margin-left: 10px; color: #E08B11;  text-decoration: none}

#chronicleRight .actionBox {margin:3px 0 7px 0; width: 244px; background-color: #F5F1E6; padding: 10px; border: 1px solid #D09583; overflow: hidden; }
#chronicleRight .actionBox a {margin-top:5px; text-decoration: none }
#chronicleRight .actionBox a.actLink {text-decoration:underline;}

#chronicleRight .helpBox { margin:3px 0 7px 0; width: 244px; background-color: #fef0bf; padding: 10px; border: 1px solid #D09583; }
#chronicleRight .helpBox .titleBox {font-weight:bold; color:#6c552b; float:left;}
#chronicleRight .helpBox .textBox {padding-top:9px;}
#chronicleRight .helpBox .icoPosition {float:right; border:none; position:relative; top:-4px;}
#chronicleRight .helpBox .cleaner {clear:both;}
#chronilceRight .verticalSpacer {height:7px;}

/*First page of chronicle*/
#chronicleIndex {float: left; position: relative; width: 970px; height: 603px; background-image: url(/images/fa_start_bg.jpg); background-repeat: no-repeat;}
#chronicleIndex #introContainer {position: absolute; top: 18px; left: 30px; width: 600px;}
#chronicleIndex #introContainer h1{font-size: 16px; font-weight: bold; visibility: hidden; margin-bottom: 7px;}
#chronicleIndex #introContainer ul {list-style-type: disc; padding-left: 18px; padding-top: 6px; color: #000000;}
#chronicleIndex #introContainer li {margin-bottom: 10px; line-height: 10px; list-style-image: url(/images/list_cube.gif);}

#chronicleIndex a.helpLink {position: absolute; top: 85px; left: 880px;}
#chronicleIndex a.addLink {position: absolute; top: 193px; left:685px;}

#chronicleIndex #navigationContainer {position: absolute; top: 295px; left: 668px;  width: 277px; height: 177px; background-image: url(/images/fa_start_nav_bg.jpg);}
#chronicleIndex #navigationContainer h2{padding: 8px 0 20px 15px; font-size: 12px; font-weight: bold; color: #66532B; visibility:hidden;}
#chronicleIndex #navigationContainer span{margin-bottom: 12px; color: #E08B11; font-size: 14px; font-weight: bold; display: block; float: left; margin-left: 15px; width: 235px;}
#chronicleIndex #navigationContainer a.navigationLinks {color: #E08B11; font-size: 14px; font-weight: bold; text-decoration: none;}


.xsmallLink {font-size: 11px; }
.smallLink {font-size: 13px; }
.mediumLink {font-size: 15px; }
.largeLink {font-size: 17px; line-height: 30px;}
.xlargeLink {font-size: 19px; xfont-weight: bold; line-height: 30px;}
.unclickableDate {color: #CBC5C5;}

#checkedEmpty a.lbOn_ { display: block; width: 142px; padding: 4px 0 4px 0; text-align: center; border: none; background: url(/images/button_large.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B; }

.delimiter {float: right; width: 2em;}


/* HI_CLIP */
.hiclip_api1 .hiclip_input { background: #FAFAFA; border: 1px solid #999; }
.hiclip_api1 .hiclip_upload_border { width: 360px; border: 1px solid #A9BEFF;}
.hiclip_api1 .hiclip_upload_bar { font-size: 0; text-indent: -5000px; height: 12px; background: #547EFF; width: 10%; margin: 0; }
.hiclip_api1 .hiclip_status{ color: #999; font-size: 10px;}
.hiclip_api1 table {}
.hiclip_api1 td {}
.hiclip_api1 tr {}

#videoul li {
list-style: disc inside;
}
#videoul {
  margin-bottom: 1em;
}
#trackwidth {
  background-color: #ece9d8;
  width: 190px;
  height : 10px;
  margin-top: 15px;
}
#trackheight {
  height:100px;
  background-color:#ece9d8;
  width:10px;
  float: right;
  margin-top: 125px;
  margin-bottom: -135px;
  margin-right: 50px;
}
#handlewidth {
  width:10px;
  height:10px;
  background-color:#cf7419;
  cursor:move;
}
#handleheight {
  width:10px;
  height:10px;
  background-color:#cf7419;
  cursor:move;
}

ol ol {
  padding: 1em 0 1em 2em;
}
.notifyHandler {
  cursor: pointer;
}


.videodiv {
  height: 425px;
  clear: both;
}

ul#notificationSettings ol {
  margin-left: 20px;
  list-style-image: none;

}

ul#notificationSettings li{
  list-style-image: url(/images/arrow.r.gif);
  padding-bottom: 5px;
  cursor: pointer;
}

ul#notificationSettings li.visibleList{
  list-style-image: url(/images/arrow.d.gif);
}

ul#notificationSettings ol {
  margin-top: 5px;
  }

ul#notificationSettings ol li{
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}

li.subscription-label {
  min-width: 200px;
  display: block;
}

li.subscription-label div {
  min-width: 200px;
  display: inline;
}

table.subscriptions {
  float: left;
  margin-left: 32px;
}

#widget #flashcontent h1 {
  margin-bottom:10px;
  color:#6C522D;
  font-size: 14pt;
}

#widget #flashcontent h2 {
  margin:0;
  color: #6C522D;
  font-size: 10pt;
}

#widget #flashcontent p {
  margin:0;
}

/* Gedcom Import notification Window */
#pageBody #importLogMessages {
  border: 1px dashed grey;
  height: 250px;
  overflow: scroll;
}

select.referencePersonChoice
{
  font-size: 15px;
  font-weight: bold;
  height: 25px;
  border: 1px solid red;
}

#holder #activeContent .activitiesHolder #bottomPagination
{
  padding-top:10px; text-align:center;
}

#holder #activeContent .activitiesHolder #bottomPagination span
{
  position:relative;
  top:-4px;
}

#holder #activeContent .activitiesHolder #backLink,
#pageBody #mainProfileContent #backContent
{
  padding:10px 0px 10px 0px;
}

#holder #activeContent .activitiesHolder #backLink a,
#pageBody #mainProfileContent #backContent a
{
  position: relative;
  top: -4px;
  margin: 0 0 0 5px;
}

.showAll
{
  float:left; margin:10px 10px 10px 250px;
}

/* Custom Invitation */
.sameLineLabel
{
  display: block;
  width: 100px;
}

#customInvitationContainer a.butNormal {display: block; width: 89px; padding: 4px 0 4px 0; text-align: center; border: none; background: url(/images/button_form.gif) 0 0 repeat-x; font-size: 9pt; font-weight: bold; text-decoration: none; color: #8D7E6B; margin-left:15px; margin-right:2px;}
#customInvitationContainer h2.caption {color:#E08B11; font-size:16px; font-weight:bold; float:left}
*html #customInvitationContainer h2.caption {position:relative}
*html #customInvitationContainer #invitationProcessIndicator {position:relative}

#loadingMessage
{
  font-size: 11px;
}

#slideshownav img {
  border: none;
}

#slideshownav a
{
  outline: none;
}

#slideshowLoading {margin: 0 35%;}
#slideshowLoading div {padding-top:15%; text-align:center; font-size:13px}

#mainWelcome
{
  padding: 20px 9px;
  color: #6C522D;
  font-size:9pt;
}

#mainWelcome h3
{
  color: #D0771D;
  font-width: bold;
  font-size: 11pt;
}

#mainWelcome h4
{
  padding: 10px 0 0 0;
  color: black;
  font-width: bold;
  font-size: 9pt;
}

*html #mainWelcome .actionsRecommendation p
{
  position:relative;
}

#mainWelcome .actionsRecommendation p
{
  float: left;
}

*html #mainWelcome .actionsRecommendation div
{
  position:relative;
}

#mainWelcome .actionsRecommendation div
{
  float: left;
  width:27px;
  height:20px;
}

#mainWelcome .actionsRecommendation img
{
  float: left;
  position:relative;

}
*html #mainWelcome .actionsRecommendation a
{
  position:relative;
}

#mainWelcome .actionsRecommendation a
{
  float: left;
  padding-left:5px;
}
#mainWelcome .line
{
  border-top: 1px solid #CECECE;
  padding-bottom: 10px;
}
*html #mainWelcome #bottom p, #mainWelcome #bottom a
{
  position:relative;
}

#mainWelcome #bottom p, #mainWelcome #bottom a
{
  font-size: 8pt;
  float:left;
}
#mainWelcome #bottom a
{
  padding-left:5px;
}


/* Banner/Advertising */
.banner { float: left; overflow: hidden; }
.banner img { border: none; }
.banner a   { text-decoration: none; }
.banner h3 { padding: 7px 7px 0px 7px; text-align: center; margin-bottom: 8px; }
.banner h4 { text-align: center; }
.banner h5 {  }
.banner p { padding: 0px 7px 0px 7px; margin-bottom: 8px; }

.banner#text                        { padding: 0px; font-size: 9pt; width: 100%; }
.banner#advtitle                    { font-size: 8pt; }

.banner#bannerProfile               { width: 468px; height:  60px; float: left; margin-left: 6px; }
.banner#bannerProfileHeader         { width: 234px; height:  60px; margin-top: 5px; margin-left: 40px; }
.banner#bannerProfileFooter         { width: 728px;                margin: 0 auto; margin-bottom: 10px; float: none; }
.banner#bannerPPMoreInfo            { width: 200px; height: 200px; border: 1px solid #CFCBC0; }
.banner#bannerFTHeader              { width: 234px; height:  60px; margin-top: 5px; margin-left: 40px; }
.banner#bannerFTFooter              { width: 728px;                margin: 0 auto; margin-bottom: 10px; float: none; }
.banner#bannerFTMoreInfo            { width: 200px; height: 200px; border: 1px solid #CFCBC0; }
.banner#bannerFAHeader              { width: 234px; height:  60px; margin-top: 5px; margin-left: 40px;}
.banner#bannerFARight               { width: 210px; height: 200px; border: 1px solid #CFCBC0; }
.banner#bannerFARightView           { width: 210px; height: 200px; border: 1px solid #CFCBC0; }
.banner#bannerFAFooter              { width: 728px;                }
.banner#bannerFAMoreInfo            { width: 200px; height: 200px; border: 1px solid #CFCBC0; }
.banner#bannerPortalPersonHeader    { width: 234px; height:  60px; margin-top: 5px; margin-left: 40px; }
.banner#bannerPortalPersonLeft      { width: 200px; height: 200px; border: 1px solid #CFCBC0; }
.banner#bannerPortalPersonRight     { width: 160px; height: 600px; }
.banner#bannerPortalGuideHeader     { width: 234px; height:  60px; margin-top: 5px; margin-left: 40px; }
.banner#bannerPortalGuideLeft       { width: 200px; height: 200px; border: 1px solid #CFCBC0; }
.banner#bannerPortalGuideRight      { width: 160px; height: 600px; }
.banner#bannerPortalDirectoryHeader { width: 234px; height:  60px; margin-top: 5px; margin-left: 40px; }
.banner#bannerPortalDirectoryLeft   { width: 200px; height: 200px; border: 1px solid #CFCBC0; }
.banner#bannerPortalDirectoryRight  { width: 160px; height: 600px; }
.banner#bannerPortalInterviewHeader { width: 234px; height:  60px; margin-top: 5px; margin-left: 40px; }
.banner#bannerPortalInterviewLeft   { width: 200px; height: 200px; border: 1px solid #CFCBC0; }
.banner#bannerPortalInterviewRight  { width: 160px; height: 600px; }
.banner#bannerPortalShopHeader      { width: 234px; height:  60px; margin-top: 5px; margin-left: 40px; }
.banner#bannerLogout1               { width: 300px; height: 250px; margin: 0 auto; float: none; }
.banner#bannerFAQHeader             { width: 234px; height:  60px; margin-top: 5px; margin-left: 40px; }
.banner#bannerFAQNavi               { width: 200px; height: 200px; border: 1px solid #CFCBC0; }

#customInvitationContainer .form_error { border: 1px solid #A52C0F; padding: 5px 0 5px 0; background-color: #FEE27E; }


#slideshownav a {
  padding-right: 2em;
}

#slideshownav {
  padding-top: 1em;
}

#album div > img {
  margin-top: 1em;
}

#mainProfileContent .infoLine { width: 733px }
#mainProfileContent .infoLine img { float: left }
#message { margin-bottom: 5px; float: left; width: 693px; height: 38px;  border-top: 1px solid #7AA8DA; border-bottom: 1px solid #7AA8DA; }
#message a { float: right; font-weight: bold; margin: -25px 5px 0 0; }
#message div { margin-top: 3px }
#mainProfileContent #message span {padding-left: 10px; font-weight: bold;}
#mainProfileContent #message #profile_viewpoint_subtitle {font-weight: normal; font-size:10px;}
#mainProfileContent a.backLink { float: left; margin: 0 0 0 10px !important }
#mainProfileContent a.closeLink { margin:-10px 5px 0px 0px !important }

.intoTextContainerJavaUpload
{
  float:left;
  font-size:12px; color:#6C522D;
}
*html .intoTextContainerJavaUpload
{
  position:relative;
}

.closeButtonContainerJavaUpload
{
  float:right; width:200px;
}
*html .closeButtonContainerJavaUpload
{
  position:relative;
}

/*
    Family Members Settings
*/

#familyMembers h3.membersHeader
{
  color:#E08B11;
  font-size:14px;
  font-weight:bold;
}

#familyMembers .membersPagination
{
  height:300px;
  margin-right:10px;
  position:relative;
}

#familyMembers .membersPaginationContainer
{
  position:relative;
  width:120px;
}

#familyMembers #membersCheckboxes
{
  float:left;
  height:280px;
  position:relative;
  width:430px;
}

#familyMembers .membersProfile
{
  margin-bottom:4px;
  margin-right:5px;
  position:relative;
  width:210px;
}

#familyMembers .membersCheckBox
{
  margin-right:1px;
  vertical-align:top;
}

.membersName
{
  height: 50px;
  vertical-align: top;
  width:125px;
  float:left;
  overflow:hidden;
  padding-left:5px;
}

.membersCheckbox
{
  float: left;
}

a.membersButton
{
  background:transparent url(/images/button_large.gif) repeat-x scroll 0pt 50%;
  border:medium none;
  color:#8D7E6B;
  display:block;
  font-size:9pt;
  font-weight:bold;
  padding:4px 0pt;
  text-align:center;
  text-decoration:none;
  width:142px;
  position: relative;
}

.separator
{
  width: 2px;
}

.membersImage
{
  height: 50px;
  width: 50px;
  border: solid 1px;
  float:left;
}

#membersMenu
{
  position: relative;
}

#checkAllContainer
{
  width: 430px;
  position: relative;
}

a.checkAllLink
{
  color: black;
  font-weight: normal;
  text-decoration: none;
  position: relative;
}

a.checkAllLink:hover
{
  text-decoration: underline;
}

.noPermsActivity
{
  color: #D0771D;
  font-size: 8pt;
}

/* edit profile photo */
#photoRight {float: right; text-align: center; width: 242px;}
#photoRight .profilePhotoContainer {width:85px; height:85px; padding: 2px; border: 1px solid #6C522D; margin: 0 auto;}

#treeInvitationsCounter, #friendsInvitationsCounter
{
  display:inline;
}

.cancelLink { background:url(/images/pn_bearbeiten.jpg) no-repeat; color:#ffffff; width:93px; font-weight:bold; height:20px; display:block; font-size:11px; text-decoration:none; text-align: center;}

#tools-list li {
  list-style-type: none;
}

#tools-list li.browser-engine {
  padding-bottom: 15px;
}

#new_firstNames img{
  border: none;
}
#new_firstNames a{
  padding-left: 5px;
  position:relative;
  top: -6px;
  font-size: 8pt;
}
#witnessButtons a {background:url(/images/pn_bearbeiten.jpg) no-repeat; color:#ffffff; width:93px; font-weight:bold; float:right; width:93px; height:20px; display:block; font-size:11px; text-decoration:none; text-align:center;}

/* css horizontal menu */