﻿@import url(calendar.css);
@import url(inkoo.css);

#left #kohderyhmat .yellowList ul li {
    list-style-type: none;
    background: #e4ecf4 url(/stc/img/bg_kohderyhmat_kel_vasen.gif) no-repeat top left;
    height: 25px;
    margin-bottom: 10px;
}

#left #kohderyhmat .yellowList ul li a {
    background: url(/stc/img/bg_kohderyhmat_kel_oikea.gif) no-repeat top right;
    color: #242424;
    text-decoration: none;
    padding: 3px 0 0 5px;
    display: block;
    height: 25px;
}


/*--------------------------------------------------
   Alla olevat on Sample-siten css-määrittelyitä 
--------------------------------------------------*/

/* news document */
.newsSummary, .newsSummary p { font-style:italic ; }

/* paragraph & cell styles */
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
.h { display:none ; }
.spacer { clear:both ; height:1px ; overflow:hidden ; }
p { line-height:1.3 ; }
strong { color:#111 ; }
.u4-image-caption { font-size:0.8em ; color:#666 ; margin:0 ; padding:0 ; margin-left:0.5em ; }


/* 2 column */
.columnContainer { width: 98% ; }
.columnContainer .columns { width:48% ; margin-right:1% ; float: left ; } 

div#navigoCMS {margin-top: 10px; font:10px Verdana, sans-serif ; color:#99978f ; background: #efede0; height:18px ; /* width:170px ;*/ text-align: right; padding-right: 20px; }

div#navigoCMS strong { color:#99978f ; }
div#navigoCMS a { color:#99978f ; text-decoration:none ; padding-left:22px ; background:url(/stc/img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

 /* sitemap */

.siteMap { width:300px ; margin:0 0 0 10px ;  padding-bottom:2em ; }
.siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; }
.siteMap a:hover { color:#c00 ; }
.siteMap ul li { list-style:disc ; }

.siteMapDocumentLevel0 { padding:0.2em ;  background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; font-size:0.9em ; }


.depth0 { padding-left:25px ; background-position:5px center ; width:275px ; }
.depth1 { padding-left:40px ; background-position:20px center ; width:260px ; }
.depth2 { padding-left:55px ; background-position:35px center ; width:245px ; } 
.depth3 { padding-left:70px ; background-position:50px center ; width:230px ; }
.depth4 { padding-left:85px ; background-position:65px center ; width:215px ; }
.depth5 { padding-left:85px ; background-position:0px center ; width:215px ; }
	
.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px center no-repeat ; padding-left:20px ; font-weight:bold ; }
.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 10px center no-repeat ; padding-left:33px ; }
.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 25px center no-repeat ; padding-left:45px ; }
.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 40px center no-repeat ; padding-left:60px ; }
.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 55px center no-repeat ; padding-left:75px ; }

.stripe { background-color:#f9f9f9 ; }

/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.3em; font-family: Verdana; font-size: 0.9em;}

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-complete td {border-top: 1px solid #ddd ; background:#fff url(/stc/img/bg_table_borders_td.gif) repeat-x top left ; }
.u4-table-visible-borders td{border: 1px solid #ddd;}

.u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#FAF2CE; border-bottom: 1px solid #EDE3B6; border-top: 1px solid #EDE3B6;}
.u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}

.u4-table-complete-header td {color: #fff; background:#92AFD9; font-weight: bold; border-top: 1px solid #7F9BC3;}
#siteBody .u4-table-complete-header p{color: #fff;}

.u4-table-complete-odd td{background:#e8eff8;}
#siteBody table{font-size: 1em;}
#siteBody table p{margin: 0; padding: 0; font-size: 1em;}

/* editMode */
.styleSelector, .styleSelector-active { font-size:0.7em ; }
