* {margin:0;padding:0}
.clear { clear: both; height: 0; }

div.spacer { height: 20px; }

.wat-cf:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

.wat-cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .wat-cf {height: 1%;}
.wat-cf {display: block;}
/* End hide from IE-mac */

h1 { margin: 15px 0; font-size: 22px; font-weight: normal; }
h2 { font-size: 22px; margin: 15px 0; font-weight: normal;}
h3 { font-size: 18px; margin: 10px 0; font-weight: normal;}
h4 { font-size: 16px; margin: 10px 0; font-weight: normal;}
hr {height: 1px; border: 0; }
p { margin: 15px 0;}
a img { border: none; }

body {
  font-size: 12px;
  font-family: sans-serif;
}

#container {
  min-width: 960px;
}

#header, #wrapper {
  padding: 0 20px;
}

#header {
  position: relative;
  padding-top: 1px;
}

#header h1 {
  margin: 0;
  padding: 10px 0;
  font-size: 26px;
}

#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
  text-decoration: none;
}

#main {
  width: 70%;
  float: left;
}

.actions-bar {
  padding: 10px 1px;
}

.actions-bar .actions {
  float: left;
}


.actions-bar .pagination {
  float: right;
  padding: 1px 0;
}

#sidebar {
  width: 25%;
  float: right;
}

#sidebar h3 {
  padding: 10px 15px;
  margin: 0;
  font-size: 13px;
}

#sidebar .block {
  margin-bottom: 20px;
  padding-bottom: 10px;
}

#sidebar .block .content {
  padding: 0 15px;
}

#sidebar ul.navigation li a:link, #sidebar ul.navigation li a:visited {
  display: block;
  padding: 10px 15px;
}

#sidebar .block .sidebar-block, #sidebar .notice {
  padding:10px;
}

#wrapper {
  padding-top: 20px;
}

#main .block {
  margin-bottom: 20px;
  padding-top: 1px;
}

#main .block .content .inner {
  padding: 0 15px 15px;
}

#main .main p.first {
  margin-top: 0;
}

#user-navigation {
  position: absolute;
  top: 0px;
  right: 20px;
}

#main-navigation {
  width: 100%;
}

#user-navigation ul, #main-navigation ul, .secondary-navigation ul, #sidebar ul.navigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#user-navigation ul li, #main-navigation ul li, .secondary-navigation ul li {
  float: left;
}

#main-navigation ul li {
  margin-right: 5px;
}

#user-navigation ul li {
  padding: 5px 10px;
}

#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
  text-decoration: none;
}

#main-navigation ul li a {
  font-size: 14px;
  line-height: 14px;
  display: block;
  padding: 8px 15px;
}

.secondary-navigation {
  font-size: 13px;
  border-bottom-width: 10px;
  border-bottom-style: solid;
}

.secondary-navigation ul li a {
  display: block;
  padding: 10px 15px;
}

#footer {
  padding-bottom: 20px;
}

/* pagination */

.pagination a, .pagination span, .pagination em {
  padding: 2px 5px;
  margin-right: 5px;
  display: block;
  float: left;
  border-style: solid;
  border-width: 1px;
}

.pagination em {
  font-weight: bold;
}

.pagination a {
  text-decoration: none;
}

/* tables */
.table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.table th {
  padding: 10px;
  font-weight: bold;
  text-align: left;
}

.table th.first {
  width: 30px;
}

.table th.last {
  width: 200px;
}

.table .checkbox {
  margin-left: 10px;
}

.table td {
  padding: 10px;
}

.table td.last {
  text-align: right;
}

/* forms */

input.checkbox {
  margin: 0;
  padding: 0;
}

.form .group {
  margin-bottom: 15px;
}

.form div.left {
  width: 20%;
  float: left;
}

.form div.right {
  width: 75%;
  float: right;
}

.form .columns .column {
  width: 48%;
}

.form .columns .left {
  float: left;
}

.form .columns .right {
  float: right;
}

.form label.label, .form input.text_field, .form textarea.text_area {
  font-size: 1.2em;
  padding: 1px 0;
  margin: 0;
}

.form label.right {
  text-align: right;
}

.form input.checkbox, .form input.radio {
  margin-right: 5px;
}

.form label.checkbox, .form label.radio {
  line-height: 1.5em;
}

.form label.label {
  display: block;
  padding-bottom: 2px;
  font-weight: bold;
}

.form div.fieldWithErrors label.label {
  display: inline;
}

.form .fieldWithErrors .error {
  color: red;
}

.form input.text_field, .form textarea.text_area {
  width: 100%;
  border-width: 1px;
  border-style: solid;
}

/* lists */

ul.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.list li {
  clear: left;
  padding-bottom: 5px;
}

ul.list li .left {
  float: left;
}

ul.list li .left .avatar {
  width: 50px;
  height: 50px;
}

ul.list li .item {
  margin-left: 80px;
}

ul.list li .item .avatar {
  float: left;
  margin: 0 5px 5px 0;
  width: 30px;
  height: 30px;
}

/* box */

#box {
  width: 500px;
  margin: 50px auto;
}

#box .block {
  margin-bottom: 20px;
}

#box .block h2 {
  padding: 10px 15px;
  margin: 0;
}

#box .block .content {
  padding: 10px 20px;
}

/*  Inspired by http://particletree.com/features/rediscovering-the-button-element */
a.button:disabled, button.button:disabled {
    color: #999;
    cursor: not-allowed;
}

a.button:link, a.button:visited, a.button:hover, a.button:active, button.button {
  color: #222;
  display:block;
  float:left;
  margin:0 7px 0 0;
  background-color: #eee;
  border:1px solid #bfbfbf;
  font-size: 1em;
  line-height: 1.3em;
  font-weight:bold;
  cursor:pointer;
  padding:5px 10px 5px 7px;
  text-decoration: none;
}

button.button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}
button.button[type] {
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}

*:first-child+html button.button[type] {
  padding:4px 10px 3px 7px; /* IE7 */
}

button.button img, a.button img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

button.button:hover, a.button:hover {
  background-color:#dedede;
}

button.button:active, a.button:active {
  background-color:#e5e5e5;
}
/*
   activo
   by David Francisco (dmfrancisc[at]gmail.com)

   based on "Drastic Dark" by Juan Maria Martinez Arce (juan[at]insignia4u.com)
*/


.small {
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.4em;
}

.gray {
  color:#999999;
  font-family: Georgia, serif;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.6em;
}

.hightlight {
  background-color: #ffff88;
  font-weight: bold;
  color: #36393d;
}

a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #111; }
/*a { -moz-outline: none; }*/

body {
  color: #111;
  background: #E5E5E5;
  font-family: helvetica, arial, sans-serif;
}

hr {
  background: #e2e2e2;
  color: #e2e2e2;
}

#header {
    background-image: url("/images/header_bg_rpt.gif");
    color: #FFFFFF;
    padding: 0;
}

#header #header-contents {
    background: url("/images/header_bg.gif") repeat-y;
    padding: 0 20px;
}

