html,
body {
  height: 100%;
}
*,
div.menu h2,
ul.menu li {
  margin: 0;
}
#wrap {
  min-height: 100%;
}
#main {
  overflow: auto;
  padding-bottom: 25px;
  padding-top: 64px;
}
body {
  background: url(../images/Steren_Futurist_hexagons.png) repeat-x center #fff;
  font-size: 12px;
  color: #333;
}
body:before {
  /* thanks to Maleika (Kohoutec)*/
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}
#footer {
  background: #eee;
  border-top: 2px groove #fff;
  color: #666;
  display: block;
  position: relative;
  margin-top: -38px; /* negative value of footer height */
  height: 25px;
  padding: 5px 10px;
  text-align: left;
  clear: both;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 63px;
  margin: 0px;
  padding: 0px;
  z-index: 100;
  background: #eee;
  border-bottom: 2px groove #fff;
}
thead.test,
::-webkit-scrollbar-button:vertical:increment {
  background-color: #eee;
}
thead.test th {
  font-size: 15px;
  height: 43px;
  vertical-align: middle !important;
  margin: 0;
  padding: 0 10px;
  border-right: 0 !important;
  border-left: 0;
  border-top: 1px solid #fff;
  border-bottom: 2px groove #fff;
  background-color: #666666;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 1px;
  text-transform: uppercase;
}
thead.test th img {
  vertical-align: middle !important;
}
#logo {
  float: left;
  margin: 10px 0px 0px;
  padding: 0px;
}
#logo img {
  max-height: 40px;
}
#main-nav {
  float: right;
  margin: 0px;
  padding: 0px;
  height: 63px;
  overflow: hidden;
}
#main-nav ul {
  float: left;
  margin: 0px;
  padding: 0px;
}
#main-nav ul li {
  display: inline;
  float: left;
  margin: 0px;
  padding: 0px 2px 0px 0px;
  height: 63px;
  background: url(../images/menu-splitter.jpg) right repeat-y;
  position: relative;
}
#main-nav ul li a {
  font-size: 16px;
  line-height: 63px;
  padding: 0px 18px;
  margin: 0px;
  float: left;
  text-transform: uppercase;
  color: #444;
}
#main-nav ul li:last-child {
  background: none;
}
#main-nav ul li span {
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 0;
  margin: 0 auto;
}
#main-nav ul li:hover span {
  border-top: 6px solid #888;
}
.ie7 #main-nav ul li span {
  left: 40%;
}
#main-nav ul li a.active {
  background: url(../images/hexagon.png) no-repeat center;
}
#main-nav ul li.current_page_item span {
  border-top: 6px solid #e11428;
}
#main-nav ul li.current_page_item:hover a,
#main-nav ul li:hover a,
#main-nav ul li.current_page_item a {
  color: #e11428;
}
a {
  color: #660000;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #444;
}
/* 960 grid system container background
----------------------------------------------- */

/* headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
  margin-bottom: 0.3em;
}
h2 {
  margin-top: 1em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1em;
  text-transform: uppercase;
}
h1 a {
  font-weight: normal;
}
/* branding
----------------------------------------------- */
h1#branding {
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  background: #ddd;
  text-shadow: 1px 1px #fff;
  color: #888;
  margin-bottom: 15px;
  vertical-align: middle;
  border-bottom: 2px groove #fff;
}
/* page heading
----------------------------------------------- */
h2#page-heading {
  font-weight: normal;
  padding: 0.5em;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
}
h5#note {
  font-size: 0.9em;
  font-weight: bold;
  padding: 0.5em;
  margin: 0px;
  color: #990000;
  text-transform: uppercase;
}
.header h2 {
  font-size: 12px;
  color: #666;
}
.menu {
  height: 35px;
  line-height: 35px;
  text-align: left;
  border-bottom: 2px groove #ddd;
  text-transform: uppercase;
  font-size: 11px;
}
/* boxes
----------------------------------------------- */
.box {
  margin-bottom: 20px;
  border: 1px solid #bbb;
  background: #fff;
}
.box td {
  padding: 7px;
}
.box th {
  font-weight: bold;
  text-transform: uppercase;
  color: #222;
  background: url(../images/menubg.png) repeat-x;
  padding: 10px;
  border-bottom: 3px solid #e11428;
  text-align: left;
  font-size: 11px;
}

