/**
 * Atrium base stylesheet.
 *
 * Provides styling for generic components and elements within the main
 * page canvas.
 */

body.tao { color:#333; }

a {
  color:#48a;
  text-decoration:none;
  }

/**
 * "Power" hover classes ==============================================
 */
ul.multistep li.active-step,
.form-text:focus,
.form-textarea:focus,
.form-select:focus,
.prose a:hover,
table tr:hover,
table td.active,
.sidebar table tr.active,
ul.menu a:hover { background-color:#ecf4f8; }

div.pager li.pager-current,
ul.menu a.active,
div.more-link a:hover,
div.node-links ul li a:hover,
div.comment-links ul li a:hover {
  color:#fff;
  background:url(images/sprite_base.png) 0px -400px repeat-x;
  }

/**
 * Togglable blocks ===================================================
 */
div.toggle-blocks div.block { float:left; position:relative; }

div.toggle-blocks h2.block-title { cursor:pointer; }

div.toggle-blocks div.block-toggle div.block-content {
  z-index:1500;
  position:absolute;
  display:none;
  }

div.toggle-blocks div.block-widget div.block-content {
  display:block;
  position:static;
  }

/**
 * USERNAMES, PICS ====================================================
 */
span.username,
a.username {
  font-weight:bold;
  font-size:11px;
  vertical-align:baseline;
  color:#666;
  }

  table span.username,
  table a.username { white-space:nowrap; }

a.user-picture {
  text-indent:-999px;
  overflow:hidden;
  display:block;
  background-repeat:no-repeat;
  }

  div.picture-user-s,
  a.picture-user-s {
    width:30px;
    height:30px;
    }

  div.picture-user-m,
  a.picture-user-m {
    width:60px;
    height:60px;
    }

  div.picture-user-s { background:url(images/sprite_base.png) -270px 0px no-repeat; }
  div.picture-user-m { background:url(images/sprite_base.png) -300px 0px no-repeat; }

/**
 * Growl-like messages ================================================
 */
#growl {
  position:fixed;
  right:10px;
  top:10px;
  width:400px;
  z-index:2000;
  }

  div.messages {
    font-size:16px;
    background:url(images/gray20.png);
    color:#fff;
    padding:20px 20px 19px;
    margin:0px 0px 1px;

    border-style:solid;
    border-width:0px 0px 0px 10px;
    border-color:#48c;
    position:relative;
    max-height:400px;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    }

    #growl div.warning { border-color:#f90; }
    #growl div.error { border-color:#b10; }

  div.messages li {
    border-bottom:1px solid #666;
    padding-bottom:9px;
    margin-bottom:10px;
    }

    div.messages li:last-child {
      border:0px;
      padding:0px;
      margin:0px;
      }

  div.messages span.close {
    float:right;

    width:25px;
    height:25px;

    overflow:hidden;
    text-indent:-999px;

    cursor:pointer;
    background:url(images/sprite_base.png) -105px 0px no-repeat;
    }

/**
 * Togglable blocks ===================================================
 */
.dropdown-blocks div.block { padding-left:5px; }

.dropdown-blocks div.block-widget div.block-content { padding:5px 10px; }

.dropdown-blocks h2.block-title {
  background:#eee;
  padding:5px 10px;

  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  }

  .dropdown-blocks h2.block-title span.icon {
    display:block;
    float:left;
    width:20px;
    height:20px;
    margin-right:5px;
    }

.dropdown-blocks h2.toggle-active {
  -moz-border-radius:5px 5px 0px 0px;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
  background:#fff;
  }

.dropdown-blocks div.block-toggle div.block-content {
  z-index:1250;
  background:#eee url(images/bleeds.png) 0px 100% repeat-x;
  border:5px solid #fff;
  right:0px;

  /* W00T */
  -moz-box-shadow:0px 2px 2px #666;
  -webkit-box-shadow:0px 2px 2px #666;
  -moz-border-radius:5px 0px 5px 5px;
  -webkit-border-radius:5px;
  -webkit-border-top-right-radius:0px;
  }

.dropdown-blocks div.block-toggle form,
.dropdown-blocks div.block-toggle ul.links,
.dropdown-blocks div.block-toggle div.item-list {
  border:1px solid #ddd;
  min-width:180px;
  }

.dropdown-blocks div.block-toggle ul.links li,
.dropdown-blocks div.block-toggle div.item-list li {
  float:none;
  white-space:nowrap;
  padding:0px;
  margin:0px;
  border:0px;
  }

.dropdown-blocks div.block-toggle ul.links li a,
.dropdown-blocks div.block-toggle div.item-list li a {
  float:none;
  display:block;
  padding:5px 40px 4px 10px;
  border-bottom:1px solid #eee;
  }

.dropdown-blocks div.block-toggle ul.links li a span,
.dropdown-blocks div.block-toggle div.item-list li a span {
  float:left;
  margin-right:10px;
  }

.dropdown-blocks div.block-toggle ul.links li a:hover,
.dropdown-blocks div.block-toggle div.item-list li a:hover {
  background:#999;
  color:#fff;
  }

/* Forms */
.dropdown-blocks div.block-toggle form {
  width:200px;
  padding:10px;
  }

.dropdown-blocks div.block-toggle input.form-submit { margin:5px 0px 0px; }

.dropdown-blocks div.block-toggle div.form-checkboxes div.form-item {
  padding:5px 5px 4px;
  margin:0px 0px 1px;
  background:#eee;
  }

/**
 * Page header ========================================================
 */
#page-header {
  height:60px;
  background:#ddd;
  /* IE7 z-index stacking: #navigation 2, #page-header 1, all others 0. */
  position:relative;
  z-index:1;
  }

