/* @override 
	http://www.sirkusinfo.fi/css/sirkusinfo.css
	http://sirkusinfo.codesign.fi/css/sirkusinfo.css
*/

/*
Huomioita:
Vältä margin:ia, suosi padding:iä (box-model hack, IE ongelmat!!)
Editoitavilla alueilla tulee aina olla määriteltynä leveys...
*/
body{
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #333;
}
a{
	color: #333;
}
a:hover{
	color: #009;
}
a:selected{
	color: #009;
}

h1{
	font: bold 15px/18px  Arial, Helvetica, sans-serif;
	color: #333;
	padding: 10px 0px 6px 0px;
	margin: 0px;
}
h2{
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
h3{
	font: normal 15px/20px Arial, Helvetica, sans-serif;
	color: #777;
	padding: 0px 0px 6px 0px;
	margin: 0px;
}
p{
	margin: 0px;
	padding: 10px 0px 6px 0px;
	line-height: 18px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #000;
}

img{
	border: 0px;
}
#columnleftcontent p{
	font-size: 12px;
}
ul li{
	list-style: disc url(img/bullet.gif);
}

/* @group general layout */

body {
	margin: 0px;
	padding: 0px;
	background: #fff;
}
#wrap{
	display: block;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 0px 0px;
	padding: 0px;
	width: 900px;
	background: url(/css/img/content-bg.gif) repeat-y top right;
}
#header {
	position: relative;
	float: left;
	display: block;
	clear: both;
	top: 0px;
	left:0px;
	height: 75px;
	width: 897px;	
	overflow: hidden;
	border-left:0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	border-right: 1px #000 solid;
}
#frontpage-desc1 {
	position: absolute;
	left: 40px;
	top: 112px;
	width: 260px;
	color: #fff;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
#frontpage-desc1 p {
	color: #fff;
}
#frontpage-desc2 {
	position: absolute;
	left: 40px;
	top: 240px;
	width: 260px;
	color: #fff;
}	
#frontpage-desc2 p {
	color: #fff;
}
#page-background {
	position: absolute;
	display: block;
	top: 75px;
	left: 0px;
	width: 680px;
	height: 400px;
	background: #coc;	
}
#page-min-height {
	position: relative;
	float: left;
	display: block;
	width: 1px;
	height: 20px;
}
#contentwrap{
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 900px;
}
.template-home #contentwrap {
	height: 420px;	
}

#content-left {
	display: block;
	position: relative;
	float: left;
	width: 293px;
	height: 410px;
}
#content, #content-wide{
	display: block;
	position: relative;
	float: left;
	border-top: 0px;
	border-bottom: 0px;
	margin: 0px;
	padding: 0px;
	width: 604px;
}

#content-wide{
	width: 897px;
}
#columnleft {
	display: block;
	position: relative;
	width: 379px;
	overflow: hidden;
	float: left;
	padding: 0px;
/*	border-right: 1px #ddd solid; */
}
#columnleftcontent {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 360px;
}
#columnleft-wide {
	display: block;
	position: relative;
	float: left;
	width: 472px;
	padding-left: 200px;
	clear: none;
	
	
}
#columnleftcontent-wide {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 400px;
}
#columnright{
	display: block;
	position: relative;
	width: 214px;
	overflow: hidden;
	margin: 0px;
	padding: 35px 0px 0px 0px;
	float: right;
}
#search-instructions {
	padding: 30px 20px 20px 20px;
}
#sidenote {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 200px;
}
#sidenoteimage {
	display: block;
	float: left;
	
	padding: 0px;
	margin: 0px;
	width: 220px;
}
#sidenote h1{
	font: normal 15px/21px Arial, Helvetica, sans-serif;
	padding: 10px 5px 0px 20px;
	margin: 0px;
	width: 200px;


}
#sidenote p, #sidenote h2, #sidenote h3{
	padding: 5px 5px 6px 20px;
	margin: 0px;
}
#sidenote.firstpage p{
	margin: 10px 5px 6px 0px;
	padding: 0px;
}
#sidenoteimage img{
	border-top: 10px #fff solid;
	padding: 0px;
	margin: 0px;
}

#sidenote img{
	border-top: 10px #fff solid;
	padding: 0px;
	margin: 0px;
}
#sidenote h2{
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	margin: 10px 5px 6px 20px;
	padding: 0px;
}
#sidenote p{
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	margin: 6px 5px 6px 20px;
	padding: 0px;
}
#headline {
	height: 90px;
	width: 375px;
}
#headline h1{
	padding-top: 30px;
	font: normal 24px/28px Arial, Helvetica, sans-serif;
	color: #000;
}
#kuvat {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 200px;
}

/* @end */
/* @group header */

/* @group logo */

#logo {
	position: absolute;
	display: block;
	float: left;
	top: 0px;
	left: 610px;
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 280px;
	background: #fff;
}
#logo a img{
	border: 0px;
	background: #fff;
}

/* @end */

/* @group mainmenu */

#mainmenu{
	display: block;
	float: left;
	margin: 0px;
	padding: 18px 0px 0px 10px;
	width: 580px;
}
#mainmenu p {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#mainmenu a {
	margin: 0px 2px 0px 2px;
	padding: 1px 7px 1px 7px;
	font: bold 12px/21px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #111;
}
#mainmenu a:hover, #mainmenu  a.selected{
	color: #fff;
	background-color: #000;
}

