/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */

#page-wrapper {
}

#page {
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/* Header */
#header {
  height:115px;
}

/* Header Blocks */
#header #header-blocks {
  float: left;
  width: 700px;
  display:block;
}

#header .section {
}

#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
  margin: 24px 0 0 20px;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
  float: left;
  display:none;
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
}

#main {
}

#main .title-bar {
  width:100%;
  height:54px;
  background-color:#414141;
  border-bottom:1px solid #8d8d8d;
}

.front #main .title-bar {
  display:none;
}

#main .title-bar #title-bar-title {
  margin-left:20px;
  padding-top:8px;
  display: block;
  /* Styled like h1 */
  font-family: Arial, Helvetica, sans-serif;
  font-size:30px;
  line-height: normal;
  font-weight: normal;
  color:#fff;
}


/*
 * Content
 */
#content .page-content,
#content .below-content {
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-size: 11px;
  line-height: normal;
  color: #626262;
}

.region-highlighted {
  margin: 0 20px;
  display: block;
  float: left;
  clear: both;
  overflow: hidden;
}

.breadcrumb {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  line-height: normal;
  color:#626262;
  margin-left:15px;
  margin-top:10px;
  margin-bottom:6px;
  padding-bottom: 0; /* Undo system.css */
}

.breadcrumb a,
.breadcrumb span {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  line-height: normal;
  color:#626262;
  text-decoration: none;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title /* Comment title */ {
  margin: 0;
  font-weight: normal;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:30px;
  line-height: normal;
  font-weight: normal;
  color:#fff;
}

#content h1.title {
  /* Arial for the content area */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: normal;
  font-weight: normal;
  color: #626262;
  margin-bottom:12px;
}

/* Custom Job page title fix */
body.node-type-job #content h1.title {
  display: none;
}

body.node-type-job #content .job-title-header  {
  /* Arial for the content area */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: normal;
  font-weight: normal;
  color: #626262;
  margin-bottom:12px;
}

/* End Job fix */

.landing-level-one #content h1.title {
  display:none;
}

h2 {

  font-family: Arial, Helvetica, sans-serif;
  font-size:24px;
  line-height: normal;
  font-weight: normal;
  color:#626262;
  margin-bottom:18px;
}

h3 {

  font-family: Arial, Helvetica, sans-serif;
  font-size:24px;
  line-height: normal;
  font-weight: normal;
  color:#626262;
}

h4 {

  font-family: Arial, Helvetica, sans-serif;
  font-size:17px;
  line-height: normal;
  font-weight: normal;
  color:#626262;
}

h7 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#4978a1;
  font-size:11px;
}

/* Header Overrides */
.page-content h2.pane-title {
  margin-top:0;
}

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
  clear: both;
  display: block;
  margin:6px 20px;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

body.not-logged-in .messages {
}

/* Custom 'Styles' WYSIWYG options */

span.blue-header-large,
div.blue-header-large {
  font-size:17px;
  line-height: normal;
  color:#4978a1;
}

span.blue-header-medium,
div.blue-header-medium {
  font-size:13px;
  line-height: normal;
  color:#4978a1;
}

span.blue-header-small,
div.blue-header-small {
  font-size:11px;
  line-height: normal;
  color:#4978a1;
}

span.orange-header-large,
div.orange-header-large {
  font-size:15px;
  line-height: normal;
  color:#ff7800;
}

span.orange-header-small,
div.orange-header-small {
  font-size:11px;
  line-height: normal;
  color:#ff7800;
}

span.gray-header-large,
div.gray-header-large {
  font-size:17px;
  line-height: normal;
  color:#626262;
}

span.gray-header-medium,
div.gray-header-medium {
  font-size:13px;
  line-height: normal;
  color:#626262;
}

span.gray-header-small,
div.gray-header-small {
  font-size:11px;
  line-height: normal;
  color:#626262;
}

/* End custom WYSIWYG styles */

div.status /* Normal priority messages */ {
  clear: both;
  display: block;
  margin:6px 20px;
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
  clear: both;
  display: block;
  margin:6px 20px;
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
  clear: both;
  display: block;
  margin:6px 20px;
}

div.tabs /* See also the tabs.css file. */ {
}

.region-help /* Help text on a page */ {
}

.more-help-link /* Link to more help */ {
}

.region-content /* Wrapper for the actual page content */ {
}

ul.links /* List of links */ {
}

ul.links.inline {
  display: block; /* Let the links be inline, but the container be a block. */
}

