/* $Id: book.css,v 1.2.2.1 2007/01/29 18:54:29 dries Exp $ */

.book-navigation .menu {
  border-top: 1px solid #888;
  padding: 1em 0 0 3em;
}
.book-navigation .page-links {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  text-align: center;
  padding: 0.5em;
}
.book-navigation .page-previous {
  text-align: left;
  width: 42%;
  display: block;
  float: left;
}
.book-navigation .page-up {
  margin: 0 5%;
  width: 4%;
  display: block;
  float: left;
}
.book-navigation .page-next {
  text-align: right;
  width: 42%;
  display: block;
  float: right;
}
/* $Id: node.css,v 1.2.2.1 2007/07/24 18:38:58 drumm Exp $ */

.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}
#node-admin-filter ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#node-admin-buttons {
  float: left;
  margin-left: 0.5em;
  clear: right;
}
td.revision-current {
  background: #ffc;
}
.node-form .form-text {
  display: block;
  width: 95%;
}
.node-form .container-inline .form-text {
  display: inline;
  width: auto;
}
.node-form .standard {
  clear: both;
}
.node-form textarea {
  display: block;
  width: 95%;
}
.node-form .attachments fieldset {
  float: none;
  display: block;
}
/* $Id: defaults.css,v 1.2 2006/08/25 09:01:12 drumm Exp $ */

/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */
/* $Id: system.css,v 1.21 2006/12/21 16:13:06 dries Exp $ */

/*
** HTML elements
*/
th.active img {
  display: inline;
}
tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
td.active {
  background-color: #ddd;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/*
** Other common styles
*/
.breadcrumb {
  padding-bottom: .5em
}
.error {
  color: #f00;
}
div.error {
  border: 1px solid #d77;
}
div.error, tr.error {
  background: #fcc;
  color: #200;
}
div.warning, tr.warning {
  background: #ffd;
}
div.ok, tr.ok {
  background: #dfd;
}
.item-list .icon {
  color: #555;
  float: right;
  padding-left: 0.25em;
  clear: right;
}
.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em;
  padding: 0;
  list-style: disc;
}
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
tr.merge-down, tr.merge-down td, tr.merge-down th {
  border-bottom-width: 0 !important;
}
tr.merge-up, tr.merge-up td, tr.merge-up th {
  border-top-width: 0 !important;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes, .form-radios {
  margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.marker, .form-required {
  color: #f00;
}
.more-link {
  text-align: right;
}
.more-help-link {
  font-size: 0.85em;
  text-align: right;
}
.nowrap {
  white-space: nowrap;
}
.pager {
  clear: both;
  text-align: center;
}
.pager a, .pager strong.pager-current {
  padding: 0.5em;
}
.tips {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9em;
}
dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
  font-family: inherit;
  font-size: inherit;
  width: 14em;
}
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
  width: 8em;
}
dl.multiselect dt, dl.multiselect dd {
  float: left;
  line-height: 1.75em;
  padding: 0;
  margin: 0 1em 0 0;
}
dl.multiselect .form-item {
  height: 1.75em;
  margin: 0;
}

/*
** Inline items (need to override above)
*/
.container-inline div, .container-inline label {
  display: inline;
}

/*
** Menus
*/
ul.menu {
  list-style: none;
  border: none;
  text-align:left;
}
ul.menu li {
  margin: 0 0 0 0.5em;
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(/modules/system/../../misc/menu-expanded.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(/modules/system/../../misc/menu-collapsed.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(/modules/system/../../misc/menu-leaf.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}

/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}

/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  z-index: 100;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: default;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(/modules/system/../../misc/throbber.gif);
  background-repeat: no-repeat;
  background-position: 100% 2px;
}
html.js input.throbbing {
  background-position: 100% -18px;
}

/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
  height: 1em;
}
html.js fieldset.collapsed * {
  display: none;
}
html.js fieldset.collapsed legend {
  display: block;
}
html.js fieldset.collapsible legend a {
  padding-left: 15px;
  background: url(/modules/system/../../misc/menu-expanded.png) 5px 75% no-repeat;
}
html.js fieldset.collapsed legend a {
  background-image: url(/modules/system/../../misc/menu-collapsed.png);
  background-position: 5px 50%;
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * {
  display: inline;
}
html.js fieldset.collapsible legend a {
  display: block;
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
}

/*
** Resizable text areas
*/
.resizable-textarea {
  width: 95%;
}
.resizable-textarea .grippie {
  height: 9px;
  overflow: hidden;
  background: #eee url(/modules/system/../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
}
html.js .resizable-textarea textarea {
  margin-bottom: 0;
  width: 100%;
  display: block;
}

/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(/modules/system/../../misc/progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin-top: 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: right;
}

/*
** Formatting for welcome page
*/
#first-time strong {
  display: block;
  padding: 1.5em 0 .5em;
}

