/* common styles starts */
body {
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #000000;
	height: 100%;
}
body.frontpage {
	background-image: url(../img/bg_body_frontpage.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #000000;
	height: 100%;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 9px;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 10px;
	margin-bottom: 9px;
}
h3 {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	background-image: url(../img/content_line.gif);
	background-repeat: repeat-x;
	background-position: bottom; 
	padding-bottom: 10px;
	margin-bottom: 9px;
}

a, a:link, a:active, a:visited {
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #830051;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.underline, a.underline:link, a.underline:active, a.underline:visited, a.underline:hover {
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #830051;
	text-decoration: underline;
}

form {
	margin: 0px;
}

p {
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.line {
	background-image: url(../img/content_line.gif);
	background-repeat: repeat-x;
	height: 1px;
}

.titleLink {
	position: absolute;
	top: 30px;
	width: 120px;
	height: 10px;
}

tr.titlerow {
	font-weight: bold;
	background-color: #739600; 
	color: #ffffff;
	text-transform: uppercase;
}

td {
	padding-left: 5px;
	height: 26px;
}

/* common styles ends */

/* Layout starts */

	#mainWrapper {
		display: table-cell;
		width: 960px;
		/*height: 100%;*/
		height: auto;
		text-align: left;
	}
	
		#topArea {
			width: 960px;
			height: 82px;
		}
			#topArea .logo {
				float: left;
				width: 155px;
			}
			#topArea .links {
				float: left;
				width: 805px;
				text-align: right;
				padding-top: 55px;
			}
				#topArea .links a, #topArea .links a:link, #topArea .links a:active, #topArea .links a:visited {
					font-family: Trebuchet MS;
					font-size: 11px;
					font-weight: bold;
					color: #9a9a9a;
					text-decoration: none;
				}
		#topNavi {
			width: 960px;
			height: 23px;
			font-family: Trebuchet MS;
			font-size: 12px;
			font-weight: bold;
			color: #000000;
		}
			#topNavi .link {
				float: left;
			}
			#topNavi .slash {
				float: left;
			}
			/*
			#topNavi .link a, #topNavi .link a:link, #topNavi .link a:active, #topNavi .link a:visited {
				display: inline-block;
				height: 18px;
				font-family: Trebuchet MS;
				font-size: 12px;
				color: #000000;
				text-transform: uppercase;
				text-decoration: none;
			}
			#topNavi .link a:hover {
				display: inline-block;
				height: 18px;
				font-family: Trebuchet MS;
				font-size: 12px;
				color: #c8c8c8;
				text-transform: uppercase;
				text-decoration: none;
			}
			#topNavi .link a.selected, #topNavi .link a.selected:link, #topNavi .link a.selected:active, #topNavi .link a.selected:visited {
				display: inline-block;
				height: 18px;
				font-family: Trebuchet MS;
				font-size: 12px;
				color: #830051;
				text-transform: uppercase;
				text-decoration: none;
				border-bottom: 5px solid #830051;
			}
			*/

			.topNaviList {
				margin: 0px;
				padding: 0px;
				border: 2px;
			}
				.topNaviList li {
					float: left;
					margin: 0px;
					padding: 0px;
					border: 0px;
					list-style-type: none;
				}
				#topNavi a.selected_False, #topNavi a.selected_False:link, #topNavi a.selected_False:active, #topNavi a.selected_False:visited {
					display: inline-block;
					height: 18px;
					font-family: Trebuchet MS;
					font-size: 12px;
					color: #000000;
					text-transform: uppercase;
					text-decoration: none;
				}
				#topNavi a.selected_False:hover {
					display: inline-block;
					height: 18px;
					font-family: Trebuchet MS;
					font-size: 12px;
					color: #c8c8c8;
					text-transform: uppercase;
					text-decoration: none;
				}
				#topNavi a.selected_True, #topNavi a.selected_True:link, #topNavi a.selected_True:active, #topNavi a.selected_True:visited {
					display: inline-block;
					height: 18px;
					font-family: Trebuchet MS;
					font-size: 12px;
					color: #830051;
					text-transform: uppercase;
					text-decoration: none;
					border-bottom: 5px solid #830051;
				}

		#frontpagePicArea {
			clear: both;
			width: 960px;
			height: 217px;
		}
			#frontpagePicArea .left {
				float: left;
				width: 459px;
				height: 217px;
				/* background-image: url(../img/pic_frontpage.jpg); */
				background-image: url(../kuva.aspx);
				background-repeat: no-repeat;
			}
			#frontpagePicArea .right1035 {
				float: left;
				width: 501px;
				height: 217px;
				background-image: url(../img/pictext_frontpage.gif);
				background-repeat: no-repeat;
			}
			#frontpagePicArea .right1033 {
				float: left;
				width: 501px;
				height: 217px;
				background-image: url(../img/pictext_frontpage.En-US.gif);
				background-repeat: no-repeat;
			}
		#contentWrapper {
			clear: both;
			/*display: table-cell;*/ /* Ei toimi Safarissa! */
			display: inline-block;
			width: 960px;
			height: auto;
			/*background-image: url(../img/bg_content.gif);
			background-repeat: repeat-y;*/
			/*background-color: red;*/
		}
			#contentWrapper .leftArea {
				/*display: table-cell;*/
				float: left;
				width: 223px;
				height: auto;
			}
				#leftNavi {
					width: 198px;
					background-color: #ffffff;
				}
				#leftNavi .topRow {
					width: 198px;
					height: 6px;
					background-image: url(../img/leftnavi_top.gif);
					background-repeat: no-repeat;
					/*background-color: red;*/
				}
				#leftNavi .linkRow {
					clear: both;
					height: 25px;
					border-bottom: 1px solid #b9b9b9;
				}
					#leftNavi .linkRow .indentColSelected_False {
						float: left;
						width: 9px;
					}
					#leftNavi .linkRow .linkColSelected_False {
						float: left;
						width: 189px;
						padding-top: 6px;
					}
					#leftNavi .linkRow .indentColSelected_True {
						float: left;
						width: 9px;
						height: 25px;
						background-image: url(../img/leftnavi_indentbg.gif);
					}
					#leftNavi .linkRow .linkColSelected_True {
						float: left;
						width: 189px;
						padding-top: 6px;
					}
				#leftNavi a.Selected_True, #leftNavi a.Selected_True:link, #leftNavi a.Selected_True:active, #leftNavi a.Selected_True:visited {
					font-size: 11px;
					color: #830051;
					text-decoration: none;
					text-transform: capitalize;
				}
				#leftNavi a.Selected_False, #leftNavi a.Selected_False:link, #leftNavi a.Selected_False:active, #leftNavi a.Selected_False:visited {
					font-size: 11px;
					color: #000000;
					text-decoration: none;
					text-transform: capitalize;
				}
				.leftNaviFirstLink {
					text-transform: uppercase;
				}

			#contentWrapper .middleArea {
				position: relative;
				display: table-cell;
				float: left;
				width: 460px;
				height: 100%;
			}
				#contentWrapper .middleArea .content {
					float: left;
					width: 446px;
					/*height: auto;*/
					height: 100%;
				}
			#contentWrapper .middleAreaWide {
				position: relative;
				display: table-cell;
				float: left;
				width: 737px;
				height: auto;
			}
				#contentWrapper .middleAreaWide .content {
					float: left;
					width: 730px;
					height: 100%;
				}
			#contentWrapper .rightArea {
				float: left;
				display: table-cell;
				width: 277px;
			}
				#contentWrapper .rightArea .contentArea {
					clear: both;
					width: 276px;
					height: 400px;
					margin-top: 30px;
				}
				#contentWrapper .rightArea .contentArea .indent {
					float: left;
					width: 25px;
				}
				#contentWrapper .rightArea .contentArea .content {
					float: left;
					width: 251px;
					height: 100%;
					border-left: #b9b9b9 solid 1px;
				}

				#contentWrapper .rightArea .contentArea .contentFP {
					float: left;
					width: 251px;
					height: 100%;
					border-left: #ffffff solid 1px;
				}