#header h1 {
    padding: 5px 0 0 2px;
    margin-left: -10px;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  letter-spacing: -1px;
  line-height: 1.2em;
  color: #fff;
  text-shadow: #000 1px 1px 2px;
}

#header #company-info {
    float: right;
    text-shadow: #000 1px 1px 2px;
}
#header #company-info #loggedin {
    font-size: 16px;

    text-align: right;
}

#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
  color: #fff;
}

#user-navigation {
  top: auto;
  bottom: 5px;
  right: 25px;
}

#user-navigation a.logout {
  background: #ccc;
  padding: 1px 4px;
}

#main {
  width: 71%;
}

.ui-dialog .block,
#main .block {
  padding-top: 0px;
  background: #fff;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

#main .block .content {
  padding-top: 1px;
}

#main .block .content h2 {
  margin-left: 15px;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  letter-spacing: -1px;
  line-height: 1.2em;
}

#main .block .content h2 img {
    vertical-align: -6px;
}

#main .block .content p {
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.45em;
}

/*#sidebar .block h4 {*/
  /*font-weight: bold;*/
/*}*/

/*#sidebar .notice {*/
  /*background: #fff;*/
  /*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
  /*-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
/*}*/

/*#sidebar h3 {*/
  /*color: #111;*/
  /*border-bottom: 1px solid #c0c0c0;*/
/*}*/

#sidebar .block {
  background: #FFF;
}

#sidebar h3 {
  background: #464646;
  color: #FFF;
}

#main-navigation ul li {
  padding-left: 15px;
}

#main-navigation ul li a {
  padding: 8px 0;
}

#main-navigation ul li.active {
  padding: 0;
  margin-left: 15px;
}

#main-navigation ul li.active {
  background: #B8CDE8;
  margin-left: 15px;
}

#main-navigation ul li.active a {
  padding: 8px 15px;
}

#sidebar ul.navigation li {
  background-position: 15px 11px;
  background-repeat: no-repeat;
  background-image: url("/images/arrow.png");
}
#sidebar ul li {
  border-bottom: 1px solid #e2e2e2;
    list-style-type: none;
}

#sidebar ul.navigation li a {
  text-decoration: none;
  margin-left: 20px;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
  text-decoration: none;
}
#sidebar h4 a {
    border-bottom: 1px dashed #464646;
}



#main-navigation {
  background-color: #f4f4f4;
}

#main-navigation ul li {
  margin-right: 0;
  padding-left: 15px;
  padding-right: 5px;
}

#main-navigation ul li a:link, #main-navigation ul li a:visited,
#main-navigation ul li a:hover, #main-navigation ul li a:active {
  text-decoration: none;
  color: #111;
}

.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited,
.secondary-navigation ul li a:hover, .secondary-navigation ul li a:active {
  text-decoration: none;
  color: #FFFFFF;
}
#user-navigation ul li a:link, #user-navigation ul li a:visited,
#user-navigation ul li a:hover, #user-navigation ul li a:active {
  text-decoration: none;
  color: #111;
}
.secondary-navigation ul li.active a:link, .secondary-navigation ul li.active a:visited,
.secondary-navigation ul li.active a:hover, .secondary-navigation ul li.active a:active {
  text-decoration: none;
  color: #111;
}

.secondary-navigation {
  background-color: #464646;
  border-bottom: none;
  border-bottom-width: 5px;
    font-size: 14px;
}
.secondary-navigation ul {
    /* Fixes odd border display issue in Firefox */
    line-height: 1.1em;
}
.secondary-navigation ul li a:hover, .secondary-navigation ul li a:hover {
  background-color: #262626;
}
.secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
  background-color: #fff;
}

#footer .block {
  text-align: center;
  color: #FFF;
  background: #262626;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#footer .block p {
  margin: 0;
  padding: 4px;
}

/* pagination */

.pagination em,
.pagination .current {
  background: #262626;
  color: #FFF;
  border-color: #262626;
}

/* This is from the AngularJS UI Bootstrap CSS intended for the Popup that we are using */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #FFF;
  cursor: default;
  background-color: #262626;
  border-color: #262626;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #AAA;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination li {
  list-style-type: none;
  float: left;
}

.pagination a li{
  color: #262626;
  border-color: #262626;
}

.pagination a:hover {
    color: #FFF;
    background: #262626;
}

.pagination .disabled {
    color: #AAA;
}

/*.pagination a, .pagination span {*/
  /*background-color: #f4f4f4;*/
  /*background-image: url("images/button-background.png");*/
  /*color: #111;*/
  /*text-align: center;*/
  /*min-width: 15px;*/
  /*margin-right: 5px;*/
  /*padding: 6px;*/
  /*border: 1px solid #c3c4ba;*/
/*}*/

/*.pagination em {*/
  /*background: #002134;*/
  /*color: #fff;*/
  /*border: 1px solid #002134;*/
/*}*/

/*.pagination a {*/
  /*color: #1a1a1a;*/
/*}*/

/*.pagination a:hover {*/
  /*border: 1px solid #818171;*/
  /*-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
  /*-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
  /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
/*}*/

/*.pagination a:active {*/
  /*background-image: url("images/button-background-active.png");*/
  /*outline: none;*/
/*}*/

/* tables */

.table th {
  background: #e6e4df;
  color: #444444;
    font-weight: normal;
}

.table td {
  border-bottom: 1px solid #e8e6e1;
}

.table tr.even {
  background: #f8f8f8;
}

/* forms */

.form label.label {
  color: #666666;
}

.form input.text_field, .form textarea.text_area {
  width: 100%;
  border: 1px solid #e2e2e2;
}

.form input:hover, .form textarea:hover {
  -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
  -moz-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border: 1px solid #a2a294;
}

.form input:focus, .form textarea:focus {
  border: 1px solid #a2a294;
}

.form input.button {
  background: #e2e2e2;
  border: 1px solid #c1c1c1;
  padding: 2px 5px;
  cursor: pointer;
  color: #111;
  font-weight: bold;
  font-size: 11px;
}

.form input.button:hover {
  border: 1px solid #666;
}

.form .description {
  font-style: italic;
  color: #8C8C8C;
  font-size: .9em;
}

.form .navform a {
  color: #cc0000;
}

/* buttons */

a.button, button.button, button.mini {
  background-color: #f4f4f4;
  background-image: url("/images/button-background.png");
  border: 1px solid #c3c4ba;
  font-family: helvetica, arial, sans-serif;
  font-weight: normal;
}

a.button:link, a.button:visited, a.button:hover, a.button:active,
button.button:link, button.button:visited, button.button:hover, button.button:active,
button.mini:link, button.mini:visited, button.mini:hover, button.mini:active {
  font-weight: normal;
  background-color: #f4f4f4;
}

