@charset "ISO-8859-1";

/*
  Code by Mathias K�llberg - http://www.ipatch.se/
  If you copy code, please give credit. Thanks! :)
*/

div#print-head {
  display: none;
}

a {
  color: inherit;
  text-decoration: none;
}

a img {
  border: none;
  display: block;
}

a.back_to_top {
  display: inline !important;
  left: -30px !important;
  position: relative !important;
}

a.back_to_top img.back_to_top {
  display: inline !important;
  float: none !important;
  height: auto !important;
}

a:hover {
  text-decoration: underline;
}

body {
  font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5em;
}

body.private {
  background-color: #fff;
  color: #222;
}

body.private div#forms {
  float: right;
  height: 90px;
  overflow: visible;
  position: relative;
  width: 100px;
  z-index: 100;
}

body.private div#main {
  font-size: 1.1em;
  min-width: 920px;
  overflow: auto;
  padding: 38px 41px;
}

body.private h1 {
  border-bottom: 1px solid #ddd;
  clear: both;
  color: #000;
  font-size: 1em;
  margin: 12px 0 18px 0;
  padding: 0 0 2px 0;
}

body.private h2 {
  border-bottom: 1px solid #ddd;
  color: #000;
  font-weight: normal;
  margin: 30px 0 18px 0;
  padding: 0 0 2px 0;
}

body.public {
  background-color: #fff;
  color: #616161;
}

body.public div#forms {
  float: right;
  height: 90px;
  position: relative;
  width: 40em;
  z-index: 100;
}

body.public div#main {
  font-size: 1.2em;
  min-height: 350px;
  overflow: auto;
  padding: 38px 41px;
  width: 512px;
}

body.public div#wrapper {
  background-image: url('../img/public_bg.jpg');
  background-position: right 90px;
  background-repeat: no-repeat;
  min-height: 360px;
}

body.public div.coworker {
  clear: both;
  float: left;
  margin: 0 0 30px 0;
  width: 450px;
}

body.public div.coworker-inner {
  float: left;
  margin: 0 0 0 20px;
  width: 300px;
}

body.public h1 {
  clear: both;
  color: #d0752b;
  font-size: 1.5em;
  margin: 0 0 1em 0;
}

body.public img.coworker {
  float: left;
  margin: 0;
}

col.left {
  text-align: left;
}

col.right {
  text-align: right;
}

div > h2:first-child, div > h3:first-child {
  margin-top: 0;
}

div#foot {
  clear: both;
  color: #616161;
  font-size: 1em;
  padding: 0 0 5px 41px;
}

div.highslide-caption h2 {
  margin-bottom: 8px;
}

div#head {
  color: #333;
  font-size: 1.1em;
  left: 0;
  min-width: 970px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}

div#head div#forms input[type=text], div#head div#forms input[type=password] {
  opacity: .9;
}

div#head-main {
  background-image: url(../img/head_bg.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 92px;
  position: relative;
}

div#head-main a.menu_item {
  color: #666;
  font-weight: bold;
  padding: 0 5px;
  position: relative;
  text-decoration: none;
}

div#head-main a.menu_item:hover {
  text-decoration: none;
}

div#head-main a.notvalid {
  color: #ccc;
}

div#head-main a.selected {
  color: #d0752b;
}

div#head-shadow {
  background-image: url(../img/head_bg_shadow-trans.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 5px;
}

div.info h1 {
  margin: 18px 0 4px 0;
}

div.info > *:first-child {
  margin-top: 6px;
}

div#jump_to_letter a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

div#language {
  bottom: 28px;
  position: absolute;
  right: 13px;
  white-space: nowrap;
}

div#language a img {
  display: inline;
}

div#login {
  bottom: 54px;
  position: absolute;
  right: 10px;
}

div#login input#loginuser, div#login input#loginpwd {
  background-color: #fff;
  background-position: left center;
  background-repeat: no-repeat;
}

div#login *, div#logout *, div#language *, div#quick-search * {
  font-size: 1em;
}

div#logout {
  bottom: 0;
  position: absolute;
  right: 10px;
}