.head {
  font-weight: bold;
  text-transform: uppercase;
  background: #fff;
  padding: 6px 12px 6px 0px !important;
  text-align: left;
}
.box2 th {
  font-weight: bold;
  text-transform: uppercase;
  color: #444;
  background: url(../images/row_bkg.png) repeat-x;
  padding: 6px;
  border-bottom: 2px solid #770000;
  text-align: left;
}
.box2 {
  margin: 0;
  background: #cfcfcf;
  border-spacing: 2px;
}
.box3 {
  margin: 0;
  background: #fff;
  border-spacing: 5px;
  border-radius: 5px;
  border: 2px groove #fff;
}
.box3 td {
  border: 0;
  padding: 5px;
  line-height: 1.5em;
  color: #555;
  padding: 5px;
}
.box2 td {
  background: #fff;
  border: 0;
  padding: 2px;
  line-height: 1.5em;
  color: #555;
  padding: 5px;
}
.box2 tfoot td {
  background: #ccc;
  padding: 3px;
  vertical-align: middle !important;
  border-top: 2px groove #eee;
}
.box h2 a,
.box h2 a.visible {
  color: #fff;
  background: #333 url("../images/background_silver.jpg") 97% 50% repeat;
  display: block;
  border: none;
  -moz-border-radius: 9 9 0 0;
  border-radius: 9 9 0 0;
  vertical-align: middle !important;
}
.grid_4 .box h2 a {
  background-position: 97% 50%;
}
.grid_5 .box h2 a {
  background-position: 98% 50%;
}
.grid_12 .box h2 a {
  background-position: 99% 50%;
}
.box h2 a.hidden,
.box h2 a.hidden:hover {
  background-image: url("../images/switch_plus.gif");
}
.box h2 a:hover {
  background-color: #111;
}
.block {
  padding-top: 10px;
}
div.menu {
  padding: 0;
}
div.menu .block {
  padding-top: 0;
}
/* paragraphs, quotes and lists
----------------------------------------------- */
p {
  margin-bottom: 1em;
}
blockquote {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.2em;
  padding-left: 1em;
  border-left: 4px solid #ccc;
  text-align: justify;
}
blockquote cite {
  font-size: 0.9em;
}
/* menus
----------------------------------------------- */
ul.menu {
  list-style: none;
  border-top: 1px solid #bbb;
}
ul.menu li a {
  display: block;
  padding: 5px;
  border-bottom: 1px solid #ccc;
}
ul.menu li a:hover {
}
ul.menu li a:active {
  background: #ccc;
}
/* table
----------------------------------------------- */
#view td {
  vertical-align: top;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  border-right: 1px solid #ccc;
  border-top: 2px groove #fff;
  padding: 5px 7px !important;
}
#view th {
  vertical-align: top;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  border-right: 1px solid #bbb;
  padding: 5px 7px !important;
}
col.colC {
  width: 8em;
}
th.blue,
input.bt_blue {
  border-bottom: transparent;
  background: #6db3f2; /* Old browsers */
}
th.check,
input.bt_check {
  border-bottom: transparent;
  background: #9dd53a; /* Old browsers */
}
th.action,
input.bt_action {
  border-bottom: transparent;
  background: #f7d2f7; /* Old browsers */
}
tr.odd td.blue {
  background: #cde7f4 !important; /* Old browsers */
}
tr.odd td.check {
  background: #f3ffe3 !important; /* Old browsers */
}
tr.odd td.action {
  background: #f8e0e6 !important; /* Old browsers */
}
thead th {
  border-bottom: 2px solid #888;
  background: #bbb;
  padding: 0.4em 1em 0.2em;
}
thead th.table-head {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  background: #555;
}
thead tr,
tbody td {
  vertical-align: top;
  /*  border-top: 1px solid #ccc;   */
}
tbody tr.odd th,
tbody tr.odd td {
  background: #eee;
  border-top: 1px solid #ccc;
}
tfoot th,
tfoot td {
  border-top: 2px groove #fff;
  background: #ddd;
  vertical-align: middle;
  font-size: 11px;
}
tfoot tr.total th,
tfoot tr.total td {
  border-top: 6px double #666;
}
tfoot tr.total th {
  text-transform: uppercase;
}
th.currency,
td.currency {
  text-align: right;
}
/* forms
----------------------------------------------- */
form {
  overflow: hidden;
}

