body {
		 background : #EBF5FF none; 
		 color : #3E52A2;
		 height: 100%;
		 margin: 0;
		 padding: 0;
}

a.white		{ 
					color: #FFF; 
					font : bold 12px "Times New Roman"; 
					background : transparent none; 
					text-decoration : none; 
}

a.white:visited	{ 
								color: #FFF; 
								font : bold 12px "Times New Roman"; 
								background : transparent none; 
								text-decoration : none; 
}

a.white:active	{ 
								color: #FFF; 
								font : bold 12px "Times New Roman"; 
								background : transparent none; 
								text-decoration : none; 
}

a.white:hover	{ 
							color: #FFF; 
							font : bold 12px "Times New Roman"; 
							background : transparent none; 
							text-decoration : none; 
}

a:link { 
			 color : #00F; 
			 font : bold 12px "Times New Roman";
			 background : transparent none;
			 text-decoration : none;
}
									
a:visited { 
					color : #00F; 
					font : bold 12px "Times New Roman";
					background : transparent none;
					text-decoration : none;
}
				
a:active  { 
					color : #00C; 
					font : bold 12px "Times New Roman";
					background : transparent none; 
					text-decoration : none;
}
				
a:hover   { 
					color : #00F;
					font : bold 12px "Times New Roman";
					background : transparent none;
					text-decoration : none;
}

h1	{ 
		color: #304498; 
		font: bold 18px "Times New Roman"; 
		text-align: center;
} 

h2	{ 
		color: #3E52A2; 
		font: bold 14px "Times New Roman"; 
		margin-left: 25px;	
		text-align: left;
} 

h3	{ 
		color: #3E52A2; 
		font: italic 14px "Times New Roman"; 
		margin-left: 25px;	
		text-align: left;
} 

p.ohjeteksti	 { 
							 color: #3E52A2; 
							 font: 14px "Sans-Serif"; 
							 margin-left: 50px;	
							 margin-right: 25px;
							 text-align: left;
}

span.boldtext { 
							 color: #3E52A2; 
							 font: bold 14px "Sans-Serif"; 
							 margin-left: 0px;	
							 margin-right: 0px;
							 text-align: left;
}

strong.smallblueb { 
									color: #3E52A2; 
									font: bold 14px "Times New Roman";
}

strong.smallredb { 
								 color: #CE0000; 
								 font: bold 12px "Times New Roman"; 
}

strong.smallblackb { 
									 color: #000; 
									 font: bold 12px "Times New Roman";
}

p.smallwhite { 
						 color: #FFF; 
						 font: 12px "Times New Roman"; 
}

p.smallblack { 
						 color: #000; 
						 font: 12px "Times New Roman"; 
}

p.smallblue { 
						color: #3E52A2; 
						font: 12px "Times New Roman"; 
}

p.smallwhiteb { 
							color: #FFF; 
							font: bold 12px "Times New Roman"; 
}

p.smallblackb { 
							color: #000; 
							font: bold 12px "Times New Roman"; 
}

p.smallblueb { 
						 color: #3E52A2; 
						 font: bold 12px "Times New Roman"; 
}

p.smallredb { 
						color: #CE0000; 
						font: bold 12px "Times New Roman"; 
}

p.smallwhitebi { 
							 color: #FFF; 
							 font: bold italic 12px "Times New Roman"; 
}

p.smallblackbi { 
							 color: #000; 
							 font: bold italic 12px "Times New Roman"; 
}

p.smallbluebi { 
							color: #3E52A2; 
							font: bold italic 12px "Times New Roman"; 
}

p.smallredbi { 
						 color: #CE0000; 
						 font: italic 12px "Times New Roman"; 
}

p.mediumwhite { 
							color: #FFF; 
							font: bold 14px "Times New Roman"; 
}

p.mediumblack { 
							color: #000; 
							font: bold 14px "Times New Roman"; 

}
p.mediumblue { 
						 color: #3E52A2; 
						 font: bold 14px "Times New Roman"; 
}

