@charset 'utf-8';
@import url(reset.css);
@import url(fancybox.css);
/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */

.infoIcon {
width:15px;
  height:15px;
  background: url("../img/infoIcon.png");
  overflow:hidden;
  display:inline;
  float:left;
  
}

.textTable {
margin-bottom:15px;
}
.textTable td {
border-bottom:1px solid #ddd;
  padding:3px 6px;
}
.textTable th {
  text-align:left;
  padding:3px 20px 3px 6px !important;
  border-right:1px solid #fff;
  white-space:nowrap;
  background-color:#0a9400;
  color:#fff;
  font-weight:normal;
  height:20px;
  line-height:20px;
}
.textTable td p {
padding-bottom:0px !important;
}
#shopContent {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 160px;
    position: relative;
    top: -70px;
    width: 930px;
  z-index:100;
}
.shopContentFoot {
    height:100px !important;
  background-repeat:no-repeat !important;
  background-color:#E6E6E6 !important;
  top:-20px !important;
  z-index:50;
}
#memortaGarden {
position:relative;
  top:-20px;
}
ul.textList li {
  padding:5px 0px;
  line-height:18px;
  list-style-type:disc !important;
  margin-left:15px;
  padding-left:10px;
}
ol.textList li {
  padding:5px 0px;
  line-height:18px;
  margin-left:15px;
  padding-left:10px;
}
#memortaGarden #memoBackground {
    background: url("../img/memortaGardenGrass.jpg") left bottom;
    height:auto;
}
#memortaGarden #decorations {
top:270px !important;
}
#decoSpacer {

}
.facebookLink {
    background: url("../img/bgFacebookLink.jpg") right top;
    height: 72px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    text-indent: -20000px;
    top: 251px;
    width: 22px;
}
.twitterLink {

    background: url("../img/bgTwitterLink.jpg") right top;
    height: 86px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    text-indent: -20000px;
    top: 324px;
    width: 22px;
    z-index: 100;

}
a.facebookLink:hover {
    background: url("../img/bgFacebookLink.jpg") repeat-x scroll right top transparent;
}
a.twitterLink:hover {
    background: url("../img/bgTwitterLink.jpg") repeat-x scroll right top transparent;
}
.dataTables_wrapper {
position:relative;
}
.dataTables_length {
padding-bottom:15px;
}
.dataTables_paginate {
position:absolute;
  bottom:0;right:0;
}
.paginate_button {
    padding:2px 10px;
  border:0px;
  background:#068800;
  color:#fff;
  margin-left:5px !important;
  float:left;
  display:inline;
  cursor:hand;
  cursor:pointer;
}
.paginate_active {
    padding:2px 10px;
  border:0px;
  background:#aaa;
  color:#fff;
  margin-left:5px !important;
  float:left;
  display:inline;
}
th.sorting {
padding:0px 10px 0px 12px;
background:url(../img/sortIcon.gif) 0px 1px no-repeat;
}
th.sorting_asc {
padding:0px 10px 0px 12px;
background:url(../img/sortAscIcon.gif) 0px 1px no-repeat;
}
th.sorting_desc {
padding:0px 10px 0px 12px;
background:url(../img/sortDescIcon.gif) 0px 1px no-repeat;
}

html, body {
  width:100%;
  height:100%;
  background:#e6e6e6 url(../img/bodyBG.png) left top repeat-x;
}

.memoTabContent {
display:none;
}
.memoTabContent.current {
display:block;
}

.memortaToolTip {
padding:20px;
position:absolute;
z-index:1500;
width:200px;
display:none;
background:#fff;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
box-shadow:0px 0px 18px #666;
  line-height:18px;
  word-wrap: break-word;
}
.memortaToolTip * {
  word-wrap: break-word;
}

.memortaToolTipContent {
  display:none;
}
.memortaToolTip span {
  font-size:11px;
  color:#999;
  padding-top:10px;
  display:block;
}
.memortaToolTip h3 {
  color:#357e2c;
  font-family:Times !important;
  font-size:17px;
  padding-bottom:10px;
}
.memortaToolTipArrow {
  width:36px;
  height:18px;
  position:absolute;
  bottom:-18px;
  left:50%;
  margin-left:-18px;
  background:url(/global/img/toolTipArrow.png) 0px -18px no-repeat;
}
.below .memortaToolTipArrow {
  width:36px;
  height:18px;
  position:absolute;
  top:-18px;
  left:50%;
  margin-left:-18px;
  background:url(/global/img/toolTipArrow.png) 0px 0px no-repeat;
}
/* --------------------------------------------------- Homepage -------------------------------------------------------------------- */
.smallSearchInput {
width:220px;
  height:20px;
}
.smallSearchForm {
position:absolute;
  top:-45px;
  left:10px;
  width:260px;
  height:30px;
}
.smallSearchSubmit {
width:15px;
  height:25px;
  position:absolute;
  top:0px;
  right:5px;
  border:0;
  padding:0;
  margin:0;
  background:url(../img/searchIcon.png) center center no-repeat;
}
#homepageHeader {
    width:630px;
  height:250px;
  position:relative;
  top:-20px;
  left:-10px;
  background:url(../img/landscape.jpg);
}
#quickSearch, #ctaContainer, #memosAnniversary, #memosMostVisited {
  width:280px;
  float:left;
  display:inline;
}
#quickSearch {
 background-color:#f4f4f4;
  padding:10px;
  width:260px;
  margin-right:20px;
}
#ctaContainer {
  
}
#memosAnniversary {
margin-right:30px;
  position:relative;
}
#memosMostVisited {
  position:relative;
}
#memosAnniversary h2, #memosMostVisited h2 {
border-bottom:1px solid #ccc;
  padding-bottom:5px;
  margin-bottom:15px;
}
.smallSortLinks {
position:absolute;
  top:25px;
  right:0px;
}
.smallSortLinks a {
font-size:10px;
}
.listMemo {
    padding:10px 0px;
  border-bottom:1px solid #ccc;
}
.listMemo h3 {
    padding:0 !important;
  margin:0 !important;
    border:0 !important;
}
.listMemo .memoPreviewImage, .listMemo .memoPreviewText {
    float:left;
  display:inline;
}
.listMemo .memoPreviewImage {
    width:80px;
}
.listMemo .memoPreviewImageFrame {
    width:60px;
      height:60px;
}
.listMemo .memoPreviewText {
    width:180px;
}
/* --------------------------------------------------- / Homepage -------------------------------------------------------------------- */

