﻿/* _lcid="1033" _version="12.0.4518"
    _LocalBinding */

html
{
	display: block;
	height:100%;
	font-family:Arial;	
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	color:#345568;
	overflow: -moz-scrollbars-vertical;
	text-align:left;
}

a 
{
	font-family: Arial;  
	font-size: 11px; 
	font-weight:bold;	
	color: #809ca9 ;	
	text-decoration: none;

}

a:link
{
	font-family: Arial;  
	font-size: 11px;
	color: #809ca9 ;	
	text-decoration: none;
}

a:visited
{
	font-family: Arial;  
	font-size: 11px;	
	color: #809ca9 ;	
	text-decoration: none;
}


a:hover
{
	font-family: Arial;  
	font-size: 11px; 	
	color: #809ca9 ;	
	text-decoration: underline;
}

body
{	
	display: block;
	height:100%;
	margin:0px;
	background-color:white;
	text-align:center;	
}

#center
{
	width: 934px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
}

#toparea
{
	width:934px;
	height:80px;
	padding-left:40px;
	text-align:left;
}

#ctblogoarea
{	
	position:absolute;
	top:44px;
	width:215px;
	height:23px;		
}

#anvialogo
{
	width:36px;
	height:23px;	
	float:left;	
}

#crmonlinetext
{
	
	width:166px;
	height:23px;
	float:right;
}

#tabnaviarea
{
	position:relative;
	top:50px;
	right:117px;
	float:right;
	width:310px;
	height:30px;	
	text-align:left;	
}

#tab1
{
	float:left;	
	width:104px;	
}

#tab2
{
	float:left;	
	width:104px;		
}

#tab2
{
	float:left;		
}



#bannerarea
{
	width:934px;


}

#topnavarea
{

	background-image: url('../../Images/topnaviback.gif');		
	background-position:center center;
	background-repeat:no-repeat;						
	width:934px;
	
	text-align:left;
	position:relative;
	top:-19px;
	*position:relative;
	*top:-3px;
	-position:relative;
	-top:-3px;



	
}

.topNav
{
	position:relative;
	left:50px;
 	text-align:left;
   	height:50px;  

}

.topNavItem
{	
	font-family: Arial;  
	font-size: 14px; 
	font-weight:bold;	
	color: white;	
	
	  padding-left:0px;

		
}
.topNavItem a
{	
	padding:0px 21px 0px 10px;
	height:50px;
	-height:49px;

	/*background-image: url('../../Images/anvia_menuseparator.gif');*/
	background-image: url('../../Images/anvia_menuseparator.gif');

	background-repeat: no-repeat;
	color: white;
	/*color: white;	*/
}



.topNavItem a:visited
{	
	padding:0px 21px 0px 10px;
	height:50px;
	-height:49px;

	/*background-image: url('../../Images/anvia_menuseparator.gif');*/
	background-image: url('../../Images/anvia_menuseparator.gif');
	background-repeat: no-repeat;
		color: white;
	/*color: white;	*/
	
}


.topNavSelected a
{	
	/*color: #345568;*/
	color: #345568;	
	background-image: url('../../Images/anvia_menuseparator_sel.gif');
	/*background-image: url('../../Images/anvia_menuseparator_sel.gif');*/
	background-repeat: no-repeat;
		
}

.topNavSelected a:visited
{	
	/*color: #345568;*/
	color: #345568;	

	background-image: url('../../Images/anvia_menuseparator_sel.gif');
	/*background-image: url('../../Images/anvia_menuseparator_sel.gif');*/

	background-repeat: no-repeat;
		
}


.topNavHover a
{
		/*color: #345568;*/
	color:#345568;	

	background-image: url('../../Images/anvia_menuseparator_sel.gif');
	/*background-image: url('../../Images/anvia_menuseparator_sel.gif');*/

	background-repeat: no-repeat;
	text-decoration:none;
	
}

.topNavHover a:hover
{
	/*color: #345568;*/
	color: #345568;	

	background-image: url('../../Images/anvia_menuseparator_sel.gif');
	/*background-image: url('../../Images/anvia_menuseparator_sel.gif');*/

	background-repeat: no-repeat;
	text-decoration:none;
	
}


