/* STYLESHEET FOR THE STRUCTURE COMMON TO EACH PAGE 
   Named structure.css in previous website.
   The layout of each page is essentially:
    Bordered Container (clsTblOuter)     .. which provides the dark grey border, and
                                          prevents one segment expanding beyond others
      Logo Strip       (clsTblLogoStrip)
      Logo-Menu Spacer (clsTblEmptyStrip)
      Menu Strip       (clsTblMenuStrip)
      Title            (clsTblTitle)     .. except on home page, where it is:
                                            Menu-Guts Spacer (clsTblEmptyStrip).
      Guts             (clsTblGuts)
    Footer             (clsTblFooter)
  For p elements with Guts Tds, can't define as sub of Td
  because some Tds are shaded, some are white and, if a shaded
  Td is used inside a white Td, the p settings for the text
  inside the inner Td depend on the sequence in which the Td's
  are defined in here, not on the fact that one Td is inside another!
  So there are classes for p, h4, etc for use within Guts:
  eg clsPGutsShade, clsH4GutsClear, etc.
*/

/* Colours used:
  Safe palette:
  333333: RGB(51,51,51): dark grey that matches background of logo and tab/button images.
  CCCCCC: pale grey (little darker than E5E5E5) for topic menu text,
          and for shaded Guts panel backgrounds.
  Non-safe palette:
  E5E5E5: light grey for the outer void (top/left/right margins, and Footer),
          and for menu strip background.
          Margin done via body background .. which shows thru everything transparent.
  FFC993: pale orange (eg Titles).
  FF8040: RGB(255,128,64): dark orange (eg for menu dividers).
  85C1F3: RGB(133,193,243): blue used for hover in topic menu.
  0080FF: pale blue for hover in menu strip.
  FF0000: red (to highlight important text);
  CC0000: red (to highlight important headers);
*/

/* BASIC ELEMENTS ----------------------------------------------------- */

p, h1, h2, h3, h4, ul, ol, li, div, sup, blockquote, body
  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  }

body
  {
  /* Set grey background, and size, for the outer void */
  background: #E5E5E5;
  /* Don't include bottom margin, because created with footer. */
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  }

/* Note: still need [cellspacing="0"] in html for all tables
   because it's css equivalent is not uniformly supported.
*/
table
  {
  border: 0px none;
  }

th
  {
  padding: 0;
  border: 0px none;
  margin: 0;
  }

td
  {
  padding: 0;
  border: 0px none;
  margin: 0;
  }

img
  {
  border: 0px none;
  }

ul.clsUlNoIndent
  {
  margin-left: 15px;
  }

ul.clsUlIndentOne
  {
  margin-left: 20px;
  }

/* BROADLY USED STUFF ------------------------------------------------- */

/* Basic 1 x 1 spacer */
img.clsImgSpacer1x1
  {
  src: url('../image/i.Spacer.gif');
  width: 1px;
  height: 1px;  
  }

/* Generic table that occupies full available width */
table.clsTblFullWidth
  {
  width: 100%;
  }

/* OUTER CONTAINER ---------------------------------------------------- */

/* Table that sits immediately inside the outer void and:
   1. makes horz extent of rows consistent .. so top/bottom corners of rim don't
      move in beyond vert left/right rims of guts if screen is narrower than guts
   2. provides white background that shows thru transparent objects 
*/
   
table.clsTblOuter
  {
  width: 100%;
  /* Set background that will show thru all transparent objects
     - and all tables are transparent by default
  */
  background-color: WHITE;
  border-left: 10px solid #333333;
  border-right: 10px solid #333333;
  border-bottom: 10px solid #333333;
  }

/* SMALL-LOGO LOGO STRIP ---------------------------------------------- */
/* These are variants on the classes originally created for the Logo Strip.
   These variants are for use with the smaller logo (TriangleRaised1).
   Use the others (without Small in their class names) with TriangleRaised2. */
   
/* Table that holds the full-width strip for logo, company name, etc */
table.clsTblLogoStripSmall
  {
  width: 100%;
  height: 135px;  /* Height of small logo pic, plus bit more for phrase below logo. */
  background-color: #333333;
  }

