body {
	margin: 0;
	padding: 0;
}

body, p, td, th, div, blockquote, dl, ul, ol {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
}

div.heading {
	position: relative;
	font: normal 18px Arial, Helvetica, sans-serif;	
	background: #fff url(/files/chemind/images/heading.gif) top left no-repeat; 	
	width: 467px;
	margin: 0 0 15px 0; 
	padding: 2px 0 6px 23px; 
	color: #fff;
}

div.heading h1, div.heading h2, div.heading p, div.heading a {
	color: #fff;
	font: normal 18px Arial, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
}

h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 1.5em 0 1em 0;
	margin: 0;
}

h2,h3,h4,h5,h6 {
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 1.0em 0 0.5em 0;
	margin: 0;
}

a {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #005499;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;	
}

form {
	margin: 0;
	padding: 0;
}

td, th {
	vertical-align: top;
}

ul {
	color: #005499;
	font-weight: bold;



	list-style-type: square;
}

textbox.ul li{
margin-bottom:5px;
}

select {
width: 315px;
}


div#container, div#header, div#nav {
	width: 940px;
}

div#container {
	margin-left: 10px;	
}

div#header {
	position: relative;
	height: 52px;
	background: #fff url(/files/chemind/images/header-bg.gif) top left no-repeat;
}

div#logo {
	position: absolute;
	left: 43px;
	top: 16px;
}

div#tools {
	position: absolute;
	padding: 3px 0;
	top: 0;
	right: 0;
	width: 370px;
	background-color: #AFE0FF;
}

div#tools_en {
	position: absolute;
	padding: 3px 0;
	top: 0;
	right: 0;
	width: 460px;
	background-color: #AFE0FF;
}

div#tools a {
	color: #00559A;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0 0 0 13px;
	padding: 0;	
}

div#tools_en a {
	color: #00559A;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0 0 0 13px;
	padding: 0;	
}

div#search form {
	position: absolute;
	top: 25px;
	right: 9px;
	vertical-align: top;
}

div#search input.search {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	width: 38px;
	height: 22px;
	border: 1px solid #05537E;
	background-color: #AFE0FF;
	color: #005598;
	font: bold 12px Arial, Helvetica, sans-serif;
}

div#search input.search_en {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	width: 63px;
	height: 22px;
	border: 1px solid #05537E;
	background-color: #AFE0FF;
	color: #005598;
	font: bold 12px Arial, Helvetica, sans-serif;
}

div#search input.keyword {
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #094667;	
	height: 20px;
}

div#nav {
	height: 30px;
	background: #fff url(/files/chemind/images/nav-bg.gif) top left no-repeat;
	border-bottom: 1px solid #fff;
}

div#navbox img {
	float: left;
}

div#navbox a {
	font-size:11px;
}

/************************************
			NAVIGATION
*************************************/
.hidden {
	display: none;
}	
a#one {
	margin-right: 10px;
	width: 24px;
	/*float: left;
	height: 30px; 
	display: block; 
	background-image: url(/files/chemind/images/etusivu.gif);*/
}
a#two {
	float: left;
	width: 114px;
	height: 30px;
	display: block;
	background-image: url(/files/chemind/images/ajankohtaista-off.gif);
}
a#two:hover {
 	background-image: url(/files/chemind/images/ajankohtaista-on.gif);
}
a#three {
	float: left;
	width: 86px;
	height: 30px;
	display: block;
	background-image: url(/files/chemind/images/jarjestot-off.gif);
}
a#three:hover {
 	background-image: url(/files/chemind/images/jarjestot-on.gif);
}
a#four {
	float: left;
	width: 107px;
	height: 30px;
	display: block;
	background-image: url(/files/chemind/images/ala-numeroin-off.gif);
}
a#four:hover {
 	background-image: url(/files/chemind/images/ala-numeroin-on.gif);
}
a#five {
	float: left;
	width: 111px;
	height: 30px;
	display: block;
	background-image: url(/files/chemind/images/tyomarkkinat-off.gif);
}

a#five:hover {
 	background-image: url(/files/chemind/images/tyomarkkinat-on.gif);
}
a#six {
	float: left;
	width: 88px;
	height: 30px;
	display: block;
	background-image: url(/files/chemind/images/ymparisto-off.gif);
}
a#six:hover {
 	background-image: url(/files/chemind/images/ymparisto-on.gif);

}
a#seven {
	float: left;
	width: 89px;
	height: 30px;
	display: block;
	background-image: url(/files/chemind/images/osaaminen-off.gif);
}
a#seven:hover {
 	background-image: url(/files/chemind/images/osaaminen-on.gif);





}
#dd_ajankohtaista {	
	left: 44px;
}

#dd_jarjestot {
	left: 158px;
}
#dd_alanumeroin {
	left: 244px;
}
#dd_tyomarkkinat {
	left: 351px;
}
#dd_ymparisto {
	left: 462px;
}
#dd_osaaminen {
	left: 550px;
}

