body { font-family:宋体,arial,sans-serif; }

A {
	TEXT-DECORATION: none;
	color : #000080;
	font-size:18px;
	line-height : 26px;
}
A:link {
	TEXT-DECORATION: none; 
	color : #000080;
	font-size:18px;
	line-height : 26px;
}
A:hover {
	COLOR: brown; 
	TEXT-DECORATION: underline;
	font-size:18px;
	line-height : 26px;
}

td
{
	font-size : 18px;
	line-height : 26px;
}

/* Main table cell colours and backgrounds */
td .row1	{ 
	background-color: #FFFFFF;
	font-size:18px;
}
td .row2	{
	background-color: #DEE3E7;
	background-image: url(/images/row2.jpg);
	font-size:18px;
}
td .row3	{
	background-color: #D0EAEB;
	background-image: url(/images/row3.jpg);
	font-size:18px;
 }


.showSearched
{
	color : purple;
}

input,select,textarea{font-size:12px; color:#333; font-family:宋体,arial,sans-serif;margin:1px;}

span.over
{
	color: brown;
	TEXT-DECORATION: underline;
	font-size : 18px;
}

span.out
{
	color: black;
	TEXT-DECORATION: none;
	font-size : 18px;
}

span.doing
{
	color: red;
	TEXT-DECORATION: none;
	font-size : 18px;
	cursor: wait;
}

span.done
{
	color: #D19275;
	TEXT-DECORATION: none;
	font-size : 18px;
	cursor: default;
}

span.overdone
{
	color: brown;
	TEXT-DECORATION: underline;
	font-size : 18px;
}

span.link
{
	font-size : 18px;
}

.has_content            {COLOR: #008000; font-size : 18px;}
.has_content:link       {COLOR: #008000; text-decoration: none; font-size : 18px;}
.has_content:visited    {COLOR: #008000; text-decoration: none; font-size : 18px;}
.has_content:active     {COLOR: #FF8000; text-decoration: underline; font-size : 18px;}
.has_content:hover      {COLOR: #FF8000; text-decoration: underline; font-size : 18px;}


.phrase_title
{
	font-weight: bold; 
	font-size: 25px;
	text-decoration: none; 
	line-height : 160%; 
	color : green;
}


.sub_title
{
	background:url(/images/dash_line.gif) repeat-x center right;
	margin:35px 0px 18px 2px;
}


.arrow
{
	text-align:right;
	float:right
}

.arrow a
{
	display:block;
	height:15px;
	width:15px;
	background: url(/images/arrow.gif) no-repeat;
	margin-right:3px
}

.t1{
	background:url(/images/dot.gif) 5px center no-repeat;
	background-color:#fff;
	padding-left:15px;
	font-size:15px;
	font-weight:bold;
	text-decoration: none;
	line-height : 120%;
}

.currentong {
	color: brown;
	font-size : 22px;
}

.zitong{
	font-weight: bold; 
	font-size: 30px; 
	font-family: 宋体,arial,sans-serif;
	text-decoration: none;
	line-height : 160%;
	vertical-align:middle;
	color : brown;
}

.poet {
	color: brown;
	font-size : 18px;
	line-height : 130%;
}

.subtitle
{
	font-size: 15px;
	color: brown;
}
a .subtitle
{
	font-size: 15px;
	color: brown;
}

.small_subtitle
{
	font-size: 11px;
	color: brown;
}
a .small_subtitle
{
	font-size: 11px;
	color: brown;
}


.grey             {COLOR: #999999;}
.grey:link        {COLOR: #999999; text-decoration: none;}
.grey:visited     {COLOR: #999999; text-decoration: none;}
.grey:active      {COLOR: #000099; text-decoration: none;}
.grey:hover       {COLOR: #000099; text-decoration: underline;}

.small_grey		{COLOR: #999999;
			font-size: 11px;
}
.small_grey:link        {COLOR: #999999; text-decoration: none;
			font-size: 11px;
}
.small_grey:visited     {COLOR: #999999; text-decoration: none;
			font-size: 11px;
}
.small_grey:active      {COLOR: #000099; text-decoration: none;
			font-size: 11px;
}
.small_grey:hover       {COLOR: #000099; text-decoration: underline;
			font-size: 11px;
}



.ititle
{
	font-weight: bold;
	font-size: 15px;
	font-style: italic;
	color: green;
}

a .ititle
{
	font-weight: bold;
	font-size: 15px;
	font-style: italic;
	color: green;
}

.subject_title
{
	font-weight: bold;
	font-size: 15px; 
	color: red;
}


/*
 Forms seem to have a margin which would leave an annoying space
 in our drawing area. By setting the margin of the detail form to
 0 removes this annoying space.
 */
.formdetail {
    margin:	0px;
}

.drawingarea {
    position:	relative;
    border:	black solid 1px;
    border-top:	0px;
    height: 100%; /* this is required for IE to stretch out midcol */
}

.treeviewdiv {
    position:	relative;
    padding:	1px;
    padding-top:12px;
    border:	0;
    overflow:	auto;
}


.tdMiddle {
    height: 100%; /* this is required for firefox */
}

.sizebardiv {
    position:	relative;
    width:	4px;
    padding:	0px;
    cursor:	col-resize;
    border:	solid threedshadow 1px;
    background-color:menu;
    height: 100%; /* this is required for firefox */
}

.detailtablediv {
    position:	relative;
    padding:	2px;
    border:	0px;
}





.errorText {
    COLOR: red;
    text-align:center;
    font-size : 15px;
    FONT-WEIGHT: bolder;
}


.dir {
    border : 1px solid black;
    width : 40em;
    background-color : #DDF1F6;
    margin-bottom : 5px;
}

.lgd {
    font-weight : bold;
    font-size : 120%;
    padding : 0px 10px 0px 10px;
    border-color: black;
    border-style : solid;
    border-width : 1px;
    background-color : #C3E0E8;
}

.dir2 {
    _position : relative;
    _padding-top : 20px;
    _padding-bottom : 5px;
    _display : block;
    border : 1px solid black;
    width : 40em;
    margin-bottom : 5px;
    background-color : #CAE1FF;
}

.lgd2 {
    _position : absolute;
    _top : -13px;
    font-weight : bold;
    font-size : 120%;
    padding : 0px 10px 0px 10px;
    border-color: black;
    border-style : solid;
    border-width : 1px;
    background-color : #BCD2EE;
}

.pink             {COLOR: #7A5DC7;}
.pink:link        {COLOR: #7A5DC7; text-decoration: none;}
.pink:visited     {COLOR: #7A5DC7; text-decoration: none;}
.pink:active      {COLOR: #4040FF; text-decoration: underline;}
.pink:hover       {COLOR: #4040FF; text-decoration: underline;}

.red              {COLOR: #FF0000;}
.red:link         {COLOR: #FF0000; text-decoration: none;}
.red:visited      {COLOR: #FF0000; text-decoration: none;}
.red:active       {COLOR: #0080FF; text-decoration: underline;}
.red:hover        {COLOR: #0080FF; text-decoration: underline;}


.zi_divine {
	margin:0;
	padding:0;
	background:url(/images/zi_divine.gif) no-repeat center;
	width:80px;
	font-size: 40pt;
	font-family: 宋体,arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	text-decoration: none;
	text-align:center;
	line-height : 160%;
	color : brown;
}

.zi_part {
	margin:0;
	padding:0;
	background:url(/images/zi_divine.gif) no-repeat center;
	height:100px;
	width:100px;
	font-size: 60px;
	font-family: 宋体,arial,sans-serif;
	text-align:center;
	line-height:100px;
}


.tip {
	margin-top:2px;
	color:#666666;
}
.title {
	font-size:15px;
	vertical-align: top;
}

.small_tip
{
	font-size: 11px;
	color:#666666;
	line-height:14px;
}

.pic_text h3 {
	color:#666;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	margin:3px 0 0 0;
	word-break:break-all;
	overflow:hidden;
	font-style:normal;
	line-height:15px;

white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
align: center;
}


.comment_text {
	COLOR: #666666;
	font-size: 12px;
	line-height:18px;
}

.pic_desc {
	font-size: 15px;
	line-height:20px;
}

.dis {DISPLAY:block}
.undis {DISPLAY:none}


.borderit img{
border: 1px solid #ccc;
}

.borderit:hover img{
border: 1px solid navy;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

.news {font-family: 宋体,arial,sans-serif; padding:0; margin:0; width:420px;margin:0 0; height:25px; line-height:25px; font-size:14.8px; white-space: nowrap; text-overflow:clip; overflow:hidden; }

.tongbar {
background:#fff;border:1px solid #ccc;border-bottom-color:#999;border-right-color:#999;color:#000;font:18px arial,sans-serif bold;height:25px;margin:0;padding:1px;vertical-align: middle;
}
.tongbar1 {
background:#FFFFAA;color:#666;border:1px solid #ccc;border-bottom-color:#999;border-right-color:#999;font:18px arial,sans-serif bold;height:25px;margin:0;padding:1px;vertical-align: middle;
}
.tongbar0 {
color: #ffffff; font-size: 12pt; line-height:19px; height:25px; font-weight:bold; background-color: #663333; background: url(/images/yizitong.gif);
}

.dictd {
	font-size:15px;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
}

.more_results {
	height:30px;
	align:right;
	color:green;
}