/*
** To be used with tableselect.js
*/
tr.selected td {
  background: #ffc;
}
/* $Id: user.css,v 1.4 2006/12/30 07:45:31 dries Exp $ */

#permissions td.module {
  font-weight: bold;
}
#permissions td.permission {
  padding-left: 1.5em;
}
#access-rules .access-type, #access-rules .rule-type {
  margin-right: 1em;
  float: left;
}
#access-rules .access-type .form-item, #access-rules .rule-type .form-item {
  margin-top: 0;
}
#access-rules .mask {
  clear: both;
}
#user-login-form {
  text-align: center;
}
#user-admin-filter ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#user-admin-buttons {
  float: left;
  margin-left: 0.5em;
  clear: right;
}

/* Generated by user.module but used by profile.module: */
.profile {
  clear: both;
  margin: 1em 0;
}
.profile .picture {
  float: right;
  margin: 0 1em 1em 0;
}
.profile dt {
  margin: 1em 0 0.2em 0;
  font-weight: bold;
}
.profile dd {
  margin:0;
}
/* $Id: content.css,v 1.2.2.8 2007/08/09 19:08:16 yched Exp $ */

.field .field-label,
.field .field-label-inline,
.field .field-label-inline-first {
  font-weight:bold;
}

.field .field-label-inline,
.field .field-label-inline-first {
  display:inline;
}

.field .field-label-inline {
  visibility:hidden;
}

.node-form .number {
  display: inline;
  width: auto;
}

fieldset.container-inline-date .form-item {float:left; padding:0; margin:0}
fieldset.container-inline-date .form-item, fieldset.container-inline-date .form-item input {width:auto;}
fieldset.container-inline-date .description {clear: both;}
fieldset.container-inline-date .form-item input, fieldset.container-inline-date .form-item select {margin-right:.5em;}
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
** this will be on drupal 5.0 so we can get rid of the styling below when the module is updated
*/
fieldset.container-inline-date:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }

fieldset.container-inline-date {
  display: inline-block;
 }

/* Hides from IE-mac \*/
* html fieldset.container-inline-date {
  height: 1%;
 }
fieldset.container-inline-date {
  display: block;
 }
/* End hide from IE-mac */

/* force IE to display the jscalendar icon in date fieldsets */
fieldset.container-inline-date .jscalendar-icon {
  text-indent: 0;
}

/* styles for display of dates in nodes */
span.date-display-single {
}
span.date-display-start {
}
span.date-display-separator {
}
span.date-display-end {
  display:block;
  clear:left;
  margin-left:20px;
}

/* table.checkout-shipping {
  width: 50%;
}
 */
.form-item .description {
  /* Fix the inheritance from table rows. */
  white-space: normal;
}

.solid-border#quote {
  margin-top: 1em;
}

.quote-button {
  cursor: pointer;
  font-weight: bold;
  color: rgb(0, 0, 125);
}

img.icon {
  position: relative;
  top: 2px;
  margin-right: 2px;
  cursor: pointer;
}

.quote-error {
  display: inline;
}

.quote-notes {
  margin-left: 25px;
}

.node-form .product-shipping .form-text {
  display: inline;
  width: auto;
}
/* $Id: uc_order.css,v 1.6.2.4 2008/07/29 22:22:44 rszrama Exp $ */

.order-overview-form {
  float: left;
  padding: 0em 2em 0em 0em;
}

.order-overview-form .form-item {
  margin-bottom: 0em;
}

.order-overview-form #uc-order-select-form, .order-overview-form #uc-order-admin-sort-form {
  margin-bottom: 0em;
}

.uc-orders-table {
  width: 100%;
  clear: both;
}

.uc-orders-table thead th {
  white-space: nowrap;
}

.uc-orders-table tr.odd:hover, .uc-orders-table tr.even:hover {
  background-color: #ddd;
}

.uc-orders-table img {
  float: left;
  margin-right: .5em;
}

.order-admin-icons {
  margin-left: 2px;
}

.order-admin-icons img {
  position: relative;
  top: 3px;
  padding: 0px 3px;
}

