@import url('/libtent/fi/10/144/Kirjautumisen%20hallintalaatikko%20CSS.css');

body, html {
width:100%;
height:100%;
margin:0;
padding:0;
}

body {
background:#FFF;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size:.75em;
line-height:1.3em;
}

body#login-page {
background:#FFF;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size:.75em;
line-height:1.3em;
padding:2em;
width:auto;
height:auto;
}

h1 {
font-size:1.5em;
}

h1:first-child {
/*margin-top:0;*/ /* remove top padding from 1st h1 in the page, should be page title */ /* 5.11.24/PetteriM - Poistettu tämä, kun otin myös h2:lta pois margin: 0 määrittelyn. */
}
/*
 * 19.7.2023/jsalmi - Kasvatettu 1.2 -> 1.4
 */
h2 {
font-size:1.4em;
/*margin: 0;*/ /* 5.11.24/PetteriM - Ilmeisesti turhake? Aiheuttaa sen, että uudessa javascript popup funktiossa esitetty sisältö menee aivan popupin yläreunaan kiinni. */
/*margin: 0.5em 0 ; */ /* we need this margin so h2 in table looks same when use ie7*/
}

#osform h2 {
  margin-top: 14px !important; /* 5.11.24/PetteriM - Yliajetaan vanhojen lomakkeiden h2:ssa oleva margin-top: 0. */
}

/* this is used as title in forms were we add of modify data and we have some info in right side*/
h2.nonblock {
display:inline;
}
/*
 * 1.3.2023/jsalmi - Poistettu turhana?
h2.bottom_margin {
margin:0 0 4px 0;
}
*/

/*
 * 1.3.2023/jsalmi - Kasvatettu 1.0 -> 1.2
 */
h3 {
font-size:1.2em;
}

/*
 * 22.3.2023/jsalmi - Poistettu näistä special jutut kun selaimen oletukset parempia?
a {
color: #446ab0;
text-decoration:underline; 
}

a:visited {
color: #800080;
text-decoration:underline;
}

a:hover {
color: #e23d2c;
text-decoration:none; 
}

a:focus {
outline:0;
}

a.sort {
color: #991128;
font-weight: bold;     
text-decoration: none;
}
*/
/* Tehtävän valinnassa tablen fontin koko jostain syystä ei tottele tuota bodystä tulevaa .75em. */
table {
  font-size: 1em;
}

.limited_width {
max-width:63em;
}

th {
font-weight:bold;
text-align:left;
vertical-align: bottom;
}

th.th_right {
text-align:right;
}

th a, th a:hover {
color:#000;
text-decoration:none;
}

img {
border:0;
}

#site-wrapper {
height:auto !important;
min-height:100%;
height:100%;
position:relative;
}

#header {
background:#e22e26;
height:70px;
position:fixed;
top:0;
width:100%;
/* z-index: 10000; *//* 8.8.2023/jsalmi - Tämä jotta main contentin scrollaus saa menee tämän alla */
z-index: 9990; /* 14.11.2023/jsalmi - Muutettu pienemäksi jolla ACE editorin rivinumerohaku pääsee tämän päälle */
}

#logo {
float:left;
height:40px;
}

#user-info {
float:right;
height:40px;
margin:0 10px 0 0;
}

#user-info p {
color:#FFF;
font-size:.875em;
margin:0;
padding:6px 0;
line-height:14px;
text-align:right;
}

#user-info p a {
color:#FFF;
}

#main-menu {
background:#FFF;
clear:both;
height:30px;
-webkit-box-shadow:0px 0px 10px 0 rgba(0, 0, 0, 0.3);
box-shadow:0px 0px 10px 0 rgba(0, 0, 0, 0.3);
border-bottom:1px solid #DDD;
}

#main-menu ul {
margin:0;
padding:0;
}

#main-menu li
{
display: inline;
}

#main-menu a{ 
text-decoration:none;
color:#000; 
padding: 0 7px;
margin: 0; 
height: 30px;
line-height:30px;
float:left;
display:block;
border-right:1px solid #CCC;
}
#main-menu li.alert a 
{
font-weight:bold;
color:#FF0000;
}

#main-menu .act, #main-menu a:hover{ 
color: #000;
background-color: #ebebeb;
}

#main-menu-1 .act, #main-menu .act:hover
{
color: #fff; 
}

#main-menu a.access_denied {
color:#999;
}

#sidebar-wrapper {
background:#efefef;
border-right:5px solid transparent;
height:100vh;
width:150px;
position:fixed;
left:0;
top:75px; /* 8.8.2023/jsalmi - Tämä jotta headeri näkyy tämän yläpuolella */
-webkit-transition: left 300ms ease-in-out;
-moz-transition: left 300ms ease-in-out;
-ms-transition: left 300ms ease-in-out;
-o-transition: left 300ms ease-in-out;
transition: left 300ms ease-in-out;
z-index: 10000; /* 8.8.2023/jsalmi - Tämä jotta main contentin scrollaus saa menee tämän alla */
}