p.mediumred { 
						color: #CE0000; 
						font: bold 14px "Times New Roman"; 
}

p.mediumgreen {
							color: #00FF00;
							font: bold 14px "Times New Roman";
}

p.normalwhite { 
							color: #FFF; 
							font: 14px "Sans-Serif"; 
}

p.normalblack { 
							color: #000; 
							font: 14px "Sans-Serif"; 
}

p.normalblue { 
						 color: #3E52A2; 
						 font: 14px "Sans-Serif"; 
}

p.mediumblacki { 
							 color: #000; 
							 font: italic 14px "Times New Roman"; 
}

p.mediumbluei { 
							color: #3E52A2; 
							font: italic 14px "Times New Roman"; 
}

p.bigwhite { 
					 color: #FFF; 
					 font: bold 16px "Times New Roman"; 
}

p.bigblack { 
					 color: #000; 
					 font: bold 16px "Times New Roman"; 
}

p.bigblue { 
					color: #304498; 
					font: bold 16px "Times New Roman"; 
}

p.hugeblue { color: #304498; font: bold 18px "Times New Roman"; }

.laatikko {  
					border: #003366; 
					border-style: solid; 
					border-top-width: 1px; 
					border-right-width: 1px; 
					border-bottom-width: 1px; 
					border-left-width: 1px;
}

div.smallblueb { 
							 color: #3E52A2; 
							 font: bold 12px "Times New Roman"; 
}

.grid_laatikko {  
							 border: #003366; 
							 border-style: solid; 
							 border-top-width: 1px;
							 border-right-width: 1px; 
							 border-bottom-width: 1px; 
							 border-left-width: 1px;
							 border-collapse:collapse; 
}

#nav, #nav ul { 
			padding: 0;	
			margin: 0;
			list-style: none;
			line-height: 1;
}
				
#nav a {
			 display: block;
			 width: 5em;
}

#nav li {
		 float: left;
		 width: 5em;
}

#nav li ul {
		 position: absolute;
		 background: #BDD6FA;
		 width: 5em;
		 left: -999em;
		 border: 2px outset;
}

#nav li:hover ul, #nav li.sfhover ul {
		 left: auto;
}

#nav2, #nav2 ul {
			 padding: 0;
			 margin: 0;
			 list-style: none;
			 line-height: 1;
}
				
#nav2 a {
			display: block;
			width: 5em;
}

#nav2 li {
			float: left;
			width: 5em;
}

#nav2 li ul {
			position: absolute;
			background: #BDD6FA;
			width: 5em;
			left: -999em;
			border: 2px outset;
}

#nav2 li:hover ul, #nav2 li.sfhover ul {
			left: auto;
}

#content {
				 clear: left;
				 color: #ccc;
}

#tie, #tie ul { 
			padding: 0;	
			margin: 0;
			list-style: none;
			line-height: 1;
}
				
#tie a {
			 display: block;
			 width: 5em;
}

#tie li {
		 float: left;
		 width: 5em;
}

#tie li ul {
		 position: absolute;
		 background: #BDD6FA;
		 width: 5em;
		 left: -999em;
		 border: 2px outset;
}

#tie li:hover ul, #tie li.sfhover ul {
		 left: auto;
}

#tie2, #tie2 ul {
			 padding: 0;
			 margin: 0;
			 list-style: none;
			 line-height: 1;
}
				
#tie2 a {
			display: block;
			width: 5em;
}

#tie2 li {
			float: left;
			width: 5em;
}

#tie2 li ul {
			position: absolute;
			background: #BDD6FA;
			width: 5em;
			left: -999em;
			border: 2px outset;
}

#tie2 li:hover ul, #tie2 li.sfhover ul {
			left: auto;
}

#messagebox {
						margin: 0; 
						margin-left: 40%; 
						margin-right: 40%; 
						margin-top: 50px; 
						padding-top: 10px; 
						width: 400px; 
						height: 200px; 
						position: absolute; 
						background: #EBF5FF; 
						border: solid #000000 2px; 
						z-index: 9; 
						font-family: arial; 
						visibility: hidden; 
}

