.loginLogo {
    text-align: left; 
    padding-left : 4px;
    padding-bottom : 4px;    
}
.loginBanner1 {
    text-align: center; 
    font-size: 120%; 
    font-weight: 600; 
    background-color: #20496E;
    color: white;
    padding: 4px;
    margin: 0px;
    border: 0px;
}

.loginBanner2 {
    background-color: #6287A9;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.headerContact {
	font-size: .9rem;
	color: white;
	text-decoration: none;
	font-weight: 600;
	font-variant: normal;
    white-space: nowrap;
    height:20px;
}
a.headerContact {
    cursor:pointer;
}

.headerMenu {
	font-size: .8rem;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	cursor:pointer;
}


.login-head {
	background-color: #343a40;
	margin-bottom: 3px;
}

.login-head .head-cont {
	width: 840px;  
	text-align: left;
	height: 125px;
	left: 10%;
	background: url("../images/skd-studio-dark.svg") no-repeat scroll center center / 800px 800px transparent;
}
.login-body {
	position: relative;	margin-bottom: 3px;
	border: 1px solid #325DA1; border-width: 1px 0;
	background: url("../images/Background_Image.png") repeat 0 0;
}
.copyright {
	font-size: .8rem;
	font-variant: normal;
	color: #AAAAAA;
}
.editorQuestion {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	letter-spacing: normal;
	vertical-align:top;
	text-align:left;
}
.editorAnswer {
	
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	letter-spacing: normal;
	vertical-align:middle;
	text-align:left;
}

hr.header {
    border-top: 2px solid #104E8B; 
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    padding: 0px; 
    margin-top: 1px; 
    margin-bottom: 3px; 
    margin-left: 0px;
    margin-right: 0px;
    height: 1px;
}table.mainHeader {
    border: 1px solid #babdbf;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    
    border-collapse: collapse;
}

td.mainHeader {
    padding: 2px;
}

tr.mainHeader-root {
    background-color: var(--secondary-header-bg-color);
    border-bottom: 1px solid #C0C0C0;
    height: 25px;
    padding: 0px;
}

th.mainHeader-root-label {
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #babdbf;
}

div.mainHeader-root-label {
    padding: 0px 4px 0px 6px;
    color: var(--secondary-header-text-color);
    
    font-size: medium;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-align: center;
    border: 0px;
    margin: 0px;
}table.nospace-box {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border: 0px none;
}