#page-header h2.page-title {
  font-size:20px;
  line-height:60px;
  }

  #page-header h2.page-title a.username {
    color:inherit;
    font-size:inherit;
    text-transform:none;
    }

#page-header div.tabs ul.links {
  border-style:solid;
  float:left;
  font-weight:bold;
  padding-top:20px;
  line-height:40px;
  }

  #page-header div.tabs ul.links li a {
    -moz-border-radius:5px 5px 0px 0px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    padding:0px 15px;
    margin-right:1px;
    background:#eee url(images/bleeds.png) 0% 100% repeat-x;
    }

    #page-header div.tabs ul.links li a:hover { background:#999; color:#fff; }

    #page-header div.tabs ul.links li.active a,
    #page-header div.tabs ul.links li a.active,
    #page-header div.tabs ul.links li.active a:hover {
      color:#333;
      background: #fff;
      }

#page ul.secondary-tabs {
  float:none;
  background:#fff;
  font-weight:bold;
  line-height:30px;
  padding:5px 10px 4px;
  border-bottom:1px solid #ddd;
  }

#page ul.secondary-tabs a {
  padding:0px 15px;
  margin:0px 5px 0px 0px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  }

  #page ul.secondary-tabs li.active a,
  #page ul.secondary-tabs li.active a:hover,
  #page ul.secondary-tabs li.active a.active {
    color:#333;
    background:#eee;
    }

/**
 * Page-specific tools ================================================
 */
#page-tools {
  height:30px;
  padding:15px 0px;
  float:right;
  }

#page-tools div.context-links,
#page-tools div.dropdown-blocks { float:left; }

#page-tools div.dropdown-blocks { padding-right:5px; }

#page-tools div.context-links {
  -moz-border-radius:5px;
  background:#eee;
  padding:0px 5px 0px 0px;
  line-height:30px;
  height:30px;
  overflow:hidden;
  }

  #page-tools div.context-links a { margin-left:5px; }

/**
 * Mission text =======================================================
 */
div.mission {
  color:#666;
  padding:20px 20px 19px;
  border-bottom:1px solid #ddd;
  }

/*
 * Page layout ========================================================
 */
#page {
  background:#ddd url(images/page.png) 0% 100% fixed repeat-x;
  padding:0px 0px 30px;
  }

