/* General Styles, at your service */

body {
    background: #fcfcfc url(/stc/pics/bg_body.jpg) scroll repeat-x;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin: 0;
    text-align: center;
}

h2,h3,h4,h5 { 
	font-family: Arial, sans-serif;
    font-weight: normal;
    margin: 0;
}
h2 {
    color: #00549f;
    font-size: 14px;
    margin-bottom: 17px;
    margin-top: 8px;
}
#left h2, #right-top h2 { margin:10px 15px 12px 12px; }

h3 { 
    color: #00549F;
    font-size: 12px;
}
h4 { 
    color: #000;
    font-size: 11px;
    font-weight: bold;
}
#left h4 { margin-bottom:1em; }

h5 { 
}
address {
    font-style: normal;
}
a {
    color: #333;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

a.readMore {
    background: url(/stc/pics/bullet_black.jpg) scroll no-repeat left center;
    padding-left: 6px;
}
        a img {
            border: 0;
        }

p {
    margin: 0 0 8px 0;
}
        /* Hackkkk */
        p.topMargin {
            margin: 8px 0 0 0;
        }
li p {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0!important;
    margin: 0;
    padding: 0;
}

.highLight {
    background: #e7f7fd;
    border-top: 1px solid #e7f7fd;
    margin-top: -1px;
    padding: 5px 8px;
}
#right .highLight {	/*.frontpage*/
    background: none;
	border: none;
}


.leftAlign  { 
    text-align: left; 
}
.rightAlign { 
    text-align: right; 
}
.center { 
    text-align: center; 
}
.justified { 
    text-align: justify; 
}

.h { 
    display : none; 
}
.spacer { 
    clear        : both; 
    height       : 1px; 
    margin-bottom: -1px;
    overflow     : hidden; 
}
.columns { 
    float: left; 
}

.u4-image-caption {
    background: #00adef;
    border-left: 1px solid #4fc5f1;
    border-right: 1px solid #4fc5f1;
    color: #fff;
    font: 11px Arial, sans-serif;
    margin: 0;
    padding: 10px;    
}

ul.naviList,
ul.naviList ul,
ul.naviList li {
    list-style: none;
    margin    : 0;
    padding   : 0;
}
div.rightalign {
    float: right;
}
.ingress {
    font-weight: bold;
}
.date {
    display: block;
}

table {
    border-collapse: collapse;
}
       td, th {
            color: #333;
            font-family: Arial, sans-serif;
            font-size: 11px;
            padding: 10px 0 10px 12px;
        }
                td.textInputTd {
                    text-align: right;
                }
.u4-table-stripe {
}
        .u4-table-stripe-header,  
        .u4-table-complete-header2, 
        .u4-table-complete-even {
            background: #f8f9f5;
        }
        .u4-table-stripe-odd {
            background: #f0f7f5;
        }

.editModeSlot {
    background: #ddd;
    border: 1px dashed #aaa;
    display: none;
}
.editMode .editModeSlot {
    display: block;
}    
        .editModeSlot div {

            overflow: hidden;
        }
        .editModeSlot p.info {
            color: red;
        }

/* Divs */

#site {
    display: block;
    margin: 0px auto;
    width: 899px;
    position: relative;
    text-align: left;
    padding: 0 7px 11px 6px;

}

#shadowTop {
    background: url(/stc/pics/bg_sitetop.jpg) scroll no-repeat top center;
    /*padding-top: 2px;*/
}

#support { width:910px; height:15px; margin:0 auto 9px auto; }
    #support a { margin-left:7px; }
    #support .inner { float:right; }
        #support-left { float:right; text-align:right; }
        #support-right { float:right; }
            
