/* ------------------------------------------------------------------------
 * non-tribute.css (Perfect Memorials Tributes Non-Tribute Style Sheet)
 * Copyright (c) Perfect Memorials. All rights reserved.
 * ------------------------------------------------------------------------ */

/*-------------------------------------------	
	Global
-------------------------------------------*/

body { background: url(/images/css/non-tribute/body.jpg) top center no-repeat; }

/* Header
-------------------------------------------*/

#header {
  height: 110px;
  background: url(/images/css/non-tribute/header.jpg) top left no-repeat;
}

body#my-account #header {
  height: 116px;
  padding: 40px 30px 0 30px;
  background: url(/images/css/non-tribute/header-myaccount.jpg) top left no-repeat;
}

#account-name,
#header h1 {
  position: absolute;
  top: 36px; left: 30px;
  font-size: 31px;
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
}

#header h1 strong {
  color: #B1CBBB;
}

#account-meta {
  position: absolute;
  top: 78px; left: 30px;
  font-size: 93%;
  color: #bfdad0;
}

#header ul {
  position: absolute;
  bottom: 0; left: 30px;
  height: 37px;
}

#header ul li {
  float: left;
  background: none;
  margin-right: 2px;
  padding-right: 2px;
  background: url(/images/css/non-tribute/tab-shadow.gif) top right repeat-x;
}

#header ul li.current {
  background: url(/images/css/non-tribute/tab-shadow.gif) bottom right repeat-x;
}

#header ul li a {
  float: left;
  display: block;
  height: 37px;
  padding: 0 15px;
  line-height: 37px;
  background: url(/images/css/non-tribute/tab.jpg) 0 0 repeat-x;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 123.1%;
  color: #425248;
  text-decoration: none;
}

#header ul li a:hover {
  background: url(/images/css/non-tribute/tab.jpg) 0 -37px repeat-x;
  color: #26312A;
}

#header ul li a:active,
#header ul li.current a {
  background: url(/images/css/non-tribute/tab.jpg) 0 -74px repeat-x;
  color: #26312A;
}

/* Primary
-------------------------------------------*/

#primary ul#tribite-progressor li,
#primary ul#choices li,
#primary dl.confirmation-pane dd ul li {
  margin-left: 0;
  list-style: none;
}

#cst-status img {
  position: relative;
  top: 2px;
}

#cst-correct,
#cst-check-error {
  line-height: 16px;
  padding-left: 21px;
  background: url(/images/css/icons/cross.png) center left no-repeat;
}

#tribute-url-preview {
  margin-bottom: 10px;
  padding: 10px;
  background: #ffffe0;
  border: solid 1px #ccc;
}

#tribute-url-preview dt { font-weight: bold; }

#tribute-url {
  margin-bottom: 10px;
  padding: 10px;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 123.1%;
}

dl.confirmation-pane {
  background: #f6f6f6;
  margin-bottom: 15px;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ccc;
}

dl.confirmation-pane dt {
  width: 468px;
  position: relative;
  padding: 10px;
  background: #e6e6e6;
  border-bottom: solid 1px #ccc;
  color: #333;
  font-weight: bold;
}

dl.confirmation-pane dt strong {
  position: absolute;
  right: 10px;
  font-weight: normal;
}

#content dl.confirmation-pane dt strong a {
  color: #3F6F99;
  font-weight: normal;
  text-decoration: none;
}

dl.confirmation-pane dd {
  padding: 10px;
}

#tribite-progressor {
  width: 490px; height: 23px;
  margin-bottom: 15px;
  text-indent: -1000em;
  overflow: hidden;
  background-image: url(/images/css/non-tribute/tribute-progressor.gif);
  background-repeat: no-repeat;
}

.step1 { background-position: 0 0; }
.step2 { background-position: 0 -23px; }
.step3 { background-position: 0 -46px; }

span.hint {
  color: #777;
}

#lostforgot-password {
  position: relative;
  top: 77px;
  padding: 15px;
  background: #F1EFEA;
  border: solid 1px #BBB1A2;
}

#content #lostforgot-password h3 {
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #444;
}

#content #lostforgot-password form label {
  display: block;
  float: none;
  width: auto;
}

#lostforgot-password input {
  width: 280px;
  margin-bottom: 15px;
}

#content #lostforgot-password form.field-error label {
  font-weight: bold;
  color: #d54f3d;
}
#content #lostforgot-password form.field-error input { background: #f6ddda; }

#content #lostforgot-password .error {
  margin: 0 0 15px 0;
}

#lostforgot-password .buttons {
  width: 288px;
  margin-bottom: 0;
}

