@import url(https://fonts.googleapis.com/css?family=Ek+Mukta);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display+SC);
/*[ NORMALIZE ] */
.primary-color {
  margin: 1px;
  padding: 1px;
  background-color: #0c0c0c;
  color: #dadada;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.primary-color-dark {
  margin: 1px;
  padding: 1px;
  background-color: black;
  color: #d8d8d8;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.primary-color-light {
  margin: 1px;
  padding: 1px;
  background-color: #3f3f3f;
  color: #e2e2e2;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.complementary-color {
  margin: 1px;
  padding: 1px;
  background-color: #0c0c0c;
  color: #dadada;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.complementary-color-dark {
  margin: 1px;
  padding: 1px;
  background-color: black;
  color: #d8d8d8;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.complementary-color-light {
  margin: 1px;
  padding: 1px;
  background-color: #3f3f3f;
  color: #e2e2e2;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.secondary-color {
  margin: 1px;
  padding: 1px;
  background-color: #0c0c0c;
  color: #dadada;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.secondary-color-dark {
  margin: 1px;
  padding: 1px;
  background-color: black;
  color: #d8d8d8;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.secondary-color-light {
  margin: 1px;
  padding: 1px;
  background-color: #3f3f3f;
  color: #e2e2e2;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.tertiary-color {
  margin: 1px;
  padding: 1px;
  background-color: #0c0c0c;
  color: #dadada;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.tertiary-color-dark {
  margin: 1px;
  padding: 1px;
  background-color: black;
  color: #d8d8d8;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

.tertiary-color-light {
  margin: 1px;
  padding: 1px;
  background-color: #3f3f3f;
  color: #e2e2e2;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

#colorpallet {
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  display: -moz-box;
  /* OLD: Firefox (buggy) */
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -webkit-flex;
  /* NEW, Chrome 21–28, Safari 6.1+ */
  display: flex;
  /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
  -webkit-box-align: center;
  -moz-box-align: center;
  /* OLD… */
  -ms-flex-align: center;
  /* You know the drill now… */
  -webkit-align-items: center;
  align-items: center; }
  #colorpallet div {
    display: none;
    font-size: 10px;
    font-size: 0.625rem;
    display: -webkit-box;
    /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;
    /* OLD: Firefox (buggy) */
    display: -ms-flexbox;
    /* MID: IE 10 */
    display: -webkit-flex;
    /* NEW, Chrome 21–28, Safari 6.1+ */
    display: flex;
    /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
    -webkit-box-align: center;
    -moz-box-align: center;
    /* OLD… */
    -ms-flex-align: center;
    /* You know the drill now… */
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 2px;
    border: 1px solid black;
    width: 100px;
    height: 100px; }

/******************************************************************************************/
/* IMPORT
/******************************************************************************************/
/*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #cccccc; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: black;
  text-decoration: none; }
  a:hover {
    color: black;
    text-decoration: underline; }
  a:focus {
    color: black;
    text-decoration: underline;
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

img {
  vertical-align: middle; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

body {
  margin: 0; }

a {
  background: transparent; }
  a:focus {
    outline: thin dotted; }
  a:active, a:hover {
    outline: 0; }

h1 {
  margin: .67em 0;
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  height: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

mark {
  color: black;
  background: #f3f3f3; }

code, kbd, pre, samp {
  font-family: monospace,serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #3f3f3f; }

legend {
  padding: 0;
  border: 0; }

button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  padding: 0;
  box-sizing: border-box; }
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

small, .small {
  font-size: 85%; }

cite {
  font-style: normal; }

ul, ol {
  margin-top: 0; }

ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0; }

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #666666; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #0c0c0c; }
  blockquote p {
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25; }
    blockquote p:last-child {
      margin-bottom: 0; }
  blockquote small, blockquote .small {
    display: block;
    line-height: 1.428571429;
    color: #666666; }
  blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0'; }
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #0c0c0c;
    border-left: 0; }
    blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small {
      text-align: right; }
    blockquote.pull-right small:before, blockquote.pull-right .small:before {
      content: ''; }
    blockquote.pull-right small:after, blockquote.pull-right .small:after {
      content: '\00A0 \2014'; }
  blockquote:before, blockquote:after {
    content: ""; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429; }

code, kbd, pre, samp {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #727272;
  white-space: nowrap;
  border-radius: 4px; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #cccccc;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #0c0c0c;
  border: 1px solid #333333;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    border-radius: 0; }

table {
  max-width: 100%; }

th {
  text-align: left; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #cccccc;
  border: 0;
  border-bottom: 1px solid #191919; }

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
input[type="file"] {
  display: block; }

select[multiple], select[size] {
  height: auto; }
select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  height: auto; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #a5a5a5;
  vertical-align: middle; }

input[type="radio"][disabled], input[type="checkbox"][disabled] {
  cursor: not-allowed; }

@media print {
  * {
    color: black !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important; }

  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }
    a[href]:after {
      content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #666666;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100% !important; }

  @page {
    margin: 2cm .5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  select {
    background: white !important; }

  .navbar {
    display: none; }

  .btn > .caret, .dropup > .btn > .caret {
    border-top-color: black !important; }

  .label {
    border: 1px solid black; }

  .table {
    border-collapse: collapse !important; }

  .table-bordered th, .table-bordered td {
    border: 1px solid #262626 !important; } }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #666666; }

h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
  font-size: 65%; }

h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {
  font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #0c0c0c; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }
  .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }
    .list-inline > li:first-child {
      padding-left: 0; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height .35s ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  border: 1px solid #333333;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    white-space: nowrap; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
      text-decoration: none;
      background-color: #0c0c0c; }
  .dropdown-menu > .active > a {
    text-decoration: none;
    outline: 0; }
    .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
      text-decoration: none;
      outline: 0; }
  .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.open > .dropdown-menu {
  display: block; }
.open > a {
  outline: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #666666; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""; }

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; } }
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .nav:before {
    display: table;
    content: " "; }
  .nav:after {
    display: table;
    content: " ";
    clear: both; }
  .nav:before {
    display: table;
    content: " "; }
  .nav:after {
    display: table;
    content: " ";
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none; }
    .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
      text-decoration: none;
      cursor: not-allowed; }
  .nav .open > a {
    border-color: black; }
    .nav .open > a:hover, .nav .open > a:focus {
      border-color: black; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #262626; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.428571429;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #0c0c0c #0c0c0c #262626; }
    .nav-tabs > li.active > a {
      cursor: default;
      border: 1px solid #262626;
      border-bottom-color: transparent; }
      .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        cursor: default;
        border: 1px solid #262626;
        border-bottom-color: transparent; }
  .nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0; }
    .nav-tabs.nav-justified > li {
      float: none; }
      .nav-tabs.nav-justified > li > a {
        margin-bottom: 5px;
        text-align: center; }
    .nav-tabs.nav-justified > .dropdown .dropdown-menu {
      top: auto;
      left: auto; }
    .nav-tabs.nav-justified > li > a {
      margin-right: 0;
      border-radius: 4px; }
    .nav-tabs.nav-justified > .active > a {
      border: 1px solid #262626; }
      .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border: 1px solid #262626; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
    .nav-tabs.nav-justified > li > a {
      margin-bottom: 0; } }
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #262626;
    border-radius: 4px 4px 0 0; }
  .nav-tabs.nav-justified > .active > a {
    border-bottom-color: white; }
    .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: white; } }
.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a {
    color: white; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified {
  width: 100%; }
  .nav-justified > li {
    float: none; }
    .nav-justified > li > a {
      margin-bottom: 5px;
      text-align: center; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%; }
    .nav-justified > li > a {
      margin-bottom: 0; } }
.nav-tabs-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a {
    border: 1px solid #262626; }
    .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
      border: 1px solid #262626; }

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #262626;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a {
    border-bottom-color: white; }
    .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
      border-bottom-color: white; } }
.tab-content > .tab-pane {
  display: none; }
.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px; }
  .navbar:before {
    display: table;
    content: " "; }
  .navbar:after {
    display: table;
    content: " ";
    clear: both; }
  .navbar:before {
    display: table;
    content: " "; }
  .navbar:after {
    display: table;
    content: " ";
    clear: both; }

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px; } }
.navbar-header:before {
  display: table;
  content: " "; }
.navbar-header:after {
  display: table;
  content: " ";
  clear: both; }
.navbar-header:before {
  display: table;
  content: " "; }
.navbar-header:after {
  display: table;
  content: " ";
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }
.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before {
    display: table;
    content: " "; }
  .navbar-collapse:after {
    display: table;
    content: " ";
    clear: both; }
  .navbar-collapse:before {
    display: table;
    content: " "; }
  .navbar-collapse:after {
    display: table;
    content: " ";
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none; }
    .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important; }
    .navbar-collapse.in {
      overflow-y: visible; }

  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0; } }
.container > .navbar-header, .container > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .container > .navbar-header, .container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }
.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }

@media (min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0; } }
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: -15px; } }
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
    .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 4px; }

@media (min-width: 768px) {
  .navbar-toggle {
    display: none; } }
.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border: 0;
    box-shadow: none; }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px; }
    .navbar-nav .open .dropdown-menu > li > a {
      line-height: 20px; }
      .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none; } }
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0; }
    .navbar-nav > li {
      float: left; }
      .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px; }
    .navbar-nav.navbar-right:last-child {
      margin-right: -15px; } }
@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }

  .navbar-right {
    float: right !important; } }
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block; }
  .navbar-form select.form-control {
    width: auto; }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0; }
  .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; } }
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; } }
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .navbar-form.navbar-right:last-child {
      margin-right: -15px; } }
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px; }
    .navbar-text.navbar-right:last-child {
      margin-right: 0; } }
.navbar-default {
  border-color: #191919; }
  .navbar-default .navbar-brand {
    color: #8c8c8c; }
  .navbar-default .navbar-text {
    color: #8c8c8c; }
  .navbar-default .navbar-toggle {
    border-color: #d8d8d8; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #d8d8d8; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #333333; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e5e5e5; }
  .navbar-default .navbar-nav > .open > a {
    color: #a5a5a5;
    background-color: #e5e5e5; }
    .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
      color: #595959;
      background-color: #e5e5e5; }
  .navbar-default .navbar-link {
    color: #8c8c8c; }
    .navbar-default .navbar-link:hover {
      color: #333333; }

.navbar-inverse {
  border-color: #f2f2f2; }
  .navbar-inverse .navbar-brand {
    color: #666666; }
  .navbar-inverse .navbar-text {
    color: #666666; }
  .navbar-inverse .navbar-toggle {
    border-color: #cccccc; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #cccccc; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: white; }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #f2f2f2; }
  .navbar-inverse .navbar-nav > .open > a {
    color: white; }
  .navbar-inverse .navbar-link {
    color: #666666; }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #f2f2f2; } }
.nav-pills > .active > a > .badge {
  color: black; }
.nav-pills > li > a > .badge {
  margin-left: 3px; }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  border: 1px solid #262626;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  .thumbnail > img, .thumbnail a > img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto; }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: black; }

.thumbnail .caption {
  padding: 9px;
  color: #cccccc; }

.list-group {
  padding-left: 0;
  margin-bottom: 20px; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  border: 1px solid #262626; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .list-group-item > .badge {
    float: right; }
    .list-group-item > .badge + .badge {
      margin-right: 5px; }

a.list-group-item {
  color: #a5a5a5; }
  a.list-group-item .list-group-item-heading {
    color: #cccccc; }
  a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color: #0c0c0c; }
  a.list-group-item.active {
    z-index: 2;
    color: white;
    border-color: black; }
    a.list-group-item.active:hover, a.list-group-item.active:focus {
      z-index: 2;
      border-color: black; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 white;
  opacity: .2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.clearfix:before {
  display: table;
  content: " "; }
.clearfix:after {
  display: table;
  content: " ";
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }
/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows */
.sm-nav-2014 {
  /* scrolling arrows for tall menus */
  /* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
  /* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
  /* fix .navbar-right subs alignment */
  /* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */ }
  .sm-nav-2014 .navbar-nav .sub-arrow, .sm-nav-2014 .navbar-nav .collapsible .sub-arrow {
    position: static;
    margin-top: 0;
    margin-right: 0;
    margin-left: 6px;
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px dashed transparent; }
  .sm-nav-2014 .navbar-fixed-bottom .sub-arrow {
    margin-top: -5px;
    border-top: 4px dashed transparent;
    border-bottom: 4px solid; }
  .sm-nav-2014 .navbar-nav ul .sub-arrow {
    position: absolute;
    right: 0;
    margin-top: 6px;
    margin-right: 15px;
    border-top: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px solid; }
  .sm-nav-2014 .navbar-nav ul a.has-submenu {
    padding-right: 30px; }
  .sm-nav-2014 .navbar-nav span.scroll-up, .sm-nav-2014 .navbar-nav span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    height: 20px;
    overflow: hidden;
    text-align: center; }
  .sm-nav-2014 .navbar-nav span.scroll-up-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 7px dashed transparent;
    border-right: 7px dashed transparent;
    border-bottom: 7px solid;
    border-left: 7px dashed transparent; }
  .sm-nav-2014 .navbar-nav span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 7px dashed transparent;
    border-right: 7px dashed transparent;
    border-bottom: 7px solid;
    border-left: 7px dashed transparent;
    top: 6px;
    border-top: 7px solid;
    border-right: 7px dashed transparent;
    border-bottom: 7px dashed transparent;
    border-left: 7px dashed transparent; }
  .sm-nav-2014 .navbar-nav .collapsible ul .dropdown-menu > li > a, .sm-nav-2014 .navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
    padding-left: 35px; }
  .sm-nav-2014 .navbar-nav .collapsible ul ul .dropdown-menu > li > a, .sm-nav-2014 .navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left: 45px; }
  .sm-nav-2014 .navbar-nav .collapsible ul ul ul .dropdown-menu > li > a, .sm-nav-2014 .navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 55px; }
  .sm-nav-2014 .navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a, .sm-nav-2014 .navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 65px; }
  .sm-nav-2014 .navbar-nav .dropdown-menu > li > a {
    white-space: normal; }
  .sm-nav-2014 .navbar-nav ul.sm-nowrap > li > a {
    white-space: nowrap; }
  .sm-nav-2014 .navbar-right ul.dropdown-menu {
    left: 0;
    right: auto; }
  .sm-nav-2014 .navbar-nav .collapsible ul {
    display: none;
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important; }
    .sm-nav-2014 .navbar-nav .collapsible ul.sm-nowrap > li > a {
      white-space: normal; }
  .sm-nav-2014 .navbar-nav .collapsible iframe {
    display: none; }

