body {
  min-width: 960px
}

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px
}

.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11 {
  position: relative
}

.alpha {
  margin-left: 0
}

.omega {
  margin-right: 0
}

.container_12 .grid_1 {
  width: 60px
}

.container_12 .grid_2 {
  width: 140px
}

.container_12 .grid_3 {
  width: 220px
}

.container_12 .grid_4 {
  width: 300px
}

.container_12 .grid_5 {
  width: 380px
}

.container_12 .grid_6 {
  width: 460px
}

.container_12 .grid_7 {
  width: 540px
}

.container_12 .grid_8 {
  width: 620px
}

.container_12 .grid_9 {
  width: 700px
}

.container_12 .grid_10 {
  width: 780px
}

.container_12 .grid_11 {
  width: 860px
}

.container_12 .grid_12 {
  width: 940px
}

.container_12 .prefix_1 {
  padding-left: 80px
}

.container_12 .prefix_2 {
  padding-left: 160px
}

.container_12 .prefix_3 {
  padding-left: 240px
}

.container_12 .prefix_4 {
  padding-left: 320px
}

.container_12 .prefix_5 {
  padding-left: 400px
}

.container_12 .prefix_6 {
  padding-left: 480px
}

.container_12 .prefix_7 {
  padding-left: 560px
}

.container_12 .prefix_8 {
  padding-left: 640px
}

.container_12 .prefix_9 {
  padding-left: 720px
}

.container_12 .prefix_10 {
  padding-left: 800px
}

.container_12 .prefix_11 {
  padding-left: 880px
}

.container_12 .suffix_1 {
  padding-right: 80px
}

.container_12 .suffix_2 {
  padding-right: 160px
}

.container_12 .suffix_3 {
  padding-right: 240px
}

.container_12 .suffix_4 {
  padding-right: 320px
}

.container_12 .suffix_5 {
  padding-right: 400px
}

.container_12 .suffix_6 {
  padding-right: 480px
}

.container_12 .suffix_7 {
  padding-right: 560px
}

.container_12 .suffix_8 {
  padding-right: 640px
}

.container_12 .suffix_9 {
  padding-right: 720px
}

.container_12 .suffix_10 {
  padding-right: 800px
}

.container_12 .suffix_11 {
  padding-right: 880px
}

.container_12 .push_1 {
  left: 80px
}

.container_12 .push_2 {
  left: 160px
}

.container_12 .push_3 {
  left: 240px
}

.container_12 .push_4 {
  left: 320px
}

.container_12 .push_5 {
  left: 400px
}

.container_12 .push_6 {
  left: 480px
}

.container_12 .push_7 {
  left: 560px
}

.container_12 .push_8 {
  left: 640px
}

.container_12 .push_9 {
  left: 720px
}

.container_12 .push_10 {
  left: 800px
}

.container_12 .push_11 {
  left: 880px
}

.container_12 .pull_1 {
  left: -80px
}

.container_12 .pull_2 {
  left: -160px
}

.container_12 .pull_3 {
  left: -240px
}

.container_12 .pull_4 {
  left: -320px
}

.container_12 .pull_5 {
  left: -400px
}

.container_12 .pull_6 {
  left: -480px
}

.container_12 .pull_7 {
  left: -560px
}

.container_12 .pull_8 {
  left: -640px
}

.container_12 .pull_9 {
  left: -720px
}

.container_12 .pull_10 {
  left: -800px
}

.container_12 .pull_11 {
  left: -880px
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0
}

.clearfix:after,
.container_12:after {
  clear: both
}

.clearfix,
.container_12 {
  zoom: 1
}

@font-face {
  font-family: 'icomoon';
  src: url('css/fonts/icomoon.eot?j10wac');
  src: url('css/fonts/icomoon.eot?#iefixj10wac') format('embedded-opentype'),
    url('css/fonts/icomoon.ttf?j10wac') format('truetype'),
    url('css/fonts/icomoon.woff?j10wac') format('woff'),
    url('css/fonts/icomoon.svg?j10wac#icomoon') format('svg');
  font-weight: normal;
  font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-headset:before {
  content: "\e949"
}

.icon-media:before {
  content: "\e95b"
}

.icon-books:before {
  content: "\e995"
}

.icon-files-empty:before {
  content: "\e99f"
}

.icon-file-eye:before {
  content: "\e9ab"
}

.icon-cart2:before {
  content: "\e9ff"
}

.icon-piggy-bank:before {
  content: "\ea0f"
}

.icon-direction:before {
  content: "\ea4a"
}

.icon-alarm:before {
  content: "\ea53"
}

.icon-stopwatch:before {
  content: "\ea5e"
}

.icon-mobile:before {
  content: "\ea75"
}

.icon-bubbles10:before {
  content: "\eadc"
}

.icon-users4:before {
  content: "\eb09"
}

.icon-search:before {
  content: "\eb2d"
}

.icon-cogs:before {
  content: "\eb5d"
}

.icon-magic-wand2:before {
  content: "\eb6b"
}

.icon-stats-bars:before {
  content: "\eb85"
}

.icon-stats-bars2:before {
  content: "\eb87"
}

.icon-lamp8:before {
  content: "\ebf7"
}

.icon-archery:before {
  content: "\ec36"
}

.icon-height:before {
  content: "\ecf7"
}

.icon-arrow-down5:before {
  content: "\edc6"
}

.icon-arrow-right16:before {
  content: "\ee35"
}

.icon-checkbox-checked2:before {
  content: "\ee6b"
}

.icon-new-tab2:before {
  content: "\eec7"
}

.icon-accessibility:before {
  content: "\ec25"
}

.icon-accessibility2:before {
  content: "\ec26"
}

html {
  font-size: 100.01%
}

html,
body,
div,
img,
p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
img a {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border: 0px
}

table {
  border-collapse: collapse;
  padding: 0px
}

td,
th {
  vertical-align: top;
  padding: 4px;
  border-collapse: collapse
}

th {
  text-align: left
}

input,
form {
  margin: 0px;
  padding: 0px
}

input {
  font-family: Arial, Verdana, Helvetica, sans-serif
}

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

html {
  height: 100%
}

body {
  height: 100%;
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  background: url(/images/bodybg.png) repeat-x
}

pre {
  font-family: Courier, "Courier New", monospace;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal
}

a {
  color: #0a6789;
  text-decoration: none;
  transition: color 0.3s
}

a:hover {
  color: #ac4628
}

h2 a:hover {
  text-decoration: none
}

p {
  margin: 0 0 14px;
  line-height: 16px
}

ul,
ol {
  padding: 0 0 14px 40px
}

ul ul {
  padding: 0 0 0 40px
}

li {
  padding: 0 0 5px
}

li li {
  padding: 5px 0 0
}

#leftcolumn ul,
#rightcolumn ul,
#top-wrap ul,
.social-menu ul,
#leftcolumn ol,
#rightcolumn ol {
  padding: 0px
}

