/* ## login page ## */
.login #full-height-container { text-align: center; }

.login #main.aui-page-panel { display: inline-block; text-align: left; }
/* ## create,edit and preview iframe ## */
#wysiwyg iframe, #preview iframe { min-height: 500px; }


/*Tieke bootsrap*/

body
{
    font-family: "Calibri","Helvetica Neue",Helvetica,sans-serif !important;
}

.hiideri
{
    height: 83px;
    background: url(http://www.tieke.fi/download/attachments/8126571/Kuvio_622x83px.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
    z-index: 100;
}

.koko_sivun_raamit
{
    background: url(http://www.tieke.fi/download/attachments/8126571/Ylapalkki_1x125px_0811.png);
    background-repeat: repeat-x;
    top: 0;
}

@media (min-width:1200px)
{
    .sivun_leveys
    {
        width: 1024px !important;
        margin: 0 auto !important;
    }
}

#hiideri
{
    height: 83px;
    background: url(http://www.tieke.fi/download/attachments/8126571/Kuvio_622x83px.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
}

#navbar-collapse-ylapalkki
{
    border: none;
}

#kielet>li>a
{
    padding-left: 0 !important;
}

.tieke-logo-ylapalkissa
{
    border: 0;
    width: 153px;
    height: 32px;
}

@media (min-width:768px)
{
    .tieke-logo-ylapalkissa
    {
        position: absolute;
        top: 42px;
    }
}

.navbar-default
{
    background-color: transparent !important;
    border-color: transparent !important;
}

.navbar-default a, .dropdown-menu>li>a
{
    color: white !important;
}

.navbar-default a:hover, .dropdown-menu>li>a:hover
{
    color: black !important;
}

@media (max-width:767px)
{
    .navbar-alasvetovalikko
    {
        background-color: #772C80 !important;
        float: right;
    }
    #etusivu_oikea_uutinen
    {
        margin-top: 1em;
    }
	#vo_linkkiruutu_tyhjenna {
    /* height: 40px; */
    /* padding: 6px; */
    margin-left: 2em;
    margin-top: 2em;
    margin-bottom: 1em;
    position: relative;
    top: -60px;
    /* right: -23px; */
    float: right;
	}
}

@media (max-width:991px)
{
    #tieke-haku
    {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (max-width:767px)
{
    .tieke-logo-ylapalkissa
    {
        position: absolute;
        top: 10px;
    }
}

.navbar-alasvetovalikko
{
    float: right;
    z-index: 100;
}

ul.dropdown-menu
{
    background-color: #772C80 !important;
    float: right;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
    background-color: #772C80 !important;
}

/*Yläosan hakukenttä*/

#tieke-haku form.navbar-form
{
    width: 0px;
}

#tieke-haku  .search-macro-query
{
    float: left;
}

#tieke-haku  button.search-macro-button.aui-button.btn-default.btn
{
    float: left;
}

/*Ylapalkin containerit*/

.ylapalkki-container-ylempi
{
    padding-top: 0;
}

.container-ylapalkki-alempi
{
    position: relative;
}

@media (min-width:992px)
{
    .tyotila-lista-ylapalkissa
    {
    }
}

/*Työtila-palkki*/

.nav_tyotilat
{
    clear: both;
    margin-top: 0.5em;
}

.nav_tyotilat ul
{
    list-style: none outside none;
    padding-left: 0;
    margin: 1px 0px 1px 0px;
}

.nav_tyotilat li
{
    float: left;
    list-style-type: none;
    padding-right: 10px;
    margin-right: 5px;
}

.nav_tyotilat li a
{
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.nav_tyotilat ul li p
{
    margin: 1px 0px 1px 0px;
}

.aktiivinen_tyotila a
{
    background-color: #A464AD;
    color: white;
    padding: 0px 10px 0px 10px;
}

.valilehdet li a
{
    color: white;
    text-decoration: none;
    display: block;
    padding: 0 15px;
}

.valilehdet a
{
    margin-right: 1em;
}

.valilehdet a:link
{
    color: white;
    text-decoration: none;
}

.valilehdet a:active
{
    color: white;
    text-decoration: none;
}

.valilehdet a:visited
{
    color: white;
    text-decoration: none;
}

.valilehdet a:hover
{
    color: yellow;
    text-decoration: none;
}

.nav-toimialueet
{
    margin-top: 0;
}

/*Footerin tyylit*/

#tiekelogo
{
    float: left;
    margin-left: 40px;
    margin-right: 50px;
    width: 65px;
    height: 80px;
    background: url(http://www.tieke.fi/download/attachments/8126571/Logo_65x80.png);
    background-repeat: no-repeat;
}

@media (min-width:768px)
{
    .footerlistat
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.footerlistat ul
{
    padding-left: 10px;
    list-style: none outside none;
    margin-top: 0px;
}

.footerlistat li
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    display: block;
    list-style-type: none;
    padding: 2px;
    color: white;
    font-weight: normal;
    line-height: 1.2;
}

.footerlistat li a
{
    color: white;
    text-decoration: none;
}

.alapalkki-sisalto
{
    padding-top: 1em;
    background-color: #7C3987;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.alapalkki-logot ul
{
    list-style: none outside none;
    padding-left: 0;
    margin: 1px 0px 1px 0px;
}

.alapalkki-logot li
{
    float: left;
    list-style-type: none;
    margin-left: 5px;
}

.alapalkki-logot img
{
    width: 32px;
}

#navbar-collapse-ylapalkki
{
    float: right;
}

section#tyotilat-mobiili
{
    margin-top: 10px;
}

section#tyotilat-mobiili a:hover, section#tyotilat-mobiili a:active
{
    background-color: blue;
    color: white;
}

@media (max-width:1119px)
{
    .alapalkin-vari-mob
    {
        background-color: #7C3987;
    }
}

a.btn-primary
{
    color: white !important;
}

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		adpt-dropdown.css
 * @package		adpt-dropdown
 * @version		0.8
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net, http://www.lwis.net
 *
  * edited by Adaptavist.com to prevent CSS conflicts *
 */

div.menu-raamit
{
    display: inline-block;
}

.menu-raamit ul,
.menu-raamit ul li
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-raamit ul
{
    float: left;
    font-weight: normal;
    margin: 0 0 10px 0;
    z-index: 597;
}

.menu-raamit li ul { 
	left: 0px;
	margin-top: 1px;
	position: absolute;
	top: 100%;
	visibility: hidden;
	width: 100%;
	width: 150px;
	z-index: 598;
}

.menu-raamit ul li
{
    background-color: #F5F5F5;
    border-color: #EBEBEB #D9D9D9 #D9D9D9;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    color: #000;
    float: left;
    line-height: 1.3em;
    max-width: 300px;
    min-height: 1px;
    padding: 6px 20px 6px 10px;
    vertical-align: middle;
}

.width200.menu-raamit ul li
{
    width: 200px;
}

.width300.menu-raamit ul li
{
    width: 300px;
}

.height30.menu-raamit li
{
    height: 30px;
}

.menu-raamit ul ul li,
.menu-raamit-horizontal ul .dir
{
    background-color: #E9E9E9;
    padding-right: 20px;
}

.menu-raamit ul ul li
{
    float: none;
    font-weight: normal;
}

.menu-raamit li ul ul
{
    left: 100%;
    top: 4px;
}

.menu-raamit a:link,
.menu-raamit a:visited
{
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

.menu-raamit a:hover
{
    color: #000;
}

.menu-raamit a:active
{
    color: #ffa500;
}

/*.menu-raamit ul.hover,
.menu-raamit ul:hover,*/

.menu-raamit li.hover,
.menu-raamit li:hover,
.menu-raamit ul li.hover,
.menu-raamit ul li:hover,
.menu-raamit-horizontal ul .dir.hover,
.menu-raamit-horizontal ul .dir:hover
{
    background-color: #d9d9d9;
}

.menu-raamit li.hover,
.menu-raamit li:hover
{
    color: #333;
    cursor: default;
    position: relative;
    z-index: 599;
}

.menu-raamit li:hover > ul
{
    visibility: visible;
}

.menu-raamit .menuseparator
{
    border-top: 1px solid #bbb;
}

.shadow .menu-raamit ul
{
    box-shadow: 2px 2px 2px 2px #666;
    -webkit-box-shadow: 2px 2px 2px 2px #666;
}

.rounded .menu-raamit > li
{
    border-radius: 3px;
}

.rounded .menu-raamit ul
{
    border-radius: 0 3px 3px 3px;
}

/* -- Supporting class `dir` -- */

.menu-raamit *.dir
{
    background-image: url("/plugins/servlet/theme/engine/resource/MYROOT/nav-arrow-down.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 20px;
}

/* -- Components override -- */

.menu-raamit.horizontal li ul *.dir
{
    background-image: url("/plugins/servlet/theme/engine/resource/MYROOT/nav-arrow-right.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 20px;
}

.menu-raamit.upward *.dir
{
    background-image: url("/plugins/servlet/theme/engine/resource/MYROOT/nav-arrow-top.png");
}

.menu-raamit.vertical *.dir,
.menu-raamit.upward ul *.dir
{
    background-image: url("/plugins/servlet/theme/engine/resource/MYROOT/nav-arrow-right.png");
}

.menu-raamit.vertical.rtl *.dir
{
    background-image: url("/plugins/servlet/theme/engine/resource/MYROOT/nav-arrow-left.png");
    background-position: 0 50%;
    padding-left: 15px;
    padding-right: 10px;
}

/*-- pudotusvalikko loppuu --*/

/*Siirtää sivun metadata-tiedon hieman alemmas*/

.page-metadata
{
    margin: 15px 0 20px !important;
}

/*piilottaa sivun metadatan muilta kuin sisäänkirjautuneilta*/

.flag-tuntematon .page-metadata
{
    display: none;
}

/*bannerityylit*/

.teemakuva p img, .shortcutToContent img
{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

/* Kuvake styles */

.shortcutToContent
{
    position: relative;
    max-width: 15.525em;
    float: left;
    padding-top: 35px;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.shortcutLink
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
    background: url(/download/attachments/8126571/transparent.png);
}

a.shortcutLink:hover span
{
    background: url(/download/attachments/8126571/tp-98.png);
    color: #001d3a;
}

a.shortcutLink h3
{
    background: #ececec;
    font-size: 14px;
    color: #772c80;
    display: block;
    height: 35px;
    line-height: 35px;
    margin: 0;
    text-indent: 10px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

a.shortcutLink p
{
    position: absolute;
    z-index: 3;
    margin: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
}

a.shortcutLink p span
{
    position: absolute;
    z-index: 4;
    top: 35px;
    padding: 5% 1% 0 3%;
    left: 50%;
    height: 72%;
    color: #003366;
    background: url(/download/attachments/8126571/tp-80.png);
    transition: background ease 0.5s;
}

/*Sisaltopuun muotoilu*/

@media (max-width:1100px)
{
    .vasen_sisaltopuu a
    {
        font-size: 1.2em;
    }
}

.sisaltopuu_otsikko
{
    background-color: #98a450;
}

.expand-control-icon, .ui-tree li.closed>.click-zone, #children-section.children-hidden a.children-show-hide.icon, .icon-section-closed
{
    background-image: url(/plugins/servlet/theme/engine/resource/BOOTSTRAPT/kolmio.png);
}

.expand-control-icon.expanded, .ui-tree li.opened>.click-zone, #children-section.children-showing a.children-show-hide.icon, .icon-section-opened
{
    background-image: url(/plugins/servlet/theme/engine/resource/BOOTSTRAPT/kolmio-alas.png);
}

.plugin_pagetree_children_span.plugin_pagetree_current
{
    font-weight: bold;
    background-color: #772C80;
    padding-left: 3px;
    padding-right: 3px;
}

.plugin_pagetree_children_span.plugin_pagetree_current a
{
    color: white;
}

/*--------------- Tämä kuvaa Tieken värimaailman nettivärivaihtojehtoja ---------------*/

.primary-1
{
    background-color: #873393;
}

.primary-2
{
    background-color: #68386E;
}

.primary-3
{
    background-color: #561160;
}

.primary-4
{
    background-color: #BD67C9;
}

.primary-5
{
    background-color: #C081C9;
}

.secondary-a-1
{
    background-color: #E09C4B;
}

.secondary-a-2
{
    background-color: #A88254;
}

.secondary-a-3
{
    background-color: #925A18;
}

.secondary-a-4
{
    background-color: #F0B978;
}

.secondary-a-5
{
    background-color: #F0C798;
}

.secondary-b-1
{
    background-color: #356F8E;
}

.secondary-b-2
{
    background-color: #38596B;
}

.secondary-b-3
{
    background-color: #11425C;
}

.secondary-b-4
{
    background-color: #69A6C7;
}

.secondary-b-5
{
    background-color: #82AFC7;
}

.complement-1
{
    background-color: #C8DA49;
}

.complement-2
{
    background-color: #99A452;
}

.complement-3
{
    background-color: #7F8E18;
}

.complement-4
{
    background-color: #DDED77;
}

.complement-5
{
    background-color: #E1ED96;
}

.color-table
{
    margin: 2em 2em 5em;
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    font-size: 100%;
}

.color-table th
{
    padding: 0 1em 0 0;
    text-align: right;
    vertical-align: middle;
    font-size: 110%;
    border: none;
}

.color-table td.sample
{
    width: 10em;
    height: 8em;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 90%;
    border: 1px solid white;
    white-space: nowrap;
}

.color-table.small td.sample
{
    width: 4em;
    height: 4em;
    padding: 0;
    border: none;
}

.color-table .white p
{
    color: white;
}

.color-table .black p
{
    color: black;
}

/* Tieken värivaihtodehdot loppuu */

/*----------------Tapahtuma-laatikko alkaa-----------------*/

#seminaarit .sem_banneri_lista_otsikko, #yhteistyotahot .yht_banneri_lista_otsikko, .sisaltopuu_otsikko
{
    padding: 0.3em;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: white;
}

#seminaarit .sem_banneri_lista_otsikko
{
    background-color: #98a450;
}

#seminaarit .sem_banneri_lista_raami
{
}

#seminaarit .sem_banneri_lista_sisalto p
{
    line-height: 1em;
    margin: 4px 0 8px 0;
    font-size: 11pt;
}

#seminaarit .sem_banneri_aika
{
    font-weight: bold;
}

#seminaarit .sem_banneri_lista_sisalto a
{
    text-decoration: none;
    color: #893494;
    font-weight: bold;
}

#seminaarit .sem_banneri_lista_sisalto a:hover
{
    text-decoration: none;
    color: #98a450;
    font-weight: bold;
}

/*Tapahtuma-laatikko loppuu*/

.tyotilojen_linkit
{
    padding-top: 2px;
}

/*Tilauslomakkeiden tyyli*/

.tilauslomake
{
    background-color: #EBE7DF;
    width: 100%;
    padding: 1px 0px 5px 5px;
    margin-bottom: 10px;
}

.tilauslomake .field-group
{
    padding: 4px 0 4px 5px !important;
}

.tilauslomake label
{
    display: none;
}

div#tieke-haku
{
    padding: 3px;
}

.aui-popup aui-dialog
{
    width: 864px;
}

.dialog-components
{
    width: 100% !!important;
}

/*Google kartta responsiiviseksi*/

.google-kartta
{
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.google-kartta iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*---------------Uutiset-työtilan uutiskoosteen tyyli---------------*/

.uutinen_kooste
{
    background: #fff;
    margin: 0 auto;
    width: 100%;
    padding: 0 0 1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    vertical-align: top;
    margin-bottom: 1em;
    background-color: #F6F4FA;
}

.uutinen_paiva
{
    text-align: left;
    padding-left: 20px;
    font-size: 0.8em;
}

.uutinen_paiva p
{
    margin-top: 2px;
}

.uutinen_otsikko p
{
    font-size: 1.5em;
    text-align: left;
    color: #893494;
    line-height: 1em;
}

.uutinen_otsikko
{
    padding: 12px 20px 6px 20px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
}

.uutinen_tiivistelma
{
    text-align: left;
    padding: 6px 20px;
}

.uutinen_linkki
{
    padding-left: 20px;
    padding-right: 20px;
}

/*Uutiskooste loppuu*/

/*Uutis-työtilan oikean palkin uutislinkit*/

#uutiset
{
    margin-bottom: 20px;
}

#uutiset ul
{
    list-style: none outside none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

#uutiset  ul > li
{
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    list-style-type: none;
    font-weight: normal;
    padding: 0 1px;
}

#uutiset a
{
    text-decoration: none;
    font-size: 0.9em;
    color: #893494;
    font-weight: bold;
}

#uutiset a:hover
{
    font-size: 1em;
    text-decoration: none;
    color: #98a450;
    font-weight: bold;
}

#uutiset .uutiset_lista_sisalto p
{
    margin: 2px 0;
    line-height: 0.9em;
    padding: 2px 1px;
}

#uutiset .uutiset_lista_otsikko
{
    color: white;
    padding: 0.3em;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #98a450;
}

.uutiset_lista_sisalto
{
    border-bottom: #98a450;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    padding: 0.2em;
}

/*Oikean palkin uutislinkit loppuu*/

/*Tilauslomakkeiden tyyli*/

.tilauslomake
{
    background-color: #EBE7DF;
    width: 100%;
    padding: 1px 0px 5px 5px;
    margin-bottom: 10px;
}

/*Verkkolaskuosoitteiston sivu*/

.verkkolaskuosoitteisto_linkkiruutu
{
    background-color: #F3F7EB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0.5em;
    margin-bottom: 1em;
}

#vo_linkkiruutu_otsikko
{
    background-color: #9EA95A;
    padding: 0.5em;
    font-size: 1.6em;
    color: white;
    font-weight: bold;
}

/*verkkolaskuosoitteiston hakukentän haku-napikan tuominen oikealle*/

#verkkolaskuosoitteisto_haku #run_table_1
{
    float: left;
}

#verkkolaskuosoitteisto_haku #run_form_1
{
    float: left;
    margin-right: 3em;
    width: 100%;
}

#verkkolaskuosoitteisto_haku #run_form_1 table:nth-child(2)
{
    height: 40px;
    float: left;
}

#vo_linkkiruutu_tyhjenna
{
    height: 40px;
    padding: 6px;
    margin-left: 2em;
    margin-top: 2em;
}

#vo_linkkiruutu_tyhjenna a
{
    padding: 3px 5px;
    border: solid thin black;
    background-color: #E0E0E0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
}

#vo_linkkiruutu_tyhjenna a:hover
{
    background-color: #ACDCF7;
}

.verkkolaskuhaku
{
    border-collapse: collapse;
    border: 1 thin black solid;
    float: left;
}

.verkkolaskuhaku th
{
    background-color: #e7ac0a;
    font-weight: bold;
    color: white;
    padding: 3px;
}

.verkkolaskuhaku td
{
    padding: 2px 8px;
}

.verkkolaskuosoitteisto_ohje
{
    background-color: #ECF0E4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0.5em;
    margin-bottom: 1em;
    clear: both;
}

#verkkolasku_valittajat
{
    background-color: white;
    width: 90%
    margin-left:0;
    margin-right: 0;
    padding: 0.5em;
}

#verkkolasku_valittajat .valittajat
{
    float: left;
    margin-right: 2em;
}

/*Verkkolaskuosoitteiston sivu päättyy*/

/*Tapahtumia -työtilassa tapahtumien listaus*/

.tapahtuma
{
    margin-bottom: 1em;
}

.tapahtuma a
{
    font-weight: bold;
}

/*---------------Yhteistyötahojen banneriosio etusivulla---------------*/

#yhteistyotahot
{
    margin: 1em 0;
}

#yhteistyotahot a
{
    text-decoration: none;
    color: #893494;
    font-weight: bold;
}

#yhteistyotahot .yht_banneri_lista_otsikko
{
    background-color: #e7ac0a;
}

#yhteistyotahot .yht_banneri_lista_raami
{
}

#yhteistyotahot .yht_banneri_lista_sisalto
{
    margin-top: 10px;
    line-height: 1em;
}

/*Yhteistyötahojen bannerisouus loppuu*/

/*---------------Oikeassa reunassa olevien Tieken ulkopuolisten yhteistyötahojen mainosbannereiden tyyli---------------*/

.bannerimainos_raami
{
    background-color: #EAF2B6;
    padding: 3px;
    text-align: center;
}

.bannerimainos table
{
    width: 100%;
    background-color: #F9FBEB;
}

.bannerimainos td.otsikko
{
    text-align: center !important;
    vertical-align: center !important;
    color: black !important;
    background-color: #F2F7D5;
    padding-bottom: 3px !important;
}

.bannerimainos td.runko
{
    text-align: left !important;
    vertical-align: top !important;
    padding-top: 9px !important;
    font-size: 0.9em;
    padding: 2px 6px;
}

.bannerimainos a
{
    padding: 1px 1px 1px 5px;
}

.banneri img
{
    margin: 5px 0px;
}

/*työtilat mob näkymä*/

@media (max-width:768px)
{
    .nav-tyotilat-raami
    {
        margin-top: 25px;
    }
}

.etusivu_otsikko h2
{
    border-bottom: thin solid black;
}

.etusivu_blogi_kuva
{
    text-align: right;
}

/*Tiviitotori*/

.Tiviittori_taulukko_EI_reunoja .table-wrap table, th, td
{
    border-width: 0px !Important;
}

.Tiviittori_taulukko_EI_reunoja .table-wrap table th
{
    background-color: white !Important;
}

.Tiviittori_taulukko_EI_reunoja .table-wrap table th td p
{
    background-color: white !Important;
}

/*tiviittori-sivuilla oleva menu*/

#tiviittori .tiviittori_menu .tiviittori_menu_lista li a#tiv-nav, #oppi .tiviittori_menu .tiviittori_menu_lista li a#opp-nav,
#yrit div ul li a#yri-nav, #yksi div ul li a#yks-nav,
#test div ul li a#tes-nav, #hinn div ul li a#hin-nav,
#tila div ul li a#til-nav, #ota div ul li a#ota-nav,
#usei div ul li a#use-nav
{
    background-color: #D5B9D8 !important;
    color: black !important;
}

.tiviittori_menu
{
    margin-top: 0.5em;
}

.tiviittori_menu ul
{
    list-style: none;
    display: block;
}

.tiviittori_menu ul li { display:inline; float:left; margin-bottom:20px; margin-right:5px;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
display:inline-block;
}

.tiviittori_menu ul li a
{
    color: white !important;
    text-decoration: none !important;
    padding: 0.5em 0.5em 0.5em 0.5em;
    background-color: #893494;
}

ul.tiviittori_menu_lista
{
    padding: 0;
}

/*tiviittori-menu loppu*/

.wiki-content > h1
{
    margin-top: 0;
}

/* Sidebar link styles */

a.sidebarLink
{
    color: #772c80;
    position: relative;
    display: block;
    background: #ecece9;
    border: 1px solid #ecece9;
    padding: 0 0 0 10px;
    text-decoration: none;
    height: 65px;
    margin-bottom: 10px;
    transition: background 0.5s ease;
}

a.sidebarLink:hover
{
    background: #fbfbfb;
}

a.sidebarLink span
{
    font-size: 14px;
    display: block;
    margin-top: 13px;
}

a.sidebarLink img
{
    width: 35%;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
	height:100%
}

a.sidebarLink h4
{
    margin: 4px 0 0 0;
    font-size: 14px;
    font-weight: bold;
}

/* Customer Service */

div.customerService
{
    border: 1px solid #ecece9;
    position: relative;
    padding: 15px 0 15px 10px;
    color: #772c80;
}

div.customerService a
{
    color: #772c80;
    text-decoration: none;
}

div.customerService h4
{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

div.customerService p
{
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 0;
}

div.customerService img
{
    max-width: 22%;
    position: absolute;
    top: 22px;
    right: 10px;
}

/*VYF tyhötilassa etusivun teksti*/

.tietoisku_vasen, .tietoisku_oikea
{
    padding: 1em;
    margin-top: 1em;
}

.tietoisku_teksti_vasen p, .tietoisku_teksti_oikea p, .tietoisku_teksti_vasen h2, .tietoisku_teksti_oikea h2
{
    font-size: 1.3em !important;
}

.tietoisku_teksti
{
    width: 60%;
}

.tietoisku_kuva
{
    width: 35%;
}

.tietoisku_raamit_vasen, .tietoisku_raamit_oikea
{
    background-color: rgb(217, 224, 216);
    margin-bottom: 1em;
    clear: both;
    padding: 1em;
}

.tietoisku_raamit_vasen .tietoisku_teksti, .tietoisku_raamit_oikea .tietoisku_kuva
{
    float: left;
}

.tietoisku_raamit_oikea .tietoisku_teksti, .tietoisku_raamit_vasen .tietoisku_kuva
{
    float: right;
}

.tietoisku img.confluence-embedded-image
{
    max-width: 100%;
}

.tietoisku_raamit_vasen .tietoisku_kuva img
{
    margin-left: 0em;
    max-width: 100%;
}

.tietoisku_raamit_oikea .tietoisku_kuva img
{
    margin-right: 1em;
    max-width: 100%;
}

.vyf_tilauslomake div form div.table-wrap table.confluenceTable tbody tr td.highlight.confluenceTd, .vyf_tilauslomake div form div.table-wrap table.confluenceTable tbody tr td.confluenceTd, .vyf_tilauslomake div form div.table-wrap table.confluenceTable tbody tr td.highlight.confluenceTd, .vyf_tilauslomake div form div.table-wrap table tbody tr td.highlight-grey.confluenceTd > p
{
    background-color: #A767AF;
}

.vyf_tilauslomake .field-group, .vyf_tilauslomake TD
{
    padding: 4px 0 4px 5px !important;
}

.vyf-tilauslomake #formMailNG!$randomString > div.table-wrap > table > tbody > tr:nth-child > td.highlight-grey
{
    background-color: white;
}

div#VYF_lomake
{
    background-color: #A767AF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 1em;
}

div#VYF_lomake form.aui .group, div#VYF_lomake form.aui .date-select
{
    padding: 4px;
}

.tilauslomake TD, .tilauslomake .field-group
{
    padding-top: 0;
}

/*Verkkokauppaoppaan ohjeiden tyylimääritys*/

.vk_opas_ehdot
{
    background-color: #98A450;
    position: relative;
    padding: 1em;
    color: white;
}

.vk_opas_ehdot_otsikko
{
    background-color: white;
    color: #98A450;
    position: absolute;
    top: 0.5em;
    left: 0;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1.5em;
}

.verkottaja_navigointi
{
    margin-bottom: 1em;
}

.verkottaja_navigointi a
{
    display: block;
    color: white;
    background-color: #984891;
    margin-bottom: 2px;
    padding-left: 5px;
}

.atlassian-teksti-mainos
{
    font-size: 0.9em;
    text-align: center;
}

/*Otsikoiden fonttien väri ja koko*/

h1, h2, h3, h4, h5, h6, .wiki-content h1, .wiki-content h2, .wiki-content h3, .wiki-content h4, .wiki-content h5, .wiki-content h6, .pagetitle, .steptitle, .substeptitle, .formtitle, th.confluenceTh, table.confluenceTable th.confluenceTh, table.admin th, .form-element-large, .form-element-small, #com-atlassian-confluence .mce_h1 span.mceText, #com-atlassian-confluence .mce_h2 span.mceText, #com-atlassian-confluence .mce_h3 span.mceText, #com-atlassian-confluence .mce_h4 span.mceText, #com-atlassian-confluence .mce_h5 span.mceText, #com-atlassian-confluence .mce_h6 span.mceText
{
    color: #893494 !important;
    text-transform: none !important;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    line-height: normal;
}

.wiki-content h1, .atb-title h1
{
    font-size: 1.6em !important;
    margin: 0px 0px 20px 0px;
}

.wiki-content h2
{
    font-size: 1.4em !important;
}

.wiki-content h3
{
    font-size: 1.3em;
}

.wiki-content h4
{
    font-size: 1.1em;
}

.wiki-content h5
{
    font-size: 1.1em;
}

.wiki-content h6
{
    font-size: 1.1em;
}

.tilaa_verkkolaskuosoitteisto, .tilaa_verkkolaskuosoitteisto_varjo {
	width:95%;
	margin:0 auto !important;}

.tilaa_verkkolaskuosoitteisto {
    background-color:#9EA95A;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding:1em;
    margin-bottom:1em;
    border: 2px solid #717A43;
    padding:1em 0;
 }

.tilaa_verkkolaskuosoitteisto_varjo
{
    background-color: rgb (76, 76, 76);
    -moz-box-shadow: 3px 3px 3px rgba(76, 76, 76, 0.6);
    -webkit-box-shadow: 3px 3px 3px rgba(76, 76, 76, 0.6);
    box-shadow: 3px 3px 3px rgba(76, 76, 76, 0.6);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.tilaa_verkkolaskuosoitteisto_varjo a
{
    text-decoration: none;
    color: #EFF5CF;
}

.tilaa_verkkolaskuosoitteisto_sisaraami
{
    margin-left: 5em;
    float: left;
    width: 70%;
    padding: 0;
}

.tilaa_verkkolaskuosoitteisto_otsikko
{
    color: #EFF5CF;
    font-size: 1.6em;
}

.tilaa_verkkolaskuosoitteisto_linkit
{
    color: #EFF5CF;
    padding: 0.5em 0 0 1em;
}

/*vyf-seminaari-ilmoitukset*/
.vyf-seminaari-ilmoitus {
    background-color: #E6E2E2;
    padding: 1em;
    margin-bottom: 1em;
}


.seminaari-paneeli {
    margin-bottom:5px !important;
    margin-top:5px !important;
}

/*Bisnestreffien ilmoittautumislomake*/

.ilm-lomake {
    background-color:#E5C0EA;
    padding:1em;
}

.ilm-lomake table{
    border-collapse: separate;
    border-spacing: 0 5px;
}

.ilm-lomake td {
    border-width: 3px 0;
    border-color: darkred;
    border-style: solid;
    
}

.ilm-lomake input {
    width: 13em;
}

.ilm-lomake tr>td {
    width:8em;
}


/*ilmoittautumislomake päättyy*/