/* Layout ends */
			
/* Loginform starts */
#loginForm {
	display: table-cell;
	width: 250px;
	min-height: 173px;
	border: 1px solid #b9b9b9;
}
	#loginForm .top {
		width: 250px;
		height: 39px;
		background-image: url(../img/bg_pocket_top.gif);
		background-repeat: no-repeat;
		color: #ffffff;
		text-transform: uppercase;	
	}
	#loginForm .form {
		width: 250px;
		height: auto;
	}
	.loginForm {
		width: 80px;
		height: 14px;
		border: 1px solid #9a9a9a;
		font-size: 10px;
		color: #9a9a9a;
		padding: 5px;
	}
	#loginForm .top .title {
			
			margin-left: 9px;
			padding-top: 6px;
		}

/* Login Form ends */
	
/* Pocket starts */

.pocketArea {
	float: left;
	display: table-cell;
	width: 250px;
	border: 1px solid #b9b9b9;
}
	.pocketArea .top {
		position: relative;
		width: 250px;
		height: 34px;
		background-image: url(../img/bg_pocket_top.gif);
		background-repeat: no-repeat;
		color: #ffffff;
		text-transform: uppercase;		
	}
		.pocketArea .top .title {
			position: absolute;
			left: 9px;
			top: 6px;
		}
	.pocketArea .pocketContentArea {
		clear: both;
		width: 250px;
		height: auto;
	}
	.pocketArea .pocketContentArea .pocketIndent {
		float: left;
		width: 10px;
		height: auto;
	}
	.pocketArea .pocketContentArea .pocketContent {
		float: left;
		width: 230px;
		height: auto;
		padding-bottom: 15px;
	}

