div#banner
{
  padding: 0 0 0 0 ;
  margin: 0 0 0 0 ;
  height: 90px; 
  background: white url(http://www.ihe.net/images/ihe_logo.jpg) 0 0 no-repeat fixed;

}
div#banner floatright
{
  background-color: #fff;
  float : right;
}

textarea {font:normal 10pt Tahoma,"Arial Unicode MS","TITUS Cyberbit Basic",Code2000,"Lucida Sans Unicode",sans-serif;}
textarea {display:block; width:99%; height:25ex; margin:auto;}

div#container
{
  background-image: url(/common/images/nav_col_base.jpg);
  background-repeat: repeat-y;
  background-position: top left ;
  text-decoration  : none;
}

div#container2
{
  text-decoration  : none;
}

div#cleardiv
{
  clear: both;
  height: 1em;
}





div#more
{
float: right;
width: 160px;
margin: 0;
padding: 2em 10px 0 0;
/*color: #eee;*/
}

div#more h3
{
margin-top: 0px;
/*color: #fff;*/
padding: .2em;
background-image: url(/common/images/more_base.jpg);
background-position: right;
background-repeat: repeat-y;
}

div#content
{
  font-size:75%;
  /*background: #DDE url(/common/logo/IHE_blue.png) 0 0 no-repeat fixed*/;
  margin-left: 180px;
}

div#content h2
{
  margin: 0;
}

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

div#footer
{
  font-size        : 60%;
  clear: both;
  border-top: 1px solid black;
  background-color: #DDE;
  background-repeat: repeat-y;
}

div#footer address  {
  float: left;
}

body { 
  font-family: "comic sans ms", arial, 'sans serif'; 
}

.button {
  font-size: 100% /*200%*/;
}

TABLE { 
  font-size: 100% ;

} 

.demo TABLE {border : 1px solid black;  }

warning  {font-weight:bold; color: red}


