@CHARSET "UTF-8";
/************************* Basic style *************************/
body {
  color: #181818;
  background: #F3F6F7 url(/dek.nsf/backgroundGradient.png) repeat-x scroll top;
}
table {
  margin:0;
  padding:0;
  border-collapse: separate;
  empty-cells: show;
}
a:link, a:visited, .link {
  text-decoration: underline;
  color: #0033FF;
  background: inherit;
  cursor: pointer;
}
body, font, table, input, select, textarea {
  font-family: verdana, sans-serif;
  font-size: 11px;
}
input, textarea {
  padding: 1px;
}
textarea.hidden {
  display: none;
}
div.inline-block {
  display:-moz-inline-stack;
  display:inline-block;
}
div.clear {
  clear: both;
}
/************************* Layout *************************/
html {
  height:100%;
}
body {
  height:100%;
  min-width: 800px;
  margin: 0px;
  padding: 0px;
}
form {
  height: 100%;
  margin: 0;
  padding: 0;
}
.layoutTop {
  position: relative;
  z-index:1;  
}
.layoutMiddle {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.layoutColumn {
  position: relative;
  float: left;
  padding-bottom: 20000px;
  margin-bottom: -20000px;
}
.layoutCentre {
  width:100%;
}
.layoutBottomSpacer {
  clear: both;
} 
.layoutBottom {
  position:relative;
  z-index:1;
}
div.overlay {
  visibility: hidden;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #181818;
  background: #E0E0E0;
  opacity: .50;
}
div.popup {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0;
  padding: 0;
  width: 400px;
}
div.dialog {
  border: 1px solid #909090;
  width: 600px;
}
/************************* Navigation Bar *************************/
#layoutBar {
  color: #C9C9C9;
  background: #4C4C4E url(/dek.nsf/barGradient.png) repeat-x scroll top;
}
#layoutBar a:link, #layoutBar a:visited {
  text-decoration: none;
  color: #A3C1E7;
  background: inherit;
}
#layoutBar a:hover {
  text-decoration: underline;
}
#layoutBar ul {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
#layoutBar ul.links {
  left: 0;
}
#layoutBar ul.settings {
  right: 0;
}
#layoutBar ul li {
  float: left;  
  margin: 3px 6px;
}
#layoutBar ul.links li.home {
  margin: 2px 6px;
}
#layoutBar ul.links li.home a img {
  border: 0px;
}
/************************* Header *************************/
#layoutTop h1 {
  margin: 0;
  padding: 3px;
  color: #003399;
  background: inherit;
  font-size: 150%;
  font-weight: bold;
}
#layoutTop div.search {
  position: absolute;
  top: 50%;
  right: 5px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  width: 230px;
  color: #181818;
  background: #FFFFFF;
  border: 1px solid #909090;
}
#layoutTop div.search div.selector {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 29px;
  height: 20px;
  margin: 0;
  color: #181818;
  background: #E0E0E0 url(/dek.nsf/buttonGradient.png) repeat-x scroll 50% 50%;
  border-right: 1px solid #909090;
  text-align: center;
  cursor: pointer;
}
#layoutTop div.search div.selector img {
  margin: 2px 3px;
}
#layoutTop div.search div.pressed {
  background: #E3E3E3 url(/dek.nsf/buttonPressedGradient.png) repeat-x scroll 50% 50%;
}
#layoutTop div.search input {
  width: 148px;
  margin: 2px 1px 2px 31px;
  color: #181818;
  background: #FFFFFF;
  border: 0px;
}
#layoutTop div.search div.button {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 49px;
  height: 20px;
  margin: 0;
  color: #181818;
  background: #E0E0E0 url(/dek.nsf/buttonGradient.png) repeat-x scroll 50% 50%;
  border-left: 1px solid #909090;
  text-align: center;
  cursor: pointer;
}
div.searchListPopup {
  width: 226px;
  padding: 2px;
  color: #181818;
  background: #FFFFFF;
  border: 1px solid #909090;
}
div.searchListPopup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.searchListPopup ul li{
  padding: 3px 3px 3px 20px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
div.searchListPopup ul li.highlight{
  color: inherit;
  background-color: #E0E8FF;
}
div.searchListPopup ul li.selected{
  color: inherit;
  background-image: url(/dek.nsf/comboTick.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 7px 50%;
}
/************************* Form *************************/
div.form {
  margin: 0px 5px 5px 5px;
  padding: 5px 0px 1px 0px;
  color: inherit;
  background: #B0B0B0;
}
div.dialog div.form {
  margin: 0px;
  padding: 5px 0px 1px 0px;
  color: inherit;
  background: #B0B0B0;
}
div.form h3,
div.form h4 {
  margin: 0;
  padding: 3px;
  color: #003333; 
  background: #ACC2D8 url(/dek.nsf/headerGradient.png) repeat-x scroll 50% 50%;
  font-family: inherit;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}
div.form h3 {
  margin-top: -5px;
  margin-bottom: 5px;
  padding: 5px;
  font-size: 110%;
}
div.dialog div.form h3,
div.form h4 {
  border-bottom: 1px solid #909090;
}
/************************* Action Bar *************************/
div.form div.actionBar {
  clear: both;
  position: relative;
  margin: 0px 5px 5px 5px;
}
div.form div.actionBar:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}
div.form div.actionBar div.actionGroup {
  float: left;
  position: relative;
  margin-right: 5px;
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
}
div.form div.actionBar div.actionGroupRight {
  float: right;
  margin-right: 0px;
  margin-left: 5px;
}
div.form div.actionBar div.actionGroup:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}
div.form div.actionBar div.actionGroup div {
  float: left;
  position: relative;
  margin: 0;
  padding: 0px 8px;
  line-height: 1.8em;
  color: #181818;
  background: #E0E0E0 url(/dek.nsf/buttonGradient.png) repeat-x scroll 50% 50%;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #909090;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
div.form div.actionBar div.actionGroup div.first {
  border-left: 1px solid #909090;
}
#actionBar div.actionGroup {
  float: left;
  position: relative;
  margin-right: 5px;
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
}
#actionBar div.actionGroup div {
  float: left;
  position: relative;
  margin: 0;
  padding: 0px 8px;
  line-height: 1.8em;
  color: #181818;
  background: #E0E0E0 url(/dek.nsf/buttonGradient.png) repeat-x scroll 50% 50%;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #909090;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