#leftcolumn li,
#rightcolumn li,
#top-wrap li,
.social-menu li {
  padding: 0px
}

h1 {
  font-size: 18px;
  font-weight: bold;
  color: #ac4628;
  line-height: 21px;
  margin: 13px 0 10px 0
}

h1.main {
  margin-top: 0
}

h1 a {
  color: #ac4628
}

h2 {
  font-size: 14px;
  font-weight: bold;
  color: #ac4628;
  margin: 14px 0 7px;
  clear: both
}

h2.no-clear,
div.no-clear {
  clear: none
}

#content h2.no-border {
  border-bottom: 0px none;
  padding: 0px
}

//h2 a, h3 a, h4 a, h5 a, h6
a {
  color: #183b94
}

h3 {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  margin: 6px 0px 4px 0px
}

h4 {
  font-size: 12px;
  color: #183b94;
  margin: 6px 0px
}

h5 {
  font-size: 11px;
  color: #000;
  margin: 0px 0px 14px 0px;
  font-weight: normal
}

h6 {
  font-size: 11px;
  color: #183b94;
  margin: 0 0 10px
}

.rand {
  font-family: "futura-pt", Futura, Verdana, Arial, Helvetica, sans-serif
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0px;
  overflow: hidden
}

.spacer {
  height: 10px
}

.spacer20 {
  height: 20px
}

.spacer40 {
  height: 40px
}

.left {
  float: left
}

.right {
  float: right
}

img.right {
  margin-left: 10px
}

img.left {
  margin: 0 10px 10px 0
}

img.center {
  display: block;
  margin: 0px auto
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.none {
  float: none
}

.horizontal li,
.horizontal-list li {
  list-style: none;
  float: left
}

.horizontal-list {
  padding-left: 0px
}

.horizontal-list li {
  padding: 0px 5px 0px 5px;
  font-size: 11px;
  border-left: 1px solid #000
}

.horizontal-list li.first {
  border-left: 0px none;
  padding-left: 0px
}

.access {
  display: block;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 300px
}

.note {
  font-size: 11px
}

#content_main {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -107px;
  padding-right: 10px
}

#header {
  border-bottom: none;
  height: 100px;
  position: relative;
  background-color: #002736;
  color: #fff
}

#header a {
  color: #98d3e8
}

#header a:hover {
  color: #ac4628
}

#header a#logo img {
  margin-top: 15px
}

#header #logo-data-pages {
  color: #0b2f3d;
  font-size: 70px;
  position: absolute;
  left: 275px;
  bottom: 23px;
  vertical-align: bottom
}

#img-tagline {
  padding-bottom: 23px
}

#header-right {
  padding-top: 5px
}

#header-links li {
  padding: 0px 5px;
  border-left: 1px solid #7c95ca
}

#header-links li.first {
  border-left: none
}

#search {
  clear: both;
  float: right;
  width: 205px;
  font-size: 11px;
  height: 22px;
  position: relative
}

#search-box {
  position: absolute;
  top: 10px;
  right: 26px;
  width: 175px;
  height: 22px;
  border: none;
  color: #0a6789;
  font-size: 15px;
  padding: 0px 2px
}

#search .submit {
  position: absolute;
  top: 10px;
  right: 0;
  width: 23px;
  height: 22px;
  background: #b5d1db;
  color: #000;
  border: none;
  padding: 0;
  background-image: url(s/search.png)
}

#search-box[placeholder] {
  color: #0a6789;
  font-size: 15px
}

#personal-links {
  position: absolute;
  right: 0px;
  top: 35px;
  text-align: right;
  line-height: 1.5em
}

.alp-logo {
  position: absolute;
  right: 0px;
  top: 71px
}

#navBar {
  background-color: #397f99;
  height: 25px;
  margin-top: 0px;
  margin-bottom: 20px
}

#navBar ul {
  font-weight: bold;
  padding: 0px
}

#navBar li {
  display: block;
  float: left;
  position: relative;
  z-index: 999
}

