@font-face {
  font-family: 'VollkornRegular';
  src: url('/css/font/Vollkorn-Regular-webfont.eot');
  src: local('☺'), url('/css/font/Vollkorn-Regular-webfont.woff') format('woff'),
                   url('/css/font/Vollkorn-Regular-webfont.ttf') format('truetype'),
                   url('/css/font/Vollkorn-Regular-webfont.svg#webfonttc6YkatK') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'VollkornBold';
  src: url('/css/font/Vollkorn-Bold-webfont.eot');
  src: local('☺'), url('/css/font/Vollkorn-Bold-webfont.woff') format('woff'),
                   url('/css/font/Vollkorn-Bold-webfont.ttf') format('truetype'),
                   url('/css/font/Vollkorn-Bold-webfont.svg#webfontMuOGa02c') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LacunaRegular';
  src: url('/css/font/lacuna-webfont.eot');
  src: local('☺'), url('/css/font/lacuna-webfont.woff') format('woff'),
                   url('/css/font/lacuna-webfont.ttf') format('truetype'),
                   url('/css/font/lacuna-webfont.svg#webfontlQqok2Wm') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LacunaItalicRegular';
  src: url('/css/font/lacuna-italic-webfont.eot');
  src: local('☺'), url('/css/font/lacuna-italic-webfont.woff') format('woff'),
                   url('/css/font/lacuna-italic-webfont.ttf') format('truetype'),
                   url('/css/font/lacuna-italic-webfont.svg#webfont9ygW7688') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('/css/font/Chunkfive-webfont.eot');
    src: url('/css/font/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/Chunkfive-webfont.woff') format('woff'),
         url('/css/font/Chunkfive-webfont.ttf') format('truetype'),
         url('/css/font/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

body
{
  width: 900px;
  margin: 0 auto;
  font-family: "Trebuchet MS", "Helvetica", sans-serif;
  background-color: #fefefe;
  padding: 4px 0px 24px 0px;
}

h1 {
  font-size: 1.3em;
  color: #999999;
  font-weight: normal;
}

h2 {
  font-size: 1em;
  color: #666666;
}

h3 {
  font-size: 1em;
}

h4 {
  padding-bottom: 1px;
  margin-bottom: 1px;
}

a {
  color: #004477;
  text-decoration: none;
}

a:hover {
  color: #880000;
}

table{
  border-collapse: collapse;
}

td {
  padding: 2px 4px 2px 4px;
 font-size: 0.8em;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ddd;
  -moz-border-radius: 2px;
}

th {
  text-align: left;
  padding: 6px 3px 6px 3px;
}

hr {
  border: none 0;
  border-top: 1px dashed #ccc;
  text-align: left;
  width: 95%;
  height: 1px;
  margin-top: .6em;
  margin-bottom: .6em;
}

input {
   font-family:'trebuchet ms',helvetica,sans-serif;
}

select {
   font-family:'trebuchet ms',helvetica,sans-serif;
}

/*
** classes
*/

.brand {
  color: #C63600;
}

.create_link {
  margin-top: 1em;
  text-align: right;
  padding-bottom: -1em;
  margin-bottom: -1em;
}

/*
** dataset renderer
*/

.renderer {
  width: 100%;
}

.header, thead tr {
  text-align: left;
  color: #333333;
  font-size: 0.8em;
  margin: 1px;
  padding: 1px;
}

table.data{width: 100%}
table.data thead tr{background-color:transparent}

.header a:link, table thead a:link{
  color:#194363;
}

.footer, table tfoot {
  background-color: #fff;
  text-align: left;
}

table.data {
  padding: 3px;
}

table.data .yellow {
  background-color: #f1efb8;
}

table.data .green {
  background-color: #bbe3bb;
}

table.data .white {
  background-color: #ffffff;
}

.column1 {
  background-color: #ffffff;
}

.column2 {
  background-color: #fdfeff;
}

td.noborder {
  border: 0;
}

td.noback   { background: none repeat scroll 0 0 #ffffff }

.totals {
  background-color: #ffffff;
  font-weight: bold;
}

.number {
  text-align: right;
}

.number_no_total {
  text-align: right;
}

.money, .money2, .date {
  text-align: right;
}

.percent {
  text-align: right;
}

.boolean {
  text-align: center;
}

.center {
  text-align: center;
}

.pager {
  font-size: 1em;
}

/*
** options
*/

.container {
  position: relative;
  height: 2em;
}

.inputfields {
  text-align: left;
  vertical-align: middle;
  margin: 0px;
}

.left {
  text-align: left;
  position: absolute;
  left: 0px;
  top: 0px;
}

.right {
  text-align: right;
  position: absolute;
  right: 0px;
  top: 0px;
}

.login_name {
   font-weight: bold;
}

.clientname {
  font-family: Helvetica Neue, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #666666;
  margin-top: 10px
}

/*
** error / dialog
*/

.error {
  border: 1px dashed #ddaa00;
  margin: 0.5em;
  font-size: 1.1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #660000;
  font-weight: normal;
  padding: 0px 5px 15px 15px;
  clear: both;
}

.error_log .error{display:none}

.error_log{
  margin-top:10px;
  clear:both;
  border:1px solid #ddd;
  padding:3px 0;
}

.message {
  margin: 4px;
  padding: 4px;
  color: #000088;
  background-color: #fff4c0;
  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  border-radius:         4px;

  -moz-box-shadow:    0px 0px 5px #888888;
  -webkit-box-shadow: 0px 0px 5px #888888;
  box-shadow:         0px 0px 5px #888888;
}

.submenu{
  padding: 4px;
  border-radius: 3px;
}

.selected {
  border-bottom: 0px solid #fff;
  background: #FFF;
  color: #880000;
}

.small {
  font-size: smaller;
}

.bold {
  font-weight: bolder;
}

.icon {
  top: 2px;
  position:relative;
  border: 0;
}

.small .icon {
  top: 4px;
}

.clear {
  clear: both;
}

/*
** id's
*/

#pager, .pager {
  clear: both;
}

#dataset {
  width: 100%;
  margin-top: .4em;
  margin-bottom: .4em;
  border: 1px solid #b3b3b3;
  -moz-border-radius: 5px;
  padding: 4px;
}

#dashboardtable {
  padding: 10px;
}

