@charset "utf-8";

/* CSS FOR WEBSITE DESIGN (TEXT CONTENT) - NORMAL MODE

   Content:  HTML tags / CSS classes / Special

   Normal mode: default-design1.css (preferred)
                default-design2.css (persistent)
                default-content.css (persistent)

   This code sets the styling of the textual content in div#(obj)Content. */

/* HTML TAGS =================================================================*/

/* RAW -----------------------------------------------------------------------*/

a img,
a:link img,
a:visited img,
a:hover img,
a:active img,
a:focus img { border: 0px; } /* no borders on images inside links */

img { font-size: 11px; }

strong { font-weight: bold; }

em { font-style: italic; }

cite,
blockquote { font-style: italic; }

pre { font-family: monospace; }

sup,
sub {
  position: relative;
  left: 0.1ex;
  vertical-align: baseline;
  font-size: 10px;
} /* redefined to avoid line spacing problems */

sup { top: -0.55ex; }

sub { top: 0.55ex; }

/* INSIDE DIV#OBJCONTENT -----------------------------------------------------*/

div#objContent a,
div#objContent a:link,
div#objContent a:hover,
div#objContent a:active,
div#objContent a:focus { color: #0055AA; }

div#objContent h1,
div#objContent h2,
div#objContent h3,
div#objContent h4,
div#objContent h5,
div#objContent h6 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 0px;
  color: #07539C;
}

div#objContent h1 {
  padding-bottom: 0.5em;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 2px;
} /* zero padding-top to align with div#SideMenu content */

div#objContent h2 {
  padding: 1em 0px 0.5em 18px;
  background-image: url(../img/title_triangle_blue.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 1px;
}

div#objContent h3 {
  padding: 1em 0px 0.5em 0px;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
}

div#objContent h4,
div#objContent h5,
div#objContent h6 {
  padding: 1em 0px 0.5em 0px;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
}

div#objContent h5,
div#objContent h6 { color: #00CC00; } /* not to use */

div#objContent p,
div#objContent blockquote {
  line-height: 1.5em;
  padding: 0.5em 0px 0px 0px;
}

div#objContent ul,
div#objContent ol {
  margin-left: 2em;
  padding: 0.5em 0px 0px 0px;
}

div#objContent ul ul,
div#objContent ol ol { padding-top: 0px; }

div#objContent li { line-height: 1.5em; }

div#objContent li li { padding-top: 0px; }

div#objContent ol.olLetter { list-style-type: upper-alpha; }

div#objContent a.softwaretable { color:#000 !important; }
div#objContent a.softwaretable:visited, 
div#objContent a.softwaretable:link,
div#objContent a.softwaretable:link,
div#objContent a.softwaretable:active {text-decoration: none; }

div#objContent a.softwaretable:hover {text-decoration: underline; }


/* CSS CLASSES ===============================================================*/

/* TAGS: A -------------------------------------------------------------------*/

/* Download links */

div#objContent a.Download,
div#objContent a.Download0 {
  font-size: 11px;
  color: #FF5500;
  text-decoration: none;
  margin-left: 18px;
  background-image: url(../img/download.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 18px;
} /* icon to the left of the text */

div#objContent a.Download0 { margin-left: 0px !important; } /* icon to the left of the text */

div#objContent a.Download:hover,
div#objContent a.Download:focus,
div#objContent a.Download:active,
div#objContent a.Download0:hover,
div#objContent a.Download0:focus,
div#objContent a.Download0:active {
	text-decoration: underline;
	text-align: center;
}

/* View Video links */

div#objContent a.Video0 {
  font-size: 11px;
  color: #66b2ff;
  text-decoration: none;
  margin-left: 18px;
  background-image: url(../img/video.gif); /* from http://www.softicons.com/toolbar-icons/12x12-free-toolbar-icons-by-aha-soft/tv-icon */
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 18px;
} /* icon to the left of the text */

