﻿	.Header
	{
		font-size:12px;
	}
	
	.Header .Navigation
	{
		margin-top:15px;
	}
	
	.Header2 .Navigation
	{
		margin-right:15px;
	}
	
	.Footer .Text
	{
		clear:both;
		margin:0;
		padding:0;
	}
	
	.Footer .Text .Body p
	{
		margin:0;
		padding:10px;
	}

/*  [header_mod]  */
    .Document h1,
    .Document h2,
    .Document h3,
    .Document h4
    {
        margin-bottom: 0px;
    }

    .Document p
    {
        margin-top: 0px;
        padding-top: 0px;
    }
    .Normal-Layout-0 .Document .Default .Body h2
    {
       padding-bottom: 10px !important;
    }
/*  [/header_mod]  */    

/*  [2010 frontpage mod deleted body.fi-FI from the front]  */
    .frontpage #Cell_Background
    {
        background: url('/Layout/Default/Image/bg_leaf_left.jpg') no-repeat bottom right;
    }
    .frontpage #Cell_Logo
    {
        background: url('/Layout/Default/Image/bg_leaf_right.jpg') no-repeat 0 73px;
    }
    
    .frontpage #Cell_Extra .logo
    {
    	margin-bottom:65px;
    	*margin-bottom:57px; /* IE 7 fix */
    }
        
    /*  [announcement]  */

        #Layout .frontpage .Body .AnnouncementGroup
        {
            padding-bottom: 10px;
        } 
        #Layout .frontpage .AnnouncementGroup .Separator
        {
            display: none;
        }  
        #Layout .frontpage .AnnouncementGroup .Auxiliary
        {
            background: none;
        }   

		#Layout .frontpage .Announcement li.Date {
		background:none repeat scroll 0 0 transparent;
		color:#999999;

		font-weight:normal;
		padding-left:0;
		}

		#Layout .frontpage .Announcement li.Item {
		font-weight:normal;
		padding-left:0;
		}

           
    /*  [/announcement]  */
    
    /*  [ImageCarousel]  */
        #Layout .frontpage .Main .File .ImageCarousel .Image
        {
            border: none;
            margin:0;
        	padding:0;
        	height:225px;
        } 
    /*  [/ImageCarousel]  */
    
    /*  [Text]  */
        .frontpage .Extra .Text 
        {
            background: none;
            color: #000;
            font-weight: normal;
            padding-right: 15px;
        }

        .frontpage .Extra .Text .Title h1
        {
            color: #000;
            font-size: 16px;
            font-weight:normal;
            text-transform: none;
            margin:0;
            padding:0;
        }

        .frontpage .Main .Text
        {
            padding-right: 25px;
            font-size:12px;
            line-height:15px;
        }        
        .frontpage #Cell_Extra .Text
        {
            color:#000000;
            font-weight:normal;
            padding-left:30px;
        }
        
        .frontpage #Cell_Extra2 .Text .Body
        {
            background: url('/Layout/Default/Image/arrow_grey.gif') no-repeat 95% 0;
            padding:0px 25px 10px 0;  
            min-height:65px; 
            text-align:center;       
        }
        .frontpage #Cell_Extra2 .Text .Body h3,
        .frontpage #Cell_Extra2 .Text .Body h4,
        .frontpage #Cell_Extra2 .Text .Body a
        {
            color: #000;
        }
        .frontpage #Cell_Extra2 .Text .Body h3
        {
            font-size: 14px;  
			margin:0 0 5px 0;
            padding:0;          
        }
        .frontpage #Cell_Extra2 .Text .Body h4
        {
            margin: 0;
            padding: 0;
        }

        #Layout .frontpage .Extra2 .Text
        {
            padding: 0px 25px 0px 15px;
            margin-bottom: 16px;
            font-weight:normal;
        }

        #Layout .frontpage .Extra2 .Text h2,
        #Layout .frontpage .Extra2 .Text h3,
        #Layout .frontpage .Extra2 .Text h4
        {
            font-weight:normal;
        }
        
        #Layout .frontpage #Cell_Content .Main .Text .Title h1
        {
            color: #000;
            font-size: 16px;
            border-top:solid 1px #fff;
            font-weight:normal;
        }   
		
		#Layout .frontpage .contact
        {
        	background-color:#f0f0f0;
        	background-image:none;
        	margin-bottom:0;
        	margin-left:30px !important;
        	padding-bottom:0;
        	padding-left:10px;
        	height: 79px;
        	width:160px !important;
        }  
        
        #Layout div.frontpage div.contact,
        #Layout div.frontpage div.User
        {
        	margin-bottom:0 !important;
        } 
        
        #Layout .frontpage .contact h1
        {
        	text-transform:uppercase;
        	font-size:11px;
        	padding:0;
        	margin:0;
        }
        
        #Layout .frontpage .contact a
        {
        	color:#f10043;
        }
        
        #Layout .frontpage .contact .Number
        {
        	color:#000;
        	font-size:15px;
        }
        
        .EpalveluLogon 
        {
        	padding: 0 15px 68px 30px;
        	float: left;
        	width: 185px;
        }

        .EpalveluLogon .LogonTitle H1
        {
        	color: #676767;
        	font-size: 15px;
        	font-weight: 500;
        	margin-top: 0px;
        	margin-bottom: 15px;
        }
        .EpalveluLogon .epalveluLoginFieldTitle
        {
        	float: left;
        	width: 69px;
        	height: 28px;
        	vertical-align: bottom;
		}          
		.EpalveluLogon .epalveluLoginFieldTitle p
		{
			margin-top: 3px;
			margin-bottom: 0px;
		}
		.EpalveluLogon .epalveluLoginFieldValue
		{
        	float: left;
        	width: 110px;
        	height: 28px;
		}
		.EpalveluLogon .epalveluLoginFieldValue input
		{
        	width: 110px;
        	height: 18px;
        	float: left;
        	border: 1px solid #9A9A9A;
        	background-repeat: repeat-x;
        	background-image: url(/Layout/Default/Image/textbox_bg.gif);
		}
		.EpalveluLogon .submitButton
		{
			float: left;
			height: 28px;
			width: 185px;
			margin-top: 5px;
		}
		.EpalveluLogon .submitButton span
		{
			float: right;
			text-align: right;
		}
		.EpalveluLogon .links
		{
			text-align: right;
			margin-top: 5px;
			margin-bottom: 5px;			
		}
		.EpalveluLogon .links .link
		{
			margin-bottom: 7px;
		}
		.EpalveluLogon .links .link a
		{
			color: #D70E18;
		}

		.Subsidiary .EpalveluLogon 
        {
        	padding:0;
        	float:right;
        	width:215px;
        	background-color:#fff;
        }
        
        .Subsidiary .EpalveluLogon .epalveluLoginFieldTitle
        {
        	width:85px;
		}          

		.Subsidiary .EpalveluLogon .epalveluLoginFieldValue,
		.Subsidiary .EpalveluLogon .epalveluLoginFieldValue input
		{
        	width: 125px;
		}

		.Subsidiary .EpalveluLogon .submitButton
		{
			width:215px;
		}

		.horline
		{
			width: 100%;
			height: 13px;
		}
    /*  [/Text]  */  
    
    /*  [Buttons]  */  
