/*
 *
 *       Peruselementit
 *
 **************************/
body {
  font-family: verdana, arial, helvetica, geneva, "sans serif";
  font-size: 80%;
  text-align: center;
}

div#sisalto {
  text-align: left;
  width: 480px;
  margin-left: auto;
  margin-right: auto;
}


div.viiva {
  margin-top: 3ex;
  margin-bottom: 2ex;
  background-color: #336699;
  height: 1px;
  width: 100%;
}

hr {
  background-color: #336699;
  color: #336699;
  height: 1px;
  border: 0px;
}

embed {
  border: 2px solid #336699;
  margin: 4px;
}

form {
  text-align: left;
}



/*
 *
 *       Leipäteksti
 *
 **************************/

p {
  margin-top: 1ex;
  margin-bottom: 1ex;
  line-height: 140%;
}

p.abstrakti {
  font-weight: bold;
  color: #003366;
}

pre {
  font-size: 85%;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  padding: 8px;
  line-height: 150%;
}

div.box {
  padding: 0px 4px 10px 4px;
  border: 1px solid #EEEEEE;
  background-color: #F5F5F5;
}


/*
 *
 *    Inline-elementit
 *
 **************************/

sup, sub {
  font-size: x-small;
}

b {
  color: #003366;
}



/*
 *
 *       Otsikot
 *
 **************************/

h1, h2, h3, h4, caption {
  font-weight: normal;
  color: #003366;
  letter-spacing: -0.04em;
}

h1 {
  font-size: 150%;
  margin-top: 0.5ex;
  margin-bottom: 1ex;
}

h2 {
  font-size: 120%;
  font-weight: bold;
  margin-top: 2ex;
  margin-bottom: 0ex;

}

h3 {
  font-size: 110%;
  font-weight: bold;
  margin-top: 1.5ex;
  margin-bottom: 0ex;
}

h4 {
  font-size: 90%;
  font-weight: bold;
  letter-spacing: 0em;
  margin-top: 1.5ex;
  margin-bottom: 0ex;
}


/*
 *
 *       Listat
 *
 **************************/

ul, ol {
  line-height: 140%;
  margin: 0px;
  padding: 0px;
}

li {
  margin-top: 4px;
}

