/* $Id: html-elements.css,v 1.1.2.2 2009/02/13 19:42:10 johnalbin Exp $ */

/****
 **** HTML ELEMENT STYLING
 ****/


/** fonts **/
  /*
   * Our font size and line height declarations are based on the following ALA
   * article:
   *   http://www.alistapart.com/articles/howtosizetextincss
   *
   * All modern browsrs use a 16px default font size. Specifying the font-size
   * and line-height in ems (relative to the 16px default font) allows the user
   * to resize the font in the browser and produces the most consistent results
   * across different browsers.
   */

BODY
{
	font-size: 100%;
	/* Fixes exaggerated text resizing in IE6 and IE7 */
}

/** Input **/

INPUT.form-text
{
	border: 1px #CCC inset;
	padding: 2px 0px;
	vertical-align: top;
}

INPUT.form-submit
{
	border: outset 1px #ccc;
	background: #ccc;
	color: #333;
	font-weight: bold;
	padding: 2px 3px;
	vertical-align: top;
}

INPUT.form-submit:hover
{
	background: #eee;
}

.error, .form-required { color: #c00; }
.form-item input.error, .form-item textarea.error, .form-item select.error {
border-color: #c00;
}


/** blocks **/
DIV.block
{
margin-bottom: 1em;
}

/** sidebar **/
#sidebar-left {
	font-size: .9em;
	line-height: normal;
}

#sidebar-left DIV.block
{
	padding-top: 10px;
}

#sidebar-left DIV.block DIV.block-inner
{
	padding: 0px 10px 10px 10px;
}

#sidebar-left DIV.block-menu DIV.content, #sidebar-left DIV.block-user DIV.content, #sidebar-left DIV.block-uc_catalog DIV.content
{
	padding: 0px;
}

#sidebar-left DIV.count-1
{
	margin-top: 0;
}


#sidebar-left H2
{
	font-size: 1.1em !important;
	margin: 0px -10px 0px -10px;
	padding: 0px 10px 2px 10px;
}

#sidebar-left DIV.content
{
	margin: 0px -10px;
	padding: 0px 10px;
}


#block-menu-primary-links H2 {
	display: none;
}

#sidebar-right #sidebar-right-inner {
	border-width: 0 0 0 1px;
	border-color: #CCC;
	border-style: solid;
}


/** inline elements **/

  pre, code
  {
    font-size: 1.1em; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  }

SMALL
{
	font-size: .9em;
	font-weight: normal !important;
}

ABBR
{
	border-bottom: 1px dotted #666;
	cursor: help;
	white-space: nowrap;
}

/** headings **/
H1, H2, H3, H4, H5, H6
{
	font-weight: bold;
	line-height: 1.2em;
}

H1
{
	font-size: 1.5em;
}

H2
{
	font-size: 1.2em;
	margin-top: 0.3em;
}

TD H2
{
	margin-top: 0px;
}

H3 { font-size: 1em; }
P + H3, OL + H3, UL + H3 { margin-top: 2.4em; }
H4
{
	font-size: 1em;
	font-style: italic;
}
H5, H6 { font-size: .9em; }

/** block-level elements **/
P, DL, PRE, TABLE, BLOCKQUOTE
{
	margin: 0px 0px 1.3em 0px;
	line-height: 1.3em;
}
P.subtitle, DIV.field-field-subheader, DIV.field-field-subtitle
{
	font-style: italic;
	font-size: 1.1em;
}

P.promo
{
	text-align: center;
	font-weight: bold;
}

H1 + P.promo, H2 + P.promo, H3 + P.promo {
	margin-top: 1em;
}

P.address, P.indent { margin-left: 2em; }
P.note
{
	font-style: italic;
	font-size: .8em;
}

P.note EM
{
	font-style: normal;
}


P.listheader
{
	margin-bottom: 3px;
	font-weight: bold;
}
P.citation
{
	text-indent: -3em;
	padding-left: 3em;
}

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

P.sponsorlogos { text-align: center; }

P.sponsorlogos IMG
{
	vertical-align: middle !important;
	padding: 5px 10px !important;
	border: none !important;
}

P.sponsorlogos A.external-link, DIV.acrobat A.external-link, A.noicon, A.banner
{
	background: none;
	padding-right: 0px;
}

