html {
  font-size: 100%;  /* IE/Win fix */
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  background-color: #f0f0f0;
  margin: 0;
  padding: 0;
}

table, input, select, th, td {
  font-size: 1em;  /* IE/Win fix */
}

#body {
  margin:0 160px 0 0;
}

#sidebar{
  float: right;
  width: 160px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

div.rightcol {
  margin: 0;
  padding: 0 0 0 10px;
}

div.cleaner {
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

div.column-in {
  margin:0; padding:0.5em 1em;
}

tt {
  font-family: "Lucida Console", Courier;
}

pre {
  font-family: "Lucida Console", Courier;
  text-align: left;
}

em {
  font-weight: bold;
  font-style: normal;
/*  color: #e76f00;*/
}

p {
  color: #000;
  line-height: 1.4em;
  margin-top: 0px;
  margin-bottom: 1em;
}

.compact p, .compact li {
  margin-bottom: 0.5em;
}

small {
  font-size: 12px;
  line-height: 1.5em;
}

big {
  font-size: 16px;
  line-height: 1.2em;
}


h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  text-align: left;
  color: #228888;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0 0 0.5em 0;
  border-top: hidden;
  border-bottom: solid #90c0c0 1px;
}

h1.first {
  margin-top: 0px;
}

h1.title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  text-align: left;
  color: #228888;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 6px;
  border: none;
}

h1.subtitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  text-align: left;
  color: #000;
  margin-top: 6px;
  margin-bottom: 1em;
  border: none;
}

h1.subtitlered {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #e76f00;
  line-height: 1.5em;
  text-align: left;
  padding: 0;
  margin-top: 6px;
  margin-bottom: 1em;
  border: none;
}



h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  text-align: left;
  color: #228888;
  margin-top: 9px;
  margin-bottom: 6px
}

h2.u {
  font-variant: small-caps;
  border-bottom: 2px solid #228888
}

h3 {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: left;
  color: #228888;
  top: 0px;
  bottom: 0px;
  margin: 6px 0px;
  padding: 0px
}

dir, ul, ol, dl {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 0em;
  margin-left: 2em;
}

ul.bullets-main {
  list-style-image: url('/images/bullet1-main.gif');
}

ul.bullets-accent1 {
  list-style-image: url('/images/bullet1-accent1.gif');
}

li {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}

dd {
  margin-bottom: 0.5em;
}

div.sidebar .main .boxtag {
  background: url('/images/tagmain.gif') no-repeat;
}

div.sidebar .neutral .boxtag {
  background: url('/images/tagneutral.gif') no-repeat; 
}

div.sidebar .accent1 .boxtag {
  background: url('/images/tagaccent1.gif') no-repeat; 
}

div.sidebar .accent2 .boxtag {
  background: url('/images/tagaccent2.gif') no-repeat; 
}

div.sidebar .var1 .boxtag {
  background: url('/images/tagvar1.gif') no-repeat; 
}

div.sidebar .var2 .boxtag {
  background: url('/images/tagvar2.gif') no-repeat; 
}

dl.underline dt {
  border-bottom: 1px dotted #288;
}

dl.color dt {
  color: #288;
}

dl.noindent {
  margin-left: 0;
}

table {
  clear: both;
  border-collapse: collapse;
  border-style: none;
  border-width: 0px;
  margin: 0px;
  padding: 0px; 
}

table.pricelist {
  margin-top: 12px;
  margin-bottom: 12px;
}

table caption {
  font-size: 12px;
  font-weight: bold;
}

td {
  line-height: 1.5em;
  padding: 0px;
}

th {
  font-weight: bold;
  line-height: 1.5em;
  padding: 2px;
  color: #ffffff;
  background-color: #228888;
}


th.left {
  text-align:left;
}

td.theader{
  background-color: #228888;
  color: #ffffff;
  font-weight: bold;
  padding: 2px;
  margin: 0px;
}

td.sheader{
  font-weight: bold;
  padding: 15px 2px 2px 2px;
  margin: 0px;
  border-top: solid 2px #eee;
  border-bottom: solid 2px #288;
}

td.vpadded {
  line-height: 1.5em;
  padding-top: 3px;
  padding-bottom: 3px
}

td.hpadded {
  line-height: 1.5em;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
}

td.padded {
  line-height: 1.5em;
  padding: 3px;
  margin: 0px;
}