/* disable Bootstrap 3's global box-sizing:border-box; for the menus as it doesn't play nice with SmartMenus */
ul.sm li * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  ul.sm li *:before, ul.sm li *:after {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }

.sm-nav-2014 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #e6e6e6;
  background-image: linear-gradient(#e6e6e6, #b6b6b6);
  color: #363636;
  text-shadow: rgba(255, 255, 255, 0.76784) 0 1px 0;
  /* When something is visible, it becomes open. */ }
  .sm-nav-2014 .icon-bar, .sm-nav-2014 .sr-only {
    color: inherit; }
  .sm-nav-2014 .navbar, .sm-nav-2014 .navbar-default, .sm-nav-2014 .dashed {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-height: 10px !important; }
  .sm-nav-2014 a {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    /* Sets the Font to UpperCase */ }
    .sm-nav-2014 a:link, .sm-nav-2014 a:visited, .sm-nav-2014 a:hover, .sm-nav-2014 a:focus {
      color: inherit;
      background: none;
      text-decoration: none; }
  .sm-nav-2014 li:hover {
    background-color: #0c0c0c;
    background-image: linear-gradient(#0c0c0c, #3f3f3f); }
  .sm-nav-2014 .open {
    /* This controls the behaviour of all list-elements that appear on an open
       sub-menu
     */ }
    .sm-nav-2014 .open ul {
      padding-top: 0px;
      background-color: whitesmoke;
      background-image: linear-gradient(whitesmoke, #d8d8d8);
      color: #404040;
      text-shadow: rgba(255, 255, 255, 0.87451) 0 1px 0;
      /* This sets all the open LI links to a default color... base on actual background. */ }
      .sm-nav-2014 .open ul a:link, .sm-nav-2014 .open ul a:visited, .sm-nav-2014 .open ul a:hover, .sm-nav-2014 .open ul a:focus {
        color: inherit;
        background: none;
        text-decoration: none; }
    .sm-nav-2014 .open li {
      height: auto;
      /* No height so falls flat */
      width: auto;
      max-width: 20em;
      /* This is the max-width setting from Javascript */
      padding-top: 15px;
      padding-bottom: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      /* The elipsis isn't working? */
      border-top: 1px solid #000;
      /* How the List Element behaves on mouse-over events */ }
      .sm-nav-2014 .open li:first-child {
        border-top: 0px;
        /* Removes the top border from first element */ }
      .sm-nav-2014 .open li:hover {
        background-color: #3f3f3f;
        background-image: linear-gradient(#3f3f3f, #0c0c0c);
        color: #e2e2e2;
        text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }
      .sm-nav-2014 .open li a {
        text-transform: none; }

ul.left {
  float: left;
  width: 145px; }
ul.right {
  float: right;
  width: 145px; }
ul.dropmenu {
  position: relative;
  margin: 0px;
  padding: 1px 0px 0px 0px;
  background: transparent url(/andres.com/intranet/images/ui/buttons/top_menu/navigation.png) repeat-x scroll 0 0;
  display: block;
  height: 35px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px; }

.dropmenu li {
  position: relative;
  list-style: none;
  float: left;
  margin: 0px;
  padding: 0px; }
  .dropmenu li a {
    height: 22px;
    padding: 9px 30px 0px 15px;
    display: block;
    cursor: point;
    border-right: solid 1px black;
    color: white;
    text-transform: uppercase;
    text-decoration: none; }
  .dropmenu li span {
    display: block;
    float: right;
    height: 10px;
    width: 10px;
    background: transparent url(/andres.com/intranet/images/ui/buttons/top_menu/arrow_up.png) no-repeat scroll 0 0;
    position: absolute;
    top: 12px;
    right: 0px; }
  .dropmenu li a:hover span {
    background: transparent url(/andres.com/intranet/images/ui/buttons/top_menu/arrow_hover.png) no-repeat scroll 0 0; }

a.selected span {
  background: transparent url(/andres.com/intranet/images/ui/buttons/top_menu/arrow_hover.png) no-repeat scroll 0 0; }

.dropmenu li:hover ul, .dropmenu li:hover div {
  display: block; }
.dropmenu ul {
  position: absolute;
  display: none;
  width: 140px;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #cccccc;
  background: green; }
  .dropmenu ul li {
    border: 0;
    float: none; }
  .dropmenu ul a {
    border: 1px solid #cccccc;
    border-bottom: 0;
    white-space: nowrap;
    display: block;
    color: black;
    text-decoration: underline;
    text-transform: none; }

a.selected {
  color: black !important;
  background: yellow; }

.dropmenu a:hover {
  color: black !important;
  background: red; }
.dropmenu ul a:hover {
  color: black !important;
  text-decoration: none;
  background-color: #e5e5e5;
  background-image: none; }
.dropmenu div ul {
  position: relative;
  display: block; }
.dropmenu li div {
  background: white;
  border: 1px solid #cccccc;
  padding: 5px;
  display: none;
  position: absolute; }
  .dropmenu li div ul {
    border: none;
    background: none;
    position: relative !important; }
  .dropmenu li div a {
    border: none;
    border-bottom: 1px solid #cccccc; }
  .dropmenu li div div {
    display: block;
    position: relative;
    background: none;
    border: none; }
    .dropmenu li div div a {
      display: inline;
      border: none;
      color: #191919;
      text-decoration: underline;
      padding: 0px;
      margin: 0px;
      text-transform: none; }
      .dropmenu li div div a:hover {
        color: black;
        text-decoration: none; }

.small {
  color: #191919;
  font-size: 10px;
  padding: 10px 5px 8px 5px !important;
  display: block;
  clear: both; }

.payroll, .operations, .tools, .development, .administration, .intranet {
  width: 300px;
  padding: 15px !important; }

.payroll ul, .operations ul, .tools ul, .development ul, .administration ul, .intranet ul {
  width: 100%; }

.payroll ul li, .operations ul li, .tools ul li, .development ul li, .administration ul li, .intranet ul li {
  border-bottom: 1px solid #cccccc;
  height: 40px;
  padding: 10px 0px;
  cursor: pointer; }

.payroll h2, .operations h2, .tools h2, .development h2, .administration h2, .intranet h2 {
  font-size: 16px;
  padding: 2px 0px 3px 0px;
  margin: 0px; }

.payroll p, .operations p, .tools p, .development p, .administration p, .intranet p {
  color: black;
  font-size: 10px;
  padding: 0px;
  margin: 0px; }

.payroll img, .operations img, .tools img, .development img, .administration img, .intranet img {
  float: left;
  padding-right: 10px; }

.payroll ul li a, .operations ul li a, .tools ul li a, .development ul li a, .administration ul li a, .intranet ul li a {
  display: inline;
  border: none;
  color: #191919;
  text-decoration: underline;
  padding: 0px;
  margin: 0px;
  text-transform: none; }

.payroll ul li a:hover, .operations ul li a:hover, .tools ul li a:hover, .development ul li a:hover, .administration ul li a:hover, .intranet ul li a:hover {
  color: black !important;
  text-decoration: none;
  background: none !important; }

.operations {
  width: 600px;
  padding: 15px !important; }
  .operations ul {
    width: 50%; }

.reports {
  width: 900px;
  padding: 15px !important; }
  .reports ul {
    width: 33%; }
    .reports ul li {
      border-bottom: 1px solid #cccccc;
      height: 40px;
      padding: 10px 0px;
      cursor: pointer; }

.operations ul li {
  border-bottom: 1px solid #cccccc;
  height: 40px;
  padding: 10px 0px;
  cursor: pointer; }

.reports h2, .operations h2 {
  font-size: 16px;
  padding: 2px 0px 3px 0px;
  margin: 0px; }

.reports p, .operations p {
  color: black;
  font-size: 10px;
  padding: 0px;
  margin: 0px; }

.reports img, .operations img {
  float: left;
  padding-right: 10px; }

.reports ul li a, .operations ui li a {
  display: inline;
  border: none;
  color: #191919;
  text-decoration: underline;
  padding: 0px;
  margin: 0px;
  text-transform: none; }

.reports ul li a:hover, .operations ul li a:hover {
  color: black !important;
  text-decoration: none;
  background: none !important; }

.login {
  padding: 15px !important;
  width: 180px; }

input {
  border: 1px solid black;
  padding: 3px 8px;
  margin-bottom: 8px;
  width: 164px; }

label {
  padding: 0px 0px 4px 0px;
  display: block; }

h2 {
  color: #0c0c0c; }

ul, li {
  padding: 0px;
  margin: 0px; }

/* dock */
#dock2 {
  width: 100%;
  bottom: 40px;
  position: absolute;
  left: 0px; }

.dock-container2 {
  position: relative;
  height: 50px;
  background: url(/andres.com/intranet/images/ui/dock/dock-bg.gif);
  padding-left: 20px; }

a.dock-item2 {
  display: block;
  font: bold 12px Arial, Helvetica, sans-serif;
  width: 40px;
  color: black;
  bottom: 0px;
  position: absolute;
  text-align: center;
  text-decoration: none; }

.dock-item2 span {
  display: none;
  padding-left: 20px; }
.dock-item2 img {
  border: none;
  margin: 5px 10px 0px;
  width: 100%; }

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  /*display: inline; *zoom: 1;*/ }

audio:not([controls]), [hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
  color: #191919; }

button, input, select, textarea {
  font-family: sans-serif;
  color: #191919;
  background-color: linear-gradient(#e5e5e5, #b2b2b2); }

body {
  background: #e5e5e5 none repeat scroll 0 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
  color: #333333;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  /* min-height: 100%; */
  /* height: auto !important; */
  /* height: 100%; */ }

.green {
  color: #3f3f3f; }

/* ADDING HERE  */
footer {
  background: black;
  color: white; }

header {
  background: black;
  color: white; }
  header a {
    color: white;
    text-decoration: none; }
    header a:visited {
      color: white;
      text-decoration: none; }
    header a:hover {
      color: #3f3f3f; }

iframe {
  overflow: hidden; }

.sm-nav-2014 .open li {
  width: 370px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .sm-nav-2014 .open li img {
    vertical-align: text-top !important; }
  .sm-nav-2014 .open li a {
    display: inline; }

.icon20 {
  height: 20px;
  width: 20px;
  border: none; }

.icon40 {
  height: 40px;
  border: none;
  width: 40px; }

.ajaxResult {
  background: black;
  padding: 5px;
  margin: 2px;
  width: 100%; }
  .ajaxResult table {
    width: 100%; }

.closeLink {
  color: white;
  text-decoration: none;
  font-weight: bold;
  padding: 2px; }
  .closeLink a:link, .closeLink a:visited {
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 2px; }

#wrapper {
  /*overflow: auto;
  height: 600px; */
  margin: 0px auto -4em; }

.footer, .push {
  height: 4em; }

#loader {
  position: absolute;
  cursor: wait;
  display: block;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  animation: topflat 3s infinite alternate;
  width: 100%;
  height: 100%;
  text-align: center;
  margin: auto;
  z-index: 1000; }

@keyframes topflat {
  100% {
    background-color: rgba(0, 0, 0, 0.8); } }
#loader-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  /* -1 * image width / 2 */
  margin-top: -20px;
  /* -1 * image height / 2 */
  width: 30px;
  height: 30px;
  margin: 20px auto;
  border: 8px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  box-shadow: 0 0 25px 2px #eee;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -ms-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    opacity: 0.4; }

  50% {
    -webkit-transform: rotate(180deg);
    opacity: 1; }

  to {
    -webkit-transform: rotate(360deg);
    opacity: 0.4; } }
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    opacity: 0.4; }

  50% {
    -moz-transform: rotate(180deg);
    opacity: 1; }

  to {
    -moz-transform: rotate(360deg);
    opacity: 0.4; } }
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
    opacity: 0.4; }

  50% {
    -ms-transform: rotate(180deg);
    opacity: 1; }

  to {
    -ms-transform: rotate(360deg);
    opacity: 0.4; } }
@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg);
    opacity: 0.4; }

  50% {
    -o-transform: rotate(180deg);
    opacity: 1; }

  to {
    -o-transform: rotate(360deg);
    opacity: 0.4; } }