BLOCKQUOTE
{
	margin: 0px 2em 1.2em 2em;
	font-style: italic;
	line-height: normal;
}

BLOCKQUOTE.author {
	text-align: right;
}

DIV.links, DIV.more-link
{
	text-align: right;
	font-style: italic;
}

/** lists **/

UL { list-style-type: disc; }
UL UL { list-style-type: circle; }
UL UL UL { list-style-type: square; }
UL UL UL UL { list-style-type: circle; }
OL { list-style-type: decimal; }
OL OL { list-style-type: lower-alpha; }
OL OL OL { list-style-type: decimal; }

UL, OL, .item-list UL
{
	margin: 0px 0px 1em 0px;
	padding-left: 2em;
}

UL.inline {
margin-left: 0px;
}

UL.inline LI {
margin-left: 0px;
}

DT { font-weight: bold; }

DD { padding: 0px 0px .5em 2em; }

LI { margin: 0px 0px .5em 0px; }
DIV.item-list UL LI { margin-left: 0px; margin-bottom: .5em; }
#autocomplete li { margin-bottom: 0px !important; }


/*
LI, DIV.item-list UL LI { margin: 0px 0px .5em 2em; }
LI LI { margin: 0px 0px 0em 2em; }
*/


/** tables **/
TABLE TBODY, TBODY TH, THEAD TH { border: none; }

TABLE
{
	margin: 0px 0px 1em 0px;
	border-spacing: 1px;
	border-collapse: separate;
	width: 100%;
}

TABLE.center
{
	margin-right: auto;
	margin-left: auto;
}

TD, TH { padding: 3px; }
THEAD TH { text-align: center; }
THEAD TH A { text-decoration: none; }
TH.right, TD.right, TBODY TH { text-align: right; }
TABLE.data { border-collapse: collapse; }
TABLE.data TD, TABLE.data TH { border: 1px #CCC solid; }
TBODY { border-top: none; }
TR.odd { background-color: transparent; }

  /* Date-based "abbreviations" show computer-friendly timestamps which are not
     human-friendly. */
ABBR.created
{
	border: none;
	cursor: auto;
	white-space: normal;
}

/** images **/
IMG { border: none; }

IMG.right, IMG.eventimage, DIV.acrobat, DIV.right, .image-right
{
	float: right;
	margin: 0px 0px .5em 10px;
}

IMG.left, .image-left
{
	float: left;
	margin: 0px 10px .5em 0px;
}

.caption {
	font-size: .85em;
	color: #666;
	line-height: 1.2em;
	display: block;
}

.image-left {
	display: block;
	text-align: left;
}

.image-right {
	display: block;
	text-align: right;
}

.standalone-image {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/** horizontal rules **/
HR
{
	height: 1px;
	margin-bottom: 1em;
	clear: both;
	color: #ccc;
	background-color: #ccc;
	border: 0;
}

/** forms **/
FORM
{
	margin: 0;
	padding: 0;
}

FIELDSET
{
	margin: 1.2em -10px 1.2em -10px;
	padding: 10px;
	border: 1px solid #ccc;
}

FIELDSET FIELDSET, DIV.box FIELDSET
{
	margin: 1.2em 0px 1.2em 0px;
}

LEGEND { font-weight: bold; }

DIV.fuzzysearch-result { margin-bottom: 2em; }

/** footer **/

#footer P
{
	text-align: center;
	font-size: .9em;
	line-height: 1.2em;
}

#block-hcard-0 { display: none; }

/* Login */

#user-login-form LABEL
{
	font-weight: normal;
}

#user-login-form {
	text-align: left;
}

#sidebar-left #user-login-form .form-item, #sidebar-left #user-login-form INPUT.form-submit, #sidebar-left #block-user-0 {
	margin: 0px 10px 1em 10px;
}

#sidebar-right #user-login-form .form-item, #sidebar-right #user-login-form INPUT.form-submit {
	margin-top: 0px;
}

#sidebar-left #user-login-form INPUT.form-submit, #sidebar-right #user-login-form INPUT.form-submit {
	margin: 0px auto;
	width: 90px;
	display: block;
}

