/** Defaults **/

body
{
    background: #ffffff;
    font-family: arial, sans-serif;
    color: #333333;
    font-size: 0.8em;
    margin-top: 0px;
    
}

/** Hyperlinks **/
a
{
    text-decoration: none;
    color: #0c89a2;
}

a:hover
{
    text-decoration: underline;
}

a:focus
{
    outline: none;
}

a.rss
{
    color: #000000;
    font-family: tahoma, sans-serif;
    font-size: 0.85em;
}

/** Input fields **/

div.field
{
    border: 1px solid #ccdfe3;
    float: left;
    padding: 0px;
    margin-bottom: 8px;
}

input
{
    border: 2px solid #f5f5f5;
}

input:focus
{
    border: 2px solid #ccdfe3;
    outline: none;
}

div.submit
{
    background: url(images/button.gif) no-repeat;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 2px;
    text-align: center;
    width: 58px;
    height: 21px;
}

input.submit
{
    color: #ffffff;
    width: 56px;
    font-size: 1.2em;
    display: block;
    background: transparent;
    margin: 0px auto 0px auto;
    border: 0px solid #ffffff;
}

/** Common **/

.clear
{
    clear: both;
}

/** Headings **/

h1
{
    color: #0c89a2;
    font-weight: normal;
    margin-bottom: px;
    font-family: tahoma, arial, sans-serif;
    line-height: 1.1em;
    
}

h2
{
    color: #000000;
    margin-top: 25px;
    font-weight: normal;
    font-size: 1.2em;
    margin-bottom: 14px;
}

/** Images **/

img.center
{
    margin: 0px auto 0px auto;
    display: block;
}

img.rss
{
    border: 0px;
    padding-left: 1px;
    padding-top: 1px;
}

img.margin-top
{
    margin-top: 40px;
}

/** Wrapper **/

div#page
{
    width: 800px;
    margin: 0px auto;
}

/** Left **/

div#page div#left
{
    width: 150px;
    float: left;
    font-family: tahoma, sans-serif;
}

div#page div#left div#logo
{
    width: 150px;
    height: 50px;
    background: #0c89a2 url(images/warustamo_logo.png) no-repeat 0px 23px;
    border-bottom: 5px solid #ccdfe3;
}

div#page div#left div#logo a.home
{
    width: 150px;
    height: 50px;
    display: block;
}

div#page div#left div#login
{
    background: #f9fbfc url(images/login_back.png) no-repeat 0px 0px;
    width: 129px;
    height: 280px;
    font-size: 0.85em;
    padding: 13px 10px 13px 11px;
}

div#page div#left div#login div.login-content
{
    width: 129px;
    height: 215px;
}

div#page div#left div#login label
{
    clear: both;
    margin-bottom: 4px;
    display: block;
}

div#page div#left div#login label.checkbox
{
    clear: none;
    float: left;
    padding-left: 6px;
}

div#page div#left div#login input.checkbox
{
    clear: none;
    float: left;
    margin: 0px 0px 0px 1px;
    padding: 0px;
}

div#page div#left div#login input.text
{
    width: 119px;
    margin: 0px;
    padding: 0px;
}

div#page div#left div#login div.contact
{
    font-size: 0.9em;
    text-align: right;
    line-height: 1.4em;
}

div#page div#left div#login div.contact span
{
    font-size: 1.2em;
    color: #000000;
    font-family: tahoma, sans-serif;
}

div#page div#left div#login div.contact div.contact-content
{
    margin-top: 2px;
}

/** Right **/

div#page div#right
{
    width: 650px;
    float: left;
}

div#page div#right div.top-left
{
    height: 26px;
    width: 612px;
    float: left;
    font-family: tahoma, sans-serif;
    text-align: right;
    background: #0c89a2;
    padding: 9px 21px 0px 0px;
    color: #ffffff;
    
}

div#page div#right div.top-right
{
    width: 16px;
    float: left;
    height: 34px;
    border-bottom: 1px solid #e4edef;
}

div#page div#right div#right-content
{
    width: 646px;
    border-right: 3px solid #e4edef;
    border-bottom: 3px solid #e4edef;
    
}

