body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.688em;
padding:0;
margin:0;
}
body, html {
width:100%;
}
p {
margin:.5em 0;
font-size:1em;
}
a {
color:#000;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
h1 {
font-size:1.1em;
padding:0 0 10px 0;
margin:0;
}
img {
border:0;
}
fieldset {
border:1px solid #CCC;
background:#F7F7F7;
margin:10px;
padding:10px;
}
* html fieldset {
position: relative;
margin:18px 10px 10px 10px;
}

legend {
font-weight:bold;
font-size:12px;
color:#000;
}
* html legend {
position:absolute;
top: -.5em;
left: .5em;
}
legend a {
text-decoration:none;
}
form {
margin:0;
padding:0;
}
.red_border {
border:2px solid #D83128;
background:#FFF;
}
h2.left {
height:24px;
line-height:24px;
text-align:left;
margin:5px;
padding:0;
color:#000;
font-size:1em;
border-bottom:1px solid #999;
}
h2.left a, h2.left a:hover {
color:#000;
text-decoration:none;
}
.left {
color:#000;
width:100%;
margin:0;
}
.left2 {
color:#000;
width:100%;
margin:5px 0;
}
hr {
color: #666;
}
table, tr, td {
font-size:1em;
}
td a {
color:#000;
text-decoration:none;
}
input, select, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
.sub2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
background:#666666 url(controls_bg.gif) repeat-x;
color:#FFF;
padding:.3em;
margin:0;
border:1px solid;
border-color:#f5f5f5 #7c7c7c #7c7c7c #f5f5f5;
}
.sub2:hover {
background:#888;
}
#nav ul, #controls ul, #controls2 ul {
height:23px;
line-height:23px;
}
#nav li, #controls li, #controls2 li {
display:inline;
list-style-type:none;
}
#controls3 li {
display:block;
width:100%;
text-align:center;
}
#nav li a, #controls li a, #controls2 li a {
margin:0;
padding:5px 7px 5px;
text-decoration:none;
}
#nav li a.selected, #nav li a.selected:hover {
background:#D83128 url(mainnav_bg.gif) repeat-x;
color:#FFF;
font-weight:bold;
}
#loginwrapper {
background:#FFF;
width:420px;
padding:0;
margin:0 auto;
border:1px solid #999;
}
#loginheader {
background:#D83128 url(header_bg.gif) center no-repeat;
width:auto;
height:40px;
padding:5px 10px;
text-align:left;
}
#loginform {
margin:0;
padding:0;
}
#loginwrapper p {
margin:0;
}
#loginnote {
background:#E6E6E6;
line-height:24px;
margin:0;
}
.logintable tr td p {
text-align:left;
}
.logintable tr td p.center {
text-align:center;
}
.logintable tr td p.right {
line-height:24px;
margin:0;
text-align:right;
}
.loginerror {
color:#e00;
}
#logincopy {
width:420px;
margin:0 auto;
display:block;
text-align:center;
padding:10px 0;
}
.nossl {
text-align:left;
line-height:16px;
padding:10px;
}
#controls, #controls2 {
width:100%;
height:23px;
background:#E5e5e5 url(/files/controls_raster.gif);
border-top:1px solid #f5f5f5;
border-bottom:1px solid #7c7c7c;
}
#controls ul li a, #controls2 ul li a {
border:1px solid;
border-color:#f5f5f5 #7c7c7c #7c7c7c #f5f5f5;
background:#666666 url(controls_bg.gif) repeat-x;
}
#controls3 {
width:100%;
height:24px;
background:#666666 url(controls_bg.gif) repeat;
}
#controls3 ul li a {
display:block;
width:100%;
height:24px;
line-height:22px;
text-decoration:none;
border-bottom:1px solid #DDD;
}
#leftcontrol, #movetext {
float:left;
padding:0;
margin:0;
}
#leftcontrol li a, #movetext li a {
color:#FFF;
}
#leftcontrol li a:hover, #movetext li a:hover {
background:#888;
}
#leftframecontrol {
padding:0;
margin:0;
}
#leftframecontrol li a{
color:#FFF;
}
#leftframecontrol li a:hover {
background:#888;
}
#rightcontrol {
float:right;
padding:0;
margin:0;
}
.controltext {
color:#FFF;
}
#rightcontrol li a {
color:#FFF;
border-right:1px solid #888;
border-left:1px solid #BBB;
}
#rightcontrol li a:hover {
background:#AAA;
}
.newsheader {
width:auto;
height:24px;
background:#999;
line-height:24px;
font-weight:bold;
padding:0 0 0 10px;
color:#FFF;
}
.newsheader a {
color:#CCC;
}
.newsheader td {
color:#FFF;
}
.news-item {
padding:10px;
}
.news-item p {
margin:1em 0;
}
.news-item h1 {
font-size:1.5em;
margin:0 0 1em 0;
}
.news-item h2 {
font-size:1.25em;
}
.news-item h3 {
font-size:1.1em;
}
h2.list-header {
margin:0 0 .25em 0;
padding:0;
font-size:1em;
}
h2.list-header a {
text-decoration:none;
}
#menutable {
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
#menutable a {
color:#000;
text-decoration:none;
}
#menutable a:hover {
color:#D83128;
}
#menutable th {
text-align:left;
font-size:1.1em;
padding:0 0 3px 0;
}
a.feature_lower {
vertical-align: top;
color: #fff;
}
a.feature_lower:hover  {
vertical-align: top;
color: #a6cfc7;
}
.toolbarline_lower	{
vertical-align: top;
color: #fff;
font-weight: normal;
}
.popchbg		{
background-color: #efefef;
}
a.datelinkprev {
margin:0;
text-decoration:none;
color:#666;
}
a.datelinknext {
margin:0;
text-decoration:none;
color:#666;
}
p.left {
text-align:left;
}
p.left a {
text-decoration:none;
}
p.left img {
vertical-align:-1px;
}
.cal_month_day, .cal_titlebar {
font-weight:bold;
margin:0;
color:#FFF;
border-right:solid 1px #FFF;
border-bottom:solid 1px #FFF;
background:#999;
}
.cal_titlebar a {
color:#FFF;
}
.cal_month_day2 {
color:#FFF;
font-weight:bold;
}
.priority1 {
color:#F00;
font-weight:bold;
}
.priority2 {
color:#000;
font-weight:bold;
}
.priority3 {
color:#777;
}
.headertable tr {
background:#999;
}
.headertable td {
border-bottom:1px solid #CCC;
border-right:1px solid #FFF;
font-weight:bold;
padding:1px 4px 1px 5px;
color:#FFF;
}
.headertable td a {
color:#FFF;
text-decoration:none;
}
.headertable td a:hover {
text-decoration:underline;
}
.headerlist td {
border-bottom:1px dashed #CCC;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
line-height:16px;
height:16px;
padding:1px 5px;
vertical-align:top;
}
.headerlist td img {
width:16px;
height:16px;
border:0;
}
.headerlist tr:hover {
background:#EEE;
}
tr.o td, tr.o td a, tr.oa td, tr.oa td a {
color:#000;
}
tr.o1 td, tr.o1 td a, tr.o1a td, tr.o1a td a {
color:#F00;
}
tr.o5 td, tr.o5 td a, tr.o5a td, tr.o5a td a {
color:#777;
}
tr.od td, tr.od td a, tr.oda td, tr.oda td a {
color:#000;
text-decoration:line-through;
}
tr.od1 td, tr.od1 td a, tr.od1a td, tr.od1a td a {
color:#F00;
text-decoration:line-through;
}
tr.od5 td, tr.od5 td a, tr.od5a td, tr.od5a td a {
color:#777;
text-decoration:line-through;
}
tr.n td, tr.n td a, tr.na td, tr.na td a {
color:#000;
font-weight:bold;
}
tr.n1 td, tr.n1 td a, tr.n1a td, tr.n1a td a {
color:#F00;
font-weight:bold;
}
tr.n5 td, tr.n5 td a, tr.n5a td, tr.n5a td a {
color:#777;
font-weight:bold;
}
tr.nd td, tr.nd td a, tr.nda td, tr.nda td a {
color:#000;
font-weight:bold;
text-decoration:line-through;
}
tr.nd1 td, tr.nd1 td a, tr.nd1a td, tr.nd1a td a {
color:#F00;
font-weight:bold;
text-decoration:line-through;
}
tr.nd5 td, tr.nd5 td a, tr.nd5a td, tr.nd5a td a {
color:#777;
font-weight:bold;
text-decoration:line-through;
}
tr.oldmsg td {
font-weight:normal;
text-decoration:none;
}
tr.newmsg td {
font-weight:bold;
text-decoration:none;
}
tr.delmsg td {
text-decoration:line-through;
}
.i {
background:#FFF;
}
.a {
background:#e5e5e5;
}
.calrow {
border-bottom:1px solid #888;
border-right:1px solid #888;
}
.calrowholiday a {
color:#FFF;
}
td.calrowholiday {                          
background:#bf0000;                           
}         
/*
 POISTETTU TURHANA
.email {
width:320px;
}
*/
.email2 {
width:110px;
}
table.emailheader td {
white-space:nowrap;
}
table.emailheader td img {
vertical-align:-2px;
}
table.emailheader td b {
padding:0;
}
div.empty {
width:100%;
height:100%;
background:#EEE;
}
p.empty {
display:block;
position:absolute;
top:50%;
width:100%;
text-align:center;
}
a { outline:0; }
.hover-line {
background:#CCC;
}
.selected-line {
background:#d2e4f8;
}
.selected-line td {
border-bottom: 1px solid #55bbff;
border-top: 1px solid #55bbff;
}
.headerlist tr.selected-line:hover {
background:#e7f0f9;
}
.printtable td {
color:#FFF;
}
div.suggest {
  z-index:2;
  position:absolute;
  margin-right:30px;
  background:#eeeeee;
  border-width:1px;
  border-style:solid;
}
a.suggest {
  font-weight: normal;
  font-size: 10px;
  border-bottom:1px dashed #666;
  padding:3px 6px;
  display:block;
}
a.unselected {
  font-weight: normal;
  font-size: 10px;
  border-bottom:1px dashed #666;
  padding:3px 6px;
  display:block;
  background-color:#eeeeee;
}
a.selected, a.suggest:hover {
  font-weight: normal;
  font-size: 10px;
  border-bottom:1px dashed #666;
  padding:3px 6px;
  display:block;
  background-color: rgb(255,255,255);
}
a:hover {
  color: #000000;
}
div.attachment {
width:95px;
height:95px;
border:1px solid #DDD;
margin:4px;
float:left;
}
div.attachment a {
display:block;
text-decoration:none;
}
div.attachment img {
text-align:center;
margin:10px 23px 2px 23px;
}
span.attachment-text {
display:block;
margin:4px;
overflow:hidden;
text-align:center;
width:87px;
height:26px;
word-wrap:break-word;
}
span.attachment-text:hover {
overflow:visible;
}
.emailfolder-headerlist td {
border-bottom:1px dashed #CCC;
border-right:0;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
height:16px;
padding:1px 5px;
}
.emailfolder-headerlist img {
vertical-align:middle;
}
.emailfolder-headerlist tr:hover {
background:#EEE;
}
.emailfolder-headerlist pre {
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
margin:0;
padding:0;
}
.table-list td {
border-bottom:1px dashed #CCC;
}
.table-list td a {
text-decoration:underline;
}
.table-list td a:hover {
text-decoration:none;
}
#flag {
position:relative;
display:block;
width:16px;
height:16px;
}
#big-flag {
display:none;
}
#flag:hover #big-flag {
display:block;
position:absolute;
top:8px;
left:8px;
border:1px solid #000;
}
.vcenter {
vertical-align: text-bottom;
_vertical-align: middle;
padding: 0 !important;
margin: 0 !important;
}