a.button:hover, button.button:hover, button.mini:hover,
a.button:focus, button.button:focus, button.mini:focus {
  background-color: #eee;
  border: 1px solid #818171;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
a.button:active, button.button:active, button.mini:active,
a.button:focus,  button.button:focus, button.mini:focus {
  -moz-outline: none;
  outline: none;
}
button::-moz-focus-inner { border: 0; }

a.button:active, button.button:active, button.mini:active {
  background-color: #ddd;
  background-image: url("/images/button-background-active.png");
}
a.button.light-blue, button.button.light-blue, button.mini.light-blue {
  background-color: #f4f4f4;
  background-image: url("/images/button-background-ltblue.png");
  border: 1px solid #9AB8DE;
}
a.button.light-blue:focus, button.button.light-blue:focus, button.mini.light-blue:focus,
a.button.light-blue:hover, button.button.light-blue:hover, button.mini.light-blue:hover {
  border: 1px solid #74a3de;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
a.button:active.light-blue, button.button:active.light-blue, button.mini:active.light-blue {
  background-image: url("/images/button-background-active-ltblue.png");
}

button.mini, button.button.mini {
  margin: 0;
  padding: 0 20px;
  font-size: 0.95em;
  line-height: normal;
}

button.button.inline {
  display: inline-block;
  float: none;
}


.separator {
  float: left;
  display: inline-block;
  border-left: 1px solid #A2A294;
  margin: 0 5px;
  font-size: 2em;
}

/* flash-messages */
.flash .message {
  text-align: center;
  margin: 0 auto 15px;
  padding: 5px;
}

.flash .message p {
  margin: 8px;
}
.ajax-notify-message > .error,
.flash > .error {
  border: 1px solid #ffbbbb;
  background-color: #ffdddd;
}
.flash > .warning {
  border: 1px solid #ffff88;
  background-color: #ffffcc;
}
.ajax-notify-message > .notice,
.flash > .notice {
  border: 1px solid #1fdf00;
  background-color: #bbffb6;
}

/* lists */

ul.list li {
  border-bottom-color: #e2e2e2;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

ul.list li .item .avatar {
  border-color: #e2e2e2;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}

/* box */

#box .block {
  background: #fff;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

#box .block h2 {
  background: #002134;
  color: #fff;
}


/* rounded borders */

#main, #main-navigation, #main-navigation li, .secondary-navigation,
#main .block, #sidebar .block, #sidebar h3, ul.list li,
#footer .block, .form input.button, #box .block, #box .block h2 {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
}

.secondary-navigation li.first a, .secondary-navigation ul li.first {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
}

.table th.first {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius:4px;
}

.table th.last {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius:4px;
}

/* Round the corners of the table */
.table th:nth-child(1) {
    border-top-left-radius:4px;
}
.table th:nth-last-child(1) {
    border-top-right-radius:4px;
}

.secondary-navigation ul li.first {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
}

#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation,
ul.list li, #footer .block, .form input.button, #box .block {
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-left-radius: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;
}

.ui-dialog .block,
#main .block {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
}

#main-navigation, .secondary-navigation {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  border-top-left-radius: 9px;

  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
  border-top-right-radius: 9px;
}