.successfulSubmit {
  padding:10px 0px;
  color:#068800;
  display:none;
}
.noMargin {
  margin:0 !important;
}
.hideMe, .formErrorMessage {
  display:none;
}
.formErrorMessage {
  line-height:18px;
  color:#993333;
  padding-bottom:16px
}
#websiteWrapper {
  width:960px;
  min-height:100%;
  height:auto !important;
  height:100%;
  margin:0 auto -150px; /* the bottom margin is the negative value of the footer's height */
  background:#e6e6e6 url(../img/headBG.png) left top no-repeat;
}
#header {
  width:960px;
  height:170px;
  position:relative;
}
#contentBody {
  width:930px;
  padding:0px 15px;
  position:relative;
  top:80px;
  background:url(../img/contentBG.png) left top repeat-y;
}
#contentFoot {
  width:960px;
  height:45px;
  background-image:url(../img/contentFootBG.png);
  position:relative;
  top:80px;
}
#memortaLogo {
  width:230px;
  height:100px;
  position:absolute;
  text-indent:-10000px;
  left:0px;
  top:15px;
}
/* ------------------------------------------------------------ logIn ---------------------------------------------------------------*/
#loginContainer {
  width:430px;
  height:45px;
  position:absolute;
  right:15px;
  top:10px;
  padding:0px 10px;
  background-color:#333;
  color:#aaa;
}
#loginContainer * {
  color:#aaa;
}
#loginContainer label {
  float:left;
  display:inline;
}
#loginContainer .txtInput {
  width:160px;
  display:block;
  margin:3px 10px 0px 0px;
  color:#444 !important;
}

#loginContainer a.linkBottom {
  display:block;
  margin-top:15px;
  color:#888;
}
#submitSignIn {
  position:absolute;
  top:15px;
  right:10px;
}
/* ------------------------------------------------------------ /logIn ----------------------------------------------------------------*/

/* ------------------------------------------------------------ navigation ------------------------------------------------------------*/
#mainNavigation {
  width:940px;
  height:30px;
  position:absolute;
  left:45px;
  bottom:0px;
}
#mainNavigation ul li {
  float:left;
  display:inline;
  margin-right:34px;
  padding-bottom:15px;
  height:20px;
  line-height:20px;
}
#mainNavigation ul li a {
  font-family:Times !important;
  font-size:16px;
  text-decoration:none;
}
#mainNavigation ul li.home {
  width:19px;
  height:18px;
  background-image:url(../img/home.png);
  overflow:hidden;
  padding:0;
}
#mainNavigation ul li.home a {
  text-indent:-10000px;
  overflow:hidden;
  display:block;
}
#mainNavigation ul li.current {
  padding-bottom:5px;
  border-bottom:5px solid #068800;
}
#subNavigation {
  position:absolute;
  height:28px;
  left:15px;
  top:192px;
}
#subNavigation ul li {
  height:28px;
  line-height:28px;
  float:left;
  display:inline;
  margin-right:1px;
  background:#99cc99;
}
#subNavigation ul li.current {
  background:#fff;
}
#subNavigation ul li a {
  color:#fff;
  padding:0px 10px;
  text-decoration:none;
}
#subNavigation ul li.current a {
  color:#5d5d5d;
}
#subNavigation ul li a:hover {
  text-decoration:underline;
}
#subNavigation ul li.current a:hover {
  text-decoration:none;
}
#thirdLevelNavigation {
  position:relative;
  width:620px;
  height:30px;
  border-bottom:1px solid #cccccc;
  height:30px;
  left:-10px;
  padding-left:10px;
}
#thirdLevelNavigation li {
  height:30px;
  float:left;
  display:inline;
  position:relative;
}
#thirdLevelNavigation li.current {
  height:30px;
  border:1px solid #cccccc;
  left:-1px;
  background-color:#fff;
  border-bottom:0;
  background:#fff url(../img/thirdLevelCurrentBG.png) left top repeat-x;
}
#thirdLevelNavigation li a {
  height:30px;
  display:inline;
  display:block;
  padding:5px 0px;
  text-decoration:none;
}
#thirdLevelNavigation li a span {
  display:block;
  float:left;
  display:inline;
  padding:0px 9px;
  line-height:20px;
  border-right:1px solid #cccccc;
  color:#068800;
}
#thirdLevelNavigation li.last a span {
  border-right:0;
}
#thirdLevelNavigation li.current a {
  padding:4px 0px 5px 0px;
}
#thirdLevelNavigation li.current a span {
  border-right:0;
  padding-right:8px;
  color:#444;
}
#thirdLevelNavigation li a:hover span {
  text-decoration:underline;
}
#thirdLevelNavigation li.current a:hover span {
  text-decoration:none;
}

