h1 {font-size: 22pt; vertical-align: middle;}
h2 {font-size: 16pt; margin: 0 0 10pt 0;}
h3 {font-size: 12pt;}


html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  width: 100%;
  overflow: visible;

  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

#content {
  height: 100%;
  margin-left: 200px;
  padding-left: 10px;
  overflow: auto;
  overflow-x: visible;
  overflow-y: auto;
  background-color:#FFFFFF;
}


#content a:link {color: #0000FF;}
#content a:visited {color: #0000FF;}
#content a:hover {color: #F54C00;}
#content a:active {color: #F54C00;}


a.popup:link {color: #000000;}
a.popup:visited {color: #000000;}
a.popup:hover {color: #F54C00;}
a.popup:active {color: #F54C00;}

#content a.popup:link {color: #000000;}
#content a.popup:visited {color: #000000;}
#content a.popup:hover {color: #F54C00;}
#content a.popup:active {color: #F54C00;}



#content a.noul {
text-decoration: none;
  border-bottom:1px solid #aaaaff;
}

#content a.noul:link {color: #000000;}
#content a.noul:visited {color: #000000;}
#content a.noul:hover {color: #F54C00;}
#content a.noul:active {color: #F54C00;}



/*
#content a.popup {
text-decoration: none;
background: url(wavy.gif) bottom repeat-x;
}
*/

#menubar {
  overflow: auto;
  overflow-x: visible;

  position: absolute;
  left:0;
  background-color: #CCCCCC;
  width: 200px;
  height: 100%;
}

.centeredImage {
  vertical-align: middle;
  border:0;
}

#language {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

#search {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

#categories {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

#options {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

#logininfo {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}
#menuad {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

#menu {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

.menuitem {
  font-size: 11pt;
  font-weight: bold;
}
a:link {color: #0000FF;}
a:visited {color: #0000FF;}
a:hover {color: #F54C00;}
a:active {color: #F54C00;}



#ad {
  float: right;
  display: block;
  width: 240px;
  height: 62px;
}


#ad2 {
  width: 100%; /*468px;*/
  height: 15px;
}


#ad3 {
  width: 468px;
  height: 15px;
}

#ad4 {
  float: right;
  display: block;
  width: 160px;
  height: 600px;
  padding: 50px 0 0 0;
}


#ad-dicid {
  width: 728px;
  height: 90px;
  padding: 0 0 0 0;
    margin-left: auto;
    margin-right: auto;
}

#ref1 {
  width: 110px;
  height: 32px;
}

#ref2 {
  width: 110px;
  height: 32px;
}


#footer {
  display: block;
  width: 100%;
}
#content2 {
  display: block;
/*  min-height: 750px;*/
  width: 100%;
}
#spacer {
  float: right;
/*  height: 750px;*/
}

.ctext {
  font-size: 14pt;
/*  font-weight: bold;*/
}
.mctext {
  font-size: 12pt;
  font-weight: normal;
}
.etext {
  font-size: 10pt;
  font-weight: normal;
  font-family: Arial, Helvetica;
}
.annotation {
  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
  font-family: Arial, Helvetica;
}

.rowtitle {
  font-weight: normal;
}

.refs {
  font-size: 14pt;
  font-weight: normal;
}

.props {
  font-size: 10pt;
  font-weight: normal;
  color: #888888;
}

.original {
  font-size: 20pt;
  font-weight: bold;
  background-color: #EEEEEE;
}