ul li {
  list-style-image: url(http://www.terveysportti.fi/sovellukset/ltk/img/bullet_taso1.gif);
  paddingx-left: 0ex;
  list-style-type: disc;
}

ul ul li, ol ul li, ul ol ul li {
  list-style-image: url(http://www.terveysportti.fi/sovellukset/ltk/img/bullet_taso2.gif);
  list-style-type: disc;
}

ul ul ul li, ol ul li {
  list-style-image: url(http://www.terveysportti.fi/sovellukset/ltk/img/bullet_taso3.gif);
  list-style-type: disc;
}

ol li, ul ol li {
  list-style-image: none;
  list-style-type: decimal;
  margin-left: 5ex;
}

ul li {
  margin-left: 3ex;
}

ul.nobullet  {
  margin-left: -3ex;
  padding-left: 0px;
}

ul.nobullet li {
  list-style-image: none;
  list-style-type: none;
}

ol.decimal {
  list-style-type: decimal;
}

ol.upper-alpha {
  list-style-type: upper-alpha;
}

ol.lower-alpha {
  list-style-type: lower-alpha;
}

ol.lower-roman {
  list-style-type: lower-roman;
}

ol.upper-roman {
  list-style-type: upper-roman;
}


/*
 *
 *   Kirjoittajien yhteystiedot
 *
 **************************/


address {
  margin-top: 2.5ex;
  margin-bottom: 2.5ex;
  font-style: normal;
  font-weight: bold;
  font-size: 85%;
  color: #003366;
}


/*
 *
 *   Kirjallisuutta
 *
 **************************/


ol.kirjallisuus {
  margin-top: 1.5ex;
  margin-left: 2.5ex;
  line-height: 100%;
}

ol.kirjallisuus li {
  font-size: 80%;
  margin-top: 2px;
}



/*
 *
 *    Muutosmerkinnät
 *
 **************************/

ins {
  color: #cc0000;
  text-decoration: none;
}



/*
 *
 *    Header & footer
 *
 **************************/

div.header, div.footer, div.sisallys {
  font-size: 85%;
  color: #003366;
}

div.footer {
  margin-top: 2ex;
  font-size: 80%;
}

div.kirjoittaja {
  font-weight: bold;
}


/*
 *
 *    Sisällysluettelo
 *
 **************************/

div.sisallys {
  width: 70%;
  border-top: 1px solid #336699;
  border-bottom: 1px solid #336699;
  margin: 2ex 0ex 2ex 0ex;
  padding: 1ex 0ex 2ex 0ex;
}

ul.sisallys li {
  list-style-image: none;
  list-style-type: none;
  margin-top: 0px;
  margin-left: 1.5ex;

  background-repeat: no-repeat;
  background-image: url(http://www.terveysportti.fi/sovellukset/ltk/img/bullet_sisallys.gif);
  background-position: 0px 0.7ex;
  padding-left: 2.5ex;
}

/*
 *
 *       Linkit
 *
 **************************/

a {
 color: #003366;
 text-decoration: none;
}

div.sisallys a:hover, body.uutiset a:hover, a.linkki:hover {
  color: #cc0000;
}


a.article, a.non_indexed, a.table, a.evidence, a.internet, a.cochrane_abstract, a.cochrane_review, a.reference, a.audio, a.image, a.program, a.footnote, a.extra, a.object, a.inline_figure {
  font-size: 80%;
  font-weight: bold;
  padding: 0px 4px 0px 3px;
  letter-spacing: -0.05em;
  background-image: none;
}

a.article, a.non_indexed {
  color: #ffffff;
  background-color: teal;
}

a.table {
  color: #000000;
  background-color: #ffcc66;
}

a.evidence {
  color: #ffffff;
  background-color: #cc0000;
}

a.internet, a.cochrane_abstract, a.cochrane_review {
  color: #ffffff;
  background-color: #3399cc;
}

a.reference {
  color: #ffffff;
  background-color: maroon;
}

a.audio {
  color: #ffffff;
  background-color: #003366;
}

a.image {
  color: #000000;
  background-color: silver;
}

a.program {
  color: #ffffff;
  background-color: #9900ff;
}

a.footnote, a.inline_figure {
  color: #ffffff;
  background-color: #336699;
}

a.extra {
  color: #ffffff;
  background-color: #CCAA00;
}

a.object {
  color: #ffffff;
  background-color: #000000;
}


/*
 *
 *    Äänten ja kuvien käynnistys
 *
 **************************/


div.start {
  padding: 8px;
  padding-left: 0px;  
}

a.start {
  padding: 4px;
  color: #ffffff;
  background-color: #336699;
  font-weight: bold;
}

a.start:hover {
  color: #ffcc66;
}


/*
 *
 *       Taulukot
 *
 **************************/

table {
  margin-top: 2ex;
  margin-bottom: 2ex;
  border: 1px solid #cccccc;
  font-size: 85%;
}

caption {
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}

thead, tr.header, th {
  background-color: #336699;
  background-image: none;
  color: #ffffff;
}

tr.odd {
  background-color: #eeeeee;
  background-image: none;
}

tr.even {
  background-color: #ffffff;
  background-image: none;
}

tfoot td, tr.footer td {
  border-top: 1px solid #cccccc;
  background-color: #fafafa;
  background-image: none;
}

td, th {
  vertical-align: top;
}

th {
  text-align: left;
}

th ins {
  color: #ffffff;
}


/*
 *
 *       Kuvat
 *
 **************************/

div.kuva {
  margin-top: 3ex;
  margin-bottom: 2ex;
}

div.kuva div {
  margin-top: 1ex;
}


/*
 *
 *       Tulostus
 *
 **************************/

div.tulosta {
  text-align: right;
  position: relative;
  top: 5ex;
}


/*
 *
 *       Lomakkeet
 *
 **************************/

div.huomautus {
  color: #CC0000;
  font-weight: bold;
  font-size: xx-small;
}

div.tulos {
  color: #CC0000;
  font-weight: bold;
  font-size: x-small;
  background-color: #EEEEF4;
  border: 1px solid #003366;
  padding: 1ex;
  text-align: center;
  margin-left: 30%;
  margin-right: 30%;
}