div#main > *:first-child, div#portal-container > *:first-child {
  margin-top: 0;
}

div#main > *:last-child, div#portal-container > *:last-child {
  margin-bottom: 0;
}

div#menu_level_1 {
  bottom: 57px;
}

div#menu_level_1, div#menu_level_2, div#menu_level_3 {
  display: inline;
  left: 128px;
  line-height: 1em;
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
}

div#menu_level_2 {
  bottom: 30px;
}

div#menu_level_3 {
  bottom: 3px;
}

div#portal-column-1 {
  border: 0 solid #008000;
  float: left;
  width: 230px;
}

div#portal-column-2 {
  border: 0 solid #008000;
  float: left;
  margin-left: 18px;
  width: 424px;
}

div#portal-column-3 {
  border: 0 solid #008000;
  float: left;
  margin-left: 18px;
  width: 230px;
}

div#quick-search {
  bottom: 54px;
  position: absolute;
  right: 10px;
}

div#wrapper {
  min-width: 1000px;
  padding-top: 92px;
}

div.autocomplete {
  background: #fff;
  border: 1px solid #999;
  cursor: default;
  max-height: 357px;
  overflow: auto;
  text-align: left;
  width: 200px;
}

div.autocomplete .selected {
  background: #cf8546;
}

div.autocomplete .selected a {
  color: #fff;
}

div.autocomplete .selected strong {
  color: #fff;
}

div.autocomplete a {
  color: #000;
  font-family: Arial, Helvetica;
  font-size: 11px;
}

div.autocomplete div {
  padding: 0 5px;
  white-space: nowrap;
}

div.autocomplete strong {
  color: #D0752B;
  font-weight: bold;
}

div.box {
  border: 0 solid #00f;
  margin-bottom: 18px;
}

div.box-scroll {
  height: 180px;
  margin-bottom: 18px;
  overflow-x: hidden;
  overflow-y: scroll;
}

div.box-scroll > * {
  margin: 0 !important;
}

div.column-1 {
  float: left;
  margin: 0 24px 0 0;
}

div.column-2 {
  float: left;
  margin: 0;
}

div.hidden-container {
  display: none;
}

div.portrait {
  background-color: #f7f9fb;
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 3px;
  text-align: center;
}

div.portrait img {
  border: 0;
  display: block;
  height: 150px;
  margin: 6px 6px 3px 6px;
  padding: 0;
}

div.selector-advanced  img {
  border: 2px solid #fff;
  padding: 2px;
}

div.selector-advanced  input {
  font-size: 1em;
}

div.selector-advanced td {
  padding: 5px 0;
  text-align: left;
  vertical-align: middle;
}

div.selector-advanced td label {
  position: relative;
  top: -2px;
}

div.selector-advanced th {
  padding: 0 35px 0 0;
  text-align: left;
  vertical-align: middle;
}

div.selector-simple {
  margin-bottom: 5px;
}

h1#main-header {
  font-size: 2.5em;
}

h2 {
  margin-bottom: 1em;
}

h2.highcharts-title {
  border: none !important;
}

h2, h3, h4, h5, h6 {
  color: #000;
  font-size: 1em;
  margin: 1.5em 0 0 0;
}

hr {
  background-color: #ddd;
  border: 0;
  height: 1px;
  margin: 0 0 18px 0;
  padding: 0;
  width: 100%;
}

html {
  font-size: 62.5%; /* Sets the base font size for the document, 62.5% sets 1em = 10px in most browsers, use em for all other elements */
  overflow-y: scroll; /* Keeps the scrollbar visible in most browsers, prevents the page from jumping when layoyt is centered */
}

html, body, div, form {
  border: 0;
  margin: 0;
  padding: 0;
}

li {
  margin-bottom: 0.5em;
}

p {
  margin: 0 0 1em 0;
}

p.boxheader {
  background-color: #8390a1;
  border: 0;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 2px 7px;
}

p.user-info {
  font-weight: bold;
  margin-bottom: 0;
}

span.highlight {
  color: #d0752b;
}

span.light-header {
  font-weight: normal;
}