#lostforgot-password .buttons button {
  width: 100%;
  background-color: #E0D9CB;
  border-bottom: solid 1px #C3C3C3;
}

#lostforgot-password .buttons button:hover {
  background-color: #d3c9b4;
  border: solid 1px #c5bcaf;
  color:#494848;
}

.full-block {
  padding: 40px 45px 0px 30px;
}

#primary {
  float: left;
  width: 490px;
  padding: 40px 45px 0px 30px;
}

body#search-results #primary {
  width: 575px;
  padding: 0px 0px 0px 30px;
}

#primary p {
  line-height: 153.9%;
  margin-bottom: 15px;
}

#primary ul {
  line-height: 153.9%;
  margin-bottom: 15px;
}

#primary ul li {
  margin-left: 15px;
  list-style: disc outside;
}

#primary h2.faq {
  margin: 40px 0 15px;
}

#secondary #faq-float {
  position: fixed;
}

#my-tributes {
  float: left;
  clear: both;
  padding: 10px 30px 30px;
}

body#search-results table {
  width: 575px;
}

body#search-results table th.tribute-photo {
  width: 101px;
}

body#search-results table tr td {
  padding: 20px;
  background: #E4E9E5;
  border-bottom: 1px solid #DAE1DD;
  vertical-align: middle;
  font-size: 116%;
}

body#search-results table tr.even td {
  background: #E4E9E5;
}

body#search-results table tr.odd td {
  background: #F2F5F3;
}

body#search-results table th {
  padding: 0 20px;
  line-height: 2.5em;
  height: 2.5em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 123.1%;
  color: #324037;
  font-weight: normal;
  background: #C6D5CB url(/images/css/non-tribute/table-th.gif) bottom left repeat-x;
  border-bottom: 0;
}

body#search-results table .frame {
  float: left;
  width: 105px; height: 80px;
  margin-right: 15px;
  background: url(/images/css/photoframe-tribute.png) top left no-repeat;
}

body#search-results table .frame img { padding: 1px 0 0 1px; }

body#search-results table tr td a { text-decoration: none; }
body#search-results table tr td a:hover { text-decoration: underline; }

#my-tributes .buttons {
  clear: both;
  width: 900px;
  padding-top: 20px;
}

#my-tributes .buttons button,
#my-tributes .buttons a {
  margin:0 7px 0 0;
}

#my-tributes .buttons button.right,
#my-tributes .buttons a.right {
  float: right;
  margin:0 0 0 7px;
}

.tribute {
  background: #E4E9E5;
}

.tribute-alt {
  background: #F2F5F3;
}

.tribute,
.tribute-alt {
  clear: both;
  float: left;
  width: 860px;
  padding: 20px;
  border-bottom: solid 1px #DAE1DD;
}

.tribute span.private-tribute,
.tribute-alt span.private-tribute {
  position: absolute;
  top: 56px; left: 1px;
  display: block;
  width: 74px; height: 19px;
  background: url(/images/css/non-tribute/private-tribute-badge.gif) top left no-repeat;
  text-indent: -1000em;
}

.tribute a.frame,
.tribute-alt a.frame {
  float: left;
  width: 105px; height: 80px;
  margin-right: 15px;
  background: url(/images/css/photoframe-tribute.png) top left no-repeat;
}

.tribute a.frame img,
.tribute-alt a.frame img { padding: 1px 0 0 1px; }

.tribute-details {
  position: relative;
  width: 600px;
  float: left;
}

.tribute h2,
.tribute-alt h2 {
  padding-top: 17px;
}

.tribute h2 a,
.tribute-alt h2 a {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 136.5%;
  color: #333;
  text-decoration: none;
}

.tribute h2 a:hover,
.tribute-alt h2 a:hover {
  text-decoration: underline;
}

.tribute p.tribute-url a,
.tribute-alt p.tribute-url a {
  color: #666;
  text-decoration: none;
}

.tribute p.tribute-url a:hover,
.tribute-alt p.tribute-url a:hover {
  text-decoration: underline;
}

p.view-tribute-action a {
  position: absolute;
  top: 44px; right: 20px;
  display: block;
  width: 112px; height: 32px;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-shadow: #444 2px 2px 2px;
  background: url(/images/css/non-tribute/view-tribute.gif) top left no-repeat;
  text-align: center;
}

.tribute-actions-container-nojs ul.tribute-actions {
  float: right;
  background: #5D7C69;
}

.tribute-actions-container-nojs ul.tribute-actions li {
  line-height: 25px;
  border-bottom: solid 1px #496352;
}