#sidebar-wrapper.hidden {
/*
left:-150px;
border-right:5px solid #999;
*/
left:-155px;
}
*/
#left-menu, #main-content-wrapper {
padding:70px 0 40px 0;
}

#left-menu {
width:150px;
}

#left-menu ul {
list-style-type:none;
margin:0;
padding:0;
}

#left-menu ul li ul li {
list-style-type:none;
display:none;
}

#left-menu ul li.act ul li ul li,#left-menu ul li.act_hilight ul li ul li {
list-style-type:none;
display:none;
}

#left-menu ul li {
padding:0;
line-height:1.667em;
}

#left-menu ul li.left_bottom_title {
font-weight:bold;
background: none;
margin: 5px 10px;
padding: 0; 
display:block;
color:#000;
}

#left-menu ul li.left_bottom_second {
margin: 5px 10px 5px 10px;
padding: 0; 
display:block;
}

#left-menu ul li.act ul li, #left-menu ul li.act_hilight ul li {
list-style-type:none;
padding-left:10px;
display:block;
background:#EFEFEF;
}

#left-menu ul li ul li.act, #left-menu ul li ul li.act_hilight {
list-style-type:none;
padding-left:10px;
display:block;
background:#EFEFEF;
}

#left-menu ul li ul li.act a {
background:#ebebeb;
}

#left-menu ul li ul li.act li a {
background:#EFEFEF;
}

#left-menu ul li ul li.act ul li ,#left-menu ul li ul li.act_hilight ul li {
list-style-type:none;
padding-left:10px;
display:block;
background:#EFEFEF;
}

#left-menu a { 
text-decoration:none;
color:#000; 
padding: 5px 10px 5px 10px;
margin: 0; 
display:block;
border-bottom:1px solid transparent;
}

#left-menu a:hover,#left-menu ul li ul li ul li a:hover { 
background-color: #D3D1D1; 
border-bottom:1px solid #FFF;
}

li.act_hilight a{ 
background:#D3D1D1;
}
li.act a { 
background:#EFEFEF;
}
li.act ul li a, li.act_hilight ul li a { 
background:#EFEFEF;
}

li.hilight a,li.act ul li.hilight a{
background:#D3D1D1;
}

.blue_alert {
color: #005FCF;
}

#content_edit_history {
position: fixed;
top: 70px;
right: 0;
width: 25vw;
background: #eee;
padding: 0px 10px;
overflow: auto;
bottom: 40px;
}

#content_edit_history ul {
margin:0;
padding:0;
list-style:none;
}

#content_edit_history ul li {
border-bottom:1px dashed #CCC;
padding:5px;
}

#content_edit_history ul li:hover {
background:#DDD;
}

#content-without-structure {
padding:10px;
}

table.list tr:nth-of-type(even) {
  background:#ededed;
}

#main-content-wrapper {
float:none; /** 18.12.24/PetteriM - Muutettu left -> none kun ei vaikuttanut tekevän mitään. **/
padding:74px 20px 45px 170px;
height:auto !important;
min-height:100%;
width: 100%;
height:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 150ms ease-in-out;
-moz-transition: width 150ms ease-in-out;
-ms-transition: width 150ms ease-in-out;
-o-transition: width 150ms ease-in-out;
transition: width 150ms ease-in-out;
}

#sidebar-wrapper.hidden + #main-content-wrapper {
width:100%;
padding-left: 20px;
}

#sidebar-wrapper.visible + #main-content-wrapper {
width:100%;
}

#content_edit_history + #main-content-wrapper {
width:calc(100% - 155px - 25vw - 20px);
margin-right:calc(25vw + 20px);
}

#main {
position:relative;
}

#footer {
background:#e22e26;
height:40px;
position:fixed;
bottom:0;
width:100%;
-webkit-box-shadow:0px 0px 10px 0 rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 10px 0 rgba(0, 0, 0, 0.5);
z-index: 10000; /* 8.8.2023/jsalmi - Tämä jotta main contentin scrollaus saa menee tämän alla */
}

#copyrights p {
color:#FFF;
font-size:.875em;
margin:0;
padding:6px 10px;
line-height:14px;
}

#copyrights p a {
color:#FFF;
}

textarea {
width:100%;
}

.row1 {
 background-color: #ffffff;
}

.row2 {
 background-color: #ededed;
}

.deprecated_content {
 color: #999999;
}

.visible_content {
 
}

.not_published_content {
 color: #990000;
}

.future_content {
 color: #009900;
}

.webstage12_version {
 /*
 * Ei haluta eriyttää webstage12 sisältöjä muista sisällösitä eli kaikki näkyvissä olevat ovat mustia
 color: #000099;
 */
}


tr.list_active {
  background: #dddddd;
}

