/* CSS Document */

/*
   class layout is used to format the layout table which is
   a table that has three cols and three rows
     - the top  row is called header and is three columns wide
     - the bottom row  is called footer and is three cols wide
     - the middle row has three columns :
     - the left side  is called left and will hold the user menu
     - the middle column is called main and will hold the actual
       content of the page
     - the right side is colled right and is reserver for future use
*/

.layout {
  width: 1200px;
  text-align: left;
  border: 0px solid #FFFFFF;
  margin: 0px;
  padding: 0px;
}

.layoutHelp {
  text-align: center;
  border: 1px solid #FFFFFF;
  margin: 0px;
  padding: 0px;
}


/* default override for links */
a {
  color: #0099CC;
}

/* default override for mouseover links */
a:hover {
 text-decoration: underline;
}

.layoutMiddle {
  width: 1200;
  background-color: #CCCCCC;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
  vertical-align: top;
}


/* ---------------------------------
    START HEADER
------------------------------------*/
/* class for the layout header */
.layoutHeader {
  width: 100%;
  background-color: #CCCCCC;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
  vertical-align: top;
}

/* cells for the new layout */
.FarLeftHeaderCell {
  width: 100px;
  text-align: left;
  vertical-align: top;
}

.LeftHeaderCell {
  width: 100px;
  text-align: right;
  vertical-align: top;
}

/* Header Cell Image */
.CenterHeaderCell {
  width: 800px;
  text-align: center;
  vertical-align: top;
  height: 0px;
  overflow: hidden;
}

.RightHeaderCell {
  width: 100px;
  text-align: left;
  vertical-align: top;
}

.FarRightHeaderCell {
  width: 100px;
  text-align: right;
  vertical-align: top;
}

.MenuCell {
  background-color: #014A6D;
  color: #FFFFFF; /* ??? test */
}

.MainCell {
  background-color: #FFFFFF;
}

.InfoCell {
  background-color: #014A6D;
}
/* ---------------------------------
    END HEADER
------------------------------------*/


/* ---------------------------------
    START LEFT
------------------------------------*/
/* class for the left hand side layout table cell*/
td.layoutLeft {
  width: 200px;
  height: 100%;
  padding: 0px 10px 0px 0px;
  margin: 0px;
  background-color : #CCCCCC;
}

table.FormTable {
  vertical-align: top;
}

.leftBoxTitle {
  font-weight: bold;
  background-color: #014A6D;
  color: #FFFFFF;
  padding: 5px;
  text-decoration: none;
  vertical-align: top;
}

.leftBoxContent {
  color: #FFFFFF;
  background-color: #014A6D;
  font-weight: normal;
  padding: 8px;
  vertical-align: top;
}

.LeftBoxContentBackend {
  color: #FFFFFF;
  background-color: #222222;
  font-weight: normal;
  padding: 8px;
}

.menuLink {
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
}

.aMenuLink {
  text-decoration: none;
  font-weight: bold;
  color: #0099CC;
}

.signonLink {
  color: #EE7777;
}

.switchServerLink {
  color: #EEEE77;
}

/* this is the style for the '?' sign that is used to access the help */
/* page for a field */
.helpLink {
  font-weight: bold;
  color: #000099;
}

/* this is the style for the '->' sign that is used to access the detail */
/* page for the item at the other side of the relation */
.followLink {
  font-weight: bold;
  color: #990000;
}

/* make sure there is enough space to display the '->' sign */
/* (or other signs that could come here in the future) */
/* because it looks very ugly when it is put on two lines */
td.helpLinkData {
  width: 25px;
}

td.followLinkData {
  width: 25px;
}

table.followLinkTable {
  background-color : #EEEEEE;
}
/* --------------------------------
    END LEFT
------------------------------------*/


/* ---------------------------------
    START MAIN
------------------------------------*/
table.layout {
  background-color : #CCCCCC;
}

/*class main for the main layout cell*/
td.layoutMain {
  text-align: left;
  vertical-align: top;
  color: #3366AA;
  width: 800px;
  height: 500px;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0px;
}

.mainLink {
  font-weight: normal;
  color: #014A6D;
}

/* we have to set several values different from the ones in the default
   layout to achieve the desired layout for the help pages
   so we create the layout HTML element with a different style class */
td.layoutMainHelp {
  width: 750px;
  height: 400px;
  padding: 0px;
  margin: 0px;
  text-align: left;
  vertical-align: top;
}

tr.FormRow {
  width: 100%;
  margin: 0px;
  background-color : #DDDDDD;
}