/* Pocket ends */
	
/* Infobar at the bottom of the Frontpage starts */
	
#infoBar {
	/*position: absolute;*/
	float: left;
	display: table-row;
	width: 100%;
	/*height: 66px;*/
	height: 49px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	left: 0px;
	background-color: #ffffff;
}
	#infoBar .whiteArea {
		width: 100%;
		height: 17px;
		background-color: #ffffff;
	}
	#infoBar .greenArea {
		text-align: center;
		float: left;
		width: 100%;
		height: 22px;
		background-color: #739600;
	}
	#infoBar a, #infoBar a:link, #infoBar a:active, #infoBar a:visited {
		text-align: center;
		color: #ffffff;
		font-size: 11px;
		text-decoration: none;
	}
	#infoBar a:hover {
		text-decoration: underline;
	}
	
/* Infobar at the bottom of the Frontpage ends */

/* Form starts */

	.formArea {
		/*width: 461px;*/
		height: 100%;
	}
		.formArea .tabArea {
			float: left;
			/*width: 461px;*/
			background-image: url('../img/bg_tabarea.gif');
			background-repeat: repeat-x;
		}

            /* tabit tiedostojen siirto alueelle ja lomakkeen tiedot sivulle */
			.ajax__tab_header Div.tab div.link,
			.ajax__tab_header Div.tab_mid div.link,
			.ajax__tab_header Div.tab_long div.link
			{
			    padding-top: 6px;
				font-size: 11px;
				font-weight: bold;
				color: #ffffff;
				text-transform: uppercase;
			}
			
			
			
			.formArea .tabArea .tab_off, 
			.ajax__tab_header Div.tab
			{
				float: left;
				width: 95px;
				height: 26px;
				background-image: url('../img/bg_tab_off.gif');
				background-repeat: no-repeat;
				text-align: center;
			}
			
			.formArea .tabArea .tab_on,
			.ajax__tab_header .ajax__tab_active Div.tab
			{
				float: left;
				width: 95px;
				height: 26px;
				background-image: url('../img/bg_tab_on.gif');
				background-repeat: no-repeat;
				text-align: center;
			}
			
			.formArea .tabArea .tab_mid_off,
			.ajax__tab_header Div.tab_mid
			{
				float: left;
				width: 118px;
				height: 26px;
				background-image: url('../img/bg_tab_mid_off.gif');
				background-repeat: no-repeat;
				text-align: center;
			}
			
			
			.formArea .tabArea .tab_mid_on,
			.ajax__tab_header .ajax__tab_active Div.tab_mid
			{
				float: left;
				width: 118px;
				height: 26px;
				background-image: url('../img/bg_tab_mid_on.gif');
				background-repeat: no-repeat;
				text-align: center;
			}
			
			.formArea .tabArea .tab_long_off,
			.ajax__tab_header Div.tab_long
			{
				float: left;
				width: 147px;
				height: 26px;
				background-image: url('../img/bg_tab_long_off.gif');
				background-repeat: no-repeat;
				text-align: center;
			}
			
			.formArea .tabArea .tab_long_on, 
			.ajax__tab_header .ajax__tab_active Div.tab_long
			{
				float: left;
				width: 147px;
				height: 26px;
				background-image: url('../img/bg_tab_long_on.gif');
				background-repeat: no-repeat;
				text-align: center;
			}
			
			.grayBorders
			{
			    border: solid 1px #b9b9b9;
			    border-top-width: 0px;
			    padding: 10px;
			    height: 100%;
			}
			
			td.grayBorders
			{
			    border: #b9b9b9 solid 1px;
			    border-top-width: 0px;
			    padding: 10px;
			}
			/*
			.formArea .tabArea .tab_off .link, .formArea .tabArea .tab_on .link {
				padding-top: 6px;
			}
			*/
			.formArea .tabArea .link {
				padding-top: 6px;
				font-size: 11px;
				font-weight: bold;
				color: #ffffff;
				text-transform: uppercase;
			}
			a.tabLink, a.tabLink:link, a.tabLink:active, 
			a.tabLink:visited, 
			a.tabLink:hover {
				font-size: 11px;
				font-weight: bold;
				color: #ffffff;
				text-transform: uppercase;
				text-decoration: none;
			}
		.formArea .fieldArea
		{
			float: left;
			/*width: 459px;*/
			border-left: #b9b9b9 solid 1px;
			border-right: #b9b9b9 solid 1px;
			height: auto; /* 100%;*/
		}
		.formDiv .fieldArea
		{
			border-left: #b9b9b9 solid 1px;
			border-right: #b9b9b9 solid 1px;
		}
		
		.formArea .ajax__tab_panel .fieldArea 
		{
				padding-left: 10px;
		}
		
		.grayBorders #FirstOsapuoli 
		{
		    padding-top: 3px;
		}
		
		.grayBorders #FirstOsapuoli .indent
		{
			display: none;
		}
			.formArea .fieldArea .indent 
			{
				float: left;
				width: 10px;
			}
			.formArea .fieldArea .fields 
			{
				float: left;
				/*width: 440px;*/
				 padding-top: 15px; 
				
			}
				.formArea .fieldArea .fields .formRow {
					clear: both;
					margin: 0px;
				}
				    .formArea .fieldArea .fields .formRow input,
				    .formArea .fieldArea .fields .formRow select
				    {
				        margin: 0px 0px 5px 0px;  
				    }
					.formArea .fieldArea .fields .formRow .title {
						float: left;
						width: 96px;
						text-align: right;
					}
					.formArea .fieldArea .fields .formRow .spacer {
						float: left;
						width: 10px;
					}
					.formArea .fieldArea .fields .formRow .field {
						float: left;
						width: 307px;
						/*padding-bottom: 12px;*/
					}
					.wide .fieldArea .fields .formRow .title{
					    width: 120px;
				    }
				
				    .wide .fieldArea .fields .formRow .field{
					    width: 530px;
				    }

					
				.formArea .fieldArea .fields .leftFields {
					float: left;
					width: 418px;
				}
				.formArea .fieldArea .fields .fieldSpacer {
					float: left; 
					width: 10px; 
					height: 420px;
					background-image: url(../img/bg_form_varaukset.gif); 
					background-repeat: repeat-y;
				}
				.formArea .fieldArea .fields .rightFields {
					float: left;
					position: relative;
					/*width: 307px;*/
					width: 297px;
				}
				
				
				
	
		.formArea .formBotArea {
			float: left;
			width: 461px;
			height: 12px;
			background-image: url(../img/bg_form_bottom.gif);
			background-repeat: no-repeat;
			padding-bottom: 20px;
		}
		
		.formArea .formBotAreaWide {
			float: left;
			width: 737px;
			height: 9px;
			background-image: url(../img/bg_form_bottom_wide.gif);
			background-repeat: no-repeat;
			padding-bottom: 20px;
		}
		
		.formArea TD 
		{
		    padding: 0px;
		}
	
	.formField {
		border: 1px solid #9a9a9a;
		font-size: 14px;
		color: #000000;
		padding-top: 3px;
		padding-left: 5px;
	}
	
	.formField[readonly] 
	{
        border: 0px;
		font-size: 14px;
		color: #000000;
		padding-top: 3px;
		padding-left: 5px;
	}
	
	.wide .formField {
		width: 530px;
	}					
	.formObligatoryHelpText {
		clear: both;
		height: 33px;
	}
		.formObligatoryHelpText .star {
			float: left;
			width: 14px;
			height: 11px;
			font-family: Trebuchet MS;
			font-size: 24px;
			font-weight: bold;
			color: #f53f5b;
		}
		.formObligatoryHelpText .text {
			float: left;
			padding-top: 2px;
		}
		
	.formOhjeLink {
		position: relative;
		left: 426px;
		top: -27px;
	}
	
	.formWarning {
		display: block;
		background-color: #f53f5b;
		color: #ffffff;
		font-size: 13px;
		font-weight: bold;
		width: 450px;
		height: 26px;
		margin-bottom: 17px;
		padding-top: 6px;
		padding-left: 10px;
	}