/* @end */

/* @end */

/* @group firstpage layout */

/*FIRSTPAGE LAYOUT----------------*/
#firstpagenotice{
	position: relative;
	clear: both;
	display: block;
	height: 230px;
	width: 760px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px #ddd solid;
}
#noticewrap{
	float: left;
}
#notice{
	display: block;
	width: 540px;
	height: 230px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: left;
	background: #fff url(img/frontpage_notice.jpg) no-repeat top left;
}

#fp1{
	display: block;
	width: 185px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	float: left;
	border-right: 1px #ddd solid;
}
#fp2{
	width: 350px;
	padding: 0px;
	margin: 0px;
	float: right;
}
#notice h1{
	padding: 0px;
	margin: 32px 0px 3px 40px;
	color: #fff;
}
#notice h2{
	padding: 0px;
	margin: 0px 0px 6px 40px;
	color: #9cccfd;
	font-size: 17px;
	letter-spacing: -0.4px;
	line-height: 20px;
}
#notice p{
	margin: 0px;
	padding: 10px 0px 6px 40px;
	color: #fff;
	line-height: 14px;
}
#fp1 p {
	margin: 16px 0px 6px 25px;
	line-height: 14px;
}
#fp1 ul{
	padding: 0px;
	margin: 6px 0px 6px 40px;
}

#fp1 ul li{
	padding: 0px;
	margin: 0px;
	list-style: disc url(img/bullet.gif);
}
#fp2 H2 {
	margin: 16px 40px 6px 25px;
}
#fp2 p {
	margin: 10px 40px 6px 25px;
	line-height: 14px;
	font-size: 11px;
}
#fp2 p i{
	display: block;
	text-align: right;
}
#fp2 p i a{
	background: #fff url(img/arrow.gif) no-repeat top left;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 2px 0px 10px 22px;
	text-decoration: none;
}
#fp2 p i a:hover{
	background: #fff url(img/arrow.gif) no-repeat 0px -90px;
}

/* @end */

/* @group submenu */

#submenu{
	display: block;
	width: 220px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#submenu h2 {
	padding: 20px 0px 0px 25px;
	margin: 0px;
}
#submenu ul {
	display: block;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 15px 0px 30px 0px;
	margin: 0px;
	line-height: 12px;
}
#submenu ul li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 12px;
	height: 20px;
}
#submenu ul li a {
	line-height: 12px;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 4px 0px 4px 20px;
	background: #fff url(img/arrow.gif) no-repeat 0px 0px;
}
#submenu ul li a:hover {
	text-decoration: none;
	background: #fff url(img/arrow.gif) no-repeat 0px -90px;
}
#submenu ul li.selected a {
	background: #fff url(img/arrow.gif) no-repeat 0px -180px;
	color: #000;
}


/* @group Subpage navigation */
#subpage-nav {
	display: block;
	float: left;
	padding: 15px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}
#subpage-nav ul,
#subpage-nav ul li {
	width:220px;
	float:left;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	display: block;
}
#subpage-nav ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style:none;
	font-size:0.9em;
	font-weight:bold;
}
#subpage-nav ul li {
	text-align:left;
	padding: 3px 0px 0px 0px;
}
#subpage-nav ul li a {
	margin: 0px 0px;
	padding: 2px 0px 0px 15px;
	width:159px;

	text-decoration:none;
	position:relative;
	float:left;
	background: url(img/arrow-basic.gif) no-repeat 0px 0px;
	
}
#subpage-nav ul li a:hover {
	background: url(img/arrow-hover.gif) no-repeat 0px 0px;
}

#subpage-nav ul li ul {
	list-style:none;
	font-weight:bold;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#subpage-nav ul li ul li {
	text-align:left;
	border-bottom: none;
	padding: 3px 0px 0px 0px;
	margin: 0px;
}
#subpage-nav ul li ul li a {
	margin:0px;
	text-decoration:none;
	font-weight: normal;
	position:relative;
	padding: 0px 0px 0px 30px;
	float:left;
	line-height: 13px;
	margin: 0px;
	background: url(img/dot-basic.gif) no-repeat 10px 0px;

}
#subpage-nav ul li ul li a:hover {
	background: url(img/dot-hover.gif) no-repeat 10px 0px;
}

#subpage-nav ul li ul li.open {
}
#subpage-nav selected>a {
	color: #000;
}
#subpage-nav>ul>li.selected>a {
	color: #000;
}
#subpage-nav>ul>li>ul>li.selected>a {
	color: #000;
}

#subpage-nav ul.level-2 li.open a, 
#subpage-nav ul.level-2 li.open a:hover {
	background: url(img/arrow-basic.gif) no-repeat 0px 0px;	
	color: #07c !important;
}
#subpage-nav ul.level-2 li.open a:hover {
	background: url(img/arrow-hover.gif) no-repeat 0px 0px;
	color: #026 !important;
}
#subpage-nav ul.level-2 li.open ul.level-3 li a, 
#subpage-nav ul.level-2 li.open ul.level-3 li a:hover {	
 	background: url(img/dot-basic.gif) no-repeat 10px 0px;	
	color: #07c !important;
} 
#subpage-nav ul.level-2 li.open ul.level-3 li a:hover {
 	background: url(img/dot-hover.gif) no-repeat 10px 0px;	
	color: #026 !important;	
}
#subpage-nav ul.level-2 li.open ul.level-3 li.selected-3 a, 
#subpage-nav ul.level-2 li.open ul.level-3 li.selected-3 a:hover {
	background: url(img/dot-hover.gif) no-repeat 10px 0px;
	color: #026 !important;
}