div#objContent a.Video0 { margin-left: 0px !important; } /* icon to the left of the text */
div#objContent a.Video0:hover,
div#objContent a.Video0:focus,
div#objContent a.Video0:active { text-decoration: underline; }

/* Page anchors */

div#objContent a.Anchor,
div#objContent a.Anchor:link,
div#objContent a.Anchor:visited,
div#objContent a.AnchorDark,
div#objContent a.AnchorDark:link,
div#objContent a.AnchorDark:visited {
  padding-left: 1em !important;
  color: #555555 !important;
  font-size: 11px !important;
  font-weight: normal !important; /* overwrite defaults if in table header */
  text-decoration: none !important;
}

div#objContent a.Anchor:hover,
div#objContent a.Anchor:active,
div#objContent a.Anchor:focus,
div#objContent a.AnchorDark:hover,
div#objContent a.AnchorDark:active,
div#objContent a.AnchorDark:focus {
  color: #0055AA !important;
  text-decoration: underline !important;
}

/* Quick links */

div#objContent p.QuickLink,
div#objContent span.QuickLink {
  font-size: 11px;
  padding-top: 0.5em;
}

div#objContent p.QuickLink a { padding: 0px 0.5ex 0px 0.5ex; }

/* TAGS: DIV -----------------------------------------------------------------*/

div#objContent div.Column21,
div#objContent div.Column22 {
  margin: 0px 10px 0px 0px;
  float: left;
  padding: 0px;
  width: 48%;
} /* 2-column display */

div#objContent div.Column22 { margin-right: 0px; } /* 2-column display */

/* TAGS: P, SPAN -------------------------------------------------------------*/

div#objContent p.AlignC { text-align: center; }

div#objContent p.Caption {
  line-height: 1em;
  font-size: 11px;
  text-align: center;
  color: #555555;
  padding-bottom: 0.5em;
}

div#objContent p.Note,
div#objContent span.Note {
  font-style: italic;
  font-size: 11px;
  padding: 1em 0px 0.5em 0px;
}

div#objContent p.Smaller,
div#objContent span.Smaller { font-size: 11px; }

div#objContent span.NoBold { font-weight: normal !important; }

div#objContent span.Required,
div#objContent p.WatchOut,
div#objContent span.WatchOut { color: #CC0000; }

/* Bibliographic references */

div#objContent span.Authors { font-weight: normal; }

div#objContent span.Year { padding-left: 1ex; }

div#objContent span.Title {
  padding-left: 1ex;
  font-style: italic;
}

div#objContent span.Sources {
  padding-left: 1ex;
  color: #555555;
  font-size: 11px;
}

/* TAGS: IMG -----------------------------------------------------------------*/

div#objContent img.YN { width: 1.2em; } /* yes/no images */

div#objContent img.Borders {
  padding: 1px;
  border: 1px solid #BBBBBB;
} /* borders on images */

div#objContent a img.Borders,
div#objContent a:link img.Borders,
div#objContent a:visited img.Borders { border: 1px solid #BBBBBB; } /* borders on clickable images */

div#objContent a:hover img.Borders,
div#objContent a:active img.Borders,
div#objContent a:focus img.Borders { border: 1px solid #0055AA; } /* borders on clickable images */

/* TAGS: OL, UL, LI ----------------------------------------------------------*/

div#objContent li.Smaller { font-size: 11px; }

/* TAGS: TABLE ---------------------------------------------------------------*/

/* Note: table precedence is cells, rows, table */

table {
  border-collapse: collapse;
  margin: 1em auto 1em auto;
  line-height: 1.5em;
  width: 100%;
}

td {
  text-align: left;
  border: solid 1px #BBBBBB;
  padding: 0.25em;
}

th {
  font-style: normal;
  font-weight: bold;
  text-align: center;
  border: solid 1px #FFFFFF;
  background-image: url(../img/bgd_greypale.jpg);
  background-repeat: repeat;
  padding: 0.25em;
}

th.thL {
  font-weight: normal;
  text-align: left;
}