#shadowMiddle {
    background: url(/stc/pics/bg_sitemid.jpg) scroll repeat-y top center;
}
#shadowBottom{
    background: url(/stc/pics/bg_sitebottom.jpg) scroll no-repeat bottom center;
    margin-top:2px;
    padding-bottom: 7px; 
}

        #top {
            background: #c1d4e3 url(/stc/pics/bg_top.gif) scroll repeat-x;
            height: 105px;
            margin: 0;
            padding: 0;
            position: relative;
        }
        
        .extranet #top {
            background: #e9f1d5 url(/stc/pics/bg_top_extranet.jpg) scroll repeat-x;
        }
        
                #logo {
                    background: transparent url(/stc/pics/logo_iif.jpg) scroll no-repeat;
                    float: left;
                    height: 105px;
                    margin: 0;
                    width: 191px;
                }
                .extranet #logo {
                    background: #e9f1d5 url(/stc/pics/bg_top_extranet.jpg)
                }
                        #logo a {
                            display: block;
                            height: 105px;
                            margin: 0;
                            width: 191px;
                        }
                    
                        #logo span {
                            display: none;
                        }
                
                #supportNavi {
                }
                        #supportNavi li {
                            display: inline;
                        }
                                #supportNavi li a {
                                    float: left;
                                    display: block;
                                    padding-right: 5px;
                                }
                        
                        #supportNavi #accessLinks {
                            float: right;
                            padding-right: 230px;
                            padding-top: 3px;
                        }
                
                        #searchAndExtranet {
                            float: right;
                        }
                                #searchAndExtranet input {
                                    margin: 0;
                                    padding: 0;
                                }
                                #searchAndExtranet input.navigo-login-submit {
                                    margin: 0.5em;
                                }
                                #searchAndExtranet .txt {
                                    border: 1px solid #919191;
                                    height: 18px;
                                }
                            
                                #searchForm {
                                    display: block;
                                    padding: 1px 0 5px 0;
                                    position: absolute;/* margin:7px 3px 0 0;*/
                                    top: 5px;
                                    right: 3px;
                                    float:left;
                                }
                                * html #searchForm {
                                    width: 218px; display:inline;
                                }
                                        #searchForm input {
                                            float: left;
                                            margin-left: 3px;
                                        }
                                        #searchForm .txt {
                                            width: 160px;
                                        }
                                    
                                        #searchForm .sbm {
                                            width:48px; height:17px;
                                            border:0;
                                            margin-top:1px;
                                            padding:0.1em 0;
                                            background:#004C8C;
                                            color:#fff;
                                            text-transform:uppercase;
                                            font-size:0.9em;
                                        }
                                        * html #searchForm .sbm { width:46px; }
                                
                                #extranetLoginForm {
                                    bottom: 0;
                                    display: block;
                                    margin: 0;
                                    padding: 0;
                                    position: absolute;
                                    /*float:left;*/
                                    right: 0;
                                }
                                #extranetLoginForm form { margin:0; }
                                
                                * html #extranetLoginForm {
                                    width: 218px; display:inline;
                                }
                                .extranet #extranetLoginForm {
                                    display: none;
                                }
                                        #extranetLoginForm h3 {
                                            color: #3575aa;                        
                                        }
                                    
                                        #extranetLoginForm .txt {
                                            width: 80px;
                                        }
                                        #extranetLoginForm .sbm {
                                            padding-bottom: 0px;
                                        }
                                    
                                        #extranetLoginForm .naviList {
                                            margin-bottom: 10px;
                                            margin-top: 10px;
                                        }
                                    
                                                #extranetLoginForm .naviList li a {
                                                    display: inline;
                                                    float: none;
                                                }
                                                
                                                
        #topNavi {
            background-color: #004c8c;
            height: 30px;
            margin: 0;
            padding: 0;
        }
                #topNavi li {
                    display: inline;
                }
            
                #topNavi a {
                    background-color: #004c8c;
                    color: #fff;
                    
                }
                        #topNavi li a {
                            display: block;
                            float: left;
                            height: 23px;
                            padding: 7px 10px 0px 10px;
                            text-decoration: none;
                            text-transform: uppercase;
                        }
                        #topNavi li a:hover,
                        #topNavi li a.active {
                            background-color: #0098db;
                        }
                        .extranet #topNavi li a:hover,
                        .extranet #topNavi li a.active {
                            background-color: #00b185;
                        }
                        #topNavi li a.first {
                            padding-left: 20px;
                        }
                    
                                #topNavi #extranetNavi {
                                    float: right;                    
                                }
                                        #topNavi #extranetNavi li a {
                                            text-transform: none;
                                        }
                #topNavi .logout a {
                    display: block;
                    float: right;
                    height: 23px;
                    margin: 0;
                    padding: 7px 10px 0 10px;
                }
                #topNavi .logout form {
                    margin: 0;
                    padding: 0;
                }
            
        #docNavi {
            background-color: #0098db;
            height: 30px;
        }
                #docNavi li {
                    display: inline;
                }
                        #docNavi li a {
                            background-color: #0098db;
                            color: #fff;
                            display: block;
                            float: left;
                            height: 23px;
                            padding: 7px 10px 0px 10px;
                            text-decoration: none;
                            text-transform: uppercase;
                        }
                        #docNavi li a:hover,
                        #docNavi li a.active {
                            background-color: #f8f9f4;
                            color: #0e629e;
                        }
                        #docNavi li a.first {
                            padding-left: 20px;
                        }

        #siteBody {
            background: #fff url(/stc/pics/bg_sitebody_wide.jpg) scroll repeat-y;
            margin-top: 6px;
        }
        #siteBody.frontpage {
            position:static;
            background: #fff url(/stc/pics/bg_sitebody_front.gif) scroll repeat-y;
        }
        * html #siteBody.frontpage { width:902px; /* this for ie6 to gain layout */ }
        
                #left {
                    width: 215px;
                    margin-right: 6px;
                }
                        #left > div {
                            /*min-height: 137px;*/
                            padding: 0 0 5px 0;
                        }
						#left #left-top { padding-bottom:0; }
						/*#left-middle { padding-bottom:200px; }  this because left-bottom is absolute bottom */
						#left-bottom { /*position:absolute; bottom:10px; width:190px;*/ margin:20px 15px 5px 12px; }

                        * html #left div {
                            /*height: 137px;*/
                            /*padding: 0 15px 5px 10px;*/
                        }
                        * html #left div div {
                            padding: 0;
                        }
						
						#left h2 {
							margin-bottom:8px;
						}
						
                        #contacts {
                            /*background: #f8f9f5;*/
                            /*border-bottom: 10px solid #fff;*/
                            border-top: 1px solid #fff;
                            margin-top: -1px;
                            
                        }
                                #contacts address {
                                    display: block;
                                    padding-bottom: 10px;
                                }
        
                #middle {
                    background: #f8f9f4;
                    position: relative;
                    width: 457px;
                }
				.frontpage #middle { background:#e8f7fe; }
                * html #middle { overflow:hidden; }
                #siteBody.frontpage #middle { margin-bottom:30px; } /*70px*/
                #middle.wide {
                    width: 665px;
                    padding-left: 12px;
                }
                #middle.widest {
                    width:887px;
                    padding-left: 12px;
                    /*background:#fff;*/
                }
                * html #siteBody .widest { width:887px !important; padding-left:12px !important; /*background:#fff !important;*/ }
                
				#middle-bottom { position:absolute; left:226px; bottom:10px; width:441px; margin:0; padding:0 8px; }
            
                .editMode #middle {
                    margin-right: -15px;
                }
                        #middle > div {
                            padding: 0 8px 0px 8px;
                        }
                        * html #middle div {
                            padding: 0 8px 0px 8px;
                        }
						#middle .inner { padding:0 8px 0 18px; }
						
                        #middle.widest div { padding:0; }
                        * html #middle.widest div { display:inline; }
                        * html #middle div div {
                            padding: 0;
                        }
                    
                        #middle div img {
                            /*display: block;*/
                            vertical-align: bottom;
                        }
                    
                        #breadcrumb {
                            margin-top: 8px;
                        }
                        #breadcrumb, 
                        #breadcrumb a {
                            color: #666;
                            font: 11px Arial, sans-serif;
                        }
                        #breadcrumb a:hover { 
                        }
                        #breadcrumb a.active { 
                            font-weight: bold;
                            text-decoration: none;
                        }
                    
                        #middle h2 {
                            margin-top: 17px;
                        }
                    
                        #middle ul, 
                        #middle ol, 
                        #middle dl {
                            margin-left: 25px;
                            padding-left:0;
                        }
                    
                        #middle form {
                        }
                                #middle form label {
                                    clear: left;
                                    display: block;
                                    float: left;
                                    font-weight: bold;
                                    height: 20px;
                                    padding-top: 5px;
                                    width: 75px;
                                }
                                        /* Hackkkkk */
                                        #middle form label.wideLabel {
                                            width: 100%;
                                        }
                            
                                #middle form .fld {                    
                                    display: block;
                                    float: left;                    
                                    height: 20px;
                                    margin-top: 5px;
                                    width: 220px;
                                }
                            
                                #middle form .sbm {
                                    background-color: #00adef;
                                    border: none;
                                    clear: left;
                                    color: #fff;
                                    display: block;
                                    float: left;
                                    font-weight: bold;
                                    height: 21px;
                                    margin-top: 14px;
                                    margin-left: 74px;
                                    width: 75px;
                                }
                            
                                #middle form .textInputTd label, 
                                #middle form .textInputTd .fld {
                                    clear: none;
                                    float: none;
                                    height: auto;
                                }
                
                    #portalNavi {
                        clear: both;
                    }
                            #portalNavi .naviBox {
                                background: #0098db;
                                color: #fff;
                                float: left;
                                height: 133px;
                                margin-bottom: 6px;
                                margin-right: 6px;                    
                                width: 148px;
                            }
                                    #portalNavi .naviBox h3,
                                    #portalNavi .naviBox p {
                                        color: #fff;
                                        margin: 3px 8px;
                                    }
                                    #portalNavi .naviBox a {
                                        color: #fff;
										text-decoration:none;
                                    }
									#portalNavi .naviBox a:hover {
										text-decoration:underline;
									}
                                    #portalNavi .readMore {
                                        background: none;
                                        padding: 0;
                                    }
        
                #right {             
                    margin-left: 6px;
                    width: 215px;
                }
                
                        #right > div {
                            margin-bottom: 0;
                            /*min-height: 137px;*/
                            padding: 0 5px 5px 10px;
							/*padding: 0 5px 5px 20px;*/
                        }
                    
                        * html #right div {
                            /*height: 137px;*/
                            margin-bottom: 0;
                            padding: 0 5px 5px 10px;
                        }
                        * html #right div div {
                            padding: 0;
                        }
						
						#right #right-top {
							padding: 0 0 5px 0;
							min-height:0px;
						}
						* html #right #right-top {
							height:0px;
						}
						
                        div#right-banners { overflow:hidden; margin:0 !important; /*padding:0 !important;*/ padding:0 !important; height:auto !important; }
						.frontpage div#right-banners { padding:10px 5px 5px 12px !important; }
						
						#right h3 { margin-bottom:5px; }
                    
                        #right .downloadToplist {
                            /* nomore needed
                            background-color: #00adef;
                            border-top: 1px solid #00adef;
                            color: #fff;
                            */
                        }
                        .extranet #right .downloadToplist {
                            /* nomore needed
                            background-color: #006b50;
                            border-top: 1px solid #006b50;
                            */
                        }
                                #right .downloadToplist h2,
                                #right .downloadToplist a {
                                    color: #fff;
                                }
                                #right .downloadToplist ul {
                                    margin-left: 0;
                                    padding-left: 0px;
                                    list-style-type: none;
                                }
                                        #right .downloadToplist ul li {
                                            background: url(/stc/pics/bullet_white.jpg) scroll no-repeat left center;
                                            margin-top:9px;
                                            padding-left: 13px;
                                        }
            
            #footer {
					display:block;
					width:913px;
					margin:-11px auto 0 auto;
					padding-bottom:10px;
					text-align:left;
					color:#616161;
            }
			#footer a { color:#616161; }
				
			#footerBanners { display:block; }
			#footerData {
					margin-top:8px;
			}
            
                #navigoCMS {
                    bottom: -20px;
                    color: #c7c9c8;
                    font: 10px Verdana, sans-serif;      
                    height: 18px; 
                    position: absolute ;
                    right: 0;            
                    width: 170px;
                }        
                    #navigoCMS p {
                        padding: 0 0 5px 0;
                    }
                    #navigoCMS strong {
                        color: #c7c9c8;
                    }
                    #navigoCMS a {
                        background: url(/stc/pics/logo_navigo.gif) scroll no-repeat left center;
                        color: #c7c9c8; 
                        text-decoration: none;
                        padding-left: 22px; 
                    }
                    #navigoCMS acronym {
                        border: none;
                        text-decoration: none;
                    }
        
