/* this set the default font for all elements in */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
input {
font-family: arial;
font-size: 11px;
}
/*
- font size is not inherited
- we set default font size for all table cells
*/
td {
font-size: 12px;
vertical-align: top;
}
.english {
font-size: 10px;
}
/*
- this set the default font for all hyperlinks
- we set only the color and font style, since font-family and size are inherit from and |
*/
a {
color: #000000;
}
/*
set the left margin of unsorted list
*/
ul {
margin-left:16px;
margin-bottom: 0;
}
ol.seperatedlist li {
padding-bottom:10px;
}
/*
- style for heading
- put a . infront to indicate a customised style
- use class='heading' in html elements to apply this style
*/
.heading1 {
font-size: small;
font-weight: bold;
}
.heading2 {
font-size: 20px;
font-weight: bold;
font-family: comic sans ms, arial;
color: #309000;
}
.title_plain {
font-size: 16px;
color: #666666;
font-weight: bold;
}
.title_green {
line-height: 20px;
border: 1px solid #669900;
font-size: 14px;
font-weight: bold;
background-image: url(./images/titlebar_green.jpg);
padding-left: 10px;
padding-right: 10px;
}
.title_blue {
line-height: 20px;
border: 1px solid #000066;
font-size: 14px;
font-weight: bold;
background-image: url(./images/titlebar_blue.jpg);
padding-left: 10px;
padding-right: 10px;
}
.title_orange {
line-height: 20px;
border: 1px solid #CC3300;
font-size: 14px;
font-weight: bold;
background-image: url(./images/titlebar_orange.jpg);
padding-left: 10px;
padding-right: 10px;
}
.title_yellow {
line-height: 20px;
border: 1px solid #CCCC00;
font-size: 14px;
font-weight: bold;
background-image: url(./images/titlebar_yellow.jpg);
padding-left: 10px;
padding-right: 10px;
}
.title_purple {
line-height: 20px;
border: 1px solid #660066;
font-size: 14px;
font-weight: bold;
background-image: url(./images/titlebar_purple.jpg);
padding-left: 10px;
padding-right: 10px;
}
.box_green {
border: 1px solid #669900;
background-color: #e0ffe0;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
padding-bottom: 5px;
}
.box_blue {
border: 1px solid #999999;
background-color: #E2EDF7;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
padding-bottom: 5px;
}
.box_yellow {
border: 1px solid #999999;
background-color: #ffffe0;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
padding-bottom: 5px;
}
.box_purple {
border: 1px solid #999999;
background-color: #F4E8F4;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
padding-bottom: 5px;
}
.box_orange {
border: 1px solid #999999;
background-color: #FAEAE7;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
padding-bottom: 5px;
}
.box_grey {
border: 1px solid #999999;
background-color: #f0f0f0;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
padding-bottom: 5px;
}
.box_orange2 {
border: 1px solid #999999;
background-color: #FFE4C1;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
padding-bottom: 5px;
}
.highlight_red {
font-size: 14px;
color: #c00000;
}
.highlight_blue {
font-size: 14px;
color: #000099;
}
.highlight_green {
font-size: 14px;
color: #009900;
}
.highlight_orange {
font-size: 14px;
color: #EF4D00;
}
table.tabulartable {
background-color: #ffffff;
border: solid 1 #666699;
border-bottom:0;
}
table.tabulartable td {
border: solid 1 #666699;
border-top: 0;
border-left: 0;
border-right: 0;
padding-left:5;
padding-right:5;
padding-top:2;
padding-bottom:2;
}
tr.header td {
font-size:7.5pt;
font-weight:bold;
background: #666666;
color: #ffffff;
}
a.topmenu:link, a.topmenu:visited {
text-decoration: none;
color: #000000;
display: block;
line-height: 19px;
padding-left: 6px;
font-weight:bold;
}
a.topmenu:hover {
color: #ffffff;
background-color: #8DC73F;
font-weight:bold;
}
|