/* ------------------------------------------------------------ /navigation -----------------------------------------------------------*/

/* ------------------------------------------------------------  memoEdit   -----------------------------------------------------------*/

.memoEditOverview {
  padding:0px 0px 20px 0px;
  width:580px;
}
.memoEditOverviewImage {
  float:left;
  display:inline;
  width:100px;
  position:relative;
  top:-10px;
}
.memoEditOverviewImageFrame {
  display:block;
  width:70px;
  height:70px;
  border:1px solid #ccc;
  padding:5px;
  overflow:hidden;
  position:relative;
}
.memoEditOverviewImageFrame .next {
  width:28px;
  height:28px;
position:absolute;
  top:61px;
  right:10px;
    cursor:hand;
  cursor:pointer;
  background: url(/global/img/galleryNext.png) left top no-repeat;
  text-indent:-10000px;
  overflow:hidden;
}
.memoEditOverviewImageFrame .previous {
  width:28px;
  height:28px;
position:absolute;
  top:61px;
  left:10px;
  cursor:hand;
  cursor:pointer;
  background: url(/global/img/galleryPrev.png) left top no-repeat;
  text-indent:-10000px;
  overflow:hidden;
}
.vipSlideshowWrapper .next {
  width:28px;
  height:28px;
position:absolute;
  top:110px;
  right:10px;
    cursor:hand;
  cursor:pointer;
  background: url(/global/img/galleryNext.png) left top no-repeat;
  text-indent:-10000px;
  overflow:hidden;
  z-index:200;
}
.vipSlideshowWrapper .previous {
  width:28px;
  height:28px;
position:absolute;
  top:110px;
  left:10px;
  cursor:hand;
  cursor:pointer;
  background: url(/global/img/galleryPrev.png) left top no-repeat;
  text-indent:-10000px;
  overflow:hidden;
  z-index:200;
}
.vipSlideshowWrapper {
position:relative;
  width:240px;
  height:350px;

}
.vipSlideshowWrapper h2 {
padding:10px 0px 5px 15px;
}
.vipSlideshowItem {
z-index:150;
  position:absolute;
  top:0;
  left:0;
}
.memoEditOverviewImageFrame div a {
position:absolute;
  top:5px;
  left:5px;
}
.memoEditOverviewImageFrame div {
  width:70px;
  height:70px;
  overflow:hidden !important;
}
.memoEditOverviewText {
  float:left;
  display:inline;
  width:445px;
  padding-left:10px;
}
.memoEditOverviewText td {
  padding:4px 0px;
}
.memoEditOverviewText .label {
  padding-right:15px;
  color:#888;
}

