body, html {
margin:0;
padding:0;
height:100%;
}

body {
background:#FFF url(/files/gif/13412/body%2Dbg.gif) repeat-x;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:0.813em;
line-height:1.333em;
padding:0;
}

#login-body {
background:#FFF;
font-size:0.75em;
line-height:1.333em;
}

abbr {
cursor:help;
}

h1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#d53229;
font-size:1.846em;
font-weight:normal;
line-height:0.833em;
text-transform:uppercase;
margin:0.5em 0;
padding:0;
letter-spacing:-1px;
}

h1 em, h1 i {
font-size:0.667em;
font-style:italic;
text-transform:none;
letter-spacing:0;
display:block;
}

h1 img {
float:left;
margin:0 0.417em 0.417em 0;
}

h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#d53229;
font-size:1.231em;
font-weight:normal;
}

h3 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.077em;
}

ul {
padding-left:1em;
}

form {
margin:0;
padding:0;
}

small {
font-size:0.769em;
}

tr.row1 {
background-color:#F7F7F7;
}

tr.row2 {
background-color:#DBDBDB;
}

#wrapper {
height:auto !important; /* Make site wrapping div atleast 100% high */
min-height:100%;
height:100%;
max-width:1920px;
position:relative;
width:100%;
}

#header {
padding:0 10px;
margin:0 auto;
}

#header img {
border:0;
}

#lang-width-select {
background:#EEE;
margin:0 auto;
text-align:right;
float:right;
color:#FFF;
border-bottom:1px solid #FFF;
border-left:1px solid #CCC;
border-right:1px solid #FFF;
}

#lang-width-select img {
vertical-align:middle;
}

#lang-width-select ul {
margin:0;
padding:0;
list-style:none;
float:right;
}

#lang-width-select ul li {
float:left;
margin:0 0 0 1em;
line-height:2.308em;
}

#lang-width-select ul li a {
line-height:1em;
font-size:0.769em;
}

#lang-width-select ul li img {
margin:16px 0 0 0;
}

#lang-select {
padding:5px 10px;
float:left;
border-right:1px solid #FFF;
}

#lang-select a {
color:#888;
}

#width-select {
background:#666;
padding:5px 10px;
float:left;
}

#logo-en {
background:transparent url(/files/png/14968/secmail%2Dlogo%2Den.png) no-repeat 0 50%;
float:left;
height:119px; /* Fixed size because of the image size */
width:208px; /* Fixed size because of the image size */
}

#logo-fi {
background:transparent url(/files/png/14967/secmail%2Dlogo%2Dfi.png) no-repeat 0 50%;
float:left;
height:119px; /* Fixed size because of the image size */
width:208px; /* Fixed size because of the image size */
}

#logo-fi a, #logo-en a {
display:block;
height:120px; /* Fixed size because of the image size */
width:200px; /* Fixed size because of the image size */
}

#logo-fi h1, #logo-en h1 {
display:none;
}

#login-body #logo-en {
background:transparent url(/files/png/14968/secmail%2Dlogo%2Den.png) no-repeat 0 100%;
height:73px; /* Fixed size because of the image size */
}

#login-body #logo-fi {
background:transparent url(/files/png/14967/secmail%2Dlogo%2Dfi.png) no-repeat 0 100%;
height:73px; /* Fixed size because of the image size */
}

#login-body #logo-fi a, #login-body #logo-en a {
display:block;
height:83px; /* Fixed size because of the image size */
width:200px; /* Fixed size because of the image size */
}

#login-body #logo-fi h1, #login-body #logo-en h1 {
display:none;
}

#login-box {
float:right;
clear:right;
text-align:right;
color:#666;
}

#login-box input {
vertical-align:middle;
background:#FFF;
border:1px solid;
border-color:#CCC #FFF #FFF #CCC;
padding:5px;
}

#login-box input:hover, #login-box input:focus {
border-color:#CCC;
}

#login-box input.submit-button {
background:#666;
border-color:#999 #333 #333 #999;
width:auto;
color:#FFF;
font-weight:bold;
}

#login-box input::-moz-focus-inner /*Remove button padding in FF*/
{ 
border:0;
padding:0;
}

#login-box label {
font-style:italic;
font-size:0.923em;
line-height:1em;
}

#login-box table {
text-align:left;
}

#login-box table td {
vertical-align:bottom;
}

#login-box small input, #login-box small img {
vertical-align:-2px;
}

#login-box p {
font-size:0.923em;
margin:0;
padding:0;
}

#login-box a {
color:#888;
}

#main-menu {
background:#e8382e url(/files/png/14464/menu%2Dbg.png) repeat-x;
clear:both;
position:relative;
z-index:2;
}

#main-menu ul {
margin:0;
padding:0;
list-style:none;
height:3.462em;
position:relative;
}

#main-menu ul li {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
display:block;
float:left;
height:2.5em;
text-align:center;
color:#FFF;
text-decoration:none;
font-size:1.385em;
font-weight:normal;
border-left:1px solid #f00;
border-right:1px solid #800;
text-transform:uppercase;
}