#navBar ul li a {
  background-color: #397f99;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 20px;
  transition: background-color 0.3s
}

#navBar li li {
  width: 100%;
  float: none;
  position: static;
  padding: 0
}

#navBar ul li a:hover {
  background-color: #cce3ec;
  color: #002736
}

#navBar ul li.current>a,
#navBar ul li.current>a:hover {
  background-color: #cce3ec;
  color: #002736
}

#navBar ul ul {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 1000;
  width: 290px
}

#navBar ul li:hover ul {
  display: block
}

#navBar ul ul li a:hover {
  background-color: #397f99;
  color: #fff
}

#navBar ul ul li a {
  background-color: #cce3ec;
  color: #002736;
  padding: 8px 18px;
  opacity: 0.95
}

#quickSearch {
  color: #6b6b6b;
  width: 300px
}

#quickSearch2 {
  color: #6b6b6b;
  width: 200px
}

.breadcrumbs {
  clear: both;
  font-size: 10px;
  padding: 3px 4px;
  margin: 0 auto 5px;
  width: 980px
}

.breadcrumbs a {
  color: #5372C1
}

#main-content {
  width: 984px;
  clear: both;
  margin: 0 auto
}

#columns {
  margin: 0 auto;
  width: 940px
}

#content-wrap {
  float: left;
  width: 100%
}

#surveys-wrap {
  float: left;
  width: 100%
}

.two #content {
  margin-left: 160px;
  padding: 0 0 0 15px
}

#leftcolumn {
  width: 160px;
  float: left;
  margin-left: -100%;
  margin-top: 18px
}

#navLeft {
  list-style: none
}

#navLeft li {
  padding-bottom: 12px
}

#navLeft .current a {
  font-weight: bold
}

.callout-box {
  background: #ffc;
  border: 1px solid #88693f;
  padding: 10px;
  width: 240px;
  margin: 0 0 15px 15px;
  float: right;
  font-size: 11px
}

.callout-box h2 {
  margin: 4px 0 5px;
  font-size: 12px
}

.callout-box-2 {
  background: #fefae9;
  border: 1px solid #e8e8e8;
  padding: 0px 10px;
  border-radius: 5px
}

.callout-box-3 {
  background: #fefae9;
  border: 1px solid #e8e8e8;
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: 10px;
  height: 55px;
  text-align: right;
  line-height: 1.5em
}

.callout-box-4 {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 0px 10px
}

.callout-box-5 {
  background: #fefae9
}

a.btn-main {
  display: block;
  border: 1px solid #e8e8e8;
  padding: 10px 5px;
  border-radius: 5px;
  transition: background-color 0.3s
}

a.btn-main p {
  color: #000;
  margin-bottom: 0
}

a.btn-main:hover {
  text-decoration: none;
  background-color: #397f99
}

a.btn-main h2,
a.btn-main span.ico-main {
  color: #0a6789;
  transition: color 0.3s linear 0.1s
}

a.btn-main span.ico-main {
  color: #002736;
  font-size: 64px;
  transition: color 0.3s linear 0.1s
}

a.btn-main:hover h2,
a.btn-main:hover span.ico-main {
  color: #FFF
}

a.btn-main:hover p {
  color: #9ad4e8
}

div.box-feature div.box-feature-ico {
  color: #575757;
  text-align: center;
  font-size: 32px
}

div.box-feature h2 {
  text-align: center;
  margin-top: 7px;
  color: #619ab1
}

#footer,
#footer-push {
  height: 107px
}

#footer {
  clear: both;
  text-align: center;
  font-size: 10px;
  background: #cce3ec;
  color: #000;
  position: relative;
  padding: 0px;
  border: none
}

#footer p {
  margin: 4px 0px
}

#footer-top-border {
  height: 6px;
  background-color: #002736;
  border-top: 2px solid #123644;
  border-bottom: 2px solid #123644
}

#footer-content {
  position: relative;
  height: 83px;
  padding: 7px 0px
}

#footer-logo {
  position: absolute;
  left: 10px;
  top: 10px
}

#footer a {
  color: #0096cd
}

#footer a:hover {
  color: #ac4628
}

div.tabcontainer {
  margin: 0px;
  padding: 0px;
  margin: 15px 0 14px;
  border: 1px solid #a9aeb2
}

.tabHeadings ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px
}

.tabHeadings ul li {
  float: left;
  margin: 0px;
  padding: 0px;
  display: block
}

.tabHeadings ul li a {
  margin: 0px;
  display: block;
  padding: 5px 10px 3px 10px;
  border-right: 1px solid #a9aeb2;
  color: #434344;
  font-size: 11px
}

div.tabHeadings {
  background: url(s/tab-bg.gif) repeat-x bottom;
  height: 24px
}

.tabContent {
  font-size: 12px;
  background: #fff;
  margin-top: 0px;
  padding: 15px;
  padding-top: 15px;
  border-bottom: 4px solid #f1eac9
}

.tabSelected {
  border-bottom: 1px solid #fff;
  background: #fff none repeat scroll 0% 0%;
  font-weight: bold;
  position: relative
}

.tabSelected .tabtop {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #FFF;
  border-left: 1px solid #A9AEB2;
  border-right: 1px solid #A9AEB2;
  border-top: 1px solid #A9AEB2;
  display: block;
  height: 10px;
  margin: -11px -11px 0 -11px;
  position: relative
}

.alp-graph {
  margin: 0 5%
}

#graph-characteristics .row {
  overflow: hidden;
  width: 100%
}

