/* Start of CMSMS style sheet 'screen' */
/* CSS reset by Eric Meyer - meyerweb.com */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, div.para, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end reset */

/* Basic layout and look&feel */

body{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 85%;
}

#container{
  padding-top:22px;
  width: 880px;
  margin-left:auto;
  margin-right:auto;
}

h1{
  font-size: 1.35em;
  font-weight: bold;
}

h2{
  font-size: 1.2em;
  font-weight: bold;
}


h3{
  font-size: 1.15em;
  font-weight: bold;
}

h4{
  font-size: 1.1em;

}

p, div.para {
  font-size:0.9em;
}

div.para p {
  font-size: 1.0em;
}

#text li, #text td {
  line-height: 1.2em;
  font-size:0.9em;
}

h1,h2,h3,h4,p, div.para {
  margin-top:10px;
  line-height: 1.3em;
}

a:link {color: #f75518;}
a:visited {color: #637984;}
a:active {color: #637984;}

strong{
  font-weight:bold;
}

em{
  font-style:italic;
}

table{
  margin-top:10px;
  margin-bottom:10px;
}

td{
  padding:5px;
}

/* end basic stuff */

img#logo{
  margin-left:20px;
}

ul.basic_bullets{
  list-style:disc;
  margin-left:20px;
  margin-top:10px;
}

ul.basic_bullets li{
  margin-top:5px;
}

ul#navi{
  background-image:url(uploads/images/haiveet.gif);
  margin-top: 19px;
  height: 24px;
  padding-top:13px;
}

ul#navi li{
  display:inline;
  margin-left:14px;
  margin-right:10px; 
  font-size: 1em;
}

ul#navi li.left{
  margin-left:30px;
}

ul#navi li a{
 color: #333;
 font-size: 1.1em;
 font-weight: bold;
 text-decoration:none;
 text-transform:uppercase;
}

ul#navi li a.current{
 color: #888;
}

ul#navi li a:hover{
 color: #888;
}

div.content{
  margin-top:10px;
}

div#quality{
  float:left;
  width:182px;
  margin:6px;
}

div#text{
  float:left;
  width:462px;
  background-color: #d5d7d8;
  padding:14px 15px 20px 15px;
  min-height: 352px;
  margin-top:6px;
}

div#sidebar{
  float:left;
  width:166px;
  margin:6px;
  padding-top:6px;
}

div#sidebar h2{
  font-size:1.1em;
  font-weight:bold;
  text-transform: uppercase;
}

div#sidebar h3{
  margin-top:20px;
}

div#sidebar h2 a{
  color: #333;
}

div#sidebar a{
  text-decoration:none;
}

div#sidebar a:visited {
  color: #333;
}

div#sidebar a:hover{
  color: #888;
}

ul#news {
  margin-top:4px;
}

#newscategories {
  font-size:0.9em;
  line-height: 1.2em;
}

#newscategories li {
  list-style:none;
  padding: 7px 0px 0px 0px;
  border-top: 1px solid #ff3000;  
  background-image:url('uploads/images/raquo.gif');
  background-repeat:no-repeat;
  background-position: 4px 7px;
  color: #fff;
  margin-top: 3px;
}

#newscategories a {
  padding-left: 22px;
  height: 20px;
  color: #333;
  font-size: 1.0em;
  font-weight: bold;
}

#newsend {
  height: 2px;
  border-bottom: 1px solid #ff3000;
}

#consultants {
  border-bottom: 1px solid #ff3000;
  border-top: 1px solid #ff3000;
}

ul#news li, li.sub_navi_item, li.sub_navi_item_ext, li.sub_navi_item_text, li.sub_navi_item_consultant {
  list-style:none;
  padding:7px 5px 5px 22px;
  background-repeat:no-repeat;
  background-position: 4px 7px;
  line-height: 1.2em;
}

li.sub_navi_item, li.sub_navi_item_ext, li.sub_navi_item_text {
  border-bottom: 1px solid #ff3000;  
}

ul#news li {
  border-top: 1px solid #ff3000;
}

li.sub_navi_item, li.news_summary_item, li.sub_navi_item_consultant {
  background-image:url('uploads/images/raquo.gif');
}

li.sub_navi_item_ext{
  background-image:url('uploads/images/external.png');
}

li.news_summary_item{
  font-size:0.85em;
}

li.sub_navi_item, li.sub_navi_item_ext, li.sub_navi_item_text, li.sub_navi_item_consultant {
  font-size:0.9em;
}

ul#news li a, li.sub_navi_item_consultant a {
  color: #000;
}

li.current_consultant a {
  color: #888 !important;
}

li.sub_navi_item a, li.sub_navi_item_ext a {
  color: #333;
  font-size: 1.0em;
  font-weight: bold;
}

li.sub_navi_item a.current {
  color: #888 !important;
}

div#ilmoitus{
  margin:10px 1px 1px 1px;
  background-color: #eb4411;
  color: white !important;
  text-transform:uppercase;
  padding:12px 17px 12px 17px;
  font-size: 1.3em;
  font-family: 'Trebuchet MS', verdana, sans-serif;
  letter-spacing:0.05em;
  line-height:1.1em;
}

div#ilmoitus span#luelisaa{
  font-size:0.7em;
}

div#ilmoitus a{
  color: white !important;
}

/* Attachment list */

ul.right_sidebar{
  margin-top:20px;
}

ul.right_sidebar li{
  line-height: 24px;
  font-size:0.85em;
}

ul.right_sidebar li.pdf{
  background-image:url(uploads/images/pdficon_small.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding-left:20px;
}

/* Asiakkaitamme */
div#asiakkaitamme ul{
  font-size:0.95em;
  margin: 5px 0 5px 0;
  padding: 12px 0 12px 0;
  border-top: 1px solid #ff3000;  
  border-bottom: 1px solid #ff3000;  
}


/* IE clear fix */
#main { overflow : hidden; _height : 1%; }


/* News header date smaller than the title */
#main h2 span.date{
  font-size:0.8em;
}

/*Tutkimukset*/
p#kirjoittaja_ja_laitos{
  font-style:italic;
}

img.writer_image{
  margin:10px 10px 10px 0;
  float:left;
}

p#contacts_box{
  padding-top:10px;
  padding-bottom:10px;
  border-top:1px solid #f75518;
  border-bottom:1px solid #f75518;
}

div.contact_person_box{
  float:left;
  margin-right:20px;
  width:210px;
}


div#footer{ 
  text-align:center;
  text-transform:uppercase;
  font-size:0.85em;
  font-weight:bold;
  background-image:url(uploads/images/haiveet.gif);
  height:22px;
  padding-top:15px;
  margin-top:5px;
  margin-bottom:20px;
}

.right {
  text-align: right;
}

table.border {
  border-left: 1px solid #888;
  border-top: 1px solid #888;
}

.border td {
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
/* End of 'screen' */