/**
 * 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:40px;
  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 0px;
    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:1px 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:215px;
  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 12px;
    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;
  }
#right .block-views h2.block-title,
#block-liva_df6_casetracker-4 .block-title,
div.sidebar h2.block-title {
  padding:4px 10px 5px 8px;
  border-left:2px solid #e8e8e8;
  background:#eee;
  color:#666;
  font-weight:bold;
  }
div.sidebar h2.block-title span.block-link {
	*margin-top: -25px;
	*margin-right: 15px;	
  }
div.sidebar h2.block-title span.block-link a{ *text-decoration: underline;}
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; }
#features-menu li a.icon-to-do span.icon {
  background:transparent url(images/sprite_icons.png) no-repeat scroll -120px -40px;
}
#features-menu li a.icon-dashboard-dept span.icon {
  background:transparent url(images/sprite_icons.png) no-repeat scroll -160px -40px;
}

#features-menu li a.icon-lich-bieu span.icon {
  background:transparent url(images/sprite_icons.png) no-repeat scroll -80px -40px;
}
/**
 * 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 20px;
  font-size:20px;
  line-height:30px;
  font-weight:300;
  }
h2.node-title a {
	*float: left;
  }
div.node-submitted,
div.comment-submitted {
  background:#f8f8f8;
  border:0px;
  margin:0px;
  padding:0px 5px 0px 0px;
  height:30px;
  line-height:30px;
  *clear: both;
  }

  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;
    float: right;
  }

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

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

  border:0px;
 
  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;


  }

  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;
  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:99%;
    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) 0px -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:98%; }

/* 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 {}

/**
 * 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; }
#block-liva_df6_casetracker-4 .view-empty,
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; }

div.space-tools {
  float:right;
  padding:5px 0px;
  }

div.space-tools div.block-widget,
div.space-tools div.block-widget a {
  font-size:11px;
  color:#fff;
  }

  div.space-tools div.block-widget a { font-weight:bold; }

div.space-tools h2.block-title {
  background:url(images/black40.png);
  color:#fff;
  float:none;
  margin: 0 0 0 10px;
}

body.spaces-design #content div.space-tools{ padding-top: 0px; position: static;}
body.spaces-design #content div.space-tools div.block-toggle{ padding-left: 0px; position: relative;}
body.spaces-design #content div.space-tools div.block-toggle h2{ padding-left:10px; font-size: 12px; padding-top: 0; width:65px; padding-bottom: 0; height: 30px; line-height: 30px; padding-right: 10px; left: 0; position: static;}
body.spaces-design #content div.space-tools div.block-toggle h2.toggle-active {
  background:#fff;
  color:#333; 
   -moz-box-shadow:1px 2px 2px #666;   
}
.views-table thead th.liva_in_document_links{ text-align: center;}
.views-table tbody .views-field.liva_in_document_links{ padding-top: 15px; padding-right: 20px;}
body.spaces-design #content div.space-tools div.block-toggle h2.block-title.toggle-active span.icon{ background-position:0 -420px;}
body.spaces-design #content div.space-tools div.block-toggle h2.block-title span.icon{
	background:transparent url(images/sprite_icons.png) no-repeat scroll 0 -400px;
	margin-right: 5px;
	margin-top: 5px;
}
body.spaces-design #content div.space-tools div.block-toggle div.block-content{ 
	font-size: 11px;
}
body.spaces-design #content div.space-tools div.block-toggle div.block-content ul{ line-height: 20px;}
body.spaces-design #content div.space-tools div.block-toggle div.block-content ul li{
	padding-bottom: 0px;
	padding-top: 0px;
}

span.block-link,
span.node-teaser-edit {
  float: right;
  font-size: 11px;
  font-weight: bold;
  margin-right:10px;
  text-decoration: underline;
}
div.in-document-status {
  color: red;
}
div.node-content .field .field-label {
  font-weight: bold;
}

span.username2 {
  float: left;
  color: #666666;
  font-size: 11px;
  font-weight: bold;
  vertical-align: baseline;
}

span.username2 span.username {
  float: none;
  padding: 0 0 0 0;
}

span.username2 a.username {
  float: none;
  padding: 0 0 0 0;
  color: green;
}
span.check-on {
    background:url(/sites/all/themes/ginkgo/images/thuchien.jpg);
	float:left;
	height:20px;
	width:20px;
}

th.liva_df6_action_links {
  text-align: right;
  margin-right: 10px;
  width:85px;
}
div.node-in-document-status .field-item{
	color:red;
}
/* Hides from IE-mac \*/
* html div.form-checkboxes { height: 1%; }

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

/*------------view-liva-in-document.views-table--------------*/
.view-liva-in-document .views-table tbody tr td.title, .view-liva-in-document-dept .views-table tbody tr td.title{ width: 25%;}
.view-liva-in-document .views-table tbody tr td.markup{}
.view-liva-in-document .views-table tbody tr td.date, .view-liva-in-document-dept .views-table tbody tr td.date{ width: 30%; white-space: normal;}

/*------------------------------------------------------------*/

#features-menu .icon-out-documents-all span.icon {
      background:url(images/cvdi.png) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }
#features-menu .icon-doc-dept span.icon {
      background:url(images/icon_document_dept.png) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }
#features-menu .icon-in-documents span.icon {
      background:url(images/icon_document_dept.png) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }
#features-menu .icon-dept-in-documents span.icon {
      background:url(images/cvden.png) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }
#features-menu .icon-huong-dan span.icon {
      background:url(images/guide.png) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }	  