.tabContainer {
  padding:20px 0px 0px 0px;
  display:none;
}
.tabContainer.current {
  display:block;
}
/* ------------------------------------------------------------ /memoEdit   -----------------------------------------------------------*/
#contentLeft {
  width:610px;
  padding:0px 20px;
  position:relative;
  font-family:Arial;
  font-size:12px;
  float:left;
  display:inline;
}
#contentRight {
  float:left;
  display:inline;
  position:relative;
  top:-15px;
}
#contentLeft * {
  font-family:Arial;
}
#contentLeft h3 {
  color:#357e2c;
  font-family:Times !important;
  font-size:17px;
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
  margin:10px 0px;
}
#multimediaTabContainer h3 {
border-bottom:0;
}
#contentLeft p {
  line-height:20px;
  padding-bottom:15px;
}
#contentLeft a {
  color:#068800;
}
#contentLeft fieldset {
  border:1px solid #aaa;
  padding:20px;
}
h1 {
  color:#357e2c;
  font-family:Times !important;
  font-size:21px;
  padding-bottom:15px;
}
h2 {
  color:#357e2c;
  font-family:Times !important;
  font-size:19px;
  padding-bottom:15px;
}
.submitInput {
  padding:2px 10px;
  border:0px;
  background:#068800;
  color:#fff;
  margin-right:5px !important;
}
.prevDeco, .closeForm, .closeModalWindow {
  padding:2px 10px;
  border:0px;
  background:#aaa;
  color:#fff;
  margin-right:5px !important;
}
.addCompanyForm, .editCompanyForm, .deleteCompanyForm {
  float:right;
  display:inline;
}
.addLinkForm, .editLinkForm, .deleteLinkForm {
  float:right;
  display:inline;
}
.addStandInForm, .editStandInForm, .deleteStandInForm {
  float:right;
  display:inline;
}
.editUserGroupForm, .deleteUserGroupForm {
  float:right;
  display:inline;
}
.editUserGroupUserForm, .deleteUserGroupUserForm {
  float:right;
  display:inline;
}
.addUserGroupUserForm, .addUserGroupForm {
  float:left;
  display:inline;
}
.addCompanyButton, .addLinkButton, .addStandInButton {
  padding:2px 10px;
  border:0px;
  background:#068800;
  color:#fff;
  margin:5px 0px 0px 10px;
  float:right;
  display:inline;
}
.addUserGroupButton, .addUserGroupUserButton {
  padding:2px 10px;
  border:0px;
  background:#068800;
  color:#fff;
  margin:0px 10px 0px 0px;
}
.memoCompany, .memoLink, .userStandIn {
  border-bottom:1px solid #aaa;
}
.deleteMemoCompany, .deleteMemoLink, .editMemoCompany, .editMemoLink, .deleteUserGroup, .deleteUserGroupUser, .editUserGroup, .editUserGroupUser, .deleteStandIn, .editStandIn {
  float:right;
  display:inline;
  margin-left:10px;
  cursor:pointer;
}
.memoCompany, .memoLink {
padding-left:10px;
}
.dataGroup {
  display:block;
  width:610px;
  line-height:30px;
  text-decoration:none;
  border-bottom:1px solid #aaa;
}
.dataGroupPreview {
  float:left;
  display:inline;
}
.dataGroupPreview, .dataGroupEdit {
  display:block;
}
.dataGroupHead {
  height:30px;
  clear:both;
}
.dataGroup.last {
  border-bottom:0;
}
.dataGroup:hover, .dataGroup.current {
  background-color:#f4f4f4;
}
.dataGroup.deleteCurrent {
  background-color:#ff9999 !important;
}
.dataGroupLabel {
  display:block;
  width:180px;
  color:#999;
  float:left;
  display:inline;
  padding:0px 10px;
}
.dataGroup.current .dataGroupPreview, .dataGroup.deleteCurrent .dataGroupPreview {
  display:none;
}
.dataGroupForm {
  display:block;
  width:505px;
  background-color:#f4f4f4 !important;
  padding:0px 15px 15px 90px
}
.fullWidth {
  display:block;
  width:590px;
  background-color:#f4f4f4 !important;
  padding:0px 10px 15px 10px;
}
.dataGroupForm, .deleteDataGroupForm {
  display:none;
}
.dataGroupForm label, .userGroup label {
  display:block;
}
.dataGroupForm form span, .userGroup form span {
  float:left;
  display:inline;
  width:100px;
  text-align:right;
  padding-right:10px;
}
.dataGroupForm .txtInput, .userGroup .txtInput {
  width:280px;
  margin:4px 30px 0px 0px;
  float:left;
  display:inline;
}
.dataGroupForm .smallTextArea {
  width:280px !important;
  height:100px !important;
  margin:4px 30px 0px 0px !important;
  float:left;
  display:inline;
}
.dataGroupForm textarea.txtInput {
  width:570px;
  margin:0px;
  height:200px;
}
.dataGroupForm select, .userGroup select {
  margin:0px 10px 0px 0px;
}
.dataGroupActions {
  display:block;
  float:right;
  display:inline;
}
.dataGroupActions span {
  padding:0px 10px;
  cursor:pointer;
  float:right;
  display:inline;
}
.dataGroup.current .dataGroupActions {
  display:none;
}
.dataGroupForm h4, .userGroup h4 {
  border-bottom:1px solid #aaa;
  font-weight:bold;
  color:#888;
}
.userGroupHeadline {
  border-bottom:1px solid #aaa;
  line-height:30px;
  width:610px;
}
.userGroupHeadline .dataGroupForm {
  padding:15px;
}
.userGroupHeadline.deleteCurrent {
  width:610px;
}
.userGroupHeadline .dataGroupPreview {
  color:#357e2c !important;
  font-family:Times !important;
  font-size:15px !important;
  padding:0px 10px;
}
.dataGroup.userGroupHeadline.current {
  border-top:1px solid #aaa;
  border-bottom:0px;
}
#formNewUserGroup {
  padding:10px;
  border-bottom:1px solid #aaa;

}
.formEditUserGroup {
  padding:10px;

}
.userGroup {
  line-height:30px;
  padding-bottom:30px;
}
.userGroup .dataGroupPreview {
  padding:0px 10px;
}
.userGroup .showFormButton {
  margin-left:10px;
}
.userGroupUser {
  border-bottom:1px solid #aaa;
}
.hiddenForm {
  padding-bottom:15px;
}
.userGroup .hiddenForm.current {
  background:#eaeaea;
  padding:10px;
  border-bottom:1px solid #aaa;
}
.hiddenForm {
  display:none;
}
.hiddenForm.current .showFormButton {
  display:none;
}
.memoPreview {
  width:580px;
  padding:15px;
  border-bottom:1px solid #aaa;
}
.memoPreview.last {
  border-bottom:0;
}
.memoPreviewImage {
  float:left;
  display:inline;
  width:100px;
}
.memoPreviewImageFrame {
  display:block;
  width:70px;
  height:70px;
  border:1px solid #ccc;
  padding:5px;
  overflow:hidden;
}
.memoPreviewImageFrame div {
  width:70px;
  height:70px;
  overflow:hidden;
}
.memoPreviewText {
  float:left;
  display:inline;
  width:380px;
}