.graph-random {
  width: 45%;
  float: left;
  height: 400px
}

#graph-characteristics h2 {
  text-align: center;
  color: #3E576F;
  font-size: 16px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal
}

#breadcrumbs-two {
  overflow: hidden;
  width: 100%;
  padding: 0;
  list-style-type: none
}

#breadcrumbs-two li {
  float: left;
  margin: 0 .5em 0 1em;
  padding: 0
}

#breadcrumbs-two a {
  background: #0a6789;
  padding: .2em 0.7em;
  float: left;
  text-decoration: none;
  color: #fff;
  position: relative;
  transition: background-color 0.3s
}

#breadcrumbs-two a:hover {
  background: #ac4628
}

#breadcrumbs-two a::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #0a6789 #0a6789 #0a6789 transparent;
  left: -1em;
  transition: border-color 0.3s;
  -moz-transform: scale(1.001);
  -webkit-transform: rotate(360deg)
}

#breadcrumbs-two a:hover::before {
  border-color: #ac4628 #ac4628 #ac4628 transparent
}

#breadcrumbs-two a::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #0a6789;
  right: -1em;
  transition: border-left-color 0.3s;
  -moz-transform: scale(1.001);
  -webkit-transform: rotate(360deg)
}

#breadcrumbs-two a:hover::after {
  border-left-color: #ac4628
}

#breadcrumbs-two .current,
#breadcrumbs-two .current:hover {
  font-weight: bold;
  background: none
}

#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before {
  content: normal
}

input.btn-submit-register {
  padding: 5px 30px;
  cursor: pointer;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 20px;
  margin: 0 auto
}

dl.faq dt {
  font-weight: bold;
  padding-top: 1em
}

.treeview,
.treeview ul {
  padding: 0;
  margin: 0;
  list-style: none
}

.treeview ul {
  margin-top: 4px
}

.treeview .hitarea {
  background: url(s/treeview-default.gif) -64px -25px no-repeat;
  height: 16px;
  width: 16px;
  margin-left: -16px;
  float: left;
  cursor: pointer
}

* html .hitarea {
  display: inline;
  float: none
}

.treeview li {
  margin: 0;
  padding: 3px 0pt 3px 16px
}

.treeview a.selected {
  background-color: #eee
}

#treecontrol {
  margin: 1em 0;
  display: none
}

.treeview .hover {
  color: red;
  cursor: pointer
}

.treeview li {
  background: url(s/treeview-default-line.gif) 0 0 no-repeat
}

.treeview li.collapsable,
.treeview li.expandable {
  background-position: 0 -176px
}

.treeview .expandable-hitarea {
  background-position: -80px -3px
}

.treeview li.last {
  background-position: 0 -1766px
}

.treeview li.lastCollapsable,
.treeview li.lastExpandable {
  background-image: url(s/treeview-default.gif)
}

.treeview li.lastCollapsable {
  background-position: 0 -111px
}

.treeview li.lastExpandable {
  background-position: -32px -67px
}

.treeview div.lastCollapsable-hitarea,
.treeview div.lastExpandable-hitarea {
  background-position: 0
}

.treeview-red li {
  background-image: url(s/treeview-red-line.gif)
}

.treeview-red .hitarea,
.treeview-red li.lastCollapsable,
.treeview-red li.lastExpandable {
  background-image: url(s/treeview-red.gif)
}

.treeview-black li {
  background-image: url(s/treeview-black-line.gif)
}

.treeview-black .hitarea,
.treeview-black li.lastCollapsable,
.treeview-black li.lastExpandable {
  background-image: url(s/treeview-black.gif)
}

.treeview-gray li {
  background-image: url(s/treeview-gray-line.gif)
}

.treeview-gray .hitarea,
.treeview-gray li.lastCollapsable,
.treeview-gray li.lastExpandable {
  background-image: url(s/treeview-gray.gif)
}

.treeview-famfamfam li {
  background-image: url(s/treeview-famfamfam-line.gif)
}

.treeview-famfamfam .hitarea,
.treeview-famfamfam li.lastCollapsable,
.treeview-famfamfam li.lastExpandable {
  background-image: url(s/treeview-famfamfam.gif)
}

.treeview .placeholder {
  background: url(s/ajax-loader.gif) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  display: block
}

.filetree li {
  padding: 3px 0 2px 16px
}

.filetree span.folder,
.filetree span.file {
  padding: 1px 0 1px 16px;
  display: block
}

.filetree span.folder {
  background: url(s/folder_open.gif) 0 0 no-repeat
}

.filetree li.expandable span.folder {
  background: url(s/folder_closed.gif) 0 0 no-repeat
}

.filetree span.file {
  background: url(s/module_16x16.gif) 0 0 no-repeat
}

#topUserBar {
  border-left: none
}

#topUserBar ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  vertical-align: top;
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  border-left: none
}

#topUserBar a {
  color: #639;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  vertical-align: top;
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  text-decoration: none;
  border-left: none
}

#topUserBar ul li {
  display: block;
  float: left;
  text-decoration: none;
  border-left: none
}

#topUserBar ul li a:hover {
  background-color: #FFF;
  text-decoration: none;
  border-left: none
}

#topUserBar ul li a {
  color: #639;
  cursor: pointer;
  text-decoration: none;
  display: block;
  padding: 1px 1px;
  height: 20px;
  border-left: none
}

#topUserBar ul li:hover ul {
  left: auto;
  border-left: none
}