#features-menu .icon-bao-hong-th span.icon {
      background:url(images/phieu_bao_hong.png) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }
#features-menu .icon-contact span.icon {
      background:url(images/icon_danh_ba.gif) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }
#features-menu .icon-danh-muc-km span.icon {
      background:url(images/icon_danh_ba.gif) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }
	  
#features-menu .icon-out-documents span.icon {
      background:url(images/cvdi.png) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }
#features-menu .icon-messages span.icon {
      background:url(images/cvden.png) 0px 0px no-repeat;
      display:block;
      height:40px;
      width:40px;
      float:left;
      }	  
	  
.resizable-textarea{ width: 100%;} 
.resizable-textarea textarea{ padding: 0;}

/*-------*/
.left{ float: left;}
#facebox { width: 410px; z-index:10000}
#facebox .pic-facebox-user{ margin-right: 10px;}
#facebox .facebox-full-name{ font-size: 16px; font-weight: bold;}
#facebox .facebox-phone-number{ font-size: 14px;}
#facebox .form-sms-facebox{ *margin-top: 2px;}
#facebox .form-sms-facebox .form-submit{ float: right; margin-top: 10px;}
#facebox .form-sms-facebox textarea{ width: 97%; height: 100px;}
.clearfix{ clear: both;}

#facebox tr td{ border: none;}
#facebox table, #facebox table tr, #facebox table tr td{ background-color: transparent;}

.view-og-members-faces table.views-view-grid tr td{ vertical-align: top;}
.view-og-members-faces .group-name-mail a.username{ float: left;}
.view-og-members-faces table.views-view-grid td .user-picture div.picture{ margin: 0;}
.fieldset-content .body-field-wrapper .teaser-button {
	display:none;
}
#edit-teaser-js, #edit-teaser-include-wrapper .option {
	display:none;
}
#edit-casetracker-assign-to-wrapper label{
 width:60%;
 float:left;
 margin-left:15px;
}
#edit-casetracker-assign-to-wrapper select{
 clear:none;
 width:99%;
 float:left;
 padding:0px;
 margin-left:15px;
 
}
.chon-phong-ban {
  width:35%;
  float:left;
}
.node-in_document table td, .node-in_document_dept table td, .node-out_document table td, .node-out_document_dept table td, .node-out_document_request table td, .node-calendar table td{
	width:23%;
	border:1px solid #CCCCCC;
	padding:5px 5px 5px;
}
.old-menu li{
  padding:7px;
  background:url(images/gray20.png);
  margin:0 0 1px;
}
.views-table tr.even {
  background:#FFFFCC;
}
#edit-casetracker-assign-to-wrapper{
 float:left;
 width:63%;
}
.truc-tiep-thuc-hien {
font-weight:bold;
width:165px;
background:#3399AA;
}
.goto-url {
  border: 2px solid #5D5D5D;
  background:#CCCCCC;
}
.status-0, .field_in_document_dept_status-1 {
  color:#009900;
  font-weight:bold;
  text-align:right;
}
.status-1 {
  color:#CC0000;
  font-weight:bold;
  text-align:right;
}
.calendar-calendar div.date-nav h3 {
	text-align:center;
}
.status-2, .field_in_document_dept_status-2 {
  color:#0000FF;
  font-weight:bold;
}
.status-4 {
  color:#6600FF;
  font-weight:bold;  
  text-align:right;
}
.status-5 {
  color:#990033;
  font-weight:bold;  
}
.status-15 {
  color:#0000CC;
  font-weight:bold;  
}
.status-11 {
  color:#FF0099;
  font-weight:bold;  
}
.status-10 {
  color:#FF0033;
  font-weight:bold;  
}
.status-6 {
  color:#333333;
  font-weight:bold;
}
.status-7 {
  color:#003399;
  font-weight:bold;
}
.status-8 {
  color:#669900;
  font-weight:bold;
}
.status-9 {
  color:#CC3300;
  font-weight:bold;
}
.view-liva-df6-casetracker .views-table .title, .view-atrium-casetracker .views-table .title, .view-liva-df6-casetracker-2 .views-table .title{
  width:42%;
}
.view-liva-df6-casetracker .views-table .phpcode, .view-atrium-casetracker .views-table .phpcode , .view-liva-df6-casetracker-2 .views-table .phpcode{
  /*width:25%;*/
}

.view-liva-in-document .views-table .phpcode, .view-liva-out-document .views-table .phpcode{
  width:50%;
}
.view-liva-in-document .views-table .markup, .view-liva-out-document .views-table .markup{
  width:25%;
}
.view-liva-out-document .views-table .title, .view-liva-document-dept-3 .views-table .title {
 width:40%; 
}
.view-liva-out-document .views-table .markup, .view-liva-document-dept-3 .views-table .markup {
 width:30%; 
}
.view-liva-out-document .views-table .date, .view-liva-document-dept-3 .views-table .date {
 width:30%; 
}


.view-atrium-casetracker
.right-align {
 /* text-align:right;*/
}
#edit-field-in-document-nid-nid, #edit-assigned-by-user {
  width:100%
}
.dang-cong-van {
  margin-top:22px;
}
.dashboard-title{
	font-weight:bold;
	font-size: large;
}
.block-chi-tiet-cv{
  border:1px solid red;
}
.view-liva-users .views-row-even{
 background:#FFFFCC;
}
.title-og-profile {
  font-weight:bold;
  margin-left:10px;
}
.liva_df6_action_links {

}
#edit-qlcl-wrapper, #edit-is-soft-copy-wrapper {
    float:left;
	padding:6px;
	width:46%;  
}
#page #content .block-title a {
  color:#FFFFFF;
}
.nguoi-duoc-xem td {
	padding-left:1px;
	padding-right:1px;
	padding-top:1px;
    vertical-align:top;
}
.nguoi-duoc-xem th {
	width: 33%;
}
#page-header2 {
  float:right;
  margin-top:5px;
}
#page-header2 .limiter{ padding: 0; *float: right;}
#page-header2 li{

  background:#44AA55;
  padding:2px;
}

