/*
// 2005-04-14
// Copyright (c) Art. Lebedev | http://www.artlebedev.ru/
// Author - Vladimir Tokmakov
*/

@import url( "reformator-fix_ie.css" );

body
{
behavior: url('./i/vlalek.htc');
position: relative; z-index: 1;
height: 100%;
}
html.rfrSidebar_opened
{
height: 100%;
}
html.rfrSidebar_none
{
margin-top: 3em;
}
* html.rfrSidebar_none body
{
margin-top: 3em;
}
.rfrSidebar_opened body
{
padding: 0;
}
.rfrSidebar_none #rfrToolbar
{
position: fixed; //position: absolute; z-index: 6;
top: 0; top: expression(document.getElementsByTagName("body")[0].scrollTop + 'px'); left: 0;
width: 100%; height: 3em;
padding: 0; margin: 0;
background-color: ThreeDFace;
border-bottom: 1px solid ThreeDShadow;
}
.rfrSidebar_none #rfrToolbar div
{
height: 10px;
font-size: 1px;
}
.rfrSidebar_opened #rfrToolbar
{
position: absolute; z-index: 6;
}
.rfrSidebar_opened #rfrSidebar
{
display: block;
position: fixed; //position: absolute; z-index: 5;
top: 0; top: expression(document.getElementsByTagName("body")[0].scrollTop + 'px'); right: 1px; bottom: 0;
height: 100%;
padding: 0.5em 1em 1em 1em;
background-color: ThreeDFace;
white-space: nowrap;
border-left: 1px solid ButtonHighlight;
}
.rfrSidebar_closed #rfrSidebar
{
display: none;
}
#rfrSidebar_swither
{
position: fixed; //position: absolute; z-index: 7;
top: 0; top: expression(document.getElementsByTagName("body")[0].scrollTop + 'px'); right: 0;
min-width: 7px; height: 100%;
background: ButtonFace url(ss-close.gif) 50% 50% no-repeat;
border-left: 1px solid ThreeDShadow;
}
:hover#rfrSidebar_swither
{
background-color: InfoBackground;
}
.rfrSidebar_closed #rfrSidebar_swither
{
background-image: url(ss-open.gif);
border-left-color: ButtonHighlight;
}
#rfrToolbar .button
{
cursor: default;
}
#rfrToolbar span,
#rfrToolbar a
{
display: none;
font-family: sans-serif;
font-size: 0.83em;
text-decoration: none;
}
.rfrSidebar_none #rfrToolbar span
{
display: inline;
margin: 0 0 0.5em 0;
border-right: 0.5em solid ThreeDFace;
}
#rfrToolbar span.button,
#rfrToolbar a.button,
.rfrSidebar_none #rfrToolbar #rfr_bTypograph,
.rfrSidebar_none #rfrToolbar #rfr_bClear_html
{
display: inline;
width: 16px; height: 16px;
padding: 0 0 0 20px; //margin: 0 0 10px 0;
border: 0 hidden;
line-height: 100%;
text-align: left;
vertical-align: middle;
background-color: ThreeDFace;
}
#rfrToolbar #rfr_bTypograph,
#rfrToolbar #rfr_bClear_html
{
display: block;
width: auto; min-height: 16px; //height: 16px;
margin-bottom: 0.4em; padding-top: 0.2em; padding-bottom: 0.2em;
}
#rfrToolbar #rfr_bTypograph
{
margin-bottom: 0.5em;
}
#rfrToolbar #rfr_bTypograph_options
{
display: -moz-inline-box;
overflow: hidden;
}
#rfr_bTypograph,
#rfr_bClear_html,
#rfr_bTypograph_options
{
background-repeat: no-repeat;
background-position: 0 0;
}
#rfr_bTypograph
{
background-image: url('i-typograph.png');
}
.rfrSidebar_none #rfrToolbar #rfr_bTypograph
{
margin-left: 0.5em;
}
#rfr_bClear_html
{
background-image: url('i-clear_html.png');
}
#rfr_bTypograph_options
{
background-image: url('i-typograph_options.png');
}
:active#rfr_bTypograph
{
background-image: url('i-typograph-onmousedown.png');
}
:active#rfr_bClear_html
{
background-image: url('i-clear_html-onmousedown.png');
}
:active#rfr_bTypograph_options
{
background-image: url('i-typograph_options-onmousedown.png');
}
#rfrToolbar .button img
{
margin: 0;
vertical-align: middle;
}
#rfrSidebar #rfrToolbar select
{
width: 11em;
margin-right: 0.25em;
}
#rfrStyle_select
{
overflow: auto;
position: absolute; z-index: 5;
top: 0; right: 1em; bottom: 2em;
//height: 100%;
clear: both;
border: 0 solid ThreeDFace;
-moz-user-focus: normal;
}
#rfrStyle_select li
{
list-style-image: none;
behavior: expression('');
margin-left: 0;
}
#rfrStyle_select li:before
{
content: '\20';
float: none;
margin-left: 0;
}
#rfrCopyrights
{
position: absolute; z-index: 8;
bottom: 2.5em; //bottom: 0.5em;
font-family: menu; font-size: 0.89em;
}
#rfrStyle_select .reducer
{
overflow: auto; overflow-x: hidden; overflow-y: auto;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
//width: 100%; //height: 100%;
border: 1px solid;
border-top-color: ButtonShadow;
border-right-color: ButtonHighlight;
border-bottom-color: ButtonHighlight;
border-left-color: ButtonShadow;
-moz-user-focus: normal;
background-color: Window;
}
#rfrStyle_select.disabled #rfrStyle_select_shadow
{
position: absolute; z-index: 6;
top: 0; right: 0; bottom: 0; left: 0;
//width: 100%; //height: 100%;
background: ThreeDFace;
opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#rfrStyle_select .group
{
margin: 0.25em;
width: auto; height: auto;
}
#rfrStyle_select .group ul.list
{
width: 100%; height: auto;
padding: 0.5em 0; margin: -0.5em 0 0.5em 0;
background-color: Window;
border-top: 1px solid ThreeDDarkShadow;
clear: left;
}
#rfrStyle_select .group ul.list li.option
{
overflow: hidden;
display: block ! important;
//width: 100%; height: auto ! important;
padding: 2px 5px; margin: 0 0.25em 1px 0.25em ! important;
text-decoration: none ! important;
color: ButtonText;
cursor: default;
border: 2px solid Window;
background-color: Window;
clear: both;
}
#rfrStyle_select .group ul.list li.float
{
float: left; clear: none;
width: auto;
margin-right: 0 ! important; //margin-left: 0.125em ! important;
}
#rfrStyle_select .group ul.list li.selected,
#rfrStyle_select .group ul.list li:hover
{
border-color: highlight ! important;
position: relative;
}
div.rfrHTML
{
position: relative ! important; z-index: 2 ! important;
border-bottom: 1.4em solid ThreeDFace ! important;
}
div.rfrHTML iframe,
div.rfrHTML textarea
{
position: absolute ! important;
top: 0 ! important; right: 0 ! important; bottom: 0 ! important; left: 0 ! important;
width: 100% ! important; height: 100% ! important;
margin: 0 ! important; padding: 0 ! important;
border: 1px solid ButtonShadow ! important; border-right-color: ButtonHighlight ! important; border-bottom: 0 hidden ! important;
}
div.rfrHTML .hidden
{
visibility: hidden ! important;
z-index: 3 ! important;
width: 1px; height: 1px ! important;
border: hidden ! important;
}
div.rfrHTML .visible
{
visibility: visible ! important;
z-index: 4 ! important;
//width: 100% ! important; //height: 100% ! important;
}
div.rfrHTML textarea.visible
{
//height: 100% ! important;
overflow: auto ! important;
}
div.rfrHTML .statusbar
{
position: absolute ! important;
z-index: 4 ! important;
top: 100% ! important;
left: 0 ! important;
margin-top: 0.2em ! important;
width: 100% ! important;
}
div.rfrHTML .statusbar div
{
height: 1.2em ! important;
padding: 0 0.25em ! important; margin-left: 12em ! important;
background-color: ThreeDFace ! important;
color: ThreeDText ! important;
border: 1px solid ! important;
border-top-color: ButtonShadow ! important;
border-right-color: ButtonHighlight ! important;
border-bottom-color: ButtonHighlight ! important;
border-left-color: ButtonShadow ! important;
line-height: 1em ! important;
}
div.rfrHTML .statusbar div i
{
font-style: normal ! important;
border-bottom: 1px dashed ! important;
cursor: pointer ! important;
}
div.rfrHTML .bottom_tabs
{
position: absolute ! important; z-index: 5 ! important;
top: 100% ! important;
width: 100% ! important;
border-top: 1px solid ButtonHighlight ! important;
font-family: menu, sans-serif ! important;
}
div.rfrHTML .bottom_tabs span
{
float: left ! important;
display: inline;
min-height: 16px ! important; height: 1.4em ! important;
margin: 0 -2px 0 2px ! important;
border-right: 1px solid ButtonShadow ! important;
border-bottom: 1px solid ButtonShadow ! important;
border-left: 1px solid ButtonHighlight ! important;
padding: 0 1em 0 1em ! important;
background-color: ThreeDFace ! important;
color: ThreeDText ! important;
cursor: default ! important;
line-height: 1.2em ! important;
}
div.rfrHTML .bottom_tabs span input
{
height: 15px ! important;
padding: 0 ! important; margin: 0 0 0 0.5em ! important;
vertical-align: middle ! important; //vertical-align: bottom ! important;
}
div.rfrHTML .bottom_tabs span b
{
font-size: 0.8em ! important; font-weight: normal ! important;
}
div.rfrHTML .bottom_tabs span.selected
{
background-color: ButtonHighlight ! important;
}
#XML_IFRAME,
#USER_CSS_IFRAME
{
visibility: hidden;
position: absolute;
top: 0; left: 0;
width: 1px; height: 1px;
}
html.rfrSidebar_opened                { padding-right: 15.5em; }
.rfrSidebar_opened body             { //padding-right: 15em ! important; }
.rfrSidebar_opened #rfrSidebar { width: 14em; //width: 15em; }
#rfrStyle_select                            { //width: 13.5em; }
#rfrStyle_select                                { left: 0.5em; border-top-width: 6em; border-bottom-width: 2em; }
.rfrSidebar_opened #rfrSidebar          { padding-left: 0.5em; }
* html.rfrSidebar_closed               { padding-right: 0.5em; }
.rfrSidebar_closed body                { padding-right: 0.5em; }
#rfrSidebar_swither                            { width: 0.5em; }