#subpage-nav ul.level-2 li.selected-2 a, 
#subpage-nav ul.level-2 li.selected-2 a:hover {
	background: url(img/arrow-hover.gif) no-repeat 0px 0px;
	color: #026 !important;
}


/* @end */




/* @end */

/* @group search */

#search{
	position: absolute;
	top: 427px;
	left: 12px;
	display: block;
	width: 220px;
	height: 100px;
	z-index: 400;

}
#search form{
	padding: 0px;
	margin: 0px;
}
#search .field{
	width: 130px;
	padding: 0px;
	margin: 0px;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	color: #000;
}
#search input {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	
	background: #fff;
	border:1px solid #700;
	height: 18px;
	color: #000;
}
#search .searchbutton, input.btn {
	padding: 0px 2px 0px 2px;
	margin: 2px 0px 0px 7px;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	
	color: #fff;
	background: #a00;
	border:1px solid #f99;
	height: 18px;
	cursor: pointer;
}
#search ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#search ul li{
	list-style: none;
	float:left;
}
#search a#liity{
	position: absolute;
	top: 35px;
	left: 10px;
	display: block;
	clear: both;
	color: #fff;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#search a:hover#liity{
	text-decoration: underline;
}

/* @end */

/* @group Breadcrumbs */

#breadcrumbs {
	width:480px;
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #666;
	height: 20px;
}

ul.site-logic {
	float: left;
	padding: 0px 12px 0px 12px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	font-size: 0.9em;
	
}
ul.site-logic li {
	float:left;
	list-style: none;
	line-height: 17px;
	padding: 0px 6px 0px 12px;
	margin: 0px;
	background:url(img/logic-row.gif) no-repeat 0 50%;
}
ul.site-logic li.first {
	padding-left:0px;
	margin-left:0px;
	background:none;
}
ul.site-logic li a {
	color:#444;
	text-decoration:none;
	height: 18px;
	line-height: 18px;
}
ul.site-logic li a:hover {
	text-decoration:underline;
	color: #2f314a;
}

/* @end */

/* @group footer */
#footer {
	display: block;
	height: 104px;
	clear: both;
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	background: url(img/footer3.gif) no-repeat top right;
}



/*
#footer-links {
	display: block;
	float: left;
	width: 100px;
	padding: 0px;
	margin: 0px;
}

#footer-contact {
	float: right;
	text-align: right;
	padding: 0px 10px 40px 0px;
}
#footer-contact p{
	font: normal 11px/17px Arial, Helvetica, sans-serif;
	color: #888;
	width: 400px;
	padding: 3px 0px 0px 0px;
}

#footer-links p{
	margin: 3px 0px 0px 10px;
	padding: 0px;
}
#footer-links a{
	text-decoration: none;
}
*/

/* @end */

/* @group language */

#language{
	position: absolute;
	display: block;
	top: 10px;
	left: 910px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	z-index: 300;
}
#language p{
	font: normal 10px/16px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#language a{
	color: #555;
	text-decoration: none;
	display: block;
}
#language a:hover{
	color: #c00;
}

/* @end */

/* @group table */

table.no_border {
	border: 0px;
	border-collapse: collapse;
}

table.no_border td {
	border: 1px solid #fff;
	vertical-align: top;
	padding: 2px 0px 0px 10px;
}

table.with_border {
	border: 0px;
	border-collapse: collapse;
	border-collapse: separate;
	border-spacing: 1px;
	background: #eee;
	padding: 0px;
}

table.with_border td {
	vertical-align: top;
	padding: 1px 0px 0px 10px;
	background: #fff;
	border: 0px;
}

table caption {
	border-collapse: separate;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	border-spacing: 1px;
	background: #eee;
	text-align: left;
	padding: 10px 0px 6px 10px;
}

table.with_border td p, table.no_border td p {
	margin: 0px 0px 0px 0px;
}

table.with_border.smalltext td p, table.no_border.smalltext td p {
	font: normal 11px/15px Arial, Helvetica, sans-serif;
}

/* @end */


/* @group Table styles */


table td {
	text-align: left;
}

/* @group Table Documents */

table.documents {
	width: 594px;
	border: 1px solid #c3c3c3;
	border-right: 0px solid #203f58;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 16px 0px;
}

