/*
 * main.css - Arachne general style sheet
 *
 * rules to follow when adding new items:
 * () default background is colored #eee
 * () default text color is black
 * () red color is #e20a16
 * () input elements (input,select,textarea) have white background
 */

body {
  font: normal normal normal 10pt/11pt Arial, Verdana, sans-serif;
  background-color: #eee;
  color: black;
  padding: 5px;
  margin: 0;
  /* scrollbar-* is for IE only */
  scrollbar-arrow-color : white;
  scrollbar-3dlight-color : #bbb;
  scrollbar-highlight-color : #ddd;
  scrollbar-face-color : #999;
  scrollbar-shadow-color : #777;
  scrollbar-darkshadow-color : #555;
  scrollbar-track-color : white;
}

p {
  margin: 5px 0;
  padding: 0;
}

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

table {
  font: normal normal normal 10pt/11pt Arial, Verdana, sans-serif;
  margin: 0;
}

form { margin: 0; }
span { margin: 0; padding:0; }
div {margin: 0; padding: 0; }
img { border-style: none; }

hr {
  color: white;
  background: inherit;
  height: 1px;
}

.horizontal {
  writing-mode: tb-rl; /* IE5.5+ only, part of proposed future standard CSS3 */
  filter: flipv fliph; /* IE5.5+ only, part of proposed future standard CSS3 */
}

/* --(form elements)-- */

input {
  background-color: white;
  color: black;
}

select {
  background-color: white;
  color: black;
}

textarea {
  background-color: white;
  color: black;
}

button {
  background-color: transparent;
  color: black;
  border-style: none;
}

/* --------------------------------------------------------------------------*/

body.head {
  background-color: white;
}

/* classical link - to be used where the link needs to be distinguished */
a.link {
  text-decoration: underline;
}

a.link:hover {
  color: #e20a16;
  background: inherit;
}

/* to be used for links on arachne objects */
a.obj_link {
  text-decoration: underline;
}

a.obj_link:hover {
  color: #e20a16;
  background: inherit;
}

/* table style to be used for object list, search result list, etc. */
table.general {
  width: 100%;
  border: 1px solid #555;
  border-collapse: collapse;
  empty-cells: show;
  margin: 10pt 0;
}

caption.general {
  font-weight: bold;
}

th.general {
  background-color: #555;
  color: white;
  border: 1px solid #999;
  padding: 0 3px;
}

th.soft {
  background-color: white;
  font-weight: normal;
  color: black;
  border: 1px solid #999;
  padding: 0 3px;
}

td.general {
  background-color: white;
  color: black;
  border: 1px solid #999;
  padding: 0 3px;
}

td.generalbold {
  background-color: white;
  color: black;
  border-left: 1px solid #999;	  
  border-top: 1px solid #999;	  
  border-right: 1px solid #999;
  border-bottom: 2px solid #999;
  padding: 0 3px;
}

td.icon {
  background-color: white;
  color: black;
  padding: 0;
  width: 16px;
}

/* used e.g. for associated objects rows in search result for revision */
td.subitem {
  background: #eee;
  color: #999;
  border: 1px solid #999;
  padding: 0 3px;
}

td.operation {
  background-color: white;
  color: black;
  border: 1px solid #999;
  padding: 0 3px;
}

td.label {
  color: black;
  background-color: #fff;
  font-weight: bold;
  padding: 3px;
  vertical-align: middle;
}

td.count {
  background-color: white;
  border-left: 1px solid #999;
  font-weight: bold;
}

/* ------------------- */

div.message {
  color: #e20a16;
  background: inherit;
  font-weight: bold;
  padding: 3px;
  margin: 3px 0;
}

div.note {
  color: black;
  background: inherit;
  font: normal normal normal 8pt/9pt Arial, Verdana, sans-serif;
  margin: 10px 0;
}

div.error {
  color: #e20a16;
  background: inherit;
  font-weight: bold;
}

/* use with input type=submit,reset if no border is needed */
input.button {
  background-color: transparent;
  color: #e20a16;
  border-style: none;
  cursor: pointer; /* w3c standard for link pointer */
  cursor: hand;    /* non-standard for IE */
}

/* use with input elements of type=image to override the default white
 * of input elements backgroud */
input.image {
  background: inherit;
}

/* use with input elements of type=checkbox to override the default white
 * of input elements backgroud */
input.check {
  background: iherit;
}

td.item {
  border: 1px solid #999;
  color: #999;
  background-color: white;
}

td.item_inactive {
  border: 1px solid #999;
  color: #999;
  background-color: #ddd;
}

td.menu_item {
  border: 1px solid #999;
  color: #999;
  background-color: white;
}

td.item_main {
  color: white;
  background-color: #e20a16;
  font-weight: bold;
}

td.item_selected {
  border: 2px solid #e20a16;
  color: #999;
  background-color: white;
}

td.item_selected_inactive {
  border: 2px solid #e20a16;
  color: #999;
  background-color: #ddd;
}

td.space {
  width: 15px;
}

td.action {
  background-color: white;
  color: #e20a16;
  border: 1px solid #999;
  text-align: center;
}

td.action_disabled {
  background-color: white;
  color: #999;
  border: 1px solid #999;
  text-align: center;
}

a.action {
  background: inherit;
  color: #e20a16;
}

a.header {
  color: black;
  text-decoration: underline;
}

a.header:hover {
  color: #e20a16;
}
/* --(masks)-- */

/* contents of the object in view, edit, and search mode when
 * no tabs are needed for more parent group view */
table.contents_no_tabs {
  border: 1px solid #999;
  width: 100%;
  margin: 0;
  background-color: #f7f7f7;
}