fieldset {
  border: 1px solid #ccc;
  padding: 5px;
  position: relative;
  background: #ccc;
  margin-bottom: 10px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
legend {
  font-size: 10px;
  padding: 2px 5px;
  background: #444;
  border: 1px solid #000;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
.toggler {
  text-align: left;
  list-style: none;
  position: relative;
  background: #888;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 20px;
  font-weight: bold;
  padding: 5px;
  color: #fff;
  font-size: 12px;
  margin: 0px;
}
.toggler:hover {
  background: #d00;
}
.element h4 {
  text-align: left;
  margin: 0;
  padding: 4px;
  line-height: 1.2em;
}
.element p {
  text-align: left;
  margin: 0;
  padding: 4px;
  color: #000000;
}
.float-right {
  padding: 10px 20px;
  float: right;
}
#accordian-block {
  padding-bottom: 10px;
}
#red,
#orange,
#yellow,
#green,
#leaf,
#blue,
#indigo,
#purple,
#pink,
#black,
#grey {
  font-weight: bold;
  text-align: center;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
}

#red {
  color: #feeee9;
  background: #d73027;
  border: 1px solid #800517;
}
#red a {
  color: #feeee9;
}

#orange {
  color: #7f462c;
  background: #ff9900;
  border: 1px solid #7f462c;
}
#yellow {
  color: #ba4d00;
  background: #ffcc00;
  border: 1px solid #ba4d00;
}
#yellow a {
  color: #ba4d00;
}
#green {
  color: #254117;
  background: #ddff00;
  border: 1px solid #254117;
}
#leaf {
  color: #224c24;
  background: #a0c544;
  border: 1px solid #667c26;
}
#blue {
  color: #001686;
  background: #4484ed;
  border: 1px solid #001686;
}
#black a {
  color: #ccc;
  width: 100%;
  display: block;
  vertical-align: middle !important;
  height: 80px;
}
#black a:hover {
  color: #fff;
}
#indigo {
  color: #3bb9ff;
  background: #0044ff;
  border: 1px solid #3bb9ff;
}
#indigo a {
  color: #3bb9ff;
}
#purple {
  color: #3c277d;
  background: #cc55cc;
  border: 1px solid #3c277d;
}
#pink {
  color: #8a0101;
  background: #f678a1;
  border: 1px solid #8a0101;
}
#black {
  color: white;
  background: #444;
}
#grey {
  color: white;
  background: #444;
  border: 1px solid #222;
}
#a {
  background: #eee;
  text-transform: uppercase;
  font-size: 10px !important;
  line-height: 12px;
  margin: 0px;
  color: #777;
}
#b {
  background: #fff;
  text-transform: uppercase;
  font-size: 10px !important;
  line-height: 14px;
  color: #666;
}
#c {
  background: #666;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: white;
}
#d {
  background: #fff;
  text-align: center;
}
#e {
  display: inline-block;
  background: #555;
  line-height: 16px;
  color: #fff;
  text-align: center;
  width: 16px !important;
  height: 16px !important;
  border: solid 1px #222;
  -moz-border-radius: 10px;
}
#f {
  display: inline-block;
  background: #444;
  line-height: 16px;
  color: #fff;
  text-align: center;
  width: 16px !important;
  height: 16px !important;
  border: solid 1px #222;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: bold;
}
img {
  padding: 0px;
  margin: 0px;
}
input.bt_a,
input.bt_b,
input.bt_0,
div.bt_0,
input.bt_1,
div.bt_1,
input.bt_2,
div.bt_2,
input.bt_check,
input.bt_action,
input.bt_blue,
input.save,
input.add {
  height: 24px;
  text-align: center;
  cursor: pointer;
  border: none;
  font-weight: bold;
  margin: 0px;
  font-size: 12px;
  vertical-align: bottom;
  line-height: 21px;
}
input.bt_a {
  width: 100px;
  background: transparent url(../images/bt_login.png) no-repeat 0 0;
}
input.bt_b {
  width: 100px;
  color: white;
  background: transparent url(../images/bt_register.png) no-repeat 0 0;
  float: right;
}
input.bt_c {
  height: 24px;
  width: 24px;
  cursor: pointer;
  border: none;
  margin: 5px 0;
  background: transparent url(../images/View.png) no-repeat 0 0;
}
input.bt_d {
  height: 10px;
  width: 10px;
  cursor: pointer;
  border: none;
  margin: 0px;
  background: transparent url(../images/remove.png) no-repeat 0 0;
}
input.bt_0,
div.bt_0,
input.bt_1,
div.bt_1,
input.bt_2,
div.bt_2 {
  width: 90px;
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
}
div.bt_0,
div.bt_1,
div.bt_2 {
  float: left;
  margin-left: 5px;
}
input.bt_0,
div.bt_0 {
  background: #ff3019; /* Old browsers */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ff3019),
    color-stop(100%, #cf0404)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
  border: groove 1px #444;
  color: #fff;
  text-shadow: 1px 1px #000;
}
input.bt_1,
div.bt_1 {
  background: #b0ce08; /* Old browsers */
  background: -moz-linear-gradient(top, #b0ce08 0%, #72aa00 99%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #b0ce08),
    color-stop(99%, #72aa00)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #b0ce08 0%, #72aa00 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #b0ce08 0%, #72aa00 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #b0ce08 0%, #72aa00 99%); /* IE10+ */
  background: linear-gradient(to bottom, #b0ce08 0%, #72aa00 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0ce08', endColorstr='#72aa00',GradientType=0 ); /* IE6-9 */
  border: groove 1px #444;
  color: #1f3b08;
  text-shadow: 1px 1px #888;
}
input.bt_2,
div.bt_2 {
  background: #ffaf4b; /* Old browsers */
  background: -moz-linear-gradient(top, #ffaf4b 0%, #ff6e00 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffaf4b),
    color-stop(100%, #ff6e00)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff6e00 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffaf4b 0%, #ff6e00 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffaf4b 0%, #ff6e00 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffaf4b 0%, #ff6e00 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff6e00',GradientType=0 ); /* IE6-9 */
  border: groove 1px #444;
  color: #8e1500;
}
#control {
  background: rgb(238, 238, 238); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(238, 238, 238, 1)),
    color-stop(100%, rgba(204, 204, 204, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(238, 238, 238, 1) 0%,
    rgba(204, 204, 204, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
  border-top: 3px groove #888;
  position: absolute;
  bottom: 14px;
  height: 45px;
  vertical-align: bottom !important;
  padding-top: 5px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10;
  margin-left: 10px;
  right: 10px;
}
input.bt_check {
  float: right;
  width: 100px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: solid 1px #888;
  border-top: 0;
  position: absolute;
  top: 0px;
  right: 110px;
}
input.bt_action {
  width: 100px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: solid 1px #888;
  border-top: 0;
  position: absolute;
  top: 0px;
  right: 5px;
}
input.bt_blue {
  float: right;
  width: 100px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: solid 1px #888;
  border-top: 0;
  position: absolute;
  top: 0px;
  right: 216px;
}
input.b1 {
  width: 36px;
  height: 36px;
  background: transparent url(../images/backward.png) no-repeat 0 0;
  position: fixed;
  bottom: 5px;
  cursor: pointer;
  left: 20px;
  border: 0;
}
input.b2 {
  width: 36px;
  height: 36px;
  background: transparent url(../images/forward2.png) no-repeat 0 0;
  position: fixed;
  bottom: 5px;
  right: 20px;
  cursor: pointer;
  border: 0;
}
input.add {
  width: 26px;
  height: 26px;
  background: transparent url(../images/Add.png) no-repeat 0 0;
  overflow: hidden;
}
td.a {
  border-bottom: 1px solid #bbb;
}
td.b {
  background: #eeeeee;
  vertical-align: top;
  font-weight: bold;
  border-bottom: 1px solid #bbb;
}
.footer2 {
  position: fixed;
  width: 100%;
  height: 25px;
  background: white;
  margin: 0;
  padding: 0px;
  display: block;
  color: #666;
  text-align: left;
  bottom: 30px;
  z-index: 999;
}
table.outer {
  width: 1000px;
  top: 20%;
  margin-bottom: 20px;
  position: relative;
  background: white;
  padding: 0px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
table.in {
  position: relative;
  background: #eee;
  padding: 0px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 10px !important;
  border: solid #ccc 3px;
}
table.in thead td {
  border: 0;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding: 5px;
  background: #ccc;
}

table.in td {
  text-align: center;
  border-top: 2px groove #fff;
  padding: 10px;
}
.g {
  width: 95%;
}
.g td.in {
  text-align: justify;
  background: #ddd;
  border: solid #bbb 2px;
  border-top: 0px;
  padding: 5px;
  -moz-border-radius: 0 0 10 10px;
  border-radius: 0 0 10 10px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.he {
  -moz-border-radius: 10 10 0 0;
  border-radius: 10 10 0 0;
  color: white;
  background: url(images/logo.png) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
  margin: 0; /*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  text-align: left;
  padding: 5px 5 5px 32px; /*31px is left indentation of header text*/
  border-bottom: #ddff00 3px solid;
  z-index: 2;
}
.c {
  border: solid 1px #555;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-top: 10px;
}
#jax,
#jax table {
  margin: 0px;
  padding: 0px;
  width: 100% !important;
  border: solid 0px #555;
}
#jax ul {
  padding: 0px;
}

/*li.x{
  text-align: left;
  list-style: none;
  position: relative;
  background: #fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 5px;
  border: solid 1px #ccc;
  padding-bottom: 5px;
  margin-right: 10px;
}*/
#jax li.x {
  list-style: none;
  position: relative;
  background: #fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 5px;
  border: solid 1px #888888;
  padding: 2px;
}
/*li.y{
  text-align: left;
  list-style: none;
  position: relative;
  background: #fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left: -25px;
  margin-top: 5px;
  border: solid 1px #ccc;
  margin-right: 10px;
}*/
#jax li.y {
  list-style: none;
  position: relative;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 5px 0px !important;
  font-weight: bold;
  border-bottom: solid 1px #555;
  text-align: left;
}
/*#jax h5{
  background: #eee;
  cursor: pointer;
  vertical-align: middle;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 1px;
  vertical-align: middle;
  color:#800 !important;
  line-height: 18px;
  border: solid 1px #ccc;
  padding: 0px;
  font-weight: normal;
}*/
#jax h5 {
  background: #fff;
  cursor: pointer;
  vertical-align: middle;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  margin: 0px !important;
  vertical-align: middle;
  padding: 0px;
  color: #444;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.2em;
  line-height: 2em;
}
#jax h4 {
  font-size: 1.2em;
  background: #fff;
  cursor: pointer;
  vertical-align: middle;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  margin: 0px !important;
  vertical-align: middle;
  padding: 0px;
  color: #444;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#jax h5:hover {
  background: #999;
  color: #ffffff;
}
#jax h4:hover {
  background: #666;
}
#jax .inner {
  width: 100%;
  padding: 0px !important;
}
#jax .open,
#jax .open a,
#jax #current,
#jax #current a {
  background: #666;
  color: #fff;
}
#jax table th {
  background: #444;
  border: 0;
}
a.trigger {
  color: #666;
  margin: 0;
  padding: 5px !important;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
hr {
  margin: 5px;
}
#special {
  font-size: 30px;
  font-family: "Calibri";
  color: #555;
  text-shadow: -1px -1px #111, 1px 1px #999;
}
#colum {
  font-size: 9px;
  text-transform: uppercase;
  vertical-align: top;
  color: #777;
  text-shadow: 1px 1px #fff;
}
div.field select,
div.field2 select,
input.field,
input.field2,
textarea.textarea-field,
textarea.textarea-field2 {
  border: 2px groove #fff;
  padding: 5px;
  font-size: 12px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #efefef;
  color: #444;
}
input.field3,
textarea.textarea-field3 {
  border: 2px groove #fff;
  padding: 5px;
  font-size: 12px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #fff;
  font-size: 15px;
  font-weight: bold;
  color: #444;
  margin: 3px;
  width: 100%;
}
div.field select {
  background: transparent;
  background: url(../images/drop.png) no-repeat right;
  -webkit-appearance: none;
  padding-right: 32px;
  background-color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin: 3px;
}
div.field2 select {
  background: transparent;
  background: url(../images/drop.png) no-repeat right;
  -webkit-appearance: none;
  padding-right: 32px;
  background-color: #eee;
}
div.field option {
  padding: 0px;
  background-color: #eee;
  text-transform: uppercase;
}
input.field {
  width: 350px;
}
input.field2 {
  width: 240px;
}
textarea.textarea-field {
  width: 350px;
  height: 90px;
}
textarea.textarea-field2,
textarea.textarea-field3 {
  width: 240px;
  height: 90px;
}