table.documents caption {
	color: #fff;
	background:  #c3c3c3;
	text-align: left;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
}
table.documents caption p {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	padding: 6px 5px 3px 15px;
	width: auto;
	color: #fff;
}
table.documents caption strong {
	color: #343e45;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
}
table.documents td.documents-date {
	color: #818181;
	padding: 2px 5px 2px 10px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	width: 80px;
}
table.documents td.documents-document {
	color: #818181;
	padding: 1px 5px 1px 10px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
}
table.documents td.documents-document a {
	color: #163a57 !important;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
table.documents tr.first td  {
	padding-top: 10px;
}
table.documents tr.last td  {
	padding-bottom: 10px;
}
/* @end */


/* @group Table Documents */
ul.documents {
	padding: 0px;
	margin: 0px;
}
ul.documents li {
	display: block;
	float: left;
	width: 580px;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	background: none;
}

ul.documents li.documents-topic {
	background:  #818181;
	text-align: left;
	padding: 0px;
	margin: 0px;
	padding: 1px 0px 1px 0px;
}
ul.documents li.first {
	margin: 5px 0px 0px 0px;
}

ul.documents li.documents-topic h1 {
	padding: 3px 0px 1px 12px;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #000;
}
ul.documents li.documents-topic h1 strong {
	color: #fff;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
}
ul.documents li dl {
	display: block;
	float: left;
	width: 560px;
	padding: 0px;
	margin: 0px;
}
ul.documents li dl .documents-modified {
	display: inline;
	width: 100px;
	text-align: left;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
ul.documents li dl .documents-name {
	display: inline;
	width: 460px;
	padding: 0px;
	margin: 0px;
}
ul.documents li dl .documents-name a {
	color: #163a57 !important;
	text-decoration: none !important;
	font: normal 13px/20px Arial, Helvetica, sans-serif;	
}
/* @end */

/* @group Table Search results */
ul.search-results {
	margin: 0px;
	padding: 0 0 0 11px;
}
ul.search-results li {
	display: block;
	float: left;
	width: 580px;
	padding: 0;
	margin: 0;
	background: none;
}
ul.search-results li dl {
	display: block;
	float: left;
	width: 580px;
	padding: 11px 0 0;
	margin: 0px;
}

ul.search-results li.first dl {
	padding: 0px;
}

ul.search-results li dl > * {
	display: block;
	text-align: left;
	font-weight: normal;	
	padding: 0px;
	margin: 0px;
	float: none;
}
ul.search-results .search-results-name, 
ul.search-results .search-results-ref {
	display: inline;
	width: 500px;
}
ul.search-results li dl .search-results-modified {
	width: 80px;
	float: left;
}
ul.search-results li dl .search-results-abstract {
	width: 580px;
}
ul.search-results li dl a {
	color: #163a57 !important;
	text-decoration: none !important;
	font-weight: normal;	
	font-size: 12px;
	font-family: Arial;
}

ul.search-results li dl .search-results-ref a {
	font-size: 11px;
}
ul.search-pager {
	padding: 0px;
	margin: 0px;
}
ul.search-pager li {
	background: none;
	float: left;
}
ul.search-pager li a {
	text-decoration: none;
}
ul.search-pager li * {
	color: #163a57 !important;
	font-size: 11px;
	font-weight: normal;
}
#secluded-note {
	clear: left;
	padding: 15px 0 0 11px;
}
/* @end */


/* @group Table Attachments */
ul.attachments {
	padding: 10px 0px 20px 0px;
	margin: 0px;
	width: 580px;
	display: block;
	float: left;
	line-height: 9px;

}
ul.attachments li {
	width: 570px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	background: none;
	height: auto;
	line-height: 9px;
}
ul.attachments li.attachments-topic {
	background:  #818181;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	padding: 1px 0px 1px 0px;
}
ul.attachments li.attachments-topic h1 {
	padding: 3px 0px 1px 12px;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #000;
}
ul.attachments li.attachments-topic h1 strong {
	color: #fff;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
}
ul.attachments li.attachments-caption dt, ul.attachments li.attachments-caption dd {
	font: normal 10px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666;
	padding: 5px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
}
ul.attachments li dl {
	display: block;
	float: left;
	width: 570px;
	padding: 0px;
	margin: 0px;
}
ul.attachments li dl dt.attachments-modified {
	display: block;
	float: left;
	text-align: left;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	
	width: 90px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	
}
ul.attachments li dl dd.attachments-name {
	display: block;
	float: left;
	width: 450px;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
	
}
ul.attachments li dl .attachments-name a {
	color: #163a57 !important;
	text-decoration: none !important;
	font: normal 13px/20px Arial, Helvetica, sans-serif;	
	line-height: 15px;

}
/* @end */



/* @group Table Bulletin */
form#comment-form {
	padding: 0px;
	margin: 0px;
}
ul.bulletin {
	width: 580px;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
ul.bulletin li {
	display: block;
	float: left;
	width: 580px;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	background: none;
}
ul.bulletin li input {
	height: 18px;
}
ul.bulletin li dl .bulletin-topics a {
	color: #163a57 !important;
	text-decoration: none !important;
	font: normal 13px/18px Arial, Helvetica, sans-serif;	
	clear: both;
	display: block;
}
ul.bulletin li dl .bulletin-topics span.bulletin-content {
	font: normal 12px/18px Arial, Helvetica, sans-serif;	
}
ul.bulletin li.bulletin-row-closed {
	background: url(/css/img/bulletin-closed.gif) no-repeat 0px 0px;
}
ul.bulletin li.bulletin-row-open {
	background: url(/css/img/bulletin-open.gif) no-repeat 0px 0px;
}
ul.bulletin li.bulletin-topic {
	background:  #818181;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 580px;	
	padding: 1px 0px 1px 0px;
}
ul.bulletin li.bulletin-topic h1 {
	padding: 3px 0px 1px 12px;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #000;
}
ul.bulletin li.bulletin-topic h1 strong {
	color: #fff;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
}
ul.bulletin li.bulletin-caption dl > * {
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666;
	padding: 5px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
}
ul.bulletin li.bulletin-row dl {
	border-top: 1px solid #bbb;
	padding: 5px 0px 5px 0px;
}
ul.bulletin li.bulletin-add-topic div {
	border-top: 1px solid #bbb;	
	width: 560px;
}
ul.bulletin li dl {
	display: block;
	float: left;
	width: 560px;
	padding: 11px 0 0;
	margin: 0px;
}
ul.bulletin li.first dl {
	padding: 0px;
}
ul.bulletin li dl dt {
	display: inline;
	width: 380px;
	text-align: left;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
ul.bulletin li dl dd {
	display: inline;
	width: 80px;
	padding: 0px;
	margin: 0px;
}
ul.bulletin li dl .bulletin-comment {
	width: 530px;
	padding: 3px 0px 10px 0px;
}
ul.bulletin li dl .bulletin-summary-sections {
	width: 240px;
}
ul.bulletin li dl .bulletin-summary-sections a {
	color: #163a57 !important;
	text-decoration: none !important;
	font: normal 13px/20px Arial, Helvetica, sans-serif;	
}

ul.bulletin li dl .bulletin-summary-topics {
	width: 70px;
}
ul.bulletin li dl .bulletin-summary-replies {
	width: 60px;
}
ul.bulletin li dl .bulletin-summary-last-post {
	width: 160px;
	line-height: 14px;
}
ul.bulletin li dl .bulletin-topics {
	width: 340px;
}
ul.bulletin li dl .bulletin-replies {
	width: 60px;
}
ul.bulletin li dl .bulletin-last-post {
	width: 160px;
	line-height: 14px;
}
ul.bulletin li dl .bulletin-comment-by {
	width: 270px;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #ccc;
}
a.bulletin-add-topic, a.bulletin-reply, a.bulletin-edit, a.bulletin-delete {
	text-decoration: none;
	color: #163A57 !important;
	/*font-weight: normal;*/
}
ul.bulletin li ul {
	padding: 0px;
	margin: 0px;
	background: none !important; 
}

ul.bulletin li ul li {
	float: left;
	display: inline;
	margin:0px;
	padding: 0px 4px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style-image: none;
	list-style:none;
	line-height: 14px;
	font-size: 12px;
	width: auto;
	height: 14px;
	background: none; 
	
}
ul.bulletin li dl .bulletin-summary-sections li a {
	float: left;
	display: inline;
	font-size: 10px;
}

/* @end */




/* @end */

dl, .previewdl {


	position: relative;
	display: block;
	float: left;
	width: 450px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	vertical-align: top;
	clear: both;

	}

dt, .previewdt {
	width: 120px;
	float: left;
	margin: 0px 0px;
	padding: 4px 0px 2px 0px;
	border: 0px;
	vertical-align: top;
	line-height: 14px;
	font-size: 11px;
	text-align: right;
}
/* commented backslash hack for mac-ie5 \ */
dt, .previewdt { clear: both; }
/* end hack */

dd, .previewdd {
	width: 300px;
	float: left;
	margin: 0px;
	padding: 4px 0px 2px 10px;
	border: 0px;
	vertical-align: top;
	font-size: 12px;
}
input, textarea, select, button{
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0px 0px 0px 0px;
}
input[type="text"], textarea {
	width: 291px; 
	border: 1px solid #bbb;
	padding: 0px 0px 0px 5px;
}	
input.disabled, textarea.disabled {
	background: none;
	border: none;
	color: #666;
}

input.dateinput {
	width: 70px;
}
input.clockinput {
	width: 40px;
}

.date-delete {
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	text-decoration: none;	
}
p.error {
	color: #800;
	font-size: 12px;
}

/* @group sirkka */

#leftsearch form{
	margin: 0px;
	padding: 0px;
}
#leftsearch p{
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#leftsearch {
	padding: 0px 0px 0px 0px;
}
#leftsearch h2{
	color: #fff;
	padding: 0px 0px 0px 20px;
}