#topUserBar ul li ul {
  background-color: #FFF;
  display: block;
  clear: both;
  position: absolute;
  height: auto;
  left: -1999px;
  margin: 0;
  top: 25px;
  width: 150px;
  z-index: 500 !important;
  right: 0px
}

#topUserBar ul li ul li {
  border-bottom: 1px solid #DDD;
  clear: both;
  float: left;
  margin: 0;
  position: relative;
  width: 150px;
  z-index: 500 !important;
  border-left: none
}

#topUserBar ul li ul .last {
  border-bottom: none !important;
  border-left: none
}

#topUserBar ul li ul li:hover {
  background-image: none !important
}

#topUserBar ul li ul li a {
  background-image: none !important;
  border-bottom: none;
  cursor: pointer;
  display: block;
  height: auto !important;
  margin: 0;
  padding: 5px 5px;
  text-decoration: none;
  white-space: normal !important;
  z-index: 500 !important
}

#topUserBar ul li ul li a:hover {
  background-color: #CCC;
  border-bottom: none;
  border-left: none
}

.input25 {
  background-color: #f5f5f5 !important;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  padding: 3px;
  width: 25px
}

.input50 {
  background-color: #f5f5f5 !important;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  padding: 3px;
  width: 50px
}

.input75 {
  background-color: #f5f5f5 !important;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  padding: 3px;
  width: 75px
}

.input100 {
  background-color: #f5f5f5 !important;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  padding: 3px;
  width: 100px
}

.input125 {
  background-color: #f5f5f5 !important;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  padding: 3px;
  width: 125px
}

.input150 {
  background-color: #f5f5f5 !important;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  padding: 3px;
  width: 150px
}

.input175 {
  background-color: #f5f5f5 !important;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  padding: 3px;
  width: 125px
}

.input200 {
  background-color: #f5f5f5 !important;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  padding: 3px;
  width: 200px
}

.input300 {
  background-color: #f5f5f5;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  padding: 3px;
  width: 300px
}

.inputTable {
  background-color: #f5f5f5;
  border-collapse: collapse;
  border-spacing: 0px;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  margin: 0;
  padding: 0
}

.inputTable th {
  border-bottom: 1px dotted #a6a6a6;
  border-right: 1px dotted #a6a6a6;
  text-align: left
}

.inputTable td {
  border-bottom: 1px dotted #a6a6a6;
  border-right: 1px dotted #a6a6a6;
  vertical-align: top;
  line-height: 20px;
  height: 22px;
  padding: 0px
}

.inputTable input {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
  color: #c0c0c0;
  font-style: italic
}

.label50 {
  clear: both;
  display: table-cell;
  padding: 10px 5px;
  text-align: right;
  width: 50px
}

.label75 {
  clear: both;
  display: table-cell;
  padding: 10px 5px;
  text-align: right;
  width: 75px
}

.label100 {
  clear: both;
  display: table-cell;
  font-family: arial;
  font-size: 12px;
  padding: 10px 5px;
  text-align: right;
  width: 100px
}

.label125 {
  clear: both;
  display: table-cell;
  font-family: arial;
  font-size: 12px;
  padding: 10px 5px;
  text-align: right;
  width: 125px;
  vertical-align: top
}

.label135 {
  clear: both;
  display: table-cell;
  font-family: arial;
  font-size: 12px;
  padding: 10px 5px;
  text-align: right;
  width: 135px;
  vertical-align: top
}

.label150 {
  clear: both;
  display: table-cell;
  font-family: arial;
  font-size: 12px;
  padding: 10px 5px;
  text-align: right;
  width: 150px;
  vertical-align: top
}

.noTextInput {
  padding: 9px 3px 0 !important
}

.popup {
  box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.3);
  display: none;
  line-height: 16px;
  position: fixed;
  _position: absolute;
  width: 400px;
  background: #FFF;
  z-index: 500
}

.reduced {
  font-size: 13px
}

.rowHandler {
  overflow: hidden
}

.sectionHeader {
  float: left;
  font-size: 13px;
  font-style: italic;
  margin: 5px
}

.selectedButton {
  background-color: #838383;
  border: 1px solid #565656;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px
}

.selector {
  font-family: arial;
  font-size: 12px
}

.smallDivider {
  color: #505050;
  clear: both;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  margin-top: 10px;
  text-align: center
}

.submitButton {
  background-color: #4b8df9;
  border: 1px solid #387bea;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  text-decoration: none
}

.success {
  background-color: #dfffdd;
  border: 1px solid green;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 3px 8px
}

.rd {
  background-color: #000
}

.tableStandard {
  border-collapse: collapse;
  border-bottom: 1px solid #cccbcb
}

.tableStandard td {
  background-color: #f4f4f4;
  border-top: 1px solid #cccbcb;
  font-size: 11px;
  padding: 6px 12px
}

.tableStandard td img {
  float: left;
  margin-right: 4px
}

.tableStandard th,
.mark {
  background-color: #fff !important;
  border-top: none !important;
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
  padding: 6px 12px;
  text-align: left
}

.textarea500x45 {
  background-color: #f5f5f5;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  height: 45px;
  padding: 3px;
  width: 500px
}

.textarea500x90 {
  background-color: #f5f5f5;
  box-shadow: inset 2px 6px 6px 0px #dbdbdb;
  border: 1px solid #a6a6a6;
  font-size: 12px;
  height: 90px;
  padding: 3px;
  width: 500px
}

#contentArea {
  background-color: #fff;
  box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.1);
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  width: 974px
}