TH {background: #CCCCFF; padding-left : 10px; padding-right : 10px}
TH.vertical { writing-mode: tb-rl;filter:   flipH() flipV()}
TD.verticalmatrix1   {background: #CCCCCC;text-align: left; writing-mode: tb-rl;filter:   flipH() flipV()}
TD.verticalmatrix2   {background: #FFFFFF;text-align: left; writing-mode: tb-rl;filter:   flipH() flipV()}
TD.form {background: #FFFFFF;}
TD.headercell {text-align: center}
TD.matrix1   {background: #CCCCCC;text-align: center}
TD.matrix2   {background: #FFFFFF;text-align: center}
TD.matrix1left   {background: #CCCCCC;text-align: left}
TD.matrix2left   {background: #FFFFFF;text-align: left}
TD.matrixselected   {background: #0000FF;text-align: center}
TD.matrixunselected   {background: #FF0000;text-align: center}
TD.highlighted   {background: turquoise;}
TR.matrix1   {background: #CCCCCC;}
TR.matrix2   {background: #FFFFFF;}
TR.valid   {background: #CCDDCC;text-align: center}
TR.current   {background: #CCDDCC;}
TR.white   {background: white; color:black ;}
TR.salmon   {background: salmon; color:black ;}
TR.red   {background: red; color:black ;}
TR.orange   {background: orange; color:black ;}
TR.yellow   {background: gold; color:black ;}
TR.green   {background: turquoise; color:black ;}
LI.blue   {background: cyan; color:black ;}
LI.white   {background: white; color:black ;}
LI.salmon   {background: salmon; color:black ;}
LI.red   {background: red; color:black ;}
LI.orange   {background: orange; color:black ;}
LI.yellow   {background: gold; color:black ;}
LI.green   {background: turquoise; color:black ;}

TD.formular {text-align: right; vertical-align: top; font-weight:bold;}
TD.separator1 {font-size:150%; font-weight:bold; background: #AAAAFF; color: #000099; text-decoration:none; }
TD.separator2 {font-size:125%; font-weight:bold; background: #CCCCFF; color: #000099; text-decoration:none; }
TD.separator3 {font-size:100%; font-weight:bold; background: #EEEEFF; color: #000099; text-decoration:none; }
P.warning  {font-weight:bold; color: red}
P.index {text-align: center; font-size: smaller ;}
P.attention {color: red;font-weight: bold;   text-align: center;}
P.AppendixHeading1 {font-size:150%; font-weight: bold; font-size: large ; }
.check { font-family: "wingdings 2", dingbats}
P.user {text-align: right; font-size: 70% ; padding-right : 30px ; color: black;}


/*
.aqua{background-color:white; color:aqua}
.blue{background-color:white; color:blue}
.red{background-color:white; color:red}
.green{background-color:white; color:green}
.royalblue{background-color:white; color:royalblue}
.cornflowerblue{background-color:white; color:cornflowerblue}
.orange{background-color:white; color:orange}
.yellow{background-color:white; color:yellow}
.purple{background-color:white; color:purple}
.Crimson{background-color:white; color:crimson}
.gray{background-color:white; color:gray}
.pink{background-color:white; color:pink}
.lavender{background-color:white; color:lavender}
.charteuse{background-color:white; color:charteuse}
.khaki{background-color:white; color:khaki}
.cyan{background-color:white; color:cyan}
.pink{background-color:white; color:pink}
.springgreen{background-color:white; color:springgreen}
.skyblue{background-color:white; color:skyblue}
.black{background-color:white; color:black}
.white{background-color:black; background:black; color:white}

*/

/* This is for the tab index on the top */
div#navcontainer {  
  font-size: 75% ;
  margin-top: -7px;
  margin-bottom: -10px;
}

#navlist
{
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 3px;
  margin-left: 0px;
  border-bottom: 1px solid #778;
  font-weight: bold ;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
  padding: 3px 0.5em;
  margin-left: 2px;
  border: 1px solid #778;
  border-bottom: none;
  background: #CCF;
  text-decoration: none;
}

#navlist li a:link { color: black; }
#navlist li a:visited { color: black; }

#navlist li a:hover
{
  color: #000; 
  background: #AAE; 
  border: 1px solid #778;
}

#navlist li a#current
{
  background: white;
  border-bottom: 1px solid white;
}

#navlist a span {
  display: none;
}

#navlist a:hover span {
  display: block;
  position: absolute; top: 140px; left: 0; width: 100%;margin: 10px;
  color: #000; 
  background: white;
  font-size: 10px; text-align: left;
}


div#navigation
{
  font-size        : 60%;
  font-weight      : bold;
  text-decoration  : none;
  float: left;
  width: 170px;
  padding: 0;
}


div#navigation h1 {
  padding-left:  10px;
  font-size: 16px ;
}

div#navigation ul
{
  margin: 0 0 0 0;
  padding: 0;
  list-style-type: none;
}

div#navigation li { 
  margin: 2px 0 2px 0;
}

div#navigation li a#current 
{
  background: white;
  border-right: 1px solid white;
}


div#navigation a
{
  display: block;
  color: #000; 
  background: #CCF;
  padding: 2px 1px 2px 10px;
  text-decoration: none;
  border: 1px solid #778;
  font-size: 12px;
}

div#navigation a:hover
{
  background-color: #AAE;
  color: #000;
  
}

div#navigation ul ul
{
  margin-left: 20px;
  padding: 0 0 0 0;
  list-style-type: none;
}

div#navigation li li a
{
/*  display: block; */
  padding: 2px 10px;
  margin: 2px 0 2px 0;
  text-decoration: none;
  font-size: 12px;
}

div.box {
  padding: 2px; 
/*  border: 1px #778  solid;*/
}

div.box2 {
  font-size        : 120%;
  font-weight      : bold;
  padding: 2px;
  background-color: #DDF;
/*  border: 1px #778  solid; */
}

div.box3 {
  padding: 2px;
  background-color: #EEF;
/*  border: 1px #778  solid;*/
}

div.group {
border-left: 1px solid #AAF;
   border-top : 1px solid #AAF;
   border-right: 2px solid #AAF;
   border-bottom: 2px solid #AAF; 
 }

div.news {
border-left: 1px solid #778;
   border-top : 1px solid #778;
   border-right: 1px solid #778;
   border-bottom: 1px solid #778; 
   background-color: #EEF;
   font-size: 10px;
 }
div.hl7  {
           font-family: monospace; font-size:10px;
           border-left: 1px solid #778;
           border-top : 1px solid #778;
           border-right: 1px solid #778;
           border-bottom: 1px solid #778; 
           background-color: #EEF;
           }
div.hl7_errors{
           font-family: monospace; font-size:10px;
           border-left: 1px solid #778;
           border-top : 1px solid #778;
           border-right: 1px solid #778;
           border-bottom: 1px solid #778; 
           background-color: #FAA;
           }
div.hl7_logs{
           font-family: monospace; font-size:10px;
           border-left: 1px solid #778;
           border-top : 1px solid #778;
           border-right: 1px solid #778;
           border-bottom: 1px solid #778; 
           background-color: #AFA;
           }

ol.NormalListAlpha { list-style: outside ; list-style-type: lower-alpha} 
ol.NormalListNumbered { list-style: outside ; list-style-type: decimal} 
ul.NormalListBulletsd { list-style: outside ; list-style-type: disc} 


.hl-main {  text-decoration  : none; font-family: monospace; font-size:10px;}
.hl-main:hover {font-family: monospace; font-size:10px; font-weight:bold;}
.hl-default { color: #000000; }
.hl-code { color: #7f7f33; }
.hl-brackets { color: #009966; }
.hl-comment { color: #7F7F7F; }
.hl-quotes { color: #00007F; }
.hl-string { color: #7F0000; }
.hl-identifier { color: #000000; }
.hl-reserved { color: #7F007F; }
.hl-inlinedoc { color: #0000FF; }
.hl-var { color: #0066FF; }
.hl-url { color: #FF0000; }
.hl-special { color: #0000FF; }
.hl-number { color: #007F00; }
.hl-inlinetags { color: #FF0000; }
.hl-crlf { color: #FF0000;  font-size:6px;}
.hl-error { color: #FF0000;}