/* Common Styles
   Includes: 
   - default styling for some commonly used panels (Login, Search Results, etc)
   - Some commonly used classes (clearfix, cms-error, etc)
   - Default user styles that can be applied through the WYSIWYG editor
*/

/* Sets base font size equivalent to 12px */ 
body {
   font-size: xx-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: small;
}

html>body {
   font-size: small;
   /* be nice to Opera */
}

.basic-box {
   display: block;
   background-color: #ebebeb;
   color: #000;
   padding: 8px;
}

.highlight-box {
   display: block;
   background-color: #ffffcc;
   color: #000;
   border: 1px solid #999;
   padding: 8px;
}

.alert-box {
   display: block;
   background-color: #ff0000;
   color: #fff;
   padding: 8px;
}

.photo-left {
   float: left;
   margin: 0 1em 0.5em 0;
}

.photo-right {
   float: right;
   margin: 0 0 0.5em 1em;
}

.cms-clear {
   clear: both;
}

.clearfix:after
,#mainnav .cms-core-nav-list:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

body[class] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* Login Panel 
--------------
*/

.cms-login, .cms-login-forgotpw-div {
   background-color: #F0F0F0;
   padding: 10px;
}

.cms-login-header {
   color: #000;
   font-weight: bold;
   display: block;
   padding-bottom: 6px;
   border-bottom: 1px solid #999;
}

.cms-login-username, .cms-login-password {
   margin-top: 6px;
}

.cms-login-label { display: block; }

.cms-login-remember {
   display: block;
   margin: 5px 0;
   font-size: 90%;
}

.cms-login .cms-error,
.cms-login-forgotpw-div .cms-error,
.cms-login-forgotpw-div .cms-login-password-sent {
   display: block;
   padding: 3px;
   margin: 3px 0;
   font-weight: bold;
}

.cms-login .cms-error,
.cms-login-forgotpw-div .cms-error {
   background-color: #cc0000;
   color: #fff;
}

.cms-login-forgotpw-div .cms-login-password-sent {
   background-color: #ffffcc;
   color: #000;
}

.cms-login-forgotpw-link,
.cms-login-forgotpw-instructions,
.cms-login-forgotpw-form {
   margin: 5px 0;
}

.cms-login-forgotpw-form .cms-login-label {
   font-weight: bold;
}

/* News Items
---------------------------
*/

.cms-textitemlist-table,
.cms-itemdetail-table {
   width: 100%;
   margin-bottom: 1em;
}

.cms-textitemlist-date,
.ItemDate,
.cms-content-user,
.cms-blog-comment-by {
   color: #666;
   font-size: 85%;
}

h3.ItemTitle {
   margin: 0.2em 0 0.75em;
}

hr.cms-content-detail-hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 20px;
  height: 0;
}

.cms-textitemlist-paging-link {
   padding-right: 0.75em;
}

.cms-textitemlist-permalink {
   color: #999;
}

/* Comments */

.cms-blog-comments-title {
   margin-top: 1em;
   border-bottom: 1px solid #666;
   font-weight: bold;
   padding-bottom: 0.25em;
   color: #000;
}

.cms-blog-comments h5 {
   margin-bottom: 0;
}

.cms-blog-comments h5 a {
   font-size: 12px;
   color: #4570A4;  
}

.cms-blog-eachcomment {
   border-bottom: 1px solid #f0f0f0;
}

.cms-blog-comment-by {
   color: #999;
}

.cms-blog-comment-add {
   padding: 10px;
   background: #f0f0f0;
}

.cms-blog-comment-add-title {
   margin: 0 0 1em;
   font-weight: bold;
   color: #000;
}

.cms-blog-comment-add label {
   display: block;
   font-weight: bold;
}

.cms-blog-comment-add label abbr {
   border: 0;
   color: #ff0000;
}

.cms-blog-comment-form-row {
   margin-bottom: 0.5em;
}

.cms-blog-comment-add textarea {
   width: 250px;
   height: 75px;
}

/* Search Results Panel 
---------------------------
*/

.cms-search-results-title a {
   font-weight: bold;
   font-size: 9pt;
}

.cms-search-results-desc,
.cms-search-results-link,
.cms-search-results-lastmod {
   font-size: 8.5pt;
}

.cms-search-results-link a {
   color: #008000;
   text-decoration: none;
}

.cms-search-results-lastmod {
   color: #666;
   margin-bottom: 12px;
}


/* ZIP code search results */

.cms-zipcode-search-results,
.cms-zipsearch-results {
   margin: 1em 0;
}

.each-item,
.cms-zipsearch-result {
   margin: 0 0 1em;
}

.each-item .name,
.cms-zipsearch-result-name {
   font-weight: bold;
}

.each-item .address1,
.each-item .address2,
.cms-zipsearch-result address {
   font-size: 85%;
}

/* cmScribe footer credit */

.cms-footer-logo {
   vertical-align: middle;
}

.cms-error,
.cms-form-required-asterisk,
.cms-core-required-asterisk, 
.cms-core-required-asterisk-begin { color: red; }
.cms-core-required-asterisk-begin { display: none; }


/* User Button styles */

/* Hide processing message by default */
.cms-submit-processing {
   display: none;
}


/* Replace button with processing message */
.cms-userformbtn-table .cms-submitted-btn,
.cms-store-cart-buttons .cms-submitted-btn,
.cms-skulist-grid-buttons .cms-submitted-btn,
.cms-purchase-buttons .cms-submitted-btn {
   display: none;
}

.cms-userformbtn-table .cms-submit-processing,
.cms-store-cart-buttons .cms-submit-processing, 
.cms-skulist-grid-buttons .cms-submit-processing, 
.cms-purchase-buttons .cms-submit-processing {
   display: inline;
   color: #666;
}
          
@media print {
.cms-core-print-friendly-link { display: none }

html, body, html > body { 
   background: none !important;
   background-color: #fff !important; 
}

body,
.nr-edit-page-content {
   margin: 0 !important;
   padding: 0 !important; 
}

#nrTopMenu, #nrBottomMenu, h1, 
a.nr-edit-link:link,
a.nr-edit-link:visited {
   display: none !important;
}

.formHeader,
.formHeader2 {
   background: none;
   color: #000;
   line-height: 20px;
   border-bottom: 1px solid #000;
}
          
}