body {background-image:url(../images/bg.jpg); background-repeat:no-repeat; margin:0px;}

input {font-family:Arial; font-size:9pt;}
select {font-family:Arial; font-size:9pt;}
textarea {font-family:Arial; font-size:9pt;}

tr {font-family:Arial; font-size:9pt;}
td {font-family:Arial; font-size:9pt;}

a {color:#0000ff; font-family:Arial; font-size:9pt;}
a:active {text-decoration:none;}
a:link {text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {color:#990099;}

/* css for top menu >>> */

td.topMenuOut {color:#555555; font-weight:bold;}
td.topMenuOver {color:#990000; font-weight:bold;}

/* <<< css for top menu */


/* css for calendar >>> */

table.calendar {border:#9cbdff solid 1px; border-collapse:collapse; font-family:Verdana; font-size:9pt; width:100%;}
td.calendar {border:#9cbdff solid 1px; font-family:Verdana; font-size:9pt; padding:0px;}
td.calendarTitle {background-image:url("../images/calendar/calendar_heading.png"); font-weight:bold; height:21px; width:14.28%;}
div.calendarDay {color:#000000; background-color:#eeeeee; font-size:7pt; padding:1px; text-align:right;}
div.calendarOtherDay {color:#cccccc; background-color:#eeeeee; font-size:7pt; padding:1px; text-align:right;}
div.calendarContent {font-size:8pt; height:50px; padding:1px;}
div.calendarContent a {font-size:8pt; height:50px; padding:1px;}
div.calendarOtherDayContent {color:#999999; font-size:8pt; height:50px; padding:1px;}
div.calendarOtherDayContent a {color:#999999; font-size:8pt; height:50px; padding:1px;}
input.calendarNavButton {border:#9cbdff solid 1px; background-color:#ffffff; background-image:url("../images/calendar/calendar_heading.png"); font-family:Arial; font-size:9pt; font-weight:bold; height:20px; width:20px;}
input.calendarTodayButton {border:#9cbdff solid 1px; background-color:#ffffff; background-image:url("../images/calendar/calendar_heading.png"); font-family:Arial; font-size:9pt; font-weight:bold; height:20px; width:80px;}
input.calendarThisMonthButton {border:#9cbdff solid 1px; background-color:#ffffff; background-image:url("../images/calendar/calendar_heading.png"); font-family:Arial; font-size:9pt; font-weight:bold; height:20px; width:100px;}

td.topic {border:#9cbdff solid 1px; font-family:Verdana; font-size:9pt; padding:2px;}
td.topicTitle {background-image:url("../images/calendar/calendar_heading.png"); font-weight:bold; height:21px;}

/* <<< css for calendar */


/* css for pinyin annotation >>> */

ruby {color:#0000ff; font-family:"新細明體"; font-size:10pt;}
rt {color:#0000ff; font-family:Arial; font-size:10pt;}
.py {color:#000000; text-decoration:none;}
.py:hover {background-color:#dddddd; color:#0000ff; text-decoration:none;}
.py:visited {color:#0000ff; text-decoration:none;}

/* <<< css for pinyin annotation */

.nav {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.smtextwt {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #FFFFFF;}
.navsub {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #000000; text-decoration: none;}

.tableborder_grey {BORDER-COLLAPSE: collapse; BORDER-LEFT: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid;}
.content {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; text-decoration: none;}
.contentb {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: bolder;}

.titlered {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: bold; color: #820000; text-decoration: none;}