/* Form ends */

/* List table starts */

	.listTable {
		width: 730px;
		border: #b9b9b9 solid 1px;
		margin-bottom: 20px;
		padding: 0px;
	}

	.listTableSmall 
	{
	    width: 100%;
	    padding: 0px;
		/*width: 459px;*/
	}
	.listTable .titleRow {
		background-color: #739600;
		text-align: left;
	}
		.listTable .titleRow td {
			font-size: 11px;
			font-weight: bold;
			color: #ffffff;
			text-transform: uppercase;
			/*margin-left: 3px;*/
			text-align: left;
		}
		
		.listTable .titleRow td:first-child 
		{
		    text-align: left;   
		}
		
	.listTable .grayRow {
		/*background-color: #eeeeee; */
		background-color: #DADADA;
	}
	
	.listTable td {
		padding-left: 3px;
	}
	
	
/* List table ends */

/* Magazine boxes starts */

	.magBoxList {
		/*float: left;*/
		/*width: 495px;*/
		height: auto;
	}
		.magBoxList td {
			vertical-align: top;
			padding-bottom: 10px;
		}
			.magBoxList .item {
				float: left;
				width: 100px;
				margin-right: 10px;
				margin-bottom: 10px;
				height: 174;
			}
				.magBoxList .item .pic {
					width: 100px;
					height: 137px;
				}
				.magBoxList .item .titleGreen {
					width: 100px;
					height: auto; /* oli 31 */
					min-height: 31px;
					text-align: center;
					border-bottom: #bed600 solid 6px;
				}
				.magBoxList .item .titleRed {
					width: 100px;
					height: auto; /* oli 31 */
					min-height: 31px;
					text-align: center;
					border-bottom: #f53f5b solid 6px;
				}
			.magBoxList .spacer {
				float: left;
				width: 33px;
			}
			
	.magTitle {
		padding-top: 6px;
		padding-bottom: 6px;
		margin: 0px;
	}
		

