/* NeonHorizon CSS Reset */
/* V4.16 */

/*-----------------------------GENERAL RESET----------------------------*/

html, body, div, span, img,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
ul, ol, li,
code, pre, ins, del, small, big, em, strong, i, b,
a, a:hover, a:active,
form, fieldset, legend, label,
input, textarea, select,
p, blockquote, address, pre, cite
table, tr, th, td {
  margin:           0;
  padding:          0;
  border:           0;
  text-align:       left;
  text-decoration:  inherit;
  font-weight:      inherit;
  font-family:      inherit;
  font-style:       inherit;
  font-size:        inherit;
  line-height:      inherit;
  vertical-align:   inherit;
}


/*-----------------------------MISC----------------------------*/

html {
  overflow:         auto;
}

img, div, span {
  vertical-align:   baseline;
}

div {
  position:         relative;
  overflow:         auto;
}


/*-----------------------------BODY----------------------------*/

body {
  color:            #444444;
  background-color: #ffffff;

  font-size:        12px;
  line-height:      1.4;
  font-family:      verdana, geneva, sans-serif;
}


/*-----------------------------MISC----------------------------*/

.border {
  border:           1px solid #bbbbbb;
}

.small_print {
  color:            #aaaaaa;
  font-size:        10px;
  font-style:       italic;
}

img.icon {
  vertical-align:   middle;
  margin:           0px 6px 2px 0px;
}


/*-----------------------------LINKS----------------------------*/

a {
  text-decoration:  none;
  color:            #4444ff;
}

a:hover, a:active {
  text-decoration:  underline;
}


/*-----------------------------TABLES----------------------------*/

table {
  margin:           18px 10px 18px 10px;
  border-collapse:  collapse;
  border-spacing:   0;
}

th {
  vertical-align:   bottom;
  padding:          4px 6px 2px 6px;
  background:       #dddddd;
  color:            #000000;
}

td {
  vertical-align:   middle;
  padding:          3px 6px 3px 6px;
}


table.horizontal td,
table.horizontal th {
  background:       inherit;
  vertical-align:   top;
}

table.horizontal td.middle,
table.horizontal th.middle {
  vertical-align:   middle;
}

table.horizontal td {
  padding:          3px 0px 3px 6px;
  color:            #000000;
}

table.horizontal th {
  padding:          3px 6px 3px 0px;
  color:            #aaaaaa;
}


tbody.s0 td, tbody.i0 td, tr.s0 td, tr.i0 td {
  background-color: #ffffff;
  color:            #444444;
}

tbody.s1 td, tbody.i1 td, tr.s1 td, tr.i1 td {
  background-color: #eeeeee;
  color:            #444444;
}

tbody.sh td, tbody.ih td, tr.sh td, tr.ih td, tr.ui-sortable-helper td {
  background-color: #5a7ce9;
  color:            #ffffff;
  cursor:           pointer;
}

tbody.i0 td, tbody.i1 td, tbody.ih td, tr.i0 td, tr.i1 td, tr.ih td {
  filter:           alpha(opacity=40); /* For IE8 and earlier */
  opacity:          0.4;
  text-decoration:  line-through;
}

tbody.i1 td, tr.i1 td {
  background-color: #d5d5d5;
}

td.ruler_l,
th.ruler_l,
td.ruler_r,
th.ruler_r,
td.ruler_t,
th.ruler_t,
td.ruler_b,
th.ruler_b {
  border:           0px solid #bbbbbb;
}

td.ruler_l,
th.ruler_l {
  border-left-width: 1px;
}

td.ruler_r,
th.ruler_r {
  border-right-width: 1px;
}

td.ruler_t,
th.ruler_t {
  border-top-width: 1px;
}

td.ruler_b,
th.ruler_b {
  border-bottom-width: 1px;
}

tr.spacer th,
tr.spacer td {
  height:           10px;
}


/*-----------------------------LISTS----------------------------*/

ul {
  margin:           4px 10px 10px 27px;
  list-style:       disc outside;
}

/* If lists are longer than 9 the margin may need to be changed */
ol {
  margin:           4px 10px 10px 30px;
  list-style:       decimal outside;
}

li {
  padding:          3px 0px 3px 0px;
}


/*-----------------------------HEADINGS----------------------------*/

h1, h2, h3, h4, h5, h6, th {
  font-weight:      normal;
  color:            #000000;
}

h1 {
  margin:           20px 10px 10px 10px;
  font-size:        27px;
}

h2 {
  margin:           33px 10px 8px 10px;
  font-size:        22px;
}