.btnWrapper{ display: block; width:100px; height: 23px; }

.btnWrapper.hidden{ display: none; }
	.btnWrapper span{ float: left; height: 22px; overflow: hidden; background: transparent url(/Layout/Default/Image/buttons/bgBtnDefaultLeft.gif) no-repeat left top; }
	.btnWrapper span span{ background: transparent url(/Layout/Default/Image/buttons/bgBtnDefaultRight.gif) no-repeat right top; }
	.btnWrapper input, .btnWrapper a{ float: left; width: auto; height: auto; margin: 0; border: 0; padding: 3px 10px 10px 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 1.4; text-decoration: none !important; color: #e32430; background-color: transparent; outline: 0; cursor: pointer; }
	.btnWrapper a span{ float: none; height: auto; overflow: auto; background: none; }
	.btnLeftArrow input, .btnLeftArrow a{ padding-right: 10px; padding-left: 25px; background: transparent url(/Layout/Default/Image/buttons/bgBtnDefaultArrowLeft.gif) no-repeat 10px 5px; }
	.btnLeftArrowNarrow input, .btnLeftArrowNarrow a{ padding-right: 20px; padding-left: 5px; background: transparent url(/Layout/Default/Image/buttons/bgBtnDefaultArrowLeft.gif) no-repeat 10px 5px; }
	.btnRightArrowNarrow input, .btnRightArrowNarrow a{ padding-right: 25px; padding-left: 0px; background: transparent url(/Layout/Default/Image/buttons/bgBtnDefaultArrowRight.gif) no-repeat right 5px; }
	.btnRightArrow input, .btnRightArrow a,
	.btnRightArrowUp input, .btnRightArrowUp a,
	.btnRightArrowDown input, .btnRightArrowDown a{ padding-right: 25px; padding-left: 10px; background: transparent url(/Layout/Default/Image/buttons/bgBtnDefaultArrowRight.gif) no-repeat right 5px; }
	.btnRightArrowUp input, .btnRightArrowUp a{ background-image: url(/Layout/Default/Image/buttons/bgBtnDefaultArrowUp.gif); }
	.btnRightArrowDown input, .btnRightArrowDown a{ background-image: url(/Layout/Default/Image/buttons/bgBtnDefaultArrowDown.gif); }
	.btnRed span{ background-image: url(/Layout/Default/Image/buttons/bgBtnRedLeft.gif); }
	.btnRed span span{ background-image: url(/Layout/Default/Image/buttons/bgBtnRedRight.gif); }
	.btnRed input, .btnRed a{ color: #fff !important; }
	.btnRedLeftArrow input, .btnRedLeftArrow a{ padding-right: 10px; padding-left: 25px; background: transparent url(/Layout/Default/Image/buttons/bgBtnRedArrowLeft.gif) no-repeat 10px 5px; }
	.btnRedRightArrow input, .btnRedRightArrow a, 
	.btnRedRightArrowUp input, .btnRedRightArrowUp a,
	.btnRedRightArrowDown input, .btnRedRightArrowDown a{ padding-right: 27px; padding-left: 10px; background: transparent url(/Layout/Default/Image/buttons/bgBtnRedArrowRight_12px.gif) no-repeat right 6px; }
	.btnRedRightArrowUp input, .btnRedRightArrowUp a{ background-image: url(/Layout/Default/Image/buttons/bgBtnRedArrowUp.gif); }
	.btnRedRightArrowDown input, .btnRedRightArrowDown a{ background-image: url(/Layout/Default/Image/buttons/bgBtnRedArrowDown.gif); }
.btnWrapper br, .btnWrapperDisabled br { clear: both; width: 100%; height: 0; overflow: hidden; }
.btnRed input, .btnRed a{ color: #fff !important; }
.btnWrapperDisabled { color: #606060 !important; display: block; width: auto; height: 22px; overflow: hidden;}
.btnWrapperDisabled input, .btnWrapperDisabled a{ color: #606060 !important; float: left; width: auto; height: auto; margin: 0; border: 0; padding: 3px 10px 10px 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 1.4; text-decoration: none !important; background-color: transparent; outline: 0; cursor: pointer; }
.btnWrapperDisabled span{ float: left; height: 22px; overflow: hidden; background: transparent url(/Layout/Default/Image/buttons/bgBtnDefaultLeft.gif) no-repeat left top; }
.btnWrapperDisabled span span{ background: transparent url(/Layout/Default/Image/buttons/bgBtnDefaultRight.gif) no-repeat right top; }
    
    /*  [/Buttons]  */  
    
    /*  [User]  */  
        #Layout .frontpage .Extra .User
        {
            height: 138px;
            border-right: 2px solid #fff;
        }
    /*  [/User]  */  
    
    /*  [misc]  */
        #Layout .frontpage #Cell_Content
        {
        	background-color:#fff;
        }                
        #Layout .frontpage #Cell_Logo #Logo
        {
            width: 99px;
        }
        /*  [FooterExtra]  */
        #Layout .frontpage .Footer
        {
        	background-color:#fff;        
        }
            
            #Layout .frontpage .FooterExtra .Text
            {
                text-align: center;   
                color: #999;         
            }
            #Layout .frontpage .FooterExtra .Text a
            {
                color: #999;
            }
        /*  [/FooterExtra]  */                
    /*  [/misc]  */
    
/*  [/2010 fi frontpage mod]  */

/* Tämän dublikaatti toiselle luokalle, poistan käytöstä.
#Layout .frontpage #Cell_Content .Main .Text .Title h1
{
    color: #000;
    font-size: 16px;
    padding-top: 13px;
}
*/

/*  [IE fix]  */
    .Corporate .Body1 #Cell_Main div.ControlHolder .Main
    {
        width: 100%;
    }
    .Corporate .Main .Document .Body img
    {
        border: solid 1px #cecece;
    }
    
    div.TextFlash .Title h1
    {
        color: #000;
        font-size: 16px;
        text-align: center;
        margin: 0;        
        padding: 5px 0;
        /*
        background: #F10043;
        color: #fff;
        */
    }
/*  [/IE fix]  */

/*  [customform]  */
    .customform 
    {
        padding: 0 20px 0 20px;
        width: 500px;
    }
    .customformBasic
    {
        width: 430px;
    }
    .customform .lbl,
    .customformBasic .lbl
    .postalCode .label
    {
        vertical-align: top;
        font-weight: bold;
    }
    .customform field.textarea,
    .customformBasic field.textarea
    {
        height: auto;        
    }
    .customform .field input,
    .customform .field textarea,
    .customformBasic .field input,
    .customformBasic .field textarea
    {
        width: 300px;
    }
    .customform tr td hr,
    .customform tr th,
    .customformBasic tr td hr,
    .customformBasic tr th
    {
        display: none;
    }
    .customform .function,
    .customformBasic .function
    {
        padding: 0 0 0px 15px;
        text-align: right;
    }
    .customform .function input,
    .customformBasic .function input
    {
        background: #fff url(/Layout/Default/Image/formsubmitbg.jpg) no-repeat;
        height: 26px;
        width: 208px;
        text-transform: uppercase;
        text-align: right;
        border: none;
        padding: 0 10px 0 0;
        color: #f10043;
    }
    
    .postalCode 
    {
        width:610px;
    }
    
    .postalCode .title
    {
    	font-weight:bold;
    	font-size:120%;
    	margin-bottom:20px;
    }
    
    .postalCode .inputGroup .field input
    {
    	width:25px;
    }

    .postalCode .label
    {
    	display:block;
    	float:left;
    	width:140px;
    }
    
    .postalCode .input
    {
    	display:block;
    	float:right;
    	width:450px;
    }
    
    .postalCode .inputGroup
    {
    	display:block;
    	float:right;
    	width:450px;
    }
    
    .postalCode .inputGroup .label,
    .postalCode .inputGroup .input
    {
    	border:0;
    	display:inline;
    	float:none;
    	width:auto;
    }
    
    .postalCode .clearFloat
	{
		clear:both;
		font-size:2px;
		line-height:2px;
		height:2px;
	}

/*  [/customform]  */

/* flashvideo */
div.ControlHolder div.Main div.flashvideo
{
	margin:0;
	padding:0;
}

/*
================================================================================
TYÖVAATTEET UUDISTUS 2010
================================================================================
*/
.workwearTool { margin: 10px; padding: 11px 0 0; width: 510px; }
.workwearTool h1 {  margin: .5em 0 0; padding: 12px 0; text-transform: uppercase; }
.workwearTool .content {  min-height: 390px; height: 390px; padding: 1px 30px;position: relative; }
html > body .workwearTool .content { height: auto; }
.workwearTool .bottom {  padding-bottom: 17px; }
.workwearTool .content h1 + p { margin-top: 0; }

.workwearTool table, .workwearTool .select { margin: 1em 0; }

.workwearTool .errorText { color: #F00; display: block; font-weight: bold; margin: 1em 0; }

.workwearTool .buttons { position: absolute; bottom: 0; right: 0; margin: 5px 15px 0; }
* html .workwearTool .buttons { }
.workwearTool .buttons input { background: #cbcbcb url(/Layout/Default/Image/workwear/button-bg.png) repeat-x top; border: 1px solid #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #f10043; font-family: Verdana, Sans-Serif; font-size: 12px; font-weight: bold; height: 22px; line-height: 22px; text-transform: uppercase; }
.workwearTool .buttons input:hover { cursor: pointer; }

/* Contact form */
.workwearTool .form .FormMessage { border: 0; margin: 1em 0; padding: 0; }
.workwearTool .form .field { margin: 1em 0; }
.workwearTool .form .fieldRqrd { font-weight: bold; }
.workwearTool .form .label { display: inline-block; margin: .5em 0; vertical-align: top; width: 125px; }
.workwearTool .form .inputText { width: 300px; }
.workwearTool .form  { padding-bottom: 2em; }

/* customForm alternative */
.alternativeCustomForm td.field .checkBox input
{
	width:25px;
}

/* kaksipalstainen listaussivu */
.columnized
{
	float:left;
	width:46%;
	margin:15px 15px 0 0;
}

.columnized h2
{
	background:transparent url(/Layout/Default/Image/Bullet_grey.gif) no-repeat 0 2px;
	padding-left:15px;
}

.columnized p
{
	margin-left:15px;
}


/* Tommin fiksit */
body .EpalveluLogon {
	padding-bottom:68px;
}
body .sengine {
padding: 20px;
text-align: center;
background-color: rgb(208, 217, 222);
color: #9b9b9c;
}
body .sengine a {
color: #9b9b9c;
}
body #Layout .frontpage .contact {
background-color: #cdd4d5;
margin-top: 170px;
color: #fff;
width: 70%;
margin-left: 15px;
font-size: 90%;
height: auto;
padding-bottom: 5px;
}
body #Layout .frontpage .contact .Number {
color: #fff;
}
body #Layout .frontpage .contact h1 {
margin: 0px;
padding: 0px;
color: #fff;
}



