/* default font size for the whole document */
body, td, form, option, select, textarea, p, ol, menu, li, legend, fieldset {
    font-family:        "lucida grande", tahoma, verdana, arial, sans-serif, 微軟正黑體, 新細明體;
    line-height:        12pt;
    font-size:          9pt;
/*  letter-spacing: 2pt; word-spacing: 1pt */
}

input, textarea {
    font-family:        "lucida grande", tahoma, verdana, arial, sans-serif, 微軟正黑體, 新細明體;
/*  line-height:        12pt;   */
    font-size:          8pt;
}

/* default link properties */
a:link {
    color:              "#2669B3";
    text-decoration:    none;
}
a:visited {
    color:              "#2669B3";
    text-decoration:    none;
}
a:active {
    color:              "#2669B3";
    text-decoration:    none;
}
a:hover {
    color:              "#DC0707";
    text-decoration:    underline;
}

/* scroll bar properties */
body {
    scrollbar-3d-light-color:       "#999999";
    scrollbar-arrow-color:          "#FFFFFF";
    scrollbar-base-color:           "#000000";
    scrollbar-dark-shadow-color:    "#999999";
    scrollbar-face-color:           "#2669B3";
    scrollbar-highlight-color:      "#E0E0E0";
    scrollbar-shadow-color:         "#999999";
}

/* header and footer menu properties */
.headerMenu {
    background-color:   "#2669B3";
    border-width:       0 0 0 0;
    padding:            0 0 0 0;
    font-size:          9pt;
    line-height:        12pt;
    color:              "#FFFFFF";
}
.headerMenu a:link {
    color:              "#FFFFFF";
    text-decoration:    none;
}
.headerMenu a:visited {
    color:              "#FFFFFF";
    text-decoration:    none;
}
.headerMenu a:active {
    color:              "#FFFFFF";
    text-decoration:    none;
}
.headerMenu a:hover {
    color:              "#FFFFFF";
    text-decoration:    underline;
}

/* footer license properties */
.footerLicense {
    font-size:          7pt;
    line-height:        12pt;
    color:              "#2669B3";
    font-family:        Verdana
}
.footerLicense a:link {
    color:              "#2669B3";
    text-decoration:    none;
}
.footerLicense a:visited {
    color:              "#2669B3";
    text-decoration:    none;
}
.footerLicense a:active {
    color:              "#2669B3";
    text-decoration:    none;
}
.footerLicense a:hover {
    color:              "#FF0000";
    text-decoration:    underline;
}

form {
    margin:             0px;
}
.formbutton {
    margin:             1px 0px 0px 4px; 
    padding:            1px 0px 2px 0px;
    border:             1px outset; 
    background:         "#2199DA"; 
    color:              "#FFFFFF"; 
    font-size:          11px;
    font-weight:        bold;
    width:              100;
    cursor:             hand;
}

.redword {
    color:              "#FF0033";
    font-weight:        bold;
    font-size:          12pt;
}

/* weather broadcast properties */
.weatherArea {
    border-color: #3366CC;
    background-color: #BBDAF9;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    color: #333399;
    font-size: 70%;
    font-weight:        bold;
    padding: 4px 5px 3px 5px;
}
.weatherTemp {
    border-color: #3399CC;
    background-color: #FFFFFF;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    color: #505050;
    font-size: 70%;
    padding: 2px 5px 1px 5px;
}
.weatherReference {
    font-size: 60%;
    color: #505050;
}


.myTable {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #999999;
    background-color: #F1F1F1;
    table-layout: fixed;
    overflow: hidden;
}
.myCol1 {
    border-color: #336600;
    background-color: #99CCFF;
    border-width: 0 1px 1px 0;
    border-style: solid;
    font-size: 70%;
    padding: 5px 5px 5px 5px;
}
.myCol1 a:link {
    text-decoration: none;
}
.myCol1 a:visited {
    text-decoration: none;
}
.myCol1 a:active {
    color: #000000;
    text-decoration: underline;
}
.myCol1 a:hover {
    color: #000000;
    text-decoration: underline;
}

.myCol2 {
    border-color: #336600;
    background-color: #1E86D2;
    border-width: 0 1px 1px 0;
    border-style: solid;
    color: #FFFFFF;
    font-size: 70%;
    padding: 5px 5px 5px 5px;
}
.myCol2 a:link {
    color: #FFFFFF;
    text-decoration: none;
}
.myCol2 a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.myCol2 a:active {
    color: #FFFFFF;
    text-decoration: underline;
}
.myCol2 a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.myCol3 {
    border-color: #336600;
    background-color: #C2E3FC;
    border-width: 0 1px 1px 0;
    border-style: solid;
    font-size: 70%;
    padding: 5px 5px 5px 5px;
}
.myCol3 a:link {
    text-decoration: none;
}
.myCol3 a:visited {
    text-decoration: none;
}
.myCol3 a:active {
    color: #000000;
    text-decoration: underline;
}
.myCol3 a:hover {
    color: #000000;
    text-decoration: underline;
}

.myCol4 {
    border-color: #336600;
    background-color: #F9EFAC;
    border-width: 0 1px 1px 0;
    border-style: solid;
    font-size: 70%;
    padding: 5px 5px 5px 5px;
}
.myCol4 a:link {
    text-decoration: none;
}
.myCol4 a:visited {
    text-decoration: none;
}
.myCol4 a:active {
    color: #000000;
    text-decoration: underline;
}
.myCol4 a:hover {
    color: #000000;
    text-decoration: underline;
}

.myCommentCol {
    border-color: #336600;
    background-color: #D9D9D9;
    border-width: 0 1px 1px 0;
    border-style: solid;
    color: #505050;
    font-size: 70%;
    padding: 5px 5px 5px 5px;
}
.myCommentCol a:link {
    color: #505050;
    text-decoration: none;
}
.myCommentCol a:visited {
    color: #505050;
    text-decoration: none;
}
.myCommentCol a:active {
    color: #505050;
    text-decoration: underline;
}
.myCommentCol a:hover {
    color: #505050;
    text-decoration: underline;
}