.topNavHover a:visited
{
		/*color: #345568;*/
	color: #345568;	

	background-image: url('../../Images/anvia_menuseparator_sel.gif');
	/*background-image: url('../../Images/anvia_menuseparator_sel.gif');*/

	background-repeat: no-repeat;
	text-decoration:none;
	
}


/* Top navigation styles end*/


#middlearea
{

	width:934px;
	display:table;
	padding-top:10px;	
	position:relative;
	top:-19px;
	*position:relative;
	*top:-0px;
	-position:relative;
	-top:-0px;


}

#middleleftarea
{

	float:left;
	width:174px;
	min-height:200px;
	text-align:left;
	z-index:15;
	

	
	}

/*left area summary links*/

#middleleftarea div .slm-layout-top
{
	background-image: url('../../Images/summarylinktop.gif');
	background-repeat: no-repeat;
	height:14px;
}

#middleleftarea div .slm-layout-bottom
{
	
	height:13px;
	background-image: url('../../Images/summarylinkbottom.gif');
	background-repeat: no-repeat;
	width:174px;
}



#middleleftarea div .slm-layout-main
{
	background-image: url('../../Images/summarylinkback.gif');
	background-repeat:repeat-y;
	}

#middleleftarea .image-area-left
{
	text-align:center;	
	vertical-align:middle;
	height:45px;
	width:50px;
	
}

#middleleftarea .image-area-left .image
{
	vertical-align:middle;
		
}


#middleleftarea .link-item, .link-item a, .link-item a:link
{
	font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#A6BCC6;
	text-decoration: none;
}

#middleleftarea .link-item, .link-item a, .link-item a:link
{
	font-family:,Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#A6BCC6;
	text-decoration: none;
}

#middleleftarea .link-item, .link-item a, .link-item a:visited
{
	font-family:,Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#A6BCC6;
	text-decoration: none;

}


#middleleftarea .link-item a:hover
{
	color:#A6BCC6;
	text-decoration: none;
}

#middleleftarea .palveluesimerkit1
{
	background-image: url('../../Images/palveluesimerkit1.gif');
	background-repeat:no-repeat;
	height:50px;
}

#middleleftarea .palveluesimerkit2
{
	background-image: url('../../Images/palveluesimerkit2.gif');
	background-repeat:no-repeat;
	height:50px;
}



#middleleftarea .description a
{

		font-family:,Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#345568;
	text-decoration:none;
	background-image: url('../../Images/summaryback.gif');
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:8px;
	text-align:left;
}

#middleleftarea .description a:hover
{

	font-family:,Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#345568;
	text-decoration:none;
	background-image: url('../../Images/summaryback.gif');
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:8px;
	text-align:left;
	
}

#middleleftarea .description a:visited
{

	font-family:,Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#345568;
	text-decoration:none;
	background-image: url('../../Images/summaryback.gif');
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:8px;
	text-align:left;
	
}



#middleleftarea .linkimage
{
	
	width:4px;
	height:16px;
	float:left;
	display:inline;
}

#middleleftarea .summarygroupheader 
{

	font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:0px;
	color:#A6BCC6;
	height: 30px;
	padding-left:10px;
}

/*left area summary links*/


.leftNav1 td
{
	
	padding-left:10px;
	width:174px;
 	height:38px;
 	
 	background-image: url('../../Images/leftnavtop.gif');
 	background-repeat:no-repeat;
 	background-position:left top;
}

.leftNav1
{
	
	width:174px;
 	height:38px;
 
}


.leftNav1 a
{
	
	font-family: Arial;  
	font-size:15pt; 
	font-weight:bold;	
	color: white;	

}

.leftNav1 a:hover
{
	font-family: Arial;  
	font-size: 15pt; 
	font-weight:bold;	
	color: white;	

}

.leftNav1 a:visited
{
	font-family: Arial;  
	font-size: 15pt;  
	font-weight:bold;	
	color: white;	

}

.leftNav2
{
	background-color:#00A1DE;
	padding-left:20px;
	width:174px;

 
}

.leftNav2 a
{
	
	background-image: url('../../Images/anvia_menuseparator.gif');
	padding:0px 0px 0px 10px;
	background-repeat: no-repeat;
	font-family: Arial;  
	font-size:12pt;
	color: white;	
	font-weight:normal;
}
}