.memoPreviewText td {
  padding:3px 0px;
}
.memoPreviewText .label {
  padding-right:15px;
  color:#888;
}
.memoPreviewName {
  display:block;
  color:#357e2c;
  font-family:Times !important;
  font-size:17px;
  height:25px;
}
.memoPreviewActions {
  float:left;
  display:inline;
  /*width:120px;*/
  padding-top:22px;
  line-height:18px;
  text-align:right;
}
#userRegisterForm {
  width:650px;
}
#userRegisterFormLeft {
  width:295px;
  float:left;
  display:inline;
  margin-right:20px;
}
#userRegisterFormRight {
  width:295px;
  float:left;
  display:inline;
}
#userRegisterForm label {
  background-color:#F4F4F4;
  display:block;
  padding:10px;
  margin-bottom:10px;
  width:280px;
}
#userRegisterForm label .txtInput {
  display:block;
  margin-top:4px;
  width:265px;
  padding:4px 3px;
}
#userRegisterForm label select {
  display:block;
  margin-top:4px;
  width:270px;
  padding:2px 3px;
}

/* ------------------------------------------------------------ Detail Search ------------------------------------------------------------ */

#searchFormLeft {
  width:295px;
  float:left;
  display:inline;
  margin-right:20px;
}
#searchFormRight {
  width:295px;
  float:left;
  display:inline;
}
#searchForm label {
  background-color:#F4F4F4;
  display:block;
  padding:10px;
  margin-bottom:10px;
  width:280px;
}
#searchForm .labelLike {
  background-color:#F4F4F4;
  display:block;
  padding:10px;
  margin-bottom:10px;
  width:280px;
}
#searchForm label .txtInput {
  display:block;
  margin-top:4px;
  width:265px;
  padding:4px 3px;
}


/* ------------------------------------------------------------ / Detail Search ------------------------------------------------------------ */



#backgroundOverlay {
width:100%;
  height:80px;
  position:absolute;
  bottom:-1px;
  left:0;
  z-index:100;
  background:url(/global/img/backgroundOverlay.png) left top repeat-x;
}


#userBirthDate {
  width:450px !important;
  display:block;
}
#userBirthDate label {
  float:left;
  display:inline;
}
#userBirthDate .txtInput {
  width:40px;
  float:left;
  display:inline;
}
#userBirthDate select {
  float:left;
  display:inline;
  margin-top:6px;
}

.optionGroupWrapper {
  padding-bottom:25px;
}
.optionGroupWrapper.last {
  padding-bottom:0px;
}
.optionGroup {
  border-bottom:1px solid #aaa;
  padding:4px 10px;
  width:590px;
}
.optionGroup.last {
  border-bottom:0;
}
.optionGroup input, .optionGroup .labelInput, .optionGroup .labelText {
  float:left;
  display:inline;
}
.optionGroup .labelInput {
  width:20px;
}
.optionGroup .labelText {
  width:500px;
  padding-left:15px;
  line-height:18px;
}
.optionGroup .privacyUserGroupWrapper {
  padding:15px 0px 25px 35px;
}
.optionGroup .privacyUserGroupWrapper .labelText {
  width:350px;
  padding-left:15px;
  line-height:18px;
}

#contentRight {
  padding: 0 15px;
  width: 250px;
}
#contentRight h3 {
  color:#357e2c;
  font-family:Times !important;
  font-size:17px;
  border-bottom:1px solid #aaa;
  padding-bottom:10px;
  margin-bottom:15px;
}
#contentRight .fancyButton {
  width:230px;
  height:24px;
  line-height:24px;
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  padding-left:20px;
  background:url(/global/img/fancyButtons.jpg) left top no-repeat;
  color:#fff;
  cursor:pointer;
  cursor:hand;
}
.fancyButtonGarden {
  width:230px !important;
  height:24px;
  line-height:24px;
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  padding-left:20px;
  background:url(/global/img/fancyButtons.jpg) left top no-repeat;
  color:#fff !important;
  cursor:pointer;
  cursor:hand;
  position:relative;
  left:-10px;
  top:-15px;
}
a.fancyButton:hover {
  background:url(/global/img/fancyButtons.jpg) 0px -24px no-repeat !important;
}
a.facebook {
  background:url(/global/img/fancyButtons.jpg) 0px -48px no-repeat !important;
}
a.facebook:hover {
  background:url(/global/img/fancyButtons.jpg) 0px -72px no-repeat !important;
}
a.twitter {
  background:url(/global/img/fancyButtons.jpg) 0px -96px no-repeat !important;
}
a.twitter:hover {
  background:url(/global/img/fancyButtons.jpg) 0px -120px no-repeat !important;
}
a.grey {
  background:url(/global/img/fancyButtons.jpg) 0px -144px no-repeat !important;
}
a.grey:hover {
  background:url(/global/img/fancyButtons.jpg) 0px -168px no-repeat !important;
}