/* Spesiaalit */

/* Etusivn otsikkokuva */
h2#taglineImage {
    background: none scroll no-repeat;
    margin: 0;
    width: 457px;
	border-bottom:5px solid #fff;
}
        #taglineImage span {
            /*display: none;*/
        }
    
    
/* Etusivun vaihtuva nostolista */
#frontpageLift {
    background: #c9e8f5;
    border-bottom: 6px solid #fff;
    margin: 0 -8px 0 -18px;
    position: relative;
}
        #frontpageLift h2 {
            margin: 0;
        }
        #frontpageLift p {
			font-size:13px;
			line-height:1.3em;
			color:#545d61;
            margin: 0;
            margin-top: 8px;
        }
		
		#frontpageLift .readMore { padding:0; background:none; color:#545d61; }
        #frontpageLift ul {
            background: #f3f3f3 url(/stc/pics/bg_proconser.jpg) scroll repeat-y;
            /*height: 100%;*/
            list-style: none;        
            margin: 0;
            padding: 0;
            width: 50%;
        }
        * html #frontpageLift ul {
            width: 198px;
        }

                #frontpageLift ul li {
                    /*background: #e9f0f3;*/
                    color: #6694ba;
                    display: inline;
                    height: 27px;
                    margin: 0;
                    padding: 0;
                }
                        #frontpageLift ul li h2 a {
                            color: #00549f;
                            display: block;
                            height: 22px;
                            margin-right: 29px;
                            padding: 9px 0 2px 15px;
                            text-decoration: none;
							border-top:2px solid #c9e8f5;
                        }
                        * html #frontpageLift ul li h2 a {
                            margin-right: 0;
                            width: 183px;
                        }
						#frontpageLift ul li.first h2 a { border:0; }
                    
                        #frontpageLift ul li h2 a:hover {
                            background: #c9e8f5 url(/stc/pics/bg_fpl_arrow.gif) scroll no-repeat right center;
                        }
                        #frontpageLift ul li h2 a.active {
                            background: #c9e8f5 url(/stc/pics/bg_fpl_arrow.gif) scroll no-repeat right center;
                        }
                    
                        #frontpageLift ul li ul {    
                            background: #c9e8f5;
                            display: block;
                            height: 100%;
                            margin: 0;
                            padding: 0;
                        }
        
                                #frontpageLift ul li ul li {    
                                    background: #c9e8f5;
                                    color: #000;
                                    display: none;
                                    height: 100%;
                                    list-style: none;
                                    padding: 0 15px 0 15px;
                                    position: absolute;
                                    right: 0;
                                    top: 0;
                                    width: 50%;
                                }
                                * html #frontpageLift ul li ul li {
                                    width: 228px;
                                }
                    
                                        #frontpageLift ul li ul li a {
                                            color: #000;                        
                                        }
        /* Ensimm�inen elementti nakyviin */
        #frontpageLift #fplLi0 {
            display: inline;
        }