#leftsearch ul{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	list-style: none;
	list-style-image: none;
	background: none;
	width: 190px;
}
#leftsearch ul li {
	margin: 0px;
	padding: 3px 0px 0px 20px;
	list-style-type: none;
	list-style: none;
	list-style-image: none;
	color: #fff;
	background: none;
}
#leftsearch ul li.hide {
	display: none;
}
#leftsearch .field {
	width: 168px;
	padding: 2px 0px 0px 2px;
	margin: 10px 0px 0px 0px;
	font: normal 12px/11px Arial, Helvetica, sans-serif;
	height: 17px;
	border: 1px solid black;
	color: black; 
}
#leftsearch .submit{
	width: 40px;
	padding: 0px;
	margin: 10px 0px 20px 129px;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#leftsearch .tall{
	margin-top: 10px;
}
#leftsearch .day{
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	width: 47px;
}
#leftsearch .month{
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	width: 120px;
}
#leftsearch .opt{
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	width: 170px;
}

/* @end */

/* @group sirkka jatko */

.sirkkaform .resultcount,
.sirkkaform .resultnumbers, 
.sirkkaform .search-result 
{
	float: left;
	clear: both;
}
.sirkkaform .resultnumbers {
	font-size: 12px;
	margin-bottom: 6px;	
	border-bottom: solid #ddd 1px;
	width: 359px;
}
.sirkkaform .resultnumbers * {
	float: left;
	clear: none;
	font-size: 11px;
	padding-right: 3px;
}
.sirkkaform .resultcount {
	padding-bottom: 3px;	
}
.sirkkaform .search-result {
	display: block;
	position: relative;
	width: 360px;
	border-top: none;
	font-size: 12px;
	height: 20px;
}
.sirkkaform a.alphabet {
	float: left;
	clear: left;
	visibility: hidden;
	height: 5px;
}
.sirkkaform #columnleftcontent-wide {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 277px;
	position: relative;
}