.order-pane {
  border-style: solid;
  border-color: #bbb;
  border-width: 1px;
  padding: .5em;
  margin: .5em;;
  width: auto;
  line-height: 1.1em;
}

.order-pane thead {
  background-color: #ddd;
}

.order-pane tbody {
  border-top: 0px;
}

.order-pane-title {
  font-weight: bold;
  padding-bottom: .5em;
}

.pos-left {
  float: left;
}

.abs-left {
  /*float: left;*/
  clear: left;
}

.pos-right {
  float: right;
}

.abs-right {
  float: right;
  clear: right;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.full-width {
  width: 100%;
}

.order-pane-table {
  width: 100%;
}

.order-pane-table .order-pane-table-heading {
  font-weight: bold;
  background-color: #ddd;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #bbb;
}

.order-pane-table thead th {
  font-weight: bold;
  background-color: #ddd;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #bbb;
  padding: 4px 8px;
}

.order-pane-table tr {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #bbb;
}

.order-pane-table tr.odd td, .order-pane-table tr.even td {
  padding: 4px 8px;
}

.order-edit-table {
  width: auto;
}

.order-edit-table .oet-label {
  text-align: right;
  font-weight: bold;
}

.order-edit-table .form-item {
  display: inline;
}

.address-select-box {
  background-color: #ddd;
  border: solid 1px #999;
  width: auto;
  padding-left: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.customer-select-box {
  background-color: #ddd;
  border: solid 1px #999;
  width: auto;
  padding: 1em;
  margin-top: 1em;
}

.product-select-box {
  background-color: #ddd;
  border: solid 1px #999;
  width: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

.product-select-box2 {
  background-color: #ddd;
  border: solid 1px #999;
  width: auto;
  margin-right: auto;
  margin-bottom: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
}

.line-item-table {
  width: 100%;
}

.line-item-table td {
  padding: 2px;
}

.line-item-table .li-title {
  width: 100%;
  font-weight: bold;
  text-align: right;
}

.line-item-table .li-amount {
  text-align: right;
}

.line-item-table .form-item {
  display: inline;
}

.order-review-table tbody {
  border-top: 0px;
}

.product-options {
  font-size: .7em;
}

/* Move to uc_credit.css eventually... */
.order-pane #uc-credit-order-view-form {
  margin-top: .5em;
  margin-bottom: 0em;
}

#uc-credit-order-view-form .form-submit {
  margin: 0em;
}

.order-pane #uc-order-view-update-form {
  margin-bottom: 1em;
}

.update-controls {
  padding-top: 1em;
}

.update-controls div {
  padding-right: 1em;
}

.update-controls div, .update-controls label {
  display: inline;
}

.update-controls .form-submit {
  margin: 0em;
}

.address-select-box #uc-order-address-book-form {
  margin-bottom: 0em;
}

.order-pane.abs-left .form-submit {
  margin: 0.5em 0.5em 0.5em 0em;
}

.order-pane #customer-select form {
  margin-bottom: 0em;
}
/* $Id: uc_product.css,v 1.8.2.5 2008/09/17 21:38:41 rszrama Exp $ */

.product_image {
  float: right;
  clear: right;
  text-align: center;
  padding-top: 4px;
  padding-left: 4px;
  margin-left: 4px;
}

.display_price {
  float: right;
  clear: right;
  width: 100px;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 4px;
  padding-left: 4px;
}

.model {
  display: inline;
  margin-right: 2em;
  font-weight: bold;
}

h3.title {
  margin-top: 1em;
}

.node-form .product-field table {
  width: auto;
  margin: 0;
}

.node-form .product-field td {
  padding: 3px 6px 0 0;
}

.node-form tbody {
  border: none;
  margin: 0;
}

.node-form .product-field table .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.node-form .product-field .form-text {
  width: auto;
  display: inline;
}

.product-ubrowser, .product-buffer {
  background-color: #dddddd;
  border: 1px solid #999999;
  margin-top: 1em;
  margin-right: 2em;
  width: auto;
}

.product-ubrowser {
  padding-left: 1em;
}

.product-buffer {
  padding: 1em;
}

.product-buffer .form-submit {
  margin: 0em;
}

#products-selector table {
  margin: 0em 0em;
}

#products-selector td {
  padding: 0em .5em;
}

div#products-selector form {
  margin-bottom: 0em;
}

#products-selector div.form-item {
  margin-bottom: .5em;
  margin-top: .5em;
}

#buffer-images {
  margin-bottom: 1em;
}

#buffer-images img {
  margin: .5em;
}

