body{
  background-color :#fff;
  margin           :10px;
  color            :#036;
}

a:link          {color: #c30;}
a:hover         {color: #f60;}
a:visited       {color: #c30;}
a:active        {color: #f60;}

a:link.hidden   {
  text-decoration:none;
  border-bottom-style:dotted;
  border-width:1px;
  color            :#036;
}

a:hover.hidden   {
  text-decoration:none;
  border-bottom-style:dotted;
  border-width:1px;
  color            :#f60;
}


a.hidden:visited   {
  text-decoration:none;
  border-bottom-style:dotted;
  border-width:1px;
  color            :#036;
}


a:visited:hover.hidden   {
  text-decoration:none;
  border-bottom-style:dotted;
  border-width:1px;
  color            :#f60;
}

a.hidden:active   {
  color            :#c30;
}




h1{
  font-size        :larger;
/*  font-family      :sans-serif;*/
  color            :#66a;
  font-weight      :800;
  text-align       :left;
  background-color :#f0f8ff;
  border-style     :solid;
  border-color     :#ddf;
  border-width     :0px 30px;
 
  margin           :5px;
  padding          :1px 40px;
}


h2{
  color            :#036;
  font-size        :larger;
/*  font-family      :sans-serif;*/
  font-weight      :800;
  text-align       :left;

  background-color :#e8f4ff;
  border-style     :solid;
  border-color     :#339;
  border-width     :1px 1px 0px 5px;
  margin           :20px 20px 10px;
  padding          :0px 40px;
}

h3{
/*  font-family      :sans-serif;*/
  color            :#036;
  font-weight      :600;  
  text-align       :left;

  background-color :#fee;
  border-style     :solid;
  border-color     :#339;
  border-width     :1px 1px 0px 4px;
 
  margin           :20px 20px 10px;
  padding          :0px 40px;
}

h4{
/*  font-family      :sans-serif;*/
  color            :#036;
  font-weight      :600;  
  text-align       :left;

  background-color :#ffd;
  border-style     :solid;
  border-color     :#339;
  border-width     :1px 1px 0px 2px;
 
  margin           :5px 20px;
  padding          :0px 60px;
}

h5{
  font-size        :11pt;
/*  font-family      :sans-serif;*/
  color            :#036;
  font-weight      :600;  
  text-align       :left;

  background-color :#efe;
  border-style     :solid;
  border-color     :#339;
  border-width     :1px 1px 0px;
 
  margin           :1px 20px;
  padding          :0px 40px;
}


ul{
  background-color :#fff;
  border-style     :solid;
  border-color     :#339;
  border-width     :0px 1px 1px;
  text-align       :left;

  padding          :10px 30px;
  margin           :10px 20px;
  list-style-type  :square;
  color            :#036;
}

ul.d{
  background-color :#fff;
  border-style     :none;
  border-color     :#ddd;
  border-width     :1px;

  padding          :2px 20px;
  margin           :1px -10px;
}

li{
  margin:5px 10px;
  padding:0px;
}

li.long{
  margin:10px;
}


div{
  background-color :#fff;
  border-style     :solid;
  border-color     :#339;
  border-width     :0px 1px 1px;

  padding          :10px 30px;
  margin           :10px 20px;
}

div.note{
  color:#000;
  font-size:10pt;
  border-style:none;
  padding          :2px;
  margin           :5px 10px;
}

div.annotation {
  border-style:solid;
  border-color:#ccc;
  border-width:1px;
}


hr{
  border-style     :solid;
  border-color     :#339;
  margin           :2px 5px;
}

pre{
  font-size :small;
  color:#000;
  background-color:#eee;
  border-style:solid;
  border-width:1px;
  border-color:#ccc;
  margin:3px 10px;
  padding:0px 20px;  
}

span.attention{
  color:#f00;
  font-weight:600;
}

span.user{
  color:#f60;
  font-weight:600;
}

span.pre_title{
  color:#f00;
  font-weight:bolder;
}

span.pre_comment{
  color:#0a0;
  font-weight:normal;
}

span.new{
  color:#f00;
}

span.small{
  font-size:x-small;
  margin:10px;
}

       
table.navi{
  width            :95%;
  position         :center;
  color            :#036;
  background-color :#f8f8f8;
  text-align       : right;
  font-family      :sans-serif;
  border-style     :solid;
  border-color     :#339;
  border-width     :1px;
  margin           :10px 10px;
  padding          :0px;
}

.headerTitle{
  text-align:center;
  font-weight:600;  
}

address{
/*  font-size:small;*/
}

table{
  align:center;
}

th{
  border-style:solid;
  border-color:#aaf;
  border-width:1px;
  background-color:#ccf;
}

td{
  border-style:solid;
  border-color:#ccc;
  border-width:1px;
}

td.noborder{
  border-style:none;
  border-color:#ccf;
  border-width:0px;
}

span.date{
  font-size        :8pt;
  background-color :#fff;
  color            :#669;
  border-style     :none;
}

img {
  border-style :none;
/*  border-color : #ccc;
  border-width : 1px;
  margin       : 1px;
  padding      : 2px;
*/
}

/*
div.boxover_body{
  width:300px;
  padding:0px;
  margin:0px;
  font-size:11pt;
}

div.boxover_header{
  width:300px;
  padding:0px;
  margin:0px;
  font-size:11pt;
  background-color:#99c;
  color:#fff;
  border-color:#99c;
}
*/

div.pane{
  border-style:none;
  padding:0px;
  margin:0px;
}

div.folder{
  border-style:none;
  padding:0px;
  margin:0px;
}

div.sub_pane{
  border-style:none;
  padding:0px;
  margin:0px;
}

.fold_btn{
  background-color:#fff;
  border-style:solid;
  border-width:1px;
}


/* for squares */
div.sq_img {
  border: 1px solid #339f;
  background-color: #fff;
  width:200px;
  float:left;
  margin:5px;
  padding:0px;
  height: 320px;
  font-size: 10pt;

}

p.sq_img, p.sq_text {
  text-align: left;
  margin: 0px;
  padding:0px;
}