/* common styles starts */

img, 
.indent,
.printHide,
#contentWrapper .rightArea 
{
    display: none;   
}

img.Esikatselukuvake
{
    display: block;
}

.printFloatLeft{
  /* float:left;*/
}

.ilmoitusvarausPrintTable {
  width: 700px;
}

.ilmoitusvarausPrintTable td{
  text-align: left; 
}
.ilmoitusvarausPrintTable td.nameRightAlign{
  text-align:right; 
  width: 200px;
}
.ilmoitusvarausPrintTable td.dataCell{
  text-align:left; 
  width: 500px;
}
.w500print{
  width : 500px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #000000;
	/*height: 100%;*/
	text-align: center;
}
body.frontpage {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #000000;
	/*height: 100%;*/
	text-align: center;
}

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 */

    #SpaceBetweenTopAndContent 
    {
        display: none;
    }

	#mainWrapper {
		display: table-cell;
		width: 100%;  /* 960px;*/ 
		/*height: 100%;*/
		height: auto;
		text-align: left;
	}
	
		#topArea 
		{
		    display: none;
		}
			
		#topNavi 
		{
		    display: none;
			
		}

		#frontpagePicArea 
		{
		    display: none;
		}
		#contentWrapper {
			clear: both;
			width: 100%; /* 960px;*/
		}
			#contentWrapper .leftArea 
			{
			    display: none;
			}

			#contentWrapper .middleArea {
				position: relative;
				width: 100%; /* 460px;*/
			}
				#contentWrapper .middleArea .content {
					float: left;
					width: 100%; /* 446px;*/
				}
			#contentWrapper .middleAreaWide {
				position: relative;
				display: table-cell;
				float: left;
				width: 100%; /* 737px;*/
			}
				#contentWrapper .middleAreaWide .content {
					float: left;
					width: 100%; /* 737px;*/
				}

/* Layout ends */
			
/* Loginform starts */
#loginForm {

	width: 250px;
	min-height: 173px;
	border: 1px solid #b9b9b9;
}
/* Login Form ends */
	
/* Pocket starts */

.pocketArea {
	display: none;
}

/* Pocket ends */
	
/* Infobar at the bottom of the Frontpage starts */
	
#infoBar {
	float: left;
	display: table-row;
	width: 100%;
	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: #b9b9b9 solid 1px;
			    border-top-width: 0px;*/
			    padding: 10px;
			    height: 100%
			}
			/*
			.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;*/
			clear: both;
			width: 459px;
			/*border-left: #b9b9b9 solid 1px;
			border-right: #b9b9b9 solid 1px;*/
			height: 100%;
		}
			.formArea .fieldArea .indent {
				float: left;
				width: 10px;
			}
			.formArea .fieldArea .fields {
				float: left;
				/*width: 440px;*/
				padding-top: 15px;
			}
				.formArea .fieldArea .fields .formRow {
					clear: both;
				}
					.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;*/
					}
					
				.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;
	}
					
	.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: 100%;
		width: 730px;
		/*border: #b9b9b9 solid 1px;*/
		/*margin-bottom: 20px;*/
	}

	.listTableSmall {
		width: 459px;
	}
	.listTable .titleRow {
		background-color: #739600;
	}
		.listTable .titleRow td {
			font-size: 11px;
			font-weight: bold;
			color: #ffffff;
			text-transform: uppercase;
			/*margin-left: 3px;*/
		}
	.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
{
    position: relative;
    top: 0px;
    left: 0px;
    background: white;
    border: solid 1px black;
    width: 200px;
    padding: 10px;
}
.modalBackground 	
{
    filter: alpha(opacity=70);	
    BACKGROUND-COLOR: gray;	
    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;
}

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

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

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

.InnerTable 
{
    width: 100%;
    padding: 0px;
    border: 0px;
    margin: 0px;
}
    .InnerTable tr td 
    {
        padding: 0px 5px 0px 0px;
        border: 0px;
        margin: 0px;
    }
    
.grayBorders table 
{
    width: 730px;
}

.IlmoitusvarausTable 
{
    border: 0px;
    padding: 0px;
    width: 730px;
}

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

.IlmoitusvarausTable tr td 
{
    text-align: left;
}

.IlmoitusvarausTable input {
    border: 0px;
	font-size: 14px;
	color: #000000;
}

/* 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;
}