.template-sirkka div#leftsearch {
	height: 191px;
	width: 190px;
	padding: 0px;
	margin: 0px;
	margin-top: 69px;
	clear: both;
	font-size: 11px;
}


.template-sirkka #search-instructions * {
	color: #666;
}

.template-sirkka #leftsearch .field {
	margin-top: 3px;
	width: 159px;
	padding-left: 4px;
}

.template-sirkka #leftsearch #teos-menu.searchtype-menu {
	background: #939393;
	position: absolute;
	top: 99px;
	left: 56px;
	padding: 9px 0;
}
.template-sirkka #leftsearch #artisti-menu.searchtype-menu {
	background: #939393;
	position: absolute;
	padding: 9px 0;
	top: 132px;
	left: 90px;
}
.template-sirkka #leftsearch #ryhma-menu.searchtype-menu {
	background: #939393;
	position: absolute;
	padding: 9px 0;
	top: 144px;
	left: 122px;
} 
.template-sirkka #leftsearch .searchtype-menu li {
	cursor: pointer;
	width: 150px;
	padding-left: 14px;
}
.template-sirkka #leftsearch .searchtype-menu li:hover {
	background: #6c6c6c;
}


.template-sirkka #leftsearch li#teos {
	background: transparent url(img/search_img.gif) no-repeat -50px -4px;
	cursor: pointer;
	width: 120px;
	height: 23px;
	padding: 2px 0px 0px 20px;

}
.template-sirkka #leftsearch li#teos.selected {
	background-position: -280px -4px;
}

.template-sirkka #leftsearch li#artisti {
	background: transparent url(img/search_img.gif) no-repeat -50px -38px;
	
	width: 150px;
	height: 20px;
	padding: 2px 0px 0px 20px;
	margin: 0px;
}
.template-sirkka #leftsearch li#artisti.selected {
	background-position: -280px -38px;
}

.template-sirkka #leftsearch li#ryhma {
	background: transparent url(img/search_img.gif) no-repeat -50px -69px;
	padding: 2px 0px 0px 20px;

	width: 136px;
	height: 19px;
}
.template-sirkka #leftsearch li#ryhma.selected {
	background-position: -280px -69px;
}

.template-sirkka #leftsearch li#teos a {
	height: 19px;
	width: 15px;
	padding: 0px 0px 0px 0px;
	background: transparent url(img/search_img.gif) no-repeat -4px -1px;
	float: right;
	font-size: 0px;

}
.template-sirkka #leftsearch li#teos.selected a {
	background-position: -7px -37px !important;
}
.template-sirkka #leftsearch li#artisti a {
	height: 19px;
	width: 15px;
	padding: 0px 0px 0px 0px;
	background: transparent url(img/search_img.gif) no-repeat -4px -1px;
	float: right;
	font-size: 0px;
}
.template-sirkka #leftsearch li#artisti.selected a {
	background-position: -7px -35px !important;
}
.template-sirkka #leftsearch li#ryhma a {
	height: 19px;
	width: 15px;
	padding: 0px 0px 0px 0px;
	background: transparent url(img/search_img.gif) no-repeat -4px 0px;
	float: right;
	font-size: 0px;
}
.template-sirkka #leftsearch li#ryhma.selected a {
	background-position: -7px -35px !important;
}


li#teos input {
	width: 80%;
	float: left;
	height: 14px;
	background: transparent;
	border: none;
	color: white;
	cursor: pointer;
}
li#artisti input {
	width: 80%;
	float: left;
	height: 14px;
	background: transparent;
	border: none;
	color: white;
	cursor: pointer;
}
li#ryhma input {
	width: 80%;
	float: left;
	height: 14px;
	background: transparent;
	border: none;
	color: white;
	cursor: pointer;
}
li#teos.selected input {
	color: #000;
}
li#artisti.selected input {
	color: #000;
}
li#ryhma.selected input {
	color: #000;
}
.template-sirkka #leftsearch li.open a {
	background-position: 0 -45px !important;
	width: 10px;
	margin-right: -2px;
}
.template-sirkka #leftsearch .submit{
	margin-left: 102px;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	margin-top: 6px;
	width: 58px;
}
.template-sirkka #leftsearch select[name=start] {
	margin-right: 13px;
}
.template-sirkka #leftsearch select[name=end] {
	margin-left: 13px;
}
.sirkkaform .preview #otsikot dt, .sirkkaform .preview #otsikot .previewdt {
	display: none;
} 
.sirkkaform .preview #otsikot dd.nimi, .sirkkaform .preview #otsikot .previewdd.nimi {
	font-weight: bold;
	font-size: 16px;
	color: #666;
}
.sirkkaform .preview #otsikot dd, .sirkkaform .preview #otsikot .previewdd {
	color: #000;
	font-size: 12px;
}
.sirkkaform a {
	color: #00a6ec;
	text-decoration: none;
	display: block;
	float: left;
}
.sirkkaform a img {
	float: left;
	padding:0 0 10px 2px;
}
.sirkkaform a.unpublished {
	color: #dd5500;
}
.sirkkaform a#printlink {
	color: #000;
	font-size: 11px;
	padding-left: 10px;
	font-weight: bold;
	float: left;
	width: 100%;
}
.sirkkaform a#printlink:after {
	content: " »";
	color: #00a6ec;
}
#kuvat.contentview {
	margin: 0;
	padding: 10px;
}

