html
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 80%;
}

body
{
  background: rgba(80,80,180,1.0);
  margin: 0%;
}

h1
{
  clear: both;
  font-weight: bold;
  font-size: 130%;
  text-align: center;
}

h2
{
  font-size: 110%;
}

img.fit_image_to_div
{
  width: 100%;
}

table
{
  padding: 15px;
}

tr.even
{
  background-color: white;
}

tr.even td.sorting_1
{
  background-color: #EAEBFF;
}

tr.odd td.sorting_1
{
  background-color: #D3D6FF;
}

tr.odd
{
  background-color: #E2E4FF;
}

.bold
{
  font-weight: bold;
}

.bulb
{
  background: #c8c8c8; /* Old browsers */
  background: -moz-linear-gradient(left, #c8c8c8 0%, #e6e6e6 12%, #f0f0f0 25%, #fafafa 38%, #ffffff 50%, #fafafa 63%, #f0f0f0 75%, #e6e6e6 88%, #c8c8c8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c8c8c8), color-stop(12%,#e6e6e6), color-stop(25%,#f0f0f0), color-stop(38%,#fafafa), color-stop(50%,#ffffff), color-stop(63%,#fafafa), color-stop(75%,#f0f0f0), color-stop(88%,#e6e6e6), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #c8c8c8 0%,#e6e6e6 12%,#f0f0f0 25%,#fafafa 38%,#ffffff 50%,#fafafa 63%,#f0f0f0 75%,#e6e6e6 88%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #c8c8c8 0%,#e6e6e6 12%,#f0f0f0 25%,#fafafa 38%,#ffffff 50%,#fafafa 63%,#f0f0f0 75%,#e6e6e6 88%,#c8c8c8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #c8c8c8 0%,#e6e6e6 12%,#f0f0f0 25%,#fafafa 38%,#ffffff 50%,#fafafa 63%,#f0f0f0 75%,#e6e6e6 88%,#c8c8c8 100%); /* IE10+ */
  background: linear-gradient(to right, #c8c8c8 0%,#e6e6e6 12%,#f0f0f0 25%,#fafafa 38%,#ffffff 50%,#fafafa 63%,#f0f0f0 75%,#e6e6e6 88%,#c8c8c8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#c8c8c8',GradientType=1 ); /* IE6-9 */
}

.clear
{
  clear: both;
}

.content_block
{
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  width: 90%;
}

.content_block h1
{
  color: #654B24;
}

.content_block h2 
{
  color: #654B24;
  text-align: left;
}

.content_block h2 a
{
  color: #654B24;
  text-decoration: none;
}

.content_item
{
  border: 1px solid #CBC7BD;
  padding: 1em 2.2em;
}

.dataTables_info
{
  float: left;
  width: 40%;
}

.dataTables_length
{
  float: left;
  width: 40%;
}

.dataTables_paginate
{
  float: right;
  text-align: right;
}

/* Cross-browser mirroring of content. Note that CSS pre-processors
 *   like LESS cough on the media hack. */
/*
 *   Microsoft recommends using BasicImage as a more efficent/faster form of
 *     mirroring, instead of FlipH or some kind of Matrix scaling/transform.
 *       @see http://msdn.microsoft.com/en-us/library/ms532972%28v=vs.85%29.aspx
 *         @see http://msdn.microsoft.com/en-us/library/ms532992%28v=vs.85%29.aspx
 *         */
/* IE8 only via hack: necessary because IE9+ will also interpret -ms-filter,
 *   and mirroring something that's already mirrored results in no net change! */
@media \0screen
{
  .flip_vertical
  {
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(mirror=1, rotation=2)";
  }
}

.flip_vertical
{
  /* IE6 and 7 via hack */
  *filter:progid:DXImageTransform.Microsoft.BasicImage(mirror=1, rotation=2);
  /* Standards browsers, including IE9+ */
  -moz-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

.glow
{
  box-shadow: rgba(255,255,255,0.3) 0 0 40px 0,
              rgba(255,255,255,0.3) 0 0 80px 0,
              rgba(255,255,255,0.3) 0 0 160px 0,
              rgba(255,255,255,0.3) 0 0 320px 0,
              rgba(255,255,255,0.3) 0 0 640px 0,
              rgba(255,255,255,0.3) 0 0 900px 0;
}

.paging_full_numbers
{
  height: auto;
  width: 400px;
}

.ui-buttonset .ui-button
{
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.ui-toolbar
{
  padding: 3px;
}

.left
{
  float: left;
}

.navigation_menu_item a
{
  color: white;
  text-decoration: none;
}

.navigation_menu_item
{
  border-right-color: #454545;
  border-right-style: solid;
  border-right-width: 1px;
  float: left;
  margin-bottom: 2px;
  margin-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.navigation_menu_item:hover
{
  text-shadow: 0 0 10px white;
}

.navigation_menu
{
  background-color: #202020;
  border-color: #000000;
  border-bottom-style: double;
  border-bottom-width: 3px;
  border-top-style: double;
  border-top-width: 3px;
  font-size: 160%;
  padding-left: 10px;
}

.page_header
{
  background-color: #0C0C0C;
  background-image: url('/static/images/LAjaHID_cropped.jpg');
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  color: #FFFFFF;
}

.page_header h1
{
  font-size: 40px;
  font-weight: bold;
  margin: 0px;
  padding-bottom: 45px;
  padding-top: 45px;
  text-align: center;
  text-shadow: 0px 0px 5px blue, 0px 0px 5px blue; /* repeat to make stronger */
}

.power_usage
{
  clear: both;
  float: left;
  width: 100%;
}

.power_usage table
{
  border-collapse: collapse;
  width: 100%;
}

.power_usage td
{
  border-color: #cbc7bd;
  border-style: solid;
  border-width: 1px;
}

.power_usage th
{
  cursor: pointer;
  padding: 0px;
  text-align: left;
}

.right
{
  float: right;
}

.search_button
{
  clear: both;
  padding-bottom: 1em;
  padding-top: 1em;
}

.search_form_wrapper
{
  float: left;
  margin-left: 1%;
  margin-right: 2%;
  margin-top: 1%;
  width: 25%;
}

.search_form
{
  width: 100%;
  z-index: -1;
}

.search_form_header
{
  position: relative;
}

.search_form_header img
{
  /* this prevents a gap between the header and the form body */
  display: block;
}

.search_form h1
{
  margin: 0px;
}

.search_form form
{
  margin-left: 5px;
}

.search_field_name
{
  clear: both;
  font-weight: bold;
  padding-top: 1em;
}

.search_field_value
{
  float: left;
  font-size: 90%;
}

.search_results
{
  width: 71%;
  margin-right: 1%;
  margin-top: 5%;
  float: left;
}

.slider
{
  float: left;
  margin-left: auto;
  margin-right: auto;
  width: 63%;
}

.slider_amount_min
{
  float: left;
  font-size: 90%;
  margin-left: 2%;
  margin-right: 5%;
  width: 10%;
}

.slider_amount_max
{
  float: left;
  font-size: 90%;
  margin-left: 5%;
  margin-right: 2%;
  width: 10%;
}

.ui-accordion .ui-accordion-header
{
  margin-top: 0px;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}

.ui-widget-content a
{
  color: blue;
}