/*
 * Kommentoidaan alla olevat nyt pois ja poistetaan sitten kokonaan, kun ne on todettu täysin turhiksi
td.list_active_left {
 border-left: 1px solid #333333;
 border-top: 1px solid #333333;
 border-bottom: 1px solid #333333;
}

td.list_active_right {
 border-right: 1px solid #333333;
 border-top: 1px solid #333333;
 border-bottom: 1px solid #333333;
}
*/

td.list_border_top {
 border-top: 1px solid #bebebe;
}

#editor {
border:1px solid #CCC;
margin-bottom:10px;
}

#editor-textarea {
border:1px solid #CCC;
margin:0 0 10px 0;
}

#editor-buttons {
text-align:center;
}

#login {
text-align:center;
padding:60px 0 0 0;
}

#login #logo {
float:none;
height:auto;
}

#login label {
display:block;
font-weight:bold;
}

#login-copyrights {
color:#333;
text-align:center;
padding:0 0 20px 0;
}

/* Tästä alkaa ajax-kalenterin tyylit */

#calendar_popup_window, #tooltip_div {
 z-index: 10;
 position: absolute;
 top: 0px;
 left: 0px;
 border: 2px solid #6CA6FC;
 background:#F7FAFF;
}

.ajax_cal_header {
 text-align: center;
 width: 200px;
}
.ajax_cal_table {
 border: 0 none;
 color: black;
 text-align: center;
 font-size: .875em;
 width: 200px;
}
.ajax_cal_table td {
 width: 12.5%;
 border: 1px solid #EAEAEA;
}
td.ajax_cal_day_current {
 border: 1px solid #000;
}
.ajax_cal_day_future{
 background: #FFF;
}
.ajax_cal_day_current a,.ajax_cal_day_future a {
 color: #000;
 text-decoration: none;
}
.ajax_cal_day_passed {
 background: #DBDBDB;
}
.ajax_cal_day_passed a {
 color: #666666;
 text-decoration: none;
}
.ajax_cal_week {
 background: #BCBCBC;
 text-align: center;
}
.ajax_cal_wday0,.ajax_cal_wday1,.ajax_cal_wday2,.ajax_cal_wday3,.ajax_cal_wday4,.ajax_cal_wday5,.ajax_cal_wday6 {
 background: none repeat scroll 0 0 #BCBCBC;
}
.ajax_cal_day_current:hover, .ajax_cal_day_passed:hover, .ajax_cal_day_future:hover {
 background: #8E8E8E;
}
.ajax_cal_close_button_span {
 background: #e0e0e0;
 border:1px solid #666;
}
.ajax_cal_close_button_span a {
 color: #446ab0;
}
.ajax_cal_popup_input {
 border-top:2px solid #6CA6FC;
 border-left:2px solid #6CA6FC;
 border-right:2px solid #6CA6FC;
 border-bottom:2px solid #6CA6FC;
}

/* vf = view_field */
td.vf_name {
  font-weight:bold;
  text-align:right;
  color:#222222;
  padding:2px 3px;
}

/* vf = view_field */
td.vf_value {
  color:#222222;
  padding:2px 3px;
}

#comment_div {
position: absolute;
bottom: -1px;
right: 7px;
z-index: 10;
-webkit-transition: bottom 1300ms ease-in-out;
-moz-transition: bottom 1300ms ease-in-out;
-ms-transition: bottom 1300ms ease-in-out;
-o-transition: bottom 1300ms ease-in-out;
transition: bottom 1300ms ease-in-out;
}

#comment_div.hidden {
bottom:-100em;
}

#comment_div label {
font-size: .875em;
position: absolute;
right: 100%;
bottom:5px;
color: #fff;
line-height: 1.25em;
width: auto;
text-align: right;
padding-right: 1em;
white-space: pre;
}

/*
#onstager_coding_warnings_div {
  position: absolute;
  bottom: 30px;
}
*/

#secauth-login-box-div {
float:right;
height:40px;
margin:0 8px 0 0;
}
body #secauth-login-box {
margin-top:4px;
}

/*
* Muutetaan uuden kirjautumislaatikon, jonka tyylit inlinenä, margin-top samaan kuin vanhassa. PetteriM - 02.01.2024.
*/
#secauth-login-box-div #L1956_secauth_login_box {
  margin-top: 4px;
}

body #secauth-login-box .secauth-login-logo {
padding-top:4px;
}


/**************************************************
* Useamman muokattavan sisältöversion popup
**************************************************/
#choose_content_div {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0,0,0,0.75);

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#choose_content_div_inner {
 position: relative;
 background: #fff;
 max-width: 60em;
 padding: 2em 2em 0.5em;
 overflow: auto;
}

/**************************************************
* Koodieditorin virheen popup
**************************************************/
#error_div {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0,0,0,0.75);

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#error_div_inner {
 position: relative;
 background: #fff;
 max-width: 75em;
 padding: 2em 2em 0.5em;
 overflow: auto;
}

a.button {
border: 1px solid #999999; cursor: pointer; padding: 0.2em; width: auto; background: #eee; color: #333; text-decoration: none;
}