table.product-list {
  clear: both;
}

.add-feature div {
  padding-right: 1em;
}

.add-feature div, .add-feature label {
  display: inline;
}

/* $Id: uc_roles.css,v 1.1.2.3 2008/07/29 22:22:46 rszrama Exp $ */

.expiration {
  display:inline;
} 

.expiration .form-item {
  display:inline;
}/* $Id: uc_store.css,v 1.7.2.2 2008/07/29 22:22:46 rszrama Exp $ */

#store-links, #store-links ul {
  padding: 0;
  margin: 0;
  list-style: none; 
  line-height: 1.75em;
  text-align: left;
  z-index: 1000;
}

#store-links a {
  display: block;
  width: 14em;
  padding-left: 4px;
  z-index: 1000;
}

#store-links a img.uc-store-icon {
  text-decoration: none;
  float: left;
  margin: 3px 6px 3px 2px;
}

#store-links li {
  margin: 0 !important;
  padding: 0;
  background-color: #ffffff !important;
  background-image: none;
  border: solid 1px black;
  float: left;
  width: 14em;
  z-index: 1000;
}

#store-links li ul{
  position: absolute;
  width: 14em;
	display:none;
  margin: -1.75em 0 0 14em;
  z-index: 1000;
}

#sidebar-right div #store-links li ul {
	margin:-1.75em 0pt 0pt -14em; 
}

#store-links li:hover ul ul, #store-links li:hover ul ul ul, #store-links li.sfhover ul ul, #store-links li.sfhover ul ul ul {
	display:none;
}

#store-links li:hover ul, #store-links li li:hover ul, #store-links li li li:hover ul, #store-links li.sfhover ul, #store-links li li.sfhover ul, #store-links li li li.sfhover ul {
	display:block;
}

.uc-store-admin-table {
  margin: 1em auto;
  border: 1px dashed #bbb;
}

.uc-store-admin-table tbody {
  border-top: 0px;
}

.uc-store-admin-panel {
  margin: 1em;
  padding: 1em;
}

.uc-store-admin-panel .uc-store-icon {
  float: left;
  margin-right: 1em;
}

.uc-store-admin-panel .panel-title {
  padding-top: 4px;
  font-size: 1.5em;
  width: 100%;
}

.uc-store-admin-panel .panel-show-link a {
  cursor: pointer;
}

.uc-customer-table .uc-store-icon {
  float: left;
  margin-right: .5em;
}

.uc-customer-table tr.odd:hover, .uc-customer-table tr.even:hover {
  background-color: #ddd;
}

.uc-cust-orders-table tr.odd:hover, .uc-cust-orders-table tr.even:hover {
  background-color: #ddd;
}

.uc-cust-orders-table .uc-store-icon {
  float: left;
  margin-right: .5em;
}

#store-footer {
  width: 100%;
  text-align: center;
  font-size: x-small;
  clear: both;
}

table.settings-overview {
  width: auto;
}

table.settings-overview td {
  padding: .5em;
}

table.settings-overview tbody {
  border: 0px;
}

table.settings-overview tr.section {
  border: 1px dashed #bbb;
}

.section-title {
  font-weight: bold;
}

table.section-items {
  width: auto;
}

table.section-items td {
  padding: .25em;
}

.settings-icon {
  position: relative;
  top: 1px;
  left: 1px;
}

tr.section {
  cursor: pointer;
}

tr.section:hover {
  background-color: #ddd;
}

#uc-country-import-form .form-item, #uc-country-import-form .form-item label {
  display: inline;
  float: left;
  margin-right: 1em;
}

#uc-country-import-form .form-submit {
  float: left;
  margin-top: 1em;
}

#uc-country-import-form table {
  clear: left;
}

/* $Id$ */

.ubrowser-div {
  border: 1px dashed #bbb;
  padding: 2px;
  float: left;
  width: auto;
}

.ubrowser-table {
  width: auto;
  margin-left: 1em;
  margin-right: 1em;
}

.ubrowser-table tbody {
  border: none;
}

#ubrowser-tree .form-item {
  margin-right: 1em;
}

.ubrowser-tree {
  display: inline;
  border-style: dashed;
  border-width: 2px;
  border-color: #ccc;
  padding: 4px;
}

.ubrowser-nodes {
  display: inline;
  border-style: dashed;
  border-width: 2px;
  border-color: #ccc;
  padding: 4px;
  margin-left: 1em;
}

/* $Id: uc_cart_block.css,v 1.6.2.5 2008/07/29 22:22:42 rszrama Exp $ */