#contentAreaNoWidth {
  background-color: #fff;
  box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.1);
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px;
  position: relative
}

#dividerLine {
  background-color: #8e8043;
  box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.1);
  height: 5px;
  position: relative;
  width: 100%;
  z-index: 4
}

#moduleContent {
  border-left: 25px solid #fff;
  display: table-cell;
  width: 700px
}

#popupPageHeader {
  background: #FFC url('s/headerBackground.gif') no-repeat top center;
  height: 95px;
  position: relative;
  width: 500px
}

#popupContentArea {
  background-color: #fff;
  box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.1);
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  width: 974px
}

#popupDividerLine {
  background-color: #8e8043;
  box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.1);
  height: 5px;
  position: relative;
  width: 500px;
  z-index: 4
}

#popupContent {
  background: #FFF url('s/background-mini.gif') repeat-x 0;
  font-family: arial;
  font-size: 12px;
  padding: 0;
  width: 500px;
  margin: 0px auto;
  text-align: left
}

#popupBackground {
  display: none;
  position: fixed;
  _position: absolute;
  height: 100%;
  width: 500px;
  top: 0;
  left: 0;
  background: #000;
  border: 1px solid #cecece;
  z-index: 499
}

#surveySelectBox {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 5
}

#titleBlock {
  color: #a36124;
  font-family: arial;
  font-size: 24px;
  font-weight: bold;
  left: 120px;
  position: absolute;
  top: 20px
}

#popupTopBar {
  background-color: #414141;
  height: 20px;
  position: relative;
  text-align: right;
  width: 500px
}

#topCart {
  padding: 4px 4px
}

#topCart:hover {
  background-color: #000
}

#topGear {
  padding: 4px 5px
}

#topGear:hover {
  background-color: #000
}

#tree {
  display: table-cell;
  background-color: #f4f4f4;
  border: 1px solid #cccbcb;
  border-radius: 5px;
  padding: 10px;
  margin-right: 25px;
  width: 180px
}

.date,
.enumerated,
.integer,
.noInput,
.open,
.module,
.range,
.real,
.setOfEnumerated,
.string,
.time,
#adminBugs,
#adminData,
#adminRemarks,
#adminSoundsLabel,
#adminSoundsFields,
#advanced,
#formatting,
#validation {
  display: none
}

#error {
  border: 1px solid red;
  background-color: rgb(255, 210, 210);
  width: 850px
}

.messageerror {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background-color: #f0b4c3;
  padding: 5px 10px
}

.noticesignoff,
.messageok {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background-color: #fefae9;
  padding: 5px 10px
}

.notice {
  border: 1px solid #e8e8e8;
  background-color: #fefae9;
  color: #ac4628;
  padding: 5px 10px;
  border-radius: 5px
}

#lock {
  border: 1px solid red;
  background-color: rgb(255, 210, 210);
  width: 850px
}

#unlock {
  border: 1px solid yellow;
  background-color: rgb(255, 255, 175);
  width: 850px
}

#ok {
  border: 1px solid green;
  background-color: rgb(210, 255, 210);
  position: absolute;
  top: 140px;
  width: 750px
}

table.metaclean {
  border-width: 0px 0px 0px 0px;
  border: 0px;
  border-spacing: 0px;
  border-style: none none none none
}

table.metadata th {
  background-color: #fef5d3;
  border-bottom: 1px solid #e8e8e8
}

table.metadata td {
  border-bottom: 1px solid #e8e8e8
}

table.metadata td.embargo {
  background-color: #f6ecec
}

table.metadata tr:nth-child(odd) td {
  background-color: #fefae9
}

table.fixed {
  border-width: 1px 1px 1px 1px;
  border-spacing: 2px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  border-collapse: collapse;
  background-color: white
}

table.fixed th {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: none solid solid none;
  border-color: gray gray gray gray;
  background-color: #fdfdcb;
  -moz-border-radius: 0px 0px 0px 0px
}

table.fixed td {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: none dashed solid none;
  border-color: gray gray gray gray;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px
}

table.metadata2 {
  border-width: 1px 1px 1px 1px;
  border-spacing: 2px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  border-collapse: collapse;
  background-color: white
}

table.metadata2 th {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: solid solid solid solid;
  border-color: gray gray gray gray;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px
}

table.metadata2 td {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: solid solid solid solid;
  border-color: gray gray gray gray;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px
}

table.mmicadmin {
  border-width: 1px 1px 1px 1px;
  border-spacing: 2px;
  border-style: outset outset outset outset;
  border-color: white white white white;
  border-collapse: collapse;
  background-color: rgb(240, 240, 240);
  width: 100%
}

table.mmicadmin th {
  font-family: verdana, helvetica, arial, geneva, sans-serif;
  font-size: 9pt;
  border-width: 1px 1px 1px 1px;
  padding: 4px 2px 4px 2px;
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
  background-color: rgb(210, 220, 225);
  -moz-border-radius: 0px 0px 0px 0px
}

table.mmicadmin td {
  font-family: verdana, helvetica, arial, geneva, sans-serif;
  font-size: 9pt;
  border-width: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
  background-color: rgb(240, 240, 240);
  -moz-border-radius: 0px 0px 0px 0px
}

table.mmicadmin td.prevedited {
  background-color: #FC9
}

table.mmicadminsmall {
  border-width: 1px 1px 1px 1px;
  border-spacing: 2px;
  border-style: outset outset outset outset;
  border-color: white white white white;
  border-collapse: collapse;
  background-color: rgb(240, 240, 240);
  min-width: 600px
}