#dd_whatsnew {	
	left: 44px;
}
#dd_associations {
	left: 139px;
}
#dd_factsandfigures {
	left: 244px;
}
#dd_industrialrelation {
	left: 381px;
}
#dd_labourmarket {
	left: 381px;
}
#dd_environment {
	left: 500px;
}
#dd_knowledge {
	left: 726px;
}

div.submenu {
	top: 82px;
	display: none;
	position: absolute;
	z-index: 101; /* be the best, be on top of everything */
}
div.submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	border-left: 1px solid #004F92;
	border-right: 1px solid #004F92;
	border-bottom: 1px solid #004F92;
}
div.submenu a {
	display: block;
	padding: 4px 0 4px 22px;
	width: 170px;
	background: #00559A url(/files/chemind/images/navlist-arrow-off.gif) 12px 9px no-repeat;
	border-bottom: 1px solid #4E99CE;
	color: #fff;
	text-decoration: none;
}
div.submenu a:hover {
	background-image: url(/files/chemind/images/navlist-arrow-on.gif);
	color: #FFFE9F;	
}
/************************************
*************************************/


.clearer {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}

div#path {
	margin: 0 23px;
	padding: 7px 0 7px 0;
	font: normal 10px Arial, Helvetica, sans-serif;	
	color: #00559A;	

}

div#path a {
	color: #00559A;
	font: normal 10px Arial, Helvetica, sans-serif;	
	text-decoration: underline;
}

div#path span {
	color: #000;
}

div.ingress {
	font: normal 13px/18px Arial, Helvetica, sans-serif;	

	margin: 0 23px;
	padding: 1em 0;
}

div#navlist {
	margin: 25px 0 0 7px;
}

div#navlist ul {
	font: bold 13px Arial, Helvetica, sans-serif;	
	list-style: none;
	margin: 0 0 50px 0;
	padding: 0;
	width: 160px;
}

div#navlist li {
	background: #fff url(/files/chemind/images/arrow.gif) 0 3px no-repeat;
	margin: 0;
	padding: 0 0 12px 14px;
	vertical-align: middle;
	color: #00559A;
}

div#navlist li.selected {	
	background: #fff url(/files/chemind/images/arrow-on.gif) 0 3px no-repeat;	
}

div#navlist li a {
	color: #00559A;
	text-decoration: none;
}

div#navlist li a:hover {
	text-decoration: underline;
}

div#navlist li.selected a {
	color: #B90000;
	text-decoration: none;
}

div.navlist1taso {
	background: #fff url(../images/arrow.gif) 0 3px no-repeat;
	margin: 12px 0 0 0;
	padding: 0 0 0px 14px;
	color: #00559A;
}

div.navlist1taso a:hover{
	color: #00559A;
	text-decoration: underline;
}

div.navlist2taso{
	background: none;
	margin: 5px 0 0 13px;
	padding: 5px 0 0 0;
	color: #00559A;
	font-weight:normal;
}
div.navlist2taso a:hover{
	color: #00559A;

	text-decoration: underline;
}


div#footer {
	background: #fff url(/files/chemind/images/footer.gif) top left no-repeat;
	height: 41px;	
}

a.arrow {
	background: transparent url(/files/chemind/images/arrow.gif) 0 3px no-repeat;
	margin: 0;
	padding: 0 0 12px 14px;
}

div#story {
	background: #00559A; 
	width: 255px;
}

div#story a {
	background-image: none;
	padding: 0;
	margin: 0;
}

div#storybox {
	margin: 12px;
}

div#storybox a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

div#storybox a:hover {
	color: #FFFE9F;
}

div#storybox a span {
	color: #FFCC00;
	font-size: 14px;
}

/* 
	SPECIAL LOOK FOR TABLES
*/
table.chemindlook {
	border-collapse: collapse;
}
table.chemindlook th, table.chemindlook td {
	padding: 5px;
	background-color: #E6F7FF;
}
table.chemindlook th {
	font-size: 12px;
	background-color: #96C2E3;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
table.form td, table.form th {
	padding-bottom: 5px;
}

a.printpage {
	position: absolute;
	right: 55px;
	top: 4px;
}
a.sendtofriend {
	position: absolute;
	right: 28px;
	top: 4px;
}

.formText{
	border: 0;	
	font: 11px Arial, Helvetica, sans-serif;
	color: #434343;
	margin: 1px 0 0 0;	
	padding: 1px 0;

}



.table_basic{
width:98%;
border:1px solid #B8C4DE;
margin:0 0 15px 0;
border-collapse: separate;
border-spacing:2px;

}

.table_basic td{
background-color:#F3F5F9;
padding:4px 4px 6px 4px;
vertical-align:top;
border:1px solid #CDD5E7;
}

.table_basic th{
padding:8px 4px 6px 4px;
vertical-align:top;
color:#FFFFFF;
font-weight:bold;
background-color:#236DA1;

}

.sel a{
	color: #B90000;
}

th.ngformError {
/* border:1px solid #FF0000; */
border:1px dotted #FF0000;
}