@charset "iso-8859-1";

/* ------------------------------------------------- */
/* Algemeen body & page alignment                    */
/* ------------------------------------------------- */

.sgMaximus {
  width: 768px;
}

.sgMessageControlMaximus {
  width: 1168px;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #fff;
  color: #000;
  margin: 0;
}

/* ------------------------------------------------- */
/* CopyRight text                                    */
/* ------------------------------------------------- */

.sgCopyRight {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  color: #426bba;
  text-align: center;
  text-indent: 0;
  margin-top: 10px;
}

/* ------------------------------------------------- */
/* Witruimtes tussen de tabellen                     */
/* ------------------------------------------------- */

table.sgTableDelimeter {
  height: 12px;
}

/* ------------------------------------------------- */
/* Header Port infolink logo                         */
/* ------------------------------------------------- */

table.sgTableLogo {
  font-size: 7pt;
  color: #1e0329;
  height: 65px;
  line-height: 150%;
  border: 1px #5476ad solid;
  border-bottom: 0;
  margin: 0;
}

table.sgTableLogo td {
  width: 220px;
}

table.sgTableLogo td.sgLogo {
  padding-left: 5px;
}

/* ------------------------------------------------- */
/* Tabel voor menuitems                              */
/* ------------------------------------------------- */

table.sgTableMenu {
  height: 24px;
  margin: 0;
  font-size: 7pt;
  font-weight: 400;
  border: 1px #5476ad solid;
  border-top: 0;
  background-color: #2e2447;
}

table.sgTableMenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 24px;
  margin: 0;
  font-size: 7pt;
  font-weight: 400;
  border: 1px #5476ad solid;
  border-top: 0;
  color: #fff;
  background-color: #2e2447;
}

table.sgTableMenu td {
  padding-left: 5px;
  padding-right: 7px;
}

table.sgTableMenu td.sgTableMenuSelected {
  color: #fff;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 7px;
  background-color: #426bba;
}

table.sgTableMenu a {
  cursor: pointer;
  color: #ccc;
  padding-right: 5px;
  text-decoration: none;
}

table.sgTableMenu a:visited {
  cursor: pointer;
  color: #ccc;
  padding-right: 5px;
  text-decoration: none;
}

table.sgTableMenu a:active {
  cursor: pointer;
  color: #fff;
  padding-right: 5px;
  text-decoration: none;
}

table.sgTableMenu a:hover {
  cursor: pointer;
  color: #fff;
  padding-right: 5px;
  text-decoration: none;
}

/* ------------------------------------------------- */
/* Tabel layout en properties voor submenu's         */
/* ------------------------------------------------- */

table.sgTableSubMenuContainer {
  position: absolute;
  visibility: hidden;
}

table.sgTableSubMenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border: 1px #5476ad solid;
  padding: 2px;
}

table.sgTableSubMenu td {
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  background: white;
  color: #5476ad;
}

table.sgTableSubMenu td.sgTableSubMenuHover {
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  background: #5476ad;
  color: white;
}

/* ------------------------------------------------- */
/* Tabel layout en properties voor breadcrumbs       */
/* ------------------------------------------------- */

table.sgTableBreadcrumb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  color: #36c;
  text-align: left;
  border: none;
  text-indent: 0;
}

table.sgTableBreadcrumb a {
  color: #36c;
  cursor: pointer;
  text-decoration: underline;
}

table.sgTableBreadcrumb a:visited {
  color: #36c;
  cursor: pointer;
  text-decoration: underline;
}

table.sgTableBreadcrumb a:active {
  color: #36c;
  cursor: pointer;
  text-decoration: underline;
}

table.sgTableBreadcrumb a:hover {
  color: #36c;
  cursor: pointer;
  text-decoration: underline;
}

/* ------------------------------------------------- */
/* Tabel layout en properties voor messages          */
/* ------------------------------------------------- */

table.sgTableMessage {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border: 0;
  text-align: left;
  text-indent: 0;
}

table.sgTableMessage td {
  color: #4863a0;
}

table.sgTableMessage a {
  cursor: pointer;
  text-decoration: underline;
  color: #4863a0;
}

table.sgTableMessage a:visited {
  cursor: pointer;
  text-decoration: underline;
  color: #4863a0;
}

table.sgTableMessage a:active {
  cursor: pointer;
  text-decoration: underline;
  color: #4863a0;
}

table.sgTableMessage a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #4863a0;
}

table.sgTableMessage td.sgTableMessageError {
  color: #c00;
}

/* ------------------------------------------------- */
/* Tabel layout en propterties voor site content     */
/* ------------------------------------------------- */

table.sgTableLayout {
  font-size: 7pt;
  font-weight: normal;
  color: #1e0329;
  text-align: left;
  /* text-indent: 4pt; */
  background: #426bba;
  border-top: 1px solid #426bba;
  border-left: 1px solid #426bba;
  border-spacing: 0;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0;
}

/* hyperlink properties */
table.sgTableLayout a {
  cursor: pointer;
  text-decoration: underline;
  color: #1e0329;
}

table.sgTableLayout a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #1e0329;
}

table.sgTableLayout tr {
  height: 24px;
}

table.sgTableLayout td {
  vertical-align: middle;
  border-bottom: 1px solid #426bba;
  border-right: 1px solid #426bba;
}

/* Header */
table.sgTableLayout tr.sgTableHeader {
  font-weight: bold;
  height: 21px;
  color: white;
  background-color: #426bba;
}

/* Header */
table.sgTableLayout tr.sgTableColumnNames {
  font-weight: bold;
  height: 21px;
  color: white;
  background-color: #7190cb;
}