@keyframes spin {
  from {
    transform: rotate(0deg);
    opacity: 0.2; }

  50% {
    transform: rotate(180deg);
    opacity: 1; }

  to {
    transform: rotate(360deg);
    opacity: 0.2; } }
#loading {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1000;
  background-color: black;
  /* for demonstration */
  opacity: 0.8; }

.ajax-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  /* -1 * image width / 2 */
  margin-top: -20px;
  /* -1 * image height / 2 */
  display: block; }

.ajax-text {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  /* -1 * image width / 2 */
  margin-top: -20px;
  /* -1 * image height / 2 */
  display: block;
  margin-left: -70px;
  /* -1 * image width / 2 */
  margin-top: -60px;
  /* -1 * image height / 2 */ }

.nicebutton {
  background: #333333 url(alert-overlay.png) repeat-x;
  display: inline-block;
  padding: 5px 10px 6px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px #999999;
  -webkit-box-shadow: 0 1px 3px #999999;
  text-shadow: 0 -1px 1px #333333;
  border-bottom: 1px solid #333333;
  position: relative;
  cursor: pointer; }

.main_style {
  margin: 0px;
  padding: 0px; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection, ::selection {
  background: #3f3f3f;
  color: white;
  text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #0c0c0c; }
  a:visited {
    color: black; }
  a:hover {
    color: black; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

ins {
  background: #3f3f3f;
  color: black;
  text-decoration: none; }

mark {
  background: #0c0c0c;
  color: black;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }
  q:before, q:after {
    content: "";
    content: none; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure, form {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  /* vertical-align: middle; */ }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button {
  cursor: pointer;
  -webkit-appearance: button;
  /*overflow: visible;*/ }

input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  /*overflow: visible;*/ }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled] {
  cursor: default; }

input[disabled] {
  cursor: default; }
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  /*width: 13px; *height: 13px;*/ }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

/*
 * Consistent box sizing and appearance
 */
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #0c0c0c; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #cccccc;
  color: black;
  padding: 0.2em 0; }

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  /*line-height: 0;*/ }
  .ir br {
    display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before {
  content: "";
  display: table; }
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/*.clearfix { *zoom: 1; }*/
#right_main_column {
  position: absolute;
  display: inline;
  padding: 0px 0px 0px 10px;
  min-width: 1000px;
  /* left: 200px; */ }