#sidebar-left #user-login-form .form-item INPUT, #sidebar-right #user-login-form .form-item INPUT {
	width: 100%;
}

#user-login-form UL {
	margin: .5em 0px 0px 0px;
	list-style-type: none;
	list-style-image: none;
	padding: 0px !important;
}

#user-login-form UL LI
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	text-align: center;
}

#user-login-form A {
	text-decoration: none;
	font-size: .95em;
}

#user-login-form A:hover, #user-login-form A:focus {
	text-decoration: underline;
}

#header DIV.block-menu
{
	text-align: right;
}
#header UL.menu
{
	text-align: right;
}

#footer UL.menu
{
	text-align: center;
}

#header DIV.block-user {
	float: right;
	margin-bottom: 0px;
}

#header DIV.block-user H2 {
	display: none;
}

#header #edit-name-wrapper, #header #edit-pass-wrapper {
	float: left;
	margin: 0px 10px 0px 0px;
}

#header #user-login-form .form-item INPUT {
	width: 100px;
}

#header DIV.block-user INPUT.form-submit {
	margin-top: 1.5em;
	width: 75px;
}

#header #user-login-form UL
{
	clear: both;
	text-align: center;
}

#header #user-login-form UL LI {
	display: inline;
	padding-right: 20px;
}

#header DIV.block-logintoboggan {
	text-align: right;
}

/* Tagadelic Formatting */

.tagadelic.level1 { font-size: .7em; }
.tagadelic.level2 { font-size: .8em; }
.tagadelic.level3 { font-size: .9em; }
.tagadelic.level4 { font-size: 1em; }
.tagadelic.level5 { font-size: 1.1em; }
.tagadelic.level6 { font-size: 1.2em; }
.tagadelic.level7 { font-size: 1.3em; }
.tagadelic.level8 { font-size: 1.4em; }
.tagadelic.level9 { font-size: 1.5em; }
.tagadelic.level10 { font-size: 1.6em; }
A.tagadelic { white-space: nowrap; }


/** calendar & events **/
DIV.calendar-calendar DIV.date-nav {
	background-color: transparent;
	border: none;
}

SPAN.event-timeleft {
	display: inline;
	padding-left: .5em;
}

.event-calendar TD.sat, .event-calendar TD.sun {
	background-color: transparent;
}

SPAN.date-display-end, SPAN.date-display-start { white-space: nowrap; }


/** modules **/

SPAN.submitted, DIV.feed-description, DIV.feed-url, DIV.feed-updated { font-size: .8em; }
DIV.feed-item { margin-top: 1em; }
SPAN.terms UL.links.inline { display: block !important; }

DIV.field-field-subheader, DIV.field-field-release-date, DIV.field-field-contact, DIV.field-field-byline, DIV.field-field-date, DIV.field-field-subtitle { margin: 0px 0px 1.2em 0px; }

DIV.filefield-icon {
	display: none;
}
#edit-comment-wrapper { margin-bottom: 0; }
DIV.mollom-privacy { font-size: .9em; margin-bottom: 1em; }

/** Search **/