.leftNav2 a:hover
{
	background-image: url('../../Images/anvia_menuseparator.gif');
	padding:0px 0px 0px 10px;
	background-repeat: no-repeat;
	font-family: Arial;  
	font-size: 12pt; 
	color: white;	
	font-weight:normal;

}

.leftNav2 a:visited
{

	background-image: url('../../Images/anvia_menuseparator.gif');
	font-family: Arial;  
	font-size: 12pt; 
	padding:0px 0px 0px 10px;
	background-repeat: no-repeat;

	color: white;	
	font-weight:normal;
}

.leftNavSel2 a
{
	
	background-image: url('../../Images/anvia_menuseparator.gif');
	padding:0px 0px 0px 10px;
	background-repeat: no-repeat;
	font-family: Arial;  
	font-size:12pt;
	color: white;	
	font-weight:bold;
}

.leftNavSel2 a:hover
{
	background-image: url('../../Images/anvia_menuseparator.gif');
	padding:0px 0px 0px 10px;
	background-repeat: no-repeat;
	font-family: Arial;  
	font-size: 12pt; 
	color: white;	
	font-weight:bold;
}

.leftNavSel2 a:visited
{

	background-image: url('../../Images/anvia_menuseparator.gif');
	font-family: Arial;  
	font-size: 12pt; 
	padding:0px 0px 0px 10px;
	background-repeat: no-repeat;

	color: white;	
	font-weight:bold;
}



.leftNavSpacer
{
	width:174px;
	height:28px;
 	background-image: url('../../Images/leftnavbottom.gif');
 	background-repeat:no-repeat;
 	background-position:left top;


}

#middlecenterarea
{
	min-height:200px;
	text-align:left;
	float:left;
	padding-left:16px;
	padding-right:16px;
	width:552px;	
	z-index:10;


}

.splashLinkFrame
{
	width:564px;
}

.splashLinkArea
{
	width:30%;
}

/*middle area summary links*/

.splashLinkArea div .slm-layout-top
{
	background-image: url('../../Images/summarylinktop.gif');
	background-repeat: no-repeat;
	height:14px;
}

.splashLinkArea  div .slm-layout-bottom
{
	
	height:13px;
	background-image: url('../../Images/summarylinkbottom.gif');
	background-repeat: no-repeat;
	width:174px;

}



.splashLinkArea  div .slm-layout-main
{
	background-image: url('../../Images/summarylinkback.gif');
	background-repeat:repeat-y;
	}

.splashLinkArea .image-area-left
{
	text-align:center;	
	vertical-align:middle;
	height:45px;
	width:50px;
	
}

.splashLinkArea  .image-area-left .image
{
	vertical-align:middle;
		
}


.splashLinkArea  .link-item, .link-item a, .link-item a:link
{
	font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#A6BCC6;
	text-decoration: none;
}

.splashLinkArea  .link-item, .link-item a, .link-item a:link
{
	font-family:,Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#A6BCC6;
	text-decoration: none;
}

.splashLinkArea  .link-item, .link-item a, .link-item a:visited
{
	font-family:,Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#A6BCC6;
	text-decoration: none;

}


.splashLinkArea  .link-item a:hover
{
	color:#A6BCC6;
	text-decoration: none;
}

.splashLinkArea  .palveluesimerkit1
{
	background-image: url('../../Images/palveluesimerkit1.gif');
	background-repeat:no-repeat;
	height:50px;
}

.splashLinkArea  .palveluesimerkit2
{
	background-image: url('../../Images/palveluesimerkit2.gif');
	background-repeat:no-repeat;
	height:50px;
}



.splashLinkArea  .description 
{

	font-family:Arial;	
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	text-decoration:none;	
	height:114px;
	color:#345568;
	padding-left:10px;
	width:154px;
}

.splashLinkArea .morelink 
{

	font-family:Arial;	
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	text-decoration:none;
	vertical-align:middle;	
	padding-left:10px;
	height:30px;
}

.splashLinkArea .morelink 
{

	font-family:Arial;	
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	text-decoration:none;
	vertical-align:middle;	
	padding-left:10px;
	height:20px;
}