#footerPush {
  height: 230px; /* .push must be the same height as .footer */
}
#footerPushgift {
  height: 150px; /* .push must be the same height as .footer */
}
#footer {
  height: 150px; /* .push must be the same height as .footer */
}
#footer {
  background-color:#333;
}
#footer * {
  color:#aaa;
}
#footerCenter {
  width:960px;
  margin:0 auto;
}
#footerLeft {
  width:680px;
  float:left;
  display:inline;
  padding-top:15px;
}
#footerRight {
  width:265px;
  float:left;
  display:inline;
  padding:15px 0px 0px 15px;
}
#footerRight ul li a {
  line-height:18px;
  text-decoration:none;
}
#footerRight ul li a:hover {
  color:#eee;
}
#modalWindowOverlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#aaa;
  display:none;
  z-index:1000;
}
#modalWindow {
  position:absolute;
  width:300px;
  background-color:#fff;
  top:100px;
  left:50%;
  margin:0px 0px 0px -150px;
  -moz-box-shadow:0px 6px 20px #666;
  -webkit-box-shadow:0px 6px 20px #666;
  box-shadow:0px 6px 20px #666;
  display:none;
  z-index:1500;
}
#modalMoreInfo{
  position:absolute;
  width:300px;
  background-color:#fff;
  top:388px;
  left:150%;
  margin:0px 0px 0px -150px;
  -moz-box-shadow:0px 6px 20px #666;
  -webkit-box-shadow:0px 6px 20px #666;
  box-shadow:0px 6px 20px #666;
  display:none;
  z-index:1500;
}
#modalWindow form {
  padding:20px;
}
#modalWindow .txtInput {
  width:255px;
  padding:4px 5px;
}
#modalWindow .txtInput, #modalWindow select {
  display:block;
  margin:3px 0px 10px 0px;
}
#modalWindow p {
  line-height:20px;
  padding-bottom:15px;
}
#userGroupContainer {
  line-height:20px;
  padding:5px 0px 15px 0px;
  margin-top:3px;
  border-top:1px solid #aaa;
}
#userGroupContainer  input {
  margin-right:8px;
}
#memoBGEdit {
  width:630px;
  height:370px;
  position:relative;
  left:-10px;
  overflow:hidden;
}
#memoBGEdit img {
  height:340px;
  position:absolute;
  right:0px;
  top:0;
  display:none;
}
#memoBGEdit img.current {
  display:block;
}
#memoEditStone {
  width:250px;
  height:330px;
  position:absolute;
  left:25px;
  top:5px;
}
#memoEditStone img {
  width:250px;
  height:330px;
  position:absolute;
  left:0px;
  top:0px;
  display:none;
}
#memoEditStone img.current {
  display:block;
}
.material0 {
  background: none !important;
}
.material1 {
  color:#000 !important;
}
.material2 {
  color:#fff !important;
}
.material3 {
  color:#000 !important;
}
.material4 {
  color:#fff !important;
}
.material5 {
  color:#000 !important;
}


.material4 * {
  color:#fff !important;
}


.materialPreview.background1 {
  background: url(/global/img/memoBG.jpg) -240px -180px no-repeat !important;
}
.materialPreview.background2 {
  background: url(/global/img/memoBG.jpg) -490px -70px no-repeat !important;
}
.materialPreview.background3 {
  background: url(/global/img/memoBG.jpg) -90px -150px no-repeat !important;
}
.materialPreview.background4 {
  background: url(/global/img/memoBG.jpg) -240px -180px no-repeat !important;
}
.materialPreview.background5 {
  background: url(/global/img/memoBG.jpg) -490px -70px no-repeat !important;
}
.materialPreview.background6 {
  background: url(/global/img/memoBG.jpg) -90px -150px no-repeat !important;
}

#memoBackground {
  width:630px;
  height:340px;
  background: url(/global/img/memoBG.jpg) 0px 0px no-repeat;
  position:relative;
  left:-10px;
  overflow:hidden;
}
#memoBackground .bgImage {
position:absolute;
  top:0;
  right:0;
  height:340px;
}
#memoBackground.background1 {
  background: url(/global/img/memoBG.jpg) 0px 0px no-repeat;
}
#memoBackground.background2 {
  background: url(/global/img/memoBG2.jpg) 0px 0px no-repeat;
}
#memoBackground.background3 {
  background: url(/global/img/memoBG.jpg) 0px 0px no-repeat;
}
#memoBackground.background4 {
  background: url(/global/img/memoBG2.jpg) 0px 0px no-repeat;
}
#memoBackground.background5 {
  background: url(/global/img/memoBG.jpg) 0px 0px no-repeat;
}
#memoBackground.background6 {
  background: url(/global/img/memoBG2.jpg) 0px 0px no-repeat;
}
#memo {
  width:250px;
  height:330px;
  position:absolute;
  left:25px;
  top:5px;
  z-index:150;
}

#memoBackground #memo {
  width:250px;
  height:330px;
  position:absolute;
  left:25px;
  top:5px;
}