/* Keissit */
#tblCaseList #sortControls {
    display:none;
}
table.sortable span.sortarrow {
    display: none;
}

table.case {
    margin: 0; 
    padding: 0;
    width: 100%; 
}
        .case td a.readMore {
            display: block;  
            margin-bottom: 18px;
            padding-bottom: 2px;
            padding-top: 2px;
        }
        .case-odd {
            background: #f8f9f5;
        }
        .case-even {
            background: #f0f7f5;
        }
                .case p {
                    margin: 0;
                }
                .case .img {
                    width: 18%;
                }
                .case .description {
                    width: 52%;
                }        
                .case .date {
                    width: 12%;
                    font-weight: bold;
                    text-align: center;
                }
                .case .industry {
                    width: 18%;
                    font-weight: bold;
                    text-align: center;
                }
/* Uutiset */
table.news {    
    margin: 0; 
    padding: 0;
    width: 100%; 
}

        .news td{
            vertical-align: top;
        }
                .news-odd {
                    background: #f8f9f5;
                }
                .news-even {
                    background: #f0f7f5;
                }
                        .news p {
                            margin: 0;
                        }
                        .news .img {
                            width: 18%;
                        }
                        .news .description {
                            width: 52%;
                        }        
                        .news .date {
                            width: 12%;
                            font-weight: bold;
                            text-align: center;
                        }
                        .news .industry {
                            width: 18%;
                            font-weight: bold;
                            text-align: center;
                        }