/* attribute group name cell */
td.grp_name {
  color: white;
  background-color: #444;
  font-weight: bold;
}

/* attribute name cell */
td.attr_name {
  color: #444;
  background: inherit;
  padding: 0 3px;
}

/* cell for table attribute name */
td.tab_attr_name {
  color: black;
  background-color: #999;
  font-weight: bold;
}

/* attribute value cell */
td.attr_value {
  color: black;
  background-color: #ddd;
}


/* second attribute name cell */
td.attr_name2 {
  color: #999;
  text-align: right;
  padding-right: 5px;
  background: inherit;
}

td.attr_value2 {
  color: black;
  background-color: #fdd;
}

/* attribute value cell in edit mode */
td.attr_val_edit {
  color: black;
  background-color: white;
  border: 1px solid #999;
}

/* required attribute value cell in edit mode */
td.attr_val_required {
  color: black;
  background-color: white;
  border: 1px solid #999;
}

/* attribute value input element in edit mode */
input.attr_val_edit {
  border: 1px solid #999;
}

/* required attribute value input element in edit mode */
input.attr_val_required {
  color: black;
  background-color: #fdd;
  border: 1px solid #999;
}

/* attribute value selection combo box in edit mode */
select.attr_val_edit {
  border: 1px solid #999;
}

/* required attribute value selection combo box in edit mode */
select.attr_val_required {
  color: black;
  background-color: #fdd;
  border: 1px solid #999;
}

/* attribute value textarea in edit mode */
textarea.attr_val_edit {
  border: 1px solid #999;
}

/* required attribute value textarea in edit mode */
textarea.attr_val_required {
  color: black;
  background-color: #fdd;
  border: 1px solid #999;
}

/* class to be used for arachne command button */
input.button_w_border {
  color: #e20a16;
  background-color: white;
  border: 1px solid #999;
}


/* to be used when button should look like ordinary text */
input.text_button {
  background: inherit;
  border-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer; /* w3c standard for link pointer */
  cursor: hand;    /* non-standard for IE */
}

/* to be used when button should look like ordinary text */
input.link_button {
  background: inherit;
  border-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer; /* w3c standard for link pointer */
  cursor: hand;    /* non-standard for IE */
  text-decoration: underline;
}

/* label for interval input descripton */
div.label_interval {
  color: black;
  background: iherit;
  font: normal normal normal 9pt/10pt Arial, Verdana, sans-serif;
  margin-top: 4pt;
  margin-bottom: 2pt;
}

/* big title label, to be used for object type names, servlet names, etc. */
div.label_main {
  color: white;
  background-color: #e20a16;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 3px;
}

/* to be used within div.label_main */
select.label_main {
  background-color: #e20a16;
  color: white;
  font-weight: bold;
  border-style: none;
}

/* --(shortview)-- */

td.shortview_attr_name {
  color: #999;
  background-color: white;
  padding-right: 10px;
  padding-left: 5px;
}

td.shortview_attr_value {
  color: black;
  background-color: white;
  padding: 0 3px;
}

td.relation {
  padding-right: 5px;
  padding-left: 5px;
  border: 1px solid #999;
  text-align: center;
  white-space: nowrap;
}

a.relation {
  color: #black;
  background: inherit;
  font-weight: bold;
}

a.relationempty {
  color: #999;
  background: inherit;
  font-weight: bold;
}

a.relation:hover {
  color: #e20a16;
  background: inherit;
  font-weight: bold;
}

a.relationempty:hover {
  color: #e20a16;
  background: inherit;
  font-weight: bold;
}

/* --(rights)-- */

table.rights {
  width: 100%;
  border-spacing: 0;
  background-color: white;
  color: black;
  border: 1px solid #999;
  margin-bottom: 5px;
}

/* left part of rightview table */
td.lefts { width: 90%; }

/* left table of the rightview table (group list) */
table.lefts { width: 100%; }

td.rcheck {
  width: 22px;
  background-color: #999;
  color: white;
  font-weight: bold;
  text-align: center;
}

/* --(user-group tree)-- */

td.user_group {
  background-color: #eee;
  color: black;
}

td.user_group_special {
  background-color: #eee;
  color: #e20a16;
  font-weight: bold;
}

/* --(chart filter)-- */

input.chart_text {
  font-size: 7pt;  
  border: 1px solid #999;
  color: black;
  width: 50pt;
  height: 12pt;
}

input.chart_button {
  font-size: 8pt;
  background: white;
  color: #e20a16;
  border-style: none;
  cursor: pointer; /* w3c standard for link pointer */
  cursor: hand;    /* non-standard for IE */
}

select.chart_select {
  height: 12pt;
  border: 1px solid #999;  
  font: normal normal normal 7pt Frutiger, Verdana, Arial, sans-serif;
  background-color: white;
}

td.chart_descr {
  font-size: 8pt;
  white-space: nowrap;
  color: #999;
  padding: 0;
  vertical-align: middle;
}

td.chart_input {
  font-size: 8pt;
  white-space: nowrap;  
  color: #999;
  padding: 10px 0 0 0px;
}

td.chart_menu {
  width: 300pt;  
	white-space: nowrap;	
  font-size: 7pt;
	color: #444;
  background: inherit;  
  text-align: center;
  padding: 0;
  margin: 0;
}

td.chart_menu_selected {
	width: 300pt;  
	white-space: nowrap;
	font-size: 7pt;
	color: #e20a16;
  background: inherit;  
  text-align: center;
  padding: 0;
  margin: 0;
}

table.chart_menu {
  background: white;	
  margin: 0;
}

td.error {
  color: #e20a16;
  background: inherit;
  font-weight: bold;
}