#header {
  background: #7F99BE url(../images/layout-browser-hd-bg.gif) repeat-x center;
}

#header h1 {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  padding: 5px 10px;
}

.x-date-menu {
  width: 175px;
}

.x-statusbar .x-status-error {
  color: #cc3333;
  cursor: pointer;
/ / font-size: 10 px;
  padding-left: 25px;
  padding-left: 25px;
  background: transparent url(../js/extjs/resources/images/default/form/exclamation.gif) no-repeat 3px 3px;
}

.x-left-menu-top-folder {
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}

/*
input.x-static-text-field {
      background: transparent;
      border: none;
      color: inherit;
      -moz-opacity: 1;
      opacity: 1;
      filter: alpha(opacity=100);
    }}
*/
.ux-form-statictextfield {
  background: transparent;
  border: none;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  color: #333;
}

.zoom-table-cell {
  font-size: 11px !important;
  padding-top: 6px !important;
  padding-right: 10px;
}

/* Column Tree support*/

.x-column-tree.x-tree-node {
  zoom: 1;
}

.x-column-tree.x-tree-node-el {
  /*border-bottom:1px solid #eee; borders? */
  zoom: 1;
}

.x-column-tree.x-tree-selected {
  background: #d9e8fb;
}

.x-column-tree.x-tree-node a {
  line-height: 18px;
  vertical-align: middle;
}

.x-column-tree.x-tree-node a span {
}

.x-column-tree .x-tree-node .x-tree-selected a span {
  background: transparent;
  color: #000;
}

.x-tree-col {
  float: left;
  overflow: hidden;
  padding: 0 1px;
  zoom: 1;
}

.x-tree-col-text, .x-tree-hd-text {
  overflow: hidden;

  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 3px 3px 3px 5px;
  white-space: nowrap;
  height: 1.2em;
/ / height: 20 px;
  font: normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-tree-hd-text {
  height: 1.3em;
/ / height: 20 px;
}

.x-tree-headers {
  background: #f9f9f9 url(../js/extjs/resources/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
  cursor: default;
  zoom: 1;
}

.x-tree-hd {
  float: left;
  overflow: hidden;
  border-left: 1px solid #eee;
  border-right: 1px solid #d0d0d0;
}

p.zoom-help {
  padding: 6px;
  margin-bottom: 10px;
}

p.zoom-help-firstpara:first-letter {
  font-size: 200%;
  font-weight: bold;
}

table.zoom-help {
  padding: 6px;
  border: thin dotted #99BBE8;
}

th.zoom-help {
  font-size: 11px;
  font-weight: bold;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 0px;
  padding-left: 6px;
}

td.zoom-help {
  font-size: 11px;
  font-weight: normal;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 0px;
  padding-left: 6px;
}

.zoom-green-line {
  background: transparent url(../images/green-line.gif) repeat-y 0 0;
}

.zoom-red-line {
  background: transparent url(../images/red-line.gif) repeat-y 0 0;
}

.zoom-yellow-line {
  background: transparent url(../images/yellow-line.gif) repeat-y 0 0;
}

.x-grid3-dirty-cell {
  background: transparent url(../images/dirty.gif) no-repeat 0 0;
}

.logo {
  background: url(../images/rz-logo-med.png) no-repeat 0px 0px !important;
}

.x-tree-node .x-tree-selected {
  background-color: #a3bae9;
}

.zm-assignment {
  background: url(../images/icons/wrench_orange.png) no-repeat !important;
}

.zm-review {
  background: url(../images/icons/folder_magnify.png) no-repeat !important;
}

.zm-not-started {
  background: url(../images/icons/flag_orange.png) no-repeat center 0px !important;
}

.zm-refused {
  background: url(../images/icons/flag_red.png) no-repeat center 0px !important;
}

.zm-started {
  background: url(../images/icons/flag_yellow.png) no-repeat center 0px !important;
}

.zm-finished {
  background: url(../images/icons/flag_green.png) no-repeat center 0px !important;
}

.meter-wrap {
  position: relative;
}

.meter-wrap, .meter-value, .meter-text {
  /* The width and height of your image */
  width: 60px;
  height: 14px;
}

.meter-wrap, .meter-value {
  background: #bdbdbd url(../images/meter-outline.png) top left no-repeat;
}

.meter-text {
  position: absolute;
  top: 0;
  left: 0;

/ / padding-top: 1 px;

  color: #fff;
  text-align: center;
  width: 100%;
}

.zm-row-err {
  background: red /*url( ../images/icons/stop.png )*/ no-repeat 0px 0px;
}

.color-red {
  color: red
}

.x-grid3-col-errmsg {
  white-space: normal !important;
}

/* BEGIN: Control panel 2-column layout using div tags. Fixing the width and  the float left trick*/
.controlpanel {
  position: relative;
  top: 50px;
  left: 5%;
  width: 850px;
}

.cp-box {
  float: left;
  margin-right: 50px;
  margin-bottom: 30px;
  cursor: pointer;
  border: 1px dotted #FFFFFF; /* need white color to make it invisible and when we do mouse over the extra 1 pixel border doesnt screw up the entire formatting*/
}

.cp-item {
  float: left;
  width: 150px;
}

.cp-item-title {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #1576CF;
  font-family: Arial, Helvetica, tahoma, sans-serif;
  font-weight: normal;
}

.cp-item-desc {
  float: left;
  width: 100%;
  font-family: Arial, Helvetica, tahoma, sans-serif;
  color: #9f9f9f;
  font-size: 12px;
}

.cp-img-box {
  float: left;
  width: 64px;
  height: 64px;
  margin: 5px;
}

.cp-img {
  height: 100%;
  width: 100%;
}

/* Adapted from ext-all.css : x-view-over */
.cp-view-over {
  background: #EFEFEF url(/js/extjs/resources/images/default/grid/row-over.gif) repeat-x scroll left top;
  border: 1px solid #DDDDDD;
  padding: 0px;
}

.centerObj {
  margin-left: auto;
  margin-right: auto;
}

/* END: Control panel */

.text-box-round {
  background-color: #C2D4EF;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  font-size: 12px;
  padding: 10px;
  color: #134D9F;
  margin-bottom: 20px;
}

.text-box-round p {
  padding: 10px 0 10px 0;
}

.text-box-round ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 10px;
}