table.mmicadminsmall th {
  font-family: verdana, helvetica, arial, geneva, sans-serif;
  font-size: 9pt;
  border-width: 1px 1px 1px 1px;
  padding: 4px 2px 4px 2px;
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
  background-color: rgb(210, 220, 225);
  -moz-border-radius: 0px 0px 0px 0px
}

table.mmicadminsmall td {
  font-family: verdana, helvetica, arial, geneva, sans-serif;
  font-size: 9pt;
  border-width: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
  background-color: rgb(240, 240, 240);
  -moz-border-radius: 0px 0px 0px 0px
}

table.metadata-datatable thead th {
  background-color: white
}

.dynamic-tab-pane-control.tab-pane {
  position: relative;
  background: white;
  overflow: none;
  min-height: 90%
}

.dynamic-tab-pane-control .tab-row .tab {
  font-family: Verdana, Helvetica, Arial;
  font-size: 12px;
  cursor: Default;
  display: inline;
  margin: 1px -5px 1px 5px;
  float: left;
  padding: 3px 6px 3px 6px;
  background: white;
  border: 1px solid;
  border-color: white;
  border-left: 0;
  border-bottom: 0;
  border-top: 0;
  cursor: hand;
  cursor: pointer;
  z-index: 1;
  position: relative;
  top: 0
}

.dynamic-tab-pane-control .tab-row .tab.selected {
  border: 1px solid black;
  border-bottom: 0;
  z-index: 3;
  padding: 2px 6px 5px 6px;
  margin: 1px -6px -2px 0px;
  top: -2px;
  background: rgb(240, 240, 240)
}

.dynamic-tab-pane-control .tab-row .tab a {
  font-family: Verdana, Helvetica, Arial;
  font-size: 13px;
  color: rgb(0, 66, 174);
  text-decoration: none;
  cursor: hand;
  cursor: pointer
}

.dynamic-tab-pane-control .tab-row .hover a {
  color: rgb(0, 66, 174)
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
  font-weight: bold
}

.dynamic-tab-pane-control .tab-page {
  clear: both;
  border: 1px dashed black;
  background: white;
  z-index: 2;
  position: relative;
  top: -2px;
  color: Black;
  font-family: Verdana, Helvetica, Arial;
  font-size: 13px;
  padding: 0px;
  overflow: none;
  padding: 2px 2px 2px 2px
}

.dynamic-tab-pane-control .tab-row {
  z-index: 1;
  white-space: nowrap;
  background: white;
  height: 1.85em;
  width: 100%
}

.test {
  height: 1.85em
}

img {
  border: 0
}

form {
  margin: 0;
  padding: 0
}

#container {
  width: 580px;
  border: 1px;
  padding: 0px
}

#listingheader {
  background-color: rgb(210, 220, 225);
  font-family: verdana, helvetica, arial, geneva, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: right;
  padding: 4px 2px 4px 2px
}

#listingheader a,
#listingheader a:active,
#listingheader a:visited,
#listingheader a:link {
  text-decoration: none;
  color: #476BB3
}

#listingheader a:hover {
  text-decoration: underline;
  color: #476BB3
}

#headerfile {
  text-align: left;
  float: left;
  width: 320px
}

#headersize {
  text-align: right;
  width: 95px;
  float: left
}

#listing {
  border: 1px solid #A7C5FF
}

#listing a {
  display: block;
  padding: 2px 5px 2px 5px;
  font-size: small;
  color: #6285CA;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  width: 568px;
  text-align: right
}

#listing a:hover {
  background-color: #DBE6FE
}

#listing a img {
  float: left;
  margin-right: 4px
}

#listing a strong {
  width: 300px;
  float: left;
  cursor: hand;
  cursor: pointer;
  text-align: left
}

#listing a em {
  float: left;
  width: 75px;
  text-align: right;
  cursor: hand;
  cursor: pointer
}

#listing a span {
  position: relative;
  margin-left: -151px;
  margin-top: -2px
}

#listing a span img {
  width: 150px;
  background-color: #CCC;
  visibility: hidden
}

#listing a:hover span img {
  border: 1px solid #666;
  visibility: visible
}

#upload {
  border: 1px solid #A7C5FF;
  display: block;
  margin-top: 10px;
  font-size: small;
  color: #6285CA;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  width: 568px;
  background-color: #E9F0FF
}

#uploadtitle {
  background-color: #DBE6FE;
  padding: 2px 5px 2px 5px;
  border-bottom: 1px solid #A7C5FF
}

#uploadcontent {
  padding: 2px 5px 2px 5px
}

#copy {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: x-small;
  color: #666;
  font-family: Arial, Helvetica, sans-serif
}

#copy a {
  text-decoration: underline;
  color: #666
}

.b {
  background-color: rgb(250, 250, 250)
}

.w {
  background-color: rgb(240, 240, 240)
}

.mod {
  float: right
}

.size {
  float: right
}

table.response {
  width: 450px;
  border-width: 1px 1px 1px 1px;
  border-spacing: 2px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  border-collapse: collapse;
  background-color: white
}

table.response th {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: none solid solid none;
  border-color: gray gray gray gray;
  background-color: #DDD;
  -moz-border-radius: 0px 0px 0px 0px
}

table.response td {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: none dashed solid none;
  border-color: gray gray gray gray;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px
}

table.response td.neutral {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: none dashed solid none;
  border-color: gray gray gray gray;
  background-color: #E0F8F7;
  -moz-border-radius: 0px 0px 0px 0px
}