/* Modal popups, e.g. userinfo and company info*/
div.ModalPopupDialog
{
    background: white;
    border: solid 1px black;
    width: 200px;
    padding: 10px;
}
.modalBackground 	
{
    BACKGROUND-COLOR: gray;	
    filter: alpha(opacity=70);	
    opacity: 0.7;
}

/* Lomake tiedot */
Table.LehtiCaseTable{
    margin-bottom: 20px; 
    width: 410px
}

    Table.LehtiCaseTable td
    {
        padding-left: 5px;
    }
    Table.LehtiCaseTable .itemrow{
        BACKGROUND-COLOR: #eeeeee;
    }

/* VioletButton Definitions */
div.VioletButton div 
{
   padding-top: 2px;
   font-size: 11px;
   font-weight: bold;
   color: #ffffff; 
   cursor: pointer
}

div.VioletButtonSmall
{
	float: left;
	width: 86px;
	height: 22px;
	background-image: url('../img/VioletButtonSmall.gif');
	background-repeat: no-repeat;
	text-align: center;
}
			
div.VioletButtonMedium
{
	float: left;
	width: 109px;
	height: 22px;
	background-image: url('../img/VioletButtonMedium.gif');
	background-repeat: no-repeat;
	text-align: center;
}

div.VioletButtonLarge
{
	float: left;
	width: 138px;
	height: 22px;
	background-image: url('../img/VioletButtonLarge.gif');
	background-repeat: no-repeat;
	text-align: center;
}