.listhead {
  width: 150px;
  background: #AAAAAA;
  padding: 1px 1px 1px 1px ;
  border: 0;
  margin: 5px 0 0 0;
  font-weight: normal;
}
.listhead a:link {color: #000000;}
.listhead a:visited {color: #000000;}
.listhead a:hover {color: #F54C00;}
.listhead a:active {color: #000000;}


.refindex {
  font-size: 70%;
}


.subcontents {
  display: none;
}

.menuselected {
  font-size: 11pt;
  font-weight: bold;
}
.menuselected:before {content: "["}
.menuselected:after {content: "]"}

a.menuselected:link {color: #1111FF;}
a.menuselected:visited {color: #000099;}
a.menuselected:hover {color: #F54C00;}
a.menuselected:active {color: #000000;}


.text {
  font-size: 14pt;
  font-weight: normal;
}

.htmltext {
  font-size: 12pt;
  font-weight: normal;
  font-family: 新細明體, Arial;
}


.booklistbox {
  width: 145px;
}

.searchbox {
  width: 145px;
}



#source {
  background-color: #DDDDDD;
  margin: 30px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

.lbox {
  background-color: #DDDDDD;
  margin: 10px 10px 10px 10px;
  padding: 0px 5px 5px 5px;
  border: solid 1px;
  display: inline-block;
  float: none; 
}

/*.restable {
border-left: 1px solid #000000;
}*/

th.colhead {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #C1DAD7;
white-space: nowrap;
}

th.colhead2 {	
  border-left: 1px solid #C1DAD7;
  border-top: 0;
  background: #C1DAD7;
  white-space: nowrap;
  text-align: left;
}

.searchstep {
  font-size: 10pt;
  border: 0px solid;
  width: 80%;
}

.searchsummary {
  font-size: 10pt;
  border: 0px solid;
  width: 100%;
}

.searchstep td, .searchsummary td {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #EEEEEE; /*#E1FAF7;*/
}
.searchstep th, .searchsummary  th {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #BBBBBB; /*#E1FAF7;*/
text-align: left;
}

.restable {
  font-size: 10pt;
}
.partable {
  font-size: 14pt;
  background: #DDDDFF;	
  border: 1px solid;
  margin: 10px 0 0 0;
}

.formtable {
  font-size: 10pt;
  background: #DDDDFF;	
  border: 1px solid;
  margin: 10px 0 0 0;
}

th.formhead {
  background: #B1CAE7;
  text-align: left;
}

.messagetable {
  font-size: 10pt;
  border: 1px solid;
}

.quotetable {
  border: 1px solid;
  font-size: 10pt;
  background: #EEEEEE;	
}
th.quotehead {
  background: #CCCCCC;
  text-align: left;
}

td.resrow, th.resrow, tr.resrow {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #EEEEEE; /*#E1FAF7;*/
}

td.resrowalt, th.resrowalt, tr.resrowalt {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #DDDDDD;	
}
.resrowalt:target { background-color: #B1CAE7; }
.resrow:target { background-color: #B1CAE7; }
.resrowtarget { background-color: #B1CAE7; }

tr:target { background-color: #EEEEEE; }

table.dicentry th {
  background-color: #CCCCCC;
  color: #000;
  padding: 4px;
  text-align: left;
  font-size: 12pt;
  margin: 0 0 10pt 0;
}
table.dicentry {
  width: 100%;
}

table.info {
}
table.info td {
background-color: #EEEEEE;
color: #000;
padding: 4px;
text-align: left;
}
table.info th {
background-color: #CCCCCC;
color: #000;
padding: 4px;
text-align: left;
}

.statstable {
  font-size: 10pt;
}


.mainhead {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #BBBBBB; /*#E1FAF7;*/
text-align: left;
}



.tn{
position: relative;
z-index: 0;
}

.tn:hover{
background-color: transparent;
z-index: 50;
}

.tn span{
position: absolute;
background-color: lightyellow;
padding: 5px;
margin: 40px -100px 0 0;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.tn span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}


#content a.tn:link {color: #000000;}
#content a.tn:visited {color: #000000;}
#content a.tn:hover {color: #F54C00;}
#content a.tn:active {color: #F54C00;}

.tn:hover span{
visibility: visible;
top: 0;
left: -60px;

  font-size: 10pt;
  font-weight: normal;
}
#content a.tn {
text-decoration: none;
}


.pop {
  display: inline;
}

.karlgren {
  font-size: 40px;
}

/* for internet explorer */

* html body {
  padding:0 0 0 0px; 
  }

* html #contents {
  height:100%; 
  width:100%; 
  }