input.flat_text {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding:5px;
}

button.flat_search {
  background-image: linear-gradient(bottom, rgb(67,135,253) 17%, rgb(70,130,234) 59%);
  background-image: -o-linear-gradient(bottom, rgb(67,135,253) 17%, rgb(70,130,234) 59%);
  background-image: -moz-linear-gradient(bottom, rgb(67,135,253) 17%, rgb(70,130,234) 59%);
  background-image: -webkit-linear-gradient(bottom, rgb(67,135,253) 17%, rgb(70,130,234) 59%);
  background-image: -ms-linear-gradient(bottom, rgb(67,135,253) 17%, rgb(70,130,234) 59%);

  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.17, rgb(67,135,253)),
      color-stop(0.59, rgb(70,130,234))
  );
  border: medium none;
  height: 30px;
  width: 60px;
  vertical-align: top;
}

button.flat_search span {
  background-image: url('/images/mag_glass.png');
  background-position: center 6px;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  display: inline-block;
}

#menu {
  font-size: 0.8em;
  float: right;
  top: 10px;
  right: 5px;
}

#submenu {
  width: 100%;
  background-color: #f6f7f8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
}

#subsubmenu {
  width: 890px;
  background-color: #ffffff;

  padding: 1px 3px;
  font-size: 0.8em;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #dddddd;
  -moz-border-radius: 2px;

  display: block;
}

#subsubmenu li a {
}

#letters {
  font-size: smaller;
}

#map {
  border:1px solid #aabbcc;
  margin-bottom: 1em;
}