#block-cart-icon {
  padding-right: 1em;
}

#block-cart-title-bar {
  cursor: pointer;
  white-space: nowrap;
}

#block-cart-title-arrow {
  padding-top: 5px;
  padding-right: 2px;
}

.cart-help-text {
  font-size: x-small;
  position: relative;
  top: -5px;
}

#block-cart-title-image {
  padding-right: 5px;
}
.block-cart-title-bar {
  white-space: nowrap;
}
.cart-block-toggle {
  cursor: pointer;
}
#block-cart-title-arrow {
  position: relative;
  top: -5px;
  right: -23px;
}
.cart-block-table {
  border-bottom: 2px;
  padding: 2px;
}
.cart-block-tbody {
  border-top: 0px;
}
.cart-block-item {
  vertical-align: top;
}
.cart-block-item-qty {}
.cart-block-item-title {
  width: 100%;
}
.cart-block-item-price {
  text-align: right;
  white-space: nowrap;
}
.cart-block-summary-table {
  padding: 2px;
}
.cart-block-summary-tbody {
  border-top: 0px;
}
.cart-block-summary-tr {
  vertical-align: top;
}
.cart-block-summary-items {
  white-space: nowrap;
}
.cart-block-summary-total {
  width: 100%;
  text-align: right;
}
.cart-block-summary-checkout {
  text-align: right;
}

#block-cart-contents ul.cart-options {
  margin: 0pt;
  padding: 0pt 0pt 0.25em 1em;
}
#block-cart-contents .cart-options li {
  margin: 0pt;
  padding-top: 0pt;
  padding-bottom: 0pt;
  font-size: .7em;
}
/* HTML ELEMENTS */

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}
tbody {border: none}
tr.dark, tr.light, tr.odd, tr.even {
	background-color: #f2f0ff;
	border-bottom: none;
}
tr.dark td, tr.light td, tr.odd td, tr.even td {
	padding: 0.2em 0.5em;
	border-bottom: solid 1px #bbc;
}
h1 {font-size: 19px}
h2 {font-size: 17px}
h3 {font-size: 15px}
h4, h5, h6 {font-size: 14px}
a {
	text-decoration: none;
	font-weight: bold;
}
a:link {
	color: #339;
}
a:visited {
	color: #669;
}
a:hover {
	color: #33f;
	text-decoration: underline;
}
a img {border: none}

a.external, a.ext {
    background: url(/themes/enjoy/img/external.png) center right no-repeat;
    padding-right: 15px;
}

fieldset {
	border: 1px solid #ccc;
}
pre {
	background-color: #eee;
	padding: 6px 12px;
	font-size: 12px;
	border: 1px solid #ddd;
	overflow: auto;
}
table {
	font-size: 13px;
}
th {white-space: normal}

.form-item label {
	font-size: 13px;
	color: #222;
}
.form-item .description {
	margin-top: 2px;
}
.textarea {width: 98%; padding: 2px}

.links {
	margin-bottom: 0em;
}
.comment .links {
	margin-bottom: 0em;
	border-top: solid 1px #ccc;
	padding-top: 4px
}
.first {margin-top: 0}
.last {margin-bottom: 0}


/* PAGE LAYOUT */

#wrap-outer {
	max-width: 850px;
	min-width: 400px;
	border: 1px solid #369;
	margin: 10px auto;
	padding: 0;
	background: #fff;
}
.admin-page #wrap-outer,
.editing-page #wrap-outer,
.forum-page #wrap-outer {width: 98%; max-width: 1200px}

#main-table {
	width: 100%;
	height: 300px;
	table-layout: fixed;
}
#banner {
	padding: 0;
	margin: 0;
	height: 98px; overflow: hidden;
	background: #a6a3ff url(/themes/enjoy/img/bannerBG.png) repeat-x 0 0;
}
#center-col {
	width: auto;
	margin: 0;
	padding: 0;
	background: white;
	border-left: 1px solid #c96;
	border-right: 1px solid #c96;
}
#center-head {margin: 2px 5px 0}
#main {margin: 10px}

#left-col {
	width: 175px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #fda;
}
#right-col {
	width: 165px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #fda;
}
#sidebar-left, #sidebar-right {
	padding: 5px 10px;
}
#footer {
	margin: 0;
	padding: 0;
	background: #a6a3ff;
	font-size: 11px;
}