#actionBar div.actionGroup div.first {
  border-left: 1px solid #909090;
}
div.form div.actionBar div.actionGroup div.pressed {
  background: #E3E3E3 url(/dek.nsf/buttonPressedGradient.png) repeat-x scroll 50% 50%;
}
div.form div.actionBar div.actionGroup div.combo {
  padding-right: 18px;
}
div.form div.actionBar div.actionGroup div.combo div.comboImg {
  position: absolute;
  top: 50%;
  right: 8px;
  margin: -3px 0px 0px 0px;
  padding: 0px;
  width: 7px;
  height: 6px;
  border: 0px;
  background: transparent url(/dek.nsf/comboArrow.png) no-repeat scroll center center;
}
div.form div.actionBar div.actionGroup div div.uploadControl {
  position: absolute;
  top:0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
}
/************************* Text *************************/
div.form div.text {
  clear: both;
  margin: 0px 5px 5px 5px;
  padding: 5px 5px 0px 5px;
  color: inherit;
  background: #F6F6F6;
  border: 1px solid #909090;
}
div.form div.text h4 {
  margin: -5px -5px 5px -5px;
}
div.form div.text h1 {
  margin: 0em 0 0.75em 0;
  font-size: 200%;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #B8B8B8;
}
div.form div.text h2 {
  margin: 0.75em 0 0.75em 0;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #B8B8B8;
}
div.form div.text h5 {
  margin: 0.75em 0 0.75em 0;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
}
div.form div.text h6 {
  margin: 0.75em 0 0.25em 0;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}
