/*
- Common
- Structure
- Menus
- Footer
- Links
- Muropolku
- Raportit

DARK BLUE #001D57
DARK RED #

*/

/* COMMON */
body { 
	font-family: Arial, Helvetica, sans-serif; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EAEAEC;
}
table, tr, td { font-family: Arial, Helvetica, sans-serif; }
table.taulukko {
	margin-right: 30px;
	margin-left: 30px;
	font-size: 12px;
}
table.taulukko td {
	padding: 2px;
}
p {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 30px;
	padding-left: 30px;
}

li {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

ul.listaus li {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 30px;
	padding-left: 5px;
	margin-left: 25px;
}
h1 { font-size: 15px; font-weight: bold; color: #666666; padding-left: 30px; padding-top: 15px; }
h2 { font-size: 14px; font-weight: bold; color: #000000; padding-left: 30px; }
h3 { font-size: 13px; font-weight: bold; color: #000000; padding-left: 30px; }
.login { padding-left: 30px; font-size: 12px; color: #000000; }
form, select { font-size: 10px; }

A:link{text-decoration: none; color: #0000FF; }
A:visited{text-decoration: none; color: #0000FF;}
A:active{text-decoration: none; color: #0000FF;}
A:hover{text-decoration: underline; color: #0000FF;}

/* STRUCTURE */

.taustafeidi {
	background-image: url(/files/jpeg/37/background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0px;
}

.taustafeidi2 {
	background-image: url(/files/jpeg/352/background2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0px;
}

.content_left { background-color: #E7E7EB; background-image: url(/files/jpeg/351/vasentaustamuut.gif); background-repeat: repeat-x; }
.content_left2{ margin-top: -1px; background-color: #E7E7EB; background-image: url(/files/gif/39/vasentausta.gif); background-repeat: repeat-x; }
.content_theme { background-color: #001D57; }
.content_main { background-color: #FFFFFF; /* border-top: 3px solid #C53127; */ }
.content_main_txt { border-right: 1px solid #CCCCCC; padding-bottom: 15px; }
.content_right { width: 205px; background-color: #FFFFFF; }
.content_right_extra { width: 205px; background-color: #C53125; color: #FFFFFF; text-align: center; font-weight: bold; font-size: 13px; border-bottom: 1px solid #001D57; }
.right_theme { border-bottom: 1px solid #001D57; }
.paalinkkibg{
	background-image: url(/files/gif/38/paatasonlinkkitausta.gif);
	background-repeat: no-repeat;
	background-position: left top;
        margin-top: -4px;
}
.paalinkkitausta {
	background-image: url(/files/jpeg/260/paatasonlinkkitaustakirjautumis.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.atmosphere { 
        background-color: #001D57; 
        height: 100px;; 
}
.murupolku { 
        background-color: #001D57; 
        height: 29px; color: #FFFFFF; 
        border-top: 0px solid #001d57;
        font-size: 10px; 
        padding-left: 30px; 
	padding-right: 10px;
}
/* Laatu-, turvallisuus- ja ympäristökäsikirja */
.sisallysluettelo li {
	list-style-type: none;
	margin-left: 25px;
	font-size: 12px;
}
.sisallysluettelo li.otsikko {
	font-weight: bold;
	margin-left: 0;
}
.sisallysluettelo li.aliotsikko {
	font-style: italic;
	margin-left: 50px;
}

.ajankohtaista {
        list-style: none;
}
/* Laatu-, turvallisuus- ja ympäristökäsikirja */

/* MENUS */

.paalinkit {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
        padding: 0 0 0 7px;
        word-spacing: 20px;
}

.paalinkit2, .paalinkit2 a {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
        padding: 0 0 0 0px;
}

.paalinkki {
        word-spacing: 0;
}

.menuleftkirjaus {
        margin-top: -0px; 
        padding-top: -2px;
}

#menuleft {
	list-style-type: none;
	margin-top: 4px; 
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
}
#menuleft li {
	display: inline;
	margin:0;
	padding:0;
}
#menuleft a { 
	text-decoration:none;
	color:#000000; 
	padding: 0px 0px 0px 10px;
	margin: 0; 
	float:left;
	display:block;
	width:160px;
        height: 17px;
	background: url("/files/gif/40/menu_back.gif")
}
#menuleft a:hover { color: #666666; background: url("/files/gif/40/menu_back.gif") }
#menuright {
	list-style-type: none;
	margin-top: 0px; 
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
}
#menuright li {
	display: inline;
	margin:0;
	padding:0;
}
#menuright a { 
	text-decoration:none;
	color:#000000; 
	padding: 0px 0px 0px 10px;
	margin: 0; 
	float:left;
	display:block;
	width: 195px;
        height: 17px;
	background: url("/files/gif/40/menu_back.gif")
}
#menuright a:hover { color: #666666; background: url("/files/gif/40/menu_back.gif") }

.submenutable {
        margin-top: 2px; 
        padding-top: 0px;
}

/* ------------------------ EXTRANET VASEN VALIKKO ALKAA */
#submenu {
	list-style-type: none;
	margin: -15px 0 0 0;
	padding: 0;
	width: 170px;
}

/* 0. TASO --- */
#submenu ul { 
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: inline;
}
#submenu li { display: none; }
#submenu li.act { visibility: hidden; display: block; }
#submenu li.act a { 
        font-weight: bold;
        text-decoration: none;
        color: #243984;
        font-size: 11px;
        padding: 0;
        margin: 0;
}

/* 1. TASO --- */
#submenu li.act ul li  {
        visibility: visible;
        margin: 0;
        padding: 0;
	list-style-type: none;
        float: left;
        display: block;
}
#submenu li.act ul li a {
	text-decoration: none;
	color: #000000;
	padding: 0px 0px 0px 10px;
	margin: 0;
	float: left;
	display: block;
	width: 160px;
border-top: 1px solid #fff;
background: #ECEDF1;
border-bottom: 1px solid #8C92A8;
        /* height: 16px;
	background: url("/files/gif/40/menu_back.gif") */
}
#submenu li.act ul li a:hover {
	color: #666666;
	/* background: url("/files/gif/40/menu_back.gif") */
}

/* 2. TASO --- */
#submenu li.act ul li.act ul {
	position: relative;
	top: 0; 
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#submenu li.act ul li.act ul li.act a {
	font-weight: bold;
}
#submenu li.act ul li.act ul li a {
	color: #000000;
	margin: 0px;
	text-decoration: none;
	background: transparent;
	font-weight: normal;
	display: block;
}
#submenu li.act ul li.act ul li a:hover {
	color: #666666;
	margin: 0;
	background: transparent;
	text-decoration: underline;
}
/* ------------------------ EXTRANET VASEN VALIKKO LOPPUU */

.oikeareunatausta {
 margin-top: 3px;
 background: #ffffff;
}

/* FOOTER */

.yhteystiedot {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.footer_top { height: 18px; background-color: #001D57; }
.footer_bottom { height: 150px;}
.credits { font-size: 11px; }


/* LINKS */

.yhteystiedot A:link{text-decoration: none; color: #FFFFFF; }
.yhteystiedot A:visited{text-decoration: none; color: #FFFFFF;}
.yhteystiedot A:active{text-decoration: none; color: #FFFFFF;}
.yhteystiedot A:hover{text-decoration: underline; color: #FFFFFF;}

.paalinkit A:link{text-decoration: none; color: #000000; }
.paalinkit A:visited{text-decoration: none; color: #000000;}
.paalinkit A:active{text-decoration: none; color: #000000;}
.paalinkit A:hover{text-decoration: none; color: #666666;}

.murupolku A:link{text-decoration: none; color: #FFFFFF; }
.murupolku A:visited{text-decoration: none; color: #FFFFFF;}
.murupolku A:active{text-decoration: none; color: #FFFFFF;}
.murupolku A:hover{text-decoration: underline; color: #FFFFFF;}

/* MUROPOLKU */


#breadcrumb {
	margin: 0px;
	padding: 0;
}
#breadcrumb ul { 
	margin: 0px; 
	padding: 0px; 
	display: inline; 
        list-style-type: none;
}
#breadcrumb li { display: none; }
#breadcrumb li.title {
	visibility: visible; 
	display: inline; 
        list-style-type: none;
}
#breadcrumb li.act { 
	visibility: visible; 
	display: inline; 
	padding-left: 12px;
        margin: 1px;
        background-image: url('/files/gif/256/breadcrumb.gif');
        background-repeat: no-repeat;
        background-position: 0px 3px;
}

/* RAPORTIT UUSI */

.project input {
  font-family: Arial, Helvetica, sans-serif;;
  font-size: 12px; 
  color: #000000; 
  border: solid 1px #000000;
  background-color: #ffffff;
  margin: 0 0 10px 10px; 
}
.project textarea {
  font-family: Arial, Helvetica, sans-serif;;
  font-size: 11px;
  border:1px #000000 solid; 
  background: #ffffff; 
  color: #000000; 
  line-height: 12px
}
.project_tickable 
{ 
  margin-bottom: 0.25em; 
  margin-right: 4px; 
  float: left; 
  clear: both; 
  position: relative; 
  top: -1px;
  right: 4px;
}
.project_tickable_text {
}

/* RAPORTIT */

.project_line_title {
  margin: 0 0 0 10px;
  font-size: 12px;
}

.project_question_radio5 { 
  width: 430px; 
}
.project_question_radio5 td { 
  border-bottom: 1px solid #EAEAEA; 
  width: 80px; 
  height: 22px; 
}
.project_question_radio5 td+td 
{ 
  border-bottom: 1px solid #EAEAEA; 
  width: 40px; 
  text-align: center; 
}
.project_textarea 
{ 
  width: 342px;
  height: 100px;
  margin: 0 0 0 10px;
}

.project_text 
{ 
  display: block; 
  width: 200px;
  float: left;
  margin: 0 0 0 10px;
  font-size: 12px;
}
li.project_listitem { 
  clear: both;
}
ul.project_list { 
  list-style-type: none; 
}
.project input {
  font-family: Arial, Helvetica, sans-serif;;
  font-size: 12px; 
  color: #000000; 
  border: solid 1px #000000;
  background-color: #ffffff;
  margin: 0 0 10px 10px; 
}
.project textarea {
  margin: 5px;
  font-family: Arial, Helvetica, sans-serif;;
  font-size: 11px;
  border:1px #000000 solid; 
  background: #ffffff; 
  color: #000000; 
  line-height: 12px
}
.project_tickable 
{ 
  margin-bottom: 0.25em; 
  margin-right: 4px; 
  float: left; 
  clear: both; 
  position: relative; 
  top: -1px;
  right: 4px;
}
.project_tickable_text {
}