a.button {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 20px;				 
				 text-align: center;
				 text-decoration: none;
				 display: block;
}

a.button_big {
						 background: #BDD6FA;
						 color: #010DFF;
						 font: bold 12px "Arial";
						 font-weight: bold;				 
						 border-width: 2px;
						 border-style: solid;
						 border-top-color: #CEE0FB;
						 border-right-color: #586475;
						 border-bottom-color: #303740;
						 border-left-color: #CDE0FB;				 
						 width: 120px;
						 height: 20px;					 
						 text-align: center;
						 text-decoration: none;
						 display: block;
}

a.button_high {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 35px;				 
				 text-align: center;
				 text-decoration: none;
				 display: block;
}

a.button:visited {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 20px;				 
				 text-align: center;
				 text-decoration: none;
				 display: block;
}

a.button_high:visited {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 35px;				 
				 text-align: center;
				 vertical-align: middle;
				 text-decoration: none;
				 display: block;
}

a.button_big:visited {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 120px;
				 height: 20px;				 
				 text-align: center;
				 text-decoration: none;
				 display: block;
}

a.button:active {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 20px;				
				 text-align: center;
				 text-decoration: none;
				 display: block;
}

a.button_high:active {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 35px;				
				 text-align: center;
				 vertical-align: middle;
				 text-decoration: none;
				 display: block;
}

a.button_big:active {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 120px;
				 height: 20px;				
				 text-align: center;
				 text-decoration: none;
				 display: block;
}

a.button:hover {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 20px;				 				 
				 text-align: center;
				 text-decoration: none;
				 display: block;
}

a.button_high:hover {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 35px;				 				 
				 text-align: center;
				 vertical-align: middle;
				 text-decoration: none;
				 display: block;
}

a.button_big:hover {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 120px;
				 height: 20px;				 				 
				 text-align: center;
				 text-decoration: none;
				 display: block;
}

input.button {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 20px;				
				 text-align: center;
				 text-decoration: none;
				 display: block;
}

input.button_high {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;				 
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;				 
				 width: 80px;
				 height: 35px;				
				 text-align: center;
				 vertical-align: middle;
				 text-decoration: none;
				 display: block;
}

#sign_box {
					position: absolute;
					left: 0px;
					top: 0px;
					width: 100%;
					height: 100%;
					visibility: hidden;
					z-index: 1000;
					background-image: url(/istock/kuvat/bg2.png);
}

#save_search_box {
								 visibility: hidden;
								 position: absolute;
								 left: 0px;
								 top: 0px;
								 width: 100%;
								 height: 100%;
								 text-align: center;
								 z-index: 1000;
								 background-image: url(/istock/kuvat/bg2.png);
}

#save_search_box div {
										 width: 300px;
										 margin: 200px auto;
										 background-color: #FFF;
										 border: 1px solid #000;
										 padding: 15px;
										 text-align: center;
}

#multi_edit_box {
					position: absolute;
					left: 0px;
					top: 0px;
					width: 100%;
					height: 100%;
					visibility: hidden;
					z-index: 1000;
					background-image: url(/istock/kuvat/bg2.png);
}

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}

#calendarDiv span,#calendarDiv img{
	float:left;
}

#calendarDiv .selectBox,#calendarDiv .selectBoxOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;
	color: #E2EBED;
	position:relative;
}

#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}

#calendarDiv .selectBoxTime{
	border:1px solid #317082;
	color: #317082;
	position:relative;
}

#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;
}

#calendarDiv .activeDay{
	color:#FF0000;
}

#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}

#calendarDiv .todaysDate div{
	float:left;
}

#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}

#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;
}

#calendarDiv #monthSelect{
	width:70px;
}

#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;
	padding:1px;
	margin:1px;
	cursor:pointer;
}

#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}

#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}