span.nowrap {
  display: inline-block;
}

span.selection {
  margin-right: 13px;
  white-space: nowrap;
}

span.soft {
  color: #777;
}

table {
  border-collapse: collapse;
}

table.layout {
  margin: 0;
  padding: 0;
  table-layout: auto;
}

table.layout td {
  text-align: left;
  vertical-align: bottom;
}

table.panel {
  margin: 0 0 11px 0;
}

table.panel input, table.panel select {
  font-size: 1em;
}

table.panel td {
  vertical-align: middle;
}

table.panel td.control {
  padding-right: 30px;
}

table.settings {
  margin: 0;
  padding: 0;
  table-layout: auto;
}

table.settings input {
  font-size: 1em;
  position: relative;
  top: 1px;
}

table.settings td {
  padding: 3px 12px 3px 0;
  text-align: left;
  vertical-align: top;
}

table.settings th {
  padding: 6px 12px 3px 0;
  text-align: left;
  vertical-align: top;
}

table.settings th.fix-height {
  padding-top: 3px;
}

table.standard-table {
  background-color: #fff;
  border-collapse: collapse;
  color: #444;
  font-size: 1em;
  line-height: 12px;
  margin: 0 0 18px 0;
  position: relative;
  table-layout: fixed;
}

table.standard-table a {
  color: inherit;
  display: block;
  text-decoration: none;
}

table.standard-table a:hover {
  color: inherit;
  text-decoration: underline;
}

table.standard-table caption {
  background-color: #8390a1;
  color: #fff;
  font-weight: bold;
  padding: 3px 6px;
  text-align: left;
}

table.standard-table img.info {
  display: block;
  float: right;
}

table.standard-table img.info:hover {
  cursor: pointer;
}

table.standard-table img {
  border: 0;
  display: block;
  margin: 0 auto;
  padding: 0;
}

table.standard-table td.left-icon {
  padding: 0 0 0 6px;
  text-align: left;
}

table.standard-table td.icon {
  padding: 0;
  text-align: center;
}

table.standard-table td.right-icon {
  padding: 0 6px 0 0;
  text-align: right;
}

table.standard-table strong {
  color: #333;
  font-weight: bold;
}

table.standard-table tr.highlight {
  font-weight: bold;
}

table.standard-table td {
  overflow: hidden;
  padding: 3px 6px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}

table.standard-table td div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.standard-table td.case {
  background-image: url(../img/case_gray.gif);
  background-position: 7px 3px;
  background-repeat: no-repeat;
  width: 15px;
}

table.standard-table td.center {
  text-align: center;
}

table.standard-table td.img {
  padding: 1px 6px;
  text-align: center;
}

table.standard-table td.invisible, table.standard-table th.invisible {
  background-color: #fff !important;
  background-image: none !important;
  padding: 0 0 0 2px !important;
}

table.standard-table td.left {
  text-align: left;
}

table.standard-table td.updated {
  padding: 2px 1px 1px 1px;
}

table.standard-table td.wrap {
  text-align: left;
  white-space: normal;
}

table.standard-table th {
  color: #000;
  padding: 3px 6px;
  text-align: right;
  vertical-align: bottom;
}

table.standard-table th.center {
  text-align: center;
}