ul.links li {
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager /* A list of page numbers when more than 1 page of content is available */ {
  padding: 0;
}

.item-list .pager li /* Each page number in the pager list */ {
  padding: 0 0.5em;
}

.feed-icon /* The link to the RSS or Atom feed for the current list of content */ {
}

.more-link /* Aggregator, blog, and forum more link */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
}

.region-sidebar-first .section {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}

.region-sidebar-second .section {
}

/*
 * Footer
 */
.region-footer {
}

/*
 * Page bottom
 */
.region-bottom /* Wrapper for any blocks placed in the page bottom region */ {
}

/* Bollboard Feature Styles */
body.front .pane-billboard-feature {
  margin-left:-20px;
}

.view-billboard-feature {
  width:980px;
  height:300px;
  position: relative;
  overflow:hidden; /* While the js loads, hide overflow */
}

body.front .view-billboard-feature #prev2,
body.front .view-billboard-feature #next2 {
  width:34px;
  height:33px;
  position:absolute;
  bottom:9px;
  right:50px;
  z-index:10;
  text-indent:-9999px;
  line-height:0;
  font-size:0;
  color:transparent;
}

body.front .view-billboard-feature #controls {
  height:0; /* Fixing IE issue */
  float:right;
  z-index: 1000;
}

body.front .view-billboard-feature #prev2 {
  right:50px;
  background: url(../images/site-chrome/feature-controls.png) no-repeat 0 0 transparent;
}

body.front .view-billboard-feature #next2 {
  right:11px;
  background: url(../images/site-chrome/feature-controls.png) no-repeat 100% 0 transparent;
}

body.front .view-billboard-feature .view-content .views-row,
body.front .view-billboard-feature .view-content .views-row .feature-item-wrap {
  display:block;
  width:980px;
  height:300px;
  position:relative;
}

body.front .view-billboard-feature .view-content .views-row .feature-item-wrap .feature-text {
  position:absolute;
  width:500px;
  color:#fff;
  top:60px;
  left:420px;
}

body.front .view-billboard-feature .view-content .views-row .feature-item-wrap .feature-text .feature-title-text {
  font-family: Arial Black, Arial, Helvetica, sans-serif;
  font-size:30px;
  line-height:normal;
  color:#fff;
}

body.front .view-billboard-feature .view-content .views-row .feature-item-wrap .feature-text .feature-subtitle-text {
  font-size:22px;
  line-height: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size:20px \9; /* IE */
}

body.front .view-billboard-feature .view-content .views-row .feature-link-container {
  height: 49px;
  /*width: 240px;*/
  display:block;
  position: absolute;
  top: 202px;
  left: 420px;
  cursor: pointer;
}

body.front .view-billboard-feature .view-content .views-row .feature-item-wrap .feature-link {
  height:49px;
  color:#fff;
  display:block;
  float:left;
  width:auto;
  /*position:absolute;
  bottom:49px;
  right:361px;*/
  padding-right:10px;
  background: url(../images/site-chrome/feature-btn-right.png) no-repeat 100% 0 transparent;
}

body.front .view-billboard-feature .view-content .views-row .feature-item-wrap .feature-link:hover {
  text-decoration: none;
}

body.front .view-billboard-feature .view-content .views-row .feature-item-wrap .feature-left {
  height:49px;
  padding-left:20px;
  padding-right:10px;
  background: url(../images/site-chrome/feature-btn-left.png) no-repeat 0 0 transparent;
  line-height:49px;
  text-align: center;
  font-size:23px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

body.front .view-billboard-feature .view-content .views-row .toggle-title {
  position:absolute;
  background-color:#414141;
  color:#fff;
  left:0;
  bottom:0;
  font-size:12px;
  padding:2px 4px;
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  cursor:pointer;
  margin-bottom:-25px;
}

body.front .view-billboard-feature .feature-text .save-position {
  background-color:#414141;
  color:#fff;
  display:block;
  padding:2px 4px;
  float:left;
  font-size:12px;
  cursor: pointer;
}

body.front .view-billboard-feature .view-content .views-row .resume-title {
  position:absolute;
  background-color:#414141;
  color:#fff;
  left:117px;
  bottom:0;
  font-size:12px;
  padding:2px 4px;
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  cursor:pointer;
}

body.front .view-billboard-feature .view-content .views-row .xposition,
body.front .view-billboard-feature .view-content .views-row .yposition,
body.front .view-billboard-feature .view-content .views-row .button-xposition,
body.front .view-billboard-feature .view-content .views-row .button-yposition  {
  display:none;
}

body.front .view-billboard-feature .view-content .views-row .feature-edit-link {
  position:absolute;
  top:10px;
  right:10px;
}

/* FAQ Page */
.view-faq-site-map-term h3,
.faq-qa-header h3.faq-header,
.page-about-us-faq .pane-node-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size:17px;
  line-height: normal;
  font-weight: normal;
  color:#626262;
  margin-top:20px;
  margin-bottom:10px;
}