div.noty {
  text-align: left;
  line-height: 20px;
  width: 250px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #eee;
  -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75);
  box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75);
  border: solid 1px #ccc;
  padding: 10px;
  position: absolute;
  left: 50%;
  margin-left: -135px;
  top: 50%;
  margin-top: -150px;
}
.noty h4,
.header h4 {
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  text-align: right;
  border-bottom: 2px groove #fff;
  text-shadow: 1px 1px #fff;
  color: #999;
}
.noty p {
  letter-spacing: 1px;
  font-size: 10px;
  color: #777;
  text-transform: uppercase;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #eee;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background-color: #e11428;
  -webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:horizontal {
  width: 50px;
  background-color: #e11428;
  -webkit-border-radius: 5px;
}
.awesome {
  display: inline-block;
  padding: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 14px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  vertical-align: middle !important;
  border: 1px solid #222;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  min-width: 15px;
  text-align: center;
}
.awesome img {
  vertical-align: middle;
}
/* Sizes ---------- */
.small.awesome {
  font-size: 11px;
}
.medium.awesome {
  font-size: 13px;
}
.large.awesome {
  font-size: 14px;
}
/* Colors ---------- */
.blue.awesome {
  color: #03425e;
  background-color: #2daebf;
}
.green.awesome {
  color: #485500;
  background-color: #b0ce08;
}
.red.awesome {
  color: #f4c0c0;
  background-color: #e11428;
}
.magenta.awesome {
  color: #5200c2;
  background-color: #dfa0ff;
}
.orange.awesome {
  color: #722000;
  background-color: #ff8800;
}
.yellow.awesome {
  color: #6c3821;
  background-color: #ffb515;
}
.grey.awesome {
  background-color: #666;
}
#col {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  width: 21px;
  height: 21px;
  float: left;
  margin-right: 10px;
  vertical-align: middle;
  text-align: center;
  line-height: 21px;
  color: #fff;
  text-shadow: 1px 1px #222;
  font-weight: bold;
  box-shadow: 1px 1px 1px #222;
}
#col2 {
  text-align: left;
  padding-left: 20px;
}
#change {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 74px;
  margin: 0px;
  padding: 15px 0px;
  z-index: 101;
  background: rgba(0, 0, 0, 0.8);
  line-height: 2em;
  color: white;
  border-bottom: 2px groove #fff;
}