div#page div#right div#right-content div#navi
{
    width: 646px;
    background: #ffffff url(images/navi_back_left.png) no-repeat 0px 0px;
    height: 38px;
    font-family: tahoma, sans-serif;
    border-bottom: 1px solid #e4edef;
}

div#page div#right div#right-content div#navi ul
{
    padding: 10px 0px 0px 0px;
    margin: 0px;
    list-style-type: none;
}

div#page div#right div#right-content div#navi li
{
    float: left;
    padding: 0px 10px 0px 21px;
    margin: 0px;
}

div#page div#right div#right-content div#navi li a
{
    color: #111111;
    
}

div#page div#right div#right-content div#navi li a.active
{
    color: #0c89a2;
}

div#page div#right div#right-content div.content
{
    border-left: 1px solid #e4edef;
    min-height: 290px;
    width: 570px;
    padding: 20px 38px 40px 38px;
    line-height: 1.4em;
}

div#page div#right div#right-content div.jobs,
div#page div#right div#right-content div.news
{
    padding-right: 0px;
    width: 607px;
}

div#page div#right div#right-content div.news p,
div#page div#right div#right-content div.jobs p
{
    padding-right: 38px;
}

div#page div#right div#right-content div.jobs img.jobs-image
{
}

div#page div#right div#right-content div.content div.flash
{
    width: 570px;
    text-align: center;
}


div#page div#right div#right-content div.content div.column1
{
    
    float: left;
    min-height: 10px;
    width: 320px;
    float: left;
}

div#page div#right div#right-content div.content div.column2
{
    width: 247px;
    float: left;
}



div#page div#right div#right-content div.content div.news-header
{
    background: url(images/paper.gif) no-repeat 0px 3px;
    padding-left: 35px;
    min-height: 30px;
    margin-bottom: 10px;
}

div#page div#right div#right-content div.content div.news-header h2
{
    margin-bottom: 0px;
}

div#page div#right div#right-content div.content div.news-header span
{
    color: #0c89a2;
    font-size: 0.9em;
}

div#page div#right div#right-content div.content div.jobs-header
{
    background: url(images/paperclip.gif) no-repeat 0px 3px;
    padding-left: 35px;
    padding-right: 38px;
    min-height: 30px;
    margin-bottom: 10px;
}

div#page div#right div#right-content div.content div.jobs-header h2
{
    margin-bottom: 0px;
}

div#page div#right div#right-content div.content div.jobs-header span
{
    color: #0c89a2;
    font-size: 0.9em;
}

div#page div#right div#right-content div.content div.img
{
    margin: 0px auto;
    text-align: center;
}

div#page div#right div#right-content div.content ul
{
    list-style-type: none;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

div#page div#right div#right-content div.content ul li
{
    background: url(images/list_plus.gif) no-repeat 0px 8px;
    margin: 0px 0px 7px 0px;
    padding: 0px;
    padding-left: 12px;
    
}

/** Contact page **/

div#page div#right div#right-content div.content div.contact-person
{
    width: 570px;
    margin-bottom: 35px;
}

div#page div#right div#right-content div.content div.contact-person div.contact-photo
{
    float: left;
    width: 160px;
}

div#page div#right div#right-content div.content div.contact-person div.contact-text
{
    float: left;
    width: 390px;
}

div#page div#right div#right-content div.content div.contact-person div.contact-text p
{
    padding-left: 5px;
    margin: 0px;
}

div#page div#right div#right-content div.content div.contact-person div.contact-text div.contact-details
{
    border-top: 1px solid #e4edef;
    width: 364px;
    padding: 10px 13px 10px 13px;
    font-size: 0.9em;
    margin-bottom: 10px;
    background: #f9fbfc;
}

div#page div#right div#right-content div.content div.contact-person div.contact-text h2
{
    margin-top: 0px;
}


/** Copyright **/

div#page div#right div#copyright
{
    text-align: center;
    color: #bbbbbb;
    padding-top: 10px;
    font-size: 0.8em;
    margin-bottom: 10px;
}