.view-faq-site-map-term .views-field-title {
  padding-top: 5px;
  padding-left: 20px;
  color: #ff7800;
  cursor: pointer;
}

.view-faq-site-map-term .views-field-body {
  display: none; /* Overridden with the slideToggle */
  padding-left:40px;
  overflow: hidden;
}

.node-type-faq .pane-node-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size:17px;
  line-height: normal;
  font-weight: normal;
  color:#4978a1;
  margin-top:10px;
}

.page-about-us-faq .faq-category-group {
  /* width:46%;
   float:left;
   clear:none;
   margin-right:4%;*/
}


/* Parents Blog */
.section-page-not-found #block-aspca-parents-blog-aspca-parents-blog-header,
.section-access-denied #block-aspca-parents-blog-aspca-parents-blog-header,
.page-parents.section-parents #header #logo,
.node-type-parents-blog #header #logo {
  display: none;
}

.section-page-not-found #block-search-form,
.section-access-denied #block-search-form {
  clear:right;
}

.page-parents.section-parents #header #header-blocks,
.section-parents-blog.node-type-parents-blog #header #header-blocks,
.node-type-parents-blog.section-parents #header #header-blocks {
  width: 981px;
}

.page-parents.section-parents #header #header-blocks p,
.section-parents-blog.node-type-parents-blog #header #header-blocks p,
.page-parents.section-parents #header #header-blocks p {
  margin: 0 !important;
}

.page-parents.landing-level-one .breadcrumb,
.page-parents.landing-level-one #sidebar {
  display: none;
}

.page-parents.section-parents.landing-level-one .right-col .panel-pane.pane-our-partners-site-wide-nodequeue-panel-pane-1 {
  margin-top: 26px;
}

.page-parents.landing-level-three #content h1.title,
.page-parents.page-parents-term #content h1.title,
.page-parents.page-parents-archive #content h1.title {
  background: url("/sites/all/themes/aspca/images/site-chrome/blog-view-post-bg.png") repeat-x 0 100% transparent;
  padding-bottom: 10px;
}

.page-parents.section-parents #main .title-bar,
.node-type-parents-blog.section-parents #main .title-bar {
  background: #ffffff !important;
  border: none !important;
}

body.page-parents.landing-level-one #content.column {
  width: 100%;
}

.page-parents.section-parents #block-aspca-blocks-bar-title,
.page-parents.section-parents #main .title-bar h2.block-title,
.page-parents.section-parents #block-aspca-blocks-aspca-header {
  display: none !important;
}

#block-aspca-parents-blog-aspca-parents-blog-header {
  display: block;
  width: 682px;
  height: 71px;
  margin-top: -33px;
  margin-left: 20px;
  float: left;
}

#block-aspca-parents-blog-aspca-parents-blog-header #parentsblog-logo {
  padding-right: 10px;
}

.pane-menu-menu-parents-blog {
  width: 982px;
  margin-left: -21px;
  margin-top: -24px;
}

.page-parents.section-parents .panel-3col-mixed-stacked .left-col,
.page-parents.section-parents .panel-3col-mixed-stacked .right-col {
  margin-top: 15px;
}

#block-menu-menu-parents-blog ul.menu,
#block-menu-block-13 .menu-block-wrapper ul.menu {
  margin: 0px;
  padding: 0px;
  background: #874ecf;
  width: 100%;
  clear: both;
  display: block;
  float: left;
}

#block-menu-menu-parents-blog .menu li,
#block-menu-block-13 .menu-block-wrapper .menu li {
  list-style: none;
  float: left;
}

#block-menu-menu-parents-blog .menu li a,
#block-menu-block-13 .menu-block-wrapper .menu li a {
  height: 50px;
  display: block;
  color: #fff;
  line-height: 51px;
  font-family: Arial,helvetica,sans-serif;
  font-size: 17px;
  font-weight: normal;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
  border-color:#7941bc;
  padding: 0px 15px;
}

#block-menu-menu-parents-blog .menu li a:hover,
#block-menu-menu-parents-blog .menu li a.active,
#block-menu-block-13 .menu-block-wrapper .menu li a.active,
#block-menu-block-13 .menu-block-wrapper .menu li.active-trail a {
  background: #fa9a2b;
  border:1px solid #fa9a2b;
}

