546 lines
8.4 KiB
CSS
546 lines
8.4 KiB
CSS
|
@charset "UTF-8";
|
||
|
|
/* CSS Document */
|
||
|
|
/*
|
||
|
|
* RESET
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
html, body, div, span, object, blockquote, pre,
|
||
|
|
abbr, acronym, address, big, cite, code, dfn, em, font, img, kbd, q, s, samp,
|
||
|
|
small, strike, strong, sub, sup, tt, var,
|
||
|
|
b, u, i, center, dl, dt, dd, fieldset, form, label, legend,
|
||
|
|
caption, tr, th, td {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
/* font-size: 100%; */
|
||
|
|
font-weight: normal;
|
||
|
|
vertical-align: baseline;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
border: 0;
|
||
|
|
font-size: 100%;
|
||
|
|
font-weight: normal;
|
||
|
|
vertical-align: baseline;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1, h2, h3, h4, h5, h6 {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
vertical-align: baseline;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
body table {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 100%;
|
||
|
|
font-weight: normal;
|
||
|
|
vertical-align: baseline;
|
||
|
|
background: transparent;
|
||
|
|
border-collapse: collapse;
|
||
|
|
border-spacing: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* DEFAULT STYLES
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
body {
|
||
|
|
color: #333333;
|
||
|
|
font-weight: normal;
|
||
|
|
font-family: sans-serif;
|
||
|
|
}
|
||
|
|
/*removes horizontal overflow on certain devices*/
|
||
|
|
body div#wrap {
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* HEADER
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
body div#header {
|
||
|
|
height: 2.5em;
|
||
|
|
background-color: #D8D8D8;
|
||
|
|
border-bottom: 4px solid #44AA33;
|
||
|
|
margin-bottom: .5em;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* FOOTER
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
body div#footer {
|
||
|
|
background-color: #F6F6F6;
|
||
|
|
border-top: 1px solid #D8D8D8;
|
||
|
|
padding: .7em 0em;
|
||
|
|
clear: both;
|
||
|
|
height: 5em;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
body div#footer ul {
|
||
|
|
margin-left: 2em;
|
||
|
|
padding-left: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
body div#footer ul li {
|
||
|
|
margin-left: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
body div#footer p {
|
||
|
|
margin-left: 2%;
|
||
|
|
margin-top: .3em;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* BASIC ELEMENTS
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*body required as early browsers don't understand p by itself */
|
||
|
|
body p {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.6em;
|
||
|
|
padding: 0 2% 0 2%;
|
||
|
|
font-size: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
strong {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
em {
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* LINK STATES
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
a:link {
|
||
|
|
color:#003399;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:visited {
|
||
|
|
color:#006600;
|
||
|
|
}
|
||
|
|
a:hover {
|
||
|
|
color:#FF9900;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:active {
|
||
|
|
color:#990000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* HEADERS
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
body h1 {
|
||
|
|
padding-left: 2%;
|
||
|
|
padding-right: 2%;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.4em;
|
||
|
|
line-height: normal;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
body h2 {
|
||
|
|
padding-left: 2%;
|
||
|
|
padding-right: 2%;
|
||
|
|
color: white;
|
||
|
|
background-color: #44AA33;
|
||
|
|
border-top: 1px solid #67DD30;
|
||
|
|
border-bottom: 2px solid #378C29;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.4em;
|
||
|
|
line-height: normal;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
body h3 {
|
||
|
|
padding-left: 2%;
|
||
|
|
padding-right: 2%;
|
||
|
|
background-color: #0038E1;
|
||
|
|
color: #FFFFFF;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.4em;
|
||
|
|
border-top: 1px solid #0081CA;
|
||
|
|
border-bottom: 2px solid #000C30;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
body h4 {
|
||
|
|
padding-left: 2%;
|
||
|
|
padding-right: 2%;
|
||
|
|
color: #CC0066;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.4em;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
body h5 {
|
||
|
|
padding-left: 2%;
|
||
|
|
padding-right: 2%;
|
||
|
|
color: #333333;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.4em;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
body h6 {
|
||
|
|
background-color: #F6F6F6;
|
||
|
|
border-bottom: 1px solid #D8D8D8;
|
||
|
|
border-top: 1px solid #D8D8D8;
|
||
|
|
font-size: 18px;
|
||
|
|
|
||
|
|
padding-left: 2%;
|
||
|
|
padding-right: 2%;
|
||
|
|
padding-top: .3em;
|
||
|
|
padding-bottom: .3em;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.6em;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* IMAGE WITH OPTIONAL CAPTION
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
body img.captioned {
|
||
|
|
margin: 0 0 0 2%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body p.caption-image {
|
||
|
|
font-size: small;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.6em;
|
||
|
|
padding-left: 2%;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* BLOCKQUOTE
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
blockquote {
|
||
|
|
margin: 0 4% 0.4em 4%;
|
||
|
|
padding: .6em 0 .3em 0;
|
||
|
|
border-top: 1px solid #D8D8D8;
|
||
|
|
border-bottom: 1px solid #D8D8D8;
|
||
|
|
}
|
||
|
|
blockquote p {
|
||
|
|
margin: .0;
|
||
|
|
padding: 0 0 0.6em 0;
|
||
|
|
border-bottom: 1px solid #D8D8D8;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* LISTS
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
/* compensates for smaller Opera Mini margins */
|
||
|
|
ol, ul, dl {
|
||
|
|
margin-left: 2%;
|
||
|
|
}
|
||
|
|
|
||
|
|
dd {
|
||
|
|
margin-left: 2%;
|
||
|
|
}
|
||
|
|
/*forces native margin*/
|
||
|
|
body ul, body ol, body dl {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.6em;
|
||
|
|
font-size: 100%;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* BREADCRUMBS
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
body ul.breadcrumbs {
|
||
|
|
padding-top: 0;
|
||
|
|
padding-bottom: .5em;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: .5em;
|
||
|
|
font-size: small;
|
||
|
|
list-style-type: none;
|
||
|
|
margin-bottom: 0.6em;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-left: 2%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body ul.breadcrumbs li {
|
||
|
|
display: inline;
|
||
|
|
line-height: 1em;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* FORMS
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
body fieldset {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
body form {
|
||
|
|
margin: 0;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
body form label {
|
||
|
|
font-size: medium;
|
||
|
|
margin-bottom: .5em;
|
||
|
|
margin-top: .5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
body input[type='text'] {
|
||
|
|
padding: 0.2em;
|
||
|
|
margin-bottom: .5em;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
body textarea {
|
||
|
|
padding: 0.2em;
|
||
|
|
margin-bottom: .7em;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
body form input[type='radio'], body form input[type='checkbox'] {
|
||
|
|
margin:0.1em 0em;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
body select {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
body input[type='button'] {
|
||
|
|
padding: 1em 1.3em;
|
||
|
|
color: #D8D8D8;
|
||
|
|
margin: 1em 0em;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* TABLES
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
body table {
|
||
|
|
border: 1px solid #D8D8D8;
|
||
|
|
margin: 0;
|
||
|
|
width: 100%;
|
||
|
|
color: #333333;
|
||
|
|
font-size: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body td {
|
||
|
|
padding-left: .3em;
|
||
|
|
padding-right: .3em;
|
||
|
|
padding-top: .2em;
|
||
|
|
padding-bottom: .2em;
|
||
|
|
line-height: 1.5em;
|
||
|
|
border: 1px solid #D8D8D8;
|
||
|
|
}
|
||
|
|
/*compensates for lack of consistent header support*/
|
||
|
|
body td.table-header {
|
||
|
|
color: #0033CC;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #F6F6F6;
|
||
|
|
}
|
||
|
|
body tr {
|
||
|
|
height: 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
body table td.odd {
|
||
|
|
background-color: #F6F6F6;
|
||
|
|
}
|
||
|
|
/*caption-side unlikely to be supported*/
|
||
|
|
body caption {
|
||
|
|
caption-side: bottom;
|
||
|
|
padding-top: 0.3em;
|
||
|
|
padding-bottom: 0.3em;
|
||
|
|
margin-left: .5em;
|
||
|
|
font-size: small;
|
||
|
|
text-align: left;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* CONTAINER BOXES
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
body div.box p.box-text {
|
||
|
|
border: 1px solid #D8D8D8;
|
||
|
|
width: 90%;
|
||
|
|
margin: 0 auto 0.6em auto;
|
||
|
|
padding: 0.4em 0.4em;
|
||
|
|
background-color: #F6F6F6;
|
||
|
|
}
|
||
|
|
body div.header-box p {
|
||
|
|
border: 1px solid #D8D8D8;
|
||
|
|
width: 90%;
|
||
|
|
margin: 0 auto 0.6em auto;
|
||
|
|
padding: 0.4em 0.4em;
|
||
|
|
background-color: #F6F6F6;
|
||
|
|
}
|
||
|
|
/* 2px border is required to ensure header is flush with the box */
|
||
|
|
body div.header-box h3 {
|
||
|
|
border: 2px solid #0038E1;
|
||
|
|
width: 90%;
|
||
|
|
margin: 0em auto;
|
||
|
|
padding: 0.3em 0.3em;
|
||
|
|
background-color: #0038E1;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* BACK TO TOP/HOME
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
p.top {
|
||
|
|
font-size: small;
|
||
|
|
background-color: #F6F6F6;
|
||
|
|
border-bottom: 1px solid #D8D8D8;
|
||
|
|
border-top: 1px solid #D8D8D8;
|
||
|
|
padding-top: .3em;
|
||
|
|
padding-bottom: .3em;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.6em;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
p.home {
|
||
|
|
font-size: small;
|
||
|
|
background-color: #F6F6F6;
|
||
|
|
border-bottom: 1px solid #D8D8D8;
|
||
|
|
border-top: 1px solid #D8D8D8;
|
||
|
|
padding-top: .3em;
|
||
|
|
padding-bottom: .3em;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.6em;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
p.top a, p.home a {
|
||
|
|
color: #333333;
|
||
|
|
text-decoration: none;
|
||
|
|
width: 100%;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* added styles not in Nokia template */
|
||
|
|
.floatleft {
|
||
|
|
float: left;
|
||
|
|
opacity:0.8;
|
||
|
|
}
|
||
|
|
.hdrcontainer {
|
||
|
|
background-color: #0038E1;
|
||
|
|
color: #FFFFFF;
|
||
|
|
border-bottom: 1px solid #D8D8D8;
|
||
|
|
border-top: 1px solid #D8D8D8;
|
||
|
|
font-size: 22px;
|
||
|
|
line-height:30px;
|
||
|
|
}
|
||
|
|
.hdrtxt {
|
||
|
|
padding:10px;
|
||
|
|
display:inline;
|
||
|
|
}
|
||
|
|
.floatright {
|
||
|
|
float: right;
|
||
|
|
opacity:0.8;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.hilite {
|
||
|
|
background-color: #95CBE9;
|
||
|
|
color: black;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.app_logo {
|
||
|
|
padding-left: 30px;
|
||
|
|
padding-right: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_table {
|
||
|
|
background-color: blue;
|
||
|
|
height: 26px;
|
||
|
|
width: 100%;
|
||
|
|
padding: 0px;
|
||
|
|
margin-bottom: 6px;
|
||
|
|
}
|
||
|
|
.header_table tr {
|
||
|
|
height: 24px;
|
||
|
|
width:98%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_left_img {
|
||
|
|
width:24px;
|
||
|
|
padding:2px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_txt {
|
||
|
|
color: white;
|
||
|
|
font-size: 16px;
|
||
|
|
margin: 0 0 0 0;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: center;
|
||
|
|
}
|
||
|
|
.header_right_img {
|
||
|
|
width:24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_search {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_background {
|
||
|
|
/* background-image:url('../img/header_background.png'); */
|
||
|
|
}
|
||
|
|
|
||
|
|
.app_logo {
|
||
|
|
width: 43px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tbl_color {
|
||
|
|
color: black;
|
||
|
|
font-size:16px;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.tbl_color th {
|
||
|
|
background-color:#DAAF85;
|
||
|
|
color:black;
|
||
|
|
font-size:16px;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
.tbl_color tr:nth-of-type(odd) {
|
||
|
|
background-color: #F0DDD5;
|
||
|
|
color:black;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.tbl_color tr:nth-of-type(even) {
|
||
|
|
background-color: #EEEECE;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bar_color {
|
||
|
|
background-color: #D5E1DD;
|
||
|
|
color:black;
|
||
|
|
font-size:16px;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:center;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|