/*** Displays **/
.node-wrapper > .content-attachments-panel-tabs .ui-tabs-panel {
  padding: 1.5em 1em;

  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*** Node Nav **/
.node-wrapper .node-nav {
  padding: 6px 12px 0;
}

.node-wrapper .node-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.node-wrapper .node-nav ul li {
  float: left;
  margin-right: 0.6em;

  border-top: 2px solid transparent;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.node-wrapper .node-nav ul li a {
  display: block;
  padding: 6px 12px;
}

/*** Local Tasks **/
.primary-tabs ul.primary,
.crm-local-tasks-region {
  margin: 0;
  padding: 8px 15px;
  border: 0 none;
  background-color: #d8d8d8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D8D8D8)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ffffff, #D8D8D8); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #ffffff, #D8D8D8); /* FF3.6+ */
  background-image:      -o-linear-gradient(top, #ffffff, #D8D8D8); /* Opera 11.10+ */
  background-image:         linear-gradient(to bottom, #ffffff, #D8D8D8);
}

.primary-tabs ul.primary:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.crm-local-tasks-region .timestamp-wrapper {
  float: right;
  width: 300px;
  color: #7f7f7f;
  text-align: right;
  font-size: 11px;
  line-height: 1.3em;
}

.crm-local-tasks-region .local-tasks ul {
  margin-right: 300px;
  background: transparent;
  border: 0 none transparent;
  padding: 0;
  margin: 2px 0;
}

.primary-tabs ul.primary li,
.crm-local-tasks-region .local-tasks li {
  display: block;
  float: left;
}

.primary-tabs ul.primary li a,
.crm-local-tasks-region .local-tasks ul li a {
  color: #333333;
  display: block;
  padding: 4px 10px;

  border: 0 none;
  background: transparent;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.primary-tabs ul.primary li a:hover,
.primary-tabs ul.primary li a:focus,
.crm-local-tasks-region .local-tasks ul li a:hover,
.crm-local-tasks-region .local-tasks ul li a:focus {
  border-bottom: 1px solid #a5a5a5;
  background: #cccccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dedede)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #cccccc, #dedede); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #cccccc, #dedede); /* FF3.6+ */
  background-image:      -o-linear-gradient(top, #cccccc, #dedede); /* Opera 11.10+ */
  background-image:         linear-gradient(to bottom, #cccccc, #dedede);
}

.primary-tabs ul.primary li.active a,
.crm-local-tasks-region .local-tasks ul li.active a {
  border-bottom: 1px solid #a5a5a5;
  background: #bfbfbf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#cccccc)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #bfbfbf, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #bfbfbf, #cccccc); /* FF3.6+ */
  background-image:      -o-linear-gradient(top, #bfbfbf, #cccccc); /* Opera 11.10+ */
  background-image:         linear-gradient(to bottom, #bfbfbf, #cccccc);
}

/****** Node Sections *****/
.node-wrapper .node-header,
.node-wrapper .node-content-wrapper {
  padding: 1em;
}

/* Make all fields in header main line up under title */
.node-wrapper .node-header .content-main-inner {
  min-height: 60px;
}

.node-wrapper .node-header .content-main-inner > * {
  padding-left: 70px;
}


.node-wrapper .node-main .node-header .field-label {
  max-width: none;
  text-align: left;
  width: auto;
}

/******* Node Title *******/
.node-wrapper .node-title {
  position: relative;
  padding-left: 70px;
}

.node-wrapper .node-title .type-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 50px;
}

.node-wrapper .node-title .node-type-name {
  color: #666666;
  font-size: 0.857142em;
  line-height: 1.1em;
}

.node-wrapper .node-title h1 {
  margin: 0;
  padding: 5px 0 0;
}

/********* Groups *****/
.node-main .fieldgroup {
  border: 0 none;
  padding: 0;
  margin: 1em 0;
}

.node-main .fieldgroup legend,
.node-wrapper .node-main .field-label.label-above {
  color: #333333;
  font-weight: bold;
  font-size: 1.2em;
  text-align: left;
  padding: 0;
  margin-bottom: 0.25em;
}

/********* Fields *****/
/******** Fields ***********/
.node-main .field .field-items {
  margin: 0.6em 0;
  clear: left;
}

.node-main .field .field-items:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.update-detail-wrapper .update-detail {
  margin-top: 0;
}

.update-detail-wrapper .total-working-time::after,
.update-detail-wrapper .update-detail .update-info::after,
.update-detail-wrapper .update-detail .update-info > div::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.node-main .update-detail-wrapper .update-info > * {
  float: none;
  margin: 0;
  display: block;
}

.node-main .field-label-inline .field-label,
.node-main .update-detail-wrapper .title {
  color: #666666;
  float: left;
  font-weight: normal;
  text-align: right;
  font-size: 0.846em;
  line-height: 1.636em;
  margin: 0;
  padding: 0;
  width: 180px;
  max-width: 30%;
  text-align: right;
  margin-right: 1em;
  font-size: 0.846em;
  line-height: 1.636em;
}

.node-main .field-label-inline .field-content {
  display: block;
  overflow: hidden;
}

/** Sidebars **/
.crm-node .node-content .node-content-main {
  width: 50%; /* n - (l + r) */
  margin-left: 25%; /* n - l */
}

.node-wrapper .node-header .node-header-main {
  width: 50%;
  margin-left: 0; /* n - l */
}

.crm-node .node-content.sidebar-left .node-content-main {
  margin-left: 50%;
}

.node-wrapper .node-header.no-sidebars .node-header-main,
.crm-node .node-content.no-sidebars .node-content-main {
  width: 100%;
  margin-left: 0;
}

.crm-node .node-content.sidebar-left .node-content-main {
  width: 50%;
}

.crm-node .node-content.sidebar-right .node-content-main {
  width: 50%;
  margin-left: 0;
}

.crm-node .node-content.two-sidebars .node-content-left,
.crm-node .node-content.two-sidebars .node-content-right {
  width: 25%;
}

.crm-node .node-content.two-sidebars .node-content-right {
  margin-left: -25%;
}

.crm-node .node-content.sidebar-left .node-content-left {
  width: 50%;
}

.node-wrapper .node-header.header-sidebar-right .node-header-right,
.crm-node .node-content.sidebar-right .node-content-right {
  width: 50%;
  margin-left: -50%;
}