@media print
{
	body
	{
		font-family: Arial;
		font-size: 12pt;
	}
}
@media screen
{
	body
	{
		font-family: Arial;
		font-size:12px;
	}
}

@page
{
	size: landscape;
}



img
{
	border: none;
}

small
{
	font-size: smaller;
}
 
li
{
	margin-bottom: 10px;
	margin-top: 10px;
}
 
table
{
	margin:0px;
	border:none;
	empty-cells: show;
	border-collapse: collapse;
	background-color:#ffffff;
}

td
{
	border:#e8e8e8 1px solid;
	color:#444444;
	font-size:12px;
	empty-cells: show;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
}

tr:nth-child(odd) td
{
	background-color:#fcfcfc;
}

tr.odd td
{
	background-color: #DEDEDE;
}

tr.even td
{
}

tr.sumRow td:nth-child(n+2)
{
	border-bottom: 1px solid #A2A2A2;
}


th
{
	padding-left:3px;
	padding-right:3px;
	background-color:#b79800;
	color:#ffffff;
	border:none;
	font-size:12px;
}

th a
{
	color:#ffffff;
	text-decoration: underline;	
}

.tabrow
{
	padding:0px;
	border:none;
	height:23px;
	padding-left:10px;
	overflow:hidden;
	background:#e3e3e3 url(tab-none.gif) 0 0 repeat-x;
}


.tabrow img
{
	float:left;
}

.tabrow img.right
{
	margin-right:8px;
}

.tabrow .TabActive, .tabrow a
{
	height:18px;
	text-align:center;
	float:left;
	padding-top:5px;
	color:#ffffff;
	font-weight:bold;
	background:#e3e3e3 url(tab-active-M.gif) 0 0 repeat-x;
	text-decoration: none;
}

.tabrow a
{
	background:#e3e3e3 url(tab-inactive-M.gif) 0 0 repeat-x;
	display:block;
	color:#956800;
	
}

.tabrow a.TabInactive:hover
{
	text-decoration: underline;
	color:#541b76;
}

h1
{
	margin-top:10px;
	margin-bottom:10px;
	color:#541b76;
	font-size:18px;
}

h1.organization-name {
	border-bottom:none;
	color:#b79800;
	
}

h2
{
	color:#541b76;
	font-size:14px;
	padding-left:10px;
}

h3
{
	color:#b0a301;
	font-weight:bold;
	font-size:13px;
}

/* Linkit */
a
{
	text-decoration: none;
	color: #541B76;
	font-weight:bold;
}

a:hover
{
	text-decoration: underline;
}

@media print
{
	a.printLink
	{
		display: none;
	}
}


samp
{
	font-style: italic;
}

/* Lomakepohja */
table.form th, table.form td
{
	/* vertical-align: text-top; */
	vertical-align: baseline;
}
table.form th
{
	font-weight:bold;
	color:#541b76;
	background-color: #ffffff;
	font-size:12px;
	empty-cells: show;
	text-align: left;
	padding-right: 15px;
}
table.form td
{
	border-style: none;
}
table.form input
{
	border: solid 1px #BFBFBF;
}

table.form input[type="text"], table.form input[type="password"]
{
	text-align: left;
}

table.form input[type="checkbox"], table.form input[type="radio"]
{
	border-style: none;
}

table.form input[type="submit"]
{
	text-align: center;
	background-color: #D2D2D2;
}
table.form input[type="submit"].unemphasize
{
	background-color: #EFEFEF;	
	border-color: #D3D3D3;
}

