/************** Ylläpito-popup-ikkunat **********/

html {
 height:100%;
}

body { 
 margin:0; 
 padding:0;
 color:black;
 font-family: verdana, arial, helvetica, sans-serif;
 background:white;
}

input, textarea, select, option {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 9pt;
}

td { 
  font-size: 80%;
}

div.dialog td { 
  font-size: 100% !important;
}

h1 { 
 font-size: 115%; 
}

h2 { 
 font-size: 110%;
}

h3 { 
 font-size: 100%;
}


img {
 border:0;
}

hr {
 height:1px;
 color: black;
 background: black;
 border: 0px;
 margin-top:1em;
 margin-bottom:1em;
}


.virhe {
 color: #ff0915;
}


small { 
  font-size:85%; 
}


A {  
  color:#0257a4; 
  text-decoration:none;
 outline:none;
}

A:hover {  
  text-decoration:underline;
}



A.otsikko-linkki {
 color:white;
}




div.divpopup-wrapper {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:10;
 padding-top:90px;
 text-align:center;
}


div.divpopup {
 width:320px;
 border-style:solid;
 border:1px solid #888888;
 /*border-width:1px 2px 2px 1px;*/
 background-color:#ffffe1;
 padding:15px;
 margin-right:auto;
 margin-left:auto;
 text-align:left;
}


.varjo {
 filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5);
}

.huomio {
 border:1px solid #808080;
 background-color:#ffffee;
 padding:6px;
 /*font-size:85%;*/
}


.kehys {
 border:1px solid #808080;
 padding:10px;
 background-color:#f9f9f9;
}

fieldset.keskustelu-lainaus {
 padding:0 6px 6px 6px;
 margin:0 10px 10px 10px;
 font-style:italic;
 border:1px solid #808080;
 color:#666666;
}




table.dataemo-login {
 border:1px solid #808080;
 border-collapse: collapse;
 margin-top:10%;
}

#login-virhe {
 position:absolute;top:10px;left:10px;
 font-size:80%;
}


table.dataemo {
 border:1px solid #808080;
 border-collapse: collapse;
 width:100%;
}


td.data-otsikko, td.otsikko {
 font-weight:bold;
 background-color:#1062B1;
 color:white;
 border:1px solid #808080;
 white-space:nowrap;
}


td.otsikko-valittu {
 font-weight:bold;
 background-color:#70A1D0;
 color:white;
 border:1px solid #808080;
 white-space:nowrap;
}

.data {
 border:1px solid #808080;
}


.data-highlight {
 background-color:#eff6fd;
}

.valintalista-tilasarake-pass {
 filter:alpha(opacity=60);
 -moz-opacity:.60;
 opacity:.60;
}


input.nappi { 
 background:#f1f1f1; 
 border:1px solid #808080; 
 cursor:pointer;
 color:black;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 90%;
}

input.nappi:hover,input.nappi-huomio:hover { 
 border-color:black;
}

input.nappi-huomio { 
 background:#ffffcc; 
 border:1px solid #808080; 
 cursor:pointer;
 color:black;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 90%;
}



/** MP210907: Sovellusten asetusten muokkaamiseen käytettävän wizardin tyylit 
Huomio! Teema-wizardin tyylit ovat sulautetuissa tyyleissä -> 
erotin ne näistä, koska teeman muokkaus on ihan oma maailmansa **/



div.wizard-title {
 border-bottom:1px dashed #808080;
 padding:4px;
}

td.wizard-data {
 border-bottom:1px dashed #808080;
}

/* teemavalikko ja submit/reset */

td.wizard-form-control {
 border:1px solid #808080;
 background-color:#f1f1f1;
 padding:7px;
 text-align:center;
}


/* MP270907: Pikkupoppareissa (ryhmät) käytetään common_ui/admin_ui/popup_headia,
jossa on vain otettu käyttöön projektin omat yp-tyylit -> tämä tarvitaan siellä.*/

table.popup-emotaulukko {
 width:100%;
}






/** MP290907: Ohje-popup **/

div.ohjenavi-asemointi-hidden {
 width:240px;
 position:absolute;
 top:66px;
 left:-219px;
 z-index:100;
 padding-bottom:20px;
}

div.ohjenavi-asemointi-visible {
 width:240px;
 position:absolute;
 top:66px;
 left:0px;
 z-index:100;
 padding-bottom:20px;
}

td#ohjenavi-wrapper {
 border:1px solid #808080;
 border-width:0 2px 2px 0;
 background-color:#ffffee;
}

td.ohjenavi-asemointi-nappisolu {
 vertical-align:top;
 width:21px;
 padding-top:12px;
}

div.ohjenavi-kappale {
 padding:6px;
 border-top:1px solid #808080;
}

div.ohjenavi-luku {
 padding:6px;
 padding-left:12px; 
 border-top:1px dotted #808080;
}


td#ohje-sisalto {
 padding-left:20px;
}