/* general */
body { color: #000000; background: #F3F3F5; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em; }
a { color: #0000ff; }

/* page title, breadcrumb, footer */
.pageTitle { margin: 0 0 10px 0; font-size: 1.8em; border-bottom: 1px #cccccc dotted; font-weight: normal; }
.breadcrumbArea { font-size: .85em; }
.footerArea { font-size: .85em; text-align: center; padding: 10px; }

/* page layout */
#pageLayout { width: 850px; margin: auto; background: #ffffff; }
.headerArea { font-size: 1.6em; color: #CDCDD6; padding: 5px 5px 10px 5px; }
.headerDiv { border-top: 1px #8F91A3 dashed; padding-bottom: 5px; }
.leftNavArea { width: 200px; float: left; background: #CDCDD6; }
.pageContentArea { width: 630px; float: left; padding: 10px; }
.topNavArea { padding: 5px; background: #7C7D92; }

/* welcome menu, site actions */
.siteTools { float: right; font-size: .85em; }
.siteTools a { color: #ffffff; text-decoration: none; }

/* search box */
.searchArea { float: right; }
.searchArea input { font-size: 12px; height: 25px; background: transparent url('/_layouts/CodeBakers/Images/etsi_sivustolta.png') top left no-repeat; padding-left: 15px; padding-top: 5px; }
.searchArea .ms-sbcell { background: url('/images/searchBg.gif') top left repeat-x; border: 0px; }

/* primary navigation */
.globalNav { margin-left: auto; margin-right: auto; }
.globalNavItem { font-family: Arial, Verdana, Tahoma; font-size: 9pt; text-decoration: none !important; }
.globalNavItem a { display: block; padding: 0px 8px 0px 8px; color: #ffffff; }
.globalNavItem a:hover { background: transparent; }
.globalNavMenu { border: 1px #cccccc dashed; }
.globalNavMenuItem {  }
.globalNavMenuItem a { display: block; background: #eeeeee; padding: 0px 5px 0px 5px; border-bottom: 1px #cccccc solid; color: #666666; }
.globalNavMenuItem a:hover { background: transparent; }
.globalNavItemActive { color: aqua !important; }
.globalNavMenuItemActive { color: #2288ab !important; }
.globanNavSelectedStyles { color: #2288ab !important; }

/* secondary/left navigation */
/*
.leftNav { 	margin-right:15px; margin-left:7px;	margin-top:4px !important; padding-top:0px; border:0px; background-color: white; width:100%; }
.leftNavHeader a:hover {  }
.leftNavHeader { text-decoration: none !important; font-weight: bold; padding: 2px 0px 0px 0px; display: block; }
.leftNavItemActive { }
.leftNavItem { text-decoration: none !important;padding: 5px 0px 0px 0px; display: block; margin-left: 30px; }
.leftNavItemActive { text-decoration: underline !important; }
.leftNavHeaderActive { text-decoration: underline !important; }
*/
.leftNav
{
	margin-right:15px;
	margin-left:7px;
	margin-top:4px;
	padding-top:0px;
	border:0px #8997BC solid;
	width:180px;
}
.leftNavSpacer
{
	width:160px;
}
.leftNavSelected
{
	color: red;
	line-height:14pt;
	text-decoration: underline !important;
	font-weight: bold;
}
.leftNav1, .leftNav2, .leftNav3
{
	color: #354260;
}
.leftNav1
{
	text-decoration: none !important;
	border-bottom:1px #B2BCDD solid;
	margin-top: 7px;
	font-weight: bold;

}
.leftNav1 a
{
	display:block;
	padding-right:10px;
}
.leftNav2
{	
	line-height:14pt;
	
	
}
.leftNav2 a
{
	padding-top: 5px;
	padding-left:35px;
	display:block;
	padding-right:10px;
}
.leftNav3
{	
	line-height:14pt;
}
.leftNav3 a
{
	padding-left:18px;
	display:block;
	padding-right:10px;
}
.leftNavHover
{

}
.leftNavFlyOuts
{
	font-family:Tahoma; 
	font-size:8pt; 
	border-top:1px #CBD1E0 solid;
	border-left:1px #CBD1E0 solid;
	border-right:1px #CBD1E0 solid;	
}
.leftNavFlyOutsItem
{
	border-bottom:1px #CBD1E0 solid;
	background-color: #ECEFF3;
}
.leftNavFlyOutsItem a
{
	padding:1px 5px 1px 5px;
	display:block;
	color:#354260;
	*width:100px;
	min-width:100px;
}
.leftNavFlyOutsHover
{
	background-color: aqua;
	text-decoration: underline !important;
}



/* web parts and forms */
.ms-WPHeader td, .ms-menutoolbar { background: transparent; }
.ms-menutoolbar a { color: #ffffff; text-decoration: none; }
.ms-WPBorder { border-color: #cccccc; }
.ms-partline { background: #cccccc; }
.ms-WPTitle { color: #ffffff; padding: 5px 0 2px 5px; }
.ms-WPTitle a { color: #ffffff; text-decoration: none; }
.ms-addnew { font-size: .9em; text-align: right; }
.ms-addnew a { color: #CC3300; text-decoration: none; }
tr.ms-viewheadertr { background: #F3F3F5; color: #000000; font-size: .8em; }
tr.ms-viewheadertr a { color: #000000; text-decoration: none; }
.ms-partline { background: #ededed; }

/* calendar width fix */
.ms-calheader img { width: auto; }

/* Custom RichTextEditor styles */
.ms-rteCustom-AlasivuOtsikkoH1 { font-size: 14pt; font-weight: normal; font-family: Arial, Tahoma, Verdana; color: #034155; }
.ms-rteCustom-AlasivuOtsikkoH3 { font-size: 12pt; font-weight: bold; font-family: Arial, Tahoma, Verdana; color: #034155}
.ms-rteCustom-AlasivuOtsikkoH4 { font-size: 11pt; font-weight: bold; font-family: Arial, Tahoma, Verdana; color: #034155}
.ms-rteCustom-Leipateksti { font-family: Arial, Verdana, Tahoma; font-size: 9pt; color: black; }
.ms-rteCustom-EtusivuOtsikkoH1 { font-size: 14pt; font-weight: normal; font-family: Arial, Tahoma, Verdana; color: #034155 }
.ms-rteCustom-EtusivuOtsikkoH3 { font-size: 12pt; font-weight: bold; font-family: Arial, Tahoma, Verdana; color: #034155 }
.ms-rteCustom-EtusivuOtsikkoH4 { font-size: 11pt; font-weight: bold; font-family: Arial, Tahoma, Verdana; color: #034155 }

/* site map path */
.ms-pagebreadcrumb,.ms-pagebreadcrumb a{ font-size:10pt; text-decoration:none; background-color: transparent; border: none;
	padding: 0px 0px 12px 0px; }

/* web part zones */
.ms-WPBody { font-family: Arial, Verdana, Tahoma; font-size: 9pt; }
.ms-WPBody TABLE,.ms-TPBody TABLE {}
.ms-WPBody A:link,.ms-WPBody A:visited { text-decoration: underline; font-family: Arial, Verdana, Tahoma; font-size: 9pt; color: #1b466b; }
.ms-WPBody A:hover {}
.ms-WPBody th,.ms-TPBody th {}
.ms-WPBody td {}
.ms-WPBody h1,.ms-TPBody h1 {font-size: 14pt; font-weight: normal; font-family: Arial, Tahoma, Verdana; color: #034155;}
.ms-WPBody h2,.ms-TPBody h2 {}
.ms-WPBody h3,.ms-TPBody h3 {font-size: 12pt; font-weight: bold; font-family: Arial, Tahoma, Verdana; color: #034155}
.ms-WPBody h4,.ms-TPBody h4 {font-size: 11pt; font-weight: bold; font-family: Arial, Tahoma, Verdana; color: #034155}
.ms-WPBody h5,.ms-TPBody h5 {}
.ms-WPBody h6,.ms-TPBody h6 {}




.headertitle, .headertitle a, .headertitle a:link{
  font-size: 9pt;
  font-family: Arial, Verdana, Tahoma;
background-color: #f3f2ed;

}

.headertitle a:visited, .headertitle a:active{
  font-size: 9pt;
  font-family: Arial, Verdana, Tahoma;
background-color: #f3f2ed;

}