BODY {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  /** Deploy: */
  background-color: #B6BCD2; /* */
  /** Develop: background-color: #B6BC88; /* */
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em; /* 11px */

  /**
   TODO: For IE (and Opera) only
   See http://www.websawards.org/faq/scrollbars.htm
  */
  scrollbar-arrow-color: #154A8A;
  scrollbar-3dlight-color: #D6DCF2;
  scrollbar-darkshadow-color: #C5CAC9; /** var annan färg */
  scrollbar-shadow-color: #C5CAC9; /** var annan färg */
  scrollbar-track-color: #B6BCD2;
  scrollbar-base-color: #D6DCF2;
  scrollbar-face-color: #D6DCF2;

  /** Avoid scrollbar if not needed */
  overflow: auto;
}

TABLE {
  font-size: 1em; /* 11px */
}

TABLE.main {
  background-color: white;
  border: 1px solid black;
}

TD.contentArea {
	text-align: left;
}

/* IMAGES */
IMG {
  border : none;
}

/** Form posting buttons, such as Ok, Delete... */
IMG.formButton , INPUT.formButton {
  border : none;
  vertical-align: bottom;
  margin-top:    1px;
  margin-bottom: 1px;
  margin-left:   5px;
  margin-right:  20px;
}

/** Seach button, calendar button, new row button */
IMG.searchButton {
  vertical-align: bottom;
  margin:    1px;
}


/* TABLES */
TABLE.list {
  /* Color was #D3D3D3 */
  border-top: 1px solid #B3B3B3;
  border-left: 1px solid #B3B3B3;
/*
  border-right: 1px solid black;
  border-bottom: 1px solid black;
/*  text-align: left; */
  font-weight: normal;
  padding: 2px
}

TABLE.list TH {
  background-color: #D6DCF2;
  /** background-color: #E5EAE9;
  */
  border-right: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  /* text-align: left; */
  font-weight: normal;
  padding: 2px
}

/**
 For cells and cells cells in tables in layout tables...
 */
TABLE.list TD,  TABLE.layout TABLE.list TD {
  background-color : #FFFFFF;
  border-right: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  text-align: left;
  font-weight: normal;
  padding: 2px;
  vertical-align: top;
}

TABLE.layout, TABLE.layout TD
{
  background: White;
  border: none;
  vertical-align : top;
}

.group {
  background: White;
  vertical-align : top;
  border-top: 1px solid #D3D3D3;
  border-left: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
  text-align: left;
  font-weight: normal;
  width: 100%;
}

HR.line {
  color: #D3D3D3;
  height: 1px;
}

/** Make cells bold */
TABLE.list TR.bold TH,  TABLE.list TR.bold TD {
  font-weight: bold;
}

TH.right, TD.right {
  text-align: right;
}

/* FORMS */

/* Snygg färg!
INPUT.text {
font-weight: bold;
color: #154A8A;
font-family: Arial, Helvetica, sans-serif
}
*/

.logo {
background-position: center center;
background-attachment: scroll;
background-image: url(../images/expert_systems.jpg);
background-repeat: no-repeat
}

INPUT, SELECT, TEXTAREA {
border-right: #3A3A3A 1px solid;
border-top: #3A3A3A 1px solid;
border-left: #3A3A3A 1px solid;
border-bottom: #3A3A3A 1px solid;
font-weight: normal;
  font-size: 1.18em; /* 10pt = 13px (?) */
color: Black;
/* font-family: Arial, Helvetica, sans-serif; */
font-family: Arial, Helvetica, sans-serif;
background-color: #F9F8F6
}

INPUT.error, SELECT.error, TEXTAREA.error {
border-right: #000000 1px solid;
border-top: #000000 2px solid;
border-left: #000000 1px solid;
border-bottom: #000000 2px solid;
background-color: #F0691C
}

INPUT.required, SELECT.required, TEXTAREA.required {
  border-right: #3A3A3A 1px solid;
  border-top: #3A3A3A 1px solid;
  border-left: #3A3A3A 1px solid;
  border-bottom: 2px solid #154A8A;
  /* border: black 2px solid;
  */
}

INPUT.readonly, TEXTAREA.readonly {
  background-color: #DBD8D1;

  /* color: #FFFFFF;
  background-color: #BBBBBB;
  border: #AAAAAA 1px solid;
  */
}

/** Use for INPUT type="image" */
INPUT.image  {
  border: none;
}

/**
 * Submit buttons on outside pages. Such as "Log in".
 */
INPUT.loginButton  {
  border: none;
  font-weight: bold;
  color: #154A8A;
  cursor: pointer;
  background-color: white;
}


/** Headings */
H1 {
  font-weight: bold;
  font-size: 1.45em; /* 16px */
}

H2 {
  font-weight: bold;
  font-size: 1.09em; /* 12px */
}

HR {
  color: black;
}

/*  The class for labels that has tooltip */
.hasToolTip {
  /*color: #00807A;  */
/*  font-weight : bold; */
/*  cursor: help; */
  border-bottom: 1px dotted Gray;
}

/** Used for spans: warning, approved, failed */

.warning {
  color: #F0691C;
  font-weight: bold;
}

.approved {
  color: #FFB400;
}

.failed {
  color: red;
}

.received {
  color: green;
}

/* LINKS */
A:link, A:visited 
{
  font-weight: bold;
  text-decoration: none;
  color: #154A8A;
}

/* Active could also be grouped with the above */
A:hover, A:active {
  text-decoration: underline;
  color: gray;
}


/* SHOW AND HIDE CLASSES */
.shown {
  DISPLAY: block;
  /** visibility : visible; /** MJ 2001-12-19 */
}

.hidden {
  DISPLAY: none;
 /** visibility : hidden; /** MJ 2001-12-19 */
}

/* ////////////////////////////// THE TABS ////////////////////////////////// */
TD.tab {
  background-color : #D6CEC6;
  border-top: 1px solid #393939;
  /** Maybe change to same as menu */
}

/** No hover effekt on tab links */
TD.tab A:hover, TD.tab A:active {
  text-decoration: none; 
  color: #154A8A;
}

TD.tabBefore {
	background-image: url(../images/layout/tab_before.gif);
	background-repeat: no-repeat;
	width: 5px;
}

TD.tabBetween {
	background-image: url(../images/layout/tab_between.gif);
	background-repeat: no-repeat;
	width: 17px;
}

TD.tabAfter {
	background-image: url(../images/layout/tab_after.gif);
	background-repeat: no-repeat;
	width: 17px;
}