.tribute-actions-container-nojs ul.tribute-actions li a {
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  color: #fff;
  text-decoration: none;
  text-shadow: #444 2px 2px 2px;
}

.tribute-actions-container-nojs ul.tribute-actions ul li {
  padding-left: 15px;
}

.tribute-actions-container-nojs ul.tribute-actions li.tribute-tools {
  border: none;
}

.tribute-actions-container {
  float: right;
  margin-top: 26px;
  width: 236px;
}

.tribute-actions-container-nojs {
  float: right;
  width: 236px;
}

.tribute-actions-container ul.tribute-actions li.view-tribute {
  background: url(/images/css/non-tribute/myaccount-actions-right.gif) top left no-repeat;
}

.tribute-actions-container ul.tribute-actions li.view-tribute a {
  width: 107px;
  text-align: center;
  font-weight: bold;
}

.tribute-actions-container ul.tribute-actions li {
  float: left;
}

.tribute-actions-container ul.tribute-actions li a {
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-decoration: none;
  text-shadow: #444 2px 2px 2px;
}

.tribute-actions-container ul.tribute-actions li.tribute-tools {
  position: relative;
  background: url(/images/css/non-tribute/myaccount-actions-left.gif) top left no-repeat;
}

.tribute-actions-container ul.tribute-actions li.tribute-tools.open {
  z-index: 10;
}

.tribute-actions-container ul.tribute-actions li.tribute-tools a {
  width: 116px;
  padding-left: 13px;
  background: url(/images/css/non-tribute/tribute-tools.gif) 100px 0px no-repeat;
}

.tribute-actions-container ul.tribute-actions li.tribute-tools.open a {
  background: url(/images/css/non-tribute/tribute-tools.gif) 100px -32px no-repeat;
}

.tribute-actions-container ul.tribute-actions ul.tribute-tools-sub {
  width: 149px;
  top: 32px; left: 0px;
  position: absolute;
}

.tribute-actions-container ul.tribute-actions ul.tribute-tools-sub li {
  background: #5D7C69;
  opacity: 0.8;
}

.tribute-actions-container ul.tribute-actions li.tribute-tools.open ul.tribute-tools-sub li.first {
  background: url(/images/css/non-tribute/tribute-actions-sub-first.gif) top left no-repeat;
}

.tribute-actions-container ul.tribute-actions li.tribute-tools.open ul.tribute-tools-sub li.last {
  background: url(/images/css/non-tribute/tribute-actions-sub-last.gif) top left no-repeat;
}

.tribute-actions-container ul.tribute-actions li.tribute-tools.open ul.tribute-tools-sub li.last a {
  border-bottom: none;
}

.tribute-actions-container ul.tribute-actions li.tribute-tools.open ul.tribute-tools-sub li a {
  width: 136px; height: 25px;
  line-height: 25px;
  border-bottom: solid 1px #496352;
  background: none;
}

p#choice-type {
  font-size: 116%;
  margin-bottom: 15px;
  text-align: center;
}

ul#choices {
  overflow: hidden;
  margin-bottom: 25px;
}

ul#choices li {
  float: left;
}

ul#choices li a {
  float: left;
  display: block;
  height: 104px;
  text-indent: -1000em;
}

ul#choices li.pet a {
  width: 246px;
  background: url(/images/css/non-tribute/choices.jpg) bottom right no-repeat;
}

ul#choices li.pet a:hover { background-position: -244px -104px; }

ul#choices li.pet a.active { background-position: -244px 0; }


ul#choices li.person a {
  width: 244px;
  background: url(/images/css/non-tribute/choices.jpg) bottom left no-repeat;
}

ul#choices li.person a:hover { background-position: 0 -104px; }

ul#choices li.person a.active { background-position: 0 0; }

/* Secondary
-------------------------------------------*/

#secondary {
  float: left;
  width: 320px;
  padding: 40px 30px 0px 45px;
}

body#search-results #secondary {
  width: 300px;
  padding: 0px 30px 0px 25px;
}

#secondary .block {
  width: 300px;
  margin-bottom: 15px;
  background: #E2E2D3 url(/images/css/home/block-bottom.gif) bottom left no-repeat;
}

#secondary .block p {
  margin: 0;
}

#secondary .block h4 {
  display: block;
  padding: 13px 18px 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 131%;
  color: #3C3C3E;
  background: url(/images/css/home/block-top.gif) top left no-repeat;
}

#secondary .block form {
  padding: 13px 18px 17px;
}

#secondary .block ul {
  padding: 13px 18px;
}

