/* -----------------------------------------------------------------------------------------------------------------
  theme.scss
----------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------

    theme.scss

    This forms the basic theme for the site, you should be able
    to change the theme by altering the variables at the top
    of the page, if you need something more custom then
    alter /css/custom-theme.css

    	+top

--------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------------------------------------------
  +Variables
----------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------------------------------------------
  +Mixins
----------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------
  +General
--------------------------------------------------------------------------------------------------------------------- */
body {
  background-color: #ece8e0; }

#content {
  background-color: #fff; }

#header {
  background: #d34421;
  border-bottom: 1px solid #d34421; }

#header h1 {
  color: #fff; }

#title-status-area {
  color: white; }

#title-status-area a {
  color: #fef7f5; }

h2.page-title {
  color: #333;
  margin-bottom: 10px; }

.col-right h3 {
  color: #005ba9; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Login
--------------------------------------------------------------------------------------------------------------------- */
body.login {
  background-color: #d34421; }
  body.login h1 {
    color: #222;
    font-size: 16px; }
  body.login #content {
    background-color: #d34421; }
  body.login #footer {
    border: none; }
    body.login #footer p, body.login #footer a {
      color: #ccc !important; }
  body.login fieldset {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0ede6), to(#c5b9a1));
    background-image: -webkit-linear-gradient(top, #f0ede6, #c5b9a1);
    background-image: -moz-linear-gradient(top, #f0ede6, #c5b9a1);
    background-image: -ms-linear-gradient(top, #f0ede6, #c5b9a1);
    background-image: -o-linear-gradient(top, #f0ede6, #c5b9a1);
    -pie-background: linear-gradient(#f0ede6, #c5b9a1);
    -webkit-box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    box-shadow: 0 0 10px black; }
    body.login fieldset h3 {
      background: none;
      color: #ece8e0;
      font-size: 14px;
      border-bottom: 1px solid #ccc;
      color: #222; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Column Layouts
--------------------------------------------------------------------------------------------------------------------- */
.shell {
  margin: 0 20px; }

.span-1 {
  width: 4.3%; }

.span-2 {
  width: 13%; }

.span-3 {
  width: 21.7%; }

.span-4 {
  width: 30.4%; }

.span-5 {
  width: 39.1%; }

.span-6 {
  width: 47.8%; }

.span-7 {
  width: 56.5%; }

.span-8 {
  width: 65.2%; }

.span-9 {
  width: 72.9%; }

.span-10 {
  width: 82.6%; }

.span-11 {
  width: 91.3%; }

.span-12 {
  width: 100%; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Tables
--------------------------------------------------------------------------------------------------------------------- */
table.list tbody {
  border: 1px solid #ccc; }
table.list tr th {
  background-color: #d34421;
  color: #fff;
  border-left: 1px solid #fff; }
  table.list tr th a:active, table.list tr th a:hover, table.list tr th a:link, table.list tr th a:visited {
    color: #fff; }
table.list tr td {
  background-color: #fff; }
table.list tr th:first-child {
  border-left: 0; }
table.list tr th.sortable:hover, table.list tr th.sorted {
  background-color: #e26445; }
table.list td.quiet {
  color: #6f6f6f; }
table.list tbody tr.alternate1 td {
  background: #f4f1ed; }
table.list tbody tr:hover td, table.list tbody tr.alternate1:hover td {
  background-color: #ece8e0; }
table.list tbody tr.red td {
  background: #fccac8; }
table.list tbody tr.red:hover td {
  background: #f4a4a1; }
table.list tbody tr.green td {
  background: #cbee9f; }
table.list tbody tr.green:hover td {
  background: #b1e272; }
table.list tbody tr.orange td {
  background: #ffd298; }
table.list tbody tr.orange:hover td {
  background: #f5ba6e; }
table.list tfoot {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }
  table.list tfoot td {
    padding: 10px 6px;
    border-bottom: 1px solid #ccc;
    font-size: 16px; }

table.items td.delete-controls .restore {
  display: none; }
table.items tr.deleted {
  opacity: 0.5; }
  table.items tr.deleted td.delete-controls .delete {
    display: none; }
  table.items tr.deleted td.delete-controls .restore {
    display: inline-block; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Forms
--------------------------------------------------------------------------------------------------------------------- */
fieldset {
  border: 1px solid #ccc;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px; }

fieldset h3 {
  background-color: #d34421;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e26445), to(#a7361a));
  background-image: -webkit-linear-gradient(top, #e26445, #a7361a);
  background-image: -moz-linear-gradient(top, #e26445, #a7361a);
  background-image: -ms-linear-gradient(top, #e26445, #a7361a);
  background-image: -o-linear-gradient(top, #e26445, #a7361a);
  -pie-background: linear-gradient(#e26445, #a7361a);
  color: #fff;
  font-size: 12px; }

fieldset .help {
  border: 1px solid #ccc;
  background-color: #ece8e0;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 1px 1px 3px #eee;
  -moz-box-shadow: 1px 1px 3px #eee;
  box-shadow: 1px 1px 3px #eee; }
  fieldset .help p {
    font-size: 12px; }

.button-bar {
  border: 1px solid #ccc; }

.error-placeholder {
  color: #CC0000; }

.error-placeholder.failed {
  background-color: #ffe6e6;
  color: #CC0000; }

.error-placeholder.success {
  background-color: #e6ffe6;
  color: #00CC00; }

.focus-frame {
  display: none; }

.record-search {
  border: 1px solid #ccc;
  -webkit-box-shadow: 1px 1px 3px #eee;
  -moz-box-shadow: 1px 1px 3px #eee;
  box-shadow: 1px 1px 3px #eee; }

dl.floated dd {
  color: #555555; }

dl.floated.info dt, .summary-fieldset dt {
  border-top: 1px dotted #ccc; }

dl.floated.info dd, .summary-fieldset dd {
  border-top: 1px dotted #ccc; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Buttons
--------------------------------------------------------------------------------------------------------------------- */
.button, a.button, .button-wrapper input, .simple-tab-panel .title-buttons a {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#e3e3e3));
  background-image: -webkit-linear-gradient(top, white, #e3e3e3);
  background-image: -moz-linear-gradient(top, white, #e3e3e3);
  background-image: -ms-linear-gradient(top, white, #e3e3e3);
  background-image: -o-linear-gradient(top, white, #e3e3e3);
  -pie-background: linear-gradient(white, #e3e3e3);
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff;
  color: #222 !important;
  font-size: 12px;
  font-family: sans-serif;
  font-weight: bold; }

.button:hover, .button-wrapper input:hover {
  border: 1px solid #a6a6a6;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#b3b3b3));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #b3b3b3);
  background-image: -moz-linear-gradient(top, #e6e6e6, #b3b3b3);
  background-image: -ms-linear-gradient(top, #e6e6e6, #b3b3b3);
  background-image: -o-linear-gradient(top, #e6e6e6, #b3b3b3);
  -pie-background: linear-gradient(#e6e6e6, #b3b3b3);
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff;
  color: #222 !important;
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff; }

.button.small, .button-wrapper.small input {
  font-size: 10px;
  text-transform: uppercase; }

.button.primary {
  border: 1px solid #36790e;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6be522), to(#419011));
  background-image: -webkit-linear-gradient(top, #6be522, #419011);
  background-image: -moz-linear-gradient(top, #6be522, #419011);
  background-image: -ms-linear-gradient(top, #6be522, #419011);
  background-image: -o-linear-gradient(top, #6be522, #419011);
  -pie-background: linear-gradient(#6be522, #419011);
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff;
  color: #fff !important; }

.button.primary:hover {
  border: 1px solid #245109;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56c415), to(#2e680b));
  background-image: -webkit-linear-gradient(top, #56c415, #2e680b);
  background-image: -moz-linear-gradient(top, #56c415, #2e680b);
  background-image: -ms-linear-gradient(top, #56c415, #2e680b);
  background-image: -o-linear-gradient(top, #56c415, #2e680b);
  -pie-background: linear-gradient(#56c415, #2e680b);
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff;
  color: #fff !important;
  -webkit-box-shadow: inset 0px 1px 0px #C4F5B5;
  -moz-box-shadow: inset 0px 1px 0px #C4F5B5;
  box-shadow: inset 0px 1px 0px #C4F5B5; }

.button.warning {
  border: 1px solid #df0c0c;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f87272), to(#f21212));
  background-image: -webkit-linear-gradient(top, #f87272, #f21212);
  background-image: -moz-linear-gradient(top, #f87272, #f21212);
  background-image: -ms-linear-gradient(top, #f87272, #f21212);
  background-image: -o-linear-gradient(top, #f87272, #f21212);
  -pie-background: linear-gradient(#f87272, #f21212);
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff;
  color: #222 !important; }

.button.warning:hover {
  border: 1px solid #961010;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ea3c3c), to(#ad1313));
  background-image: -webkit-linear-gradient(top, #ea3c3c, #ad1313);
  background-image: -moz-linear-gradient(top, #ea3c3c, #ad1313);
  background-image: -ms-linear-gradient(top, #ea3c3c, #ad1313);
  background-image: -o-linear-gradient(top, #ea3c3c, #ad1313);
  -pie-background: linear-gradient(#ea3c3c, #ad1313);
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff;
  color: #fff !important;
  -webkit-box-shadow: inset 0px 1px 0px #F27777;
  -moz-box-shadow: inset 0px 1px 0px #F27777;
  box-shadow: inset 0px 1px 0px #F27777; }

dd.button {
  font-size: 10px; }

.button-bar .button {
  font-size: 14px; }

.title-buttons a:hover {
  border-color: #999999; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Typography
--------------------------------------------------------------------------------------------------------------------- */
body {
  font-size: 12px;
  font-family: sans-serif;
  line-height: 18px;
  color: #222; }

p, ul, blockquote, dd, dt, table {
  font-size: 12px;
  line-height: 18px; }

.lrg {
  font-size: 14.4px; }

a:link, a:visited, a:hover, a:active {
  color: #1073c8; }

h1 {
  font-size: 33.6px;
  margin-bottom: 6px;
  font-weight: normal; }

h2 {
  font-size: 24px;
  margin-bottom: 12px;
  font-weight: normal; }

h3 {
  font-size: 19.2px;
  margin-bottom: 12px;
  font-weight: normal; }

h4 {
  font-size: 14.4px;
  margin-bottom: 12px; }

h5 {
  font-size: 12px;
  margin-bottom: 12px; }

h6 {
  font-size: 9.6px;
  margin-bottom: 12px; }

.primary {
  font-weight: bold; }

.secondary {
  color: #666;
  font-style: italic; }

.important {
  color: #CC0000; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Search Panel
--------------------------------------------------------------------------------------------------------------------- */
.search-panel-title h3 {
  padding-right: 15px; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Spinners/Loaders
--------------------------------------------------------------------------------------------------------------------- */
.ajax-progress {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 9px #000; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Tabs
--------------------------------------------------------------------------------------------------------------------- */
#nav {
  background-color: #005ba9;
  padding-top: 10px;
  border-top: 1px solid #43a8ff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0069c3), to(#004d90));
  background-image: -webkit-linear-gradient(top, #0069c3, #004d90);
  background-image: -moz-linear-gradient(top, #0069c3, #004d90);
  background-image: -ms-linear-gradient(top, #0069c3, #004d90);
  background-image: -o-linear-gradient(top, #0069c3, #004d90);
  -pie-background: linear-gradient(#0069c3, #004d90); }

ul.main-menu li {
  background-color: #005095;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0058a4), to(#00427b));
  background-image: -webkit-linear-gradient(top, #0058a4, #00427b);
  background-image: -moz-linear-gradient(top, #0058a4, #00427b);
  background-image: -ms-linear-gradient(top, #0058a4, #00427b);
  background-image: -o-linear-gradient(top, #0058a4, #00427b);
  -pie-background: linear-gradient(#0058a4, #00427b);
  -webkit-box-shadow: inset 0px 1px 0px #1091ff;
  -moz-box-shadow: inset 0px 1px 0px #1091ff;
  box-shadow: inset 0px 1px 0px #1091ff;
  border: 1px solid #004076;
  border-bottom: 0; }
  ul.main-menu li a {
    color: #FFF; }
ul.main-menu li.selected {
  background: #ece8e0;
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff;
  border-color: #c5b9a1; }
  ul.main-menu li.selected a {
    color: #222; }
ul.main-menu li:hover {
  background-color: #002443;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004d90), to(#003a6c));
  background-image: -webkit-linear-gradient(top, #004d90, #003a6c);
  background-image: -moz-linear-gradient(top, #004d90, #003a6c);
  background-image: -ms-linear-gradient(top, #004d90, #003a6c);
  background-image: -o-linear-gradient(top, #004d90, #003a6c);
  -pie-background: linear-gradient(#004d90, #003a6c);
  -webkit-box-shadow: inset 0px 1px 0px #0058a4;
  -moz-box-shadow: inset 0px 1px 0px #0058a4;
  box-shadow: inset 0px 1px 0px #0058a4;
  border: 1px solid #003a6c; }
ul.main-menu li.selected:hover {
  background: #ece8e0;
  border-color: #c5b9a1;
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff;
  border-bottom: 0; }

#secondary-nav {
  background-color: #ece8e0;
  border-bottom: 1px solid #d5ccba;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ece8e0), to(#d9d1c0));
  background-image: -webkit-linear-gradient(top, #ece8e0, #d9d1c0);
  background-image: -moz-linear-gradient(top, #ece8e0, #d9d1c0);
  background-image: -ms-linear-gradient(top, #ece8e0, #d9d1c0);
  background-image: -o-linear-gradient(top, #ece8e0, #d9d1c0);
  -pie-background: linear-gradient(#ece8e0, #d9d1c0); }
  #secondary-nav ul li:hover {
    background-color: #f6f4f0;
    color: #fff;
    border: 1px solid #d9d1c0; }
  #secondary-nav ul li {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px; }
  #secondary-nav ul li a {
    color: #d34421; }
  #secondary-nav ul li.selected {
    background: #ece8e0;
    background: #c5b9a1;
    border: 1px solid #c5b9a1;
    -webkit-box-shadow: inset 1px 1px 3px #bcad91;
    -moz-box-shadow: inset 1px 1px 3px #bcad91;
    box-shadow: inset 1px 1px 3px #bcad91; }

.vertical-tab-groups {
  border: 1px solid #ccc;
  background: #f4f1ed; }
  .vertical-tab-groups .col-middle {
    background: #fff;
    border-left: 1px solid #ccc; }
  .vertical-tab-groups .col-left ul li {
    border-bottom: 1px solid #ccc; }
  .vertical-tab-groups .col-left ul li a {
    font-size: 14px;
    color: #a2a2a2;
    font-weight: bold; }
  .vertical-tab-groups .col-left ul li.selected {
    background-color: #fff;
    border-right: 1px solid #fff; }
  .vertical-tab-groups .col-left ul li.selected a {
    color: #222; }
  .vertical-tab-groups .col-left ul li:hover {
    background: #ece8e0; }
  .vertical-tab-groups .col-left ul li:hover a {
    color: #222; }
  .vertical-tab-groups .col-left ul li.selected:hover {
    background: #fff; }

#filter-tabs {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ece8e0), to(#d9d1c0));
  background-image: -webkit-linear-gradient(top, #ece8e0, #d9d1c0);
  background-image: -moz-linear-gradient(top, #ece8e0, #d9d1c0);
  background-image: -ms-linear-gradient(top, #ece8e0, #d9d1c0);
  background-image: -o-linear-gradient(top, #ece8e0, #d9d1c0);
  -pie-background: linear-gradient(#ece8e0, #d9d1c0);
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  box-shadow: inset 0px 1px 0px #fff;
  border: 1px solid #ccc; }
  #filter-tabs li {
    border: 1px solid #ccc;
    background: #ece8e0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #ece8e0; }
    #filter-tabs li a {
      border-bottom: 1px solid #ccc;
      color: #fff; }
    #filter-tabs li .save-search {
      background-color: #fff; }
  #filter-tabs li.selected, #filter-tabs li.selected:hover {
    background: #fff; }
  #filter-tabs li:hover {
    background-color: #fff; }
  #filter-tabs .manage {
    background-color: #ece8e0; }
  #filter-tabs .export {
    background-color: #ece8e0; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Messages/Alerts
--------------------------------------------------------------------------------------------------------------------- */
#notification-area {
  background: #FCFAD7;
  border-bottom: 1px solid #F2ED94; }

.incoming-call {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: -1px -1px 10px #333;
  -moz-box-shadow: -1px -1px 10px #333;
  box-shadow: -1px -1px 10px #333;
  background: url("/framework/images/icons/phone.png") no-repeat 15px center #FCFAD7; }
  .incoming-call em {
    font-style: normal;
    color: #888;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .incoming-call strong {
    font-weight: bold;
    color: #111; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Panel manager
--------------------------------------------------------------------------------------------------------------------- */
.panel.add .panel-content {
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  border: 2px dashed #ccc; }
  .panel.add .panel-content p {
    color: #a2a2a2; }

.panel-manager-editing .panel-content {
  border: 2px dashed #990000; }
.panel-manager-editing .panel:hover {
  border: 2px solid transparent;
  background: #f0ede6; }
.panel-manager-editing .panel.add:hover .panel-content {
  border: 2px dashed #999999;
  background-color: #f0ede6; }
  .panel-manager-editing .panel.add:hover .panel-content p {
    color: #222; }

.panel:nth-child(even) .panel-content {
  background: #ece8e0; }

.simple-tab-panel h3 {
  color: #005ba9; }

.simple-tab-panel fieldset h3 {
  color: #fff; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Pager
--------------------------------------------------------------------------------------------------------------------- */
.pager {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f4f1ed));
  background-image: -webkit-linear-gradient(top, #fff, #f4f1ed);
  background-image: -moz-linear-gradient(top, #fff, #f4f1ed);
  background-image: -ms-linear-gradient(top, #fff, #f4f1ed);
  background-image: -o-linear-gradient(top, #fff, #f4f1ed);
  -pie-background: linear-gradient(#fff, #f4f1ed);
  color: #fff !important; }
  .pager a {
    border: 1px solid #ccc;
    color: #222;
    background-color: #fff; }
  .pager a:hover {
    border: 1px solid #ccc;
    background: #ece8e0; }
  .pager span {
    background-color: #005ba9;
    border-color: #004076; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Dialogs
--------------------------------------------------------------------------------------------------------------------- */
.ui-dialog {
  font-family: sans-serif;
  -webkit-box-shadow: 0 0 20px #666;
  -moz-box-shadow: 0 0 20px #666;
  box-shadow: 0 0 20px #666;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px; }
  .ui-dialog .ui-dialog-title {
    font-size: 14px; }
  .ui-dialog .ui-dialog-titlebar {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0; }
  .ui-dialog .ui-widget-header {
    background-color: #d34421;
    color: #FFF;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e26445), to(#a7361a));
    background-image: -webkit-linear-gradient(top, #e26445, #a7361a);
    background-image: -moz-linear-gradient(top, #e26445, #a7361a);
    background-image: -ms-linear-gradient(top, #e26445, #a7361a);
    background-image: -o-linear-gradient(top, #e26445, #a7361a);
    -pie-background: linear-gradient(#e26445, #a7361a); }
  .ui-dialog .ui-dialog-content .button-bar-container {
    background-color: #ece8e0;
    border-top: 1px solid #ccc;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px; }
  .ui-dialog input, .ui-dialog select, .ui-dialog teaxtarea {
    font-family: sans-serif; }

.dialog-blackout {
  opacity: 0.3;
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.dialog-content {
  display: none; }

.dialog {
  display: none;
  background: #FFF;
  border: 1px solid #666;
  padding: 20px;
  box-shadow: 0 0 20px #999;
  position: absolute;
  left: 50%;
  z-index: 1000; }

.dialog .dialog-content {
  display: block; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Calendar
--------------------------------------------------------------------------------------------------------------------- */
#calendar .fc-header-title h2 {
  font-size: 18px; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Footer
--------------------------------------------------------------------------------------------------------------------- */
#footer {
  background: #ece8e0;
  border-top: 1px solid #ccc; }
  #footer p {
    color: #ccc;
    font-size: 11px; }

/* -----------------------------------------------------------------------------------------------------------------
  +Content
----------------------------------------------------------------------------------------------------------------- */
#content {
  background-color: #fff;
  min-height: 600px; }

h2.page-title {
  font-weight: bold;
  background-image: none;
  margin-bottom: 20px;
  font-size: 30px;
  border-bottom: 1px solid #ccc;
  -webkit-box-shadow: 0 5px 5px #eee;
  -moz-box-shadow: 0 5px 5px #eee;
  box-shadow: 0 5px 5px #eee; }

#header {
  border-bottom: none; }
  #header #title-status-area {
    width: 30%; }
    #header #title-status-area a {
      font-weight: bold; }
    #header #title-status-area p.help {
      margin-bottom: 15px; }

/* -----------------------------------------------------------------------------------------------------------------
  +Buttons
----------------------------------------------------------------------------------------------------------------- */
.button {
  margin-left: 0px; }

.button, a.button, .button-wrapper input, .simple-tab-panel .title-buttons a {
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#c4c4c4));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #c4c4c4);
  background-image: -moz-linear-gradient(top, #f7f7f7, #c4c4c4);
  background-image: -ms-linear-gradient(top, #f7f7f7, #c4c4c4);
  background-image: -o-linear-gradient(top, #f7f7f7, #c4c4c4);
  -pie-background: linear-gradient(#f7f7f7, #c4c4c4);
  box-shadow: none;
  color: #222;
  font-size: 15px;
  font-weight: bold; }

.button:hover, .button-wrapper input:hover {
  border: 1px solid #bfbfbf;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#b3b3b3));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #b3b3b3);
  background-image: -moz-linear-gradient(top, #e6e6e6, #b3b3b3);
  background-image: -ms-linear-gradient(top, #e6e6e6, #b3b3b3);
  background-image: -o-linear-gradient(top, #e6e6e6, #b3b3b3);
  -pie-background: linear-gradient(#e6e6e6, #b3b3b3);
  box-shadow: none;
  color: #222;
  box-shadow: none; }

.button.small, .button-wrapper.small input {
  font-size: 10px;
  text-transform: uppercase; }

.button.primary {
  border: 1px solid #004d90;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0076dc), to(#004076));
  background-image: -webkit-linear-gradient(top, #0076dc, #004076);
  background-image: -moz-linear-gradient(top, #0076dc, #004076);
  background-image: -ms-linear-gradient(top, #0076dc, #004076);
  background-image: -o-linear-gradient(top, #0076dc, #004076);
  -pie-background: linear-gradient(#0076dc, #004076);
  box-shadow: none;
  color: #fff !important;
  background-color: #005ba9; }

.button.primary:hover {
  border: 1px solid #004076;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0069c3), to(#00325d));
  background-image: -webkit-linear-gradient(top, #0069c3, #00325d);
  background-image: -moz-linear-gradient(top, #0069c3, #00325d);
  background-image: -ms-linear-gradient(top, #0069c3, #00325d);
  background-image: -o-linear-gradient(top, #0069c3, #00325d);
  -pie-background: linear-gradient(#0069c3, #00325d);
  box-shadow: none;
  color: #fff !important;
  box-shadow: none; }

.button.warning {
  border: 1px solid #bd3d1e;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e26445), to(#a7361a));
  background-image: -webkit-linear-gradient(top, #e26445, #a7361a);
  background-image: -moz-linear-gradient(top, #e26445, #a7361a);
  background-image: -ms-linear-gradient(top, #e26445, #a7361a);
  background-image: -o-linear-gradient(top, #e26445, #a7361a);
  -pie-background: linear-gradient(#e26445, #a7361a);
  box-shadow: none;
  color: #fff !important;
  background-color: #d34421; }

.button.warning:hover {
  border: 1px solid #a7361a;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#de522f), to(#912f17));
  background-image: -webkit-linear-gradient(top, #de522f, #912f17);
  background-image: -moz-linear-gradient(top, #de522f, #912f17);
  background-image: -ms-linear-gradient(top, #de522f, #912f17);
  background-image: -o-linear-gradient(top, #de522f, #912f17);
  -pie-background: linear-gradient(#de522f, #912f17);
  box-shadow: none;
  color: #fff !important;
  background-color: #bd3d1e; }

.add-area-button.button {
  border: 1px solid #004d90;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0076dc), to(#004076));
  background-image: -webkit-linear-gradient(top, #0076dc, #004076);
  background-image: -moz-linear-gradient(top, #0076dc, #004076);
  background-image: -ms-linear-gradient(top, #0076dc, #004076);
  background-image: -o-linear-gradient(top, #0076dc, #004076);
  -pie-background: linear-gradient(#0076dc, #004076);
  box-shadow: none;
  color: #fff !important;
  background-color: #005ba9; }

.add-area-button.button:hover {
  border: 1px solid #004076;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0069c3), to(#00325d));
  background-image: -webkit-linear-gradient(top, #0069c3, #00325d);
  background-image: -moz-linear-gradient(top, #0069c3, #00325d);
  background-image: -ms-linear-gradient(top, #0069c3, #00325d);
  background-image: -o-linear-gradient(top, #0069c3, #00325d);
  -pie-background: linear-gradient(#0069c3, #00325d);
  box-shadow: none;
  color: #fff !important;
  box-shadow: none; }

.button-bar {
  border: none; }
  .button-bar .button {
    float: none; }

.title-buttons {
  margin-top: 0;
  position: absolute;
  top: 0px;
  right: 0px; }
  .title-buttons .button-bar {
    padding: 0;
    border: none; }

.button.update-status {
  margin: 0 10px 0 0;
  position: relative;
  position: relative;
  top: -2px; }

#add-feature-button {
  float: none;
  margin-left: 10px;
  position: relative;
  top: -1px; }

td a.button {
  margin-right: 5px; }

/* -----------------------------------------------------------------------------------------------------------------
  +Forms
----------------------------------------------------------------------------------------------------------------- */
.standard-form-heading, fieldset h3, body.login fieldset h3 {
  font-weight: bold;
  color: #444;
  border: none;
  border-bottom: 1px solid #ccc;
  margin: -15px -15px 15px -15px;
  font-size: 14px;
  text-transform: uppercase;
  background-image: none;
  background-color: transparent;
  padding: 15px; }

.standard-fieldset, fieldset, body.login fieldset {
  background-image: none;
  border: none;
  background-color: white;
  box-shadow: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: 1px 1px 3px #eee;
  -moz-box-shadow: 1px 1px 3px #eee;
  box-shadow: 1px 1px 3px #eee; }

.standard-form input[type="text"], .standard-form input[type="password"], .standard-form textarea, .standard-form input[type="email"], fieldset input[type="text"], fieldset input[type="password"], fieldset textarea, fieldset input[type="email"] {
  border: 1px solid #bfbfbf;
  -webkit-box-shadow: inset 1px 2px 3px #d9d9d9;
  -moz-box-shadow: inset 1px 2px 3px #d9d9d9;
  box-shadow: inset 1px 2px 3px #d9d9d9;
  padding: 7px; }

fieldset h3 {
  font-size: 14px;
  color: #444; }
fieldset input[type="checkbox"] {
  margin-top: 7px; }
fieldset .button-bar {
  border: none;
  padding-bottom: 0; }
fieldset .help {
  border: 0;
  background-color: #faf9ce;
  border-radius: 0; }

.simple-tab-panel h3 {
  color: #919191;
  font-weight: bold;
  font-size: 18px; }

/* -----------------------------------------------------------------------------------------------------------------
  +login
----------------------------------------------------------------------------------------------------------------- */
body.login {
  background-color: #ece8e0; }
  body.login #content {
    min-height: 200px;
    background-color: #fff;
    padding: 100px 0; }
  body.login #header {
    display: block;
    padding: 15px 0 0 0;
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    background-color: #fff; }
    body.login #header .shell {
      width: inherit;
      margin: 0 15px 15px 15px; }
    body.login #header #title-area {
      width: auto; }
      body.login #header #title-area h1 {
        width: auto;
        height: auto;
        text-align: left; }
        body.login #header #title-area h1 img {
          width: auto;
          display: block; }
  body.login #content {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px; }
  body.login p#logo {
    display: none; }
  body.login fieldset input[type="text"], body.login fieldset input[type="password"] {
    font-size: 14px;
    padding: 5px;
    width: 70%; }
  body.login fieldset dl.floated dt {
    width: 25%;
    margin-bottom: 15px; }
  body.login fieldset dl.floated dd {
    width: 70%;
    margin-bottom: 15px; }
  body.login #footer .shell {
    width: inherit;
    margin: 0 20px; }

/* -----------------------------------------------------------------------------------------------------------------
  +Area Picker
----------------------------------------------------------------------------------------------------------------- */
.quick-search-popup-container {
  position: relative; }
  .quick-search-popup-container h2 {
    font-size: 18px;
    font-weight: bold; }
  .quick-search-popup-container .dialog-content {
    position: absolute;
    width: 500px;
    background-color: #FFF;
    border: 1px solid #ccc;
    left: 0;
    margin-top: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 1px 1px 3px #eee;
    -moz-box-shadow: 1px 1px 3px #eee;
    box-shadow: 1px 1px 3px #eee;
    padding: 15px;
    z-index: 900; }
  .quick-search-popup-container img.loading-spinner {
    position: absolute;
    top: 20px;
    right: 20px; }

#AreaIDLabel {
  -webkit-border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  background: #e3e3e3;
  padding: 4px 13px;
  padding-left: 40px;
  font-weight: bold;
  position: absolute;
  margin-left: 148px;
  margin-top: 0; }

p.add-more {
  margin-bottom: 0;
  position: relative; }
  p.add-more .clear-area-button {
    display: inline;
    position: absolute;
    height: 19px;
    left: 146px;
    border-right: 1px solid #cecece;
    top: 0;
    padding: 6px 10px;
    bottom: 0; }
    p.add-more .clear-area-button img {
      position: relative;
      top: 3px;
      left: 3px; }

ul.search-selections {
  margin: 0; }

.area-picker {
  height: 240px;
  margin-bottom: 15px; }
  .area-picker table {
    border: 0 none;
    border-collapse: collapse;
    margin: 0;
    width: 100%; }
    .area-picker table td.picker-option-list {
      border: 1px solid #DDDDDD;
      margin: 0;
      padding: 0; }
      .area-picker table td.picker-option-list ul {
        display: block;
        font-size: 1em;
        height: 240px;
        list-style-type: none;
        margin: 0;
        overflow-y: auto; }
        .area-picker table td.picker-option-list ul li {
          background: url("/images/icons/generic-dark-grey-arrow.png") no-repeat scroll 97% center transparent;
          border-bottom: 1px solid #DDDDDD;
          list-style: none outside none;
          margin: 0;
          padding: 5px 7px;
          position: relative; }
          .area-picker table td.picker-option-list ul li span {
            color: #BBBBBB; }
          .area-picker table td.picker-option-list ul li:hover {
            background-color: #ECF1F8;
            cursor: pointer; }
          .area-picker table td.picker-option-list ul li.selected {
            background-color: #ECF1F8; }
          .area-picker table td.picker-option-list ul li.last-item {
            background-image: none; }

.search-panel .quick-search-popup-container .dialog-content, .ReportBrowser .report-criteria .quick-search-popup-container .dialog-content {
  left: -90px !important; }
.search-panel #refine-area-picker, .ReportBrowser .report-criteria #refine-area-picker {
  width: 130px; }
.search-panel #AreaIDLabel, .ReportBrowser .report-criteria #AreaIDLabel {
  margin-left: 133px; }
.search-panel p.add-more .clear-area-button, .ReportBrowser .report-criteria p.add-more .clear-area-button {
  left: 127px;
  width: 14px;
  height: 13px; }
  .search-panel p.add-more .clear-area-button img, .ReportBrowser .report-criteria p.add-more .clear-area-button img {
    top: 1px;
    left: 4px; }

/* -----------------------------------------------------------------------------------------------------------------
  +Header
----------------------------------------------------------------------------------------------------------------- */
#header {
  background-color: #fff;
  padding-top: 10px; }
  #header #title-status-area p {
    color: #222; }
    #header #title-status-area p a {
      color: #1073c8; }
  #header .help-text {
    width: 250px;
    position: absolute;
    left: 590px;
    top: 10px; }

/* -----------------------------------------------------------------------------------------------------------------
  +Nav
----------------------------------------------------------------------------------------------------------------- */
#nav {
  background-color: #d34421;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#de522f), to(#bd3d1e));
  background-image: -webkit-linear-gradient(top, #de522f, #bd3d1e);
  background-image: -moz-linear-gradient(top, #de522f, #bd3d1e);
  background-image: -ms-linear-gradient(top, #de522f, #bd3d1e);
  background-image: -o-linear-gradient(top, #de522f, #bd3d1e);
  -pie-background: linear-gradient(#de522f, #bd3d1e);
  border-top: 0;
  z-index: 0;
  padding: 0;
  overflow: hidden;
  padding-top: 12px;
  height: 40px; }
  #nav ul.main-menu {
    overflow: hidden; }
    #nav ul.main-menu li {
      border: none;
      margin-right: 1px;
      box-shadow: none;
      background-color: transparent;
      background-image: none;
      padding: 0;
      background: #a7361a;
      height: auto; }
      #nav ul.main-menu li.selected, #nav ul.main-menu li.selected:hover {
        background-color: #ece8e0; }
        #nav ul.main-menu li.selected a, #nav ul.main-menu li.selected:hover a {
          color: #222; }
          #nav ul.main-menu li.selected a:hover, #nav ul.main-menu li.selected:hover a:hover {
            color: #222; }
      #nav ul.main-menu li:hover {
        background-color: #912f17; }
        #nav ul.main-menu li:hover a {
          color: #fff; }
      #nav ul.main-menu li a {
        color: #f7d2c9;
        padding: 10px 15px;
        display: block;
        float: left; }

/* -----------------------------------------------------------------------------------------------------------------
  +Tables
----------------------------------------------------------------------------------------------------------------- */
table tr td table {
  margin-bottom: 0; }
table.search-grid {
  width: 100%; }
table#ComprisesTable {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse; }
  table#ComprisesTable tr th, table#ComprisesTable tr td {
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px; }
    table#ComprisesTable tr th input[type="text"], table#ComprisesTable tr td input[type="text"] {
      max-width: inherit !important;
      width: 72%; }

.display-table, .simple-tab-panel #statSummary table {
  border-collapse: collapse;
  border: 1px solid #ccc; }
  .display-table tr th, .simple-tab-panel #statSummary table tr th, .display-table tr td, .simple-tab-panel #statSummary table tr td {
    padding: 15px;
    border: 1px solid #ccc;
    text-align: left; }

table.list tr td {
  padding: 6px 10px; }
table.list tr td.message {
  word-break: break-all;
  word-wrap: break-word; }
table.list p {
  margin: 0; }

.table-memo tr td {
  padding: 5px !important;
  vertical-align: top !important; }
.table-memo tr td:nth-of-type(2) {
  width: 50%; }
.table-memo tr td:nth-of-type(7) {
  width: 80px; }

/* -----------------------------------------------------------------------------------------------------------------
  +Tabs
----------------------------------------------------------------------------------------------------------------- */
#filter-tabs {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  height: 33px;
  margin: 0 12px;
  border: none;
  padding: 0;
  position: relative;
  z-index: 1; }
  #filter-tabs li {
    border-bottom: none;
    margin-top: 0; }
    #filter-tabs li.selected {
      border-bottom: 1px solid white;
      position: relative;
      margin-bottom: -1px; }

.pager {
  position: relative;
  z-index: 0; }

.vertical-tab-groups .col-left ul li.selected {
  margin-right: -1px;
  border-right: none;
  position: relative; }

.vertical-tab-groups .col-left ul li:hover a {
  color: #444; }

/* -----------------------------------------------------------------------------------------------------------------
  +Secondary Nav
----------------------------------------------------------------------------------------------------------------- */
#secondary-nav {
  background-image: none;
  border: none;
  height: 30px;
  -webkit-box-shadow: 0px 2px 5px #ccc;
  -moz-box-shadow: 0px 2px 5px #ccc;
  box-shadow: 0px 2px 5px #ccc; }
  #secondary-nav .shell {
    padding: 0; }
    #secondary-nav .shell ul li {
      background: transparent;
      border: none;
      box-shadow: none; }
      #secondary-nav .shell ul li a {
        color: #888; }
      #secondary-nav .shell ul li.selected a {
        color: #444; }

/* -----------------------------------------------------------------------------------------------------------------
  +Dashboard
----------------------------------------------------------------------------------------------------------------- */
.QuickLinksPanel ul {
  list-style: none;
  margin: 0 0 15px 0; }
  .QuickLinksPanel ul li {
    list-style: none;
    margin: 0; }

.panel {
  margin: 10px; }
  .panel h3 {
    font-weight: bold; }

.panel-content {
  background: #ece8e0;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #d9d1c0;
  padding: 14px; }

/* -----------------------------------------------------------------------------------------------------------------
  +Search Panel
----------------------------------------------------------------------------------------------------------------- */
.simple-tab-panel .search-panel .clear-floats, .simple-tab-panel .ReportBrowser .report-criteria .clear-floats, .ReportBrowser .simple-tab-panel .report-criteria .clear-floats {
  clear: none; }
.simple-tab-panel .search-panel .search-panel-title, .simple-tab-panel .ReportBrowser .report-criteria .search-panel-title, .ReportBrowser .simple-tab-panel .report-criteria .search-panel-title {
  float: none; }
.simple-tab-panel .search-panel .search-panel-inputs, .simple-tab-panel .ReportBrowser .report-criteria .search-panel-inputs, .ReportBrowser .simple-tab-panel .report-criteria .search-panel-inputs {
  clear: none; }

.search-panel, .ReportBrowser .report-criteria {
  border: 1px solid #ccc;
  margin: 0 0 20px 0;
  padding: 10px 15px;
  background-color: #f6f4f0;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 1px 1px 3px #eee;
  -moz-box-shadow: 1px 1px 3px #eee;
  box-shadow: 1px 1px 3px #eee; }
  .search-panel .search-panel-inputs, .ReportBrowser .report-criteria .search-panel-inputs {
    clear: both;
    float: none; }
  .search-panel .search-panel-title, .ReportBrowser .report-criteria .search-panel-title {
    margin: 0 -15px 15px -15px;
    display: block;
    width: 100%;
    padding: 0 15px 15px 15px;
    border-bottom: 1px solid #ccc; }
    .search-panel .search-panel-title h3, .ReportBrowser .report-criteria .search-panel-title h3 {
      font-weight: bold; }
  .search-panel .search-panel__fields, .ReportBrowser .report-criteria .search-panel__fields {
    margin-bottom: 10px; }
  .search-panel .search-panel__fields label, .ReportBrowser .report-criteria .search-panel__fields label {
    padding-bottom: 5px;
    display: block; }
  .search-panel .search-grid th, .ReportBrowser .report-criteria .search-grid th {
    text-align: right; }
  .search-panel td .button, .ReportBrowser .report-criteria td .button {
    float: none; }
  .search-panel .record-search, .ReportBrowser .report-criteria .record-search {
    padding: 0;
    border: none;
    margin-bottom: 0; }
    .search-panel .record-search .button, .ReportBrowser .report-criteria .record-search .button {
      font-size: 10px;
      padding: 2px 15px;
      height: 25px;
      text-transform: uppercase; }
  .search-panel .search-panel__inputs, .ReportBrowser .report-criteria .search-panel__inputs {
    position: relative;
    /*---- Popouts ----*/ }
    .search-panel .search-panel__inputs > *, .ReportBrowser .report-criteria .search-panel__inputs > * {
      width: 25%;
      float: left;
      padding-right: 10px;
      box-sizing: border-box; }
      .search-panel .search-panel__inputs > *:nth-child(4n+1), .ReportBrowser .report-criteria .search-panel__inputs > *:nth-child(4n+1) {
        clear: both; }
    .search-panel .search-panel__inputs input[type="text"], .ReportBrowser .report-criteria .search-panel__inputs input[type="text"],
    .search-panel .search-panel__inputs .select-box,
    .ReportBrowser .report-criteria .search-panel__inputs .select-box,
    .search-panel .search-panel__inputs dt select,
    .ReportBrowser .report-criteria .search-panel__inputs dt select,
    .search-panel .search-panel__inputs .search-panel__fields select,
    .ReportBrowser .report-criteria .search-panel__inputs .search-panel__fields select {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box; }
    .search-panel .search-panel__inputs .quick-search, .ReportBrowser .report-criteria .search-panel__inputs .quick-search {
      float: none; }
    .search-panel .search-panel__inputs .popout-input-container[style], .ReportBrowser .report-criteria .search-panel__inputs .popout-input-container[style] {
      width: 100% !important; }
    .search-panel .search-panel__inputs .popout-input-content[style], .ReportBrowser .report-criteria .search-panel__inputs .popout-input-content[style] {
      width: 100% !important; }
    .search-panel .search-panel__inputs .popout-input-container, .ReportBrowser .report-criteria .search-panel__inputs .popout-input-container {
      position: relative; }
    .search-panel .search-panel__inputs .popout-input-content, .ReportBrowser .report-criteria .search-panel__inputs .popout-input-content {
      position: absolute;
      top: 28px;
      padding: 0;
      display: none; }
    .search-panel .search-panel__inputs .popout-input-content input, .ReportBrowser .report-criteria .search-panel__inputs .popout-input-content input {
      position: relative;
      top: 13px;
      left: 10px; }
    .search-panel .search-panel__inputs .popout-input-content .multi-check-text label, .ReportBrowser .report-criteria .search-panel__inputs .popout-input-content .multi-check-text label {
      padding: 9px 33px 8px 32px;
      margin-right: 0;
      border-bottom: 1px solid #c3c3c3;
      cursor: pointer;
      display: block; }
    .search-panel .search-panel__inputs .popout-input-content .multi-check-text label:hover, .ReportBrowser .report-criteria .search-panel__inputs .popout-input-content .multi-check-text label:hover {
      background-color: #E0E0E0; }
    .search-panel .search-panel__inputs .popout-input-display, .ReportBrowser .report-criteria .search-panel__inputs .popout-input-display {
      display: inline-block;
      vertical-align: baseline;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 7px;
      padding-right: 7px;
      color: #444444;
      background: #ffffff;
      line-height: 26px;
      max-width: 100%;
      min-height: 26px;
      width: auto;
      margin-bottom: 2px;
      font-family: inherit;
      border: 1px solid #C3C3C3;
      overflow: hidden;
      max-height: 30px;
      display: block;
      cursor: pointer;
      background: url("/images/icons/dropdown-arrow.png") no-repeat 96% center white; }
    .search-panel .search-panel__inputs .popout-input-display .label, .ReportBrowser .report-criteria .search-panel__inputs .popout-input-display .label {
      margin: 0;
      padding-top: 5px; }
    .search-panel .search-panel__inputs .popout-input-content, .ReportBrowser .report-criteria .search-panel__inputs .popout-input-content {
      max-height: 175px;
      overflow-y: scroll;
      background: white;
      border: 1px solid #c3c3c3;
      z-index: 999; }
    .search-panel .search-panel__inputs input[type="text"][style], .ReportBrowser .report-criteria .search-panel__inputs input[type="text"][style] {
      width: 100% !important; }
    .search-panel .search-panel__inputs select[style], .ReportBrowser .report-criteria .search-panel__inputs select[style] {
      width: 100% !important; }
  .search-panel .selected-item, .ReportBrowser .report-criteria .selected-item {
    background-color: #d3412a;
    color: white;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    border-radius: 35px;
    margin: 0 4.6666666667px 4px 0;
    padding: 4px 34px 4px 10px;
    line-height: 18px; }
    .search-panel .selected-item > *, .ReportBrowser .report-criteria .selected-item > * {
      display: block; }
    .search-panel .selected-item .label, .ReportBrowser .report-criteria .selected-item .label {
      white-space: nowrap; }
    .search-panel .selected-item a, .ReportBrowser .report-criteria .selected-item a {
      width: 14px;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      border-left: 1px solid #f6d8d3;
      text-decoration: none;
      padding-left: 7px;
      padding-right: 6px;
      line-height: 26px;
      color: white; }

.update-panel {
  padding: 16px 15px;
  border: 1px solid #ccc;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  margin-bottom: -1px; }
  .update-panel select {
    margin-left: 15px;
    margin-right: 15px; }

#search-summary {
  border: 1px solid #ccc;
  padding: 10px 20px;
  margin-bottom: 20px;
  text-align: center; }

/* -----------------------------------------------------------------------------------------------------------------
  +Editing properties
----------------------------------------------------------------------------------------------------------------- */
.simple-tab-panel#comprises dl dt, .simple-tab-panel#comprises dl dd {
  width: 100%;
  text-align: left; }
.simple-tab-panel .PropertyStatSearchPanel {
  float: left; }
.simple-tab-panel ul#FeatureList {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .simple-tab-panel ul#FeatureList li {
    border: 1px solid #ccc;
    border-top: none;
    display: block;
    padding: 10px;
    margin: 0;
    margin-bottom: 5px; }
    .simple-tab-panel ul#FeatureList li:first-child {
      border-top: 1px solid #ccc; }
    .simple-tab-panel ul#FeatureList li input {
      width: 300px;
      margin-right: 10px;
      margin-left: 20px; }

.stat {
  width: 150px;
  float: left;
  background: #444;
  color: #ffffff;
  padding: 12px 4px 8px 4px;
  margin: 0px 12px 12px 0px;
  min-height: 60px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  text-align: left;
  font-weight: bold; }
  .stat .status {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #aaaaaa;
    height: 30px;
    margin: 0;
    line-height: 10pt; }
  .stat .count {
    text-align: center;
    font-size: 22px;
    margin: 0;
    line-height: 14pt; }

ul#feature-list {
  list-style: none;
  width: 70%;
  margin-bottom: 0;
  margin-top: 20px; }
  ul#feature-list li {
    background: #e3e3e3;
    display: block;
    position: relative;
    margin: 0 10px 10px 0;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding: 7px 22px 7px 40px; }
    ul#feature-list li input {
      background: #fafafa;
      border: none;
      box-shadow: none;
      padding: 3px;
      width: 100%; }
    ul#feature-list li .content {
      width: 92%; }
    ul#feature-list li a.remove {
      background: url("/pagelets/images/icons/clear-search.png") no-repeat center center;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 28px;
      border-left: 1px solid #cecece; }
    ul#feature-list li a.edit, ul#feature-list li a.editdone {
      position: absolute;
      right: 34px;
      width: 22px;
      top: 0;
      bottom: 0;
      border-left: 1px solid #cecece; }
      ul#feature-list li a.edit span, ul#feature-list li a.editdone span {
        display: none; }
    ul#feature-list li a.edit {
      background: url("/images/sitefiles/edit-icon.png") no-repeat 8px center; }
    ul#feature-list li a.editdone {
      background: url("/images/sitefiles/done-icon.png") no-repeat 8px center; }
    ul#feature-list li .drag-handle {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      float: left;
      width: 10px;
      background: url("/images/sitefiles/drag-handles.png") no-repeat 1px center;
      cursor: move;
      padding-right: 9px;
      border-right: 1px solid #cecece; }

/* -- Comprises Edit --*/
.button {
  float: left;
  margin-right: 10px; }

.compriseEditor {
  float: left;
  width: 30%;
  padding: 40px;
  border: 1px solid #e3e3e3; }
  .compriseEditor h4 {
    margin-bottom: 22px; }
  .compriseEditor dd {
    width: 55%; }
  .compriseEditor input, .compriseEditor textarea {
    width: 100%; }
  .compriseEditor textarea {
    height: 60px; }

table#ComprisesTable {
  float: right;
  width: 58%; }
  table#ComprisesTable th, table#ComprisesTable td {
    padding: 8px; }

#ImageUploadFormContainer {
  clear: both !important; }

/* -- Warnings and messages --*/
label.form-message {
  background: #faeacd;
  padding: 6px 10px; }

.photos-instruct {
  background: url("/images/sitefiles/up-arrow.png") no-repeat 25px center #f2f2f2;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border: 2px dashed #cecece;
  width: 300px;
  padding: 20px 20px 20px 110px;
  position: absolute;
  top: 75px;
  left: 50px; }
  .photos-instruct h2 {
    font-weight: bold; }
  .photos-instruct p {
    margin-bottom: 0;
    font-size: 14px; }

/* -- Really Cancel Buttons -- */
#really-cancel-div {
  border: 1px solid #000000;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  width: 400px;
  padding: 5px;
  background: #ffffff;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: -8px; }

#MapLocationMap {
  margin-bottom: 6px; }

/*---- Step Indicator ------*/
body.add-property #secondary-nav {
  height: 104px; }

.step-indicator-section {
  position: absolute;
  width: 100%;
  top: -104px;
  left: 0;
  right: 0;
  margin: 0 2% auto; }

.step-indicator ul {
  margin-bottom: 0; }
  .step-indicator ul li {
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    float: left;
    display: block;
    margin: 0 10px 0 0;
    padding: 10px 0;
    text-align: center;
    width: 13%; }
    .step-indicator ul li .num {
      -webkit-border-radius: 6px 6px 6px 6px;
      -moz-border-radius: 6px 6px 6px 6px;
      border-radius: 6px 6px 6px 6px;
      background: #d3cfc6;
      width: 14px;
      margin: 0 auto;
      margin-bottom: 5px;
      padding: 6px 8px;
      text-align: center;
      font-weight: bold; }
    .step-indicator ul li.current {
      border: 1px solid #d3cfc6; }
      .step-indicator ul li.current .num {
        background-color: #d44c2a;
        color: #fff; }
    .step-indicator ul li.done .num {
      background: url("/images/icons/check.png") no-repeat center center #07a73f;
      text-indent: -9000px; }
    .step-indicator ul li span.step-name {
      color: #605e58;
      font-weight: bold; }

#refine-area-picker {
  width: 150px; }

#AreaIDValidation {
  margin-left: -6px; }

#searchPanelContainer {
  display: inline-block; }

#development-stats table.list th {
  width: 50%; }

.ReportBrowser .report-navigation {
  width: 20%;
  margin-right: 0; }
.ReportBrowser #report-content {
  width: 79%;
  margin-left: 1%; }
.ReportBrowser .report-criteria h3 {
  font-size: 18px;
  color: #919191; }
.ReportBrowser .report-criteria .button.primary {
  float: right; }

.clean-list {
  list-style: none; }

/* ---- Form Inputs ---- */
dl.floated dt {
  width: 33%; }
dl.floated dd {
  width: 60%; }

input[type="text"] .tiny {
  width: 30px; }
input[type="text"] .small {
  width: 75px; }
input[type="text"] .medium {
  width: 200px; }
input[type="text"] .large {
  width: 280px; }

.ReportBrowser .export-button {
  display: none; }

/*--- Email Alert Banner ---*/
.email-warning {
  padding: 10px 25px;
  font-weight: bold;
  float: left;
  margin-right: 10px;
  border-radius: 10px;
  opacity: 0.5; }

.icon {
  font-family: SSStandard;
  font-size: 14px;
  vertical-align: middle;
  padding-right: 7px; }