table.response td.complete {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: none dashed solid none;
  border-color: gray gray gray gray;
  background-color: #A9F5A9;
  -moz-border-radius: 0px 0px 0px 0px
}

table.response td.incomplete {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: none dashed solid none;
  border-color: gray gray gray gray;
  background-color: #F5F6CE;
  -moz-border-radius: 0px 0px 0px 0px
}

table.response td.notstarted {
  border-width: 1px 1px 1px 1px;
  padding: 3px 3px 3px 3px;
  border-style: none dashed solid none;
  border-color: gray gray gray gray;
  background-color: #F7BE81;
  -moz-border-radius: 0px 0px 0px 0px
}

.questionlistpopup {
  z-index: 2;
  width: 300px;
  position: absolute;
  border: solid 1px #baba45;
  background-color: #F5F6CE;
  overflow: auto;
  padding: 4px
}

#GB_overlay {
  background-color: #000;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 10000
}

#GB_window {
  left: 0;
  top: 0;
  font-size: 1px;
  position: absolute;
  overflow: visible;
  z-index: 10000
}

#GB_window .content {
  width: auto;
  margin: 0;
  padding: 0
}

#GB_frame {
  border: 0;
  margin: 0;
  padding: 0;
  overflow: auto;
  white-space: nowrap
}

.GB_Gallery {
  margin: 0 22px 0 22px
}

.GB_Gallery .content {
  background-color: #fff;
  border: 3px solid #ddd
}

.GB_header {
  top: 10px;
  left: 0;
  margin: 0;
  z-index: 10000;
  position: absolute;
  border-bottom: 2px solid #555;
  border-top: 2px solid #555
}

.GB_header .inner {
  background-color: #333;
  font-family: Arial, Verdana, sans-serif;
  padding: 2px 20px 2px 20px
}

.GB_header table {
  margin: 0;
  width: 100%;
  border-collapse: collapse
}

.GB_header .caption {
  text-align: left;
  color: #eee;
  white-space: nowrap;
  font-size: 20px
}

.GB_header .close {
  text-align: right
}

.GB_header .close img {
  z-index: 10000;
  cursor: pointer
}

.GB_header .middle {
  white-space: nowrap;
  text-align: center
}

#GB_middle {
  color: #eee
}

#GB_middle img {
  cursor: pointer;
  vertical-align: middle
}

#GB_middle .disabled {
  cursor: default
}

#GB_middle .left {
  padding-right: 10px
}

#GB_middle .right {
  padding-left: 10px
}

.GB_Window .content {
  background-color: #fff;
  border: 3px solid #ccc;
  border-top: none
}

.GB_Window .header {
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #999;
  border-left: 3px solid #ccc;
  border-right: 3px solid #ccc;
  margin: 0;
  height: 22px;
  font-size: 12px;
  padding: 3px 0;
  color: #333
}

.GB_Window .caption {
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
  padding-right: 20px
}

.GB_Window .close {
  text-align: right
}

.GB_Window .close span {
  font-size: 12px;
  cursor: pointer
}

.GB_Window .close img {
  cursor: pointer;
  padding: 0 3px 0 0
}

.GB_Window .on {
  border-bottom: 1px solid #333
}

.GB_Window .click {
  border-bottom: 1px solid red
}

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,
table.dataTable tr.odd td.sorting_1,
table.dataTable tr.odd td.sorting_2,
table.dataTable tr.odd td.sorting_3 {
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8
}

table.dataTable tr.even,
table.dataTable tr.even td.sorting_1,
table.dataTable tr.even td.sorting_2,
table.dataTable tr.even td.sorting_3 {
  background-color: #fefae9;
  border-bottom: 1px solid #e8e8e8
}

table.dataTable td.embargo {
  background-color: #f0b4c3 !important
}

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

.dataTables_length {
  float: left
}

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

.dataTables_info {
  clear: both;
  float: left
}

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

.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  *cursor: hand;
  color: #111 !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: #666 !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('s/back_enabled.png') no-repeat top left
}

.paginate_enabled_previous:hover {
  background: url('s/back_enabled_hover.png') no-repeat top left
}

.paginate_disabled_previous {
  background: url('s/back_disabled.png') no-repeat top left
}

.paginate_enabled_next {
  background: url('s/forward_enabled.png') no-repeat top right
}

.paginate_enabled_next:hover {
  background: url('s/forward_enabled_hover.png') no-repeat top right
}

.paginate_disabled_next {
  background: url('s/forward_disabled.png') no-repeat top right
}

.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: #333 !important
}

.paging_full_numbers a.paginate_button {
  background-color: #ddd
}

.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important
}

.paging_full_numbers a.paginate_active {
  background-color: #99B3FF
}

.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 #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white
}

.sorting {
  background: url('s/sort_both.png') no-repeat center right
}

.sorting_asc {
  background: url('s/sort_asc.png') no-repeat center right
}

.sorting_desc {
  background: url('s/sort_desc.png') no-repeat center right
}

.sorting_asc_disabled {
  background: url('s/sort_asc_disabled.png') no-repeat center right
}

.sorting_desc_disabled {
  background: url('s/sort_desc_disabled.png') no-repeat center right
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none
}

.dataTables_scroll {
  clear: both
}

.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch
}

div.FixedHeader_Cloned th,
div.FixedHeader_Cloned td {
  background-color: white !important
}

@media (max-width: 1000px) {
  h2 {
    font-size: 20px!important;
  }
}