div.form div.text p {
  margin: 0.75em 0 0.75em 0;
}
div.form div.text ul,
div.form div.text ol {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 2em;
}
div.form div.text ul {
  list-style-type:square;
}
div.form div.text ul li,
div.form div.text ol li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
div.form div.text dt {
  text-decoration: underline;
}
div.form div.text dd {
  margin-bottom: 0.25em;
  margin-left: 2em;
}
div.form div.text table {
  width:100%;
  table-layout: fixed;
  border: 1px solid #B8B8B8;
  margin-bottom: 3px;
}
div.form div.text table tr th {
  padding: 3px;
  color: inherit;
  background: #D2D2D2;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}
div.form div.text table tr td {
  padding: 3px;
  border-top: 1px solid #B8B8B8;
  font-size: 100%;
}
div.form div.text table.rteTable  {
  width: auto;
  table-layout: auto;
  border-collapse: collapse;
  padding: 0px;
  empty-cells: show;
}
div.form div.text table.rteTable tr td {
  border: 1px solid #B8B8B8;
}
div.form div.text table.plain {
  width: auto;
  table-layout: auto;
  border: 0px;
}
div.form div.text table.plain tr td {
  border-top: 0px;
}
div.form div.text pre {
  color: inherit;
  background: #E6E6E6;
  margin: 0px 0px 3px 0px;
  padding: 5px;
  border: 1px dotted #909090;
  white-space: pre-wrap;
}
/************************* Fields *************************/
div.form div.fields {
  clear: both;
  margin: 0px 5px 5px 5px;
  color: inherit;
  background: #F6F6F6; 
  border: 1px solid #909090;
}
div.form div.fields table {
  width:100%;
  font-size: 100%;
  font-weight: normal;
  border-collapse: collapse;
  empty-cells: show;
}
div.form div.fields table th {
  margin: 0;
  padding: 1px 3px;
  width: 160px;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  border-top: #B8B8B8 solid 1px;
}
div.form div.fields table td {
  margin: 0;
  padding: 1px 3px;
  width: auto;
  text-align: left;
  vertical-align: top;
  border-top: #B8B8B8 solid 1px;
}
div.form div.fields table td.help img {
  width: 14px;
  height: 14px;
}
div.form div.fields table td.fieldWidth {
  width: 210px;
}
div.form div.fields table td.doubleFieldWidth {
  width: 410px;
}
div.form div.fields table td.fullFieldWidth {
  padding-right: 6px;
}
div.form div.fields table td.indent {
  padding-left: 20px;
}
div.form div.fields table tr.first th, 
div.form div.fields table tr.first td {
  border-top: 0px;
}
div.form div.fields table thead tr th,
div.form div.fields table thead tr td {
  padding: 3px;
  color: #000080;
  background: #D2D2D2;
  border-top: 0px;
  font-size: 100%;
  font-weight: bold;
  border-top: 0px;
}
div.form div.fields input,
div.form div.fields select,
div.form div.fields textarea {
  width: 200px;
  border: #C0C0C0 solid 1px;
  color: #181818;
  background: #FFFFFF;
}
div.form div.fields select {
  width: 204px;
}
div.form div.fields textarea {
  height: 75px;
}
div.form div.fields textarea.halfHeight {
  height: 37px;
}
div.form div.fields textarea.doubleHeight {
  height: 150px;
}
div.form div.fields textarea.singleLine {
  height: 1em;
}
div.form div.fields textarea.expand {
  overflow: hidden;
}
div.form div.fields input.tiny {
  width:50px;
}
div.form div.fields select.tiny {
  width:64px;
}
div.form div.fields input.half,
div.form div.fields textarea.half {
  width:100px;
}
div.form div.fields select.half {
  width:104px;
}
div.form div.fields input.double,
div.form div.fields textarea.double {
  width:400px;
}
div.form div.fields select.double {
  width:404px;
}
div.form div.fields input.full,
div.form div.fields select.full,
div.form div.fields textarea.full {
  width:100%;
}
div.form div.fields input.radio,
div.form div.fields input.check {
  width: auto;
  border: 0px;
  color: inherit;
  background: inherit;
}
div.form div.fields input.disabled,
div.form div.fields select.disabled,
div.form div.fields textarea.disabled {
  color: #666666;
  background: #EEEEEE;
}
div.form div.fields div.comboField {
  width: 184px;
  min-height: 13px;
  padding: 1px 17px 1px 1px;
  border: #C0C0C0 solid 1px;
  color: #181818;
  background: #FFFFFF url(/dek.nsf/comboIcon.png) no-repeat scroll bottom right;
}
div.form div.fields div.comboFieldDouble {
  width: 384px;
  min-height: 13px;
  padding: 1px 17px 1px 1px;
  border: #C0C0C0 solid 1px;
  color: #181818;
  background: #FFFFFF url(/dek.nsf/comboIcon.png) no-repeat scroll bottom right;
}
div.form div.fields div.comboFieldFull {
  min-height: 13px;
  padding: 1px 17px 1px 1px;
  border: #C0C0C0 solid 1px;
  color: #181818;
  background: #FFFFFF url(/dek.nsf/comboIcon.png) no-repeat scroll bottom right;
}
div.form div.fields div.comboField a,
div.form div.fields div.comboFieldDouble a,
div.form div.fields div.comboFieldFull a {
  display: block;
  min-height: 13px;
  height: 100%;
  padding: 0px; 1px;
  border: 0px;
  color: #181818;
  background: transparent;
  text-decoration: none;
}
/************************* View *************************/
div.form div.view {
  clear: both;
  margin: 0px 5px 5px 5px;
  color: inherit;
  background: #F6F6F6; 
  border: 1px solid #909090;
}
div.form div.view div.cols {
  overflow: hidden;
}
div.form div.view div.cols table {
  width:100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
div.form div.view div.cols table tr td {
  padding: 3px;
  color: #000080;
  background: #D2D2D2;
  border-top: 0px;
  border-left: 0px;
  border-right: 1px solid #909090;
  border-bottom: 1px solid #909090;
  font-size: 100%;
}
div.form div.view div.cols table tr td {
  font-weight: bold;
}
div.form div.view div.cols table tr td.highlight {
  color: #000080;
  background: #B1B1B1;  
}
div.form div.view div.cols table tr td.lastColumn {
  border-right: 0px;
}
div.form div.view div.cols table tr td.rowEnd {
  width: auto;
  border-right: 0px;
}
div.form div.view div.cols table tr td.scrollSpacer {
  padding:0px;
  border-right: 0px;
}
div.form div.view div.cols table tr td.right {
  text-align: right;
}
div.form div.view div.cols table tr td.check {
  width: 18px;
}
div.form div.view div.grid {
  position: relative;
  overflow: auto;
  color: inherit;
  background: #F6F6F6;
}
div.form div.view div.grid table {
  width:100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
div.form div.view div.grid table tr {
  color: inherit;
  background: #FFFFFF;
}
div.form div.view div.grid table tr.select {
  color: inherit;
  background: #FFFFCC;
}
div.form div.view div.grid table tr.hidden,
div.form div.view div.grid table tr.filtered {
  display: none;
}
div.form div.view div.grid table tr td {
  margin: 0px 1px 0px 0px;
  padding: 1px 3px;
  border-bottom: 1px solid #E0E0E0;
  border-right: 1px none #FFFFFF;
  overflow: hidden;
  vertical-align: top;
}
div.form div.view div.grid table tr.colSpacers td {
  height: 0px;
  padding: 0px 3px;
  border-bottom-style: none;
  border-right-style: solid;
  width:100%;
}
div.form div.view div.grid table tr.clickable td {
  cursor: pointer;
}
div.form div.view div.cols table tr td.lastColumn {
  border-right: 0px;
}
div.form div.view div.grid table tr td.rowEnd {
  width: auto;
}
div.form div.view div.grid table tr td.cat {
  font-size: 100%;
  font-weight: bold;
}
div.form div.view div.grid table tr td.cat div.toggle {
  margin: 3px 2px;
  height: 12px;
  width: 14px;
  background: transparent url(/dek.nsf/viewSprite.png) repeat-x scroll -294px -96px;
  vertical-align: middle;
  cursor: pointer;
}
div.form div.view div.grid table tr td.icon div.icon {
  height: 12px;
  width: 14px;
  background: transparent url(/dek.nsf/viewSprite.png) repeat-x scroll 0px 0px;
  vertical-align: middle;
}
div.form div.view div.grid table tr td.icon img {
  height:14px;
  width:14px;
}
div.form div.view div.grid table tr td.right {
  text-align: right;
}
div.form div.view div.grid table tr td.check {
  width: 18px;
}
div.form div.view div.grid table tr td.check input {
  width: auto;
  border: 0px;
  margin: 0px;
}
div.form div.view div.grid table tr.noBorder td{
  border-top: 0px;
}
/*div.form div.view div.grid table tr td {
  border-right: 1px none #E0E0E0;
}*/
/*div.form div.view div.table table.nowrap tbody tr td{
  white-space: nowrap;
}
div.form div.view div.fixedHeight table>tbody {
  overflow: auto;
  overflow-x: hidden;
}*/
div.form div.view div.footer {
  color: #000080;
  background: #D2D2D2;
  border-top: 1px solid #909090;
}
div.form div.view div.footer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}
div.form div.view div.footer div.status {
  float: left;
  padding: 2px;
}
div.form div.view div.footer div.nav {
  float: right;
}
div.form div.view div.footer div.pageList {
  float: right;
}
div.form div.view div.footer div.alphabetList {
  float: left;
}
div.form div.view div.footer div.pageList a,
div.form div.view div.footer div.alphabetList a {
  display: block;
  float: left;
  padding: 2px;
  width: 15px;
  text-align: center;
  cursor: pointer;
}
div.form div.view div.footer div.pageList a {
  border-left: 1px solid #909090;
}
div.form div.view div.footer div.alphabetList a {
  border-right: 1px solid #909090;
}
div.form div.view div.footer div.pageList a.text,
div.form div.view div.footer div.alphabetList a.text {
  width: 35px;
}
div.form div.view div.footer div.pageList a.highlight,
div.form div.view div.footer div.alphabetList a.highlight {
  color: inherit;
  background: #D0E0FF;
}
div.form div.view div.footer div.pageList a.current,
div.form div.view div.footer div.alphabetList a.current {
  color: inherit;
  background: #ACC2D8;
}
div.form div.view div.footer div.pageNumber {
  float: right;
  padding: 2px;
  border-left: 1px solid #909090;
}
div.form div.view div.footer div.pageNumber input {
  margin: -1px 2px;
  padding: 0;
  font-size: 100%;
  border: 0px;
  color: #181818;
  background: #FFFFFF;
  width: 25px;
  text-align: center;
}
div.form div.view div.footer div.search {
  float: left;
  padding: 2px;
}
div.form div.view div.footer div.search input {
  margin: -1px 2px;
  padding: 0;
  font-size: 100%;
  border: 0px;
  color: #181818;
  background: #FFFFFF;
  width: 100px;
}
/************************* Calendar *************************/
div.form div.calendar {
  clear: both;
  margin: 0px 5px 5px 5px;
  color: inherit;
  background: #F6F6F6; 
  border: 1px solid #909090;
}
div.form div.calendar h4 {
  text-align: center;
}
div.form div.calendar h4 a {
  display:-moz-inline-stack;
  display:inline-block;
  width: 10px;
  color: #003333;
  background: transparent; 
  text-decoration: none;
  padding: 1px;
}
div.form div.calendar h4 a.month {
  width: 114px;
}
div.form div.calendar h4 a:hover {
  padding: 0px;
  border: #000000 solid 1px;
}
div.form div.calendar table {
  width:100%;
  table-layout: fixed;
  border-collapse: collapse;
}
div.form div.calendar table thead tr td {
  padding: 3px;
  color: #000080;
  background: #D2D2D2;
  border: #D2D2D2 solid 1px;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}
div.form div.calendar table tbody tr.select {
  color: inherit;
  background: #FFFFCC; /*#E0EAFF;*/
}
div.form div.calendar table tbody tr td {
  color: inherit;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  border: #E0E0E0 solid 1px;
  overflow: hidden;
  vertical-align: top;
}
div.form div.calendar table tbody tr td.weekend {
  color: inherit;
  background: #FCFCFC;
}
div.form div.calendar table tbody tr td.today {
  color: inherit;
  background: #FFFFCC;
}
div.form div.calendar table tbody tr td.otherMonth {
  color: #A0A0A0;
  background: #F6F6F6;
}
div.form div.calendar table tbody tr td div {
  margin: 1px 3px;
  padding: 0;
}
div.form div.calendar table tbody tr td a {
  display: block;
  margin: 1px 3px;
  padding: 1px;
  color: inherit;
  background: #E0E8FF;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}
/************************* Tabs *************************/
div.form div.tabs {
  clear: both;
  margin: 0px 5px 5px 5px;
}
div.form div.tabs ul.tabs {
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 5px;
  list-style: none;
  border: 0;
  background: transparent url(/dek.nsf/border.png) repeat-x scroll bottom;
}
div.form div.tabs ul.tabs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}
div.form div.tabs ul.tabs li {
  float:left;
  display: block;
  margin: 2px 3px 0px 0px;
  padding: 3px 8px;
  border: 1px solid #909090;
  border-bottom: 0px;
  color: #444444;
  background: #E3E3E3 url(/dek.nsf/tabGradient.png) repeat-x scroll 50% 50%;
  cursor: pointer;
}
div.form div.tabs ul.tabs li.highlight {
  text-decoration: underline;
}
div.form div.tabs ul.tabs li.active {
  margin-top: 0px;
  padding: 5px 11px 4px 11px;
  font-weight: bold;
  text-decoration: none;
  color: #181818;
  background: #ACC2D8 url(/dek.nsf/tabActiveGradient.png) repeat-x scroll 50% 50%;
  cursor: default;
}
div.form div.tabs div.tabsContent div.tabContent {
  margin: 0px;
  padding: 10px 0px 1px 0px;
  display: none;
  border: 1px solid #909090;
  border-top: 0px;
  background: transparent url(/dek.nsf/tabBorder.png) repeat-x scroll top;
}
div.form div.tabs div.tabsContent div.active {
  display: block;
}
div.form div.verticalTabs {
  clear: both;
  position: relative;
  margin: 0px 5px 5px 5px;
  padding-left: 175px;
  border: 1px solid #909090;
  color: inherit;
  background: #E6E6E6;
}
div.form div.verticalTabs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}
div.form div.verticalTabs ul.tabs {
  float:left;
  display: block;
  width: 170px;
  margin: 5px 0px 5px -170px;
  padding: 0;
  list-style: none;
  border-top: 1px solid #909090;
}
div.form div.verticalTabs ul.tabs li {
  display: block;
  margin: 0px;
  padding: 3px 8px;
  border-bottom: 1px solid #909090;
  /*color: #444444;
  background: transparent;*/
  cursor: pointer;
}
/*div.form div.verticalTabs ul.tabs li.highlight {
  text-decoration: underline;
}*/
div.form div.verticalTabs ul.tabs li.active {
  font-weight: bold;
  text-decoration: none;
  color: #181818;
  background: #ACC2D8 url(/dek.nsf/headerGradient.png) repeat-x scroll 50% 50%;
  cursor: default;
}
div.form div.verticalTabs div.tabsContent {
  float:left;
  display: block;
  width: 100%;
  margin: 5px 0px 0px 0px;
}
div.form div.verticalTabs div.tabsContent div.tabContent {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  display: none;
  border-left: 1px solid #909090;
}
div.form div.verticalTabs div.tabsContent div.tabContent h3 {
  margin-top: -5px;
  margin-bottom: 5px;
  padding: 3px;
  font-size: 100%;
}
div.form div.verticalTabs div.tabsContent div.active {
  display: block;
}
/************************* Outline *************************/
div.outline {
  clear: both;
  margin: 5px;
}
div.outline div {
  height: 18px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
div.outline div.highlight {
  color: inherit;
  background: #E0E8FF;
}
div.outline div.current {
  color: inherit;
  background: #E0E8FF; /*#FFFFCC;*/
}
div.outline div div.img {
  height: 18px;
  width: 18px;
  background: transparent url(/dek.nsf/outlineSprite.png) no-repeat scroll 0px 0px;
  vertical-align: middle;
}
/************************* Navigation *************************/
div.navigation {
  margin: 0px 0px 5px 5px;
}
div.navigation div.section {
  padding: 3px;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  background: #B0B0B0;
  border-top: 1px solid #E8E8E8; /*#F3F6F7;*/
  cursor: pointer;
}
div.navigation div.firstSection {
  border-top: 0px;
}
div.navigation div.entries {
  display: none;
  padding: 1px 0px 1px 0px;
  color: #181818;
  background: #E8E8E8; /*#D3D3D3;  */
}
div.navigation div.entries div.entry {
  padding: 0px 1px 0px 1px;
}
div.navigation div.entries div.entry a {
  display: block;
  padding: 2px 2px 2px 11px;
  text-align: left;
  text-decoration: none;
  color: #181818;
  background: transparent;
  cursor: pointer;
}
div.navigation div.entries div.currentEntry a {
  color: inherit;
  background: #FFFFFF;
}
div.navigation div.activeEntries {
  display: block;
}
/************************* Msgbox *************************/
div.msgbox {
  width: 300px;
}
div.msgbox div.form div.text {
  margin: -5px 0px 2px 0px;
  border: 0px;
  border-bottom: 1px solid #909090;
}
div.msgbox div.form div.text p {
  text-align: center;
}
div.msgbox div.form div.text ul {
  padding: 0px 0px 0px 25px;
  margin: 1em 3px;
  list-style:disc;
}
div.msgbox div.form div.fields table th {
  width: 120px;
}
div.msgbox div.form div.actionBar {
  margin: 0px 2px 2px 2px;
}
/************************* History Dialog *************************/
div.historyDialog {
  width: 780px;
}
div.historyDialog div.form div.view div.historyTable table>tbody {
  height: 300px;
}
div.form div.view div.historyTable table tbody tr {
  background: #F6F6F6;
  cursor: auto;
}
/************************* Help dialog *************************/
div.helpText {
  height: 250px;
  overflow: auto;
  overflow-x: hidden;
}
/************************* status box *************************/
div.statusBox {
  width: auto;
  padding: 3px 5px;
  color: #F0F0F0;
  background: #F00000;
  font-weight: bold;
}
/************************* mouse popup *************************/
div.mousePopup {
  width: 300px;
  padding: 2px;
  color: #181818;
  background: #FFFFFF;
  border: 1px solid #909090;
}
div.mousePopup p {
  margin: 0;
}
div.mousePopup p.indent {
  margin-left: 16px;
}
div.mousePopup ul {
  margin-top: 0;
  margin-bottom: 0;
}
/************************* Search results *************************/
div.searchResults {
  clear: both;
  margin: 0px 5px 5px 5px;
  color: inherit;
  background: #F6F6F6; 
  border: 1px solid #909090;
}
div.searchResults div.results {
  overflow: auto;
  overflow-x: hidden;
}
div.searchResults div.results div.result {
  margin: 2px 2px 12px 2px;
}
div.searchResults div.results div.result div.link{
  font-size: 120%;
}
div.searchResults div.results div.result div.location{
  color: #008800;
  background: inherit;
}
/************************* searchTip popup *************************/
div.searchTip {
  width: 200px;
  color: #181818;
  background: #FFFFE1;
  border: 1px solid #909090;
}
div.searchTip p {
  margin: 0.25em;
}
/************************* combo list popup *************************/
div.comboListPopup {
  width: 200px;
  padding: 2px;
  color: #181818;
  background: #FFFFFF;
  border: 1px solid #909090;
}
div.comboListPopup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.comboListPopup ul li{
  padding: 3px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
div.comboListPopup ul li.highlight{
  color: inherit;
  background: #E0E8FF;
}
div.comboFieldListPopup {
  width: auto;
  max-height: 200px;
  overflow-y: auto;
  padding: 0;
  color: #181818;
  background: #FFFFFF;
  border: 1px solid #909090;
}
div.comboFieldListPopup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.comboFieldListPopup ul li{
  padding: 1px 2px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
div.comboFieldListPopup ul li.highlight{
  color: inherit;
  background: #E0E8FF;
}
/************************* date picker *************************/
div.form div.fields div.datePicker {
  width: 120px;
  height: 15px;
  padding: 0px 18px 0px 0px;
  border: #C0C0C0 solid 1px;
  color: #181818;
  background: #FFFFFF url(/dek.nsf/comboIcon.png) no-repeat scroll top right;
  overflow: hidden;
}
div.form div.fields div.disabledDatePicker {
  color: #666666;
  background: #EEEEEE;
}
div.form div.fields div.datePicker input.datePickerEntry {
  width: 100%;
  height: 100%;
  border: 0px;
}
div.form div.fields div.disabledDatePicker input.datePickerEntry {
  color: #666666;
  background: #EEEEEE;
}
div.datePicker {
  width: auto;
  color: #181818;
  background: #FFFFFF;
  border: 1px solid #909090;
}
div.datePicker table {
  font-size: 100%;
  font-weight: normal;
  border-collapse: collapse;
}
div.datePicker table tr td {
  width: 16px;
  padding: 2px;
  text-align: center;
}
div.datePicker table tr.nav td {
  color: #003333; 
  background: #ACC2D8;
  cursor: pointer;
}
div.datePicker table tr.nav td.navText {
  width: 96px;
  cursor: auto;
}
div.datePicker table tr.nav td.navText span {
  cursor: pointer;
}
div.datePicker table tr.daysOfTheWeek td {
  color: #003333; 
  background: #ACC2D8;
  font-weight: bold;
}
div.datePicker table tr.days td{
  cursor: pointer;
}
div.datePicker table tr.days td.prevMonth,
div.datePicker table tr.days td.nextMonth {
  color: #888888;
}
div.datePicker table tr.days td.today {
  font-weight: bold;
}
div.datePicker table tr.days td.weekend {
  background: #EEEEEE;
}
div.datePicker table tr.days td.highlight {
  background: #D0E0FF;
}
div.datePicker table tr.days td.selected {
  padding: 1px;
  border: 1px solid #909090;
}
div.datePickerListPopup {
  width: auto;
  color: #181818;
  background: #FFFFFF;
  border: 1px solid #909090;
}
div.datePickerListPopup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.datePickerListPopup ul li{
  padding: 1px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
div.datePickerListPopup ul li.highlight{
  color: inherit;
  background: #E0E8FF;
}
/************************* split pane *************************/
div.form div.splitPane {
  position: relative;
}
div.form div.splitPane div.left {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 5px;
  overflow-x: hidden;
}
div.form div.splitPane div.right {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 0px;
  right: 5px;
  overflow-x: hidden;
}
div.form div.splitPane div.slider {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 0px;
  width: 7px;
  cursor: e-resize;
  background: transparent url(/dek.nsf/splitPaneGrip.png) no-repeat scroll 0px center;
}
div.form div.splitPane div.scroll {
  overflow: auto;
  margin: 0px 0px 5px 0px;
}
div.form div.splitPane div.actionBar,
div.form div.splitPane div.text,
div.form div.splitPane div.fields,
div.form div.splitPane div.view,
div.form div.splitPane div.tabs {
  margin: 0px 0px 5px 0px;
}
/************************* text editor *************************/
div.form div.richTextField {
  margin: 0;
  padding: 0;
}
div.form div.richTextField div.actionBar {
  margin: 0px 1px 5px 1px;
}
div.form div.richTextField div.actionBar div.actionGroup div {
  padding: 0px 1px;
}
div.form div.richTextField div.actionBar div.actionGroup div a {
  display: block;
  height: 20px;
  width: 20px;
  background: transparent url(/dek.nsf/rteSprite.png) no-repeat scroll 0px 0px;
}
div.form div.richTextField div.actionBar div.actionGroup div.active {
  background: #E3E3E3 url(/dek.nsf/buttonPressedGradient.png) repeat-x scroll 50% 50%;
}
div.form div.richTextField div.actionBar div.actionGroup div.disabled a {
  opacity: 0.3;
}
div.form div.richTextField div.actionBar div.actionGroup div.combo {
  padding: 0;
}
div.form div.richTextField div.actionBar div.actionGroup div.combo div.comboImg {
  position: absolute;
  top: 50%;
  right: 8px;
  margin: -3px 0px 0px 0px;
  padding: 0px;
  width: 7px;
  height: 6px;
  border: 0px;
  background: transparent url(/dek.nsf/comboArrow.png) no-repeat scroll center center;
}
div.form div.richTextField div.actionBar div.actionGroup div.combo a {
  width: auto;
  padding: 0px 18px 0px 8px;
  color: #181818;
  background: transparent;
  text-decoration: none;
}
div.form div.richTextField div.textarea {
  clear: both;
  border: #C0C0C0 solid 1px;
}
div.form div.richTextField div.textarea iframe {
  height: 273px;
  width: 100%;
  border: 0px;
  color: #181818;
  background: #FFFFFF;
}
div.form div.textEditor {
  position: relative;
  clear: both;
  margin: 0px 5px 5px 5px;
}
div.form div.textEditor div.box {
  padding: 3px;
  color: inherit;
  background: #F6F6F6; 
  border: 1px solid #909090;
  border-bottom: 0px;
}
div.form div.textEditor div.box h4 {
  margin: -3px;
  margin-bottom: 3px;
}
div.form div.textEditor div.box textarea {
  height: 300px;
  width: 100%;
  border: #C0C0C0 solid 1px;
  color: #181818;
  background: #FFFFFF;
}
div.form div.textEditor ul.tabs {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  border: 0;
  background: transparent url(/dek.nsf/border.png) no-repeat scroll top center;
}
div.form div.textEditor ul.tabs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}
div.form div.textEditor ul.tabs li {
  float:left;
  display: block;
  margin: 1px 2px 0px 0px;
  padding: 2px 3px;
  border: 1px solid #909090;
  border-top: 0px;
  color: inherit;
  background: #D3D3D3;
  cursor: pointer;
}
div.form div.textEditor ul.tabs li.active {
  margin-top: 0px;
  padding-top: 3px;
  color: inherit;
  background: #F6F6F6;
  cursor: default;
}
div.form div.textEditor div.slider {
  position: absolute;
  margin: 0 0 0 -50px;
  padding: 0px;
  top: 0px;
  left: 50%;
  height: 8px;
  width: 100px;
  cursor: s-resize;
  background: transparent url(/dek.nsf/rteGrip.png) no-repeat scroll center top;
}
div.colourPickerPopup {
  width: auto;
  padding: 2px;
  color: #181818;
  background: #F6F6F6; 
  border: 1px solid #909090;
}
div.colourPickerPopup table tr td {
  padding: 2px;
}
div.colourPickerPopup table thead tr td a {
  display: block;
  width: 100%;
  height: 15px;
  border: 1px solid #909090;
  color: #181818;
  background: transparent;
  text-decoration: none;
  text-align: center;
}
div.colourPickerPopup table tbody tr td a {
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #909090;
}
/************************* Mass Selection Dialog *************************/
div.massSelectionDialog {
  width: 780px;
}
div.massSelectionDialog div.body {
  position: relative;
}
div.massSelectionDialog div.body div.left {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 365px;
}
div.massSelectionDialog div.body div.mid {
  position: relative;
  float: left;
  margin: 0px;
  padding: 25px 0 0 0;
  width: 100px;
}
div.massSelectionDialog div.body div.mid div.action {
  margin: 3px 0 0 0;
  padding: 0px 8px;
  line-height: 1.8em;
  color: #181818;
  background: #E0E0E0 url(/dek.nsf/buttonGradient.png) repeat-x scroll 50% 50%;
  border: 1px solid #909090;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
div.massSelectionDialog div.body div.mid div.spacer {
  margin: 3px 0 0 0;
  padding: 0;
  height: 30px;
}
div.massSelectionDialog div.body div.right {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 315px;
}
div.massSelectionDialog div.body div.clear {
  clear: both;
}
/************************* export dialog popup *************************/
div.exportDialog div.form div.body {
  height: 300px;
  overflow: auto;
}
/************************* others *************************/
img.progressBar {
  background: #FFFFFF url(/dek.nsf/progressBarGradient.png) top left no-repeat;
  padding: 0;
  margin: 0;
  background-position: 1px 0;
}
img.bigProgressBar {
  background: transparent url(/dek.nsf/bigProgressBarGradient.png) top left no-repeat;
  padding: 0;
  margin: 0;
  background-position: 1px 0;
}
div.progress {
  width: 300px;
}
div.progress div.text {
  text-align: center;
}
div.progress div.text img {
  margin: 5px;
}
.printOnly {
  display: none;
}