#content div.main {
  background:#fff;
  padding:20px;
  }

  body.one-sidebar #content {
    overflow:hidden;
    float:left;
    width:65%;
    }

#right {
  float:right;
  width:35%;
  }

/**
 * Blocks: Right ======================================================
 */
div.sidebar { border-left:1px solid #ddd; }

div.sidebar div.block {
  border-top:1px solid #f8f8f8;
  border-bottom:1px solid #ddd;
  }

div.sidebar h2.block-title {
  padding:4px 10px 5px 8px;
  border-left:2px solid #e8e8e8;
  background:#eee;
  color:#666;
  font-weight:bold;
  }

div.sidebar div.block-content {
  background:#f8f8f8 url(images/bleeds.png) 0% 100% repeat-x;
  padding:10px 10px 9px 8px;
  border-left:2px solid #eee;
  }

/**
 * Blocks: Content ====================================================
 */
div.main div.block {
  padding:0px 0px 20px;
  margin:0px 0px 20px;
  position: static;
  }

div.main div.block:last-child {
  background:transparent;
  padding:0px;
  margin:0px;
  }

div.main h2.block-title {
  float:left;
  padding:5px 20px;
  margin:0px 0px 10px;

  position:relative;
  left:-20px;

  background:#ccc;
  color:#fff;
  }

div.main div.block-content { clear:both; }

/**
 * Lists ==============================================================
 */
div.item-list h3,
div.item-list li {
  padding:10px 0px 9px;
  border-bottom:1px solid #eee;
  }

div.item-list .title { font-weight:inherit; }

div.item-list a.active {
  color:#333;
  font-weight:bold;
  }

div.block div.item-list li.first,
div.block div.item-list li.views-row-first { padding-top:0px; }

div.block div.item-list li.last,
div.block div.item-list li.views-row-last { border-bottom:0px; }

/**
 * Menus ==============================================================
 */
ul.menu ul {
  padding-left:9px;
  border-left:1px solid #fff;
  }

ul.menu li { position:relative; }

ul.menu span.icon {
  position:absolute;
  right:0px;
  top:0px;

  width:24px;
  height:24px;
  background:url(images/sprite_base.png) -80px 0px no-repeat;
  }

ul.menu a {
  background:#fff;
  display:block;
  line-height:15px;
  border-bottom:1px solid #eee;
  padding:5px 10px 4px;
  }

  ul.menu ul a { font-weight:normal; }

/* Thread colors */
ul.menu { background:#fff; }
ul.menu ul { background:#cde; }
ul.menu ul ul { background:#ecc; }
ul.menu ul ul ul { background:#cec; }
ul.menu ul ul ul ul { background:#fea; }
ul.menu ul ul ul ul ul { background:#cce; }

/**
 * PAGER ==============================================================
 */
div.pager {
  clear:both;
  background:#f8f8f8 url(images/bleeds.png) 0% 100% repeat-x;
  border:1px solid #ddd;
  line-height:38px;
  height:38px;
  }

  div.pager ul.pager-list { float:left; }

  div.pager ul.pager-links {
    font-weight:bold;
    float:right;
    }

  div.pager li a,
  div.pager li span {
    padding:0px 15px;
    float:left;
    }

  div.pager ul.pager-list li { border-right:1px solid #ddd; }
  div.pager ul.pager-links li { border-left:1px solid #ddd; }
  div.pager li a:hover { background:#fff; }

  /* Views mini pager */
  div.block div.view { position:relative; }

    div.block div.views-mini-pager {
      position:absolute;
      top:0px;
      right:0px;

      color:#999;
      line-height:20px;
      }

    div.block div.views-mini-pager div.item-list li {
      padding:0px 5px;
      border:0px;
      }

    div.block div.views-mini-pager li.pager-current { display:none; }

/**
 * Nodes, comments ====================================================
 * The goal here is to get node and comment theming as reasonably
 * consistent as possible.
 */

div.node {
  position:relative;
  padding:0px 0px 19px;
  margin:0px 0px 20px;
  border-bottom:1px solid #eee;
  }

div.block div.node,
div.node-page {
  padding:0px;
  border:0px;
  }

h2.comment-title,
h2.node-title {
  padding:0px 0px 10px;
  font-size:20px;
  line-height:30px;
  font-weight:300;
  }

div.node-submitted,
div.comment-submitted {
  background:#f8f8f8;
  border:0px;
  margin:0px;
  padding:0px 5px 0px 0px;
  height:30px;
  line-height:30px;
  }

  div.node-submitted div.picture,
  div.comment-submitted div.picture {
    float:left;
    margin-right:10px;
    }

  div.node-submitted .username,
  div.comment-submitted .username { float:left; }

  div.node-submitted span.username,
  div.comment-submitted span.username { padding:0px 0px 0px 10px; }

  div.node-submitted span.date,
  div.comment-submitted span.date {
    float:right;

    line-height:20px;
    font-size:11px;
    background:#fff;
    color:#666;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;

    margin:5px 0px;
    padding:0px 10px;
    }

  div.comment-submitted { margin:0px 0px 10px; }

  div.node-body { margin:10px 0px 0px; }

div.more-link a,
div.node-links ul.links,
div.comment-links ul.links {
  font-size:11px;
  float:right;
  }

  div.node-links ul li,
  div.comment-links ul li { padding-left:1px; }

  div.more-link a,
  div.node-links ul li span,
  div.comment-links ul li span,
  div.node-links ul li a,
  div.comment-links ul li a {
    float:left;
    padding:5px 15px;
    background:#f8f8f8 url(images/bleeds.png) 0px 100% repeat-x;
    }

    div.node-links ul li span a,
    div.comment-links ul li span a {
      display:inline;
      float:none;
      padding:0px;
      background:transparent;
      }

  /* View more link */
  div.more-link {
    height:30px;
    line-height:30px;
    font-size:11px;
    }

div.node div.field {
  margin:0px;
  padding:4px 5px 5px;

  font-size:11px;
  line-height:20px;

  border:0px;
  border-top:1px solid #fff;
  background:#f8f8f8;
  }

  div.node .field .field-label,
  div.node .field .field-label-inline,
  div.node .field .field-label-inline-first { font-weight:normal; }

  div.node div.terms ul.links,
  div.node div.terms ul.links li,
  div.node div.terms ul.links li a {
    display:inline;
    margin:0px;
    float:none;
    }

  div.node div.terms ul.links li a {
    background:#fff;
    padding:2px 5px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

/**
 * Prose text formatting ==============================================
 */
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
  margin-bottom:10px;
  padding-bottom:9px;
  border-bottom:1px solid #eee;
  }

.prose h1 { font-size:20px; }
.prose h2 { font-size:16px; }

/**
 * Comment threads ====================================================
 */
div.box,
div.comment {
  margin:0px 0px 10px;
  padding:9px;
  border:1px solid #eee;
  border-bottom-color:#ddd;
  background:#fff;
  }

#comments {
  border:1px solid #eee;
  border-top-color:#ddd;
  background:#f8f8f8;
  }

#comments div.box,
#comments div.comment { margin:9px 9px 10px; }

#comments div.indented {
  margin-left:10px;
  border-left:2px solid #cde;
  }

  #comments div.indented div.indented { border-color:#ecc }
  #comments div.indented div.indented div.indented { border-color:#cec }
  #comments div.indented div.indented div.indented div.indented { border-color:#fea; }
  #comments div.indented div.indented div.indented div.indented div.indented { border-color:#cce; }

/* Sticky nodes */
div.sticky,
div.block div.sticky {
  background:#fff;
  border:1px solid #eee;
  border-bottom-color:#ddd;
  padding:9px;
  }

/*
 * TABLES ==============================================================
 */
table {
  font-size:11px;
  margin-bottom:0px;
  background: #f8f8f8;
  }

  div.view table td.title { font-size:13px; }
  div.view table.views-view-grid .title { font-size:16px; }

table th,
table td,
table.casetracker-assign-to td {
  vertical-align:top;
  padding:10px 10px 9px;
  border-width:1px 0px;
  border-style:solid;
  border-color:#fff;
  }

  table td.fill { width:90%; }

table th {
  background:#fff;
  color:#666;
  white-space:nowrap;
  }

form table th,
form table td,
form table.casetracker-assign-to td {
  border:0px;
  border-bottom:1px solid #ddd;
  background:transparent;
  }

form table th {
  background:transparent;
  border:0px;
  padding:5px;
  }

div.sidebar table { background:transparent; }
div.sidebar table th,
div.sidebar table td { border:0px; }

/**
 * Module: DIFF =======================================================
 */
div.diff-inline-controls {
  background:#f8f8f8;
  font-size:11px;

  border-top:1px solid #fff;

  height:29px;
  padding:0px 10px;
  margin:0px;
  }

  div.diff-inline-controls a.button {
    margin-top:3px;
    padding-top:0px;
    padding-bottom:0px;
    }

  div.diff-inline-controls span.diff-inline-legend {
    padding:4px 0px 5px;
    float:left;
    }

#right div.block-diff {
  margin-left:-1px;
  padding:10px;
  border-top:0px;
  border-bottom:1px solid #ddd;
  background:#fff;
  }

  #right div.block-diff div.block-content {
    max-height:200px;
    overflow:auto;
    border:0px;
    padding:0px;
    background:#fff;
    }

  #right div.block-diff h2.block-title {
    border:0px;
    padding:0px 0px 10px;
    background:#fff;
    }

  div.block-diff table.diff-inline-revisions tr,
  div.block-diff table.diff-inline-revisions tr:hover {
    color:#999;
    background:transparent;
    border-top:1px solid #eee;
    }

  div.block-diff table.diff-inline-revisions tr.active { color:#333; }

span.diff-deleted { color:#ccc; }

span.diff-added,
span.diff-changed {
  padding-top:5px;
  padding-bottom:5px;
  background:#ffc;
  border-bottom:1px solid #fe9;

  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  }

span.diff-added {
  background:#cfc;
  border-color:#9c9;
  }

/**
 * Module: CASETRACKER ================================================
 */
div.atrium-case-summary {
  font-size:11px;
  padding:0px;
  border-top:1px solid #fff;
  background:#f8f8f8;
  }

  div.atrium-case-summary div.primary div.status { font-size:20px; }

  /* Closed */
  div.atrium-case-status-inactive {
    color:#999;
    background:#fcfcfc;
    }

  div.atrium-case-summary div.primary,
  div.atrium-case-summary div.secondary { padding:10px; }

  div.atrium-case-summary div.primary {
    border-right:1px solid #fff;
    width:40%;
    margin-right:10px;
    }

  div.atrium-case-summary label { color:#999; }

/* Casetracker tables */
table.cases tr.odd td.active,
table.cases tr.even td.active { background:#e8f0fc; }
table.cases tr.mine td.username { background:#fffcc0; }

table.cases span.case-priority {
  display:block;
  margin:0px auto 0px;
  width:30px; height:5px;
  overflow:hidden;
  text-indent: -999px;
  background: url(images/sprite_base.png) 0px 0px no-repeat;
  }

  table.cases span.priority-1 { background-position: 0px 0px; }
  table.cases span.priority-2 { background-position: 0px -5px; }
  table.cases span.priority-3 { background-position: 0px -10px; }
  table.cases span.priority-4 { background-position: 0px -15px; }
  table.cases span.priority-5 { background-position: 0px -20px; }

/* Inactive states */
table.cases tr.status-inactive,
table.cases tr.status-inactive a {
  font-weight:normal;
  color:#bbb;
  }

table.cases tr.status-inactive { background:#fcfcfc; }
table.cases tr.status-inactive td.active { background:#f8fcff; }
table.cases tr.status-inactive.mine td.username { background:#ffe; }

table.case_changes { margin:0px 0px 10px; }
table.case_changes td { padding:5px; }

/**
 * Module: SHOUTBOX ===================================================
 */
div.shoutform div.shoutbox-input {
  padding:10px 10px 9px;
  border-bottom:1px solid #eee;
  }

/* Page view */
div.view-atrium-shoutbox-shouts div.user-picture {
  margin-right:5px;
  float:left;
  }

div.main div.view-atrium-shoutbox-shouts div.markup { font-size:13px; }

#right div.block-messaging_shoutbox form { padding:0px; }

  #right div.block-messaging_shoutbox div.item-list li.views-row-first { padding-top:10px; }

  #right div.block-messaging_shoutbox div.view { padding-bottom:30px; }

  #right div.block-messaging_shoutbox div.views-mini-pager {
    top:auto;
    bottom:5px;
    }

/**
 * Views ==============================================================
 */
div.view-header,
div.view-filters {
  background: #f8f8f8 url(images/bleeds.png) 0% 100% repeat-x;
  border:1px solid #ddd;
  margin:0px 0px 10px;
  }

  div.view-header { padding:19px; }
  div.view-filters { padding:0px 9px; }

  div.sidebar div.view-header {
    padding:9px;
    background:#fff;
    }

/* Style plugin grouped headings */
div.view h3,
div.item-list h3,
table caption {
  text-align:left;
  padding:10px 0px;
  color:#666;
  font-size:16px;
  font-weight:bold;
  }

/* Views fields */
div.view li p {
  margin:0px;
  padding:0px;
  }

div.view .views-field label,
div.view .related-title,
div.view .username,
div.view .type,
div.view .date {
  color:#666;
  font-size:11px;
  }

div.main div.view .markup { font-size:11px; }

/* Grouped fields */
div.view div.grouped-meta {
  float:left;
  width:35%;
  }

  div.view div.grouped-meta div.views-field {
    font-size:11px;
    background:#fff;
    overflow:hidden;
    padding-left:5px;
    border-right:5px solid #fff;
    margin-right:10px;
    white-space:nowrap;
    }

/* Admin links */
div.view div.grouped-admin {
  float:right;
  font-size:11px;
  }

div.view div.grouped-admin div.views-field { float:left; }

div.view div.grouped-admin a {
  float:left;
  background:#fff;
  padding:0px 5px;
  }

/* Slide over content if meta group is present */
div.view div.grouping-meta div.grouped-content {
  float:right;
  width:65%;
  }

/* VBO */
#views-bulk-operations-dropdown,
#views-bulk-operations-submit {
  float:left;
  padding:0px 5px 0px 0px;
  }

/* New marker */
.node a.new,
.comment a.new,
span.marker {
  display:block;
  float:right;
  background:url(images/sprite_base.png) -25px -25px no-repeat;
  width:20px;
  height:20px;
  text-indent:-999px;
  overflow:hidden;
  }

div.view div.item-list .count {
  background:#48a;

  float:right;
  font-weight:bold;
  padding:0px 10px;
  color:#fff;

  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  }

  div.view div.item-list .count label { color:#fff; }
  div.view .count span.marker { display:none; }

/* Profile view */
div.view-atrium-profile li { padding:0px; }

div.view-atrium-profile li div {
  clear:both;
  position:relative;
  }

  div.view-atrium-profile li div .field-content {
    display:block;
    border-top:1px solid #eee;
    padding:5px 5px 5px 100px;
    }

  div.view-atrium-profile li div label {
    padding:5px 0px;
    position:absolute;
    left:0px;

    color:#999;
    font-weight:bold;
    font-size:11px;
    }

div.view-atrium-profile li div.user-picture,
div.view-atrium-profile li div.username,
div.view-atrium-profile li div.mail {
  padding:0px 0px 10px;
  border:0px;
  line-height:60px;
  margin-right:10px;
  float:left;
  clear:none;
  }

  div.view-atrium-profile div.username {
      font-weight:bold;
      font-size:24px;
      letter-spacing:-1px;
      text-transform:none;
      }

  /**
  * @TODO: ideally we have some logic that checks to see if both
  * node title and username are populated. If so, it uses node title.
  * For now, just hide one of the two.
  */
  div.view-atrium-profile div.title { display:none; }

/* Archive block selector */
div.view #edit-summary-wrapper select { width:75%; }

/* Table view fields */
table .username,
table .number,
table .count,
table .date,
table .type { white-space:nowrap; }

/* Dashboard views */
div.view-atrium-dashboard .filename,
div.view-atrium-dashboard .title    { width:75%; }
div.view-atrium-dashboard .filemime { width:100px; }
div.view-atrium-dashboard .group    { width:20px; }
div.view-atrium-dashboard .feature  { width:15px; }
div.view-atrium-dashboard .username { width:25%; }

td.views-field-filename div.views-field-filename { font-weight:bold; }

/* OG faces, Member directory */
table.views-view-grid .username {
  float:none;
  display:block;
  text-align:center;
  }

  table.views-view-grid td div.picture { margin:0px auto; }

/* Views filter */
div.views-exposed-form input.form-text,
div.views-exposed-form select { width:auto; }

/* Views block filter */
div.block div.views-exposed-form div.views-exposed-widget {
  float:none;
  padding:5px 0px;
  }

  div.block div.views-exposed-form div.views-exposed-widget input.form-submit { margin:0px; }

/**
 * LITECAL ============================================================
 */
div.litecal .litecal-title h3.litecal-title {
  font-size:20px;
  padding:0px;
  }

div.litecal .litecal-header .litecal-label { text-align:center; }
div.litecal .date { color:inherit; }

/**
 * MULTISTEP ==========================================================
 */
ul.multistep {
  border:10px solid #f8f8f8;
  margin:0px 0px 20px;
  line-height:46px;
  padding:2px;

  background:#fff;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  }

  ul.multistep-2 li { width:50%; }
  ul.multistep-3 li { width:33%; }
  ul.multistep-4 li { width:25%; }
  ul.multistep-5 li { width:20%; }

ul.multistep li span,
ul.multistep li a {
  border-right:1px solid #eee;

  letter-spacing:-1px;
  font-size:18px;
  color:#999;

  display:block;
  float:none;
  padding:0px 10px;
  }

  ul.multistep li.last span,
  ul.multistep li.last a { border-right:0px; }

  ul.multistep li.active-step a,
  ul.multistep li.active-step span { color:#333; }

/**
 * DL =================================================================
 */
dl.node-type-list dt {
  padding:10px 0px 0px;
  font-size:15px; }

dl.node-type-list dd {
  padding:0px 0px 9px;
  border-bottom:1px solid #ddd;
  font-size:11px;
  }

/**
 * CATCHALL ===========================================================
 */
#content div.view-empty,
#content div.spaces-empty {
  background:#f4f4f4;
  border:5px solid #eee;
  color:#999;
  font-size:24px;
  font-weight:300;
  letter-spacing:-1px;
  text-align:center;
  line-height:40px;
  padding:15px;
  }

  #content div.view-empty *,
  #content div.spaces-empty * { text-align:inherit; }

  #content div.view-empty a.button,
  #content div.spaces-empty a.button { font-size:16px; }

div.sidebar div.view-empty,
div.sidebar div.spaces-empty {
  font-weight:bold;
  font-size:20px;
  color:#ccc;
  text-align:center;
  padding:20px;
  }

/* Swatches */
.crayon-swatch { line-height:20px; height:20px; }
.view-atrium-casetracker .crayon-swatch { height:15px; line-height:15px; }

/**
 * Markup free clearing ===============================================
 *
 * Consider adding your own selectors to this instead of finding ways
 * to sneak the clear-block class into Drupal's markup.
 * From http://www.positioniseverything.net/easyclearing.html
 */
div.form-checkboxes:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

div.form-checkboxes { display: inline-block; }

/* Hides from IE-mac \*/
* html div.form-checkboxes { height: 1%; }

div.form-checkboxes { display: block; }
/* End hide from IE-mac */