#materialWrapper, #backgroundWrapper {
  
}
label.material, label.background {
  display:block;
  width:85px;
  height:55px;
  float:left;
  display:inline;
  line-height:50px;
  margin:0px 0px 10px 0px;
}
label.material input, label.background input {
  float:left;
  display:inline;
  margin-top:18px;
}
.materialPreviewWrapper {
  border:1px solid #aaa;
  padding:5px;
  width:40px;
  height:40px;
  float:left;
  display:inline;
  margin-left:8px;
}
.materialPreview {
  width:40px;
  height:40px;
  background-position:-100px -100px;
}
.material span {
  display: block;
      float: left;
      line-height: 18px !important;
      padding: 6px 0 0 8px;
  width: 50px;
  
}
.guestbookItem {
  width:590px;
  border-bottom:1px solid #aaa;
  padding:10px 10px 10px 0px;
}
.guestbookItem.last {
  border-bottom:0;
}
.guestbookItemType {
  float:left;
  display:inline;
  width:60px;
  height:80px;
  padding:0px 10px;
}
.guestbookItemType.type1 {
  background:url(/global/img/deco1.png) center center no-repeat;
}
.guestbookItemType.type2 {
  background:url(/global/img/deco2.png) center center no-repeat;
}
.guestbookItemType.type3 {
  background:url(/global/img/deco3.png) center center no-repeat;
}
.guestbookItemText {
  float:left;
  display:inline;
  width:340px;
  padding:0px 20px 0px 10px;
}
.guestbookItemActions {
  float:left;
  display:inline;
  width:120px;
}
.guestbookItemActions a {
line-height:16px;
}

.guestbookItemText h2 {
  padding:5px 0px 10px 0px;
}
.guestbookDate {
  font-size:11px;
}
#organisationLabel {

}
/* ----------------------------------------------------------------- Map --------------------------------------------------------------------- */
#mapContainer {

width:608px;
  height:400px;
  overflow:scroll;
  position:relative;
  top:-10px;
  border:1px solid #aaa;
}
#mapEdit {
  width:608px;
  height:400px;
  overflow:scroll;
  position:relative;
  top:-10px;
  border:1px solid #aaa;
}
#mapGrass {
  width:6000px;
  height:4400px;
  background:url(/global/img/mapGrass.jpg);
position:relative;
}
.scenario1 #mapPath {
    background: url("/global/img/mapPath.png");
    height: 4400px;
    width: 6000px;
}

.scenario2 #mapPath {
    background: url("/global/img/mapPath2.png");
    height: 4400px;
    width: 6000px;
}
.scenario3 #mapPath {
    background: url("/global/img/mapPath3.png");
    height: 4400px;
    width: 6000px;
}


#mapGrass.scenario1 {
background:url(/global/img/mapGrass.jpg);
}
#mapGrass.scenario2 {
background:url(/global/img/snowTexture.jpg);
}
#mapGrass.scenario3 {
background:url(/global/img/desertTexture.jpg);
}
#mapEdit #mapGrass {
  cursor:pointer;
}
.scenario2 .lake1, .scenario2 .lake2, .scenario2 .lake3, .scenario2 .lake4 {
display:none !important;
}
.scenario3 .lake1, .scenario3 .lake2, .scenario3 .lake3, .scenario3 .lake4 {
display:none !important;
}
.lake1, .lake2, .lake3, .lake4 {
    background: url("/global/img/mapLakes.jpg");
    position: absolute;
}
.lake1 {
    background-position: 0 0;
    height: 135px;
    width: 285px;
}
.lake2 {
    background-position: -289px 0;
    height: 150px;
    width: 275px;
}
.lake3 {
    background-position: -575px 0;
    height: 180px;
    width: 285px;
}
.lake4 {
    background-position: 0 -187px;
    height: 260px;
    width: 860px;
}
.tree1, .tree2, .tree3, .tree4, .tree5, .tree6, .tree7, .tree8, .tree9, .tree10, .tree11, .tree12, .tree13, .map_memo, .map_memo_new, .map_circle, .map_arrow {
    background: url(/global/img/mapObjects.png) 0 0 no-repeat;
    z-index: 5;
}
.tree1 {
    background-position: -12px 0;
    height: 75px;
    position: absolute;
    width: 25px;
}
.tree2 {
    background-position: -62px 0;
    height: 75px;
    position: absolute;
    width: 25px;
}
.tree3 {
    background-position: -100px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree4 {
    background-position: -150px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree5 {
    background-position: -200px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree6 {
    background-position: -250px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree7 {
    background-position: -300px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree8 {
    background-position: -350px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree9 {
    background-position: -400px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree10 {
    background-position: -450px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree11 {
    background-position: -500px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree12 {
    background-position: -550px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}
.tree13 {
    background-position: -600px 0;
    height: 75px;
    position: absolute;
    width: 50px;
}

.mapMemo {
    background:url(/global/img/mapObjects.png) -650px 0 no-repeat;
    height: 30px;
    position: absolute;
    width: 20px;
    z-index: 10;
}
.scenario1 .map2, .scenario1 .map3 {
display:none;
}

.scenario2 .map1, .scenario2 .map3 {
display:none;
}

.scenario3 .map1, .scenario3 .map2 {
display:none;
}

#YouTubeVideoForm, #YouTubeAudioForm {
  padding:15px 0px;
  margin-bottom:25px;

}
#YouTubeVideoForm {
  
}
.resultAudio, .resultVideo {
  margin:15px 0px 25px 0px;
  padding:15px;
  border:1px solid #aaa;
  display:none;
}
.memoEditGalleryImage {
position:relative !important;
}
#gallery a, #gallery span {
display:block;
  float:left;
  display:inline;
}
.deleteMemortaFile {
position:absolute !important;
display:block;
width:15px;
height:15px;
top:7px;
right:17px;
background:url(/global/img/iconDelete.gif);
text-indent:-10000px;
overflow:hidden;
  cursor:hand;
  cursor:pointer;
}
.editMemortaFile {
position:absolute !important;
display:block;
width:15px;
height:15px;
top:7px;
right:33px;
background:url(/global/img/iconEdit.gif);
text-indent:-10000px;
overflow:hidden;
  cursor:hand;
  cursor:pointer;
}
.galleryItem {
  display:block;
  float:left;
  display:inline;
  position:relative;
}


.memoEditGalleryImageFrame {
  display:block;
  width:auto;
  height:70px;
  border:1px solid #ccc;
  padding:5px;
  overflow:hidden;
  float:left;
  display:inline;
  margin:0px 10px 10px 0px;
}
.mainImage {
  border:2px solid #068800 !important;
  padding:4px;
}
.memoEditGalleryImageFrame div {
  width:auto;
  height:70px;
  overflow:hidden;
}

.memoEditGalleryImageFrame div {
  width:auto;
  height:70px;
  overflow:hidden;
}

#categoryTable {
  width:610px;
}
#categoryTable th, #categoryTable td {
  padding:10px;
  text-align:center;
  vertical-align:center;
}
#categoryTable th {
  font-size:24px;
}
#categoryTable th span {
  font-size:12px;
  display:block;
}
#categoryTable th, #categoryTable td {
  border:1px solid #fff;
}
#categoryTable th.silver, #categoryTable td.silver {
  background-color:#e9e9e9;
}
#categoryTable th.gold, #categoryTable td.gold {
  background-color:#fffdce;
}
#categoryTable th.platinum, #categoryTable td.platinum {
  background-color:#d9e4ec;
}
#categoryTable tr.even td {
background-color:#eaeaea;
}
#categoryTable tr.even td.silver {
  background-color:#dbdbdb;
}
#categoryTable tr.even td.gold {
  background-color:#f2f1c4;
}
#categoryTable tr.even td.platinum {
  background-color:#ced9e0;
}
.qq-upload-button {
  color:#fff;
  padding:5px 0px;

width:260px;
text-align:center;
background: none repeat scroll 0 0 #068800;
    margin-right: 5px !important;
}
#file-uploader-demo1 .qq-upload-button {
width:90px;
}
#file-uploader-demo1 {
  margin-bottom:25px;
}
.qq-upload-list {
  padding-top:15px;
}
.qq-upload-success {
  padding:4px 0px;
}
.qq-upload-failed-text {
  display:none;
}
.deleteGuestbookItem, .unlockGuestbookItem {
  display:block;
  padding-top:2px;
  text-decoration:underline !important;
  cursor:pointer;
}
.dateLabel {
    background-color: #f4f4f4;
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    width: 280px;
}
.dateLabel label {
  padding:0px !important;
}
.modalWindowRadioWrapper {
  padding-bottom:10px;
}
.modalWindowRadioWrapper label {
  display:block;
  padding-bottom:8px;
}
.modalWindowRadioWrapper label input {
  margin-right:10px;
  float:left;
  display:inline;
}
.modalWindowRadioWrapper label span {
  float:left;
  display:inline;
  padding-top:3px;
}
#addImagesButton {
margin-bottom:20px;
}
#memoContent, #memoContent * {
font-size: 15px !important;
}