td.lastcolumn {
  vertical-align: top;
}

td.sep1 {
  background-color: #228888;
}


table.indented {
  margin: 12px 0px;
}

table.sidebar td {
  font-family: Arial, Helvetica, sans-serif;
/*  font-size: 12px; */
  line-height: 1em;
  padding: 3px 5px;
}

table.rowseps {
  border-collapse: collapse;
}

table.rowseps td.middle-row {
  padding: 10px 0px;
  border-top: dotted 1px #228888;
  border-bottom: dotted 1px #228888;
}

table.rowseps td.top-row {
  padding-bottom: 10px;
  border-bottom: dotted 1px #228888;
}

table.rowseps td.bottom-row {
  padding-top: 10px;
  border-top: dotted 1px #228888;
}

table.colseps {
  border-collapse: collapse;
}

table.colseps td.column {
  vertical-align: top;
  padding: 0px 10px 10px 10px;
  border-style: dotted;
  border-width: 0px 1px;
  border-color: #228888;
}

table.colseps td.first-column {
  vertical-align: top;
  border-right: dotted 1px #228888;
  padding: 0px 10px 10px 0px;
}

table.colseps td.last-column {
  vertical-align: top;
  border-left:  dotted 1px #228888;
  padding: 0px 0px 10px 10px;
}

table.colseps tr.last-row td {
  padding-bottom: 0px;
}

table.colseps tr.last-row td {
  padding-bottom: 0px;
}

table.linkgate td {
  vertical-align: top;
  padding: 3px 0px;
}

table.linkgate th {
  text-align: left;
/*  font-family: Georgia, "Times New Roman", Times, serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
  padding: 10px 0 3px 0;
  border-top: hidden;
  border-bottom: solid #90c0c0 3px;
  color: #228888;
  background-color: transparent;
  line-height: 1em;
}

table.linkgate th.top {
  padding-top: 0px;
}


table.striped {
  margin: 5px 0px;
  border-bottom: 1px solid #228888;
}

table.striped td.sheader{
  margin: 5px 0px;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 2px 2px 2px;
  border-top: solid 2px #eee;
  border-bottom: 1px solid #228888;
}

table.striped th {
  padding: 3px 0px;
  background-color: #228888;
  color: #ffffff;
}

table.striped th.boxed {
  border: #fff 2px solid;
  padding: 2px;
}

table.striped tr.even {
  background-color: #eee;
  border-bottom: hidden;
}

table.striped td {
  padding: 3px 3px;
  background-color: inherit;
}

table.striped td.even {
  background-color: #eee;
}

table.striped td.odd {
  background-color: #fff;
}

table.boxed {
  border-collapse: separate;
}

table.boxed tr.even {
  background-color: #eeeeee;
}

table.boxed td {
  padding: 2px;
  margin: 1px;
  background-color: inherit;
}

table.boxed th {
  padding: 2px;
  margin: 1px;
  background-color: #228888;
  color: #ffffff;
}

table.boxed1 {
  border-collapse: separate;
}

table.boxed1 td {
  padding: 2px 23px 0px 0px;
  margin: 1px;
  background-color: inherit;
}

table.form {
  margin: 12px auto;
  border: solid #888888 1px;
  background-color: #eeeeee;
}

table.form td.caption {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight:bold;
  line-height: 1em;
  background-color: #fff;
  color: #000;
  padding: 5px;
  border: hidden;
/*
  border-top: double 3px #888;
  border-bottom: solid 1px #888;
  background-color: #888888;
  color: #ffffff;
*/
}

table.form th {
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 14px;
  line-height: 1em;
  text-align: left;
  background-color: #888888;
  color: #ffffff;
  padding: 5px;
} 

table.form td {
  background-color: #eeeeee;
  padding: 3px;
}

table.form td.label {
  vertical-align:top;
  text-align: right;
  font-weight: bold;
  background-color: #eeeeee;
  padding: 3px;
}

table.form td.submit {
  padding: 5px;
  border: solid #888888 1px;
  text-align: center;
}

table.framed {
  border-collapse: separate;
  border:solid 1px #888;
  padding: 1px;
  margin: 5px 0px;
}

table.framed th {
  margin: 0px;
  padding: 2px;
  text-align: center;
  background-color: #eee;
  color: #000;
}