ul#nice-menu-1 .menuparent ul{ right: 0; left: auto;}
ul#nice-menu-1 .menuparent ul ul{ left: -12.9em; right: auto; top: 2px;}

#edit-taxonomy-3-wrapper{ clear: left;}
#edit-field-coordinator-user-uid-wrapper #field_coordinator_user{ margin-top: 25px;}

#facebox table .form-submit.chuyen-phong{ *width: 90px; *padding: 0;}
.fileview .application-x-pkcs12{ background: url(images/identity.png) no-repeat scroll 50% 50%;}


/*----phan phoi cv----*/
#liva-out-doc-dept-phe-duyet-form .lbl-tieu-de{ width: 20%; display: inline-block; margin-top: 20px; margin-bottom: 10px; color: blue;}
#liva-out-doc-dept-phe-duyet-form .lbl-chon-phong.lbl-tieu-de{ width: 35%;}
#liva-out-doc-dept-phe-duyet-form .form-item label{ width: 35%; display: inline-block;}
#liva-out-doc-dept-phe-duyet-form .form-item .form-checkboxes label{width: 20%;}
#liva-out-doc-dept-phe-duyet-form div.form-item{ margin: 0 !important; *margin: 0 0 20px 0 !important;}
#liva-out-doc-dept-phe-duyet-form .form-checkboxes, #liva-out-doc-dept-phe-duyet-form .form-checkboxes * { display: inline;}
#liva-out-doc-dept-phe-duyet-form .form-checkboxes{ *width: 60%;}
#liva-out-doc-dept-phe-duyet-form .form-item .form-checkboxes label{ *width: 33%;}

#liva-out-doc-dept-trien-khai-lai-form .lbl-tieu-de{ width: 16%; display: inline-block; margin-top: 20px; margin-bottom: 10px; color: blue;}
#liva-out-doc-dept-trien-khai-lai-form .lbl-chon-phong.lbl-tieu-de{ width: 35%;}
#liva-out-doc-dept-trien-khai-lai-form .form-item label{ width: 42.5%; display: inline-block;}
#liva-out-doc-dept-trien-khai-lai-form .form-item .form-checkboxes label{width: 19%;}
#liva-out-doc-dept-trien-khai-lai-form div.form-item{ margin: 0 !important; *margin: 0 0 20px 0 !important;}
#liva-out-doc-dept-trien-khai-lai-form .form-checkboxes, #liva-out-doc-dept-trien-khai-lai-form .form-checkboxes * { display: inline;}
#liva-out-doc-dept-trien-khai-lai-form .form-checkboxes{ *width: 58%;}
#liva-out-doc-dept-trien-khai-lai-form .form-item label{ *width: 41.5%;}
#liva-out-doc-dept-trien-khai-lai-form .form-item .form-checkboxes label{ *width: 33%;}
#liva-out-doc-dept-trien-khai-lai-form .form-item {float: left; width: 83.5%; clear: left;}
#liva-out-doc-dept-trien-khai-lai-form .form-item .form-item{ float: none; clear: none;}
#liva-out-doc-dept-trien-khai-lai-form .container-inline{ margin-top: 10px;}
#liva-out-doc-dept-trien-khai-lai-form .out-doc-dept-status{ height: 39px; padding-top: 1px;}
#liva-out-doc-dept-trien-khai-lai-form #edit-y-kien-phe-duyet-wrapper{ width: 100%;}
.view-liva-out-document .views-table tr td {
 white-space: normal;
 width:35%;
}
#liva-out-doc-dept-trien-khai-form #edit-so-cong-van-wrapper {
  width:52%;
  float:left;
}

/*danh sach cac phong xin y kien */
.view-liva-out-document-request.view-display-id-block_1 .related-title{ float: left;}
.view-liva-out-document-request.view-display-id-block_1 .field_out_doc_request_status_value{ float: right;}
.view-liva-out-document-request.view-display-id-block_1 .field_out_doc_request_content_value{ clear: both;}
.view-liva-out-document-request.view-display-id-block_1 table tr.row-1{ border-bottom: 1px solid #eee;}
.view-liva-out-document-request.view-display-id-block_1 table tr.row-1.last{ border-bottom: none;}

/*--------------*/
#liva-out-doc-trien-khai-cv-phong-form #edit-so-cong-van-wrapper{ float: left; width: 300px;}
#liva-out-doc-trien-khai-cv-phong-form #edit-y-kien-phe-duyet-wrapper{ clear: left;}
#block-liva_df6-2 ul {
float:left;
}
#liva-out-doc-trien-khai-cv-ky-thua-lenh-form #edit-so-cong-van-wrapper{ float: left; width: 300px;}
#liva-out-doc-trien-khai-cv-ky-thua-lenh-form #edit-y-kien-phe-duyet-wrapper{ clear: left;}
.quicktabs_wrapper.quicktabs-style-arrows ul{ float: left;}
.quicktabs_wrapper.quicktabs-style-arrows{ clear: left; padding-bottom: 10px;}
 ul.quicktabs_tabs.quicktabs-style-arrows{ border: none;}