th.pricequote {
  font-weight: normal;
  text-align: left;
  border: none;
  font-size: 11px;
  color: #555555;
}

td.pricequote {
  border: none;
}

label.pricequote {
  margin-top: 0.5em;
  font-size: 12px;
  color: #0055AA;
  font-weight: bold;
}

tr.pricecalculator {
  height: 32px;
}

select.pricecalculator {
  width: 160px; 
  height: 30px !important;
}

div.pricecalculatortext {
  height: 30px; 
  overflow:auto;
  line-height: 1.25;
}

.tblColAlignC { text-align: center; }

/* TAGS: FORM ----------------------------------------------------------------*/

/* use of TwoColLayout class to avoid styling unwanted element (e.g. Google
   search button) */

.TwoColLayout div#objContent form {
  margin: 0px;
  padding: 0.5em;
  background-image: url(../img/bgd_greypale.jpg);
  background-repeat: repeat;
}

.TwoColLayout div#objContent form.frmNostyle {
  margin: 0px;
  padding: 1em 0px 0px 0px;
  background-image: none;
}

.TwoColLayout div#objContent form fieldset {
  border: none;
  padding: 0.5em 0px 1em 0px;
}

.TwoColLayout div#objContent form legend {
  color: #0055AA;
  font-weight: normal;
  font-style: normal;
  padding: 0px 0px 0.5em 0px;
}

.TwoColLayout div#objContent form legend.pricequote {
  font-weight: bold;
}

.TwoColLayout div#objContent form input,
.TwoColLayout div#objContent form textarea,
.TwoColLayout div#objContent form select {
  margin-bottom: 0.25em;
  font-family: Verdana, Arial, Helvetica, sans-serif; /* overwrite browser's defaults */
  font-size: 100%; /* overwrite browser's defaults */
  height: 1.5em;
}

.TwoColLayout div#objContent form input.frmCheckbox,
.TwoColLayout div#objContent form input.frmRadio { border: none; }

.TwoColLayout div#objContent form p#frmHeader {
  font-weight: bold;
  padding: 0px 0px 0.5em 0px;
} /* sentence alone at beginning of form, acts as a header */

/* buttons */

.TwoColLayout div#objContent form fieldset.frmButtons {
  text-align: center;
  padding-bottom: 0px;
  padding-top: 0px;
}

.TwoColLayout div#objContent form button {
  margin: 0px 1em 0px 0px;
  padding: 0px 3px 0px 3px;
}

.TwoColLayout div#objContent form input#fld99 { width: 12em; }

/* input text */

.TwoColLayout div#objContent form label.frmLabel {
  margin-top: 0.5em;
  font-size: 11px;
  color: #555555;
}

.TwoColLayout div#objContent form input.frmInputText { width: 99%; }

.TwoColLayout div#objContent form input.frmInputText:read-only { background-color: #ccd1dc;
    border: thin;
    color: black;
    font-weight: bold; }

.TwoColLayout div#objContent form div input.frmInputText { width: 100%; } /* inside float */

/* input textarea */

.TwoColLayout div#objContent form textarea {
  width: 99%;
  overflow: auto;
}

.TwoColLayout div#objContent form textarea.frmTextareaLine { height: 1.2em; }

.TwoColLayout div#objContent form textarea.frmTextareaLow { height: 2.75em; }

.TwoColLayout div#objContent form textarea.frmTextareaHigh { height: 10em; }

.TwoColLayout div#objContent form textarea.frmTextareaVeryhigh { height: 15em; }

/* checkboxes and radio buttons*/

.TwoColLayout div#objContent form input.frmCheckbox,
.TwoColLayout div#objContent form input.frmRadio {
  margin: 0.2em 0.25em 0.2em 0px; /* top = bottom for middle alignment */
  vertical-align: middle;
}

/* read-only fields */

.TwoColLayout div#objContent fieldset.frmReadonly input,
.TwoColLayout div#objContent fieldset.frmReadonly textarea {
  border: 1px solid #FFFFFF;
  font-weight: bold;
}