table.framed td {
  margin: 0px;
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
}

table.framed td p {
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

table.framed td p.last {
  margin-bottom: 0;
}


table.tooltip {
  border: 1px solid #000;
  padding: 3;
}

table.tooltip th {
  background-color: #ffe;
  color: #000;
  font-size: 11px;
  text-align: left;
}

table.tooltip td {
  background-color: #ffe;
  font-size: 11px;
  padding: 3px 5px;
}

table.topmenu {
  border-collapse: collapse;
}

table.topmenu td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 0px 5px;
  background-color: #288;
  color: #fff;
}

table.topmenu td a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

table.topmenu td a:visited {
  color: #fff;
  text-decoration: none;
}

table.topmenu td a[href]:hover {
  text-decoration: underline;
}

table.topicons td {
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 0px;
}

table.topicons td a {
  color: #288;
  font-weight: bold;
  text-decoration: none;
}

table.topicons td a:hover {
  color: #e76f00;
  text-decoration: none;
}

table.topicons td a:visited {
  color: #288;
  text-decoration: none;
}

table.topicons td a:visited:hover {
  color: #e76f00;
  text-decoration: none;
}


p.navbar {
  color: #000;
/*
  font-family: Arial, Helvetica, sans-serif;
*/
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 0.5em 0;
  margin: 0;
}

p.small {
  font-size: 10px;
  line-height: 1.5em;
}

p.quote {
  color: #444;
  padding: 0px 20px;
}

p.quotesig {
  font-size: 11px;
  color: #444;
  text-align: right;
  padding: 0px 20px 20px 20px;
}


div.minitoc {
  margin: 10px 0px;
  border-bottom: solid 2px #288;
}

div.minitoc p.toctitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #288;
  text-align:center;
  border-width: 1px;
  border-color: #288;
  border-style: solid none;
  background-color: #eee;
  padding: 3px 0px;
  margin: 0.5em 0em;
}

div.minitoc p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1em;
  margin-bottom: 0.7em;
}


table.sidebar a:link {
  text-decoration: none;
}

table.sidebar a:visited {
  text-decoration: none;
}

a.bold:link {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

a.bold:visited {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

a.bold:hover {
  font-weight: bold;
  text-decoration: underline;
}

a.fat {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

a.fat:link {
  text-decoration: none;
}

a.fat:visited {
  text-decoration: none;
}

a.red:link {
  color: #e76f00;
}

a.red:visited {
  color: #e76f00;
}

a:link {
  text-decoration: underline;
  color: #228888;
  cursor: pointer;
}

a:visited {
  text-decoration: underline;
  color: #446666;
  cursor: pointer;
}

a[href]:hover {
  text-decoration: underline;
  color: #e76f00;
  cursor: pointer;
}

select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  background-color: #ffffff;
}

input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
}

input[type=text] {
  background-color: #ffffff;
}

textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  background-color: #ffffff
}

img {
  margin:0px;
  border-style:hidden;
}

img.inline {
  vertical-align: middle;
}

img.floatleft {
  float: left;
  clear: none;
  margin: 0px 5px 3px 0px;
}

img.floatright {
  float: right;
  clear: none;
  margin: 0px 0px 3px 5px;
}

img.uplefticon {
  vertical-align: middle;
  margin: 4px 8px 0px 5px;
}


span.tag {
  font-weight: bold;
  font-size: 0.8em;
  color: #e76f00;
}

.bold {
  font-weight: bold;
}

.red {
  color: #e76f00;
}

.floatright {
  float: right;
  margin: 5px 0px 5px 10px;
}

.floatleft {
  float: left;
  margin: 5px 10px 5px 0px;
}

.narrow {
  font-family: Arial, Helvetica, sans-serif;
}

.first {
  margin-top: 0px;
}

.compact .last,
.last {
  margin-bottom: 0px;
}

.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.left {
  text-align: left;
}

.spaced {
  margin-top: 1em;
  margin-bottom: 1em;
}

.doublespaced {
  margin-top: 2em;
  margin-bottom: 2em;
}


div#main {
        width:750px;
        margin:0; padding:0;
        text-align: left;
        }

div#left {
        float:left;
        width:520px;
        margin:0; padding:0;
        }

div#right {
        float:right;
        width:200px;
        margin:0; padding:0;
        }