/* @end */

/* @group Sirkkaform */

/*.sirkkaform input[type=text] {
	height: 14px;
}*/
.sirkkaform dt,
.sirkkaform .previewdt
{
	font-size: 12px;
	text-align: left;
	width: 100%;
	margin-top: 2px;
}
.sirkkaform .preview dt,
.sirkkaform .preview .previewdt
{
	font-weight: bold;
}
.sirkkaform dd,
.sirkkaform .previewdd
{
	float: left;
	margin: 2px 0 0;
	padding: 0;
	width: 100%;
	text-align: justify;
}
.sirkkaform .vapaatkentat dt,
.sirkkaform .vapaatkentat .previewdt
{
	padding-top: 16px;
}
.sirkkaform .vapaatkentat dt:first-child,
.sirkkaform .vapaatkentat :first-child .previewdt
{
	padding-top: 0px;
}
.sirkkaform #tyylilajit * {
	float: left;
	clear: left;
}
.sirkkaform #tyylilajit label {
	clear: none;
}
.sirkkaform #tyylilajit input[name=tyylilaji_muu_text_fi],
.sirkkaform #tyylilajit input[name=tyylilaji_muu_text_en],
.sirkkaform #tyylilajit input[name=sirkuslaji_muu_text_fi],
.sirkkaform #tyylilajit input[name=sirkuslaji_muu_text_en]
{
	clear: none;
	width: 120px;
	padding-left: 2px;
}
.sirkkaform #toimenkuvat *, 
.sirkkaform #sirkuslajit * 
{
	float: left;
}
.sirkkaform #toimenkuvat input.odd,
.sirkkaform #sirkuslajit input.odd 
{
	clear: left;
} 
.sirkkaform #toimenkuvat label,
.sirkkaform #sirkuslajit label 
{
	width: 118px;
} 
.sirkkaform #sirkuslajit input[name=sirkuslaji_muu_text_fi], 
.sirkkaform #sirkuslajit input[name=sirkuslaji_muu_text_en] 
{
	clear: none;
	width: 193px;
	padding-left: 2px;
}
.sirkkaform dt.compact, 
.sirkkaform dl.compact dt, 
.sirkkaform .preview dt.compact-preview, 
.sirkkaform .previewdt-compact, 
.sirkkaform .previewdl-compact .previewdt, 
.sirkkaform .preview .previewdt-compact-preview 
{
	width: auto;
}
.sirkkaform dd.compact, 
.sirkkaform dl.compact dd, 
.sirkkaform .preview dd.compact-preview,
.sirkkaform .previewdd-compact, 
.sirkkaform .previewdl-compact .previewdd, 
.sirkkaform .preview .previewdd-compact-preview 
{
	width: auto;
	clear: none;
	float: right;
	padding-left: 5px;
	padding-top: 3px;
}
.sirkkaform .preview dd.compact,
.sirkkaform .preview dl.compact dd,
.sirkkaform .preview dd.compact-preview, 
.sirkkaform .preview .previewdd-compact,
.sirkkaform .preview .previewdl-compact .previewdd,
.sirkkaform .preview .previewdd-compact-preview  
{ 
	float: left;
}
.sirkkaform .roleadd input {
	margin-right: 4px;
}
.sirkkaform input.rooli {
	width: 46px;
}
.sirkkaform input.artisti {
	width: 95px;
}
.sirkkaform input.vuosi {
	width: 34px;
}
.sirkkaform input[name=kesto] {
	width: 180px; 
}
.sirkkaform input[name=kieli_fi], .sirkkaform input[name=kieli_en] { 
	width: 180px;
}
.sirkkaform input[name=puhelin] {
	width: 177px;
}
.sirkkaform input[name=syntynyt] {
	width: 187px;
}
.sirkkaform input[name=ammatti_fi], .sirkkaform input[name=ammatti_en] {
	width: 187px;
}
.sirkkaform input[name=kansalaisuus_fi], .sirkkaform input[name=kansalaisuus_en] {
	width: 187px;
}
.sirkkaform input[name=perustettu] {
	width: 160px;
	float: right;
	clear: both;
}
.sirkkaform input[name=hallinnollinenhlokunta] {
	width: 82px;
}
.sirkkaform input[name=taiteellinenhlokunta] {
	width: 82px;
}
.sirkkaform textarea {
	height: 100px;
}
.sirkkaform dl,
.sirkkaform .previewdl
{
	display: table;
	padding-bottom: 18px;
	width: 291px;
}
.sirkkaform .preview dl,
.sirkkaform .preview .previewdl
{
	width: 371px;
}
.sirkkaform input, .sirkkaform button {
	font-size: 10px;
	line-height: 12px;
	padding-top: 2px;
}
.sirkkaform button[name=preview], 
.sirkkaform button[name=cancel], 
.sirkkaform button[name=back], 
.sirkkaform button[name=commit]
{
	font-size: 13px;
	line-height: 16px;
	padding-top: 2px;
}