/* LINKBAR */
#linkbar {
	padding: 1px 3px 1px 10px;
	margin: 0;
	color: #bfbcff;
	background: #0069C2 url(/themes/enjoy/img/barBG.gif) repeat-x 0 0;
	border-top: solid 1px #036;
	border-bottom: solid 1px #036;
}
#primary {
	font-size: 12px;
	line-height: 12px;
	padding: 0;
	margin: 0;
	color: #fff;
}
#primary a {
	font-weight: bold;
	color: #fff;
}

/* SEARCH */
#linkbar form, #linkbar div {
	margin: 0;
	padding: 0;
	display: inline;
}
#search .form-submit {
	border: 1px outset;
	border-color: #9cf #036 #036 #9cf;
	background: #0069C2;
	color: #fff;
	font: 10px Verdana;
	width: 55px;
	margin: 0;
	padding: 0;
}
#search .form-text {
	border: 1px solid #39c;
	background: #15a;
	color: #fff;
	width: 98px;
	font: 11px Verdana;
	padding: 1px 2px;
	margin: 0;
}

/* FOOTER links */
#secondary {
	font-size: 11px;
	color: #fff;
	padding: 3px;
	margin: 0;
	text-align: center;
	background: #0069C2 url(/themes/enjoy/img/barBG.gif) repeat-x 0 0;
	border-top: solid 1px #036;
	border-bottom: solid 1px #036;
}
#secondary a {
	font-weight: bold;
	color: #fff;
}
#copyright {
	font: 9px Verdana;
	color: #036;
	text-align: center;
	padding: 8px 0 6px;
	background: #a6a3ff url(/themes/enjoy/img/footerBG.gif) repeat-x 0 0;
}


/* CONTENT CHUNKS */

#mission {margin: 10px 15px}
#center-head #mission {margin: 20px}
#mission h1#A1 {color: #222; font: bold 21px/130% Verdana; text-align: center; padding: 0 0 8px}
#mission .Q {color: #56a; font: bold italic 17px/22px Georgia, serif}
#mission .Q em {text-decoration: underline}
#mission li {margin-bottom: 0.5em}
#mission a, #mission a:visited {
	color: #33d;
	font-weight: bold;
}

#mission, .node .content, .comment .content {
	line-height: 1.4;
}
#help {
	font-size: 11px;
	margin-bottom: 1em;
}
#help ul {margin-top: .5em}
#help li {margin-bottom: .5em}
.breadcrumb {
	margin: 0 0 12px;
	padding: 1px 5px 2px;
	font-size: 11px;
	color: #66c;
	border-bottom: solid 1px #CCF;
	background: #f3f1ff;
}
.breadcrumb a {font-weight: normal}

.messages {
	background-color: #ff6;
	border: 2px solid #cc3;
	padding: 6px 10px;
	margin: 14px 5px;
}
.error {
	border-color: red;
}


/* MENU ADDITIONS/OVERRIDES */