#notes #dataset {
  width: 750px;
  height: 20em;
  border: 1px solid #c3c3c3;
  overflow: auto;
}

#system_notes #dataset {
  width: 750px;
  height: 20em;
  border: 1px solid #c3c3c3;
  overflow: auto;
}

ul.nomarker {
  margin: 0;
  padding: 0;
}

ul.nomarker li {
  list-style-type: none;
}

.highlight { background-color: #ffe140 }
.new_tag   { color: #cc0000 }
.gray      { color: #a9a9a9 }
.green     { color: #769c3b }

ul.filter li {list-style-type: none }

/* jquery ui elements */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:url("/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;border:1px solid #cccccc;color:#1c94c4;font-weight:bold}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{background-image:none;opacity:0.35}
.ui-state-disabled{cursor:default !important}

.ui-widget-header{background:url("/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #f6a828;border:1px solid #e78f08;color:#ffffff;font-weight:bold}
.ui-widget-header a{color:#ffffff}
.ui-widget-header .ui-icon {background-image:url("/css/ui-lightness/images/ui-icons_ffffff_256x240.png")}
.ui-widget-content{
  background: url(/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 50% top;
  background-color: #eeeeee;
}
.ui-widget-content a{color:#004477}

.slider a.ui-state-default{border-color:#666666}
.ui-slider{position:relative;text-align:left}
.ui-slider-horizontal{height:0.8em}
.ui-slider-horizontal .ui-slider-handle{margin-left:-0.6em;top:-0.3em}
.ui-slider .ui-slider-handle{cursor:default;height:1.2em;position:absolute;width:1.2em;z-index:2;padding:4px}
.ui-slider .ui-slider-handle{background:url("/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #f6a828}

.ui-datepicker{padding:0.2em 0.2em 0;width:17em;background:url("/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top #eeeeee;border:1px solid #dddddd;color:#333333;}
.ui-datepicker .ui-datepicker-header{padding:0.2em 0;position:relative}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{height:1.8em;position:absolute;top:2px;width:1.8em}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:block;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%}
.ui-datepicker .ui-datepicker-title{line-height:1.8em;margin:0 2.3em;text-align:center}
.ui-datepicker table{border-collapse:collapse;font-size:0.9em;margin:0 0 0.4em;width:100%}
.ui-datepicker th{border:0 none;font-weight:bold;padding:0.7em 0.3em;text-align:center}
.ui-datepicker td{border:0 none;padding:1px}
.ui-datepicker td span, .ui-datepicker td a{display:block;padding:0.2em;text-align:right;text-decoration:none}

.ui-tabs{background:none;border:0}
.ui-tabs .ui-tabs-nav{background:none;border:0}
.ui-tabs .ui-tabs-nav li.ui-state-default{background:url("/images/left.gif") no-repeat scroll left top transparent;border:0}
.ui-tabs .ui-tabs-nav li.ui-state-active{background:url("/images/left_on.gif") no-repeat scroll left top transparent;border:0}
.ui-tabs .ui-tabs-nav li a{margin-left:9px}
.ui-tabs .ui-tabs-panel{border:1px solid #999}

.ui-corner-all{-moz-border-radius:4px}

.ui-icon{height:16px;width:16px;background-repeat:no-repeat;overflow:hidden;text-indent:-99999px}
.ui-icon-circle-triangle-w{background-position:-80px -192px}
.ui-icon-circle-triangle-e{background-position:-48px -192px}
.ui-icon-closethick{
  background-position: -96px -128px;
  display: block;
}
.ui-dialog .ui-dialog-titlebar-close {
  padding: 1px;
  position: absolute;
  right: 0.3em;
}

.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }

.ui-daterangepicker {
  background-color: #fcfdfd;
  background-repeat: repeat-x;
  background-position: 50% bottom;
  border: 1px solid #a9a9a9;
}

.ui-daterangepicker li a {
  color: #004477;
  border: 1px solid transparent;
}

.ui-daterangepicker li a:hover {
  color: #004477;
  border: 1px solid transparent;
}

div.ui-daterangepicker li.ui-state-active,
div.ui-daterangepicker li.ui-state-active a {
    background-image: none;
}

ul.ui-autocomplete {
  list-style-type: none;
  font-size: smaller;
  margin: 0;
  padding: 4px;
  width: 200px;
  border: 1px solid #666666;
}

ul.ui-autocomplete li {
  padding: 2px 4px;
  margin: 0;
  cursor: pointer;
}

.ui-autocomplete-loading {
  background-image: url('/images/loading_small.gif');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
}

/* custom buttons */

.bluebutton, .greenbutton, .redbutton, .graybutton, .yellowbutton, .gradbutton {
  font-size: 14px;
  font-weight: bold;
  border-width: 0;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;

  padding: 8px 16px;
  margin: 5px 0;
  display: inline-block;

  border-radius: 5px;
}

.bluebutton.tiny, .greenbutton.tiny, .redbutton.tiny, .graybutton.tiny, yellowbutton.tiny, .gradbutton.tiny {
  font-size: 10px;
  padding: 4px 6px 2px 6px;
  margin: 0 0 1px 0;

  border-radius: 4px;
}

.bluebutton.normal, .greenbutton.normal, .redbutton.normal, .graybutton.normal, .yellowbutton.normal, .gradbutton.normal {
  font-size: 12px;
  padding: 4px 4px 2px 4px;
  margin: 0 0 1px 0;

  border-radius: 4px;
}

.bluebutton:hover, .greenbutton:hover, .redbutton:hover, .graybutton:hover, .yellowbutton:hover, .gradbutton:hover {
  color: #ffffff;
}

.graybutton, .graybutton:hover {
  color: #333333;
}

.bluebutton {
  background: url('/images/button_blue_back.png') repeat-x scroll left top transparent;
}

.greenbutton {
  background: url('/images/button_green_back.png') repeat-x scroll left top transparent;
}

.redbutton {
  background: url('/images/button_red_back.png') repeat-x scroll left top transparent;
}

.yellowbutton {
  background-color: #d2d42f;
  background-image: -webkit-gradient(
      linear, left bottom, left top,
      color-stop(0, #f0f04a),
      color-stop(1, #d2d42f)
  );
  background-image: -moz-linear-gradient(center top, #f0f04a 0%, #d2d42f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#f0f04a, endColorstr='#d2d42f);
}

.graybutton {
  background: url('/images/button_gray_back.png') repeat-x scroll left top transparent;
}

span.helptext {
  border: 1px solid #dbdbdb;
  color: #003366;
  font-size: 12px;
  line-height: 1.40em;
  padding: 0.85em 10px 0.85em 10px;
  margin-left: 10px;
}

.tall {
  font-size: 12px;
  padding: 4px;
  margin: 5px 0;
  width: 200px;
}

fieldset div.tall {
  float: left;
}

select.tall {
  width: auto;
}

input.slim, div.slim {
  width: 60px;
}

div.slim {
  font-size: larger;
}

#sba_create fieldset {
  border-width: 1px;
  border-style: solid;
  border-color: #999999;
}
#sba_create legend {
  padding: 12px 6px 10px
}

tr.row_highlight {
  background-color: #e0e9d0;
}

tr.row_accentuate {
  background-color: #fff4c0;
}

tr.active {background-color: #e0e9d0}
tr.active span {color:#008800}
tr.active_digital {background-color: #d0dde9}
tr.active_digital span {color:#000088}
tr.subset {background-color:#fff4c0}
tr.active input, tr.active_digital input, tr.subset input{visibility: hidden}



td.presentation_highlight {
  font-weight: bolder;
}

div.group {
  background: url('/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png') repeat-x scroll left top #eeeeee;
  border: 1px solid #eeeeee;
  padding: 10px;

  -moz-border-radius:    6px;
  -webkit-border-radius: 6px;
  border-radius:         6px;

  -moz-box-shadow:    2px 2px 3px #888888;
  -webkit-box-shadow: 2px 2px 3px #888888;
  box-shadow:         2px 2px 3px #888888;
}

div.group h2 {
  margin: 0 0 10px 0;
  font: 60px/68px 'VollkornRegular',Arial,sans-serif;
  letter-spacing: 0;

  border-bottom: 1px solid #cccccc;
  text-transform: capitalize;
}

div.group ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}

div.group ul li button {
  font: 16px/27px 'LacunaRegular', Arial, sans-serif;
  letter-spacing: 0.875px;
  word-spacing: 1.875px;
}

div.group p {
  font: 15px/27px 'LacunaRegular', Arial, sans-serif;
  word-spacing: 1.875px;
}

div.group p.infobox {
  float: right;
  width: 150px;
  border: 1px solid #ffffff;
  padding: 10px;
  margin: 0;
  background-color: #bbbbbb;
}

div.group p.infobox span.explode {
  font: 60px/68px 'VollkornRegular',Arial,sans-serif;
}

table.last_row_icons tr td.icons { text-align: center }
table.last_row_icons tr td.icons a { display:none }
table.sortable tbody tr:hover, table.last_row_icons tr:hover{
  background-color:#d3dfef;
}
.nobr{white-space:nowrap}

div.quickedit {
  float: right;
  width: 200px;
  position: relative;
  border: 1px solid #aaaaaa;
  background-color: #fff4c0;

  padding: 4px;
  color: #000088;

  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  border-radius:         4px;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:    0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:         0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

div.quickedit:before,
div.quickedit:after {
  content: "";
  position: absolute;
  z-index: -2;
}

div.quickedit:before{
  top:    0;
  bottom: 0;
  left:   10px;
  right:  10px;

  -webkit-border-radius: 100px / 10px;
  -moz-border-radius:    100px / 10px;
  border-radius:         100px / 10px;

  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -moz-box-shadow:    0 0 15px rgba(0,0,0,0.6);
  box-shadow:         0 0 15px rgba(0,0,0,0.6);
}

div.quickedit h2 {
  font: 20px/27px 'VollkornRegular',Arial,sans-serif;
  border-bottom: 1px solid #333333;
  margin: 10px -4px 2px -4px;
  padding: 2px 2px 0 2px;
  background-image: url(/images/blank.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

div.quickedit h2:first-child {
  margin-top: -4px;
}

.formbox {
  margin: 0;
  padding: 5px 10px;
}

.formbox h2 {
  padding: 0;
  margin: 0 0 5px 0;
}

.supersmall {
  font-size: xx-small;
}

.markItUpEditor {
  background-image: none !important;
}

.medallion {
  padding:10px;
  color:#333333;
  width: 125px;
}

td.app a {border:1px solid #dedede}
td.app div.blank {border:1px solid transparent}

td.app a, td.app div.blank {
  width: 18px;
  display: inline-block;
  font-size: smaller;
  text-align: center;
  margin: 0;
  padding: 2px;
}

td.app a.as     {background-color:#cc1100;color:#ffffff}
td.app a.sba    {background-color:#769c3b;color:#ffffff}
td.app a.asplus {background-color:#298da9;color:#ffffff}
td.app a.hs     {background-color:#ffaa11;color:#ffffff}
td.app a.ss     {background-color:#7700ff;color:#ffffff}
td.app a.das    {background-color:#d2d42f;color:#000000}

td.app a.disabled {background-color:transparent;color:#dedede}
td.app a.disabled:hover {background-color:transparent;color:#ababab}
.hidden{display:none}
td span.save_message{
  background-color: #008800;
  color: #ffffff;
  padding: 2px 10px;
  margin-right: 20px;
}
.nowrap{white-space:nowrap}