#block-menu-block-13 .menu-block-wrapper .menu li a:hover {
  color: #fa9a2b;
}

#block-menu-block-13 .menu-block-wrapper .menu li.active-trail a:hover {
  color: #fff;
}

#block-menu-block-13 .menu-block-wrapper .menu li.first.active-trail a.active {
  border-right: none;
}

#block-menu-block-13 .menu-block-wrapper .menu li.last.active-trail a.active {
  border-left: none;
  border-right: solid 1px #fa9a2b;
}

.panel-pane.pane-views.pane-parents-blog-view, .panel-pane.pane-block.pane-block-29 {
  margin-bottom: 15px;
}

.page-parents.section-parents .panel-middle-col-first .pane-views-panes.pane-image-gallery-view-panel-pane-1,
.page-parents.section-parents .panel-middle-col-first .pane-block-28 {
  float: left;
  clear: both;
  width: 580px;
  display: block
}

.page-parents.section-parents .view-image-gallery-view .views-field-title a,
.page-parents.section-parents .image-gallery-view #gallery-controls div {
  color: #ff7800;
}

.pane-aspca-parents-blog-aspca-parents-blog-pinterest {
  float: left;
  clear: both;
  width: 100%;
}

/* parents blog sub cat sections */

.node-type-parents-blog .pane-node-field-publication-date {font-style: italic;}

#block-views-parents-blog-filter-block .content {
  width: 300px;
  float: left;
  background-color: #f1f1f1;
}

#sidebar #block-views-parents-blog-filter-block .content .view-content {
  padding: 0;
}

.page-parents #sidebar #block-views-parents-blog-filter-block.block h2.block-title {
  font-size: 24px;
  line-height: normal;
}

#block-views-parents-blog-filter-block .left-col {
  width: 140px;
  float: left;
  margin-right: 20px;
  padding: 10px 0px;
}

#block-views-parents-blog-filter-block .right-col {
  width: 140px;
  float: left;
  padding: 10px 0px;
}

#block-views-parents-blog-filter-block .left-col a,
#block-views-parents-blog-filter-block .right-col a {
  display: block;
  color: #626262;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 13px;
  line-height: 18px;
  padding: 4px 8px;
  width: 123px;
}

#block-views-parents-blog-filter-block .left-col a.active,
#block-views-parents-blog-filter-block .right-col a.active {
  background: #fa9a2b;
  color: #ffffff;
  text-decoration: none;
}

.page-parents.landing-level-three .left-col {
  background: url("/sites/all/themes/aspca/images/site-chrome/body-sidebar-border.png") repeat-y 628px 0 transparent;
}

.page-parents.landing-level-three .view-parents-blog-view .views-row {
  background: url("/sites/all/themes/aspca/images/site-chrome/blog-view-post-bg.png") repeat-x 0 100% transparent; width: 100%; clear: both; float: left;
}

.page-parents.landing-level-three .view-parents-blog-view .views-row .views-field-title {
  margin-top: 15px;
  margin-bottom: 5px;
}

.page-parents.landing-level-three .view-parents-blog-view .views-row .views-field-title a {
  font-size: 24px;
  color: #626262;
  font-family: Arial,Helvetica,sans-serif;
}

.page-parents.landing-level-three .view-parents-blog-view .views-row .views-field-field-teaser-read-more-title {
  float: left;
  width: 100%;
  clear: both;
  display: block;
  padding-bottom: 28px;
  margin-top: 10px;
}

.page-parents.landing-level-three .view-parents-blog-view .views-row .views-field-field-teaser-read-more-title a {
  font-size: 15px;
  line-height: 14px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #ff7800;
}

.page-parents.landing-level-three .view-parents-blog-view .views-row .views-field-service-links {
  width: 100%;
  clear: both;
  margin-top: 12px;
  margin-bottom: 10px;
  display: block;
  float: left;
}

.page-parents.landing-level-three .view-parents-blog-view .views-row .views-field-field-image {
  float: right;
  width: 300px;
  height: 200px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.node-type-parents-blog #block-system-main .pane-node-body {
  float: none !important;
  width: auto !important;
  clear: none !important;
}

.node-type-parents-blog .pane-node-field-image {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

.view-parents-blog-view .view-content,
.view-related-parents-blog-posts .views-field-title a {
  font-size:11px;
  font-size:11px;
  line-height: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#block-aspca-parents-blog-aspca-parents-blog-blogroll .content a {
  font-size:11px;
  line-height: 14px;
}

#block-aspca-parents-blog-aspca-parents-blog-blogroll .content {
  font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
  font-size: 11px;
  line-height: normal;
}

/* User profile pages */