/* Ekspertit puhuu */
.specialist {
	/*
    height: 217px;
    margin: -1px 0 0 0;
    background: #fff;*/
}
.specialist {
    border-bottom: 6px solid #fff;
    border-top: 1px solid #fff;
    height: 217px;
    margin: -1px 0 0 0;
    background: #fff;
}

* html .specialist {
    height: 217px!important;
}
		#jari-angesleva-blue h2 { width:100px; margin-bottom:10px; }
		.editMode #jari-angesleva-blue h2 { width:auto; }
        .specialist p {
            display: block;
            font-style: normal;
        }
		
        .specialist a {
        }
        #atso-vainio {
            background: #fff url(/stc/pics/specialist/atso_vainio.jpg) no-repeat right bottom;
        }
        #jari-angesleva {
            background: #fff url(/stc/pics/specialist/jari_angesleva.jpg) no-repeat right bottom;
        }
		#jari-angesleva-blue {
            background: #e8f7fe url(/stc/pics/specialist/jari_angesleva_blue.jpg) no-repeat right bottom;
			border:0;
			margin:0;
			padding:0 5px 5px 12px !important;
			height:auto !important;
        }
		
		
        #jarmo-lindell {
            background: #fff url(/stc/pics/specialist/jarmo_lindell.jpg) no-repeat right bottom;
        }
        #johanna-kumpulainen {
            background: #fff url(/stc/pics/specialist/johanna_kumpulainen.jpg) no-repeat 40px bottom;
        }
        #kaija-laitinen {
            background: #fff url(/stc/pics/specialist/kaija_laitinen.jpg) no-repeat right bottom;
        }
        #lotta-eiroma {
            background: #fff url(/stc/pics/specialist/lotta_eiroma.jpg) no-repeat right bottom;
        }
        #mari-kankaanranta {
            background: #fff url(/stc/pics/specialist/mari_kankaanranta.jpg) no-repeat right bottom;
        }    
        #maria-arruda {
            background: #fff url(/stc/pics/specialist/maria_arruda.jpg) no-repeat right bottom;
        }
        #oili-liukkonen {
            background: #fff url(/stc/pics/specialist/oili_liukkonen.jpg) no-repeat right bottom;
        }
        #pentti-pitkanen {
            background: #fff url(/stc/pics/specialist/pentti-pitkanen.jpg) no-repeat right bottom;
        }
        #rebecka-uosukainen {
            background: #fff url(/stc/pics/specialist/rebecka_uosukainen.jpg) no-repeat right bottom;
        }
        #sakari-penttila {
            background: #fff url(/stc/pics/specialist/sakari_penttila.jpg) no-repeat right bottom;
        }
        #tuija-tommila {
            background: #fff url(/stc/pics/specialist/tuija_tommila.jpg) no-repeat right bottom;
        }
        #tuomo-airaksinen {
            background: #fff url(/stc/pics/specialist/tuomo_airaksinen.jpg) no-repeat right bottom;
        }
        #kati-lindgren {
            background: #fff url(/stc/pics/specialist/kati_lindgren.jpg) no-repeat right bottom;
        }
        #kim-kackur {
            background: #fff url(/stc/pics/specialist/kim_kackur.jpg) no-repeat right bottom;
        }
        #minna-hakaoja {
            background: #fff url(/stc/pics/specialist/minna_hakaoja.jpg) no-repeat right bottom;
        }
        #pauliina-nikko-takala {
            background: #fff url(/stc/pics/specialist/pauliina_nikko-takala.jpg) no-repeat right bottom;
        }