div#middle {
        margin:0;
        width:450px;
        }

.cleaner {
        clear:both;
        height:1px;
        font-size:1px;
        border:none;
        margin:0; padding:0;
        background:transparent;
        }

.redborder {
  border: 1px dotted red;
}

div#head { 
  margin:0; padding:0;
  width:750px; 
  height:100px; 
  left:0px; 
  top: 0px; 
  background-color: #ff6; 
} 


div.intro {
  font-size: 14px;
}

div.bodytext {
  padding-left: 15px;
  font-size: 14px;
}

.spacebelow {
  margin-bottom: 1em;
}

span.accent1 {
  color: #ff7a00;
}

.box {
  border-width: 1px;
  border-style: solid;
}

.main {
  border-color: #228888;
  background-color: #ecf4f4;
}

.neutral {
  border-color: #888888;
  background-color: #fff;
}

.accent1 {
  border-color: #ff7a00;
  background-color: #ffebd9;
}

.accent2 {
  border-color: #ff0087;
  background-color: #ffd9ed;
}

.var1 {
  border-color: #3480cc;
  background-color: #e1ecf7;
}

.var2 {
  border-color: #218756;
  background-color: #deede6;
}


.neutral .box {
  border-color: #888888;
  background-color: #fff;
}

.main .box {
  border-color: #228888;
  background-color: #ecf4f4;
}

.accent1 .box {
  border-color: #ff7a00;
  background-color: #ffebd9;
}

.accent2 .box {
  border-color: #ff0087;
  background-color: #ffd9ed;
}

.wtb .box {
  border-color: #6b6b6b;
}

.var1 .box {
  border-color: #3480cc;
  background-color: #e1ecf7;
}

.var2 .box {
  border-color: #218756;
  background-color: #deede6;
}

blockquote {
  border-left:2px solid #888888; border-right:2px solid #888888; border-top:0px solid #888888; border-bottom:0px solid #888888; background-color: #ededed;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em; 
  padding-bottom: 0.5em;
  margin-bottom: 1em; margin-left:0; margin-right:0; margin-top:0
}

.main blockquote {
  border-color: #228888;
  background-color: #ecf4f4;
}

.accent1 blockquote {
  border-color: #ff7a00;
  background-color: #ffebd9;
  margin: 0;
  padding: 1em; 
  text-align: center;
}


.accent1 a:link {
  color: #ff7a00;
  text-decoration: none;
  cursor: pointer;
}

.accent1 a:visited {
  color: #ff7a00;
  text-decoration: none;
  cursor: pointer;
}

.accent1 a[href]:hover {
  color: #ff7a00;
  text-decoration: underline;
  cursor: pointer;
}

.accent2 a:link {
  color: #ff0087;
  text-decoration: none;
  cursor: pointer;
}

.accent2 a:visited {
  color: #ff0087;
  text-decoration: none;
  cursor: pointer;
}

.accent2 a[href]:hover {
  color: #ff0087;
  text-decoration: underline;
  cursor: pointer;
}

.wtb a:link {
  color: #6b6b6b;
  text-decoration: none;
  cursor: pointer;
}

.wtb a:visited {
  color: #6b6b6b;
  text-decoration: none;
  cursor: pointer;
}

.wtb a[href]:hover {
  color: #6b6b6b;
  text-decoration: underline;
  cursor: pointer;
}


.var1 a:link {
  color: #3480cc;
  text-decoration: none;
  cursor: pointer;
}

.var1 a:visited {
  color: #3480cc;
  text-decoration: none;
  cursor: pointer;
}

.var1 a[href]:hover {
  color: #3480cc;
  text-decoration: underline;
  cursor: pointer;
}

.var2 a:link {
  color: #218756;
  text-decoration: none;
  cursor: pointer;
}

.var2 a:visited {
  color: #218756;
  text-decoration: none;
  cursor: pointer;
}

.var2 a[href]:hover {
  color: #218756;
  text-decoration: underline;
  cursor: pointer;
}

.boxtag {
  font-size: 1px; /* IE stretches empty DIVs according to font-size, so without this line the div can be taller than explicit height */
  height: 15px;
  border: none;
  padding: 0;
  margin: 0;
}

.boxtitle {
  color: #fff;
  font-weight: bold;
  padding: 8px 5px 8px 10px; 
}