#secondary .block a.view-more {
  display: block;
  padding: 0 18px 17px;
  font-size: 93%;
  color: #4D4B43;
  text-align: right;
}

#secondary .block form input.text {
  width: 251px;
  border: 0;
  padding: 5px;
  color: #444;
  margin-bottom: 10px;
}

#content #secondary .block form label {
  display: block;
  width: auto;
  float: left;
  padding: 0 10px 0 0;
  color: #444;
  margin-bottom: 10px;
}

#content #secondary .block form label input {
  margin-right: 5px;
}

#secondary .block form input.button {
  margin-top: 5px;
}

#secondary .block ul li {
  margin: 0 0 5px 15px;
  list-style: disc outside url(/images/css/home/faq-bullet.gif);
}

#secondary .block ul li a {
  font-size: 93%;
  color: #4D4B43;
  text-decoration: none;
}

#secondary .block ul li a:hover {
  text-decoration: underline;
}


/* Content
-------------------------------------------*/

#content h1 strong { color: #8D8D6A; }

#content {
  position: static;
  left: 0;
  float: right;
  width: 100%;
  padding: 0;
  color: #444;
}

#content a,
#primary a { color: #444; }
#content a:hover,
#primary a:hover { color: #222; }

#content #row-suggested-tribute-urls,
#content #row-create-own-address {
  float: left;
  width: 458px;
  clear: both;
  overflow: hidden;
}

#content #row-suggested-tribute-urls {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #dad3c2;
}

#content #row-suggested-tribute-urls label.main,
#content #row-create-own-address label.main {
  display: block;
  float: none;
  width: 458px;
  padding-bottom: 10px;
  line-height: 153.9%;
  font-weight: bold;
}

#content #row-suggested-tribute-urls .input label {
  display: block;
  float: none;
  padding-bottom: 5px;
}

#content #row-suggested-tribute-urls .input,
#content #row-create-own-address .input,
#content #row-create-own-address .error {
  margin-left: 0;
}

#content #row-create-own-address .error {
  background-position: 0 0;
  padding-top: 0;
  margin-bottom: 15px;
}

#content #row-create-own-address .input {
  margin-bottom: 20px;
}

#content #row-create-own-address .cst-helper {
  display: block;
  margin-top: 10px;
}

#link-view-suggestions {
  display: block;
  clear: both;
  margin: 10px 0 5px;
}

/* Content - Forms
-------------------------------------------*/

#content form fieldset { border: solid 1px #c5bcaf;
  background: #f8f7f5 url(/images/css/themes/classic/fieldset.jpg) top left no-repeat; }

#content form fieldset legend { color: #827054; }

/* Content - Hints
-------------------------------------------*/

dl.hint dt { background: #E7E3CC;
  border-bottom: solid 1px #B9AE9F;
  color: #4E3E28; }

dl.hint dt a { color: #4E3E28; }

dl.hint dd { border-top: solid 1px #F9F8F0;
  background: #F3F0E4; }

/* Buttons
-------------------------------------------*/

ul.buttons a,
#secondary-sidebar ul.buttons a,
ul.buttons button { background-color: #E0D9CB;
  border-bottom: solid 1px #C3C3C3; }

ul.buttons button:hover,
ul.buttons a:hover,
#secondary-sidebar ul.buttons button:hover,
#secondary-sidebar ul.buttons a:hover { background-color: #d3c9b4;
  border: solid 1px #c5bcaf;
  color:#494848; }

/* Pagination
-------------------------------------------*/

body#search-results .pagination-wrapper {
  width: 575px;
}

.pagination-wrapper { background: #efebe0 url(/images/css/themes/classic/pagination.gif) top left repeat-x; }

#content .pagination a { border: solid 1px #C8B597;
  background: #fff;
  color: #A28D6B; }

.pagination a:visited { border: solid 1px #D7CEBA;
  background: #fff;
  color: #c6b293; }

.pagination .prev-inactive,
.pagination .next-inactive { border: solid 1px #D7CEBA;
  color: #B9A98D; }

.pagination .prev { border: solid 1px #C8B597;
  color: #917750;
  background: #fff; }

.pagination .break { color: #C8B597; }

.pagination .next { border: solid 1px #C8B597;
  color: #917750;
  background: #fff; }

.pagination .current-page { border-color: #A28D6B;
  background: #A28D6B;
  color: #fff; }

#content .pagination a:hover { color: #fff;
  background: #887352;
  border-color: #887352; }

/* Footer
-------------------------------------------*/

#footer { background: url(/images/css/non-tribute/footer.png) 0 0 no-repeat; }