/* column layout */

.TwoColLayout div#objContent .frmSpaceL { margin-left: 3em !important; }
.TwoColLayout div#objContent .frmSpaceC1 { 
  padding: 4px;
  border: 1px solid #BBBBBB;}
.TwoColLayout div#objContent .frmSpaceC2 { margin-left: 5.7em; margin-right: 5.7em !important; }
.TwoColLayout div#objContent form div.frmCol2L {
  float: left;
  width: 45%;
  margin: 0px;
  padding: 0px 8% 0px 0px;
} /* 2-column layout, left column */

.TwoColLayout div#objContent form fieldset.frmCol2R { clear: none; } /* entire fieldset next to a float */

.TwoColLayout div#objContent form fieldset.frmCol2R,
.TwoColLayout div#objContent form input.frmCol2R { width: 45% !important; } /* 2-column layout, right column */

.TwoColLayout div#objContent form fieldset.frmCol2,
.TwoColLayout div#objContent form input.frmCol2 {
  width: 45%;
  padding-right: 9%;
} /* half-width fieldset */

.TwoColLayout div#objContent form div.frmCol2L select { width: 100%; }

.TwoColLayout div#objContent form div.frmCol4L {
  float: left;
  width: 20%;
  margin: 0px;
  padding: 0px 5% 0px 0px;
} /* 4-column layout (or 2 within 2), all but last columns */

.TwoColLayout div#objContent form input.frmCol4R { width: 20%; } /* 4-column layout, last column */

/* FLOATS --------------------------------------------------------------------*/

/* .ClearFloat*: to be placed on a div or break element and should be the final
   element before the close of a container that should fully contain a float. */

.ClearFloat { clear: both; }

.ClearFloatR { clear: right; }

.ClearFloatL { clear: left; }

.ClearFloat,
.ClearFloatR,
.ClearFloatL {
  height: 0px;
  font-size: 1px;
  line-height: 0px;
}

.ClearR { clear: right; }

.ClearL { clear: left; }

.ClearRL { clear: both; }

/* .Float*: put the image inside a div, add a p.Caption if necessary and float
   the div with one of these classes. The image will occupy the full width of
   the floated div, hence set the width of the div to the desired value (to be
   done in default-content.css). */
   
.FloatR {
  float: right;
  margin: 1em 0px 1em 2em;
  padding: 0px;
} /* to float an image right; width MUST be defined */

.FloatL {
  float: left;
  margin: 1em 2em 1em 0px;
  padding: 0px;
} /* to float an image left; width MUST be defined */

.FloatC {
  margin: 1em auto 1em auto;
  padding: 0px;
} /* to center an image */

div.FloatC img,
div.FloatR img,
div.FloatL img,
div.FloatC a img,
div.FloatR a img,
div.FloatL a img {
  width: 100%; /* the image takes the width of the div, no more no less */
  margin: 0px;
  padding: 0px;
} /* reset image margins and set image width inside floated div */

/* WIDTHS --------------------------------------------------------------------*/

.Width500 { width: 500px !important; }

.Width400 { width: 400px !important; }

.Width360 { width: 360px !important; }

.Width350 { width: 350px !important; }

.Width320 { width: 320px !important; }

.Width250 { width: 250px !important; }

.Width220 { width: 220px !important; }

.Width200 { width: 200px !important; }

.Width180 { width: 180px !important; }

.Width175 { width: 175px !important; }

.Width165 { width: 165px !important; }

.Width150 { width: 150px !important; }

.Width120 { width: 120px !important; }

.Width110 { width: 110px !important; }

.Width100 { width: 100px !important; }

.Width90 { width: 90px !important; }

.Width70 { width: 70px !important; }

.Width60 { width: 60px !important; }

.Width50 { width: 50px !important; }

.Width30 { width: 30px !important; }

.Width29 { width: 29px !important; }

.Width104 { width: 104px !important; }

.Width54 { width: 54px !important; }

.MarginT0 { margin-top: 0px !important; }