body { color: black; background-color:#FFFFFF;  margin: 2; margin-top: 2;
    background-image: url('cogixlogo100.jpg');     background-repeat:no-repeat;     background-position: top right;     
}
a:active, a:link, a:visited {color: blue; }
a:hover {color:#FFA500 }

p {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}

h1 {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold}
h4 {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold}
th {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold;}
tr {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}

textarea {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}
select {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style:normal; }
.currentrow { height:1px; background-color:#FCE7B6 }



table.tablemenu { background-color: #F8FFFD;  border-style:solid; border-color:#66CCFF; border-width: 0px 0px 0px 0px;}
table.tablemenu td { border-style:solid; border-color:#66CCFF; border-width: 0px 0px 1px 1px; }
table.tablemenu th { border-style:solid; border-color:#66CCFF; border-width: 0px 0px 1px 1px; }


table.tablelist {  border-style:solid; border-color:#66CCFF; border-width: 1px 0px 0px 0px;}
table.tablelist td { border-style:solid; border-color:#66CCFF; border-width:  0px 0px 1px 0px; }
table.tablelist th { border-style:solid; border-color:#66CCFF; border-width:  0px 0px 1px 0px; background-color: #EEFFFF;  font-weight:normal;}

table.tablelist2 {  border-style:solid; border-color:#66CCFF; border-width: 0px 0px 0px 0px;}
table.tablelist2 td { border-style:solid; border-color:#66CCFF; border-width:  0px 0px 0px 0px; }
table.tablelist2 th { border-style:solid; border-color:#66CCFF; border-width:  1px 0px 1px 0px; background-color: #EEFFFF; }

table.tablelist3 {  border-style:solid; border-color:#66CCFF; border-width: 0px 0px 0px 0px;}
table.tablelist3 th { border-style:solid; border-color:#66CCFF; border-width:  1px 0px 1px 0px; background-color: #EEFFFF; }

.tablelistcolor { background-color: #F8FFFD; }

table.sortable       { border-style:solid; border-color:#66CCFF; border-width: 1 0 0 0;}
table.sortable td  { border-style:solid; border-color:#66CCFF; border-width: 0 0 1 0; }
table.sortable th  { border-style:solid; border-color:#66CCFF; border-width: 0 0 1 0; background-color: #EEFFFF;  }
table.sortable a.sortheader {
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

table.s2ortable2       { border-style:solid; border-color:#66CCFF; border-width: 0 0 0 0;}
table.s2ortable2 td  { border-style:solid; border-color:#66CCFF; border-width: 0 0 1 0; }
td.explain {border-style:solid; border-color:#66CCFF; border-width:0 0 0 1px; padding: 0 0 0 10px; }

.intro { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt }
.normal{ font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt }
.debug { font-family: Times, serif; font-weight: bold; font-size: 11pt; color:red; }
.listitems {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style:normal; }
.actions { color:blue;   }
.actions2 { color:#777777;  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style:normal; }
.actions1 { cursor:pointer; color:blue; padding-left:5px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style:normal; }
td.helpbutton { -moz-border-radius:6px; width: 110px; background-color: #D6FFB0; font-weight: bold;  border: #000000 solid;
   border-width: 0px 1px 1px 0px; border-color: #000000; 
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-align:center; }
a.helpbutton:active, a.helpbutton:link ,a.helpbutton:visited {color: blue; text-decoration: none}
a.helpbutton:hover {color: red }

a.alarm:active, a.alarm:link, a.alarm:visited, a.alarm:hover {color: red;  text-decoration:blink; font-size: 10pt}
.alarm {color: red;  font-size: 11pt}

a.hoover:active {color: black; text-decoration: none}
a.hoover:link {color: black; text-decoration: none}
a.hoover:visited {color: black; text-decoration: none}
a.hoover:hover {color:#FFA500 }


a.button:active {color: blue; text-decoration: none}
a.button:link {color: blue; text-decoration: none}
a.button:visited {color: blue; text-decoration: none}
a.button:hover {color:#FFA500 }

td.bartitle { cursor:pointer; width: 110px; text-align: left; font-weight: bold; -moz-border-radius:6px; }

td.barbutton { -moz-border-radius:6px; width: 110px; background-color:#F8FFFD; border: solid;
   border-width: 0px 0px 1px 1px; border-color: #66CCFF;  padding: 2px 0px 2px 10px; 
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt }

td.currentbarbutton { -moz-border-radius:6px; text-align:center; width: 110px; background-color:#F8FFFD; border:  solid;
   border-width: 2px 2px 2px 2px; border-color: #FFA500;
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt }

td.settingsbox { -moz-border-radius:6px; border:solid; border-width: 1px 1px 1px 1px; border-color: #CCCCFF;  color:#333333}

input.button {
    cursor:pointer;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color:#3333CC;
}

input.helpbutton {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;
   font-weight: bold; color: blue; background-color: #13EC1E; border: blue solid; border-width: 0px thin thin 0px }

td.logo {width: 110px; background-color: #EEFFFF; border: #000000 solid; -moz-border-radius:6px;  
   border-width: 1px 0px 0px 1px; border-color: #000000;
   font-weight: bold;  text-align: right; color: red;
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: italic }

textarea.large { padding:2px; font-family: Trebuchet MS, Verdana, Arial,  Helvetica, sans-serif; font-size: 10pt}

td.number {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20pt;
	font-style: normal;
	font-weight: bold;
	color: #FFA500;
    vertical-align:top;
	text-align: center;
	padding-left:2px;
	width: 30px;
}
.qdesctitle {
    font-size:12pt;
    font-weight:bold;
    text-align:center;
    margin:5px;
}
div.colorbar {
    border: 1px solid #CCCCCC;
    background-color:#DDDDDD;
    height: 10px;
}

table.survey {
	border-width: 1px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
    empty-cells:show;
}
table.survey th {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: gray;
     font-weight:normal;
     text-align:left;
}
table.survey td {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: gray;
}