.FormMessage
{
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.FormMessage .success
{
	color: #009400;
}
.FormMessage .error, .FormMessage .error *
{
	color: #ff0000;
}
.FormMessage .error a, .FormMessage .error a
{
	color: #541b76;
}
.FormMessage .error a, .FormMessage .error a *
{
	color: #541b76;
}


input[readonly] {
	color: Gray;
}

/* Sivun rakenne */
@media print
{
	#TopMenu
	{
		display: none;
	}
	div.nonPrintable
	{
		display: none;
	}
}
@media screen
{
	#TopMenu
	{
		background-color:#541b76;
		padding:8px;
		padding-right:3px;
	}	
}

#TopMenuPath
{
	background-color:#541b76;
	color:#ffffff;
	padding:2px;
	font-size:11px;
}
#TopMenuPath .separator
{
	margin-left: 3px;
	margin-right: 3px;
}

#TopMenuPath a, #TopMenuPath a:hover
{
	color:#ffffff;
	text-decoration:underline;
	font-weight:normal;
	font-size:11px;
}

#TopMenuTools
{
	float: right;
	position:relative;
	top:-24px;
}

#TopMenuTools a
{
	display: block;
	float:left;
	margin-left: 5px;
	margin-right: 5px;
	padding:6px;
	padding-left: 8px;
	padding-right: 8px;

	border:#541b76 1px solid;
	background-color:#ffffff;
	text-decoration: none;
	color:#541b76;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.3);
	-webkit-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.3);
	box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.3);
	text-shadow:0px 1px #ffffff;
}

#TopMenuTools a:hover {
	
	-moz-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.6);
	-webkit-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.6);
	box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.6);
}

#ContentArea
{
	clear: both;
	margin-top: 20px;
}

/* Hallinan toimintolista */
.PageMenu
{
	text-align: right;
	padding: 5px;
}
.PageMenu a, .ContentMenu a
{
	margin:0;
	margin-top:10px;
	text-align:center;
	display: block;
	padding: 2px;
	border:#541B76 1px solid;
	background-color:#ffffff;
	color:#541b76;
	text-decoration: none;
}
.PageMenu a:hover, .ContentMenu a:hover
{
	background-color:#541B76;
	color:#ffffff;
	
}

/* Sisältökohtaiset toiminnot */
.ContentMenu a
{
	margin-top:10px;
	width: 200px;
}
.ContentMenu p *
{
	vertical-align: middle;
}

a.button, a.button:hover, a.buttonnew, a.buttonnew:hover
{
	display:block;
	text-align:center;
	border:#541b76 1px solid;
	padding-left:3px;
	padding-right:3px;
	color:#ffffff;
	background-color:#b79800;
	text-decoration:none;
}

a.button:hover, a.buttonnew:hover
{
	background-color:#d7b820;
}

a.buttonnew, a.buttonnew:hover, a.button, a.button:hover
{
	background-color:#ffffff;
	color:#541b76;
}

a.MoveUp {
	display:inline-block;
	padding:6px;
	padding-left: 8px;
	padding-right: 8px;
	border:#541b76 1px solid;
	background-color:#ffffff;
	text-decoration: none;
	color:#541b76;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-top:10px;
	-moz-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.3);
	-webkit-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.3);
	box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.3);
	text-shadow:0px 1px #ffffff;
}

a.MoveUp:hover {
	
	-moz-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.6);
	-webkit-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.6);
	box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.6);
}

a.MoveUp:before {
	content:"^ ";
}

/* Kyselylomake */
@media print
{
	a.inactive, a.MoveUp
	{
		display: none;
	}
}
.formBlock
{
	float: left;
}

@media print
{
	.helpLink
	{
		display: none;
	}
}
@media screen
{
	.helpLink, .printLink
	{
		color: #B79800;
		font-weight: bold;
		
	}

	.helpLink {
		cursor: help;
	}

	.helpLink:before, .printLink:before {
		content:"» ";
	}
}
table.DataCollection
{
	background-color: #E5E5E5;
	margin-top:10px;
	margin-bottom:10px;
}

table.DataCollection tr th {
	height:26px;
}

table.DataCollection tr:hover td, table.DataCollection tr:hover th{
	background-color:#f7fbc6 !important;
}

table.DataCollection th
{
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
}
table.DataCollection td
{
	color: #000000;
	background-color: #E5E5E5;
	white-space: nowrap;
	vertical-align: middle;
}

table.DataCollection td.header
{
	color: #000000;
	background-color: #ffffff;
	/*
	border-top: none;
	border-bottom: none;
	*/
}

table.DataCollection th.nodedepth0 {
	text-transform:uppercase;
	color:#000000;
	padding-left:0px;
}

table.DataCollection th.nodedepth1 {
	color:#606060;
	padding-left:8px;
}