table.standard-table th.center.sort {
  background-image: url('../img/unsorted_center.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}

table.standard-table th.center.sort.sorteddown {
  background-image: url('../img/sorteddown_center.png');
}

table.standard-table th.center.sort.sortedup {
  background-image: url('../img/sortedup_center.png');
}

table.standard-table th.left {
  text-align: left;
}

table.standard-table th.left.sort {
  background-image: url('../img/unsorted_left.png');
  background-position: left bottom;
  background-repeat: no-repeat;
}

table.standard-table th.left.sort.sorteddown {
  background-image: url('../img/sorteddown_left.png');
}

table.standard-table th.left.sort.sortedup {
  background-image: url('../img/sortedup_left.png');
}

table.standard-table th.sort {
  border-bottom: 2px solid #fff;
  cursor: pointer;
  padding-bottom: 11px;
}

table.standard-table th.sort {
  background-image: url('../img/unsorted_right.png');
  background-position: right bottom;
  background-repeat: no-repeat;
}

table.standard-table th.sort.sorteddown {
  background-image: url('../img/sorteddown_right.png');
}

table.standard-table th.sort.sortedup {
  background-image: url('../img/sortedup_right.png');
}

table.standard-table th.sorteddown, table.standard-table th.sortedup {
  color: #d0752b !important;
}

table.standard-table tr.boxheader {
  background-color: #8390a1;
  color: #fff;
  font-weight: bold;
}

table.standard-table tr.boxheader a {
  display: inline;
}

table.standard-table tr.boxheader a img {
  display: block;
  float: right;
}

table.standard-table tr.boxheader td {
  overflow: visible;
  padding: 3px 6px;
  text-align: left;
}

table.standard-table tr.capital {
  background-color: #fff;
  color: #000;
  font-weight: bold;
}

table.standard-table tr.capital a {
  color: #555;
  text-decoration: none;
}

table.standard-table tr.odd {
  background-color: #e5ecf3;
}

table.standard-table tr.footer {
  background-color: #e5ecf3;
  color: #333;
  font-weight: bold;
}

table.standard-table tr.footer td {
  border-top: 2px solid #fff;
}

table.standard-table tr.group-header {
  background-color: #fff;
  color: #888;
  font-weight: bold;
}

table.standard-table tr.group-header td {
  padding-bottom: 0;
  text-align: center;
}

table.standard-table tr.header {
  background-color: #fff;
  color: #000;
  font-weight: bold;
}

table.standard-table tr.header td {
  padding-bottom: 3px;
  padding-top: 3px;
  vertical-align: bottom;
  white-space: normal;
}

table.standard-table tr.header td.sorted {
  color: #d0752b;
}

table.standard-table tr.hover:hover {
  background-color: #cf8546;
  color: #fff;
}

table.standard-table tr.hover:hover td.case {
  background-image: url(../img/Case_Light.gif);
}

table.standard-table tr.invisible {
  background-color: #fff;
  line-height: 1px;
  padding: 0;
}

table.standard-table tr.no-stripe {
  background-color: #f7f9fb;
}

table.standard-table tr.no-stripe td.sort {
  background-color: #fbfdfe;
}

table.standard-table tr.no-stripe.hover:hover td.sort {
  background-color: #e8c19c;
  color: #000;
}

table.standard-table tr.even {
  background-color: #f7f9fb;
}

table.standard-table tr.set-width td {
  height: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

table.standard-table tr.sorted {
  background-color: #b8b8b8;
}

table.standard-table tr.sorted td {
  border-bottom: 2px solid #fff;
  padding-bottom: 4px;
  padding-top: 4px;
}

table.standard-table tr.sorted td.asorted {
  background-image: url(../img/Arrow_Up.gif);
  background-repeat: no-repeat;
}

table.standard-table tr.sorted td.asorted, table.standard-table tr.sorted td.dsorted {
  background-color: #cf8546;
  background-position: right;
}

table.standard-table tr.sorted td.dsorted {
  background-image: url(../img/Arrow_Dwn.gif);
  background-repeat: no-repeat;
}

table.standard-table tr.sorted td.left {
  background-position: left !important;
}

table.standard-table tr.sorted td.xsorted {
  background-image: url(../img/Inactive.gif);
  background-position: right;
  background-repeat: no-repeat;
}

table.standard-table tr.spacer2 {
  background-color: #fff;
  height: 3px;
}

table.standard-table tr.stripe {
  background-color: #e5ecf3;
}

table.standard-table tr.stripe td.sort {
  background-color: #f7f9fb;
}

table.standard-table tr.stripe.hover:hover td.sort {
  background-color: #e8c19c;
  color: #000 !important;
}

ul {
  margin: 0.3em 0 1em 15px;
  padding: 0;
}

input, select {
  font-size: 1em;
}

span.male {
  color: #42567e;
}

span.female {
  color: #d72d31;
}

span.increase {
  color: #00d;
}

span.decrease {
  color: #d00;
}