.menu, .block-forum ul {padding: 0}
.block ul.menu a,
.block ul.menu a:link,
.block ul.menu a:visited {color: #336}
.block ul.menu a.active,
.block ul.menu a:link.active,
.block ul.menu a:visited.active {color: #000}
.block ul.menu {margin: 0; padding: 0}
.block ul li, li.leaf, .item-list ul li {
	font: 12px Verdana;
	padding: 2px 0 1px 13px;
	margin: 0;
	list-style: none;
	line-height: 14px;
	list-style-image: none;
	background: url(/themes/enjoy/img/menu-leaf.gif) no-repeat 0 6px;
}
li.expanded  {background: url(/themes/enjoy/img/menu-expanded.gif) no-repeat 0 6px}
li.collapsed {background: url(/themes/enjoy/img/menu-collapsed.gif) no-repeat 0 6px}
div.block-user .item-list li {margin-left: 10px}

/* NODE, COMMENT, BLOCK, BOX, ETC. */

blockquote.line,
.node-forum blockquote,
.node-blog blockquote,
.node-qanda blockquote,
.comment-forum blockquote,
.comment blockquote {
	color: #33C;
	margin: auto 12px;
	padding-left: 8px;
	border-left: solid 4px #ccf;
}
.title, .title a, h3.title {
	color: #663;
	margin: 0 auto;  /* decrease default margins for h<x>.title */
}
#center-head h1.title,
h1.rule {margin: 0 5px 20px; color: #996; padding: 0 0 3px; border-bottom: solid 1px #ddf}
.node-blog h2.title,

.submitted, .node .taxonomy {
	color: #999;
	font-size: 10px;
	margin: 4px 10px 0 30px;
}
.node .taxonomy {margin-bottom: 16px}
.node .submitted {margin-top: 8px}

.comment .submitted {margin: 4px 0}

.links {
	color: #999;
}
.links a {
	font-weight: bold;
}
.block {
	padding-bottom: 8px;
	margin: 0;
}
.block .title {
	margin: 2px 0;
	padding: 2px 0;
	border-bottom: solid 3px #eb8;
	font: bold 14px Verdana;
	color: #541;
}
.block .more-link {text-align: left; font-size: 10px; margin-left: 1.3em}
.box {
	padding: 0 0 1.5em 0;
}
.box .title {
	font-size: 14px;
}
.node {
	margin: .5em 0 2em 0;
}
.sticky {
	padding: .5em;
	background-color: #f2f0ff;
	border: solid 1px #ddd;
}
.node .content {
	margin: 10px;
}
.node .picture {
	border: 1px solid #ddd;
	float: right;
	margin: 0.5em;
}
.comment {
	border: 1px solid #abc;
	padding: .5em .7em;
	margin: 0 .7em 1em;
}
.comment .title a {
	font-size: 15px;
}
.comment .new {
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	float: right;
	color: red;
}
.comment .picture {
	border: 1px solid #abc;
	float: right;
	margin: 0.5em;
}
.comment .content {
	margin: .5em 0 .5em 0;
}

#user-login-form .form-item {margin: 7px 0}
#user-login-form ul {text-align: left; margin-top: 11px}
.block-user .form-text {background: #fec; border: solid 1px #db8}

/* MODULE SPECIFIC */

#aggregator .feed {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em 0 1em 0;
}
#aggregator .news-item .source, #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
	color: #999;
	font-style: italic;
	font-size: 11px;
}
#aggregator .title {
	margin-bottom: 0.5em;
	font-size: 13px;
}
#aggregator h3 {
	margin-top: 1em;
}

#forum, #forum th, #forum td {font-size: 11px}
#forum td.topic {font-size: 12px}
#forum table {width: 100%}
#forum td {padding: 5px}
#forum td.topics, #forum td.replies, #forum td.last-reply {background: #e2e0ff}
#forum td.container {background: #c5c3ff}
#forum td.container a {color: #555}
#forum td.statistics, #forum td.settings, #forum td.pager {
	height: 1.5em;
	border: 1px solid #bbb;
}
#forum td .name {
	color: #96c;
	font-size: 13px;
}
#forum td .links {
	padding-top: 0.7em;
	font-size: 0.9em;
}
#forum div.xml-icon {text-align: right; background: #f2f0ff}

#profile .profile {
	clear: both;
	border: 1px solid #abc;
	padding: .5em;
	margin: 1em 0em 1em 0em;
}
#profile .profile .name {
	padding-bottom: 0.5em;
}

tr.watchdog-notice td,
tr.watchdog-warning td,
tr.watchdog-error td,
#members-main td,
.arial11
{font: 11px Arial}