table.DataCollection th.nodedepth2 {
	color:#606060;
	padding-left:16px;
	font-weight:normal;
}

table.DataCollection th.nodedepth3 {
	color:#808080;
	padding-left:24px;
	font-weight:normal;
}

table.DataCollection th.nodedepth4 {
	color:#a0a0a0;
	padding-left:32px;
	font-weight:normal;
}

table.DataCollection tr.header th, table.DataCollection tr.footer th
{
	background-color: #f0f0f0;
	vertical-align: top;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #dadada;
	color:#606060;
}

table.DataCollection tr.header th
{
	vertical-align: bottom;
}
table.DataCollection tr.footer th
{
	vertical-align: top;
}

table.DataCollection tr:nth-child(2) td, table.DataCollection tr:last-child td {
	border-top:none;
}

table.DataCollection tr.header th:first-child, table.DataCollection tr.footer th:first-child {
	border-left:none;
}

table.DataCollection tr.header th {
	-moz-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.15), inset 1px 0px 0px 0px rgba(255,255,255,0.8);
	-webkit-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.15), inset 1px 0px 0px 0px rgba(255,255,255,0.8);
	box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.15), inset 1px 0px 0px 0px rgba(255,255,255,0.8);
}

table.DataCollection tr.footer th {
	-moz-box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.15), inset 1px 0px 0px 0px rgba(255,255,255,0.8);
	-webkit-box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.15), inset 1px 0px 0px 0px rgba(255,255,255,0.8);
	box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.15), inset 1px 0px 0px 0px rgba(255,255,255,0.8);
}

table.DataCollection th.ShortDescription
{
	font-size: 10px;
	text-align: center;
	line-height:16px;
}



table.DataCollection td
{
	background-color: #f4f4f4;
	text-align: right;
	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9);
}
table.DataCollection tr.odd td, table.DataCollection tr.odd th
{
	background-color: #ffffff;
}
table.DataCollection input
{
	/*jostain kumman syystä input[type="text"] ei toiminu isoimmissa taulukoissa... */
	width: 55px;
	text-align: right;
	border: solid 1px #E5E5E5;
	padding: 1px;
}
table.DataCollection input[readonly]
{
	background-color: #F2F2F2;
}

table.DataCollection input.inputError
{
	border: solid 1px #FF0000;
}

table.DataCollection input.emphasize
{
	border: solid 1px #0000FF;
}

table.DataCollection span.value, table.DataCollection span.valueWithHistory
{
	padding-right: 2px;
}
table.DataCollection span.valueWithHistory
{
	cursor: pointer;
}
table.DataCollection span.valueWithHistory:hover
{
	border: solid 1px gray;
	padding-right: 1px;	
	cursor: pointer;
}

.required
{
	vertical-align: baseline;
	text-align: right;
	font-size: 16px;
	color: #ff0000;
	cursor: default;
	padding-left: 4px;
}

.history
{
	float: left;
	color: #949485;
}

.ToolTip
{
	font-size: 10px;
	border: solid 1px #000000;
	color:#000000;
	background-color: #FFFFE1;
	padding: 1px;
	margin: 1px;
	line-height: normal;
	
	text-align: left;
	display: table;
	position: absolute;
	visibility: hidden;
}

@media print
{
	.SubPageMenu
	{
		display: none;
	}
}
@media screen
{
	.SubPageMenu
	{
		text-align: right;
		padding: 5px;
	}
}



.SubPageMenu a, .ActionsWrapper .EditButton
{
	margin:0;
	margin-top:10px;
	margin-left: 5px;	
	text-align:center;
	padding:6px;
	padding-left: 8px;
	padding-right: 8px;
	border:#541b76 1px solid;
	background-color:#541b76;
	text-decoration: none;
	color:#ffffff;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:inset 0 -35px 30px -30px rgba(255, 255, 255, 0.6), inset 0px -2px 0px -1px rgba(255,255,255,0.3);
	-webkit-box-shadow:inset 0 -35px 30px -30px rgba(255, 255, 255, 0.6), inset 0px -2px 0px -1px rgba(255,255,255,0.3);
	box-shadow:inset 0 -35px 30px -30px rgba(255, 255, 255, 0.6), inset 0px -2px 0px -1px rgba(255,255,255,0.3);
}