#accordionTab {
  float: right;
  width: 20px;
  background-color: white; }

#accordionWrapper {
  width: 180px;
  float: left;
  display: inline; }

#side {
  float: left;
  display: inline;
  position: relative;
  width: 200px;
  padding-bottom: 21px;
  color: #191919;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  overflow: hidden; }

.accordion_submenu h2 {
  font-size: 12px;
  padding: 2px 0px 2px 2px;
  margin: 0px; }
.accordion_submenu img {
  float: left; }

#side {
  background: black;
  color: #191919; }
  #side h2, #side h3 {
    background: black;
    color: #191919; }
  #side h2 {
    border-bottom: 1px solid #484b51; }
  #side a {
    display: block;
    border-width: 0 0 1px;
    border-color: #3f3f3f;
    color: #191919; }
    #side a:hover, #side a:active, #side a:focus {
      background-color: #333333; }

.js #side .accordion {
  display: none; }

.accordion {
  margin: 0;
  padding: 0 10px; }
  .accordion li {
    list-style-type: none; }
    .accordion li.last-child {
      margin-left: 19px;
      list-style-type: disc; }

#side ul.accordion ul {
  margin: 0;
  padding: 0 0 0 20px; }

.accordion .outer {
  border: 1px solid #dadada;
  border-width: 0 1px 1px;
  background: white; }