.calendar a {text-decoration: none}
.calendar td, .calendar th {padding: 0.4em 0; border-color: #888}
.calendar .day-today {background-color: #69c}
.calendar .day-today a {color: #fff}
.calendar .day-selected {background-color: #369; color: #fff}
.calendar .header-week {background-color: #ccc}
.calendar .day-blank {background-color: #ccc}
.calendar .row-week td a:hover {background-color: #fff; color: #000}

.audio-player {width: 97%; max-width: 451px; border: solid 1px #ccc; background: #e3e0ff; text-align: left; margin: 5px 0}
.audio-downlink {width: 97%; max-width: 451px; font-size: 12px; text-align: center}
.audio-info {
	margin: 5px 5px 1px;
	border: solid 1px #99C;
	padding: 1px 3px;
	background: #AAE;
	font: 13px Arial, Helvetica;
}
.pbtn {border: solid 1px #aab; vertical-align: middle}
.groove .links {
	text-align: center;
	padding: 3px;
	margin: 10px;
	font-size: 11px;
	background: #eef;
}
.dg { /* Daily Groove banner */
	color: #CBF;
	padding-bottom: 3px;
	border-bottom: dotted 3px #edF;
	margin-bottom: 8px;
	font: bold italic 13px Georgia}
div.view-dg_archives .dg {display: none}

.content .tsr {
	padding: 8px 2px;
	margin: 16px 20px 24px;
	border-top: solid 1px #edf;
	border-bottom: solid 1px #edf;
	font: italic 15px/20px Georgia, serif;
}
.teaser {
	border-bottom: solid 1px #edf;
	padding: 0 0 8px;
	margin: 0 10px;
}
.teaser .tsr {
	font: italic 13px/20px Georgia, serif;
	margin: 4px 0 0 20px;
}
.teaser .tsr .tsr {margin: 0}
.teaser .submitted {margin: 4px 0}

/* --- VIEWS --- */
.view-field-node-comment-statistics-comment-count {text-align: center}
div.view-content-events li {margin-bottom: 12px}
div.view-events {margin-left: 10px}
div.view .glossary {text-indent: -25px; margin: 10px 8px 10px 35px}

/* --- MISC --- */

.sp {font: normal 13px Verdana; font-variant: small-caps; letter-spacing: 3px}
.serif {font-family: Georgia, serif}
.smcaps {font-variant: small-caps}
.sm, .size10 {font-size: 10px}
.size11 {font-size: 11px}
.size16 {font-size: 16px}
.disabled, .gray9 {color: #999}
.gray5 {color: #555}
.gray7 {color: #777}
.grayC {color: #CCC}
.red {color: red}
.brown {color: #663}
.rblue {color: #4169E1}
.fgreen {color: #228B22}
.box-blue {border: solid 1px #99C; padding: 0 16px; margin: 16px 20px; background: #F2F0FF}
.midbar {border: solid 1px #99C; padding: 0 16px; margin: 16px 0; background: #F2F0FF}
.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml30 {margin-left: 30px}
.ml50 {margin-left: 50px}
.mt0, .mt0 li {margin-top: 0}
.mt12, .mt12 li {margin-top: 12px}
.mt20, .mt20 li {margin-top: 20px}
.mb0, .mb0 li {margin-bottom: 0}
.mb6, .mb6 li {margin-bottom: 6px}
.mb8, .mb8 li {margin-bottom: 8px}
.mb12, .mb12 li {margin-bottom: 12px}
.mb20, .mb20 li {margin-bottom: 20px}
.ctr {text-align: center}
.nb {white-space: nowrap}
.wr {white-space: normal}
.pre {white-space: pre}
.noti {font-style: normal}
.notb {font-weight: normal}
.noline {border-left: none}
.xml-icon {display: none}
.propfont {font: 13px Verdana, Arial, Helvetica, sans-serif}
.pic-left {float: left; margin: 5px 20px 12px 0}

/* Forum Posts */
.node-forum, .comment-forum {margin: 0 5px 10px; padding: 0}
table.fpost {width: 100%; border: solid 1px #A6A3FF; background: #F7F5FF}
.author-img {margin-bottom: 5px}
.author-info {font-size: 9px; color: #888}


.author-sig {font-size: 10px; color: #555; border-top: dotted 1px #A6A3FF}
.author-sig p {margin: 6px}
.comment-forum .fpost-title  {font-size: 12px}
.fpost-title  {margin: 5px 0 10px}
.fpost-body {padding: 10px 15px 5px; font: 11px/140% Verdana; vertical-align: top}
.fpost .links {width: 100%; padding-top: 7px; float: right; text-align: right; border-top: dotted 1px #A6A3FF}
.fpost .links a {font-weight: normal}
.fpost-byline {color: #FFF; font-weight: bold; background: #A6A3FF url(/themes/enjoy/img/fpostBG.png) repeat-x 0 0}
.fpost-byline a:link, .fpost-byline a:visited {color: #FFF}
.fpost-author {font-size: 14px; float: left; padding: 2px 7px}
.fpost-date {padding: 5px 7px 0; font-size: 10px; float: right}
.fpost-info {width: 110px; padding: 10px; border-right: dotted 1px #A6A3FF; vertical-align: top}
.fpost .new {color: red; padding: 0 5px 3px; background: yellow}

/* Store */
div.order-pane td {padding: 2px 10px 2px 1px}
.order-review-table .title-col {font-weight: normal ;color: #888; width: 40%; padding-right: 10px}
#uc-cart-checkout-form div.description {margin: 3px 0 6px}

/* MOBILE */
.mobile-only, #block-block-9 {display: none}
@media all and (max-width: 799px) {
	#wrap-outer {margin: 0; border: none}
	#right-col, #linkbar {display: none}
	#left-col {width: 150px}
	#banner {height: auto}
	#banner img {height: auto; width: 100%; max-width: 535px}
	.mobile-only, #block-block-9 {display: block}
}
@media screen and (max-device-width: 599px){
  body { -webkit-text-size-adjust: none}
}