BODY {
  font-size: 10pt;
  background-color: #f9f9f9;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

LI { 
  font-size: 10pt;
  font-family: verdana, arial, helvetica; 
  color: #222222; 
  line-height: 140%;
  text-align: justify;
  margin-top: 0.5em;
}

P { 
  font-size: 10pt;
  font-family: verdana, arial, helvetica; 
  color: #222222; 
  line-height: 140%;
  text-align: justify;
}

.headline { 
  font-size: 10pt;
  font-family: verdana, arial, helvetica; 
  font-style: italic;
  color: #222222; 
  line-height: 120%;
  text-align: justify;
  color: #ac2e10;
  text-decoration: none;
}

P.address { 
  font-size: 9pt;
  font-family: arial, verdana, helvetica; 
  color: #f9f9f9; 
  line-height: 120%;
  text-align: right;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.4em;
  margin-bottom: 0;
  white-space: nowrap;
}

P.tight { 
  margin-left: 0;
  margin-right: 0;
  margin-top: 0em;
  margin-bottom: 0.2em;
}

P.copy { 
  font-size: 7pt;
  font-family: arial, verdana, helvetica; 
  color: #555555; 
  line-height: 200%;
  text-align: right;
  margin-left: 0;
  margin-right: 1em;
  padding-top: 8em;
}

P.logotext {
  font-size: 24pt;
  font-family: verdana, arial, helvetica; 
  color: #222222;
  margin-left: 1em;
  visibility: hidden;
}

P.usp { 
  font-size: 10pt;
  font-family: arial, verdana, helvetica; 
  color: #f9f9f9; 
  line-height: 140%;
  text-align: left;
  margin-right: 0;
  margin-top: 0.4em;
  margin-bottom: 0;
  white-space: wrap;
  width: 10em;
  font-weight: bold;
  font-style: italic;
}

TD.usp {
  width: 10em;
}

H1  { 
  font-size: 14pt;
  font-family: arial, verdana, helvetica; 
  color: #454525; 
  text-align: left;
  font-weight: normal;
  padding-top: 0.15em;
  padding-bottom: 0.45em;
}

H1.head1  { 
  font-size: 14pt;
  font-family: arial, verdana, helvetica; 
  color: #454525; 
  text-align: left;
  font-weight: normal;
  padding-bottom: 0.45em;
}

H2  { 
  font-size: 12pt;
  font-family: arial, verdana, helvetica; 
  color: #454525; 
  text-align: left;
  font-weight: normal;
  padding-top: 0.15em;
  padding-bottom: 0.35em;
}

H3  { 
  font-size: 11pt;
  font-family: arial, verdana, helvetica; 
  color: #454525; 
  text-align: left;
  font-weight: normal;
  padding-top: 0.15em;
  padding-bottom: 0.15em;
}

H6 {
  font-size: 11pt;
  font-family: arial, verdana, helvetica;
  color: #454525;
  font-weight: normal;
  margin-bottom: 0em;
}

TABLE.toptable { 
  /* background-color: #cccccc; */
  background-color: #222222;
  width: 100%;
}

TABLE.gradient {
  /* background-color: #cccccc; */
  background-color: #222222;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 4em;
  width: 95%;
}

TABLE.maintable {
}

TABLE.contenttable {
  background-color: #f9f9f9;
}

TABLE.texttable {
  background-color: #f9f9f9;
  max-width: 95%;
  width: 95%;
  padding-top: 0.75em;
}

TABLE.menustrap {
  width: 100%;
}

TABLE.menu {
  white-space: nowrap;
  /* background-color: #e0e0e0; */
  width: 10em;
  /* padding-left: 6px; */
  /* padding-right: 6px; */
}

TABLE.bottomtable { 
  width: 100%;
}

TABLE.panel { 
  /* border: solid 1px #222222; */
  margin-left: 3em;
  margin-top: 0.5em;
  padding: 3px 2px 3px 2px;
}

TABLE.panel TR TD { 
  padding-left: 2.5em;
  padding-right: 2.5em;
}

TD { 
  font-size: 10pt;
  font-family: verdana, arial, helvetica; 
  color: #222222; 
  line-height: 140%;
  text-align: justify;
}

TD.menubottom {
  background-color: #f9f9f9;
}

TD.textbottom {
  background-color: #f9f9f9;
}

TD.textpanel {
  background-color: #f9f9f9;
  padding-top: 1.4em;
  padding-left: 5em;
  padding-right: 5em;
  width: 100%;
}

TD.trailer { 
}

LI.tight { 
  margin-top: 0em;
}

LI.blue_arrow { 
  list-style-image: url("/images/blue-arrow.png");
}

SPAN.text { 
  font-family: verdana, arial, helvetica; 
  color: #096dac;
} 

A.text { 
  font-family: verdana, arial, helvetica; 
  color: #096dac;
  text-decoration: none;
} 

A.text:hover { 
  font-family: verdana, arial, helvetica; 
  color: #096dac;
  text-decoration: underline;
}

A.text:visited { 
  font-family: verdana, arial, helvetica; 
  color: #096dac;
}

A.imglink { 
  margin-left: 1em;
  text-decoration: none;
  border: none;
} 

A.imglink IMG { 
  text-decoration: none;
  border: none;
} 

.strap { 
  font-size: 9px;
  font-family: verdana, arial, helvetica; 
  color: #ffffff; 
  text-align: right;
  font-weight: bold;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: 100%;
  background-color: #222222;
  width: 100%;
}

/* MENU */

.main_menu_line { 
  background-color: #adadad;
} 

.main_menu_top_spacer { 
  height: 8px;
  /*   background-color: #adadad; */
}

.main_menu, .main_menu_products, .main_menu_company, .main_menu_documentation, .main_menu_support, .main_menu_download, .main_menu_feedback { 
  font-size: 9pt;
  font-family: arial, verdana, helvetica; 
  font-weight: bold;
  text-decoration: none; 
  color: #f9f9f9;
  line-height: 120%;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  border: solid 1px #adadad;
  display: block;
} 

.main_menu:hover {
  border: solid 1px #5e5e5e;
  background-color: #222222;
}

.main_menu_products:hover {
  border: solid 1px #5e5e5e;
  background-color: #ac2e10;
}

.main_menu_company:hover {
  border: solid 1px #5e5e5e;
  background-color: #97ac43;
}

.main_menu_documentation:hover {
  border: solid 1px #5e5e5e;
  background-color: #096dac;
}

.main_menu_support:hover {
  border: solid 1px #5e5e5e;
  background-color: #e6ce4a;
}

.main_menu_download:hover {
  border: solid 1px #5e5e5e;
  background-color: #ac4680;
}

.main_menu_feedback:hover {
  border: solid 1px #5e5e5e;
  background-color: #60aca9;
}

.visiting_main_menu, .visiting_main_menu_products, .visiting_main_menu_company, .visiting_main_menu_documentation, .visiting_main_menu_support, .visiting_main_menu_download, .visiting_main_menu_feedback {
  font-size: 9pt;
  font-family: arial, verdana, helvetica; 
  font-weight: bold;
  text-decoration: none; 
  color: #f9f9f9;
  line-height: 120%;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  border: solid 1px #999999;
  background-color: #222222;
  display: block;
}

.visiting_main_menu_products {
  background-color: #ac2e10;
}

.visiting_main_menu_company { 
  background-color: #97ac43;
}

.visiting_main_menu_documentation { 
  background-color: #096dac;
}

.visiting_main_menu_support { 
  background-color: #e6ce4a;
}

.visiting_main_menu_download { 
  background-color: #ac4680;
}

.visiting_main_menu_feedback { 
  background-color: #60aca9;
}

.second_menu_line {
   background-color: #cccccc;
}

.second_menu_top_spacer { 
  height: 8px;
  /*  background-color: #cccccc; */
}

.second_menu {      
  font-size: 9pt;
  font-family: arial, verdana, helvetica; 
  text-decoration: none; 
  color: #151515;
  line-height: 120%;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  border: solid 1px #cccccc;
  display: block;
} 

.second_menu:hover { 
  border: solid 1px #222222;
}

P.second_menu { 
  font-size: 9pt;
  font-family: arial, verdana, helvetica; 
  text-decoration: none; 
  color: #151515; 
  line-height: 120%;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  border: solid 1px #222222;
}

.third_menu_line {
   background-color: #d9d9d9;
}

.third_menu_top_spacer { 
  height: 8px;
  /*  background-color: #d9d9d9; */
}

.third_menu {      
  font-size: 9pt;
  font-family: arial, verdana, helvetica; 
  text-decoration: none; 
  color: #404040;
  line-height: 120%;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  border: solid 1px #d9d9d9;
  display: block;
} 

.third_menu:hover { 
  border: solid 1px #d9d9d9;
}

.third_menu_products:hover {
  color: #ac2e10;
}

.end_of_menu_spacer {
  height: 4px;
  background-color: #222222;
}

/* BANNER */

/* this uses real text shadowing */
.banner { 
  font-family:   arial, Verdana;
  font-size: 24pt;
  line-height: 100%;
  font-weight: bold;
  /* color: #222222; */
  color: #f9f9f9;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5em;
  letter-spacing: -0.05em;
  white-space: nowrap;
  text-shadow: #777777 0.1em 0.1em 0.09em;
}

/* this uses simulated text shadowing with : after */
.banner2 {
  font-family:  arial, Verdana;
  font-size: 25pt;
  line-height: 100%;
  font-weight: bold;
  color: #999999 !important;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5em;
  letter-spacing: -0.05em;
  white-space: nowrap;
}

.banner2:after {
  content: 'Time Index Technologies';
  color: #ffffff;
  display: block;
  position: relative;
  text-indent: -0.09ex;
  margin-top: -1.055em; 
}
	
/* this uses simulated text shadowing with : before */
.banner3 {
  font-family:  arial, Verdana;
  font-size: 25pt;
  line-height: 1em;
  font-weight: bold;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1em;
  letter-spacing: -0.05em;
  white-space: nowrap;
  background-color: transparent;
}

.banner3:before {
  content: 'Time Index Technologies';
  display: block;
  color: #888888;
  text-indent: 0.09ex;
  margin-bottom: -1.055em; 
}

/* FORMS */

TEXTAREA {
  font-size: 8pt;
}

INPUT {
  font-size: 10pt;
}

.formlabel { 
  font-size: 11pt;
  font-family: arial, verdana, helvetica; 
  color: #454525; 
  text-align: left;
  font-weight: normal;
  padding-top: 0.15em;
  padding-bottom: 0.45em;
  vertical-align: top;
  padding-right: 2em;
  /* font-weight: bold; */
}

.formentry { 
  font-family: verdana, arial, helvetica; 
  background-color: #dddddd;
  border: solid 1px #222222;
  padding: 0.1em 0.1em 0.2em 0.25em;
}

.formentryWarning { 
  font-family: verdana, arial, helvetica; 
  background-color: #e8d0d7;
  border: solid 1px #222222;
  padding: 0.1em 0.1em 0.2em 0.25em;
}

.formbutton { 
  font-family: arial, verdana, helvetica; 
  font-size: 10pt;
  background-color: #dddddd;
  border: solid 1px #222222;
  padding: 0.1em 0.1em 0.2em 0.25em;
  margin-right: 3em;
  cursor: pointer;
}

.formspacer TD { 
  padding-top: 1em;
  empty-cells: show;
}

.label {
  font-size: 11pt;
  font-family: arial, verdana, helvetica; 
  color: #454525; 
  text-align: left;
  font-weight: normal;
   white-space: nowrap;
}

.description { 
  font-family: arial, verdana, helvetica; 
  color: #454525; 
  text-align: left;
  font-weight: normal;
  margin-top: 0.5em;
  font-size: 70%;
  white-space: normal;
  line-height: 110%;
  width: 11em;
 }

/* FORM RESPONSE */

.presentform { 
  border: solid 1px #222222;
  margin-left: 1em;
  margin-top: 0.5em;
  padding: 3px 2px 3px 2px;
}

.presentlabel { 
  font-size: 8pt;
  font-weight: bold;
  font-family: verdana, arial, helvetica; 
  color: #454525; 
  text-align: left;
  padding-top: 0.15em;
  padding-bottom: 0.05em;
  vertical-align: top;
  padding-right: 0.5em;
  /* font-weight: bold; */
}

.presentfield { 
  font-size: 8pt;
  font-family: verdana, arial, helvetica; 
  /* background-color: #dddddd; */
  padding: 0.1em 0.1em 0.2em 0.25em;
}

.presentmessage { 
  font-family: verdana, arial, helvetica;
  background-color: #eeeeee;
  font-size: 8pt;
  /* border: solid 1px #222222 ; */
  padding: 0.1em 0.1em 0.2em 0.3em;
  width: 10cm;
}

/* GRAPHIC COLOURS */

.graphic {
  font-weight: normal;
  font-family: helvetica, sans-serif;
  padding-top: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.1em;
  white-space: nowrap;
  font-size: inherit;
  line-height: inherit;
}

#graphictable {
  font-size: 48pt;
  margin-top: 1.5cm;
  margin-left: auto;
  margin-right: auto;
}