/*#eventsearch select {
	border: 1px solid black;
	height: 22px;
	padding: 4px 0 2px 2px;
}*/

.completer-menu {
	background: white;
	color: #555;
	border: solid black 1px;
	margin: 0;
	padding: 0; 
}
.completer-menu ul {
	margin: 0;
	padding: 0;
}
.completer-menu li {
	list-style: none;
	padding-left: 4px;;
}
.completer-menu li:hover,
.completer-menu li.selected
{
	background: #ddd;
}

.sirkkaform #role-links span {
	padding-right: 3px;
}
.sirkkaform #role-links a {
	background: transparent url(img/bullet.gif) no-repeat 0 3px;
	padding-left: 9px;
}
.sirkkaform #role-links span:first-child a {
	background: none;
	padding-left: 0;
}

/* @end */
dl .langfi, dl .langen,
.previewdl .langfi, .previewdl .langen,
{
	display: none;
}
.langfi dl .langfi, .langen dl .langen,
.langfi .previewdl .langfi, .langen .previewdl .langen
{
	display: block;
}

#news{
	display: block;
	position: relative;
	width: 200px;
	height: 160px;
	padding: 10px 0px 8px 14px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

#news h1 {
	font: normal 15px/21px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	width: 200px;

}
#news dl{ 
	display: block;
	position: relative;
	float: left;
	
	width: 190px;
	padding: 0px 0px;
	margin: 0px 0px;
	background: url(img/arrow.gif) no-repeat 0px bottom;
	
}

#news dt {
	display: block;
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	color: #777 !important;
	font-weight: normal;
	font-size: 9px;
	
}

#news dd {
	display: block;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	color: #000 !important;
	
}
#news a{
	text-decoration: none;
}


#searchresults {
	padding: 30px 0px 0px 0px;
}
.search-result {
	display: block;
	position: relative;
	width: 360px;
	border-top: 1px solid #ccc;
	
}


.search-result h1 {
	font: bold 15px/18px  Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.search-result h1 a {
	font: normal 18px/18px  Arial, Helvetica, sans-serif;
	color:  #009;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-decoration: none;

}

.search-result h2{
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
.search-result h3{
	font: normal 10px/15px Arial, Helvetica, sans-serif;
	color: #777;
	padding: 3px 0px 2px 0px;
	margin: 0px;
	text-transform: uppercase;
}
.search-result p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	line-height: 18px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #000;
}
.search-result p a {
	text-decoration: none;
	background: url(img/link-away.gif) no-repeat left;
	padding-left: 10px;
	margin-left: 2px;
}
.search-result p a:hover {
	text-decoration: underline;
}


/*   CSS - FORM STYLES--------------- */

textfield, textarea, select {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #444;
}
input.btn {
	padding: 2px;
	margin: 0px 5px 0px 5px;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #c00;
	border:1px solid #900;
}

/* @group Newletter */

#yearmenu{
	display: block;
	float: left;
	margin: 0px;
	padding: 18px 0px 0px 10px;
	width: 580px;
}
#yearmenu p {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#yearmenu a {
	margin: 0px 2px 0px 2px;
	padding: 1px 7px 1px 7px;
	font: bold 12px/21px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #111;
}
#yearmenu a:hover, #yearmenu  a.selected{
	color: #fff;
	background-color: #000;
}
#yearmenu #years {
	padding: 0px 0px 0px 30px;
	margin: 0px;
}
#yearmenu #months a.selected, #yearmenu #months a:hover{
	background-color: #000000;
}
#yearmenu #nro {
	position: absolute;
	top: 36px;
	left: 25px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 10px;
}
#yearmenu #months {
	position: absolute;
	top: 38px;
	left: 42px;
	padding: 0px;
	margin: 0px;

}
#yearmenu #months ul {
	padding: 0px !important;
	margin: 0px !important;
}
#yearmenu #months li {
	float: left;
	line-height: 23px;
	background: none;
	list-style: none;
	height: 23px;
	padding: 4px 6px 10px 6px !important;
	margin: 0px !important;
	
} 
#yearmenu #months li.selected-3 {
	background: #60a7e7;
}
#yearmenu #months li a{
	font-size: 23px;
	line-height: 23px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	display: inline;
}
#yearmenu #months li.selected-3 a {
	color: #fff !important;
	background-color: #60a7e7;
}

/* @end */

/* codesigner fixes */

.contentarea>br {
	display: none;
}
.contentarea h1 br, .contentarea h2 br, .contentarea h3 br, .contentarea h4 br, .contentarea p br  {
	display: inline;
}


a.link-away{
	background: url(img/link-away.gif) no-repeat left;
	padding-left: 10px;
	margin-left: 2px;
	text-decoration: none;
}




#kerro-kaverille input, #kerro-kaverille textarea {
	width: 220px;
}