/* The logo strip has three columns. */

/* First column of logo strip .. to hold logo pic. */
td.clsTdLogoStripSmallLogo
  {
  width: 142px; /* Same as width of small pic. */
  }

/* Middle column of logo strip .. to hold the buzz phrases. */
td.clsTdLogoStripSmallBuzz p
  {
  color: WHITE;
  background-color: #333333;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  }

td.clsTdLogoStripSmallCoAndTopicsMenu p
  {
  color: #FF8040;	/* Makes dividers dark orange */
  background-color: #333333;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  }

td.clsTdLogoStripSmallCoAndTopicsMenu a:link
  {
  color: #CCCCCC;
  background-color: #333333;
  text-decoration: none;
  }

td.clsTdLogoStripSmallCoAndTopicsMenu a:visited
  {
  color: #CCCCCC;
  background-color: #333333;
  text-decoration: none;
  }
  
td.clsTdLogoStripSmallCoAndTopicsMenu a:hover
  {
  color: #85C1F3;
  background-color: #333333;
  text-decoration: none;
  }

/* LOGO STRIP      ---------------------------------------------------- */

/* Table that holds the full-width strip for logo, company name, etc */
table.clsTblLogoStrip
  {
  width: 100%;
  height: 180px;  /* Height of logo pic, plus bit more for phrase below logo. */
  background-color: #333333;
  }

/* The logo strip has three columns. */

/* First column of logo strip .. to hold logo pic. */
td.clsTdLogoStripLogo
  {
  width: 180px; /* Same as width of logo pic. */
  }

/* Table to provide two rows (one for logo pic, and one
   for logo phrase, within the first column of the logo strip.
*/
table.clsTblLogoStripLogo
  {
  width: 100%;
  }

td.clsTdLogoStripLogoPhrase p
  {
  color: WHITE;
  background-color: #333333;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  }

/* Middle column of logo strip .. to hold the buzz phrases. */
td.clsTdLogoStripBuzz p
  {
  color: WHITE;
  background-color: #333333;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  }

/* Right column of logo strip .. to hold the company name, and topic menu. */
td.clsTdLogoStripCoAndTopics
  {
  width: 236px; /* Same as width of company name pic. */
  }

table.clsTblLogoStripCoAndTopics
  {
  }

/* Cell for company name logo. */
td.clsTdLogoStripCoAndTopicsCo
  {
  }

/* Cell for menu below company name logo. */
td.clsTdLogoStripCoAndTopicsMenu
  {
  background-color: #333333;
  vertical-align: center;
  }

td.clsTdLogoStripCoAndTopicsMenu p
  {
  color: #FF8040;	/* Makes dividers dark orange */
  background-color: #333333;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  }

td.clsTdLogoStripCoAndTopicsMenu a:link
  {
  color: #CCCCCC;
  background-color: #333333;
  text-decoration: none;
  }

td.clsTdLogoStripCoAndTopicsMenu a:visited
  {
  color: #CCCCCC;
  background-color: #333333;
  text-decoration: none;
  }
  
td.clsTdLogoStripCoAndTopicsMenu a:hover
  {
  color: #85C1F3;
  background-color: #333333;
  text-decoration: none;
  }

/* EMPTY STRIP -------------------------------------------------------- */
/* Used for strip above/below menu. */

table.clsTblEmptyStrip
  {
  width: 100%;
  height: 10px;
  background-color: #333333;
  }
  
td.clsTdEmptyStrip
  {
  }

/* MENU STRIP --------------------------------------------------------- */

table.clsTblMenuStrip
  {
  width: 100%;
  height: 20px;
  }

td.clsTdMenuStrip
  {
  background-color: #E5E5E5;
  }

td.clsTdMenuStrip p
  {
  color: #FF8040;
  background-color: #E5E5E5;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  }

td.clsTdMenuStrip a:link
  {
  color: BLACK;
  background-color: #E5E5E5;
  text-decoration: none;
  }

td.clsTdMenuStrip a:visited
  {
  color: BLACK;
  background-color: #E5E5E5;
  text-decoration: none;
  }
  
td.clsTdMenuStrip a:hover
  {
  color: #0080FF;
  background-color: #E5E5E5;
  text-decoration: none;
  }

/* TITLE STRIP -------------------------------------------------------- */
/* Have clear and shaded title strip to choose from.
   Both have bottom border so they can be used above Contents panels of same colour.
   Text is centred H and V.
*/

table.clsTblTitle
  {
  width: 100%;
  }

td.clsTdTitle
  {
  background-color: #333333;
  width: 100%;
  vertical-align: top;
  padding-top: 8px;
  padding-bottom: 3px;
  }

td.clsTdTitle p
  {
  color: FFC993;
  background-color: 333333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  }

td.clsTdTitle p .split
  {
  color: WHITE;
  }

/* GUTS text - normal colour ------------------------------------------ */

p.clsPGutsClear
  {
  color: #000000;   /* #333333; */
  background-color: WHITE;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  }

p.clsPGutsClear sup
  {
  color: #000000;   /* #333333; */
  background-color: WHITE;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  }
  
p.clsPGutsShade
  {
  color: #000000;
  background-color: #E5E5E5;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  }

p.clsPGutsShade sup
  {
  color: #000000;
  background-color: #E5E5E5;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  }

/* GUTS text - highlighted -------------------------------------------- */

p.clsPGutsHighlightClear
  {
  color: #FF0000;
  background-color: WHITE;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  }

p.clsPGutsHighlightShade
  {
  color: #FF0000;
  background-color: #E5E5E5;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  }

/* GUTS headers - normal colour --------------------------------------- */

h3.clsH3GutsClear
  {
  color: #000000;   /* #333333; */
  background-color: WHITE;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  }

h3.clsH3GutsClear sup
  {
  color: #000000;   /* #333333; */
  background-color: WHITE;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

h3.clsH3GutsShade
  {
  color: #000000;
  background-color: #E5E5E5;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  }

h3.clsH3GutsShade sup
  {
  color: #000000;
  background-color: #E5E5E5;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

h4.clsH4GutsClear
  {
  color: #000000;   /* #333333; */
  background-color: WHITE;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

h4.clsH4GutsClear sup
  {
  color: #000000;   /* #333333; */
  background-color: WHITE;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  }

h4.clsH4GutsShade
  {
  color: #000000;
  background-color: #E5E5E5;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

h4.clsH4GutsShade sup
  {
  color: #000000;
  background-color: #E5E5E5;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  }

/* GUTS headers - highlighted ----------------------------------------- */

h3.clsH3GutsHighlightClear
  {
  color: #CC0000;
  background-color: WHITE;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  }

h3.clsH3GutsHighlightClear sup
  {
  color: #CC0000;
  background-color: WHITE;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

h3.clsH3GutsHighlightShade
  {
  color: #CC0000;
  background-color: #E5E5E5;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  }

h3.clsH3GutsHighlightShade sup
  {
  color: #CC0000;
  background-color: #E5E5E5;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

h4.clsH4GutsHighlightClear
  {
  color: #CC0000;
  background-color: WHITE;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

h4.clsH4GutsHighlightClear sup
  {
  color: #CC0000;
  background-color: WHITE;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

h4.clsH4GutsHighlightShade
  {
  color: #CC0000;
  background-color: #E5E5E5;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

h4.clsH4GutsHighlightShade sup
  {
  color: #CC0000;
  background-color: #E5E5E5;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

/* GUTS TABLES -------------------------------------------------------- */

table.clsTblGuts
  {
  width: 100%;
  border-top: 5px solid #FF8040;
  font-size: 10px;			/* Specified to minimise spacing between p, li, etc. */
  }

/* Common to all Tds within Guts. */
table.clsTblGuts th
  {
  padding: 6px;
  }
table.clsTblGuts td
  {
  padding: 6px;
  }

/* Common to all 'li's within Guts. */
table.clsTblGuts li
  {
  font-size: 12px;
  }

/* Common to all 'a's within Guts. */
table.clsTblGuts a:link
  {
  color: BLUE;
  text-decoration: none;
  }
table.clsTblGuts a:visited
  {
  color: BLUE;
  text-decoration: none;
  }
table.clsTblGuts a:hover
  {
  color: #FF8040;
  text-decoration: none;
  }
    
/* The Tds for the guts provide for 1, 2 and 3 column layouts.
   Rather than naming them as 1Column etc, they are named by percentage
   width because this could allow other variants later. eg In place of
   a 50% width panel, could insert two 25% width panels.
   Some Td's include a vert border on the left so that two of the
   same background colour can be used next to each other. 
   So, the Td naming indicates:
   - clear/shaded background;
   - %width;
   - with/without left border.
   eg clsTdGuts50ClearNBrdr: 50% width; clear background; no border
   eg clsTdGuts33ShadeLBrdr: 33% width; shaded background; left border
   Each Td class also has a p spec.
*/

/* GUTS TDs - 25%, NO BORDER ------------------------------------------ */

td.clsTdGuts25ClearNBrdr
  {
  background-color: WHITE;
  width: 25%;
  vertical-align: top;
  }

td.clsTdGuts25ShadeNBrdr
  {
  background-color: #E5E5E5;
  width: 25%;
  vertical-align: top;
  }

/* GUTS TDs - 25%, L BORDER ------------------------------------------- */

td.clsTdGuts25ClearLBrdr
  {
  background-color: WHITE;
  width: 25%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

td.clsTdGuts25ShadeLBrdr
  {
  background-color: #E5E5E5;
  width: 25%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

/* GUTS TDs - 33%, NO BORDER ------------------------------------------ */

td.clsTdGuts33ClearNBrdr
  {
  background-color: WHITE;
  width: 33%;
  vertical-align: top;
  }

td.clsTdGuts33ShadeNBrdr
  {
  background-color: #E5E5E5;
  width: 33%;
  vertical-align: top;
  }

/* GUTS TDs - 33%, L BORDER ------------------------------------------- */

td.clsTdGuts33ClearLBrdr
  {
  background-color: WHITE;
  width: 33%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

td.clsTdGuts33ShadeLBrdr
  {
  background-color: #E5E5E5;
  width: 33%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

/* GUTS TDs - 34%, NO BORDER ------------------------------------------ */

td.clsTdGuts34ClearNBrdr
  {
  background-color: WHITE;
  width: 34%;
  vertical-align: top;
  }

td.clsTdGuts34ShadeNBrdr
  {
  background-color: #E5E5E5;
  width: 34%;
  vertical-align: top;
  }

/* GUTS TDs - 34%, L BORDER ------------------------------------------- */

td.clsTdGuts34ClearLBrdr
  {
  background-color: WHITE;
  width: 34%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

td.clsTdGuts34ShadeLBrdr
  {
  background-color: #E5E5E5;
  width: 34%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

/* GUTS TDs - 50%, NO BORDER ------------------------------------------ */

td.clsTdGuts50ClearNBrdr
  {
  background-color: WHITE;
  width: 50%;
  vertical-align: top;
  }

td.clsTdGuts50ShadeNBrdr
  {
  background-color: #E5E5E5;
  width: 50%;
  vertical-align: top;
  }

/* GUTS TDs - 50%, L BORDER ------------------------------------------- */

td.clsTdGuts50ClearLBrdr
  {
  background-color: WHITE;
  width: 50%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

td.clsTdGuts50ClearLRBrdr  /* So can have nothing in outer panels and still see dividing lines */
  {
  background-color: WHITE;
  width: 50%;
  vertical-align: top;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  }

td.clsTdGuts50ShadeLBrdr
  {
  background-color: #E5E5E5;
  width: 50%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

td.clsTdGuts50ShadeLRBrdr  /* So can have nothing in outer panels and still see dividing lines */
  {
  background-color: #E5E5E5;
  width: 50%;
  vertical-align: top;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  }

/* GUTS TDs - 67%, NO BORDER ------------------------------------------ */

td.clsTdGuts67ClearNBrdr
  {
  background-color: WHITE;
  width: 67%;
  vertical-align: top;
  }

td.clsTdGuts67ShadeNBrdr
  {
  background-color: #E5E5E5;
  width: 67%;
  vertical-align: top;
  }

/* GUTS TDs - 67%, L BORDER ------------------------------------------- */

td.clsTdGuts67ClearLBrdr
  {
  background-color: WHITE;
  width: 67%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

td.clsTdGuts67ShadeLBrdr
  {
  background-color: #E5E5E5;
  width: 67%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

/* GUTS TDs - 75%, NO BORDER ------------------------------------------ */

td.clsTdGuts75ClearNBrdr
  {
  background-color: WHITE;
  width: 75%;
  vertical-align: top;
  }

td.clsTdGuts75ShadeNBrdr
  {
  background-color: #E5E5E5;
  width: 75%;
  vertical-align: top;
  }

/* GUTS TDs - 75%, L BORDER ------------------------------------------- */

td.clsTdGuts75ClearLBrdr
  {
  background-color: WHITE;
  width: 75%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

td.clsTdGuts75ShadeLBrdr
  {
  background-color: #E5E5E5;
  width: 75%;
  vertical-align: top;
  border-left: 1px solid #333333;
  }

/* GUTS TDs - 100%, NO BORDER ----------------------------------------- */

td.clsTdGuts100ClearNBrdr
  {
  background-color: WHITE;
  width: 100%;
  vertical-align: top;
  }

td.clsTdGuts100ShadeNBrdr
  {
  background-color: #E5E5E5;
  width: 100%;
  vertical-align: top;
  }

/* GUTS TDs - 100%, TOP BORDER ----------------------------------------- */

td.clsTdGuts100ClearTBrdr
  {
  background-color: WHITE;
  width: 100%;
  vertical-align: top;
  border-top: 1px solid #333333;
  }

td.clsTdGuts100ShadeTBrdr
  {
  background-color: #E5E5E5;
  width: 100%;
  vertical-align: top;
  border-top: 1px solid #333333;
  }

/* GUTS TDs - 100%, BOTTOM BORDER ----------------------------------------- */

td.clsTdGuts100ClearBBrdr
  {
  background-color: WHITE;
  width: 100%;
  vertical-align: top;
  border-bottom: 1px solid #333333;
  }

td.clsTdGuts100ShadeBBrdr
  {
  background-color: #E5E5E5;
  width: 100%;
  vertical-align: top;
  border-bottom: 1px solid #333333;
  }

/* GUTS - CTGRY|DETAIL TABLE ------------------------------------------- */

table.clsTblGutsCtgryDetail
  {
  width: 100%;
  }

th.clsThGutsCtgryDetailCol1
  {
  background-color: #E5E5E5;
  width: 60px;
  vertical-align: top;
  border: 1px solid #333333;
  }

th.clsThGutsCtgryDetailCol2
  {
  background-color: #E5E5E5;
  vertical-align: top;
  border: 1px solid #333333;
  }

td.clsTdGutsCtgryDetailCol1
  {
  background-color: WHITE;
  width: 100px;
  vertical-align: top;
  border: 1px solid #333333;
  }

td.clsTdGutsCtgryDetailCol2
  {
  background-color: WHITE;
  vertical-align: top;
  border: 1px solid #333333;
  }
    
/* FOOTER ------------------------------------------------------------- */

table.clsTblFooter
  {
  width: 100%;
  height: 10px;
  background-color: #E5E5E5;
  }

table.clsTblFooter p.clsPL
  {
  color: #333333;
  font-weight: normal;
  font-size: 10px;
  text-align: left;
  }
  
table.clsTblFooter p.clsPR
  {
  color: #333333;
  font-weight: normal;
  font-size: 10px;
  text-align: right;
  }

td.clsTdFooterM
  {
  color: #333333;
  background-color: #E5E5E5;
  }

td.clsTdFooterM p.clsPFooterML
  {
  color: #333333;
  background-color: #E5E5E5;
  font-weight: normal;
  font-size: 9px;
  text-align: left;
  padding-left: 10px;
  }

td.clsTdFooterM p.clsPFooterMR
  {
  color: #333333;
  background-color: #E5E5E5;
  font-weight: normal;
  font-size: 9px;
  text-align: right;
  padding-right: 10px;
  }

/* PRICE TABLE ------------------------------------------------ */

table.clsTblGutsPrice
  {
  background-color: #E5E5E5;
  color: #333333;
  font-size: 12px;
  }
  
td.clsTdGutsPriceHdrProduct
  {
  border-left:0px;
  border-right:1px solid #333333;
  border-top:0px;
  border-bottom:1px solid #333333;
  width: 150px;
  background-color: WHITE;
  padding: 5px
  }

td.clsTdGutsPriceHdrLicence1st
  {
  border-left:0px;
  border-right:1px solid #333333;
  border-top:1px solid #333333;
  border-bottom:1px solid #333333;
  width: 100px;
  text-align: left;
  vertical-align: top;
  padding: 5px
  }

td.clsTdGutsPriceHdrLicenceWAN
  {
  border-left:0px;
  border-right:1px solid #333333;
  border-top:1px solid #333333;
  border-bottom:1px solid #333333;
  width: 190px;
  text-align: left;
  vertical-align: top;
  padding: 5px
  }

td.clsTdGutsPriceHdrLicenceRest
  {
  border-left:0px;
  border-right:1px solid #333333;
  border-top:1px solid #333333;
  border-bottom:1px solid #333333;
  width: 100px;
  text-align: left;
  vertical-align: top;
  padding: 5px
  }

td.clsTdGutsPriceBodyProduct
  {
  border-left:1px solid #333333;
  border-right:1px solid #333333;
  border-top:0px;
  border-bottom:1px solid #333333;
  width: 150px;
  text-align: left;
  vertical-align: top;
  padding: 5px
  }

td.clsTdGutsPriceBodyLicence1st
  {
  border-left:0px;
  border-right:1px solid #333333;
  border-top:0px;
  border-bottom:1px solid #333333;
  width: 100px;
  text-align: right;
  vertical-align: top;
  padding: 5px
  }

td.clsTdGutsPriceBodyLicenceWAN
  {
  border-left:0px;
  border-right:1px solid #333333;
  border-top:0px;
  border-bottom:1px solid #333333;
  width: 190px;
  text-align: right;
  vertical-align: top;
  padding: 5px
  }

td.clsTdGutsPriceBodyLicenceRest
  {
  border-left:0px;
  border-right:1px solid #333333;
  border-top:0px;
  border-bottom:1px solid #333333;
  width: 100px;
  text-align: right;
  vertical-align: top;
  padding: 5px
  }

/* AT WORK DATA SCOPE TABLE ----------------------------------- */

table.clsTblGutsDataScope
  {
  width: 100%;
  }

th.clsThGutsDataScopeFoundInL
  {
  background-color: WHITE;
  vertical-align: top;
  border: 0px none;
  }

th.clsThGutsDataScopeFoundInR
  {
  background-color: #E5E5E5;
  vertical-align: top;
  border: 1px solid #333333;
  }

th.clsThGutsDataScopeFoundInR p
  {
  color: #000000;
  background-color: #E5E5E5;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  }

th.clsThGutsDataScopeData
  {
  background-color: #E5E5E5;
  width: 40%;
  vertical-align: top;
  border: 1px solid #333333;
  }

th.clsThGutsDataScopeIncludes
  {
  background-color: #E5E5E5;
  width: 40%;
  vertical-align: top;
  border: 1px solid #333333;
  }

th.clsThGutsDataScopePckg
  {
  background-color: #E5E5E5;
  width: 25px;
  vertical-align: top;
  border: 1px solid #333333;
  }

td.clsTdGutsDataScopeData
  {
  background-color: WHITE;
  width: 40%;
  vertical-align: top;
  border: 1px solid #333333;
  }

td.clsTdGutsDataScopeIncludes
  {
  background-color: WHITE;
  width: 40%;
  vertical-align: top;
  border: 1px solid #333333;
  }

td.clsTdGutsDataScopePckg
  {
  background-color: WHITE;
  width: 25px;
  vertical-align: top;
  border: 1px solid #333333;
  }

td.clsTdGutsDataScopePckg p
  {
  color: #000000;
  background-color: WHITE;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  }