tr.layoutCenterRow {
  width: 100%;
  height: 100%;
  background-color : #FFFFC0;
}

table.HelpTable {
  background-color : #FFFFC0;
  width: 100%;
  height: 100%;
}

tr.HelpRow {
}

td.HelpCell {
  background-color : #FFFFC0;
}

td.CategoryField {
  margin: 0px;
  padding: 1px;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  color: #FF0000;
  background-color : #CCCCCC;
}

td.DummyField {
  margin: 0px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  background-color : #CCCCCC;
}

/* styles for the new view mechanism */
th.ViewHeader {
  margin: 0px;
  padding: 1px;
  vertical-align: middle;
  font-weight: bold;
  color: #000000;
  background-color : #CCCCCC;
}

/* Sortable tables */
table.sortable a.sortheader {
  background-color : #CCCCCC;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  display: block;
  font-size:   10pt;
}

table.sortable span.sortarrow {
  color: black;
  text-decoration: none;
}

td.ViewField {
  margin: 0px;
  padding: 1px;
  vertical-align: middle;
  color: #000000;
  background-color : #DDDDDD;
}

td.ViewFieldBold {
  margin: 0px;
  padding: 1px;
  vertical-align: middle;
  font-weight: bold;
  color: #000000;
  background-color : #DDDDDD;
}

td.ViewFieldPrivate {
  margin: 0px;
  padding: 1px;
  vertical-align: middle;
  color: #000000;
  background-color : #B0C4DE;
}

.mainBoxContent {
  background-color : #DDDDDD;
  padding: 8px;
}

.passwordContent {
  color: #FF4444;
  background-color : #DDDDDD;
  padding: 8px;
}
/* ---------------------------------
    END MAIN
------------------------------------*/


/* ---------------------------------
   START RIGHT
------------------------------------*/
/* class for the right hand side layout cell */
td.layoutRight {
  width: 200px;
  height: 100%;
  padding: 0px 0px 0px 10px;
  margin: 0px;
  background-color : #CCCCCC;
}

.rightBoxContent {
  color: #FFFFFF;
  background-color: #014A6D;
  height: 100%;
  font-weight: normal;
  padding: 8px;
}
/* ---------------------------------
   END RIGHT
------------------------------------*/


.MainLogo {
  width: 200px;
  height: 80px;
}

/* ---------------------------------
   START FOOTER
------------------------------------*/
.layoutFooter {
  color: #0099CC;
  text-align: center;
  height: 50px;
  vertical-align: bottom;
  padding: 0px;
  text-decoration: none;
  width: 100%;
  background-color: #CCCCCC;
}
/* ---------------------------------
  END FOOTER
------------------------------------*/


/* ---------------------------------
   START GENERAL
------------------------------------*/
body {
  margin: 0px;
  background-color : #CCCCCC ;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  text-align: justify;
}

td {
  font-size:   10pt;
}

.darkButton {
  color: #FFFFFF;
  background-color: #014A6D;
}

.layoutText {
  text-decoration: none;
  font-weight: normal;
}

.error {
  color: #FF0000;
  text-decoration: none;
  font-weight: normal;
  text-align: justify;
}

p {
  text-decoration: none;
  font-weight: normal;
  text-align: justify;
}

H1 {
  font-size:   18pt;
  font-weight: normal;
}

H2 {
  font-size:   14pt;
  font-weight: normal;
}

.formText {
  padding: 10px 5px 5px 10px;
  color: #000000;
  text-align: left;
  width: 50%;
}

.formTable {
  border: 1px solid #014A6D;
  background-color: #eeeeee;
}

/* Tree table css */
.folder { 
  background: url(/cobrasp/images/sstree/folder.png)  no-repeat; 
  float: left; 
  height: 14px; 
  width: 12px; 
}

.doc { 
  background: url(/cobrasp/images/sstree/doc.png) no-repeat; 
  float: left; 
  height: 14px; 
  width: 12px; 
}

.tier1 { 
  margin-left: 0; 
}

.tier2 { 
  margin-left: 1.5em; 
}

.tier3 { 
  margin-left: 3em; 
}

.tier4 { 
  margin-left: 4.5em; 
}

.tier5 { 
  margin-left: 6em; 
}

.tier6 { 
  margin-left: 7.5em; 
}

.tier7 { 
  margin-left: 9em; 
}

.tier8 { 
  margin-left: 10.5em; 
}

.tier9 { 
  margin-left: 12em; 
}

.tier10 { 
  margin-left: 13.5em; 
}
/* ---------------------------------
   END GENERAL
------------------------------------*/