.SubPageMenu a:hover, .EditButton:hover
{
	-moz-box-shadow:inset 0 -35px 30px -30px rgba(255, 255, 255, 1), inset 0px -2px 0px -1px rgba(255,255,255,0.3);
	-webkit-box-shadow:inset 0 -35px 30px -30px rgba(255, 255, 255, 1), inset 0px -2px 0px -1px rgba(255,255,255,0.3);
	box-shadow:inset 0 -35px 30px -30px rgba(255, 255, 255, 1), inset 0px -2px 0px -1px rgba(255,255,255,0.3);
}

.ActionsWrapper .EditButton {
	float:right;
	margin-right:10px !important;
	position:relative;
	top:-17px;
	margin-left:0;
}

#ModalBackround
{
	position: absolute;
	left: 0px;
	top: 0px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
	background-color: #e8e8e8;
}

.dialog a {
	display:inline-block;
	padding:6px;
	padding-left: 8px;
	padding-right: 8px;
	border:#541b76 1px solid;
	background-color:#ffffff;
	text-decoration: none;
	color:#541b76;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.3);
	-webkit-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.3);
	box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.3);
	text-shadow:0px 1px #ffffff;
}

.dialog a:hover {
	
	-moz-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.6);
	-webkit-box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.6);
	box-shadow:inset 0px -2px 0px -1px rgba(255,255,255,1), inset 0 -30px 30px -30px rgba(84, 27, 118, 0.6);
}

ul li
{
	margin: 0px;
}

.ActionsWrapper {
	background-color:rgba(84, 27, 118, 0.08);
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
}

.ActionsWrapper a {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	
	color:#541b76;
}

.tableWrapper {
	border:1px solid rgba(84, 27, 118, 0.20);
	padding:10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.activeTableLink {
	background-color:rgba(183, 152, 0, 0.20);
	margin-bottom:0;
	padding:10px;
	border-radius:3px;
	box-shadow:inset 0 -10px 10px -10px rgba(183, 152, 0, 0.30);
}

.description {
	color:#808080;
	
	margin-top:10px;
}

/*Lomakekohtainen lyhyt ohje*/
.important-notes li
{
	color:#404040;
}
	
.important-notes .emp
{
	font-weight:bold;
}
	
.important-notes a
{
	text-decoration:underline;
}

div.max100ellipsis {
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

label.labelClass {
	display: none;
	font-size: 10px;
	font-weight: bolder;
	font-style: italic;
}

div.langHeaderHorizontalClass {
	font-size: 10px;
	font-weight:bolder;
}

div.langHeaderHorizontalClass p {
	width: 379px !important;
	font-style: italic;
}

div.langHeaderHorizontalClass p:nth-child(2) {
	width: 379px !important;
	padding-left: 5px;
}
div.langHeaderHorizontalClass p:nth-child(3) {
	width: 379px !important;
	padding-left: 5px;
}

.brandBtnClass {
	cursor: pointer;
	height: 23px;
	border-width: 1px;
	border-top: 1px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: none;
	font-weight: bold;
	font-size: 12px;
}
.tabClass {
	float: left;
}

.registryBtn {
	font-weight: bold;
	color: #541b76;
	font-size: 12px;
	border: #541b76 1px solid;
	height: 16px;
	padding: 0px 3px 0px 3px;
}

#spanBold {
font-weight: bold;
}

#attentionDiv {
	background-color: #f1f1f1;
}

@media only screen and (max-width: 1220px) {
	#käyttäjätDiv{
		position: initial !important;
	}
}

@media only screen and (max-width: 1338px) {
	div.langHeaderHorizontalClass {
		display: none !important;
	}
	label.labelClass {
		display: initial;
	}
	#addBrandBtn {
	position: absolute !important;
	right: -6px !important;
	top: 117px !important;
	
	}
	#addBrandBtn2 {
		position: absolute !important;
		right: 0px !important;
		top: 151px !important;
	}
}
@media only screen and (max-width: 655px) {
	#addBrandBtn {
		position: initial !important;
	}
	#addBrandBtn2 {
		position: initial !important;
	}

}