DIV.block-search DIV.content LABEL { display: none; }
DIV.block-search DIV.content INPUT.form-text { width: 100px; }
DIV.block-search INPUT.form-submit { width: 55px; }
P.search-snippet { margin-bottom: 0px; }
P.search-info { color: #999; }
BODY.section-search DIV.box
{
	border: none;
	margin: 0px;
	padding: 0px;
}


/* Google Map */
IFRAME.map
{
	width: 100%;
	height: 350px;
}

DIV.map-link { color: #999; font-size: .95em; }

/* General IR statements */
.replace { 
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 1.2em;       /* Choose a font-size here that will keep the headline small enough to fit completely under the span. */
}

.replace em {
	display: block;
	position: absolute;
	top: 0; 
/*
left: 0;
*/
	z-index: 1; /* for opera5 (?) and o6/mac */
}

.replace a {
	cursor: hand;           /* for ie5.x/win, invalid */
	c\ursor: pointer;       /* reset for other browsers */
}

/* General IR statements for IE5.x mac only */

* html>body .replace { 
	position: static;
	overflow: visible;
	font-size: 10px;
/* Since overflow: hidden doesn'twork with ie5.x/mac, we choose a font-size here that will keep the headline small enough to fit completely under the span.*/
}

* html>body .replace em  { 
	position: static;
}

* html>body .replace a {
	text-decoration: none; /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */
}

* html>body #banner em {	/* for ie5.x/mac only */
	margin-bottom: -85px;   /* Required to bring text underneath image. Use the negative height of the image here.*/
}

/** Social Web **/

DIV.socialweb TR.tint TD, DIV.socialweb TD.tint { background-color: #eee; }

DIV.socialweb TABLE.calendar TD
{
	border: none;
	font-size: 90%;
	vertical-align: top;
	padding: 2px;
}

DIV.socialweb TABLE.calendar TH { padding: 2px; }
DIV.socialweb TABLE.calendar TD.calendardesc { text-align: left; }
DIV.socialweb TABLE.calendar TD.calendartime { text-align: right; }

DIV.socialweb TABLE.calendarmini TD, DIV.socialweb TABLE.calendarmini TH
{
	font-size: 90%;
	padding: 2px;
}

DIV.socialweb TH.calendar { padding-top: 1em; }
DIV.socialweb TABLE.calendar { width: 100%; }

DIV.socialweb P.addeditrss
{
	text-align: center;
	clear: both;
}

DIV.socialweb DIV.searchbox
{
	border: 1px #ccc solid;
	padding: 10px;
	margin: 1em 0px;
}

DIV.socialweb DIV.searchbox P
{
	margin: 0px;
	line-height: 150%;
}

DIV.socialweb LI.recurring { list-style-image: url(http://www.socialweb.net/Images/recurring.gif); }
DIV.socialweb LI.today { list-style-image: url(http://www.socialweb.net/Images/today.gif); }

DIV.socialweb P.modified
{
	font-size: 90%;
	text-align: right;
	color: #666;
}

DIV.socialweb P.location SPAN { font-weight: bold; }
DIV.socialweb P.address { margin-left: 0px; }

DIV.socialweb P.placeinfo + H3 { margin-top: 0em; }
DIV.socialweb UL.eventlist LI { margin-bottom: 0; line-height: normal; }


/** Editor **/

DIV.form-checkboxes, DIV.form-radios { margin-top: 0px; }

BODY.section-node-edit DIV.form-checkboxes DIV, BODY.section-node-edit DIV.form-radios DIV, BODY.section-node-add DIV.form-checkboxes DIV, BODY.section-node-add DIV.form-radios DIV
{
	display: inline;
	padding-right: 1em;
}

BODY.node-type-webform DIV.form-radios DIV.container-inline #edit-webform-email-from-name-option-custom-wrapper, 
BODY.node-type-webform DIV.form-radios DIV.container-inline #edit-webform-email-from-name-option-component-wrapper, 
BODY.node-type-webform DIV.form-radios DIV.container-inline #edit-webform-email-from-address-option-custom-wrapper, 
BODY.node-type-webform DIV.form-radios DIV.container-inline #edit-webform-email-from-address-option-component-wrapper, 
BODY.node-type-webform DIV.form-radios DIV.container-inline #edit-webform-email-subject-option-custom-wrapper, 
BODY.node-type-webform DIV.form-radios DIV.container-inline #edit-webform-email-subject-option-component-wrapper 
{
	display: block !important;
}

table.system-status-report tr.error, table.system-status-report tr.error th
{
	background-color: #fcc;
	color: #200;
}

/** System **/

table.system-status-report tr.warning, table.system-status-report tr.warning th { background-color: #ffd; }
table.system-status-report tr.ok, table.system-status-report tr.ok th { background-color: #dfd; }
TABLE.system-status-report TH, TABLE.update TR TD { border: none; }
TR.info { background-color: #edf5fa; }


/** Universal **/

.clearboth { clear: both; }


/** Teasers **/

DIV.node-teaser { clear: both; }
SPAN.read-more { font-style: italic; }

/** Node **/

#content-middle { clear: both; }

/** Comments **/

#comments {
	clear: both;
}

#comments DIV.box H2.title { font-size: 1em; }
#edit-comment-wrapper { margin-top: 0px; }
#edit-comment-wrapper DIV.resizable-textarea { width: auto; }
#edit-comment-wrapper LABEL { display: none !important; }
#edit-comment { height: 4em; }

DIV.comment
{
	padding: 1em 0;
	border-width: 0 0 1px 0;
	border-color: #eee;
	border-style: solid;
}

LI.comment_add
{
	font-weight: bold;
	font-style: normal;
}

DIV.node-links
{
	text-align: right;
	padding: 2em 0px;
	clear: both;
}

DIV.node-teaser DIV.node-links {
	padding: 0px 0px 1em 0px;
}

DIV.comment H3 {
	margin-right: 95px;
}

DIV.comment DIV.picture {
	float: right;
	padding-left: 10px;
	margin: 0px 0px 0px 10px;
	margin-top: -1.2em;
}

DIV.submitted
{
	font-size: .9em;
	color: #666;
	margin-bottom: .3em;
}

DIV.comment DIV.links {
	clear: both;
}


DIV.node-type-forum DIV.terms {
	text-align: right;
}

DIV.forum-topic-navigation {
	clear: both;
	border: 1px #CCC solid;
	padding: 10px;
	margin: 1em -10px;
}

DIV.forum-topic-navigation A.topic-previous {
	text-align: left;
}

DIV.forum-topic-navigation A.topic-next {
	text-align: right;
}

#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { white-space: normal; }


H2.ajax-comments-processed
{
	font-size: 1em;
	text-align: center;
}

H2.ajax-comments-processed A {
	border: none !important;
	text-decoration: underline !important;
}

DIV.user-signature {
	font-size: .9em;
	color: #999;
}


/** IMCE **/
TABLE.files TD.width, TABLE.files TD.height {
	width: 5em;
}

TABLE.files TD.name, TABLE.files TD.size, TABLE.files TD.width, TABLE.files TD.height, TABLE.files TD.date {
	background-color: #ccc;
}

/** Five Star **/
DIV.fivestar-widget-static {
	width: 85px;
	margin: 0px auto;
}

DIV.fivestar-widget {
	width: 102px;
	margin: 0px auto;
}

#comments DIV.fivestar-widget {
	margin: 0px;
}

/** Pagers **/
UL.pager {
	margin-top: 2em;
	padding: 0px;
}

UL.pager LI {
	padding: 0 .2em !important;
}

UL.pager STRONG, UL.pager A
{
	border: 1px #CCC solid;
	padding: 2px 5px;
	text-decoration: none !important;
	font-weight: bold;
}

UL.pager A:hover {
	background-color: #eee;
}

UL.custom-pager {
	margin-top: 2em;
	padding: 0px;
	clear: both;
}

/** Custom Pagers **/

DIV.block-custom_pagers
{
	border: 1px #CCC solid;
	padding: 10px;
	margin: 1em -10px;
}

DIV.block-custom_pagers UL.custom-pager {
	padding: 0px;
}

UL.custom-pager LI {
	float: none;
	display: inline;
}

UL.custom-pager LI.key {
	padding: 0px 30%;
}

UL.custom-pager LI.next {
	padding-left: 3em;
}


/** Add This **/

DIV.block-addthis SPAN.ext, .addthis SPAN.ext { background-image: none; padding-right: 0px; }
DIV.block-addthis IMG, LI.addthis IMG
{
	border: none;
}


/** Tabs **/
DIV.tabs {
	margin: 0px -20px .5em -20px !important;
}

DIV.tabs-tabset
{
	border-width: 0 1px 1px 1px;
	border-color: #CCC;
	border-style: solid;
	padding: 10px;
	margin: 0 -10px 1em -10px;
}

#tabs-tabset {
	clear: both;
}

#tabs-tabset UL.tabs
{
	margin: 0 -10px;
}

ul.primary li.ui-tabs-selected a,
  ul.primary li.ui-tabs-selected a:hover
{
	border-width: 0;
	color: #000;
	background-color: transparent;
	background: url(../zen/zen/images/tab-left.png) no-repeat left 0;
}

ul.primary li.ui-tabs-selected a .tab,
  ul.primary li.ui-tabs-selected a:hover .tab { background: url(../zen/zen/images/tab-right.png) no-repeat right 0; }


/** Profile **/

DIV.profile DIV.picture {
	float: right;
	padding-left: 10px;
	margin: 0px 0px 0px 10px;
}

DIV.content-profile-display {
	border: none;
	margin: 0px;
	padding: 0px;
}

/** Constant Contact **/

INPUT#edit-cc-email {
	width: 100%;
}

DIV#edit-cc-email-wrapper {
	margin: 0px 0px .5em 0px;
}

/** UberCart **/

UL.catalog SPAN.trail { display: block !important; width: 200px !important; }

DIV.block-uc_cart H2 {
	font-size: 1em;
	text-align: right;
}

DIV.block-uc_cart TABLE.cart-block-summary, DIV.block-uc_cart TABLE.cart-block-items
{
	margin: 0px 0px 0px auto;
	width: auto;
}

DIV.block-uc_cart UL, DIV.block-uc_cart LI {
	list-style-type: none;
}

DIV.block-uc_cart TABLE.cart-block-items TD {
	width: auto;
	padding: 0px 3px;
}

#store-footer {
	width: auto;
}

.sidebar-left #store-footer
{
	padding-left: 220px;
	padding-right: 20px;
}

.sidebar-right #store-footer
{
	padding-left: 20px;
	padding-right: 240px;
}

.two-sidebars #store-footer
{
	padding-left: 220px;
	padding-right: 240px;
}

SPAN.uc-price-display {
	padding: 0px;
	clear: none;
	text-align: right;
}

TD.views-field-sell-price, TD.views-field-buyitnowbutton, DIV.view-uc-products TD.views-field-field-image-cache-fid {
	text-align: center;
}

DIV.product-image {
	margin: 0px 0px 1em 10px;
	width: 310px;
	text-align: center;
	padding: 0px;
}

DIV.main-product-image A IMG { display: block; padding: 0px 5px 5px 5px; }
DIV.more-product-images A IMG
{
	border: 1px solid;
	padding: 1px 1px;
	margin: 0px 2px 10px 2px;
}

INPUT.node-add-to-cart {
	margin: 1em 0px;
	padding: 5px;
}

DIV.category-grid-products TABLE {
	border: none;
}

DIV.category-grid-products TD {
	padding: 10px 5px;
	border: none;
}

DIV.category-grid-products DIV.form-item DIV, DIV.category-grid-products DIV.form-item LABEL {
	display: inline;
}

DIV.category-grid-products DIV.form-item {
	margin: 10px;
}

DIV.view-taxonomy-term TD {
	text-align: center;
	padding: 20px;
}

DIV.category-grid-products TD SPAN.catalog-grid-title, DIV.view-taxonomy-term TD DIV.views-field-title {
	font-weight: bold;
}

#checkout-form-bottom {
	border: none;
}

#category-grid-products-wrapper {
position: relative;
width: 100%;
margin: 1em 0px;
height: auto;
overflow: auto;
}
#category-grid-products-wrapper .category-grid-products-content {
float: left;
width: 220px;
margin: 0px 1em 1em 0px;
height: 250px;
border: 1px solid #cccccc;
padding: 10px;
text-align: center;
}
.category-grid-products-content .catalog-grid-image {
width: 100%;
}
.category-grid-products-content .catalog-grid-title {
font-weight: bold;
padding: 3px;
}
.category-grid-products-content .catalog-grid-sell-price {
}
.category-grid-products-content .catalog-addtocart-button {
}


/** Messages **/

div.messages, div.status, div.warning, div.error
{
	margin: 1em 0px !important;
}

/** Views **/

DIV.view DIV.item-list UL DIV {
	display: inline;
}

/** Tabs **/

DIV.fragment {
	margin-top: 0px !important;
	background: #fff;
	border-width: 0 1px 1px 1px;
	border-color: #CCC;
	border-style: solid;
	padding: 10px;
}

/* IMCE */

#imce-content ul.secondary{
background-color: transparent;
background-image: none;
}

#imce-content ul.secondary li{
float: none;
}

#imce-content ul.secondary a{
display: inline;
padding: 3px;
}

/* rss */
DIV.feed-icons {
	clear: both;
}

#image_src {
	display: none;

}