#graphiclogo {
  font-size: 14pt;
  margin-top: 0.25em;
  margin-left: 1em;
  margin-right: 0;
  style: inline;
  background-color: #dddddd;
  border: solid 2px #222222;
  /* display: none; */
}

#letter1 { color: #ac2e10;  letter-spacing: -0.05em; border: solid 0px black; }
#letter2 { color: #97ac43;  padding-left: 0.15em; border: solid 0px black; }
#letter3 { color: #096dac;  padding-left: 0.15em;  letter-spacing: -0.05em; border: solid 0px black; }
#letter4 { color: #ac4680;  border: solid 0px black; }
#letter5 { color: #e6ce4a; padding-left: 0.15em; border: solid 0px black; }
#letter6 { color: #60aca9; padding-left: 0.05em; letter-spacing: -0.05em; border: solid 0px black; }
#letter7 { color: #ac2e10;  border: solid 0px black; }
#letter8 { color: #97ac43;  border: solid 0px black; }
#letter9 { color: #096dac; letter-spacing: -0.06em;  border: solid 0px black; }
#letter10 { color: #ac4680; padding-left: 0.1em; border: solid 0px black; }
#letter11 { color: #e6ce4a; padding-left: 0.15em;  border: solid 0px black; }
#letter12 { color: #60aca9;  border: solid 0px black; }