a.button, button.button, .pagination a, .pagination span {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.flash .message {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.form input.button {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#user-navigation a.logout {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


/* File attachments */
/*table.file-attachments th {*/
  /*color: #666666;*/
  /*font-weight: bold;*/
  /*font-size: 1.1em;*/
/*}*/

.file-attachment .file-name a {
  font-size: 13px;
  color: #4A4A4A;
  font-weight: bold;
  padding-left: 18px;
  text-decoration: none;
  /* default image is nondescript document. Override graphic for recognized types. */
  background: url("/images/document_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.ext-txt .file-name a {
  background: url("/images/document-text_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.ext-pdf .file-name a {
  background: url("/images/document-pdf_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.ext-ai .file-name a {
  background: url("/images/document-illustrator_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.ext-psd .file-name a {
  background: url("/images/document-photoshop_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.ext-bmp .file-name a,
.file-attachment.ext-png .file-name a,
.file-attachment.ext-tif .file-name a,
.file-attachment.ext-jpg .file-name a {
  background: url("/images/document-image_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.ext-doc .file-name a,
.file-attachment.ext-odt .file-name a {
  background: url("/images/document-word_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.ext-xls .file-name a,
.file-attachment.ext-ods .file-name a {
  background: url("/images/document-excel_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.ext-csv .file-name a {
  background: url("/images/document-excel-csv_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.ext-zip .file-name a,
.file-attachment.ext-7z .file-name a {
  background: url("/images/document-zipper_16.png") no-repeat scroll left 50% transparent;
}
.file-attachment.delete .file-name a {
  text-decoration: line-through;
  color: #BB4A4A;
}

.file-attachment .file-size {
  text-align: right;
}

.file-attachment .delete-check {
  text-align: center;
}

.size_x {
  color: #6A6A6A;
  font-weight: bold;
  text-align: center;
}

.equipment-new-links a {
    margin-top: 10px !important;
}

.button-export {
    background: url('/images/external_16.png') no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -1000em;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    margin-top: 3px;
}

/* Styles yanked from the AngularJS UI Bootstrap CSS */

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  overflow-y: scroll;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-dialog {
  width: 800px;
  margin: 30px auto;
}

.modal-sm {
  width: 300px;
}

.modal-lg {
  width: 1200px;
}

a {
    cursor: pointer;
}
/* Override here any style defined by web-app-theme */

/*.flash .alert {*/
  /*border: 1px solid #fffaaa;*/
  /*background-color: #ffffcc;*/
/*}*/



.left {
  float: left;
}
.right {
  float: right;
}

.full-width {
  width: 100%;
}

h2.title, h3.sub-title {
  margin-bottom: 5px;
}

.text-right,  .table th.text-right  { text-align: right; }
.text-left,   .table th.text-left   { text-align: left; }
.text-center, .table th.text-center { text-align: center; }

.inline-block { display: inline-block; }

.table th.first {
  min-width: 10px;
  width: auto;
}
.table tr.group-head td {
  border-bottom: 1px solid #222;
  font-weight: bold;
  font-size: 1.12em;
}

.indent {
  text-indent: 2em;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.indent li {
  text-indent: 0;
  margin-left: 1em;
}
.address-group .address-display,
.contact-group .contact-display {
  margin-left: 15px;
  font-size: 1em;
}
/* Sidebar layout changes */
#main.with-sidebar {
  float: left;
  width: 70%;
}
#main.full {
  float: none;
  width: 100%;
}

#wrapper {
  padding-top: 0;
}

/* Suppress focus outlines*/
/*a:focus { outline: none; }*/
/*button::-moz-focus-inner { border: 0; }*/

form .description {
  color: #8C8C8C;
  font-size: 0.9em;
  font-style: italic;
}

#main .block .content .inner > h2 {
  margin-left: 0;
}
/* Login screen customizations. */
#block-login.block h2 {
  background-color: #0f3f9f;
}
/* Login screen more spaced on left column */
#block-login .form div.left {
  width: 25%;
}
#block-login .form div.right {
  width: 70%;
}

.table td {
  padding: 5px;
}
.table th.last {
  width: 37px;
}
.table th.auto-width{
  width: auto;
}
.table.auto-width th,
.table.auto-width th.first,
.table.auto-width th.last {
  width: auto;
}
/* Table even/odd row coloring */
.table tr:nth-child(2n) td {
  background: #f0f0f0;
}
.table tr:nth-child(2n):hover td {
  background: #bed1e8;
}
.table tr:hover td {
  background-color: #CEDAE8;
}
.table td a.table-show, .table td a.table-edit, .table td a.table-delete, .table td a.table-save,
.jstree li a.table-show, .jstree li a.table-edit, .jstree li a.table-delete, .jstree li a.table-save {
  display: inline-block;
  min-height: 16px;
  width: 16px;
  text-decoration: none;
}
.table td a.table-show,
.jstree li a.table-show {
  width: 24px;
  background: url("/images/resource_card_show.png") no-repeat scroll right 50% transparent;
}
.table td a.table-edit,
.jstree li a.table-edit {
  background: url("/images/pencil.png") no-repeat scroll right 50% transparent;
}
.table td a.table-delete,
.jstree li a.table-delete {
  background: url("/images/cross.png") no-repeat scroll right 50% transparent;
}
.table td a.table-save,
.jstree li a.table-save {
  background: url("/images/floppy_disc_arrow.png") no-repeat scroll right 50% transparent;
}
.table td a.table-edit.loading, .table td a.table-delete.loading,
.jstree li a.table-edit.loading, .jstree li a.table-delete.loading {
  background: url("/images/loading.gif");
}
.table td a.image-link img {
  vertical-align: -3px;
}

  /* Paged tables */
th a.asc {
  background: url("/images/arrow_up.gif") no-repeat scroll right 50% transparent;
  padding-right: 19px;
}

th a.desc {
  background: url("/images/arrow_down.gif") no-repeat scroll right 50% transparent;
  padding-right: 19px;
}

.table th a,
.table th .non-link,
#sidebar .block h3 a {
  color: #444;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}

/* "compact" tables */
.table.compact {
  margin-bottom: 0;
  font-size: small;
}

.table.compact th, .table.compact td {
  padding: 3px;
}

/* Changes based on red theme changes. */
#nav-bar-area {
  padding: 3px 20px;
  min-height: 20px;
}


/*#sidebar .block h3 a {*/
    /*border-bottom: 1px dashed #FFF;*/
/*}*/
/* Modified from normal sidebar ul.navigation. Allows for formatting when the li doesn't have a link. Helps when the*/
   /*link is removed because no permissions but the info is still relevant to display. */
/*#sidebar ul.navigation-info li {*/
    /*display: block;*/
    /*padding: 10px 15px;*/
    /*text-decoration: none;*/
    /*border-bottom: 1px solid #F0F0EE;*/
/*}*/
/*#sidebar ul.navigation-info li a {*/
    /*border-bottom: none;*/
/*}*/

form label,
form input[type=text], form input[type=textarea], form select {
  margin: 0;
  padding: 1px 0;
}

form input[type=text], form input[type=textarea],
form input[type=number], form input[type=password] {
  border: 1px solid #818171;
  /*border: 1px solid #262626;*/
  font-size: 1.2em;
}

/* datepicker icon */
form input.datepicker, form input.daterangepicker {
  background: url('/images/calendar-day-faint.png') no-repeat right #fff;
}
form input.datepicker:hover, form input.daterangepicker:hover {
  background: url('/images/calendar-day.png') no-repeat right #fff;
}
/* autocomplete search icon */
form input.auto_complete {
  background: url('/images/search_hint_16.png') no-repeat right #fff;
}
/*form input.auto_complete:hover {*/
  /*background: url('/images/search_hint_16.png') no-repeat right #fff;*/
/*}*/


/* Borrowed from 'activo' web-app-theme */
/*a.button:active, button.button:active {*/
    /*background-image: url("/images/button-background-active.png");*/
    /*outline: none;*/
/*}*/
/*a.button:hover, button.button:hover {*/
    /*-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0 0 4px;*/
    /*border: 1px solid #818171;*/
/*}*/
/*a.button:link, a.button:visited, a.button:hover, a.button:active,*/
/*button.button:link, button.button:visited, button.button:hover, button.button:active {*/
    /*font-weight: normal;*/
/*}*/
/*a.button, button.button {*/
    /*background-color: #EEE;*/
    /*background-image: url("/images/button-background.png");*/
    /*border: 1px solid #C3C4BA;*/
    /*border-bottom-left-radius: 2px 2px;*/
    /*border-bottom-right-radius: 2px 2px;*/
    /*border-top-left-radius: 2px 2px;*/
    /*border-top-right-radius: 2px 2px;*/
    /*font-family: helvetica, arial, sans-serif;*/
    /*font-weight: normal;*/
/*}*/

/*#main .block, #full-main .block {*/
    /*padding-top: 0;*/
    /*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
    /*-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
    /*-moz-border-radius: 4px;*/
    /*-webkit-border-radius: 4px;*/
    /*border-radius: 4px*/
/*}*/
/*#main .block .content {*/
    /*-moz-border-radius-bottomleft: 4px;*/
    /*-webkit-border-bottom-left-radius: 4px;*/
    /*border-bottom-left-radius: 4px;*/
    /*-moz-border-radius-bottomright: 4px;*/
    /*-webkit-border-bottom-right-radius: 4px;*/
    /*border-bottom-right-radius: 4px*/
/*}*/


/*table.table td a.item-action {*/
/*font: bold 14px Arial;*/
    /*text-decoration: none;*/
/*background-position: 1px 50%;*/
    /*background-position: 1px;*/
    /*background-repeat:no-repeat;*/
    /*padding-left:19px;*/
    /*margin-left: 0.5em;*/
/*}*/

/*a.new-item {*/
    /*background-image: url('/images/add.gif')*/
/*}*/

/*a.delete-item {*/
    /*background-image: url('/images/cross.png')*/
/*}*/

/*a.edit-item {*/
    /*background-image: url('/images/pencil.png')*/
/*}*/

/* Auto-complete display */
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  z-index: 2000;
}
   /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
  height: 300px;
}
/* Auto-complete list, aleternate background color. 1px top margin to fix border issues with hover styled items.*/
ul.ui-autocomplete li.ui-menu-item:nth-child(2n) {
  background: #f1f1f1;
  margin-top: 1px;
}

.bill-to-address-select, .ship-to-address-select {
  width: 45%;
  float: left;
  padding-right: 10px;
}

/* Base error message display in resource_card */
.base-errors {
  margin: 8px;
  background-color: #FDD;
  border: 1px solid #FBB;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align:center;
}
.base-errors p {
  margin:5px;
}

/* Actions Bar */

/* Pagination/Totals display */
.actions-bar .match-count,
.totals-display {
  color: #555555;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: bottom;
}


/* Show pages */
/*.block .content.show > .inner .columns {*/
/*.block .content.show p {*/
    /*font-size: 1.25em;*/
/*}*/

/* Full width awesome buttons*/
/*.large.awesome.full-width,*/
/*.large.awesome.full-width:visited {*/
    /*padding: 8px 0;*/
    /*width: 100%;*/
    /*margin-bottom: 10px;*/
/*}*/

/*#sidebar .block .content.large {*/
    /*font-size: 1.25em;*/
/*}*/

/* Main Menu Styling for drop-down */
/* https://www.servage.net/blog/wp-content/uploads/2009/03/css-menu.html */
#main-navigation ul > li > ul {
  left: 0;
  padding-bottom: 5px;
  color: #fff;
  background-color: #7A1818;
   /*Add drop-shadow here */
  -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
   /*Rounded corers on bottom of list */
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
#main-navigation ul > li > ul,
#main-navigation ul > li > ul > li {
  background-color: #F4F4F4;
  color: #111;
}
#main-navigation ul > li > ul > li {
  padding: 0;
  margin: 0;
}
/*#main-navigation ul > li.active > ul,*/
#main-navigation ul > li > ul > li.active {
  background-color: #B8CDE8;
  margin-left: 0;
}
#main-navigation ul > li > ul > li > a {
  padding: 10px 15px 10px 15px;
}
/*#main-navigation ul li.active ul li a,*/
/*#main-navigation ul li.active ul li a:link,*/
/*#main-navigation ul li.active ul li a:visited {*/
    /*color: #fff;*/
/*}*/
#main-navigation li {
  display: block;
  position: relative;
  float: left;
}
#main-navigation li ul { display: none; }
#main-navigation li:hover ul {
  display: block;
  position: absolute;
  z-index: 99;
}
#main-navigation li:hover li {
  float: none;
  font-size: 11px;
   /*Prevent inherited style from rounding the corners */
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
}
#main-navigation li:hover li:hover {
  background-color: #D5DDE8;
}

