<!-- default.css - mesrik[at]iki.fi -->

body {
    background-color: #FFFFFF;
    color: black, !important;
    font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
    font-size: 74%;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight:  normal;
    line-height: 120%;
    margin:  1em;
}


table {
    font-size:100%, !important;
    border: none;
}

table.footer, 
fieldset.footer {
    border: none !important;
}

#table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px, !important;
	// margin: 45px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #00000;
}

#table-a th
{
	padding: 7px 17px 12px 17px;
	font-weight: normal, !important;
	font-size: 14px, !important;
	color: grey;
	background: #e0e0e0;
	border-bottom: 1px dashed grey;
}

#table-a td
{
	padding: 12px 17px 12px 17px;
	color: black, !important;
	vertical-align: center;
	font-size: 14px, !important;
	border-bottom: 1px dashed #69c;
}

a {
    background-color:transparent;
    color:#012C5F;
}

img {
    border: medium none;
    vertical-align:middle;
}

p  {
    font-size: 100%; 
}

h1 {
    font-size: 200%; 
    line-height: 140%;
    margin: auto;
}

h2 {
    font-size: 140%; 
    line-height: 150%;
    vertical-align: bottom;
    padding-bottom: 0;
}

h3 {
    font-size: 120%; 
}

.center {
    text-align: center;
}

.important {
    left: 10px;
    //width: 95%;
    padding: 1em;
    border: red 1px solid;
    background: #ffe0e0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
} 

.important legend {
    background: pink; 
    border: red 1px solid;
    color: red;
    font-size: 1.2em; 
    font-weight: bold;
    padding: 0.5em;
    border-radius: 4px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

.notice {
    left: 10px;
    //width: 95%;
    padding: 1em;
    border: black 1px solid;
    background:  #F5FFAE;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
} 

.notice legend {
    background: #F5FFAE; 
    border: black 1px solid;
    color: grey;
    font-size: 1.2em; 
    font-weight: bold;
    padding: 0.5em;
    border-radius: 4px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

.info {

    padding: 1em; 
    border: grey 1px solid;
    background-color:#F2F2F2; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.info legend {
    background: white; 
    border: grey 1px solid;
    color: grey;
    font-size: 1.2em; 
    font-weight: bold;
    padding: 0.5em;
    border-radius: 4px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

.caution {
    color: red;
    font-size: 120%;
}

#page_wrapper {
        width:90%;
        margin: auto;
}

#header {
        top:0px;
        z-index:9999;
        width:95%;
        padding: 0.5em;
        text-align: center;
        vertical-align: bottom;
}

#content {
        width:85%;
        margin: auto;
}

#content-page2 {
        width:75%;
        margin: auto;
}

#footer {
        width:95%;
        border:none;
        font-size: 50%, important; 
        margin: auto;
}

div.c3 {text-align: center}
p.c2 {text-align: center}
span.c1 {text-decoration: underline}

<!-- eof -->