.quicktabs_wrapper.quicktabs-style-arrows ul.quicktabs_tabs.quicktabs-style-arrows li{ float: left;}
.quicktabs_wrapper.quicktabs-style-arrows ul.quicktabs_tabs.quicktabs-style-arrows li.active a.active{ color: white;}
.quicktabs_wrapper.quicktabs-style-arrows ul.quicktabs_tabs.quicktabs-style-arrows li.active { background-color: #049e94;}
.quicktabs_wrapper.quicktabs-style-arrows ul.quicktabs_tabs.quicktabs-style-arrows li.active a.active, .quicktabs_wrapper.quicktabs-style-arrows ul.quicktabs_tabs.quicktabs-style-arrows li.active a.active:hover{ background: transparent url(images/arrow_new.png) no-repeat scroll center 22px; padding-bottom: 10px; position: relative;}
.quicktabs_wrapper.quicktabs-style-arrows ul.quicktabs_tabs.quicktabs-style-arrows li a:hover, .quicktabs_wrapper.quicktabs-style-arrows ul.quicktabs_tabs.quicktabs-style-arrows li a { background: none;}
#block-liva_df6-2 .block-content .more-link{
  margin-top: -40px;
}
.an-phong {
 display:none;
}
#block-liva_df6-3 h2.block-title div.picture {
	float:left;
	margin:5px 5px 0 0;
}
#block-liva_df6-3 div.user-info div.picture {
float:left;
}
#block-liva_df6-3 div.user-info a.username {
  font-size:24px;
   padding:0 10px;
}
#block-liva_df6-3 div.user-info {
	 background: url(images/gray20.png);
 	line-height:60px;
	margin:0 0 1px;
	padding:10px 10px 9px;
}
.field_in_document_status-0 { color:#FF0000; font-weight:bold;}
.field_in_document_status-1, .field_out_document_dept_status-0 { color:#0099FF; font-weight:bold;}
.field_in_document_status-2, .field_out_document_dept_status-1 { color:#00CC00; font-weight:bold;}
.field_in_document_status-3, .field_out_document_dept_status-2 { color:#0000FF; font-weight:bold;}
.field_in_document_status-4, .field_out_document_dept_status-3, .status-3 { color:#669900; font-weight:bold;}
.field_in_document_status-5 { color:#990000; font-weight:bold;}
/*Color out document*/
.field_out_document_status-1 { color:#FF0000; font-weight:bold;}
.field_out_document_status-1 { color:#0099FF; font-weight:bold;}
.field_out_document_status-2 { color:#00CC00; font-weight:bold;}
.field_out_document_status-3 { color:#0000FF; font-weight:bold;}
.field_out_document_status-4 { color:#669900; font-weight:bold;}
.field_out_document_status-5 { color:#669900; font-weight:bold;}
.field_out_document_status-6, .field_status-10 { color:#990000; font-weight:bold;}

.field_out_document_status-7 { color:#663300; font-weight:bold;}
.field_out_document_status-8 , .field_status-2 { color:#CC0099; font-weight:bold;}
.field_out_document_status-9, .field_status-3 { color:#0000FF; font-weight:bold;}
.field_out_document_status-10 , .field_status-4 { color:#999933; font-weight:bold;}
.field_out_document_status-11 , .field_status-5 { color:#003300; font-weight:bold;}
.field_out_document_status-12 , .field_status-6{ color:#0000CC; font-weight:bold;}
.field_out_document_status-13, .field_out_document_status-17, .field_status-7 { color:#CC3333; font-weight:bold;}
.field_out_document_status-14, .field_out_doc_request_status-1, .field_status-8 { color:#0066CC; font-weight:bold;}
.field_out_document_status-15, .field_out_doc_request_status-2, .field_status-9 { color:#009966; font-weight:bold;}
.field_out_document_status-16, .field_out_doc_request_status-3, .field_status-1 { color:#FF0066; font-weight:bold;}
#header .views-exposed-widgets {
  margin:auto;
  width:30%;
  background:url(images/gray20.png);
  padding:15px;
}
a.tooltip {
	border-bottom:1px dashed #AAAAAA;
	cursor:pointer;
	position:relative;
	text-decoration:none;
}
a.tooltip span {
  display:none;
  text-align:left !important;
  min-width:300px !important;
}

#draggableviews-view-draggabletable-form-liva-calendar-term-block-1 a.tabledrag-handle {
  padding: 0;
  margin:0;
}
#draggableviews-view-draggabletable-form-liva-calendar-term-block-1 a {
  font-size:larger;
}

#draggableviews-view-draggabletable-form-liva-calendar-term-block-1 a.tabledrag-handle .handle  {
  width: 0px;
  padding: 0;
  height:0;
  margin:0;
}
#draggableviews-view-draggabletable-form-liva-calendar-term-block-1 a.liva-active {
  font-weight: bold;
}
#ucreate-user-form #content div.container-inline-date {
   float:none;
}
.liva-year {
  background:url(images/year.png);
  height:22px;
  width:25px;
  margin:5px;

 }
.liva-month {
  background:url(images/month.gif);
  height:22px;
  width:25px;
  margin:5px;

 }
.liva-week {
  background:url(images/week.gif);
  height:22px;
  width:25px;
  margin:5px;

 }
.liva-day {
  background:url(images/day.gif);
  height:22px;
  width:25px;
  margin:5px;

 }
.view-liva-calendar-2 .calendar-calendar li, .view-liva-calendar-3 .calendar-calendar li {
  float:right;
} 
.block-news-event .views-row{float:left;margin-bottom:8px;text-align:justify;}
.block-news-event .title a{color:#4488AA;float:left;font-family:arial;font-size:14px;font-weight:bold;width:100%;}
.block-news-event .field_news_image_fid{border:1px solid #CCCCCC;float:left;margin-right:4px;padding:2px;}
div.sidebar div.block-content.block-menu-news ul li a{background:url("images/muiten22.jpg") no-repeat scroll 0 8px transparent;
color:#4488AA;float:left;font-family:arial;font-weight:bold;margin-bottom:5px;padding-left:10px;width:100%;}
div.sidebar div.block-content.block-menu-news ul li a:hover{color:#FF3300;}
div.sidebar div.block-content.block-menu-news ul li a.active{color:#FF3300;}

.view-view-news.view-display-id-page_1 .views-row{float:left;margin-bottom:8px;text-align:justify;}
.view-view-news.view-display-id-page_1 .title a{color:#4488AA;float:left;font-family:arial;font-size:14px;font-weight:bold;width:100%;}
.view-view-news.view-display-id-page_1 .field_news_image_fid{border:1px solid #CCCCCC;float:left;margin-right:4px;padding:2px;}
.news-content-node .news-lead{font-family:arial;font-size:13px;font-weight:bold;padding-bottom:3px;}
.news-content-node .news-content{text-align:justify;line-height:26px;}
.news-content-node .news-img{border:1px solid #CCCCCC;float:left;margin-right:4px;padding:2px;}
.block-tin-khac a{background:url("images/muiten22.jpg") no-repeat scroll 0 8px transparent;
color:#4488AA;
float:left;
font-family:arial;
margin-bottom:5px;
padding-left:10px;
width:100%;font-size:16px;}
.block-tin-khac a:hover{color:#FF3300;}
#features-menu li a.icon-news span.icon {background:url("images/icon_news.gif") no-repeat scroll 0 0 transparent;}
#features-menu li a.icon-feed span.icon {background:url("images/icons_rss.gif") no-repeat scroll 0 0 transparent;}
#features-menu li a.icon-forum span.icon {background:url("images/icon_forum.gif") no-repeat scroll 0 0 transparent;}
#features-menu li a.icon-ticket span.icon {background:url("images/icon_mail.gif") no-repeat scroll 0 0 transparent;}
.view-liva-message #views-bulk-operations-select {
	float:right;
}
.liva-empty {
	background:none repeat scroll 0 0 #F4F4F4;
	border:5px solid #EEEEEE;
	color:#999999;
	font-size:24px;
	font-weight:300;
	letter-spacing:-1px;
	line-height:40px;
	padding:15px;
	text-align:center;
}
.view-liva-feed .views-field.phpcode{float:left;
margin-top:5px;
width:100%;text-align:justify;}
.view-liva-feed .views-field.phpcode ul.links.pager{background:none repeat scroll 0 0 MistyRose;margin-bottom:10px;margin-top:10px;}
.views-table .last {
  /*border:1px solid red;*/
  text-align:right;
}
.new-message {
  color:#FF0000;
}

.view-liva-calendar-3 .col_0, .view-liva-calendar-2 .col_0 {
  width:15%;
}

.view-liva-calendar-3 .col_1, .view-liva-calendar-2 .col_1 {
  width:40%;
}
.view-liva-calendar-3 .view-table .last, .view-liva-calendar-2 .view-table .last {
  width:25%;
}
.view-liva-feed .view-content .views-row .block-liva_feed{margin-bottom:20px;}
.view-content a.tooltip{border-bottom:none;}
.view-liva-feed .view-content{line-height:30px;}
.view-view-feed-all .view-content{line-height:30px;}
.block-tin-moi-nhat a{background:url("images/muiten22.jpg") no-repeat scroll 0 6px transparent;padding-left:8px;}
.forum-post-panel-main .content .field.terms.clear-block{float:left; width:100%;}
.page-to-do .view-liva-report-group .views-field  a.liva-active {
	font-weight:bold;
	font-size:1.1em;
}
.view-liva-case-report-group .view-header, .view-liva-case-report .view-header{
	color:#666666;
	font-size:16px;
	font-weight:bold;
}
.view-liva-case-report-group .view-header p, .view-liva-case-report .view-header p {
	text-align:center;
}
.message-phong {
	color:green;
}
#block-views-liva_feed-block_4 .view-liva-feed .view-footer {
	text-align:right;
}
a.liva-active.active{color:OrangeRed;
font-weight:bold;}
.node-contacts .node-content table tr td{border:1px solid #ccc;}
.node-ticket .node-content table tr td{border:1px solid #ccc;}
.label-nguoi-nhac {
	float:left;
	font-size:11px;
	width:140px;
	color:#999999;
	font-weight:bold;
}

#node-form.form-casetracker_basic_case #content div.container-inline-date{
	width: 50%;
	margin: 0;
}

#node-form.form-casetracker_basic_case #content div.container-inline-date .form-item-labeled .form-item .form-text{
	width: 88%;
	margin: 0;
}


#block-views-liva_document_dept_2-block_1 table thead tr th.field_out_document_dept_status_value, #block-views-liva_document_dept-block_3 table thead tr th.field_in_document_dept_status_value{
	width: 32%;
}

#block-views-liva_document_dept_2-block_1 table thead tr th.markup, #block-views-liva_document_dept-block_3 table thead tr th.markup{
	width: 31%;
}

#block-views-liva_df6_casetracker_2-block_2 .views-table .views-field.col_3, #block-views-liva_df6_casetracker_2-block_3 .views-table .views-field.col_3{
	width: 20%;
}

#block-views-liva_df6_casetracker_2-block_2 .views-table .views-field.col_1, #block-views-liva_df6_casetracker_2-block_3 .views-table .views-field.col_1{
	width: 30%;
}

#block-views-liva_in_document-block_2 .views-table .views-field.col_0, #block-views-liva_out_document-block_1 .views-table .views-field.col_0{
	width: 35%;
}

#block-views-liva_in_document-block_2 .views-table .views-field.col_1, #block-views-liva_out_document-block_1 .views-table .views-field.col_1{
	width: 46%;
}

#block-views-liva_calendar_2-block_2 .views-table .views-field.col_3{
	width: 20%;
}

#block-views-liva_calendar_2-block_2 .views-table .views-field.col_2{
	width: 13%;
}

/*note*/
.view-liva-note.view-display-id-page_1 .views-row{ float: left; width: 24%; margin-right: 12px;}
.view-liva-note.view-display-id-page_1 .views-row.last{ margin: 0; float: right;}
.view-liva-note.view-display-id-page_1 .views-row div.node{ border: 1px solid #ccc; background: yellow; padding: 0; margin-bottom: 10px; -moz-box-shadow:1px 2px 2px #666666;}
.view-liva-note.view-display-id-page_1 .views-row div.node .node-title{ padding: 0; border-bottom: 1px solid #ccc; margin: 0; height: 15px; background: blue;}
.view-liva-note.view-display-id-page_1 .views-row div.node .node-title a{ float: right; height: 11px; width: 11px; background: url(images/close_note.png) no-repeat; margin-right: 2px; margin-top: 2px;}
.view-liva-note.view-display-id-page_1 .views-row div.node .node-body{ margin: 0;}
.view-liva-note.view-display-id-page_1 .views-row div.node .node-body .created-note{ margin: 0 5px; border-top: 1px solid #ccc; font-size: 12px; padding: 0 5px; line-height: 15px;}
.view-liva-note.view-display-id-page_1 .views-row div.node div.textarea{ border: 0; font-size: 12px; width: 100%; height: 100px; padding: 5px;}
#new-body{ width: 100%; margin-bottom: 10px; height: 100px;}
.new-note.button{ padding: 5px 10px;}

#node-form #content div.container-inline-date, #content #liva-bao-hong-th-sua-tai-cho-form div.container-inline-date,
#content #liva-bao-hong-th-mang-thiet-bi-di-form div.container-inline-date,
#content #liva-bao-hong-th-tra-thiet-bi-form div.container-inline-date{ 
   float:none;
   width:100%;
}
.node-phieu_bao_hong table td, .node-message table td, .node-khach_hang table tr td, .node-ve_khuyen_mai table tr td{
  border:1px solid #CCCCCC;
  padding:5px;
  width:23%;
}
#content #liva-bao-hong-th-xac-nhan-ly-do-loi-form div.form-radios, #content #liva-bao-hong-th-mang-thiet-bi-di-form div.form-radios {
 width:100%;
 padding:13px;
}
#content #liva-bao-hong-th-xac-nhan-ly-do-loi-form div.form-radios .form-item, #content #liva-bao-hong-th-mang-thiet-bi-di-form div.form-radios .form-item {
 float:left;
 width:33%;
}
#content #liva-bao-hong-th-sua-tai-cho-form div#edit-vat-tu-thay-the-wrapper, #content #liva-bao-hong-th-mang-thiet-bi-di-form div#edit-vat-tu-thay-the-wrapper { 
 padding:10px;
}

div#ui-datepicker-div{z-index:100000;}
.body-phieu {
  color:#FF0000;
  float:right;
}
#edit-markup-1 {width:35%;float:left;}
#edit-markup-2 {margin-left:9px;width:25%;} 
#content #liva-bao-hong-th-sua-tai-cho-form div.form-item, #content #liva-bao-hong-th-mang-thiet-bi-di-form div.form-item,
#content #liva-bao-hong-th-tra-thiet-bi-form div.form-item  {margin:0px;}
#liva-bao-hong-th-sua-tai-cho-form #edit-submit, #liva-bao-hong-th-mang-thiet-bi-di-form #edit-submit, 
#liva-bao-hong-th-tra-thiet-bi-form #edit-submit{ margin-top:15px;}

/*21/04/2010*/
#views-exposed-form-liva-phieu-bao-hong-page-1 .description .container-inline-date, #block-views--exp-liva_phieu_bao_hong-page_2 .description .container-inline-date, #block-views--exp-liva_phieu_bao_hong-page_3 .description .container-inline-date, #views-exposed-form-liva-ve-khuyen-mai-page-1 .description .container-inline-date
{ float: left; width: 48%; clear: none;}
#block-views--exp-liva_phieu_bao_hong-page_2 .views-exposed-widget{ clear: left;}
.node-phieu_bao_hong div.node-content .node-body .field .field-label {font-weight:bold;width:100%; margin-top:-3px;}
.node-phieu_bao_hong div.node-content .node-body .field {float:left; width:27%;}
span.thoi-gian-phieu{float:left;
width:98px;}
.view-liva-phieu-bao-hong table td {
  padding:10px 3px 9px;
}

#views-exposed-form-liva-phieu-bao-hong-page-1{ width: 215px;}
#views-exposed-form-liva-phieu-bao-hong-page-1 .description .container-inline-date{ width: 40%;}
#views-exposed-form-liva-ve-khuyen-mai-page-1 .description .container-inline-date{ width: 45%;}
#views-exposed-form-liva-phieu-bao-hong-page-1 div.views-exposed-form input.form-text, #views-exposed-form-liva-ve-khuyen-mai-page-1 div.views-exposed-form input.form-text{ width: 90%;}
#views-exposed-form-liva-phieu-bao-hong-page-1 div.views-exposed-widget{ clear: left;}
#views-exposed-form-liva-phieu-bao-hong-page-1 .container-inline-date .form-item .form-item .description, #views-exposed-form-liva-ve-khuyen-mai-page-1 .container-inline-date .form-item .form-item .description{ font-size: 9px;}
#views-exposed-form-liva-ve-khuyen-mai-page-1 .views-exposed-form div.views-exposed-widget {
float:none;
padding:1px 0;
}


#views-exposed-form-liva-phieu-bao-hong-page-3{ width: 215px;}
#views-exposed-form-liva-phieu-bao-hong-page-3 .description .container-inline-date{ width: 40%;}
#views-exposed-form-liva-phieu-bao-hong-page-3 div.views-exposed-form input.form-text{ width: 90%;}
#views-exposed-form-liva-phieu-bao-hong-page-3 div.views-exposed-widget{ clear: left;}
#views-exposed-form-liva-phieu-bao-hong-page-3 .container-inline-date .form-item .form-item .description{ font-size: 9px;}


#views-exposed-form-liva-phieu-bao-hong-page-5{ width: 215px;}
#views-exposed-form-liva-phieu-bao-hong-page-5 .description .container-inline-date{ width: 40%;}
#views-exposed-form-liva-phieu-bao-hong-page-5 div.views-exposed-form input.form-text{ width: 90%;}
#views-exposed-form-liva-phieu-bao-hong-page-5 div.views-exposed-widget{ clear: left;}
#views-exposed-form-liva-phieu-bao-hong-page-5 .container-inline-date .form-item .form-item .description{ font-size: 9px;}
#block-liva_bao_hong_th-3 .views-table .last, #block-views-liva_phieu_bao_hong-block_2 .views-table .last, #block-views-liva_phieu_bao_hong-block_8 .views-table .last {
  text-align:left;
}
.view-liva-phieu-bao-hong.view-display-id-page_1 .views-table .col_0{
  width:90px;
}
.view-liva-phieu-bao-hong.view-display-id-page_1 .views-table .last{
  width:21%;
}
.view-liva-phieu-bao-hong.view-display-id-page_3 .views-table .last{
  width:21%;
}
.page-bao-hong-th #page #content {
  float:left;
  width:75%;
}
.page-bao-hong-th #page #right {
  float:left;
  width:25%;
}
#block-liva_bao_hong_th-5 .block-content {
  text-align:center;
}
#edit-tieu-chuan-wrapper{ float: left; width: 35%;}
#edit-loai-tieu-chuan-wrapper, #edit-thang-wrapper, #edit-nam-wrapper, #edit-thang-quy-wrapper{ float: left; padding-top: 20px;}
#edit-nam-wrapper{ width: 40px;}
#content div#edit-muc-san-wrapper{clear:left; float:right; margin-right:-8px; margin-top:-52px;}
.nguon-su-dung{ clear: left;}
.nguon-su-dung .form-item .form-item{ float: left; width: 25%;}
#features-menu li a.icon-ve-khuyen-mai .icon{ background: url(images/ticket-icon.png) no-repeat;}
#features-menu li a.icon-khach-hang .icon{ background: url(images/khach-hang-icon.png) no-repeat;}

.field_ticket_status-1 { color:#0099FF; font-weight:bold;}
.field_ticket_status-2 { color:#00CC00; font-weight:bold;}
.field_ticket_status-3 { color:#0000FF; font-weight:bold;}
.field_ticket_status-4 { color:#669900; font-weight:bold;}
.field_ticket_status-5 { color:#999933; font-weight:bold;}
.field_ticket_status-6 { color:#FF0000; font-weight:bold;}
.field_ticket_status-7 { color:#FF00CC; font-weight:bold;}
.field_ticket_status-8 { color:#660000; font-weight:bold;}
.field_ticket_status-9 { color:#339900; font-weight:bold;}
.xuat-ve-submit{ margin-top: 10px;}

#edit-field-khach-hang-nid-nid-wrapper{ float: left; width: 47%;}
#edit-field-khach-hang-nid-nid-wrapper select{ width: 95%;}
#content div#edit-loai-don-vi-wrapper{ float: left; margin-top: 20px; width: 100px; overflow: hidden;}
#content div#edit-loai-don-vi-wrapper .form-select{ width: 100%;}
#edit-ma-don-vi-wrapper{ float:left; padding-left:34px; width:30%;}
#edit-field-ten-khach-hang-0-value-wrapper, #edit-field-loai-gia-0-value-wrapper, #node-form .fieldset.tao-processed{ clear: left;}

#edit-field-dia-chi-0-value-wrapper{ width: 48%; float: left;}
.tao-ve-khuyen-mai #edit-field-dien-thoai-0-value-wrapper{ float:left;  width:100%;}


#edit-field-phieu-xin-y-kien-value-1-wrapper label{ color: #ff0000;}
#edit-field-hanh-ly-0-value-wrapper, #edit-field-hanh-trinh-0-value-wrapper, #edit-field-nang-len-hang-0-value-wrapper, #edit-field-loai-gia-0-value-wrapper, #edit-field-hanh-trinh-nid-nid-wrapper{ clear: left;}
.view-bao-cao-ve-khuyen-mai.view-display-id-page_1 table tr .phpcode{ padding: 10px 0; text-align: center;}
.tbl-ve-mien-giam{ background: none;}
.tbl-ve-mien-giam tr td{ width: 33%; text-align: center; padding: 0 10px;}
.field_phieu_xin_y_kien-1 {color:#FF0000;}

.page-ve-khuyen-mai #right .views-exposed-widget .container-inline-date{ float: left; width: 47%; clear: none;}
.field-field-tu-choi .field-label{ width:15%; float:left;}
.field-field-tu-choi .field-items{ color:#FF0000;}
.node-ve_khuyen_mai div.space-tools div.block-toggle h2 {
	margin-top:-15px;
}
.tao-ve-khuyen-mai div#edit-taxonomy-18-wrapper{
 clear:left;
}
.tao-ve-khuyen-mai div#edit-field-ke-hoach-value-wrapper.form-item {
  padding:4px;
  margin-top: -10px;
}
.tao-ve-khuyen-mai {  width:70%;  margin:0 auto;}
.tao-ve-khuyen-mai #edit-submit {margin-left:300px;}
#views-exposed-form-bao-cao-ve-khuyen-mai-page-1 #content div.form-item{ margin-bottom: 0;}
#views-exposed-form-bao-cao-ve-khuyen-mai-page-1 #edit-loai-phieu{ margin-top: 20px;}
#views-exposed-form-bao-cao-ve-khuyen-mai-page-1 #edit-submit-bao-cao-ve-khuyen-mai{ margin-top: 42px;}
#views-exposed-form-bao-cao-ve-khuyen-mai-page-1 #edit-date-filter-min-wrapper{ margin-right: 10px;}
#views-exposed-form-liva-ve-khuyen-mai-page-1 #edit-don-vi-id { width: 65%;}
#views-exposed-form-liva-ve-khuyen-mai-page-1 #edit-loai-don-vi-2 { 
	float:right;
	margin-top:-212px;
	width:24%;
	margin-right: 22px;
}
#views-exposed-form-liva-ve-khuyen-mai-page-1 {
  width:340px;
}
#views-exposed-form-bao-cao-ve-khuyen-mai-page-4 div.views-exposed-form input.form-text, div.views-exposed-form select {
width:90%;
}
#views-exposed-form-bao-cao-ve-khuyen-mai-page-4 .views-exposed-form .views-exposed-widget {width:230px;}
#content #views-exposed-form-bao-cao-ve-khuyen-mai-page-4 div.form-item  { margin-top:0px; float:left}

#content .node-ve_khuyen_mai div.field-label {font-weight:bold;}
.view-bao-cao-ve-khuyen-mai.view-display-id-page_2 .phpcode {
  text-align:center;
}
span.file-des .form-text {
  display:none;
}
.tao-ve-khuyen-mai #edit-thang-quy, .tao-ve-khuyen-mai #edit-muc-san {
  margin-left:5px;
}
.anh-ban-ve-km {text-align:center;}
.image-map {height:330px;}
.image-map-2 {height:410px;}
.messages.error {
 border:1px solid red;
 color:#CCFF33;
}
.tao-phieu-bao-hong #content .tips, .tao-ve-khuyen-mai #content .tips, .tao-profile #content .tips {display:none;}
.tao-phieu-bao-hong #content p a {display:none;} 
.tao-profile #content p a {display:none;} 
#block-liva_bao_hong_th-6 .item-list #zenchat-user {width:24%; float:left;}
#block-liva_bao_hong_th-3 .block-title {text-transform:uppercase; color:#FF0000; font-size:12px;}
.khong-duoc-nhap {
  color:red;
  font-size:21px;
  text-align:center;
}
.view-id-liva_phieu_bao_hong.view-display-id-page_2 .view-content td.date{ width:21%;}

#features-menu .icon-ve-ke-hoach span.icon{
	  background: url("/sites/all/themes/ginkgo/images/folder_with_file.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 40px;
    width: 40px;
}
.page-ve-ke-hoach td{
	border: 1px solid;
}
#page td.class-ap{
	background-color:#99ffff;
}
#page #taxonomy-term-data{
	width:49%;
	float:right;
}
#page #taxonomy-term-data .form-text,
#page #taxonomy-term-data .form-textarea, 
#page #taxonomy-term-data .form-select {
	padding:2px;
}
#page .sticky-enabled .form-text{
	width:45%;
}
#edit-term-data-weight{
	width:10%
}
input#edit-weight-up,
input#edit-weight-down{
	 background: #444444 !important ;
}
#content #edit-field-don-vi-khac-0-value-wrapper{
	clear:both;
	width:430px;
}
.limiter input#edit-double-tree-show,
.limiter input#edit-export-show,
.limiter input#edit-merge-show,
.limiter #taxonomy-manager table.sticky-enabled,
#term-data-weight{
	display:none;
}
.tao-ve-khuyen-mai .date-year label,.tao-ve-khuyen-mai #edit-title-wrapper{
	display:none;
}
.tao-ve-khuyen-mai .container-inline-date{
  width:100% !important;
 }
#edit-taxonomy-19-wrapper,
#edit-field-nang-len-hang-value-wrapper{float: left}
.view-ve-theo-xttm table caption{color: red;}
.view-ve-theo-xttm .title{width: 310px !important;}
.view-display-id-page_1 .name{font-weight: bold; font-size: 12px; width: 310px !important;}
.view-bao-cao-ve-khuyen-mai #edit-year-value-wrapper select{
   width: 80px; 
}