h3 {
  margin:           27px 10px 6px 10px;
  font-size:        18px;
}

h4 {
  margin:           23px 10px 4px 10px;
  font-size:        15px;
}


/*-----------------------------TEXT BLOCKS----------------------------*/

p {
  margin:           4px 10px 10px 10px;
  text-align:       left;
}

address {
  margin:           4px 10px 10px 10px;
  font-style:       normal;
}

div.diagnostics {
  margin:           6px 0px 0px 0px;
  border:           3px solid #000000;
  font-family:      monospace;
  white-space:      pre;
  font-size:        12px;
  background-color: #ff0000;
  color:            #ffffff;
}


/*-----------------------------TEXT INLINE----------------------------*/

small, .small {
  font-size:        0.8em;
}

.tiny {
  font-size:        10px;
}

big, .big {
  font-size:        1.2em;
}

.clickable {
  cursor:           pointer;
}

em, i {
  font-style:       italic;
}

strong, b {
  font-weight:      bold;
}

ins {
  text-decoration:  underline;
}

del {
  text-decoration:  line-through;
}

code, .code, pre, .pre {
  font-family:      monospace;
}

code, div.code, pre, div.pre {
  display:          block;
  padding:          10px 10px 10px 10px;
}

pre, .pre {
  white-space:      pre;
}

sup, sub {
  vertical-align:   baseline;
  position:         relative;
}

sup {
  top:              -0.4em;
}

sub {
  bottom:           -0.4em;
}


/*-----------------------------FORMS/BUTTONS----------------------------*/

fieldset {
  position:         relative;
  display:          block;
  margin:           24px 10px 24px 10px;
  padding:          22px 0px 0px 0px;
  border:           0px solid #bbbbbb;
  border-radius:    5px;
  vertical-align:   top;
  background-color: #eeeeee;
}

fieldset.no_legend {
  padding-top:      0px;
}

fieldset legend {
  position:         absolute;
  top:              0px;
  left:             0px;
  margin:           0px 0px 0px 0px;
  padding:          4px 12px 3px 12px;
  box-sizing:       border-box;
  width:            100%;
  border:           0px solid #bbbbbb;
  border-radius:    5px 5px 0px 0px;
  font-weight:      normal;
  vertical-align:   bottom;
  background:       #dddddd;
  color:            #000000;
}

fieldset label {
  display:          block;
  padding:          6px 0px 6px 0px;
}

fieldset table {
  width:            100%;
  margin:           12px 0px 12px 0px;
  padding:          0px;
}

fieldset th,
fieldset td {
  vertical-align:   middle;
  height:           27px; /* height is actually min-height for tables */
  padding:          3px 18px 3px 14px;
}

fieldset th {
  background:       inherit;
  width:            150px;
  color:            #444444;
  vertical-align:   top;
  padding:          3px 4px 3px 18px;
}

input, textarea, select {
  font-size:        12px;
  line-height:      1.4em;
  color:            #000000;
}

textarea {
  white-space:      pre-wrap;
}

.speech_intrim {
  font-style:       italic;
}

input[type=radio],
input[type=checkbox] {
  margin:           7px 5px 7px 14px;
  vertical-align:   -2px;
}

input[type=text], input[type=password], input[type=file], textarea, select {
  border:           1px solid;
  border-color:     #bbbbbb #dddddd #dddddd #cccccc;
  margin:           2px 2px 2px 2px;
  padding:          2px 4px 2px 4px;
  background-color: #ffffff;
  min-height:       17px;
}

.button, .button:hover, .button:active,
.speech_on, .speech_on:hover, .speech_on:active,
.speech_off, .speech_off:hover, .speech_off:active,
.lertButton, .lertButton:hover, .lertButton:active,
input[type=submit], input[type=button] {
  display:          inline-block;
  margin:           5px;
  padding:          0px 14px 0px 14px;
  border:           1px solid #dddddd;
  border-radius:    5px;
  border-color:     #dddddd #cccccc #bbbbbb #dddddd;
  background-color: #dddddd;
  color:            #000000;
  text-decoration:  none;
  vertical-align:   middle;
  font-size:        12px;
  line-height:      30px;
  cursor:           pointer;
}

.button:hover, .speech_off:hover, .lertButton:hover, input[type=submit]:hover, input[type=button]:hover {
  background-color: #eeeeee;
  color:            #000000;
  text-decoration:  none;
}