.accordion .inner {
  margin-bottom: 0;
  padding: .5em 20px 1em;
  position: relative;
  overflow: hidden; }
  .accordion .inner .inner {
    padding-bottom: 0; }
.accordion .h {
  padding-top: .3em; }
.accordion p {
  margin: .5em 1px 1em; }

/* vertical padding instead of vertical margin (ie8) */
/*  
  Add styles for all links in the 'accordion':
.accordion a {...}
*/
a.trigger {
  padding-left: 20px;
  background-image: url(images/plus.gif);
  background-repeat: no-repeat;
  background-position: 1px 50%;
  font-weight: bold; }
  a.trigger.open {
    background-image: url(images/minus.gif); }

.last-child a.trigger {
  padding-left: 1px;
  background-image: none;
  font-weight: normal; }

#side a.active {
  font-weight: bold;
  color: black;
  text-decoration: none; }

#debugCheck {
  display: block;
  background: transparent;
  border: none;
  width: 200px;
  overflow: hidden; }
  #debugCheck input {
    display: inline;
    margin: 3px -55px 0px 0px;
    padding: 5px 0px 0px 0px; }
  #debugCheck label {
    float: right;
    margin: -20px -5px 0px 0px; }

/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     LGPL / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2010 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Colour dictionary:
 *   Button border         #d0d0d0
 *   Button border hover   $color-gray-40999
 *   Hover background      $color-gray-10
 *   Action blue           #4b66d9
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 *   MISC                  Minor misc styles
 */