/* Liite ja sen ikoni */
	div.navigo-attachment {
	    background: url(/stc/img/icon_pdf.gif) no-repeat scroll left top;
	    padding-left: 26px;
	}

	* html .navigo-attachment {
	    height: 5px!important;
	    margin: 0;
	    padding: 0 0 0 26px;
	}

        .navigo-attachment a img {
            display: inline!important;
            margin-right: 5px;
            vertical-align: middle;
        }
    

/* Related documents */
	.relatedDocs {
	    background: #d7eefa;
	    clear: both;
	    color: #525252;
	    float: right;
	    margin: 5px 25px;
	    width: 210px;
	    padding: 10px;
	}

        .relatedDocs h3 {
            color: #525252;
            font-weight: bold;
        }
        
        .relatedDocs .navigo-attachment,
        #allAttachmentsList .navigo-attachment {
            margin-top: 10px;
        }


div.relatedDocs { 
    margin-right: 20px;
    padding: 10px; 
}
        * html div.relatedDocs a { 
            padding-left: 26px; 
        }
        * html div.relatedDocs p a {
            padding-left: 0;
        }
        * html div.relatedDocs div { 
            padding: 10px; 
        }
        * html div.relatedDocs {
            margin-left: 10px; 
            margin-right: 10px; 
            padding-left: 0; 
        }

    