/* Why Use It done as box title */
.boxtitleW {
  font-weight: bold;
}


.neutral .boxtag,
.neutral .boxtitle {
  background-color: #888888;
}

.main .boxtag,
.main .boxtitle {
  background-color: #228888;
}

.accent1 .boxtag,
.accent1 .boxtitle {
  background-color: #ff7a00;
}

.accent2 .boxtag,
.accent2 .boxtitle {
  background-color: #ff0087;
}

.wtb .boxtag,
.wtb .boxtitleW {
  background: #228888 url('/images/whytitlea1.png') no-repeat;
}

.var1 .boxtag,
.var1 .boxtitle {
  background-color: #218756;
}

.var2 .boxtag,
.var2 .boxtitle {
  background-color: #218756;
}

.main .boxtitle {
  background: #228888; 
}

.main .menutext0 a:link {
  text-decoration: none;
  cursor: pointer;
}

.main .menutext0 a:visited {
  text-decoration: none;
  cursor: pointer;
}

.main .menutext0 a:hover {
  color: #ff7a00;
}

div.mainsection.orange {
  border-color: #fcc18b;
}

div.mainsection.about {
  line-height: 1.4em;
  font-size: 16px;

  vertical-align: top;
  text-align: left;
}

div.sidebar {
/*  font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
}

div.sidebar div.group {
  padding: 0;
  margin-bottom: 2em;
}

div.sidebar .neutral .boxtag {
  background: url('/images/tagneutral.gif') no-repeat; 
}

div.sidebar .main .boxtag {
  background: url('/images/tagmain.gif') no-repeat;
}

div.sidebar .accent1 .boxtag {
  background: url('/images/tagaccent1.gif') no-repeat; 
}

div.sidebar .accent2 .boxtag {
  background: url('/images/tagaccent2.gif') no-repeat; 
}

div.sidebar .var1 .boxtag {
  background: url('/images/tagvar1.gif') no-repeat; 
}

div.sidebar .var2 .boxtag {
  background: url('/images/tagvar2.gif') no-repeat; 
}


div.sidebar div.menutitle1 {
  font-weight: bold;
  padding: 8px 5px 8px 10px;
  border-bottom: 1px solid #2580db;
}


div.sidebar div.menuitem1 {
  font-weight: bold;
  line-height: 1.2em;
  padding: 10px 8px 10px 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #6b6b6b
}

.accent1 div.menuitem1 {
  border-color: #ff7a00;
}

.var1 div.menuitem1 {
  border-color: #3480cc;
}


div.sidebar div.menuitem1.top {
  border-top: none;
}

div.sidebar div.group2 {
  border:1px solid #228888;
  background-color: #ecf4f4;
  padding: 0;
  margin-bottom: 2em;
}

div.sidebar div.group2title {
/*  background: url(/images/jet1-title2bg.png) no-repeat; */
  background-color: #228888;
  height: 15px;
  border: 0px none;
  padding: 0
}

div.sidebar div.menutitle2 {
  color: #fff;
  font-weight: bold;
  padding: 8px 5px 8px 15px;
}

div.sidebar div.menutext0 {
  padding: 18px 8px 10px 12px;
}

div.sidebar div.menutext1 {
  padding: 10px 10px 10px 15px;
}

div.sidebar div.menutext2 {
  padding: 2px 10px 10px 15px;
}

div.sidebar div.menutext3 {
  padding: 10px 10px 10px 15px;
}

div.sidebar div.menuitem2 {
  line-height: 1.2em;
  padding: 5px 5px 5px 10px;
}


div.sidebar div.group3 {
  border:1px solid #ff7a00;
  background-color: #ffebd9; 
  padding: 0;
  margin-bottom: 2em;
}

div.sidebar div.group3title {
/*  background: url(/images/jet1-title3bg.png) no-repeat; */
  background-color: #ff7a00;
  height: 15px;
  border: 0px none;
  padding: 0
}


div.randomad {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-top: 1px solid #288;
  color: #444;
  background: url('/images/randomadbg.gif') no-repeat;; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px

}

p.more {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: right;
}

span.anchor {
  color: #288;
  border-bottom: 1px dotted #288;
}

.hideifjs {
  display: none;
}


@media print {
div#right {
        display: none;
        float: right;
        width: 150px;
        margin: 0; 
        padding: 0;
        }
}