#tix {
  font-family: arial;
  font-weight: 900;
  font-size: 16pt;
  line-height: 100%;
  border: solid 1px black;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 0.25em;
  padding-right: 0.25em;
  vertical-align: 8px;
  margin-top: 1px;
}

#tiximg {
}

#tixlogo {
   padding-left: 22px;
   padding-bottom: 7px;
}

/* SPECIALS */

.contact {
  margin-top: 0.5em;
  margin-left: 2em;
}

.doctitle { 
  font-size: 110%;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}


#logfile {
  margin-left: 2em;
  font-size: 9pt;
  line-height: 11pt;
  background-color: #dddddd;
  font-family:  fixed;
  overflow: hidden;
  cursor: pointer;
}

.pricing {
  padding-left: 2em;
}

.pricing thead tr td {
  background-color: #cccccc;
  font-family: verdana, arial, helvetica; 
  font-weight: normal;
  font-style: italic;
  vertical-align: top;
  padding-left: 0.4em;
  padding-right: 0.7em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  text-align: left;
}

.pricing tbody tr td {
  background-color: #d9d9d9;
  font-family: verdana, arial, helvetica; 
  vertical-align: top;
  padding-left: 0.4em;
  padding-right: 0.7em;
  text-align: left;
  line-height: 160%;
  width: 110px;
}