/* siteMap */
.siteMapFolderLevel1,
.siteMapFolderLevel1 a {
    color: #336699;
}

/* Kahden palstan elementti */
.columnContainer { 
    width:100% ; 
}
        * html .columnContainer .columns { 
            width: 44%; 
        }
        .columnContainer .columns { 
            margin-right:2% ; 
            width:47% ; 
        } 

        .columnContent { 
            width:auto ; 
        }


#middle.wide .columnContainer { 
    width: 649px;
}
#middle.wide .columnContainer .columns.twoLeft {
    margin:0; 
    padding: 0 4px 0 0;
    width: 320px; 
}
#middle.wide .columnContainer .columns.twoRight {
    margin:0; 
    padding: 0 0 0 5px;
    width: 320px; 
}

/* Taulukkotyylit */
#siteBody table {
    border-collapse: collapse;
}
#siteBody table td {
    padding: 0.3em;
    vertical-align: top; 
}

.u4-table-default, 
.u4-table-visible-borders, 
.u4-table-stripe {
    margin:0 0 10px 0
}
.u4-table-visible-borders td, 
.u4-table-complete td {
    border-top:1px solid #286199 ; 
    background: #fff; 
}
td.u4-table-complete-header,
td.u4-table-visible-borders-header {
    border-top: none;
}

.u4-table-stripe-header, 
.u4-table-stripe-odd, 
.u4-table-complete-header2, 
.u4-table-complete-even {
    background:#d7eefa;
}
.u4-table-stripe-header2, 
.u4-table-stripe-even, 
.u4-table-complete-odd {
    background:#fff;
}
.u4-table-complete-header td {
    background:#d7eefa; 
    color: #000; 
    font-weight: bold;
}


