﻿body, h1, h2, h3, h4 
{
    margin: 0;
    padding: 0;
    border: none;
    background-color: White; /* oli Gray */
    font-family:Verdana,tahoma,helvetica;font-size:9pt;
    color:#404040;
}
h1, h2, h3, h4
{
    padding-top: 2px;
    padding-bottom: 2px;
    color:#808080;
}
body
{
	margin: 0 auto 0 auto;
}
table, tr, td, div, p   /*, ul, li */
{
    margin: 0;
    padding: 0;
    border: none;
}
p 
{ 
	line-height:1.3em;
	padding-top:3px;
	padding-bottom:3px;
}
.title_xsmall
{
    font-size:xx-small; 
}
.title_small
{
    font-size:small; 
}
p.title_medium
{
    font-size:medium; 
}
.title_medium
{
    font-size:medium; 
}
.title_x-large
{
    font-size:x-large; 
}
.font
{
    font-family:Verdana,tahoma,helvetica;font-size:9pt;
}
a
{
    text-decoration: none;
}
a:link
{
    
}
a:visited
{
}
a:hover
{
    text-decoration: underline;
}

div.top_bar
{
    float: none;
    margin: 0 auto 0 auto;
    margin-top:2px;
    width:100%;
    height:22px;
}
div.map_path
{ 
    float:right;
    padding-right: 5px;
}
div.menu_bar
{
    float: none;
    width:100%;
    height:40px;
    /* background:url(Images/blue_line2.jpg) repeat-x bottom; */
    background:url(Images/blue_bar.jpg) repeat-x bottom;
    font-family:Verdana,tahoma,helvetica;font-size:9pt;
}
.logo
{
	float: left;
	height:32px;
	clear:both;
}
.logo_image
{
	margin-left:20px;
	margin-top:4px;
}
div.company 
{
	float: left;
	background-color: Transparent;
	margin-left:10px;
	margin-top:11px;
}
.company_name
{
	font-size:12pt;
	color:White;
}
div.menu_bar_center
{
	float: left;
	background-color: Transparent;
	margin-left:20px;
	margin-top:11px;
}
.toolbar /* liukuvärjäys */
{
     font-size: 13px;
     font-family: Verdana;
     padding: 6px;
     filter:progid:DXImageTransform.Microsoft.Gradient
        (gradientType=0,startColorStr=#ffffff,endColorStr=lightblue);
}

.staticMenuItem
{
    margin: 5px;
    /* border:solid 1px #FFF; */
}
.selectedStyle
{ 
    font-weight:bold;
    color:#ffffff;
    text-decoration: none;
}
.hoverStyle
{
    color:#ffffff;
}
.dynhoverStyle
{
    color:#303030;
}
.dynamicMenuStyle
{ 
    
}
div.menu_bar_right
{
   float: right;
   background-color: Transparent;
   margin-right:5px;
   margin-top:12px;
}
div.sub_menu
{
    clear: both;
    float: inherit;
    background-color: #E9E9E9;
    height: 20px;
}
/* sivuvalikko */
div.SubMenu
{
    background-color: #E9E9E9;
}
.staticSubMenuItem
{
    margin: 5px;
    background-color: #E9E9E9;
    /* border:solid 1px #FFF; */
}
div.left
{
    float:left;
}
div.right
{
    padding-top:2px;
    float:right;
}
div.main
{   
    clear:both;
    float:none;
    margin: 0 auto 0 auto;
    width:950px;
    height:540px;
}
div.main_content
{
    padding:5px;
}
.footer
{
	clear: both;
    padding-top: 5px;
    margin: 0 auto 0 auto;
	color: #444;
	background-color:White;
	font-family: Verdana,tahoma,helvetica;
	font-size: 6pt;
	letter-spacing: 0.1em;
}
.calendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #FFFFCC;
    color: Red;
} 
table.center
{clear: both; float: none; margin: 0 auto 0 auto;}
.hover:hover
{ text-decoration: underline; }
/* */
td.left
{ width: 237px; height:530px; vertical-align:top; padding-left:2px;}
td.left_2
{ width: 600px; height:530px; vertical-align:top; padding:3px;}
td.xd_left_2
{ width: 600px; height:550px; vertical-align:top; padding:0px;}
td.midup
{width: 507px; vertical-align:top; padding-left:5px;}
td.mid
{width: 490px; vertical-align:top; padding:1px;}
td.middown
{width: 490px; vertical-align:top; padding:3px;}
td.right
{width: 197px; vertical-align:top; padding:0px;}
td.right_2
{width: 350px; vertical-align:top; padding:3px;}
td.xd_right_2
{width: 350px; vertical-align:top; padding-left:3px;}
div.border
{padding:5px; color:Silver;}
table.center
{clear: both; float: none; margin: 0 auto 0 auto;}
.SelectedItem { background-color:#eeeeee; } /* vaal.kelt. #ECE9D8 */
.infotext
{
    color: #808080;
    font-size: x-small;
}
.titles
{
    border-width: thin;
    border-color: #FFFFFF;
    color: #808080;
    background-color:#eeeeee;
    border-left-style: solid;
    padding-left:3px;
    padding-bottom:2px;
}
.modalBackground 
{  background-color:#eeeeee;  filter:alpha(opacity=70);  opacity:0.7;}
.panelImage
{ background-color: #cccccc;}
.thumbnail
{ 
    margin:1px;
    padding:1px;
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC #808080 #808080 #CCCCCC;
    height:100%;
}
div.cremod
{ margin-bottom:5px; vertical-align:bottom; font-size:0.8em; width:600px;}
div.cre_mod
{font-size:x-small; color:#808080;}
.ddlselect
{
    background-color: #FFFFCC;
}
div.imageDescription
{ background-color:Transparent; padding:2px; max-width:200px; }
.controltext
{ font-size:9pt; font-family:Verdana,tahoma,helvetica;}
.yritysnimi
{
    font-size:medium;
    font-weight:bold;
    color:#6089B7;
    margin-left:20px;
    margin-top:0px;
    width:350px;
    /* background-image:url(images/button_250_28.gif); */
}
.side_button
{
    height:40px;
    width:220px;
    background: url(images/buttons/btn_blue_220.gif) no-repeat;
    vertical-align:middle;
    padding-bottom:2px;
}
.side_button:hover
{
    height:40px;
    width:220px;
    background: url(images/buttons/btn_blue_220_h.gif) no-repeat;
    vertical-align:middle;
    padding-bottom:2px;
}
.side_button_a
{
    height:40px;
    width:220px;
    font-weight:bold;
    color:White;
}
td.main
{width: 940px; vertical-align:top; padding-left:5px;}
div.desc
{
    background-color: #DDD;
    padding-left:20px;
}
.kalustolist
{
    border-color:#909090;
    border-width:1px;
    border-style:solid;
    padding:2px;    
}
.CustomTabStyle .ajax__tab_tab {
    font-family:verdana,tahoma,helvetica;
    font-size:9pt;
}
.filter_alusta
{
    background-color:#ECE9D8;   /* vaalean kelt. */

    padding-left:3px;
    border-width:thin;
    border-color:#FFFFFF;   
}

.CurrentPageLabel
{
    background-color:#EEEEEE;    
}

.XdCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #FFFFCC;
    color: Red;
} 
.XdCalendar .ajax__calendar_other .ajax__calendar_day,
.XdCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: Gray;
}
.XdCalendar .ajax__calendar_hover .ajax__calendar_day,
.XdCalendar .ajax__calendar_hover .ajax__calendar_month,
.XdCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: Black;
}
.XdCalendar .ajax__calendar_active .ajax__calendar_day,
.XdCalendar .ajax__calendar_active .ajax__calendar_month,
.XdCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: Black;
    font-weight:bold;
} 
.XdCalendar .ajax__calendar_today
{
    border: 1px solid #808080;
}
.progress
{
    margin-top:200px;
}
.imagebutton
{
    border-style: solid;
    border-color: #CCCCCC #808080 #808080 #CCCCCC;
}
.imagebutton:hover
{
    background-color: #E6E6E6;
    border-color: #808080 #CCCCCC #CCCCCC #808080;
}
.imageBorder
{
    border-style: solid;
    border-width: medium;
    border-color: #DFDFDF #C0C0C0 #C0C0C0 #DDDDDD;
}
#ButtonIntroEd #ButtonTextEd
{
    padding:3px;    
}
.thumbnail
{ 
    margin:1 1 1 1;
    padding:2px;
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC #606060 #606060 #CCCCCC;
}
div.leftPopup
{
    float:left; margin:5 5 0 5;
}
div.rightPopup
{
    float:right; margin:5 5 0 0;
}

.side_button
{
    height:40px;
    width:220px;
    background: url(Images/buttons/btn_blue_220.gif) no-repeat;
    vertical-align:middle;
    padding-bottom:2px;
}
.side_button:hover
{
    height:40px;
    width:220px;
    background: url(Images/buttons/btn_blue_220_h.gif) no-repeat;
    vertical-align:middle;
    padding-bottom:2px;
}
.side_button_a
{
    height:40px;
    width:220px;
    font-weight:bold;
    color:White;
}
div.map
{
    position:relative;
    width:99%;
    height:545px;
    border:#FFE225 2px solid;
}