.pricing tbody tr td p {
  margin-bottom: 0;
  margin-top: 0;
  line-height: 160%;
  text-align: left;
}

.desc {
  width: 3cm;
}

/*  DEMO STYLES */

.demolisttable { 
  border-collapse: collapse;
  width: 100%;
}

.demolistrow0 { 
  background-color: #d9d9d9;
}

.demolistrow1 { 
}

.demolistlink { 
  font-size: 8pt;
  white-space: nowrap;
}
.demotitle { 
  font-size: 9pt;
  font-family: verdana, arial, helvetica; 
  color: #222222; 
  vertical-align: top;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: left;
 }

.demoartist { 
  font-size: 9pt;
  font-family: verdana, arial, helvetica; 
  color: #222222; 
  vertical-align: top;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: left;
 }

.democomment { 
  font-size: 9pt;
  font-style: italic;
  font-family: verdana, arial, helvetica; 
  color: #222222; 
 }

.demobutton { 
  border-width: thin;
  border-style: solid;
  margin-left: 20px;
  padding: 4px;
  float: left;
  font-size: 9pt;
  font-family: verdana, arial, helvetica; 
  color: #222222; 
  line-height: 140%;
  cursor: pointer;
 }

.democontent P { 
  font-size: 9pt;
  font-family: verdana, arial, helvetica; 
}

.chooser {
  background-color: #d9d9d9;
  border-width: thin;
  border-style: solid;
  border-color: #000000;
  margin-left: 20px;
  padding: 4px;
  float: left;
  width: 320px;
}

.chooser table tr td {
  font-size: 9pt;
  font-family: verdana, arial, helvetica; 
  white-space: nowrap;
}

#help {
  position: absolute;
  right: 10px;
  background: #d9d9d9;
  border-width: thin ;
  border-style: solid;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  width: 20%;
  float: left;
}

#help P {
  font-size: 8pt;
  font-family: verdana, arial, helvetica; 
}

.help > P {
  margin-top:0px;
}	      

.standout {
  font-size: 110%;
}
 
.strap { 
  background-color: #e6ce4a;
}

P.main_menu {
  background-color: #e6ce4a;
}

.second_menu:hover { 
  border: solid 1px #e6ce4a;
}

P.second_menu { 
  border: solid 1px #e6ce4a;
}

.third_menu:hover {
  color: #e6ce4a;
}