/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
  position: relative;
  float: right;
  margin-bottom: 1em; }

button.DTTT_button {
  position: relative;
  float: left;
  background-color: white;
  cursor: pointer;
  *cursor: hand; }
  button.DTTT_button::-moz-focus-inner {
    border: none !important;
    padding: 0; }
button.DTTT_button_csv {
  /* padding-right: 30px; */
  background: url("/assets/images/media/images/csv.png") no-repeat center right; }
button.DTTT_button_csv_hover {
  /* padding-right: 30px; */
  border: 1px solid #999999;
  background: #e5e5e5 url("/assets/images/media/images/csv_hover.png") no-repeat center right; }
button.DTTT_button_xls {
  /* padding-right: 30px; */
  background: url("/assets/images/media/images/xls.png") no-repeat center right; }
button.DTTT_button_xls_hover {
  /* padding-right: 30px; */
  border: 1px solid #999999;
  background: #e5e5e5 url("/assets/images/media/images/xls_hover.png") no-repeat center right; }
button.DTTT_button_copy {
  /* padding-right: 30px; */
  background: url("/assets/images/media/images/copy.png") no-repeat center right; }
button.DTTT_button_copy_hover {
  /* padding-right: 30px; */
  border: 1px solid #999999;
  background: #e5e5e5 url("/assets/images/media/images/copy_hover.png") no-repeat center right; }
button.DTTT_button_pdf {
  /* padding-right: 30px; */
  background: url("/assets/images/media/images/pdf.png") no-repeat center right; }
button.DTTT_button_pdf_hover {
  /* padding-right: 30px; */
  border: 1px solid #999999;
  background: #e5e5e5 url("/assets/images/media/images/pdf_hover.png") no-repeat center right; }
button.DTTT_button_print {
  /* padding-right: 30px; */
  background: url("/assets/images/media/images/print.png") no-repeat center right; }
button.DTTT_button_print_hover {
  /* padding-right: 30px; */
  border: 1px solid #999999;
  background: #e5e5e5 url("/assets/images/media/images/print_hover.png") no-repeat center right; }
button.DTTT_button_text_hover {
  /* border: 1px solid $color-gray-40;
  background-color: $color-gray-10; */ }
button.DTTT_button_collection {
  padding-right: 17px;
  background: url("/assets/images/media/images/collection.png") no-repeat center right; }
button.DTTT_button_collection_hover {
  padding-right: 17px;
  border: 1px solid #999999;
  background: #e5e5e5 url("/assets/images/media/images/collection_hover.png") no-repeat center right; }

/*
 * BUTTON_STYLES
 * Action specific button styles
 */
/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
  cursor: pointer;
  *cursor: hand; }

tr.DTTT_selected.odd {
  background-color: #3f3f3f; }
  tr.DTTT_selected.odd td.sorting_1, tr.DTTT_selected.odd td.sorting_2, tr.DTTT_selected.odd td.sorting_3 {
    background-color: #3f3f3f; }
tr.DTTT_selected.even {
  background-color: #3f3f3f; }
  tr.DTTT_selected.even td.sorting_1, tr.DTTT_selected.even td.sorting_2, tr.DTTT_selected.even td.sorting_3 {
    background-color: #3f3f3f; }

/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */
div.DTTT_collection {
  width: 150px;
  padding: 3px;
  border: 1px solid #cccccc;
  background-color: #191919;
  overflow: hidden;
  z-index: 2002; }
div.DTTT_collection_background {
  background: transparent url("/assets/images/media/images/background.png") repeat top left;
  z-index: 2001; }
div.DTTT_collection button.DTTT_button {
  float: none;
  width: 100%;
  margin-bottom: 2px;
  background-color: white; }

/*
 * PRINTING
 * Print display styles
 */
.DTTT_print_info {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  background-color: #3f3f3f;
  color: white;
  padding: 10px 30px;
  opacity: 0.9;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
  .DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em; }
  .DTTT_print_info p {
    font-size: 14px;
    line-height: 20px; }

/*
 * MISC
 * Minor misc styles
 */
.DTTT_disabled {
  color: #999999; }

/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2 with JUI theming
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     LGPL / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2010 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Notes:
 *   Generally speaking, please refer to the TableTools.css file - this file contains basic
 *   modifications to that 'master' stylesheet for ThemeRoller.
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Colour dictionary:
 *   Button border         #d0d0d0
 *   Button border hover   $color-gray-40999
 *   Hover background      $color-gray-10
 *   Action blue           #4b66d9
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 *   MISC                  Minor misc styles
 */
/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
  position: relative;
  float: left; }

button.DTTT_button {
  position: relative;
  float: left;
  height: 24px;
  margin-right: 3px;
  padding: 3px 10px;
  /* border: 1px solid #d0d0d0; */
  background-color: white;
  cursor: pointer;
  *cursor: hand; }
  button.DTTT_button::-moz-focus-inner {
    border: none !important;
    padding: 0; }

/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
  cursor: pointer;
  *cursor: hand; }

tr.DTTT_selected.odd {
  background-color: #3f3f3f; }
  tr.DTTT_selected.odd td.sorting_1, tr.DTTT_selected.odd td.sorting_2, tr.DTTT_selected.odd td.sorting_3 {
    background-color: #3f3f3f; }
tr.DTTT_selected.even {
  background-color: #3f3f3f; }
  tr.DTTT_selected.even td.sorting_1, tr.DTTT_selected.even td.sorting_2, tr.DTTT_selected.even td.sorting_3 {
    background-color: #3f3f3f; }

/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */
div.DTTT_collection {
  width: 150px;
  background-color: #e5e5e5;
  overflow: hidden;
  z-index: 2002;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
div.DTTT_collection_background {
  background: url("/assets/images/media/images/background.png") repeat top left;
  z-index: 2001; }
div.DTTT_collection button.DTTT_button {
  float: none;
  width: 100%;
  margin-bottom: -0.1em; }

/*
 * PRINTING
 * Print display styles
 */
.DTTT_print_info {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  background-color: #3f3f3f;
  color: white;
  padding: 10px 30px;
  opacity: 0.9;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
  .DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em; }
  .DTTT_print_info p {
    font-size: 14px;
    line-height: 20px; }

/*
 * MISC
 * Minor misc styles
 */
.DTTT_disabled {
  color: #999999; }

/*
 * Table
 */
table.dataTable {
  margin: 0 auto;
  clear: both;
  width: 100%; }
  table.dataTable thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand; }
  table.dataTable tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold; }
  table.dataTable td {
    padding: 3px 10px; }
    table.dataTable td.center, table.dataTable td.dataTables_empty {
      text-align: center; }
  table.dataTable tr.odd {
    background-color: #3f3f3f; }
  table.dataTable tr.even {
    background-color: white; }
  table.dataTable tr.odd td.sorting_1 {
    background-color: #3f3f3f; }
  table.dataTable tr.odd td.sorting_2 {
    background-color: #3f3f3f; }
  table.dataTable tr.odd td.sorting_3 {
    background-color: #3f3f3f; }
  table.dataTable tr.even td.sorting_1 {
    background-color: #e5e5e5; }
  table.dataTable tr.even td.sorting_2 {
    background-color: #e5e5e5; }
  table.dataTable tr.even td.sorting_3 {
    background-color: #e5e5e5; }

/*
 * Table wrapper
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1; }

/*
 * Page length menu
 */
.dataTables_length {
  float: left; }

/*
 * Filter
 */
.dataTables_filter {
  float: right;
  text-align: right; }

/*
 * Table information
 */
.dataTables_info {
  clear: both;
  float: left; }

/*
 * Pagination
 */
.dataTables_paginate {
  float: right;
  text-align: right; }

/* Two button pagination - previous / next */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  *cursor: hand;
  color: #191919 !important; }

.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover {
  text-decoration: none !important; }

.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active {
  outline: none; }

.paginate_disabled_previous, .paginate_disabled_next {
  color: #666666 !important; }

.paginate_disabled_previous, .paginate_enabled_previous {
  padding-left: 23px; }

.paginate_disabled_next, .paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px; }

.paginate_enabled_previous {
  background: url("/assets/images/media/images/back_enabled.png") no-repeat top left; }
  .paginate_enabled_previous:hover {
    background: url("/assets/images/media/images/back_enabled_hover.png") no-repeat top left; }

.paginate_disabled_previous {
  background: url("/assets/images/media/images/back_disabled.png") no-repeat top left; }

.paginate_enabled_next {
  background: url("/assets/images/media/images/forward_enabled.png") no-repeat top right; }
  .paginate_enabled_next:hover {
    background: url("/assets/images/media/images/forward_enabled_hover.png") no-repeat top right; }

.paginate_disabled_next {
  background: url("/assets/images/media/images/forward_disabled.png") no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
  height: 22px;
  line-height: 22px; }
  .paging_full_numbers a:active {
    outline: none; }
  .paging_full_numbers a:hover {
    text-decoration: none; }
  .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #333333 !important; }
  .paging_full_numbers a.paginate_button {
    background-color: #d8d8d8; }
    .paging_full_numbers a.paginate_button:hover {
      background-color: #cccccc;
      text-decoration: none !important; }
  .paging_full_numbers a.paginate_active {
    background-color: #3f3f3f; }

/*
 * Processing indicator
 */
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #d8d8d8;
  text-align: center;
  color: #999999;
  font-size: 14px;
  background-color: white; }

/*
 * Sorting
 */
.sorting {
  background: url("/assets/images/media/images/sort_both.png") no-repeat center right; }

.sorting_asc {
  background: url("/assets/images/media/images/sort_asc.png") no-repeat center right; }

.sorting_desc {
  background: url("/assets/images/media/images/sort_desc.png") no-repeat center right; }

.sorting_asc_disabled {
  background: url("/assets/images/media/images/sort_asc_disabled.png") no-repeat center right; }

.sorting_desc_disabled {
  background: url("/assets/images/media/images/sort_desc_disabled.png") no-repeat center right; }

table.dataTable th:active {
  outline: none; }

/*
 * Scrolling
 */
.dataTables_scroll {
  clear: both; }

.dataTables_scrollBody {
  *margin-top: -1px; }

/*
 * Table
 */
table.dataTable {
  margin: 0 auto;
  clear: both;
  width: 100%; }
  table.dataTable thead th {
    padding: 3px 0px 3px 10px;
    cursor: pointer;
    *cursor: hand; }
  table.dataTable tfoot th {
    padding: 3px 10px; }
  table.dataTable td {
    padding: 3px 10px; }
    table.dataTable td.center, table.dataTable td.dataTables_empty {
      text-align: center; }
  table.dataTable tr.odd {
    background-color: #3f3f3f; }
  table.dataTable tr.even {
    background-color: white; }
  table.dataTable tr.odd td.sorting_1 {
    background-color: #3f3f3f; }
  table.dataTable tr.odd td.sorting_2 {
    background-color: #3f3f3f; }
  table.dataTable tr.odd td.sorting_3 {
    background-color: #3f3f3f; }
  table.dataTable tr.even td.sorting_1 {
    background-color: #e5e5e5; }
  table.dataTable tr.even td.sorting_2 {
    background-color: #e5e5e5; }
  table.dataTable tr.even td.sorting_3 {
    background-color: #e5e5e5; }

/*
 * Table wrapper
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1; }
  .dataTables_wrapper .ui-widget-header {
    font-weight: normal; }
  .dataTables_wrapper .ui-toolbar {
    padding: 5px; }

/*
 * Page length menu
 */
.dataTables_length {
  float: left; }

/*
 * Filter
 */
.dataTables_filter {
  float: right;
  text-align: right; }

/*
 * Table information
 */
.dataTables_info {
  padding-top: 3px;
  clear: both;
  float: left; }

/*
 * Pagination
 */
.dataTables_paginate {
  float: right;
  text-align: right; }
  .dataTables_paginate .ui-button {
    margin-right: -0.1em !important; }

.paging_two_button .ui-button {
  float: left;
  cursor: pointer;
  * cursor: hand; }

.paging_full_numbers .ui-button {
  padding: 2px 6px;
  margin: 0;
  cursor: pointer;
  * cursor: hand;
  color: #333333 !important; }

/* Two button pagination - previous / next */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  *cursor: hand;
  color: #191919 !important; }

.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover {
  text-decoration: none !important; }

.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active {
  outline: none; }

.paginate_disabled_previous, .paginate_disabled_next {
  color: #666666 !important; }

.paginate_disabled_previous, .paginate_enabled_previous {
  padding-left: 23px; }

.paginate_disabled_next, .paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px; }

.paginate_enabled_previous {
  background: url("/assets/images/media/images/back_enabled.png") no-repeat top left; }
  .paginate_enabled_previous:hover {
    background: url("/assets/images/media/images/back_enabled_hover.png") no-repeat top left; }

.paginate_disabled_previous {
  background: url("/assets/images/media/images/back_disabled.png") no-repeat top left; }

.paginate_enabled_next {
  background: url("/assets/images/media/images/forward_enabled.png") no-repeat top right; }
  .paginate_enabled_next:hover {
    background: url("/assets/images/media/images/forward_enabled_hover.png") no-repeat top right; }

.paginate_disabled_next {
  background: url("/assets/images/media/images/forward_disabled.png") no-repeat top right; }

/* Full number pagination */
.paging_full_numbers a:active {
  outline: none; }
.paging_full_numbers a:hover {
  text-decoration: none; }
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important; }
.paging_full_numbers a.paginate_button {
  background-color: #d8d8d8; }
  .paging_full_numbers a.paginate_button:hover {
    background-color: #cccccc;
    text-decoration: none !important; }
.paging_full_numbers a.paginate_active {
  background-color: #3f3f3f; }

/*
 * Processing indicator
 */
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #d8d8d8;
  text-align: center;
  color: #999999;
  font-size: 14px;
  background-color: white; }

/*
 * Sorting
 */
table.dataTable thead th div.DataTables_sort_wrapper {
  position: relative;
  padding-right: 20px;
  padding-right: 20px; }
  table.dataTable thead th div.DataTables_sort_wrapper span {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0; }
table.dataTable th:active {
  outline: none; }

/*
 * Scrolling
 */
.dataTables_scroll {
  clear: both; }

.dataTables_scrollBody {
  *margin-top: -1px; }

.DTTT_button {
  width: 40px;
  overflow: hidden;
  margin: 5px;
  border: none;
  padding: 5px; }
  .DTTT_button a:link {
    text-decoration: none;
    border: none; }
  .DTTT_button span {
    display: none; }

.DTTT_container {
  left: 30px;
  top: -5px;
  padding: 5px;
  padding-right: 10px;
  background-color: white;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-box-shadow: 5px 5px 2px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888; }

.shadow {
  -moz-box-shadow: 5px 5px 2px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888; }

.tablelink {
  float: right;
  text-decoration: underline;
  color: black;
  cursor: pointer; }
  .tablelink:hover {
    color: black;
    font-weight: bold; }

a.tooltip {
  outline: none; }

a.tooltip strong {
  line-height: 30px; }

a.tooltip:hover {
  text-decoration: none; }

a.tooltip span {
  z-index: 10;
  display: none;
  padding: 14px 20px;
  margin-top: -30px;
  margin-left: 28px;
  width: 240px;
  line-height: 16px;
  white-space: normal !important;
  word-wrap: break-word !important; }

a.tooltip:hover span {
  display: inline;
  position: absolute;
  color: #111;
  border: 1px solid #DCA;
  background: #fffAF0; }

.callout {
  z-index: 20;
  position: absolute;
  top: 30px;
  border: 0;
  left: -12px; }

/*CSS3 extras*/
a.tooltip span {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: 5px 5px 8px #CCC;
  -webkit-box-shadow: 5px 5px 8px #CCC;
  box-shadow: 5px 5px 8px #CCC; }