#memoContent h2 {
    font-size: 16px !important;
    font-weight: bold;
  padding-bottom:0px !important;
}
#memoContent {
    height: 140px;
    text-align: center;
    width: 160px;
  position:absolute;
  top:120px;
  left:43px;
}
.noImage {
  top:55px !important;

}
#memoContent table td {
    text-align: center;
    vertical-align: middle;
}
#memoContent * {
    color: #111111;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style: italic;
  font-size:12px !important;
}

#memoImage {
  width:80px;
  height:100px;
position:absolute;;
top:22px;
left:79px;
}
#memoImageOverlay {
  width:80px;
  height:100px;
  position:absolute;
  top:0px;
  left:0;
}

.memdates {
display:block;
padding:0px 0px 10px 0px;
}
#decoFormLocationText, #decoFormPayment{
display:none;
}
#decoPlace {
width:560px;
height:80px;
background-color:#ececec;
margin:0px 0px 0px 25px;
cursor:pointer;
cursor:hand;
  display:none;
}
#decorations {
width:560px;
height:0px;
background-color:#ececec;
position:absolute;
top:340px;
left:45px;
  z-index:200;
}
.decoration {
position:absolute;
  width:60px;
  height:95px;
  z-index:200;
  background-position:left top;
    background-repeat:no-repeat;
}
#userRegisterForm label.showOnPayment {
display:none;
}
.priceTable {
    margin-bottom:15px;
}
.priceTable td {
    font-size: 12px;
width:150px;
  padding:3px;
  text-align:center;
  border-bottom:1px solid #efefef;
}
.priceTable td.labelTD {
font-size: 10px;
width:180px;
  text-align:left !important;
  padding-right:15px;
}
.checkedTD {
display:block;
  width:15px;
  height:15px;
  text-indent:-10000px;
  background:url(/global/img/checkTD.png);
  margin:0 auto;
}
.uncheckedTD {
display:block;
  width:15px;
  height:15px;
  text-indent:-10000px;
  background:url(/global/img/uncheckTD.png);
  margin:0 auto;
}