/*****************************************************************
Emoikkunan ylläpitoelementit. 
Linkattu myös ylläpidon popup-ikkunoiden headiin. Esimerkiksi
yläpalkin tyyliluokat ovat käytössä myös popup-headissa.

Huom! Muutokset myös cui/styles_print_common.css:ään!

MP101008: styles_updateform-mukaan, jos emoikkunassa käytetään
admin-tallennuslomakkeen input-makroja.
******************************************************************/

@import url(/common_ui/embed_ui/styles_updateform.css);

.admin-linkset {
 background-color:white;
 white-space:nowrap;
 border:1px solid #808080;
 padding:4px;
 padding-bottom:2px;
 font-weight:normal;
}

img.admin-icon {
 margin:0 0 3px 0; 
 vertical-align:middle;
}

.admin-linkset a, a.admin, a.admin:visited,
.box-tr, .box-info, .box-att,
.box-tr a, .box-info a, .box-att a,
.box-tr a:visited, .box-info a:visited, .box-att a:visited {
 color:black !important;
 font-size:9pt;
 font-family: verdana, arial, helvetica, Sans-serif; 
 text-decoration:none;
}

.box-tr a, .box-info a, .box-att a,
.box-tr a:visited, .box-info a:visited, .box-att a:visited {
 text-decoration:underline !important;
}


/*****************************************************************
MP030608: Yleiskäyttöinen laatikko, aikasemmin "kehys" ja "huomio".
tr = transparent, ei taustaväriä
info = harmaa laatikko
att = attention (keltainen laatikko)
Käytössä sekä emoikkunassa että popupissa.

MP211008: Lisäsin tr-boxiin valkoisen taustavärin, se on siis
admin-poppareissa edelleen "läpinäkyvä", kun siellä taustaväri on
valkoinen. Emossa sitä ei ole käytettykään, vaan siellä on käytössä
(tätä kirjoittaessa) -att -luokka.
Muutos tuli tarpeeseen lomake-editorin input_updateform.inc:ssä
kenttätyyppien wysiwyg-valintaan, joka näytetään keltaisen
divin päällä.
Lisäsin samalla kaikkiin boxeihin mustan tekstivärin, niin ei
teeman väriasetukset tee vaikutusta.

MP061108: Box-luokkien värit ja fontit ylimäritellään styles_admin.css:ssä.

Nimesin hiukan laatikoita uusiksi, kun adminin taustaväri ei olekaan
enää valkoinen, vaan sisältö ympyröidään box-luokalla (aiemmin box-att).
Eli aiemmin box-tr oli valkoipohjainen, mutta nyt se ei tietysti enää
ole läpinäkyvä, kun adminin tausta on harmaa.

Lisäsin adminin headissa olevalle wrapperille oman luokan. Koska
templaateissa käytetään suoraan näitä luokkia, niin on parempi, että
se on omansa -> jos tulee joskus muuteltua leiskaa, niin saa muutettua
headinb wrapperia riippumattomana templaattien laatikoista.

box-admin-wrapper > admin-css
******************************************************************/

.box-tr {
 border:1px solid #808080;
 padding:6px;
 color:black;
}

.box-info {
 border:1px solid #808080;
 background-color:white;
 padding:6px;
 color:black;
}

.box-att {
 border:1px solid #808080;
 background-color:#fffff5;
 padding:6px;
 color:black;
}


.box-tr.small, .box-info.small, .box-att.small,
.box-tr.small a, .box-info.small a, .box-att.small a,
.box-tr.small a:visited, .box-info.small a:visited, .box-att.small a:visited {
 font-size:8pt; 
}


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

/*****************************************************************
MP030608: Ylläpitopalkki (emoikkunan toolbar ja yp-popupin head)
toolbar-thememenu* -> yläpalkin teemalinkkivalikko
MP231008: Samoja taustoja ja värejä käytössä myös login/logout!
******************************************************************/

div.toolbarWrapper {
 width:100%;
 position:absolute;
 z-index:100;
 text-align:right;
 top:-45px;
 left:0px; 
}

div.toolbarWrapper.visible {
 top:0px;
 left:0px;
}


table.toolbarContainer {
 width:100%;
 height:38px;
 font-family: verdana, arial, helvetica, Sans-serif; 
 border-top:7px solid #1062B1;
}

/*modal layout -> admin-head-inc */

table.toolbarContainer.modal {
 border-top:0;
 margin-top:-6px;
}


/* Sama taustakuva -> style_thickbox_admin.css */

td.toolbarData {
 font-size:9pt;
 height:38px;
 background:#efefef left top repeat-x url(/common_ui/embed_ui/img/toolbar/bg.gif);
 color:black;
}

td.toolbarData.left {
 padding-left:15px;
 text-align:left;
}

td.toolbarData.right {
 padding-right:15px;
 text-align:right;
}

div#toolbarButtonWrap {
 position:absolute;
 top:45px;
 right:20px;
}

div#toolbarButton {
 width:45px;
 height:21px;
 cursor:pointer;
 background:transparent top left no-repeat url(/common_ui/embed_ui/img/toolbar/show_hor.gif);
}

div#toolbarButton.hide {
 background-image:url(/common_ui/embed_ui/img/toolbar/hide_hor.gif);
}




table.toolbar-dropmenu-wrapper {
 z-index:10;
 position:absolute;
 top:167px;
 left:620px;
 border-bottom:1px solid #808080;
 background-color:#eaeaea;
 text-align:left;
}

td.toolbar-dropmenu-data {
 font-size:90%;
 border:1px solid #808080;
 padding:5px;
 background-color:#f1f1f1;
}

td.toolbar-dropmenu-data:hover {
 background-color:#ffffee;
}


/* Develin debug-infolaatikko, toolbar.inc */

div#debugInfo {
 display:none;
 position:absolute;
 top:50px;
 left:15px;
 margin:0;
 width:220px;
 padding:10px;
 z-index:1000;
 line-height:140%;
}


/*************** Passiiviset/julkaisemattomat tietueet (esim. kpalsta + sivulista) *******************/

/* MP270907: IE7 vaatii läpinäkyvälle elementille height tai width -määrityksen
-> selvitän myöhemmin */

.passive-data,.passiivinen {
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
}






/*****************************************************************
MP130608: Teeman esikatselusivun maskaus 
******************************************************************/

div#theme-preview-mask {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:50;
 background-color:white;
 filter:alpha(opacity=0);
 -moz-opacity:.0;
 opacity:.0;
}


/*****************************************************************
MP130608: Teemaeditorin (iframen) asemointi esikatselusivulla.
Itse teemaeditorin luokat -> style_admin.css -> te* -luokat.
******************************************************************/

div.themebarWrapper {
 width:481px;
 position:absolute;
 top:55px;
 left:-460px;
 height:88%;
 z-index:100;
}

div.themebarWrapper.visible {
 left:0px;
}


/*rt#190*/

.jqToggle {
 cursor:pointer;
}


iframe.themebarContainer {
 border:0;
 height:100%;
 width:458px;
 border:0 solid #808080;
 border-width:0 2px 2px 0;
 overflow:auto;
 float:left;
}

td#themebarButtonWrap {
 vertical-align:top;
 width:21px;
 padding-top:12px;
}

div#themebarButton {
 width:21px;
 height:45px;
 cursor:pointer;
 background:transparent top left no-repeat url(/common_ui/embed_ui/img/toolbar/show_ver.gif);
}

div#themebarButton.hide {
 background-image:url(/common_ui/embed_ui/img/toolbar/hide_ver.gif);
}