div.VioletButtonSmallDisabled
{
	float: left;
	width: 86px;
	height: 22px;
	background-image: url('../img/VioletButtonSmallDisabled.gif');
	background-repeat: no-repeat;
	text-align: center;
}
			
div.VioletButtonMediumDisabled
{
	float: left;
	width: 109px;
	height: 22px;
	background-image: url('../img/VioletButtonMediumDisabled.gif');
	background-repeat: no-repeat;
	text-align: center;
}

div.VioletButtonLargeDisabled
{ 
	float: left;
	width: 138px;
	height: 22px;
	background-image: url('../img/VioletButtonLargeDisabled.gif');
	background-repeat: no-repeat;
	text-align: center;
}
/* Lomakkeen tiedot, Pdf kuvakkeen valinta boxi */
div.pdfSelect
{
    PADDING-RIGHT: 9px; 
    MARGIN-TOP: 10px; 
    PADDING-LEFT: 9px; 
    PADDING-BOTTOM: 9px; 
    WIDTH: 270px; 
    PADDING-TOP: 9px; 
    BACKGROUND-COLOR: #eeeeee;
}
div.pdfSelect select
{
    FONT-SIZE: 11px; 
    WIDTH: 270px;
}

div.pdfPrevNextButtons
{
    PADDING-RIGHT: 9px; 
    MARGIN-TOP: 10px; 
    PADDING-LEFT: 9px; 
    PADDING-BOTTOM: 9px; 
    WIDTH: 270px; 
    text-align: right;
}
div.pdfPrevNextButtons .PrevButton
{
    padding-right: 5px;
}

.replaced
{
    background-color: Black;
    color: White;

}

.haveReplacedLomake
{
    text-decoration: underline;  
}

/* non modern browsers; e.g. ie6.0*/
.Esikatselukuvake
{
    width: 290px;
}

html>body .Esikatselukuvake
{
    width: auto;
    max-width: 290px;
}

/* Ilmoitusvaraus, /UserControls/Ilmoitusvaraus/Ilmoitusvaraustiedot.aspx */

.grayBorders tr td.buttonCell:first-child {
    text-align: left;
}

.grayBorders tr td.headerCell:first-child
{
    text-align: left;
    text-transform: uppercase;
    background-color: #739600;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    /*width: 459px;*/
    height: 24px;
}

.grayBorders tr td:first-child
{
    text-align: right;
    /*width: 160px;*/
}

.grayBorders tr td
{
    text-align: left;
    height: 30px;
    /*padding: 0px;*/
    /*width: 200px;*/
}

.grayBorders input 
{
    width: 285px;
}

.grayBorders input.imageButton
{
    width: auto;
}

a.whiteLink, a.whiteLink:link, a.whiteLink:active, a.whiteLink:visited {
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 0px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 0px;
}

.InnerTable 
{
    width: 100%;
    padding: 0px;
    border: 0px;
    margin: 0px;
}
    .InnerTable tr td 
    {
        padding: 0px 5px 0px 0px;
        border: 0px;
        margin: 0px;
    }
    
    .InnerTable td:first-child
    {
        width: 30%;   
    }

.IlmoitusvarausTable 
{
    border: 0px;
    padding: 0px;
    width: 100%;
}

.IlmoitusvarausTable td:first-child
{
    width: 30%;   
}

.IlmoitusvarausTable input {
    border: 1px solid #9a9a9a;
	font-size: 14px;
	color: #000000;
	padding-top: 3px;
	padding-left: 5px;
	width: 96%;
}