#gettingStarted {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  font-size: 12px;
  padding: 10px;
  background-color: #C2D4EF;
  color: #134D9F;
  margin-bottom: 20px;
}

#gettingStarted h1 {
  font-size: 18px;
}

#gettingStarted p {
  margin: 15px 0 10px 0;
}

#gettingStarted ol {
  list-style: decimal;
  margin-left: 20px;
  margin-bottom: 10px;
}

#gettingStarted ol > li {
  margin: 6px 0 6px 0;
}

#gettingStarted em {
  font-style: italic;
  color: #134D9F;
}

/* file/folder nodes in a Tree (get json kids.jsp) can be colored based on PathStatus */

.file-added a span, .folder-added a span,
.file-content_changed a span, .folder-content_changed a span,
.file-nochange a span, .folder-nochange a span {
  color: black;
}

.file-moved a span, .folder-moved a span,
.file-renamed a span, .folder-renamed a span {
  color: #daa520;
}

.file-deleted a span, .folder-deleted a span {
  color: red;
  text-decoration: line-through;
}

.file-archived a span, .folder-archived a span {
  color: #C7C7C7;
}

.file-unborn a span {
  color: #9977cc;
  text-decoration: line-through;
}

.file-expired a span {
  color: #dd4499;
  text-decoration: line-through;
}

.file-drm a span {
  color: #bb9988;
  text-decoration: underline;
}

.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
  right: auto !important; /* IE8 fix for ext-all.css */
}

.script_strtdt_fieldset .x-fieldset-header {
  color: black;
  font-weight: normal;
}

#other_info_grid .x-grid3-row-over .x-grid3-cell-inner {
  white-space: normal;
}

.gridCellWrap .x-grid3-cell-over, .x-grid3-hd-inner {
  white-space: normal;
}

.multiline-row .x-grid-cell-inner {
  overflow: auto !important;
  white-space: normal !important;
  display: block;
}

.green-bar .x-progress-inner .x-progress-bar {
    background: rgb(81, 185, 85);

}

.blue-bar .x-progress-inner .x-progress-bar {
    background: #86B2EE;
}

.x-progress-wrap .green-bar {
    border-color: rgb(81, 185, 85);
}

.red-bar .x-progress-inner .x-progress-bar {
    background: rgb(236, 10, 10);
}

.whitespace-pre-wrap {
  white-space: pre-wrap
}

.x-tip .x-tip-body {
    word-break: break-all !important;
}