/* Column align  */
table.sgTableLayout tr.sgTableAlignment {
  height: 0;
}

/* Column align with grid.jspf. No padding as padding is added to the total length */
table.sgTableLayout tr.sgTableAlignmentNoPadding {
  height: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Column names */
table.sgTableLayout td.sgTableColumnNames {
  font-weight: bold;
  color: white;
  background-color: #7190cb;
}

/* Column names: MouseOver effect */
table.sgTableLayout td.sgTableColumnNames.sgHover {
  cursor: pointer;
  font-weight: bold;
  color: #ecf0f8;
  background-color: #7190cb;
}

/* Sortable column names */
table.sgTableLayout td.sgSortableColumnNames {
  font-weight: bold;
  color: white;
  background-color: #7190cb;
  border-style: solid;
  border-width: 2px;
  border-color: #bccbe8 #395ca3 #395ca3 #bccbe8;
  cursor: pointer;
  height: 22px;
}

/* Sortable column names: MouseOver effect */
table.sgTableLayout td.sgSortableColumnNamesHover {
  font-weight: bold;
  color: white;
  background-color: #8ea2cc;
  border-style: solid;
  border-width: 2px;
  border-color: #bccbe8 #395ca3 #395ca3 #bccbe8;
  cursor: pointer;
  height: 22px;
}

/* Row inhoud */
table.sgTableLayout tr.sgTableContents {
  color: #1e0329;
  background-color: #ecf0f8;
}

/* Row inhoud: MouseOver effect */
table.sgTableLayout tr.sgTableContents.sgHover {
  background-color: white;
  cursor: pointer;
}

/* Borderless kolommen */
table.sgTableLayout td.sgTableContentsNoBorder {
  background: #ecf0f8;
  border-top: 1px solid;
  border-left: 0;
  border-right: 0;
}

table.sgTableLayout td.sgTableColumnNames.NoBorder {
  font-weight: bold;
  color: white;
  background: #7190cb;
  border-top: 1px solid;
  border-left: 0;
  border-right: 0;
}

/* Tabel footer: font properties voor action buttons */
table.sgTableLayout tr.sgTableFooter {
  background-color: #d1daea;
  text-align: right;
  padding-right: 5px;
}

/* ------------------------------------------------- */
/* Tabel page Footer (onderaan pagina)               */
/* ------------------------------------------------- */
table.sgTableLayout tr.sgPageFooter {
  text-align: right;
  padding-right: 5px;
  height: 21px;
  background-color: #426bba;
}

/* ------------------------------------------------- */
/* Tabel action bar (onderaan pagina)                */
/* ------------------------------------------------- */

table.sgTableLayout tr.sgActionBar {
  font-weight: bold;
  height: 25px;
  background-color: #426bba;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
}

/* ------------------------------------------------- */
/* input formulier objecten                          */
/* ------------------------------------------------- */

/* input text-box normaal */
input.sgInput {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  color: #1e0329;
  margin-left: 5px;
  margin-bottom: 1px;
}

/* input text-box read only */
input.sgInputTextReadOnly {
  background: #ecf0f8;
  border: none;
}

/* Drop down boxes */
select.sgInputSelect {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  color: #1e0329;
  text-align: left;
  margin-left: 5px;
  margin-bottom: 1px;
}

/* checkboxes */
input.sgInputCheckBox {
  width: 15px;
  margin-right: 5px;
}

/* radio */
input.sgInputRadio {
  width: 15px;
  margin-right: 5px;
}

/* ------------------------------------------------- */
/* input button objecten                             */
/* ------------------------------------------------- */

input.sgButton {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  width: 120px;
  height: 17px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 2px;
  background: #d1daea;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #1e0329 #1e0329 #fff;
}

input.sgButtonHover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  cursor: pointer;
  width: 120px;
  height: 17px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 2px;
  background: #8ea2c7;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #1e0329 #1e0329 #fff;
}

input.sgButtonDark {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  width: 120px;
  height: 17px;
  margin-left: 3px;
  margin-right: 3px;
  background: #a0b5dc;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #1e0329 #1e0329 #fff;
}

input.sgButtonDarkHover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  cursor: pointer;
  width: 120px;
  height: 17px;
  margin-left: 3px;
  margin-right: 3px;
  background: #7190cb;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #1e0329 #1e0329 #fff;
}

input.sgButtonNavigateFF {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  cursor: pointer;
  width: 20px;
  height: 17px;
  margin-bottom: 1px;
  margin-left: 5px;
  margin-right: 9px;
  background: #8ea2c7;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #1e0329 #1e0329 #fff;
}

input.sgButtonNavigateFFHover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  cursor: pointer;
  width: 20px;
  height: 17px;
  margin-left: 5px;
  margin-bottom: 1px;
  margin-right: 9px;
  background: #5476ad;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #1e0329 #1e0329 #fff;
}

input.sgButtonNavigateREV {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  width: 20px;
  height: 17px;
  margin-left: 3px;
  margin-bottom: 1px;
  margin-right: 0;
  background: #8ea2c7;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #1e0329 #1e0329 #fff;
}

input.sgButtonNavigateREVHover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  width: 20px;
  height: 17px;
  margin-left: 3px;
  margin-bottom: 1px;
  margin-right: 0;
  background: #5476ad;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #1e0329 #1e0329 #fff;
}

/* ------------------------------------------------- */
/* images on mouse over cursor hand                  */
/* ------------------------------------------------- */

img.sgHover {
  cursor: pointer;
}