.splashLinkArea .morelink a
{

	font-family: Arial;  
	font-size: 11px;
	color: #809ca9 ;	
	text-decoration:none;
	vertical-align:middle;	
	padding-left:10px;
	height:20px;
}


.splashLinkArea .morelink a:hover;
{

	font-family: Arial;  
	font-size: 11px;
	color: #809ca9 ;	
	text-decoration:underline;
	vertical-align:middle;	
	padding-left:10px;
	height:20px;
}


.splashLinkArea .morelink a:visited;
{

	font-family: Arial;  
	font-size: 11px;
	color: #809ca9 ;	
	text-decoration:none;
	vertical-align:middle;	
	padding-left:10px;
	height:20px;
}




.splashLinkArea  .linkimage
{
	
	width:4px;
	height:16px;
	float:left;
	display:inline;
}

.splashLinkArea  .summarygroupheader 
{

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:0px;
	color:#345568;
	height: 40px;
	padding-left:10px;
	width:154px;
}

/*middle area summary links*/



#middlerightarea
{
	
		min-height:200px;
	float:right;
	width:174px;	
	z-index:5;
}


#bottom
{
	width:934px;
}

.console
{
	text-align:left;
	width:934px;
	margin:auto 0;	
}

#content
{
 	text-align:left;
 	background-color:
}

#content h1
{
	Width:552px;
	height:32px;
	font-family: Arial;  
	font-size: 14pt; 
	background-image: url('../../Images/contentheaderback.gif');
	background-repeat: no-repeat;
	color: white;	
	padding-top:10px;
	padding-left:10px;
	display:block;
}

#content h2
{
	Width:552px;
	height:22px;
	font-family: Arial;  
	font-size: 12px; 
	background-color:#e4f5fd;
	color: #809CA9;	
	padding-top:10px;
	padding-left:10px;
	display:inline
}

.ms-WPBody td 
{
	font-size:inherit;
}

/*orderform styles start*/

.orderform
{
	position:relative;	
	padding:5px;	
	text-align:left;


	}
	
.orderform	.customerinfoheader
{
				
}

.orderform .formlabeldiv
{
	height:20px;
	font-family:Arial;
	font-size: 12px;
	line-height:17px;
	color:#345568;
	font-weight:bold;

}

.orderform .formfielddiv
{

}

.orderform .formfielddiv .formfield
{
	width:400px;
	}

.orderform .formfielddiv .formdropdown
{
	width:200px;
	font-size: 12px;
	}


.orderform .formsubheader
{
visibility: collapse;	
height:0px;
	}


.orderform .formadditionalusers
{
visibility: collapse;
height:0px;

}



.orderform .formadditionalusers 
{
	height:0px;
	
	}


.orderform .formadditionalusers .orderformuserrow
{
visibility:collapse;
}
.orderform .formadditionalusers .orderformuserrow .firstname
{
	width:250px;
	}

.orderform .formadditionalusers .orderformuserrow .firstname .formlabeldiv
{}

.orderform .formadditionalusers .orderformuserrow .firstname .formfielddiv
{}

.orderform .formadditionalusers .orderformuserrow .firstname .formfielddiv .firstnamefield
{
		width:200px;
	}

.orderform .formadditionalusers .orderformuserrow .lastname
{
	width:250px;
	}

.orderform .formadditionalusers .orderformuserrow .lastname .formlabeldiv
{}

.orderform .formadditionalusers .orderformuserrow .lastname .formfielddiv
{}

.orderform .formadditionalusers .orderformuserrow .lastname .formfielddiv .lastnamefield
{
	width:200px;
	}

.orderform .formadditionalusers .orderformuserrow .email
{
	width:250px;
	}

.orderform .formadditionalusers .orderformuserrow .email .formlabeldiv
{}

.orderform .formadditionalusers .orderformuserrow .email .formfielddiv
{}

.orderform .formadditionalusers .orderformuserrow .email .formfielddiv .emailfield
{
		width:200px;
	}

.orderform .formadditionalusers .orderformuserrow .role 
{}

.orderform .formadditionalusers .orderformuserrow .role .formlabeldiv
{}