/* admin-hack */
table.u4-em-ie td {
    padding: 2px;
    line-height: 1;
}


/* Newslist */
p.newsList { padding-top:6px; }
p.newsList a { color:#000; text-decoration: none; }
p.newsList a:hover { text-decoration:underline; }
p.newsList .ingress { font-weight:normal; font-style:italic; }

#emailFormTitle {
    font-weight: bold;
    margin-top: 4px;
}

div.selectInputTd label { 
    float: clear !important;
    display: inline !important;
    width: 150px !important;
}

div.selectInputTd div label {
    float: none !important;
    clear: both;
}

/* */

/* Middle column login form */

#middle .middleLoginForm { width:70%; padding:22px 20px; border:1px solid silver; background:#fff; }
#middle .middleLoginForm .navigo-login-form h3 { margin-bottom:1.2em; }
#middle .middleLoginForm .navigo-login-form .naviList { margin:10px 0; }
#middle .middleLoginForm .navigo-login-form .sbm { background-color:none; border: none; clear: none; color: #fff; display: inline; float: none; font-weight: normal; margin:0; width: 22px; height:16px; }

#site img.navigo-attachment-icon { display: none !important; }
div.navigo-attachment { padding-top: 3px; padding-bottom: 3px;}


/* Box links */
/*#right .boxLinks { height:auto !important; min-height:0 !important; background:#004C8C url(/stc/img/bg_boxLinks.gif) bottom left no-repeat; padding:0 5px 0 0px; }
#right .boxLinks p { margin:0; }
#right .boxLinks a { display:block; margin:0; padding:6px 0 6px 6px; border-bottom:1px solid #fff; color:#fff; text-decoration:none; }
#right .boxLinks a:hover { color:#8FCAE7; }*/

.boxLinks { width:100%; padding:0; background:#bed4e2; border-top:2px solid #fff; }
.boxLinks p { margin:0; }
.boxLinks a { display:block; margin:0; padding:7px 0 6px 12px; border-bottom:2px solid #fff; color:#00549f; text-decoration:none; }
.boxLinks a:hover { background:#86d0fb; }


/* Events */
.event { margin-top:20px; }
.event span { float:left; width:500px; margin-bottom:6px; }
.event .info { width:90px; font-weight:bold; }
.event .data { margin-left:90px; }
.editMode .event .data { margin-left:0; }
.event .helpText { width:250px; color:green; }
.event .content { margin-top:10px; }
.event .hidden { display:none; }

.eventList .eventTop { margin-bottom:3px; font-weight:bold; }
.eventList .eventTop span { display:inline; }
.eventList .eventTop .date { margin-right:8px; }
.eventList .eventContent { margin-bottom:15px; }
.eventList a { color:#000; text-decoration:none; }
.eventList a:hover { text-decoration:underline; }

.eventItem { margin-bottom:1em; padding-top:6px; font-weight:normal; }



#tblCaseList a {text-decoration:none;}
#tblCaseList a:hover {text-decoration:underline;}

/* CRM INTEGRATION */

#middle .crm form label {
	width: 175px;
}

#banner { display:none; height:50px; background:url(img/banner/banner-bg.gif) 0 0 repeat-x; }
#banner .left { width:1000px; height:50px; margin:0 auto; background:url(img/banner/banner-left.gif) 0 0 no-repeat; }
#banner .right { position:relative; height:50px; background:url(img/banner/banner-right.gif) right top no-repeat; }
#banner a { display:block; position:absolute; top:0; right:0; z-index:10; height:50px; width:310px; text-decoration:none; outline:none; }
#banner .blink { display:none; position:absolute; top:0; right:0; height:50px; width:19px; background:url(img/banner/blink.gif) right top no-repeat; }
#banner a span { display:none; }