*.dim {
}

ul.dropdown {
  position: absolute;
  z-index: 100;
  overflow: visible;
  margin: 0px;
  padding: 0px;
  list-style-type: none;  
}
ul.dropdown li {
  margin: 0px;
  padding: 3px;
	
}
img.icon {
  height:16px;
  border-style:none;
  padding:0px;
}
div.header {
  padding-bottom: 5px;
  margin-bottom: 0px;  
  background-color: #F0F0F0;
}
div.header * :not.ul {
  background-color: #F0F0F0;
  margin-bottom: 2px;  
}
ul.dropdown {
  background-color: black;
  color: white;
}
select.search_condition {
  border-color: light-gray;
  background: inherit;
}

/*div.table div.tr:nth-child(even) {background: #FFFFFF}*/
/*div.table div.tr:nth-child(odd)  {background: #C0C0FF}*/

div.login div.tr:nth-child(even) {background: #FFFFFF}
div.login div.tr:nth-child(odd)  {background: #FFFFFF}
div.login div.tr:first-of-type   {background: #E0E0FF}

div.attachment_tools {
  width: inherit;
}
div.attachment_tools button  {
  border-style: solid;
  border-width: 1px;
  border-color: black;
  display: inline-block;
  height: 20px;
  background-color: #D0FFD0;
}
div.attachment_tools input  {
  display: inline-block;
  width: auto;
  height: 20px;
}

div.error {
  color:black;
  background:#ffe0e0; 
}

input {
  background:inherit;
  color:inherit;
}
div.table {
  display:inline-block;
  font-size: 0.725em;
}
div.login {
}
div.alert {
  margin-right:5px;
  float:right;
}
fieldset {
  padding:0px;
}
fieldset.stock {
  margin-top:20px;
  font-size: 0.9em;
}
fieldset.stock  legend {
  font-weight: bold;
  font-size: inherit;
}

div.login  div.tr {
  margin-bottom:2px;
}
fieldset.login div.header {
  width:250px;
  font-weight:bold;
  text-align:center;
}
fieldset.login div.message {
  margin-top:3px;
  width:250px;
  text-align:center;
  color:#800000;
}
fieldset.login div.legend {
  background: #FFFFFF;
  width:100px;
  padding-left: 5px;
}
fieldset.login div.control {
  background: #FFFFFF;
  width:150px;
  padding-right: 5px;
}
fieldset.login div.footer{
  margin-top:3px;
}
fieldset.login {
  font-size:12pt;
}
legend {
  font-weight: bold;
}
fieldset.edit_grid_view div.legend {
  width:80px;
}
fieldset.edit_grid_view div.control {
  width:150px;
}
fieldset.edit_grid_fixed div.legend {
  width:75px;
  padding-left: 3px;
}
fieldset.edit_grid_fixed div.control {
  width:200px;
}
fieldset.edit_column_view div.legend {
  width:85px;
  padding-left: 3px;
}
fieldset.edit_column_view div.control {
  width:150px;
}
fieldset.edit_column_fixed div.legend {
  width:80px;
  padding-left: 3px;
}
fieldset.edit_column_fixed div.control {
  width:220px;
}
*.setedit {
 
  overflow: hidden;
}
div.tr div div.editblock {
height: auto;
  display: inline-block;
}
div.editblock button.remrel {
  display: block;
  vertical-align: top;
}
div.tv {

}
div.tvw {
  width: inherit;
  font-size: 0.7em;
}
div.tv *.* {
  display: inline-block;  
}
*.relfol {

  overflow: hidden;
}


button {
  overflow:hidden;

}
object {
  display:inline;
}
body {
 font-family:Arial;
 background: #D0D0D0;
}
div.tr {
  font-family: inherit;
  font-size: inherit;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
}
div.tr *  {
  font-family: inherit;
  font-size: inherit;
  /*display:inline-block; */
  vertical-align:middle;
}
div.tr  div div {
  font-family: inherit;
  font-size: inherit;
  display: inline;
}
div.tr div  {
  font-family: inherit;
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
}

div.header div.tr {
  font-family: inherit;
  font-size: inherit;
  display: block;
  box-sizing: border-box;
}
div.header div.tr div  {
  font-family: inherit;
  font-size: inherit;
  display:inline-block;
  vertical-align:middle;
}
div.header div.tr  div div {
  font-family: inherit;
  font-size: inherit;
  display:inline;
}
/*div.th {
  background: wheat;
  font-family: inherit;
  font-size: inherit;
  display: block;
  
}
div.th div  {
  display:inline-block;
  overflow:hidden;
}
div.th  div div {
  display:inline;
} */

div.relfol {
  display:inline;
  padding-right:5px;
}
div.sizeable_inner {
  overflow:auto;
}
div.td {
  display:block; 
  height:inherit;
  width:100%;
  vertical-align:middle;
}
div.cell {
  height:inherit;
}
div.td div.cell {
  display:inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 100%;
  height: inherit;
}
div.td div div {
  display: inline;
  vertical-align: middle;
}

div.desktop_message_bar {
  font-family:Arial;
  font-size: 0.725em;
  padding-left:5px;
}
div.panel_message_bar {
  font-family:Arial;
  font-size: 0.725em;
  padding-left:5px;
  padding-top: 3px;
  padding-bottom: 3px;
}
div.desktop_toolbar button {
  border-style:solid;
  border-width:1px; 
  margin-right:5px;
}
div.desktop_toolbar span {
  display:inline-block;
  font-family:Arial;
  font-size: 0.725em;
  margin-right:10px;
  padding-top:3px;
  float:right;
}
div.form_header {
  width:120%;
}
div.form_header div {  
  font-family:Arial;
  font-size:20px;
  background:#E0E0E0;
  text-align:center;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:20px;
  border-style:solid;
  border-width;1px;
  
}
button.delete_col {
  border-style:Solid;
  border-width:1px;
  border-color:black;
  color:#800000;
  background:white;
  width:120px;
}
button.rebuild {
  border-style:Solid;
  border-width:1px;
  border-color:blue;
  background:ivory;
  width:120px;	
}
button.renumber {
  border-style:Solid;
  border-width:1px;
  border-color:blue;
  background:ivory;
  width:120px;	
}
button.form_button {
  border-style:solid;
  border-width:1px;
  border-color:black;
  margin-left:5px;
}
button.param_selector {
  display:block;
  width:100%;
}
*.rangebox {
 font-size: 10px;
 width:100%;
}
*.search_condition {
 font-size: 10px;
 width:100%;
}
div.msg_info {
  background:#90EE90;
}
div.msg_warning {
  background:#ff7f50;
}
div.msg_error {
  background:#800000;
  color:white;
}
div.msg_none {
  background:inherit;
}

/* Colours for parameters and objects */
*.d_system {
  color:#800000;
}
*.d_grid {
  color:red;
}
*.d_column {
  color:blue;
}
*.d_coldef {
 color:darkblue;
}
*.d_cell {
  color:midnightblue;
}
*.d_row {
  color:green;
}
*.d_undef {
  
}
button.panel_structure {
  
}
button.collapse_view {
  border-style:none;
  background-color:#D0FFD0;
}
button.fsc {
  padding-left:5px;
}
button {
  border-style:none;
  padding-left:3px;
  padding-right:3px;
  background-color:inherit;
  color:inherit;
  display:inline;
  overflow:inherit;
  text-align:inherit;
  height: inherit;
}
button.grid_edit_col {
  padding:0px;
  margin:0px;
}
button.grid_edit_cell {
  padding:0px;
  margin:0px;
}
button.show_delete {
  float:right;
}
button.delete_all {
  float:right;
  border-style:single;
  border-width:1px;
  border-color:black;
  color:red;
}
button.delete_page{
  float:right;
  border-style:single;
  border-width:1px;
  border-color:black;
  color:red;
}
input.login {
  text-align:center;
  font-size: 1.2em;
}
input.grid_name {
  width: 100px;
}
input.grid_edit_cell {
  padding:0px;
  margin:0px;
}
input.def_ident {
  width:200px;
}
input.nesting_level {
  width:35px;
}
input.load_table {
  font-family:Arial;
  font-size: 0.725em;
  width:200px;
}
button.load_table {
  border-style:solid;
  border-width:1px;
  border-color:gray;
  font-family:Arial;
  font-size: 0.725em;
}
button.delete_col {
  float:right;
}
button.remrel {

}
button.showlist {
  border-style:solid;
  border-width:1px;
  border-color:gray;
  background-color:#E0E0E0;
  color:black;
  margin-left:5px;
  margin-right:0px;
  padding-left:2px;
  padding-right:2px;
}
button.remlist {
  color:#FF0000;
  margin-left:0px;
  margin-right:0px;
}
button.selectedlist {
  padding:0px;
  margin:0px;
  background-color:#40FF40;
}
button.unselectedlist {
  padding:0px;
  margin:0px;
}
button.size_toggle {
  transform: translateY(3px);
}
button.logout {
  float:right;
}
button.addlist {
  padding:0px;
  margin-right:5px;
}
button.addview {
  padding:0px;
  margin-right:5px;
}

button.follow_p1 {
  border-style:solid;
  border-width:1px;
  border-color:blue;
}
button.follow_p1_err {
  border-style:solid;
  border-width:1px;
  color:White;
  background-color:#800000;
  border-color:black;
}
button.follow_p2 {
  border-style:solid;
  border-width:1px;
  border-color:blue;
}
button.follow_p2_err {
  border-style:solid;
  border-width:1px;
  border-color:#800000;
}
button.search_go {
  width:25px;
}
input.rename_col {
  border-style:solid;
  border-width:1px;
  border-color:#800080;
}
div.parameters div.td {
  padding-left:10px;
}
input.items_per_page {
  width:35px;
}
input.start_from {
  width:35px;
}
input.page_buttons {
  width:35px;
}
input.object_height {
  width:35px;
}
input.content_height {
  width:35px;
}
input.content_width {
  width:35px;
}
input.col_title {
  width: 100px;
}
input.content_prefix {
  width: 100px;
}
input.content_postfix {
  width: 100px;
}
input.ind {
  width:35px;
}
input.col_title {
}
input.col_width {
  width:35px;
}
input.presearch {
}
input.text {
  width: 200px;
} 
input.integer {
  width: 50px;
} 
input.colour {
  width: 50px;
}
span.colourdisplay {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  width: 50px;
}

input {
  border-style:solid;
  border-width:1px;
  border-color:gray;
  width:100%;
  box-sizing: border-box;
  text-align: inherit;
}
input.grid_input_cell {
  border-style:solid;
  border-width:1px;
  border-color:blue;
  width:100%;
  box-sizing: border-box;
}
input.newlist_name {
  margin-left:2px;
  font-size: 0.7em;
  vertical-align:middle;
  transform: translateY(-3px);
  width:70px;
}
input.newview_name {
  margin-left:2px;
  font-size: 1.0em;
  vertical-align:middle;
  transform: translateY(-4px);
  width:50px;
  border-color:blue;
}
div.idents {
  font-size: 0.75em;
  padding-top: 5px;
  padding-left:5px;
  padding-right:5px;
}
div.stock {
  padding-top: 5px;
  font-size: 0.75em;
  padding-left:5px;
  padding-right:5px;
}
div.plgroups {
  padding-top: 5px;
  font-size: 0.75em;
  padding-left:5px;
  padding-right:5px;
}
div.identtitle {
  padding-left:5px;
  background-color: lightgray;
  font-weight: bold;
}
div.stockhdr {
  padding-left:5px;
  background-color: lightgreen;
  font-weight: bold;
  font-size: inherit;
}
div.plgrouptitle {
  padding-left:5px;
  font-weight: bold;
  background-color: pink;
}
div.stockline {
  margin-left: 5px;
}
div.identline {
  margin-left: 5px;
}
div.plgroup {
  margin-left: 5px;
}
div.plhdr{
  margin-left: 10px;
}
div.panel_data {
  border-style:dotted;
  border-width:1px;
  border-color:red;
  background:#E0E0FF;
}
div.panel_outer {
  border-style:dotted;
  border-width:1px;
  border-color:blue;
  background-color:white;
}
div.params {
  margin-top:2px;
  margin-bottom:2px;
}
div.panel_inner { 
  width:auto;
  border-style:none;
}
div.grid_row_tools_left {
  display:inline-block;
}
div.grid_row_tools_right {
  display:inline-block;
}
div.panel_topbar {
  background-color:#E0E0F0;
  font-family:Arial;
  font-size: 0.725em;
  display:block;
}
div.toolbar {
  margin:0px;
  padding-top:3px;
  padding-bottom:3px;
  background-color:#FFFFF;
  font-family:Arial;
  font-size: 0.6em;
  display:block;
  overflow:hidden;
}
div.edit_tools {
  display: inline-block;  
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;

}
div.edit_tools fieldset {
  padding: 0px;
margin: 0px;
}

div.list_selector {
  display: inline;  
}
div.panel_topbar span {
  display: inline-block;  
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
}
div.panel_bottombar {
  width:100%;
  height:20px;
  display:block;
}
div.size_handle {
  float:right;
}
button.tool_button {
  height: auto;
/*  position: relative;
  top: 50%;
  transform: translateY(-50%);
*/
}
button.cellbutton {
  background-color:#D0D0A0;
  border-width:1px;
  border-color:gray;
}
button.target_row {
  width:16px;
}
button.fsc {
  transform: translateX(-7px);
}
button.hidegridbar {
  background-color:#D0FFD0;
  border-width:1px;
}
button.hideselectorbar {
  background-color:#D0FFD0;
  border-width:1px;
}

button.hidelistbar {
  background-color:#D0FFD0;
  border-width:1px;
}
button.edit_grid_selected {
 background-color:#D0FFD0;
}
button.panel_display_selected {
 background-color:#D0FFD0;
}
button.panel_edit_selected {
  background-color:#D0FFD0;
}
button.panel_structure_selected {
  background-color:#D0FFD0;
}
button.close_panel {
  background-color:transparent;
  transform: translateY(3px);
}
button.expand_panel {
  transform: translateY(3px);
}
button.collapse_panel {
  transform: translateY(3px);
}
button.add_row_ok {
  color:#green;
}
button.set_search_hidden {
  background-color:#D0FFD0;
}
button.set_search_visible {
}

button.panel_display span { 
  font-size:0.6em;
  font-style:bold;
  position: relative;
  left: -13px;
  top: -3px;
}


div.pagination {
  font-family:Arial;
  font-size: 0.725em;
}
*.link {
  text-decoration-line: underline;
  color:blue;
}
div.selected  {
  border-style:dotted;
  border-color:red;
  border-width:1px;
}
div.new_row td {
  border-style:dotted;
  border-color:green;
  border-width:1px;
}
td.selected_col {
  background-color:#FF8080;
}

*.srch_field {
  width:inherit;
}
*.grid_input_cell {
  width:inherit;
}
*.hs {
 overflow-x:auto;
 overflow-y:none;
}
*.vs {
 overflow-y:auto;
}
*.as {
 overflow:auto;
}
*.bsnon {
  border-style: none;
}
*.bssol {
  border-style: solid;  
}
*.bsdot {
  border-style: dotted; 
}

*.bs {
  border-width: 0px 0px 0px 0px;
}
*.bsl{
  border-width: 0px 0px 0px 1px;
}
*.bsb {
  border-width: 0px 0px 1px 0px;
}
*.bsbl {
  border-width: 0px 0px 1px 1px;
}
*.bsr {
  border-width: 0px 1px 0px 0px;
}
*.bsrl {
  border-width: 0px 1px 0px 1px;
}
*.bsrb{
  border-width: 0px 1px 1px 0px;
}
*.bsrbl {
  border-width: 0px 1px 1px 1px;
}
*.bst {
  border-width: 1px 0px 0px 0px;
}
*.bstl {
  border-width: 1px 0px 0px 1px;
}
*.bstb {
  border-width: 1px 0px 1px 0px;
}
*.bstbl {
  border-width: 1px 0px 1px 1px;
}
*.bstr {
  border-width: 1px 1px 0px 0px;
}
*.bstrl {
  border-width: 1px 1px 0px 1px;
}
*.bstrb {
  border-width: 1px 1px 1px 0px;
}
*.bstrbl{
  border-width: 1px 1px 1px 1px;
}

*.hide {
 overflow:hidden;
}
*.lj {
  text-align:left;
}
*.c {
  text-align:center;
}
*.rj {
  text-align:right;
}
div.grid {
 margin:10px;
}

div.tile {
  float:left;
  display:inline-block;
  border-style:solid;
  border-color:gray;
  border-width:1px;
  padding:2px;
  overflow:hidden;

}
button.panel_view {
  border-style:solid;
  border-color:blue;
  border-width:1px;
  margin-right:5px;
}
div.newgridbar {
  padding-top:3px;
}
fieldset.view_tools {
  padding-top:3px;
}
div.view_tools span {
  margin-top:5px;
  display:inline-block;
  margin-left:5px;
  font-family:Arial;
  font-size: 0.6em;
  margin-right:3px;
  transform: translateY(-3px)
}
div.list_tools {
margin-top:5px;
  display:inline-block;
  margin-left:5px;
  font-family:Arial;
  font-size: 0.6em;
  margin-right:3px;
  transform: translateY(-3px)
}
fieldset {
  display:inline-block;
  vertical-align:top;
  font-size: 0.9em;
  font-family:inherit;
  min-height:30px;
}
legend {
  font-family:inherit;
  font-size: 0.7em;
}
fieldset input {
  font-size: 0.9em;
}
fieldset button {
  font-size: 0.9em;
}
span.selitem {
  font-family:inherit;
  font-size: 0.7em;
  padding-right:10px;
}
button.selector {
  border-style:solid;
  border-color:gray;
  border-width:1px;
  margin-right:2px; 
  font-size:10px;
  transform: translateY(-3px);
}
div.td button.selector {
  transform:none;
  margin-left:0px;
}
button.selected {
  background-color:#80FF80;
}
button.data_type {
  width:75px;
}
div.listbar {
  padding-top:5px;
  font-family:Arial;
  font-size: 0.725em;  
}

div.desktop_toolbar span.org {
  color:black;
  font-size: 1.0em;
  font-weight:normal;
  float:none;
  padding-left:10px;
  padding-right:10px;
}
div.desktop_toolbar  span.user {
  color:black;
  font-size: 1.0em;
  font-weight:norml;
  float:none;
  padding-left:10px;
  padding-right:10px;
}