/* Fontin värin asetus ei toimi IE:llä! */
.IlmoitusvarausTable input[disabled], .IlmoitusvarausTable input[disabled="disabled"] {
    border: 0px;
	font-size: 14px;
	color: #000000;
	background-color: White;
	padding-top: 3px;
	padding-left: 5px;
	width: 96%;
}

.Borders 
{
    border: #b9b9b9 solid 1px;
    border-top-width: 0px;   
}
H1.SectionHeader
{
    FONT-WEIGHT: normal;	
    TEXT-TRANSFORM: uppercase;	
    WIDTH: 100%;	
    COLOR: #000000;	
    /*COLOR: #ffffff;	*/
    /*HEIGHT: 24px;	*/
    /*BACKGROUND-COLOR: #739600;	*/
    TEXT-ALIGN: left;
}

/*H2.SectionHeader
{
    FONT-WEIGHT: normal;
    TEXT-TRANSFORM: uppercase;
    WIDTH: 100%;	
    COLOR: #000000;	
    HEIGHT: 19px;	
    TEXT-ALIGN: left;
}*/

H2.SectionHeader
{
    font-size: 14px;
    FONT-WEIGHT: normal;
    TEXT-TRANSFORM: uppercase;
    /*WIDTH: 80%;	*/
    COLOR: #ffffff;
    /*HEIGHT: 19px;	*/
    BACKGROUND-COLOR: #739600;	
    TEXT-ALIGN: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
}

div.FormDiv H2.SectionHeader
{
    FONT-WEIGHT: normal;
    TEXT-TRANSFORM: uppercase;
    WIDTH: 100%;	
    COLOR: #000000;	
    /*COLOR: #ffffff;	*/
    HEIGHT: 19px;	
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
}

.HideByDefault
{
    /* display: none;*/
}

.LogContainer
{
    color: #000000;
    text-transform: none; 
    font-weight: normal;
    max-height: 400px;
    overflow: scroll;
}
.SendPanel
{
    border: solid 1px #b9b9b9;
    background: #EEEEEE;
    margin: 10px;
    width: 730px;
}

.NaviPanel
{
    border: solid 1px #b9b9b9;
    background: #EEEEEE;
    margin: 10px;
    padding: 10px;
}

.SendPanel table 
{
    width: 100%;
}
.SendPanel table .SenPanelButtonColumn
{
    width: 200px;
}

/* AJAX Uploader hacks */
body > center > br 
{
    display: none;
}

/* Sivutus*/
span.CurrentPage
{
    background: #739600;
    color: White;
    padding: 5px;
}
.PagerInfo
{
    margin-bottom: 5px;
}

.w730{
  width: 730px;
}

.w735{
 width: 735px;
}
.w715{
 width: 712px;
}

.grayBorders .w715{
 border: 0;
}

.RedBorder {
  border: solid 2px red;
  background-color: #DDDDDD;
  padding: 2px;
}

.PdfListView{
  width: 100%;
}
.PdfListView td{
  width: 50%;
}
.grayBorders .PdfListView tr td:first-child {
    text-align:left;
}

.bottomMargin{
  margin-bottom: 20px;
}

/* piilota ilmoitus varaus yksityiskohdat */
body.hideDetails tr.IlmoitusvarausDetail,
body.hideDetails #HideDetails {
   display: none;
}

body #ShowAll {
   display: none;
}

body.hideDetails #ShowAll {
   display: inline;
}

div.VaraajaFormHideDetails tr.VaraajaDetail,
div.IlmoittajaFormHideDetails tr.IlmoittajaDetail,
div.MainostoimistoFormHideDetails tr.MainostoimistoDetail,
div.LehtitaloFormHideDetails tr.LehtitaloDetail,
div.AineistontoimittaFormHideDetails tr.AineistontoimittaDetail {
   display: none;
}

/* Unread Messages box */

.UnreadMessagesPanel
{
    z-index: 100;
}

.UnreadMessagesHeader
{
    width:200px;
    background-color: #b9b9b9;
}

.UnreadMessageContent
{
    width:200px; 
    border: solid 1px #C8C8C8;    
    background-color: white;
}

.UnreadMessageContentHeader
{
    border-bottom: solid 1px #C8C8C8;
}

.UnreadMessageContent div
{
    max-height: 150px;
    overflow: auto;
}