.orderform .formadditionalusers .orderformuserrow .role .formfielddiv
{}

.orderform .formadditionalusers .orderformuserrow .role .formfielddiv .rolefield
{}

.orderform .buttons
{
		clear:both;
		height:30px;		
		padding-top:0px;
		padding-left:0px;
	}

/*orderform styles end*/

#blueheader
{
	Width:552px;
	height:22px;
	font-weight:bold;
	font-family: Arial;  
	font-size: 12pt; 
	background-image: url('../../Images/contentheaderback.gif');
	background-repeat: no-repeat;
	color: white;	
	padding-top:10px;
	padding-left:10px;
	display:block;
	text-align:left;
}

#bluecontent
{
	background-color:#E4F5FC;
	font-family:Arial;	
	font-size:12px;
	
	font-weight:normal;
	text-align:left;
	padding-top:10px;
	padding-left:22px;
	padding-right:22px;
	padding-bottom:10px;
}

#bluecontentbottom
{
	background-image: url('../../Images/lightblueback.gif');
	background-repeat: no-repeat;
	height:30px;
	width:552px;		
}

#bluecontent h3
{	

	height:22px;
	font-family: Arial;  
	font-size: 12px; 
	color: #809CA9;	
	display:inline
}

#bluecontent p
{
	font-family:Arial;	
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	color:#345568;
}

#bluecontent a
{		
	font-family: Arial;  
	font-size: 12px; 
	line-height:13px;
	color: #809CA9;	
	display:inline
}

#bluecontent a:link
{		
	font-family: Arial;  
	font-size: 12px; 
		line-height:13px;
	color: #809CA9;	
	display:inline
}


#bluecontent a:hover
{		
	font-family: Arial;  
	font-size: 12px; 
		line-height:13px;
	color: #809CA9;	
	display:inline
}

#bluecontent a:visited
{		
	font-family: Arial;  
	font-size: 12px; 
		line-height:13px;
	color: #809CA9;	
	display:inline
}


.contactformbuttoncell
{	
	height: 50px;
}

.contactformbuttoncell #buttonspan
{
	
	width:10px;
}


#contactformthankyoutext
{
	vertical-align:middle;
	font-family:Arial;	
	font-size:14px;
	line-height:17px;
	font-weight:normal;
	color:#345568;
	

}
#contactformmandatorytext
{
	vertical-align:middle;
	font-family:Arial;	
	font-size:11px;
	line-height:17px;
	font-weight:normal;
	color:red;
	

}



.contactformlabelcell
{
	width:220px;
	vertical-align:middle;
	font-family:Arial;	
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	color:#345568;
	height:20px;
}

.contactformfieldcell
{
		width:320px;
		vertical-align:middle;
}

.contactforminfocell
{
	vertical-align:middle;
	font-family:Arial;	
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	color:#345568;
	height:30px;

}

.contactformspannedcell
{
	vertical-align:middle;
	font-family:Arial;	
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	color:#345568;
	height:30px;

}

.contactformspannedcell a:link
{
	font-family: Arial;  
	font-size: 11px;
	color: #809ca9 ;	
	text-decoration: none;
}

.contactformspannedcell a:visited
{
	font-family: Arial;  
	font-size: 11px;	
	color: #809ca9 ;	
	text-decoration: none;
}


.contactformspannedcell a:hover
{
	font-family: Arial;  
	font-size: 11px; 	
	color: #809ca9 ;	
	text-decoration: underline;

}

.contactformdividercell
{	
	height: 20px;
}


.contactformfieldcell textarea
{
	 width:300px;
	height:120px;
	font-family:Arial;	
	font-size:11px;
}

.contactformfieldcell select
{
	width:190px;
	font-family:Arial;	
	font-size:11px;

}

.contactformfieldcell input
{
	width:190px;
	font-family:Arial;	
	font-size:11px;

}

#crmquestionnaire
{
	background-color: #e4f5fc;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color:#345568;
	line-height: 14px;
}

.crmquestion
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	text-align: left;
	color:#345568;
}

.crmquestionbutton
{
	width:100%;

}

.crmquestionnaireanswer
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	text-align: left;
		color:#345568;
			
}