body.page-user ul,
body.page-user ol {
  margin: 0;
  padding: 0;
}

.page-user h1.page-title {
  margin: 10px 0 24px 0;
  text-transform: capitalize;
}

.page-user body h2 a:hover,
.page-user body h3 a:hover {
  text-decoration: none;
}

.page-user body a {
  color: #0285b0;
}

/* layout */

.page-user div#main {
  padding: 10px;
  border: 1px solid #ccc;
}

/* tabs */

.page-user div.tabs {
  margin: 20px 0 10px 0;
}

.page-user ul.primary.tabs {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  border-bottom: 2px solid #c6d2d3;
  background: #eff0f2;
  text-align: center;
}

.page-user ul.primary.tabs li {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: top;
  line-height: 38px;
}

.page-user ul.primary.tabs a {
  display: block;
  padding: 2px 10px;
  outline: none;
  background-color: #eff0f2;
  background-image: none;
  color: #888;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: 0;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.page-user ul.primary li a .tab {
  display: block;
  margin: 0;
  padding: 0;
  height: inherit;
  border-width: 0;
  background: none;
  line-height: inherit;
}

.page-user ul.primary li a {
  margin-right: 0;
  height: auto;
  border-width: 0;
  border-style: none;
  border-color: inherit;
  font-size: 13px;
}

.page-user ul.primary li.active a {
  border: 0;
  border-bottom: 0;
}

.page-user ul.primary li.active a .tab,
.page-user ul.primary li.active a:hover .tab,
.page-user ul.primary li.active a:focus .tab {
  background: none;
}

.page-user ul.primary.tabs .active a,
.page-user ul.primary.tabs a:hover {
  background: #c6d2d3;
  color: #fff;
  color: #333;
}

/* global table style */

.page-user table {
  width: 100%;
  font-size: 13px;
}

.page-user table tbody tr {
  border: 1px solid #ccc;
}

.page-user table th {
  padding: 4px 8px 6px 6px;
  border-right: 1px solid #ccc;
  border-bottom: none;
  background: #ccc;
  text-align: left;
}

.page-user table tr.even {
  background-color: #f5f5f5;
}

.page-user table tr.odd {
  background-color: #fcfcfc;
}

.page-user table td {
  padding: 4px 8px 6px 6px;
}

/* forms */

.page-user label,
.page-user .field-prefix,
.page-user .field-label {
  margin: 0 0 10px 0;
  color: #7e7e7e;
  font-weight: normal;
  font-size: 14px;
}

.page-user .field .field-label {
  margin: 0 0 10px 0;
}

body.page-user .form-actions {
  clear: both;
}

.page-user div.password-suggestions.description {
  padding: 24px 20px;
}

.page-user .field {
  margin: 0;
  padding: 12px 0 12px 10px;
  border-bottom: 1px dotted #ccc;
}

.page-user .field:nth-child(odd) {
  background-color: #f5f5f5;
}

.page-user .field:nth-child(even) {
  background-color: #fcfcfc;
}

body.page-user .profile .field,
body.page-user .profile .field-label {
  font-size: 17px;
}

body.page-user .form-actions {
  position: relative;
  margin: 10px 0;
  padding: 0;
  border-top: none;
  background-color: #fff;
}

body.page-user #main-wrapper input[type="submit"],
body.page-user #main-wrapper input[type="submit"].btn {
  position: relative;
  margin: 0 10px 0 0;
  padding: 6px 20px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #859596;
  color: #fff;
  vertical-align: top;
  text-align: center;
  text-shadow: none;
  font-size: 18px;
  cursor: pointer;
}

body.page-user #main-wrapper input[type="submit"]:hover,
body.page-user #main-wrapper input[type="submit"].btn:hover {
  outline: none;
  background: #2980b9;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

body.page-user #main-wrapper input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]) {
  padding: 0 0 0 4px;
  width: 75%;
  height: 32px;
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  color: #828385;
  font-size: 20px;
}

body.page-user #main-wrapper textarea {
  border: 1px solid #ccc;
  color: #828385;
  font-size: 20px;
}

body.page-user .form-item .description {
  margin: 10px 0 0 0;
  font-size: 12px;
}

body.page-user .form-item #edit-name.error,
body.page-user .form-item #edit-pass.error,
body.page-user .form-item .error.valid {
  display: block;
  margin: 0;
}

.page-user div.error {
  background-position: 1% center;
}

body.page-user #main-wrapper .messages {
  margin: 12px 4px 3px 0;
  padding: 6px 0 6px 60px;
}

body.page-user .region-highlighted {
  float: none;
}