/* jstab_block overrides */
/*.jstab_block li.soft-alert {*/
    /*padding-right: 15px;*/
/*}*/
/*.jstab_block li.soft-alert a {*/
    /*padding-right: 18px;*/
    /*background: url("/images/exclamation-white.png") no-repeat scroll right 50% transparent;*/
/*}*/
/*#main .jstab_block .content {*/
    /*-moz-border-radius-bottomleft: 9px;*/
    /*-webkit-border-bottom-left-radius: 9px;*/
    /*border-bottom-left-radius: 9px;*/
    /*-moz-border-radius-bottomright: 9px;*/
    /*-webkit-border-bottom-right-radius: 9px;*/
    /*border-bottom-right-radius: 9px*/
/*}*/

/* Order Form styles */
/*form.formtastic ul.order-options li .header,*/
/*form.formtastic ul.order-equipment-items li .header {*/
    /*font-size: 1.2em;*/
/*}*/
/*form.formtastic ul.order-options .option-fields li,*/
/*form.formtastic ul.order-equipment-items .equipment-fields li {*/
    /*display: inline-block;*/
    /*width: auto;*/
/*}*/

/*form.formtastic ul.order-options fieldset.option-fields,*/
/*form.formtastic ul.order-equipment-items fieldset.equipment-fields {*/
    /*display: inherit;*/
/*}*/
/*form.formtastic ul.order-options .option-fields li label,*/
/*form.formtastic ul.order-equipment-items .equipment-fields li label {*/
    /*float: none;*/
/*}*/

/*form.formtastic ul.order-options .option-fields li label,*/
/*form.formtastic ul.order-options .option-fields li input,*/
/*form.formtastic ul.order-equipment-items .equipment-fields li label,*/
/*form.formtastic ul.order-equipment-items .equipment-fields li input {*/
    /*width: auto;*/
    /*padding-right: 1em;*/
/*}*/


/* selected_link helper method styles */
/*a.selected-link {*/
    /*padding-left: 18px;*/
/*}*/
/*a.selected-link.selected {*/
    /*background: url("/images/true.png") no-repeat scroll left 50% transparent;*/
/*}*/


.vertically-spaced {
  margin-bottom: 0.75em;
}

/* Override jQuery Dialog display */
.ui-widget {
  font-family: helvetica, arial, sans-serif;
  font-size: inherit;
}
.ui-widget-overlay {
  background: black;
  filter: alpha(opacity=60);
  opacity: .6;
}

/* text-group */
.ui-dialog .text-group h4, #main .text-group h4,
.ui-dialog .text-group p, #main .text-group p {
  margin: 0;
}
.ui-dialog .text-group h4 img,
#main .text-group h4 img { vertical-align: -3px; }