#main-menu ul li a {
background:#e8382e url(/files/png/14464/menu%2Dbg.png) repeat-x;
display:block;
float:left;
height:2.5em;
line-height:2.5em;
text-align:center;
color:#FFF;
text-decoration:none;
font-weight:bold;
padding:0 1.111em;
}

#main-menu ul li a:hover {
background:#900;
}

#main-menu ul li ul li a {
float:none;
}

#main-menu ul li ul {
position:absolute;
top:2.556em;
left:0;
height:1em;
width:100%;
}

#main-menu ul li ul li {
background:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
display:block;
float:left;
height:2.125em;
line-height:2.125em;
text-align:center;
color:#FFF;
text-decoration:none;
font-size:0.778em;
font-weight:normal;
border-left:1px solid #FFF;
border-right:1px solid #CCC;
text-transform:uppercase;
color:#999;
}

#main-menu ul li ul li a {
display:block;
float:left;
height:2.125em;
line-height:2.125em;
text-align:center;
text-decoration:none;
font-weight:bold;
padding:0 20px;
}

#main-menu ul li.act ul li a {
background:#FFF;
color:#666;
text-decoration:none;
font-weight:bold;
padding:0 20px;
}

#main-menu ul li.act {
background:#FFF;
border-left:1px solid #FFF;
border-right:1px solid #CCC;
}

#main-menu ul li.act a {
color:#900;
background:#FFF;
}

#main-menu ul li ul li.act a, #main-menu ul li.act ul li.act a:hover {
background:#444;
color:#FFF
}

#main-menu ul li.act a:hover {
background:#FFF;
}

#main-menu ul li ul li a:hover {
background:#EEE;
}

#atmos-wrapper {
clear:both;
width:auto !important;
max-width:100%;
width:100%;
}

#atmos {
text-align:center;
padding:2.4em 0 0;
height:200px; /* Fixed size because of the image size */
overflow:hidden;
}

#atmos img {
width:auto !important;
max-width:100%;
min-width:800px; /* Make atmos image to be atleast 800px wide */
width:100%;
}

#content-wrapper {
margin:0 auto;
position:relative;
}

#content {
background:transparent url(/files/png/14444/content%2Dbg.png) repeat-x;
height:auto !important; /* Make content container at least 300px high always for site to look better if content is empty */
min-height:300px; /* Make content container at least 300px high always for site to look better if content is empty */
height:300px; /* Make content container at least 300px high always for site to look better if content is empty */
padding:20px 1%;
width:98%;
position:relative;
float:left;
z-index:2;
clear:both;
}

#login-body #content {
padding:0 1%;
}

#footer-wrapper {
width:100%;
background:#CCC;
clear:both;
position:absolute;
bottom:0;
z-index:3;
}

#footer {
margin:0 auto;
}

#footer ul, #contact-info {
margin:0;
padding:30px 1%;
list-style:none;
width:17.5%;
float:left;
position:relative;
}

#footer img {
border:0;
}

#login-contact-info {
margin:0;
padding:20px 1%;
list-style:none;
float:left;
position:relative;
}

#login-contact-info h3, #login-contact-info p {
float:left;
color:#333;
font-size:0.769em;
margin:0 20px 0 0;
}

#footer ul li {
color:#333;
font-size:0.833em;
line-height:1.1em;
padding:3px 0;
margin:0;
}

#footer ul li h3 {
font-size:1em;
font-weight:bold;
margin:0;
padding:0;
}

#footer ul li a {
color:#333;
text-decoration:none;
}

#contact-info img {
width:auto;
max-width:100%;
}

#footer ul li a:hover {
color:#000;
text-decoration:underline;
}

#footer ul.registered-feature li a {
color:#666;
}

#contact-info {
color:#333;
font-size:0.769em;
}

#contact-info h3 {
margin:0;
padding:0 0 1em 0;
}

#contact-info p {
font-size:1em;
line-height:1.2em;
padding:3px 0;
margin:0;
}

.columns2 {
width:47%;
padding:0 1%;
float:left;
}

.columns3 {
width:31%;
padding:0 1%;
float:left;
}

.columns4 {
width:23%;
padding:0 1%;
float:left;
}

.columns5 {
width:18%;
padding:0 1%;
float:left;
}

#info-box {
background:#FFF;
border:3px solid #999;
-moz-border-radius: 10px;
border-radius: 10px;
width:300px;
padding:10px 20px;
position:absolute;
right:60px;
top:50px;
z-index:10;
opacity:.95;
}

#info-box p {
font-size:14px;
line-height:21px;
margin:0 0 14px 0;
padding:0;
}

#info-box-arrow {
background:transparent url(/files/png/14639/info%2Dbox%2Dbg.png) no-repeat;
width:46px;
height:19px;
position:absolute;
top:-19px;
right:5px;
z-index:-3;
}

ul.no_list_item {
margin-left:0;
padding-left:0;
list-style:none;
}

div.news {
background:#feefb3;
border:1px solid #9f6000;
padding:10px;
margin-bottom:1em;
-moz-border-radius:5px;
border-radius:5px;
}

div.news h2 {
line-height:1em;
margin:.25em 0;
}