.button:active, .speech_off:active, .lertButton:active, input[type=submit]:active, input[type=button]:active {
  background-color: #dddddd;
  color:            #000000;
  text-decoration:  none;
}

.speech_on {
  background-color: #ff0000;
  color:            #000000;
  text-decoration:  none;
}


p.buttons {
  margin:           0px 5px 5px 5px;
}

.button img.icon,
input[type=submit] img.icon,
input[type=button] img.icon {
  margin-left:      -4px;
}

a.back_button {
  float:            right;
  display:          inline;
}


@media all and (max-width: 760px) {

  fieldset {
    margin:           20px 10px 20px 10px;
  }

  fieldset table {
    margin:           8px 0px 8px 0px;
  }

  fieldset th,
  fieldset td {
    height:           25px; /* height is actually min-height for tables */
    padding:          2px 8px 2px 14px;
    font-size:        11px;
  }

  fieldset th {
    width:            120px;
    padding:          2px 4px 2px 8px;
  }

  input, textarea, select {
    font-size:        11px;
    max-width:        160px;
  }

  input[type=radio],
  input[type=checkbox] {
    margin:           6px 5px 6px 14px;
  }

  .button, .button:hover, .button:active,
  .speech_on, .speech_on:hover, .speech_on:active,
  .speech_off, .speech_off:hover, .speech_off:active,
  .lertButton, .lertButton:hover, .lertButton:active,
  input[type=submit], input[type=button] {
    margin:           4px 5px 4px 5px;
    padding:          0px 10px 0px 10px;
  }

  input[type=file] {
    max-width:        155px;
  }

}

@media all and (max-width: 320px) {

  fieldset th {
    width:            100px;
    padding:          2px 4px 2px 8px;
  }


  fieldset th,
  fieldset td {
    font-size:        10px;
  }

  input, textarea, select {
    font-size:        10px;
  }

}


/*-----------------------------JUSTIFICATION----------------------------*/

.justify {
  text-align:       justify;
}

.left {
  text-align:       left;
}

.right {
  text-align:       right;
}

.center, .centre {
  text-align:       center;
}

.no_break, .no_wrap {
  white-space:      nowrap;
}

.top {
  vertical-align:   top;
}

.middle {
  vertical-align:   middle;
}

.bottom {
  vertical-align:   bottom;
}


/*-----------------------------FLOATS----------------------------*/

.float_right {
  float:            right;
  display:          inline;
}

.float_left {
  float:            left;
  display:          inline;
}

.float_clear {
  clear:            both;
}

.float_clear_left {
  clear:            left;
}

.float_clear_right {
  clear:            right;
}

.inline_right {
  margin:           0px 10px 10px 10px;
  float:            right;
  display:          inline;
}

.inline_left {
  margin:           0px 10px 10px 10px;
  float:            left;
  display:          inline;
}

p.inline_right,
p.inline_left {
  margin:           0px 10px 0px 10px;
}


/*-----------------------------COLOR----------------------------*/

.red {
  color:            #cc0000;
}

.green {
  color:            #00cc00;
}

.highlight-red {
  background-color: #ffaaaa;
}

.highlight-green {
  background-color: #aaffaa;
}


/*-----------------------------OBJECT LISTS---------------------------*/

p.object_buttons {
  margin:           20px 5px 10px 5px;
}

#object_filter {
  clear:            both;
  margin:           20px auto 20px 0px;
}

#object_filter fieldset th {
  width:            100px;
}

table.object_list {
  border:           1px solid #bbbbbb;
  border-width:     0px 0px 1px 0px;
  border-collapse:  collapse;
}

/* This is to compensate for the header not covering the right border */
table.object_list th {
  border:           1px solid #dddddd;
  border-width:     0px 1px 0px 0px;
}

table.object_list tr.pager th {
  border-width:     1px 0px 1px 0px;
  color:            #ffffff;
}

table.object_list td.buttons {
  border:           1px solid #bbbbbb;
  border-width:     0px 0px 0px 1px;
  background-color: #ffffff;
  color:            #444444;
  width:            1px;
  white-space:      nowrap;
}

table.object_list a {
  color:            #444444;
  text-decoration:  none;
}


table.object_list tr.sh a {
  color:            #ffffff;
}


/*-----------------------------HACKS----------------------------*/

div.hr {
  margin:           24px 10px 24px 10px;
  height:           0px;
  line-height:      0px;
  border:           1px solid #dddddd;
  border-width:     1px 0px 0px 0px;
  overflow:         hidden;
}

.print_only_inline, .print_only_block {
  display:          none;
}