.ui-dialog .text-group.border-left,
#main .text-group.border-left {
  border-left: solid 1px #CCCCCC;
}
.total-count-oval,
.text-group h4 a.total-count {
  font-weight: bold;
  color: #FFF;
  background-color: #666;
  text-decoration: none;
  padding: 1px 3px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.font-smaller {
  font-size: 0.8em;
}
.font-normal {
  font-size: 1em;
}
.font-larger {
  font-size: 1.1em;
}


/* Make popup-dialogs display a 'waiting' image when working */
img.working-image {
  display: none;
}
.popup-dialog.working img.working-image {
  display: inline-block;
}
.actions-bar img.working-image {
  float: left;
  padding-right: 5px;
  padding-top: 2px;
}

/* Compressed dynamic form search results table */
.compressed .table th {
  padding: 4px;
}
.compressed .top-pagination {
  display: none;
}
.compressed .table th.first,
.table th.first {
  padding-left: 5px;
}
.table th, .table td {
  padding-left: 5px;
}

.table.thin th, .table.thin td {
  padding: 4px;
}

.auto-complete-nav {
  text-align: right;
}
/* Auto-complete nav item */
.ui-menu .ui-menu-item .auto-complete-item,
.ui-menu .ui-menu-item .auto-complete-nav-item {
  line-height: 1;
}
.auto-complete-item em,
.auto-complete-nav-item em {
  font-weight: bold;
  font-style: normal;
  color: blue;
}
/* Uses h0 instead of other longer tags since regex could match on it (as text) and break the tags. */
.auto-complete-item h0,
.auto-complete-nav-item h0 {
  font-size: 10.5px;
}

/* Text group list items */
.text-group > ul {
  padding-left: 1em;
}
.text-group > ul > li a {
  text-decoration: none;
}
.text-group span.muted {
  color: #777777;
}
.text-group h4 a.dialog-launcher.loading {
  padding-right: 18px;
  background: url("/images/loading.gif") no-repeat scroll right 50% transparent;
}

a.bottom-delete-link {
  font-size: 18px;
  padding-left: 28px;
  background: url("/images/delete_24.png") no-repeat scroll left 50% transparent;
}
ul.no-dots {
  list-style: none outside none;
}
.text-group > ul.no-indent,
ul.no-indent {
  padding-left: 0;
}
.text-group > ul > li img {
  vertical-align: -3px;
}

/* Show loading status */
.show-loading-left.loading-size-normal.loading,
.show-loading-right.loading-size-normal.loading,
.show-loading-replace.loading-size-normal.loading {
  background: url("/images/loading.gif") no-repeat scroll right;
  cursor: wait;
}
.show-loading-right.loading-size-normal.loading {
  padding-right: 18px;
}
.show-loading-replace.loading img { visibility: hidden; }


/* Bleed setting buttons */
div.bleed-top, a.bleed-top {
  display: inline-block;
  text-decoration: none;
  width: 32px;
  height: 17px;
  background: url("/images/arrowhead-090-disabled.png") no-repeat scroll center 50% transparent;
}
div.bleed-top.selected, a.bleed-top.selected {
  background: url("/images/arrowhead-090.png") no-repeat scroll center 50% transparent;
}
div.bleed-left, a.bleed-left {
  display: inline-block;
  text-decoration: none;
  width: 17px;
  height: 32px;
  background: url("/images/arrowhead-180-disabled.png") no-repeat scroll center 50% transparent;
}
div.bleed-left.selected, a.bleed-left.selected {
  background: url("/images/arrowhead-180.png") no-repeat scroll center 50% transparent;
}
div.bleed-right, a.bleed-right {
  display: inline-block;
  text-decoration: none;
  width: 17px;
  height: 32px;
  background: url("/images/arrowhead-disabled.png") no-repeat scroll center 50% transparent;
}
div.bleed-right.selected, a.bleed-right.selected {
  background: url("/images/arrowhead.png") no-repeat scroll center 50% transparent;
}
div.bleed-bottom, a.bleed-bottom {
  display: inline-block;
  text-decoration: none;
  width: 32px;
  height: 17px;
  background: url("/images/arrowhead-270-disabled.png") no-repeat scroll center 50% transparent;
}
div.bleed-bottom.selected, a.bleed-bottom.selected {
  background: url("/images/arrowhead-270.png") no-repeat scroll center 50% transparent;
}
div.bleed-all, a.bleed-all {
  display: inline-block;
  text-decoration: none;
  width: 32px;
  height: 16px;
  background: url("/images/arrow-all_16.png") no-repeat scroll center 50% transparent;
}
div.bleed-all.hidden {
  background: url();
}
div.bleed-arrow a, div.bleed-all a {
  font-size: 2px;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}


/* Report settings on screen */
@media screen {
  .page-break { border-bottom: 2px dashed #666; margin-bottom: 3em;}
}
@media print {
  .page-break { page-break-before: always; }
}

/* jQuery Tags Input customization for embedding in Formtastic */
form.formtastic fieldset > ol > li.tags div.tagsinput input,
form.formtastic fieldset > ol > li.string div.tagsinput input {
  border: 1px solid transparent;
  padding: 5px;
}
/* Custom colors for jQuery Tags */
.tagsinput.blue span.tag { background: #73a1d0; border: 1px solid #4e76a0; color: #FFF; }
.tagsinput.blue span.tag a { color: #FFF; }

.tagsinput.red span.tag { background: #f9c; border: #ff44a2; color: #FFF; }
.tagsinput.red span.tag a { color: #ff44a2; ; }
.tagsinput.red span.tag:hover a { color: #FFF;  }

/* Tag-it customization */
form.formtastic ul.tagit {
  padding: 3px 5px;
  clear: both;
  overflow: hidden;
}

/* AutoComplete Dropdown control replacement */
.auto-complete-dropdown > .auto-complete-controls {
  display: none;
}
.auto-complete-dropdown > .dynamic-text-controls > .text {
  cursor: pointer;
  border-bottom: 1px dotted #111;
  width:auto;
}

/* Inventory Quantity columns display settings */
th.quantity, th.qty_on_hand, th.qty_committed, th.qty_on_order, th.qty_available, th.ref_code {
  text-align: right;
}

/* Hide the spin buttons on number inputs */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

#child-adjustment-msg {
  display: none;
  color: green;
}

.label {
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  color: #666;
  width: 100%;
  font-size: 14px;
}

#intuitPlatformAppMenu {
  right: 160px !important;
  top: 85px !important;
}
.boxed {
  border: 1px solid #333;
  padding: 10px;
}

.resizable {
  border: 1px solid #E2E2E2;
  resize: vertical;
  overflow: hidden;
  padding-bottom: 10px;
}

.iframe-view {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border: none;
}

a.info-link {
  margin-top: 5px;
  font-size: 14px;
  text-decoration: none;
  line-height: 16px;
  color: #666;
  font-weight: bold;
  display: inline-block
}
.info-link:hover {
  color: #111;
}

.info-link img {
  vertical-align: bottom;
}


/* Overrides for Bootstrap styles ------------------------------------------- */

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#legacy_job_link {
  font-size: 12px;
  color: gray;
}

.select-job-quantity {
  float: left;
}

/* some hidden divs that shouldn't affect page layout */
#hidden-values-for-cutout,
#hidden-values-for-prices {
  display: none;
}

.collapsing-container .blue.header, .orange.header{
  min-height: 16px;
}
.text-nowrap {
  white-space: nowrap;
}
/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008-2011 Justin French

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

/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just .formtastic
--------------------------------------------------------------------------------------------------*/

.formtastic,
.formtastic ul,
.formtastic ol,
.formtastic li,
.formtastic fieldset,
.formtastic legend,
.formtastic input,
.formtastic button,
.formtastic textarea,
.formtastic select,
.formtastic p {
  margin:0;
  padding:0;
}

.formtastic fieldset {
  border:0;
}

.formtastic em,
.formtastic strong {
  font-style:normal;
  font-weight:normal;
}

.formtastic ol,
.formtastic ul {
  list-style:none;
}

.formtastic abbr,
.formtastic acronym {
  border:0;
  font-variant:normal;
}

.formtastic input,
.formtastic button,
.formtastic textarea {
  font-family:sans-serif;
  font-size:inherit;
  font-weight:inherit;
}

.formtastic input,
.formtastic textarea,
.formtastic select {
  font-size:100%;
}

.formtastic legend {
  white-space:normal;
  color:#000;
}


/* SEMANTIC ERRORS
--------------------------------------------------------------------------------------------------*/
.formtastic .errors {
  color:#cc0000;
  margin:0.5em 0 1.5em 25%;
  list-style:square;
}

.formtastic .errors li {
  padding:0;
  border:none;
  display:list-item;
}


/* BUTTONS & ACTIONS
--------------------------------------------------------------------------------------------------*/
.formtastic .buttons, 
.formtastic .actions {
  overflow:hidden; /* clear containing floats */
  padding-left:25%;
}

.formtastic .button, 
.formtastic .action {
  float:left;
  padding-right:0.5em;
}

.formtastic .button_action button {
  padding:3px 8px;
}

.formtastic .link_action a {
  display:block;
  padding:3px 0;
}


/* INPUTS
--------------------------------------------------------------------------------------------------*/
.formtastic .inputs {
  overflow:hidden; /* clear containing floats */
}

.formtastic .input {
  overflow:hidden; /* clear containing floats */
  padding:0.5em 0; /* padding and negative margin juggling is for Firefox */
  margin-top:-0.5em;
  margin-bottom:1em;
}


/* LEFT ALIGNED LABELS
--------------------------------------------------------------------------------------------------*/
.formtastic .input .label {
  display:block;
  width:25%;
  float:left;
  padding-top:.2em;
}

.formtastic .fragments .label,
.formtastic .choices .label {
  position:absolute;
  width:95%;
  left:0px;
}

.formtastic .fragments .label label,
.formtastic .choices .label label {
  position:absolute;
}

/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
.formtastic .choices {
  position:relative;
}

.formtastic .choices-group {
  float:left;
  width:74%;
  margin:0;
  padding:0 0 0 25%;
}

.formtastic .choice {
  padding:0;
  border:0;
}


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
.formtastic .input .inline-hints {
  color:#666;
  margin:0.5em 0 0 25%;
}


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
.formtastic .inline-errors {
  color:#cc0000;
  margin:0.5em 0 0 25%;
}

.formtastic .errors {
  color:#cc0000;
  margin:0.5em 0 0 25%;
  list-style:square;
}

.formtastic .errors li {
  padding:0;
  border:none;
  display:list-item;
}


/* STRING, NUMERIC, PASSWORD, EMAIL, URL, PHONE, SEARCH (ETC) OVERRIDES
--------------------------------------------------------------------------------------------------*/
.formtastic .stringish input {
  width:72%;
}

.formtastic .stringish input[size],
.formtastic .stringish input[max] {
  width:auto;
  max-width:72%;
}


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
.formtastic .text textarea {
  width:72%;
}

.formtastic .text textarea[cols] {
  width:auto;
  max-width:72%;
}


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
.formtastic .hidden {
  display:none;
}


/* BOOLEAN LABELS
--------------------------------------------------------------------------------------------------*/
.formtastic .boolean label {
  padding-left:25%;
  display:block;
}


/* CHOICE GROUPS
--------------------------------------------------------------------------------------------------*/
.formtastic .choices-group {
  margin-bottom:-0.5em;
}

.formtastic .choice {
  margin:0.1em 0 0.5em 0;
}

.formtastic .choice label {
  float:none;
  width:100%;
  line-height:100%;
  padding-top:0;
  margin-bottom:0.6em;
}


/* ADJUSTMENTS FOR INPUTS INSIDE LABELS (boolean input, radio input, check_boxes input)
--------------------------------------------------------------------------------------------------*/
.formtastic .choice label input,
.formtastic .boolean label input {
  margin:0 0.3em 0 0.1em;
  line-height:100%;
}


/* FRAGMENTED INPUTS (DATE/TIME/DATETIME)
--------------------------------------------------------------------------------------------------*/
.formtastic .fragments {
  position:relative;
}

.formtastic .fragments-group {
  float:left;
  width:74%;
  margin:0;
  padding:0 0 0 25%;
}

.formtastic .fragment {
  float:left;
  width:auto;
  margin:0 .3em 0 0;
  padding:0;
  border:0;
}

.formtastic .fragment label {
  display:none;
}

.formtastic .fragment label input {
  display:inline;
  margin:0;
  padding:0;
}

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

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset > ol > li p.inline-hints { color:#333; }

HINT:
The following style may be *conditionally* included for improved support on older versions of IE(<8)
form.formtastic fieldset ol li fieldset legend { margin-left: -6px;}

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

/* WEB-APP-THEME - Activo based settings */


form.formtastic hr {
  height: 1px;
  border-bottom: solid #eaeaea 1px;
  padding-top: 10px;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: -5px;
}

form.formtastic .wat-cf { padding-top:10px; }

/* COLUMNS */

form.formtastic fieldset {
  font-size: 14px;
  width:100%;
}

form.formtastic fieldset.column_left {
  float:left;
  width:47%;
  margin-left: 0px;
}

form.formtastic fieldset.column_right {
  float:right;
  width:48%;
  margin-right: 0px;
}

/* LABELS */

form.formtastic fieldset > ol > li label, .formtastic .input .label {
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  color: #666666;
  width:100%;
}

form.formtastic fieldset > ol > li fieldset ol, .formtastic .choices-group {
  padding:20px 0 0 0;
}

/* FIELDS */
/* Includes some custom fields from extensions */

form.formtastic fieldset > ol > li.string input,
form.formtastic fieldset > ol > li.password input,
form.formtastic fieldset > ol > li.numeric input,
form.formtastic fieldset > ol > li.text textarea,
form.formtastic fieldset > ol > li.datepicker input,
form.formtastic fieldset > ol > li.timepicker input,
form.formtastic fieldset > ol > li.money input,
form.formtastic fieldset > ol > li.email input,
form.formtastic fieldset > ol > li.phone input,
form.formtastic fieldset > ol > li.url input,
form.formtastic fieldset > ol > li.auto_complete input {
  width:100%;
  max-width:98%;
  border: 1px solid #DADADA;
  padding: 2px;
}

form.formtastic fieldset > ol > li.money input {
    width: auto;
}
form.formtastic fieldset > ol > li.money span.char {
    padding-right: 0.3em;
}

form.formtastic fieldset > ol > li.auto_complete label {
  width: auto;
}
form.formtastic fieldset > ol > li.auto_complete a.add-new {
  float: right;
  min-width: 16px;
  text-decoration: none;
  background: url('/images/plus_16.png') no-repeat right #fff;
}
form.formtastic fieldset > ol > li.auto_complete a.add-new.loading {
  background: url('/images/loading.gif');
}

form.formtastic fieldset > ol > li.select select,
form.formtastic fieldset > ol > li.file input {
  /* comboboxes input */
  max-width:100%;
}

form.formtastic fieldset > ol > li.datepicker input {
  /* datepicker icon */
  background: url('/images/calendar-day-faint.png') no-repeat right #fff;
}

form.formtastic fieldset > ol > li.string input:hover,
form.formtastic fieldset > ol > li.password input:hover,
form.formtastic fieldset > ol > li.numeric input:hover,
form.formtastic fieldset > ol > li.text textarea:hover,
form.formtastic fieldset > ol > li.datepicker input:hover,
form.formtastic fieldset > ol > li.timepicker input:hover,
form.formtastic fieldset > ol > li.money input:hover,
form.formtastic fieldset > ol > li.email input:hover,
form.formtastic fieldset > ol > li.phone input:hover,
form.formtastic fieldset > ol > li.url input:hover,
form.formtastic fieldset > ol > li.auto_complete input:hover {
  border: 1px solid #a2a294;
  -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
  -moz-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
}

form.formtastic fieldset > ol > li.datepicker input:hover {
  /* datepicker icon hover */
  background: url('/images/calendar-day.png') no-repeat right #fff;
}

form.formtastic fieldset > ol > li.string input:focus,
form.formtastic fieldset > ol > li.password input:focus,
form.formtastic fieldset > ol > li.numeric input:focus,
form.formtastic fieldset > ol > li.text textarea:focus,
form.formtastic fieldset > ol > li.datepicker input:focus,
form.formtastic fieldset > ol > li.timepicker input:focus,
form.formtastic fieldset > ol > li.money input:focus,
form.formtastic fieldset > ol > li.email input:focus,
form.formtastic fieldset > ol > li.phone input:focus,
form.formtastic fieldset > ol > li.url input:focus,
form.formtastic fieldset > ol > li.auto_complete input:focus {
  border: 1px solid #a2a294;
}

form.formtastic fieldset > ol > li.string input[disabled='disabled'],
form.formtastic fieldset > ol > li.password input[disabled='disabled'],
form.formtastic fieldset > ol > li.numeric input[disabled='disabled'],
form.formtastic fieldset > ol > li.text textarea[disabled='disabled'],
form.formtastic fieldset > ol > li.email input[disabled='disabled'],
form.formtastic fieldset > ol > li.phone input[disabled='disabled'],
form.formtastic fieldset > ol > li.url input[disabled='disabled'],
form.formtastic fieldset > ol > li.timepicker input[disabled='disabled'],
form.formtastic fieldset > ol > li.datepicker input[disabled='disabled'] {
  /* disabled inputs */
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
form.formtastic fieldset > ol > li.spacer {
  margin-left: 10px;
}

#box .block .content form.formtastic fieldset > ol > li input {
  width: auto;
  max-width: 430px;
}

form.formtastic fieldset > ol > li, .formtastic .input {
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0;
}

form.formtastic fieldset > ol > li.date fieldset ol li,
form.formtastic fieldset > ol > li.time fieldset ol li,
form.formtastic fieldset > ol > li.datetime fieldset ol li {
  height: 20px;
}

form.formtastic fieldset > ol > li.error  input {
  /* inputs with errors */
  border: 1px solid #fbb;
}

form.formtastic fieldset > ol > li.radio fieldset ol li {
  /* radio button */
  margin-bottom:4px;
}

form.formtastic fieldset > ol > li.radio fieldset ol li label {
  /* radio button label */
  color: #555555;
  font-size: 13px;
  font-weight: normal;
}

form.formtastic fieldset > ol > li.datepicker input {
  /* datepicker */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

form.formtastic fieldset > ol > li select {
  /* combobox */
  margin-bottom:4px;
}

/* HINT */

form.formtastic fieldset > ol > li p.inline-hints, .inline-hints, .formtastic .input .inline-hints {
  font-style: italic;
  color: #8C8C8C;
  font-size: .9em;
  margin:2px 0 0 0;
}

/* BUTTON */
form.formtastic button.button, form.formtastic a.button {
  font-size: 12px;
}

/* CHECK_BOXES */

#box .block .content form.formtastic fieldset > ol > li.check_boxes fieldset ol {
  width: 440px;
}

#box .block .content form.formtastic fieldset > ol > li.check_boxes fieldset ol li label {
  color: #222;
  font-size: 13px;
  font-weight: normal;
  padding-right: 50px;
}

/* BOOLEAN */

#box .block .content form.formtastic fieldset > ol > li#user_session_remember_me_input.boolean label {
  /* checkbox 'remember me' no login */
  padding-top: 7px;
  padding-right: 5px;
  float: right;
  font-weight: normal;
  font-size: 13px;
}

/* FA Customizations */
form.formtastic fieldset > ol > li, .formtastic .input {
  display: list-item;
}
form.formtastic fieldset > ol > li.boolean label {
    padding-left: 0;
}

form.formtastic fieldset.inline > ol > li, .formtastic .inline .input {
    float: left;
    margin-right: 0.5em;
}
form.formtastic fieldset.inline {
    display: block;
}
form.formtastic fieldset.inline > ol > li > label, .formtastic .inline .input .label {
    float: none;
}
form.formtastic fieldset.inline > ol > li > input, .formtastic .inline .stringish input {
    width: auto;
    max-width: none;
}
form.formtastic fieldset.inline > ol > li.boolean label {
  margin-top: 1.5em;
}
form.formtastic fieldset > ol > li > label.inline {
  width: auto;
  display: inline;
  float: none;
}

form.formtastic fieldset > ol > li.inline > label, .formtastic li.inline .label {
  width: auto;
  display: inline;
  float: none;
  padding-right: 5px;
}

/* Popup dialog styling for contents */
.ui-dialog form.formtastic {
  font-family: helvetica,arial,sans-serif;
}


/* Overrides from legacy new layout */

form.formtastic fieldset.vertical-radio > ol > li > fieldset,
form.formtastic fieldset.inline-radio > ol > li > fieldset {
    padding: 0;
    border: none;
    margin-left: 0;
}
form.formtastic fieldset.vertical-radio > ol > li > fieldset > legend,
form.formtastic fieldset.inline-radio > ol > li > fieldset > legend {
    display: none;
}
form.formtastic fieldset.vertical-radio > ol > li > fieldset > ol,
form.formtastic fieldset.inline-radio > ol > li > fieldset > ol {
    float: none;
    padding: 0;
    width: 100%;
}
form.formtastic fieldset.vertical-radio > ol > li.radio {
    overflow: hidden;
    margin-right: 0;
}
form.formtastic fieldset.vertical-radio > ol > li.radio > fieldset > ol > li {
    float: none;
    overflow: hidden;
}

form.formtastic.smaller-text fieldset {
  font-size: 12px;
}

/* ERRORS */
form.formtastic fieldset > ol > li p.inline-errors {
  margin: 0.5em 0 0 0.5em;
}
form.formtastic ul.errors {
  margin: 10px;
  padding: 5px;
  border: 1px solid #ffbbbb;
  background-color: #ffdddd;
  color: black;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
form.formtastic ul.errors > li {
  list-style-type: none;
}
p.inline-errors {
  color: #CC0000;
}

form.formtastic input.small {
    width: 4.2em !important;
}

option.deleted {
    color: grey;
}

.formtastic input,
.formtastic button,
.formtastic textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/* Fieldset styling - custom */
/*.ui-dialog fieldset.group-box,*/

fieldset.group-box,
form.formtastic fieldset.group-box {
  width: auto;
  display: block;
  float: left;
  margin:  0 10px 0 0;
  padding: 0;

  border: none;
  border-top: solid 1px #D0D0D0;
}
/*.ui-dialog fieldset.group-box.full-width,*/
fieldset.group-box.full-width,
form.formtastic fieldset.group-box.full-width {
  float: none;
}
/*.ui-dialog fieldset.group-box.full-width,*/
fieldset.group-box.full-width,
form.formtastic fieldset.group-box.full-width {
  width: 100%;
  margin-right: 0;
}
/*.ui-dialog fieldset.group-box legend,*/
fieldset.group-box legend,
form.formtastic fieldset.group-box legend {
  padding: 0 5px;
  color: #6A6A6A;
  font-size: 14px;
  font-weight: bold;
}
/*.ui-dialog fieldset.group-box .padding,*/
fieldset.group-box .padding,
form.formtastic fieldset.group-box .padding {
  padding: 5px;
}
/*.ui-dialog fieldset.group-box .columns,*/
fieldset.group-box .columns,
form.formtastic fieldset.group-box .columns {
  padding-top: 0;
}
form.formtastic fieldset.group-box fieldset {
  display: block;
}

fieldset.group-box.indent-contents > .padding,
form.formtastic fieldset.group-box.indent-contents > .padding {
  margin-left: 1.5em;
}
/*






*/