table.nospace-box  > tbody {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

table.nospace-box  > tbody  > tr {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

td.nospace-box {
    padding-right: 1px;
    padding-left: 1px;
    margin: 0px;
    white-space: normal;
    border: 0px none;
}
table.top-menubar {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border: 0px none;
    text-align: left;
    background-color: #343a40;
    color: black;
}

table.top-menubar  > tbody {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

table.top-menubar  > tbody  > tr {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

td.top-menubar {
    padding: 0px;
    margin: 0px;
    white-space: normal;
    border: 0px none;
    text-align: left;
}
table.nospace-box {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border: 0px none;
}

table.nospace-box  > tbody {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

table.nospace-box  > tbody  > tr {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

td.nospace-box {
    padding: 0px;
    margin: 0px;
    white-space: normal;
    border: 0px none;
}

table.root-header {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-bottom: 2px solid #104E8B;
    background: #343a40 !important;
}

table.root-header > tbody {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

table.root-header > tbody > tr {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

td.root-header {
    padding: 0px;
    margin: 0px;
    white-space: normal;
    border: 0px none;
}
button.button-rounded {
    font-size: .9rem;
    
    display: inline;
    cursor: pointer;   
    margin: 0px;
    border-radius: 3px;
    padding: 2px 5px;
}img.button-topHeader {
    vertical-align: middle;
    background-image: url(../images/bullet_5x5_blue.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    width: 5px;
    height: 5px;
}

a.button-topHeader {
  vertical-align: middle;
  
  font-size: .9rem;
  color: #932B40;
  text-decoration: none;
  font-weight: 600;
  font-variant: normal;
  cursor: pointer;
  white-space: nowrap;
}

a.button-header {
  
  font-size: .9rem;
  color:black;
  text-decoration: none;
  font-weight: 600;
  font-variant: normal;
  cursor: pointer;
  white-space: nowrap;
  padding: 5px;
  margin-left: 5px;
   margin-right: 5px;
}td.table-member-actions {
    border: 1px solid #CCCCCC;
    border-left: 1px none;
    white-space: nowrap;
    padding-left: 4px;
    vertical-align: middle;
}

td.table-member-cell {
    border: 1px solid #CCCCCC;
    border-right: 1px none;
    margin: 0px 4px 0px 4px;
    padding: 0px 4px 0px 4px;
    white-space: nowrap;
}
:root {
    --primary-header-bg-color: #5bb73b;
    --primary-header-text-color: #ffffff;
    
    --secondary-header-bg-color: #5bb73b;
    --secondary-header-text-color: #ffffff;

    --tertiary-header-bg-color: #5bb73b;
    --tertiary-header-text-color: #ffffff;
}

table.main-index {
    border: 1px solid #a0a0a0;
    background-color: lightgrey;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

tbody.main-index {
  background-color: white;
}

tr.main-index {
    background-color: var(--primary-header-bg-color);
    color: var(--primary-header-text-color);
    height: 25px;
    margin: 0px;
    margin: 0px;
}

th.main-index {
    border: 0px;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
}

div.main-index {
    padding: 2px 4px 2px 4px;
    padding: 0px;
    color: white;
    
    font-size: medium;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-align: center;
}

img.main-index {
    width: 1px;
    height: 1px;
    cursor: pointer;
    margin: 0px;
    margin-left: 2px;
    padding: 0px;
    border: 0px none;
}td.index-item-blue {
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
}

td.index-item-blue a {
    cursor: pointer;
    text-decoration: none;
    border: 1px solid white;
    margin: 0px;
    padding: 0px;
}

td.index-item-blue a:focus span {
    color: #6287A9;
}

span.index-target-blue {
    color: white;
    background-color: #6287A9;
    cursor: pointer;
}

td.index-item a:focus span.index-target-blue {
    color: white;
}
span.index-item-blue {
    color: black;
    background-color: white;
    cursor: pointer;
}

div.index-item-blue {
    white-space: nowrap;
    padding: 0px;
    vertical-align: middle;
    margin-right: 8px;
}


div.index-item-blue img {
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}
div.menubar-project {
    color: black;
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    background-color: transparent;
    padding: 1px;
    margin: 0px;
}

div.menubar-project span {
    padding: 0px;
    margin: 0px;
}

label.menubar-project-label {
    
    font-size: .9rem;
    color: black;
    text-decoration: none;
    font-weight: 600;
    margin-right: 4px;
    padding: 0px;
}

img.menubar-project-arrow {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(../images/arrow_black.gif);
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    width: 9px;
    height: 8px;
}div.msg-error {
    
    
    font-weight: 600;
    color: red;
    border: 0px none;
    padding: 0px;
    margin: 2px 0px 2px 0px;
    text-align: left;
}div.msg-header {
     border: 0px none;
     color: #0C3B6C;
     font-weight: 600;
     font-size: .9rem;
     margin: 0px;
     padding: 0px;
     white-space: nowrap;
}
div.msg-inherited {
    
    
    font-style: italic;
    color: #888888;
    border: 0px none;
    padding: 0px;
    margin: 2px 0px 2px 0px;
    text-align: left;
}div.prompt  {
    color: #006699;
    background-color: white;
    border: 0px;
    padding: 4px;
    margin: 4px 0px 4px 0px;
    white-space: normal;
    text-align: justify;
    overflow: hidden;
}div.msg-runningProc {
    
    font-size: .9rem;  
    font-weight: 600;
    color: #006699;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: middle;
    display: inline;
}

div.msg-runningProc span {
    white-space: normal;
}

div.msg-runningProc img {
    background-image: url(../images/rolling.gif);
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    vertical-align: middle;
}

div.msg-notRunningProc {
    
    font-size: .9rem;  
    font-weight: 600;
    color: #006699;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: middle;
    display: inline;
}

div.msg-notRunningProc span {
    white-space: normal;
}

div.msg-notRunningProc img {
    background-image: url(../images/rollingTransp.gif);
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    vertical-align: middle;
}div.msg-separator {
     border: 0px none;
     font-size: .9rem;
     font-weight: 600;
     color: white;
     margin: 0px;
     padding: 0px 2px;
     white-space: nowrap;
}div.msg-title {
     
     border: 0px none;
     color: #00447C;
     font-weight: 600;
     
     margin: 0px;
     padding: 0px;
     white-space: nowrap;
}div.msg-warn {
    
    
    font-weight: 600;
    color: red;
    border: 0px none;
    padding: 0px;
    margin: 2px 0px 2px 0px;
    text-align: left;
}
td.tag-action {
    white-space: normal;
    padding-left: 4px;
    vertical-align: middle;
}

td.tag-cell {
    border: 1px solid #CCE3EE;
    border-right: 1px none;
    margin: 0px 4px 0px 4px;
    padding: 0px 4px 0px 4px;
    white-space: normal;
}

span.tag-label {
    white-space: normal;
}

span.tag-opened {
    vertical-align: middle;
    padding: 1px 4px;
    margin-right: 8px;
    border-width: 1px;
    border-color: #808080 #808080 #e0e0e0 #808080;
    border-style: solid;
    background-color: #e0e0e0;
    position: relative;
    top: 3px;
    z-index: 2;
}

span.tag-closed {
    margin-right: 8px;
    vertical-align: middle;
    white-space: normal;
}

span.tag-opened img {
    vertical-align: middle;
    background-image: url(../images/udot.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    white-space: normal;
}

span.tag-closed img {
    vertical-align: middle;
    background-image: url(../images/ddot.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    white-space: normal;
}

img.tree-leaf-info {
    background-image: url(../images/triangle.gif);
}

img.tree-leaf-infos {
    background-image: url(../images/triangleS.gif);
}

img.tree-leaf-symbol {
    background-image: url(../images/square.gif);
}

img.tree-leaf-symbols {
    background-image: url(../images/squareS.gif);
}

img.tree-leaf-taxo {
    background-image: url(../images/triparal.gif);
}

img.tree-leaf-taxos {
    background-image: url(../images/triparalS.gif);
}

img.tree-leaf-scalar {
    background-image: url(../images/rond.gif);
}

img.tree-leaf-scalars {
    background-image: url(../images/rond_mult.gif);
}

img.tree-casebase-unfold {
    background-image: url(../images/FS_classSub_c.gif);
}

img.tree-casebase-fold {
    background-image: url(../images/FS_classSub_o.gif);
}

img.tree-class-unfold {
    background-image: url(../images/FS_classRoot_c.gif);
}

img.tree-class-fold {
    background-image: url(../images/FS_classRoot_o.gif);
}

img.tree-node-composite {
    background-image: url(../images/composite.gif);
}

img.tree-leaf-sched {
    background-image: url(../images/scheduler.gif);
}

img.tree-leaf-notification {
    background-image: url(../images/little_warning.gif);
}

span.warn-label {
    color: red;
}

table.blankTree {
    border: 0px;
    padding: 4px;
    margin: 4px 0px 4px 0px;
    
    
    border-collapse: collapse;
}

tr.blankTree-root {
    height: 0px;
    font-weight: 600;
}

tr.blankTree-odd {
}

tr.blankTree-even {
}

th.blankTree-root-label {
    border: 0px;
    white-space: nowrap;
    margin: 2px;
}

td.blankTree-cell {
    border: 0px;
    white-space: nowrap;
    padding-left: 4px;
    vertical-align: middle;
}

span.blank-label {
    color: black;
}

span.blank-label-error {
    color: red;
}

div.blankTree-label {
    padding: 2px 4px 2px 4px;
}

th.blankTree-root-cell {
    border: 0px;
    white-space: nowrap;
    margin: 2px;
}

div.blankTree-cell {
    padding: 2px 4px 2px 4px;
}
table.mainTree {
    border: 1px solid #BABDBF !important;
    background-color: var(--tertiary-header-bg-color);
    padding: 4px;
    margin: 4px 0px 4px 0px;
    
    
    border-collapse: collapse;
}

tr.mainTree-root {
    color: var(--tertiary-header-text-color);
    background-color: var(--tertiary-header-bg-color);
    height: 18px;
    font-weight: 600;
}

th.mainTree-root-label {
    border: 1px solid #BABDBF;
    white-space: nowrap;
    margin: 2px;
}

div.mainTree-label {
    padding: 2px 4px 2px 4px;
    background-color: var(--tertiary-header-bg-color);
}

th.mainTree-root-cell {
    border: 1px solid #BABDBF;
    white-space: nowrap;
    margin: 2px;
}

div.mainTree-cell {
    padding: 2px 4px 2px 4px;
    color: var(--tertiary-header-text-color);
}
TD.drop {
	cursor:default;
	border:1px solid #e0e0f0;
	border-right:1px solid #909090;
	border-bottom:1px solid #909090;
	text-align:center;
	height:16px;
	width:13px;
}

TD.scroll {
	cursor:default;
	background-color:#b0b0b0;
	border:1px solid #e0e0f0;
	border-right:1px solid #909090;
	border-bottom:1px solid #909090;
	text-align:center;
	height:16px;
	width:13px;
}

TABLE.scroll {
	height:100%;
	background-color:#e0e0e0;
	border:1px solid #A0A0A0;
}

.slide {
	cursor:default;
	position:relative;
	top:0px;
	height:20px;
	background-color:#b0b0b0;
	border:1px solid #e0e0f0;
	border-right:1px solid #909090;
	border-bottom:1px solid #909090;
}

ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
}

ul.menu li.menu-hover ul { 
	display: block;
}

ul.menu li {
	position: relative;
}

li.menu-over ul.menu {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
}

ul.menu li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

ul.menu li a:hover {
    color: red
}#KATL {
    margin: 4px;
    padding: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    border: 1px solid gray;
    background-color: #f0f0f0;
    color: black;
    z-index: 100;
    font-weight: 600;
}


#katl_dbg {
    font-size: 14px !important;
    font-weight: 600;
    border: 1px solid blue;
    background-color: lightblue;
    margin: 4px;
    padding: 8px;
}

html, button, input, select, option, label, textarea, a, p {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: 1rem;
}

html {
    border-width: 0px;
}

code {
    font-family: courier;
}

pre {
    font-family: courier;
}

div.main {
    padding: 4px;
    margin: 4px;
}

fieldset {
    border: 1px solid gray;
    padding: 4px 4px 4px 4px;
    margin: 4px 0px 4px 0px;
}


legend {
	color: black;
}

input {
    margin-left: 0px;
}

textarea {
    overflow: auto;
}

label {
    color: black;
    white-space: nowrap;
    padding: 2px;
}

table {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

input[type="text"] {
    border: 1px solid #0071A9;
    padding: 2px 4px 2px 4px;
}
input[type="password"] {
    border: 1px solid #0071A9;
    padding: 2px 4px 2px 4px;
}

textarea {
    border: 1px solid #0071A9;
    padding: 2px 4px 2px 4px;
}

button {
    vertical-align: middle;
    cursor: pointer;
    display:inline;
}

input[type="submit"] {
    display: inline;
    vertical-align: middle;
    cursor: pointer;
}


fieldset.noborder  {
    color: black;
    border: 0px none;
    padding: 4px;
    margin: 4px 0px 4px 0px;
}

div.block {
    color: black;
    background-color: white;
    border: 1px solid #a0a0a0;
    padding: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    white-space: normal;
}

span   { 
    cursor: default; 
}

span.block {
    padding: 4px
}


fieldset.block {
    color: black;
    border: 1px solid #a0a0a0;
    white-space: normal;
    padding: 2px;
    margin: 0px;
    margin-top: 2px;
}

fieldset.block-noborder  {
    color: black;
    border: 0px none;
    padding: 4px;
    margin: 4px 0px 4px 0px;
    white-space: normal;
}

fieldset.block-nospace  {
    color: black;
    border: 0px none;
    padding: 0px;
    margin: 0px;
    white-space: normal;
}

form.window {
    padding: 4px;
    margin: 2px;
}
form.window-no-space {
    padding: 0px;
    margin: 0px;
}

a.spacer {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

a.katl {
    display: none;
    visibility: hidden;
}

img.video {
    vertical-align: middle;
    background-image: url(../images/video.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    cursor: pointer;
    margin: 1px;
    padding: 0px;
    border: 0px none;
}

img.camera {
    vertical-align: middle;
    background-image: url(../images/camera.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    cursor: pointer;
    margin: 1px;
    padding: 0px;
    border: 0px none;
}

img.speaker {
    vertical-align: middle;
    background-image: url(../images/speaker.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    cursor: pointer;
    margin: 1px;
    padding: 0px;
    border: 0px none;
}

img.pause {
    vertical-align: middle;
    background-image: url(../images/pause.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    cursor: pointer;
    margin: 1px;
    padding: 0px;
    border: 0px none;
}

img.help {
    vertical-align: middle;
    background-image: url(../images/help.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 1px;
    padding: 0px;
    border: 0px none;
}

img.helpCM {
    vertical-align: middle;
    background-image: url(../images/help-info.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 1px;
    padding: 0px;
    border: 0px none;
}

img.externalLink {
    vertical-align: middle;
    background-image: url(../images/link_external.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    cursor: pointer;
    margin: 1px;
    padding: 0px;
    border: 0px none;
    padding-left: 5px;
}

.katl_warning {
    display: none;
    border: 1px solid blue;
    background-color : #FFFF99;
    color: black;
    text-align: center;
    vertical-align:middle;
    padding: 4em 0em;
}

input[type='image'].warning {
    vertical-align: middle;
    background-image: url(../images/little_warning.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 1px;
    padding: 0px;
    border: 0px none;   
}
input.checkbox_reset {
    background-image: url(../images/checkbox_reset.gif);
}
input.checkbox_set {
    background-image: url(../images/checkbox_set.gif);
}
input.checkbox_unset {
    background-image: url(../images/checkbox_unset.gif);
}
input.radio_reset {
    background-image: url(../images/radio_reset.gif);
}
input.radio_set {
    background-image: url(../images/radio_set.gif);
}
input.radio_unset {
    background-image: url(../images/radio_unset.gif);
}
td.table-member-actions input.checkbox_reset {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    background-image: url(../images/checkbox_reset.gif);
}
td.table-member-actions input.checkbox_set {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    background-image: url(../images/checkbox_set.gif);
}
td.table-member-actions input.checkbox_unset {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    background-image: url(../images/checkbox_unset.gif);
}
td.table-member-actions input.radio_reset {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    background-image: url(../images/radio_reset.gif);
}
td.table-member-actions input.radio_set {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    background-image: url(../images/radio_set.gif);
}
td.table-member-actions input.radio_unset {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    background-image: url(../images/radio_unset.gif);
}

table.xbox {
    border: 1px solid #a0a0a0;
    padding: 4px;
    margin: 4px 0px 4px 0px;
    border-collapse: collapse;
    background-color: lightgrey;
}

tbody.xbox {
  background-color: white;
}

tr.xbox-root {
    color: #f0f0f0;
    height: 18px;
    font-weight: 600;
}

th.xbox-root-label {
    border: 1px solid #a0a0a0;
    color: white;
    white-space: nowrap;
    margin: 2px;
}

div.xbox-root-label {
    padding: 2px 0px 2px 0px;
    background-color: #0071A9;
}

th.xbox-root-cell {
    border: 1px solid #a0a0a0;
    white-space: nowrap;
    margin: 2px;
}

div.xbox-root-cell {
    padding: 2px 4px 2px 4px;
    background-color: #0071A9;
}

.modalBox {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

table.box {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

table.box>tbody {
    padding: 0px;
    margin: 0px;
}

table.box>tbody>tr {
    padding: 0px;
    margin: 0px;
}

td.box {
    padding: 2px;
    margin: 0px;
    height: 26px;
}

table.wbox {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

table.wbox>tbody {
    padding: 0px;
    margin: 0px;
}

table.wbox>tbody>tr {
    padding: 0px;
    margin: 0px;
}

td.wbox {
    padding: 0px;
    margin: 0px;
}

td.height {
    height: 24px;
    width: 0%;
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

.boxx {
    display: inline-table;
}
.boxx:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.xtop, .xbottom {display: block; background: transparent; font-size: 1px;}
.xb1, .xb2, .xb3, .xb4 {display: block; overflow: hidden;}
.xb1, .xb2, .xb3 { height: 1px;}
.xb2, .xb3, .xb4 { background: #E7F1F8; border-left: 1px solid purple; border-right: 1px solid purple;}
.xb1 {margin: 0 5px; background: purple;}
.xb2 {margin: 0 3px; border-width: 0 2px;}
.xb3 {margin: 0 2px;}
.xb4 {height: 2px; margin: 0 1px;}

.xboxcontent {display: block; background: #E7F1F8; border: 0 solid purple; border-width: 0 1px;}
#container{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5);
  /*hack to fix for IE8 as rgba is not supported in ie8  */
	background: transparent\9;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)\9"; /* IE8 */    
	*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);   /* IE6 & 7 */      
	zoom: 1\9;	  
  /*hack to fix for IE8*/
}



.body{
    background-color: #FFFFF0;
    position:absolute;
    top: 32%;
    left:35%;
    width:400px;
    height:220px;
    border-style:solid;
    border-color:black;
    border-width:1px;
}

.bodyHeightMercury {
	height:380px;
}

.bodyHeightEarth {
	height:250px;
}
.messagebody{
    width:400px;
    height:175px;
    background-image: url(../images/stop.png);
    background-repeat:no-repeat;    
    background-position:5px 5px;
}
.messagebodyHeightMercury {
    height:330px;
}
.messagebodyHeightEarth{
    height:200px;
}
.message{
    margin-top:5px;
    margin-bottom:5px;
    margin-left:62px;
    
}


.buttonholder{
    
   
    width:100%;
    height:30px ;
    
}

.leftbutton{
    margin-top:4px;
    margin-bottom:5px;
    margin-left:4px;
    float:left;
    background-color:#62666B;
    border-radius:40px;
    border-width:1px;
    width:140px;
    height:30px;color:#FFFFF0;
}

.rightbutton{
    margin-top:4px;
    margin-bottom:5px;
    margin-right:5px;
    float:right;
    background-color:#62666B;
    border-radius:40px;
    border-width:1px;
     width:140px;
    height:30px;color:#FFFFF0;
}

button.rightbutton:focus {
    background-color: green;
}

button.leftbutton:focus {
    background-color: green;
}

:root {
    --invalid-field-bg-color: #ffffff;
    --anchor-button-color: #e46c0a;
}

a.button {
    font-weight: 600;
    text-decoration: underline;
   	cursor: pointer;
    color: var(--anchor-button-color);
}

a.toplink {
    font-weight: 600;
   	cursor: pointer;
    color: #CCE3EE;
}

span.field-active {
    padding: 2px;
    color: black;
}

span.field-inactive {
    padding: 2px;
    color: gray;
}

span.field-disabled {
    padding: 2px;
    color: darkgray;
}

label {
    vertical-align: middle;
}

label.field-active {
    color: black;
    margin-right: 4px;
}

label.field-inactive {
    color: gray;
    margin-right: 4px;
}

label.field-disabled {
    color: darkgray;
    margin-right: 4px;
}

div.fieldx {
    padding: 2px;
}

b.required {
    color: red;
    padding: 4px;
}
b.invalid {
    color: red;
    padding: 4px;
}
b.validated {
    color: green;
    padding: 4px;
}



div.field {
    display: inline;
}

input.field-disabled {
    white-space: nowrap;
    vertical-align : middle;
    background-color: #e0e0e0;
    border: 1px solid gray;
    padding: 2px 4px;
}

input.field-inactive {
    white-space: nowrap;
    vertical-align : middle;
    background-color: #e0e0e0;
    border: 1px solid gray;
    padding: 2px 4px;
}

input.field-active {
    white-space: nowrap;
    vertical-align : middle;
    border: 1px solid #0071A9;
    padding: 2px 4px;
}

input.field-invalid {
    white-space: nowrap;
    vertical-align : middle;
    background-color : var(--invalid-field-bg-color);
    border: 1px solid gray;
    padding: 2px 4px;
}

textarea.field-disabled {
    vertical-align : middle;
    background-color: #e0e0e0;
    border: 1px solid gray;
    padding: 2px 4px;
    margin: 0px;
}

textarea.field-inactive {
    vertical-align : middle;
    background-color: #e0e0e0;
    border: 1px solid gray;
    padding: 2px 4px;
    margin: 0px;
}

textarea.field-active {
    vertical-align : middle;
    border: 1px solid #0071A9;
    padding: 2px 4px;
    margin: 0px;
}

textarea.field-invalid {
    vertical-align : middle;
    border: 1px solid #0071A9;
    background-color : var(--invalid-field-bg-color);
    padding: 2px 4px;
    margin: 0px;
}

select.field-active {
    vertical-align : middle;
    background-color: #e0e0e0;
    padding: 2px;
}

select.field-inactive {
    vertical-align : middle;
    background-color: #e0e0e0;
    padding: 2px;
}

select.field-disabled {
    vertical-align : middle;
    padding: 2px;
}


div.upload {
    padding: 2px;
    margin: 2px;
    display: inline;
}

form.upload {
    display: inline;
    position: relative;
    text-align: middle;
}

input.upload-status {
    display: none;
    visibility: hidden;
    width: 16em;
    z-index: 2;
    background-color: var(--invalid-field-bg-color);
    border:1px solid black;
    position: absolute;
    top: 22px;
    left: 0px
}

fieldset.msg  {
    color: black;
    border: 0px none;
	padding: 4px;
    margin: 2px;
    white-space: normal;
}

fieldset.msg-outline {
    color: black;
    border: 1px solid #a0a0a0;
    padding: 4px;
    margin: 0px;
    white-space: normal;
}

div.msg {
    color: black;
    border: 0px none;
    padding: 4px;
    margin: 4px 0px 4px 0px;
    white-space: normal;
}

div.msg-outline {
    color: black;
    border: 1px solid #a0a0a0;
	padding: 4px;
    margin: 0px;
    white-space: normal;
}

div.msg-x  {
    color: #006699;
    background-color: white;
    border: 1px solid #a0a0a0;
    padding: 4px;
    margin: 4px 0px 4px 0px;
    white-space: normal;
    text-align: justify;
    overflow: hidden;
}

div.msg-toplink {
    
    font-weight: 600;
    color: #CCE3EE;
    vertical-align: middle;
    white-space: normal;
}

table.index {
    border: 1px solid #a0a0a0;
    background-color: lightgrey;
    padding: 4px;
    margin: 4px 0px 4px 0px;
    border-collapse: collapse;
}

tbody.index {
  background-color: white;
}

tr.index {
    color: #f0f0f0;
    height: 18px;
    font-weight: 600;
}

th.index {
    border: 1px solid #a0a0a0;
    white-space: nowrap;
    margin: 2px;
}

div.index {
    padding: 2px 4px 2px 4px;
    background-color: #0071A9;
}

img.index {
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/kai.gif);
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    margin-left: 2px;
    padding: 0px;
    border: 0px none;
}

td.index-item {
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
}

td.index-item a {
    cursor: pointer;
    text-decoration: none;
    border: 1px solid white;
    margin: 0px;
    padding: 0px;
}

td.index-item a:focus span {
    color: #932b40;
}

span.index-target {
    color: white;
    background-color: #932b40;
    cursor: pointer;
}

td.index-item a:focus span.index-target {
    color: white;
}
span.index-item {
    color: black;
    background-color: white;
    cursor: pointer;
}

div.index-item {
    white-space: nowrap;
    padding: 0px;
    vertical-align: middle;
    margin-right: 8px;
}


div.index-item img {
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

img.idxitem-unfold {
    background-image: url(../images/plus.gif);
}

img.idxitem-fold {
    background-image: url(../images/minus.gif);
}

img.idxitem-leaf {
    background-image: url(../images/index_none.gif);
}

label.invisible {
    display: none;
    vertical-align: middle;
}

label.inactive {
    color: gray;
    margin-right: 4px;
    vertical-align: middle;
}

label.disabled {
    color: darkgray;
    margin-right: 4px;
    vertical-align: middle;
}

label.active {
    color: black;
    margin-right: 4px;
    vertical-align: middle;
}

label.required {
    color: black;
    margin-right: 4px;
    vertical-align: middle;
}

label.validated {
    color: black;
    margin-right: 4px;
    vertical-align: middle;
}

label.invalid {
    color: black;
    margin-right: 4px;
    vertical-align: middle;
}

label.required  B {
    color: red;
    padding: 4px;
    vertical-align: middle;
}

label.validated  B {
    color: green;
    padding: 4px;
    vertical-align: middle;
}

label.invalid  B {
    color: red;
    padding: 4px;
    vertical-align: middle;
}

span.invisible {
    display: none;
    white-space: nowrap;
}

span.inactive {
    color: gray;
    margin-right: 4px;
    white-space: nowrap;
}

span.disabled {
    color: darkgray;
    margin-right: 4px;
    white-space: nowrap;
}

span.active {
    color: black;
    margin-right: 4px;
    white-space: nowrap;
}

span.required {
    color: black;
    margin-right: 4px;
    white-space: nowrap;
}

span.validated {
    color: black;
    margin-right: 4px;
    white-space: nowrap;
}

span.invalid {
    color: black;
    margin-right: 4px;
    white-space: nowrap;
}

span.required  B {
    color: red;
    padding: 4px;
    white-space: nowrap;
}

span.validated  B {
    color: green;
    padding: 4px;
    white-space: nowrap;
}

span.invalid  B {
    color: red;
    padding: 4px;
    white-space: nowrap;
}

button.button {
    display: inline;
    height: 24px;
    border: 1px outset #e0e0e0;
    margin: 1px;
    vertical-align: middle;
    cursor: pointer;
}

img.btn-kaiplus {
    vertical-align: bottom;
    background-image: url(../images/kaiplus.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    width: 16px;
    height: 16px;
}

img.btn-ok {
    vertical-align: bottom;
    background-image: url(../images/btn-ok.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    width: 16px;
    height: 16px;
}

img.btn-cancel {
    vertical-align: bottom;
    background-image: url(../images/btn-cancel.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    width: 16px;
    height: 16px;
}

img.btn-lock {
    vertical-align: bottom;
    background-image: url(../images/btn-lock.gif);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    width: 16px;
    height: 16px;
}

img.btn-nolock {
    vertical-align: bottom;
    background-image: url(../images/btn-nolock.gif);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    width: 16px;
    height: 16px;
}


img.btn-forward {
    vertical-align: bottom;
    background-image: url(../images/btn-forward.gif);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    width: 16px;
    height: 16px;
}

img.btn-backward {
    vertical-align: bottom;
    background-image: url(../images/btn-backward.gif);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    width: 16px;
    height: 16px;
}

div.menubar {
    color: black;
    font-weight: normal;
    border: 1px outset #e0e0e0;
    text-align: left;
    background-color: #e0e0e0;
    padding: 1px;
    margin: 0px;
}

img.menu-separator {
    cursor: default;
    font-size: .8rem;
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 0px;
    border-right: 1px solid #b0b0b0;
    margin-right: 2px;
    vertical-align: middle;
    height: 22px;
}

button.menu-active {
    cursor: default;
    display: inline;
    text-align: center;
    background-color: #e0e0e0;
    border: 1px outset white;
    padding: 2px 2px 2px 2px;
    cursor: pointer;
}

button.menu-state-active {
    cursor: default;
    display: inline;
    text-align: center;
    background-color: #f0f0f0;
    border: 1px inset white;
    padding: 2px 2px 2px 2px;
    cursor: pointer;
}

button.menu-state-hover {
    cursor: default;
    display: inline;
    text-align: center;
    background-color: #e0e0e0;
    border: 1px inset white;
    padding: 2px 2px 2px 2px;
    cursor: pointer;
}

button.menu-root-active {
    cursor: default;
    display: inline;
    text-align: center;
    background-color: #e0e0e0;
    border: 1px inset white;
    padding: 2px 2px 2px 2px;
    cursor: pointer;
}

button.menu-inactive {
    cursor: default;
    display: inline;
    text-align: center;
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
    padding: 2px 2px 2px 2px;
    cursor: pointer;
}

img.menu-subarrow {
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/arrow_submenu.gif);
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    margin-left: 2px;
    padding: 2px 2px 2px 2px;
    border: 0px none;
}

img.menu-subarrow-hover {
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/arrow_submenu_w.gif);
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    margin-left: 2px;
    padding: 2px 2px 2px 2px;
    border: 0px none;
}

img.menu-arrow {
    vertical-align: top;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../images/arrow_menu.gif);
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

button.menu-disabled {
    cursor: default;
    color: gray;
    display: inline;
    text-align: center;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
}

div.menu-popup {
    width: 20px;
    border-style: none;
    cursor: pointer;
    visibility: hidden;
    z-index: 100;
    position: absolute;
    background-color: #e0e0e0;
    color: black;
    font-weight: normal;
}

table.menu-popup {
    background-color: #e0e0e0;
    color: black;
    border: 1px solid gray;
    width: 100%;
    white-space: nowrap;
}

td.menu-separator {
    height: 2px;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    border: 0px;
    border-bottom: 1px solid #a0a0a0;
}
a.menu-separator {
    font-size: 1px;
    width: 100%;
    height: 2px;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    border: 0px;
    border-bottom: 1px solid #a0a0a0;
}

td.menu-inactive {
    color: #0071A9;
    background-color: #e0e0e0;
    border: 2px outset #c0c0c0;
    cursor: pointer;
    margin: 0px;
}

td.menu-active {
    color: #0071A9;
    background-color: #CCE3EE;
    border: 2px inset #c0c0c0;
    border-bottom: 1px solid blue;
    cursor: pointer;
}

tr.menu-active {
    color: white;
    background-color: #932b40;
}

tr.menu-active img.menu-subarrow {
    background-image: url(../images/arrow_submenu_w.gif);
}

tr.menu-inactive {
}


span.menu-disabled {
    color: gray;
}



span.poplist1 {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-align:left;
}

span.poplist1 input.poplist1 {
    border: 1px solid #0071A9;
    margin: 2px;
    padding: 2px;
    vertical-align: middle;
    cursor: pointer;
    background-image: url(../images/arrow_menu.gif);
    background-repeat: no-repeat;
    background-position: right;
    text-align:left;
}

span.poplist1 input.poplist1-focus {
    border: 1px dotted #000000;
    margin: 2px;
    padding: 2px;
    vertical-align: middle;
    cursor: pointer;
    color: #932B40;
    background-image: url(../images/arrow_menu.gif);
    background-repeat: no-repeat;
    background-position: right;
    text-align:left;
}

span.poplist1 select.poplist1 {
    border: 1px solid #0071A9;
    margin: 0px;
    padding: 2px;
    background-color: white;
    visibility: hidden;
    display: none;
    z-index: 5;
    text-align:left;
}

span.poplist1 select.poplist1 option.poplist1-selected {
    background-color: #932B40;
    color: white;
    text-align:left;
}

/************************/
/* default tabbox skin  */
/************************/

div.tabbox {
    border: 0px none ;
	padding: 0px;
    margin: 4px 0px 4px 0px;
    border-collapse: collapse;
}

fieldset.tabbox {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

fieldset.tabbox-menu {
    text-align: left;
    margin: 0px;
    padding: 4px 0px 0px 0px;
    border: 0px none;
}

fieldset.tabbox-menu a {
    margin: 1px 0px 1px 2px;
    padding: 0px 4px 1px 4px;
    border: 1px solid gray;
    text-align: center;
    position: relative;
    bottom: 1px;
    cursor: pointer;
    text-decoration: none;
}


fieldset.tabbox-menu a span {
    margin: 0px 12px 0px 12px;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
}

fieldset.tabbox-menu a:focus {
    border: 1px solid gray;
    -moz-outline-color: transparent;
}

fieldset.tabbox-menu a:focus span {
    color: #932b40;
}

fieldset.tabbox-menu a span:focus {
    color: #932b40;
}

fieldset.tabbox-body {
    margin: 0px;
    padding: 4px ;
    border: 1px solid gray;
    background-color: lightgrey;
}


a.tabbox-tab-active {
    color: black;
    background-color: lightgrey;
}

fieldset.tabbox-menu a.tabbox-tab-active:focus {
    border: 1px solid gray;
    border-bottom: 1px solid lightgrey !important;
    border-collapse: collapse;
    -moz-outline-color: lightgrey;
    -moz-outline-style: solid;
}

fieldset.tabbox-menu a.tabbox-tab-active {
    border-bottom: 1px solid lightgrey !important;
}

fieldset.tabbox-menu a.tabbox-tab-active:focus span {
    color: black;
}

a.tabbox-tab-inactive {
    color: white;
    background-color: #c0c0c0;
}

fieldset.tabbox-menu a.tabbox-tab-inactive:focus {
    border: 1px solid gray;
    -moz-outline-color: #c0c0c0;
    -moz-outline-style: solid;
}

a.tabbox-tab-disabled {
    background-color: #c0c0c0;
    color: gray;
}

/* New skin */
div.tng{
	padding-top: 2px;
	border: 0px;
}
div.tng-menu {
	padding: 2px;
	background: lightgrey;
	border: 1px solid gray;
	border-top: 0px;
}
table.tng {
	padding: 2px;
	background: lightgrey;
	border: 1px solid gray;
}
fieldset.tng {
	padding: 2px;
	background: lightgrey;
	border: 1px solid gray;
	border-top: 0px;
        margin: 0px;
}
ul.tng  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 1em;
	position: relative;
	top: 1px;
}
ul.tng li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: 600;
}
ul.tng li {
	float: left;
	margin-right: 2px;
	border: 1px solid gray;
	margin-top: 1px;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	background-color: #E8E8E8;
}
ul.tng a {
	float: left;
	margin: 1px 1px 1px 0px;
	background: #E8E8E8;
	text-decoration: none;
	color: black;
        white-space: nowrap;
}
ul.tng a:hover{
	/*background: #FFA826;*/
	color: black;
}
ul.tng li.activelink a,ul.tabbox li.activelink a:hover{
	background: #E8E8E8;
	color: #932B40;
}
ul.tng li.activelink {
	border-bottom: 1px solid lightgrey;
	background: lightgrey;
}
ul.tng li.activelink a {
    background: lightgrey;
}

/*--------------*/
/* xpBar skin  */
/*--------------*/

div.tabbox-tab-active {
    color: white;
    background-color: #285DCE;
    font-weight: 600;
}

div.tabbox-tab-inactive {
    color: white;
    background-color:  #7597E2;
    font-weight: 600;
    width: 100%;
}
div.tabbox-body {
    margin: 0px;
    padding: 4px ;
    border: 1px solid gray;
    background-color: #D1DCF9;
    width: 100%;
}
img.tabbox-opened-icon {
    vertical-align: middle;
    background-image: url(../images/xp_arrow_down.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}
img.tabbox-closed-icon {
    vertical-align: middle;
    background-image: url(../images/xp_arrow_up.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

table.tree-scroll {
	background-color: lightgrey;
    border-collapse: collapse;
}

fieldset.tree {
    border: 0px solid white;
    padding: 0px;
    margin: 0px;
}

table.tree {
    border: 1px solid #a0a0a0 !important;
    background-color: lightgrey;
    padding: 4px;
    margin: 4px 0px 4px 0px;
    border-collapse: collapse;
}
table.tree span { 
    
}

tr.tree-root {
    color: #f0f0f0;
    height: 18px;
    font-weight: 600;
}


th.tree-root-label {
    border: 1px solid #a0a0a0;
    white-space: nowrap;
    margin: 2px;
}

div.root-label {
    padding: 2px 4px 2px 4px;
    background-color: #0071A9;
}

th.tree-root-cell {
    border: 1px solid #a0a0a0;
    white-space: nowrap;
    margin: 2px;
}

div.root-cell {
    padding: 2px 4px 2px 4px;
    background-color: #0071A9;
}

tr.member-odd {
    background-color: #f0f0f0;
}

tr.member-even {
    background-color: white;
}

tr.member-target {
    background-color: #cce3ee;
}

tr.member-odd > td {
    background-color: #f0f0f0;
}

tr.member-even > td {
    background-color: white;
}

td.tree-member-actions {
    white-space: nowrap;
    padding: 0px;
    vertical-align: middle;
}

td.tree-member-cell {
    border: 1px none #808080;
    margin: 0px 4px 0px 4px;
    padding: 0px 4px 0px 4px;
    white-space: nowrap;
}

td.footer {
    border: 0px none #808080;
    margin: 0px;
    padding: 0px;
    height: 0px;
    width: 1em;
}

td.pager {
    height: 10px;
    font-size: .9rem;
    cursor: pointer;
}

td.pager b.pager {
    color: #0071A9;
}

td.table-member-actions {
    border: 1px solid #CCE3EE;
    border-left: 1px none;
    white-space: nowrap;
    padding-left: 4px;
    vertical-align: middle;
}

td.table-member-cell {
    border: 1px solid #CCE3EE;
    border-right: 1px none;
    margin: 0px 4px 0px 4px;
    padding: 0px 4px 0px 4px;
    white-space: nowrap;
}

span.tree-node-opened {
    vertical-align: middle;
    padding: 1px 4px;
    margin-right: 8px;
    border-width: 1px;
    border-color: #808080 #808080 #e0e0e0 #808080;
    border-style: solid;
    background-color: #e0e0e0;
    position: relative;
    top: 3px;
    z-index: 2;
}

span.tree-node-closed {
    margin-right: 8px;
    vertical-align: text-bottom;
    white-space: nowrap;
}

span.tree-node-opened {
    margin-right: 8px;
    vertical-align: text-bottom;
    white-space: nowrap;
}

span.tree-node-opened > span {
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

span.tree-node-closed > span {
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

span.tree-member-label {
    color: black;
}
span.tree-member-labelh {
    font-weight:600;
}
span.tree-member-labeli {
    color: black;
    font-style: italic;
}
span.tree-member-labeln {
    color: purple;
}
span.tree-member-labelu {
    color: green;
}
span.tree-member-labelo {
    color: blue;
}
span.tree-member-labeld {
    color: gray;
}
span.tree-member-labele {
    color: red;
}

input.tree-member-select {
    vertical-align: text-bottom;
    margin: 0px;
    padding: 3px;
    width: 14px;
    border: 0px;
}

div.tree-content {
    margin: 1px;
    padding: 4px;
    border: 1px solid #808080;
    background-color: #e0e0e0;
    z-index: 1;
}

fieldset.tree-content {
    margin: 2px 1px 1px 0px;
    padding: 4px;
    border: 1px solid #808080;
    background-color: #e0e0e0;
    z-index: 1;
}

td.tree-member-actions img {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

td.table-member-actions img {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

td.table-member-actions input[type='image'] {
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

input[type='image'].checkbox_reset {
    background-image: url(../images/checkbox_reset.gif);
}
input[type='image'].checkbox_set {
    background-image: url(../images/checkbox_set.gif);
}
input[type='image'].checkbox_unset {
    background-image: url(../images/checkbox_unset.gif);
}
input[type='image'].radio_reset {
    background-image: url(../images/radio_reset.gif);
}
input[type='image'].radio_set {
    background-image: url(../images/radio_set.gif);
}
input[type='image'].radio_unset {
    background-image: url(../images/radio_unset.gif);
}

span.tree-node-opened img {
    vertical-align: middle;
    background-image: url(../images/udot.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

span.tree-node-closed img {
    vertical-align: middle;
    background-image: url(../images/ddot.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

img.tree-leaf {
    background-image: url(../images/list.gif);
}

img.tree-leaf-info {
    background-image: url(../images/triangle.gif);
}

img.tree-leaf-infos {
    background-image: url(../images/triangleS.gif);
}

img.tree-leaf-symbol {
    background-image: url(../images/square.gif);
}

img.tree-leaf-symbols {
    background-image: url(../images/squareS.gif);
}

img.tree-leaf-taxo {
    background-image: url(../images/triparal.gif);
}

img.tree-leaf-taxos {
    background-image: url(../images/triparalS.gif);
}

img.tree-leaf-scalar {
    background-image: url(../images/rond.gif);
}

img.tree-leaf-scalars {
    background-image: url(../images/rond_mult.gif);
}

img.tree-node-unfold {
    background-image: url(../images/folder_c.gif);
}

img.tree-node-fold {
    background-image: url(../images/folder_o.gif);
}

img.tree-casebase-unfold {
    background-image: url(../images/FS_classSub_c.gif);
}

img.tree-casebase-fold {
    background-image: url(../images/FS_classSub_o.gif);
}

img.tree-class-unfold {
    background-image: url(../images/FS_classRoot_c.gif);
}

img.tree-class-fold {
    background-image: url(../images/FS_classRoot_o.gif);
}

img.tree-node-bullet0 {
    background-image: url(../images/bullet0.gif);
}

img.tree-node-bullet1 {
    background-image: url(../images/bullet1.gif);
}

img.tree-node-composite {
    background-image: url(../images/composite.gif);
}

img.tree-node-view {
    background-image: url(../images/view.gif);
}

img.tree-node-profile {
    background-image: url(../images/profile.gif);
}

img.tree-node-quest {
    background-image: url(../images/quest.gif);
}

img.tree-node-book {
    background-image: url(../images/book.gif);
}

img.tree-node-user {
    background-image: url(../images/user.gif);
}

img.tree-node-setting {
    background-image: url(../images/setting.gif);
}

img.tree-node-security {
    background-image: url(../images/key.gif);
}

img.tree-node-adapter {
    background-image: url(../images/adapter.gif);
}

img.tree-node-measure {
    background-image: url(../images/measure.gif);
}

img.tree-node-database {
    background-image: url(../images/database.gif);
}

img.tree-node-dynamic {
    background-image: url(../images/dynamic.gif);
}

img.tree-node-result {
    background-image: url(../images/result.gif);
}

img.tree-std-unfold {
    background-image: url(../images/plus.gif);
}

img.tree-std-fold {
    background-image: url(../images/minus.gif);
}

img.tree-std {
    background-image: url(../images/dot.gif);
}