@charset "utf-8";
/* dhtmlwindow popupind */
/* A CSS (angolul Cascading Style Sheets) a számítástechnikában egy stílusleíró nyelv, mely a HTML vagy XHTML típusú strukturált dokumentumok megjelenését írja le. Ezen kívül használható bármilyen XML alapú dokumentum stílusának leírására is, mint például az SVG, XUL stb.  CSS-t a weblapok  szerkesztoi és olvasói egyaránt használhatják, hogy átállítsák vele a lapok színét, betutípusait, elrendezését, és más megjelenéshez kapcsolódó elemeit. A tervezése során a legfontosabb szempont az volt, hogy elkülönítsék a dokumentumok struktúráját (melyet HTML vagy egy hasonló leíró nyelvben lehet megadni) a dokumentum megjelenésétol (melyet CSS-sel lehet megadni). Az ilyen elkülönítésnek több haszna is van, egyrészt növeli a weblapok használhatóságát, rugalmasságát és a megjelenés kezelhetoségét, másrészt csökkenti a dokumentum tartalmi struktúrájának komplexitását. A CSS ugyancsak alkalmas arra, hogy a dokumentum stílusát a megjelenítési módszer függvényében adja meg, így elkülönítheto a dokumentum formája a képernyon, nyomtatási lapon, hangos böngészoben (mely beszédszintetizátor  segítségével olvassa fel a weblapok szövegét), vagy braille készüléken megjelenítve.

A CSS használható XML fájlok megjelenítésére is, így a strukturált dokumentumokhoz teljes köru stílust lehet megadni, befolyásolva az elrendezését, színét, betutípusait az erre alkalmas kliensekben vagy webböngészokben.

Az elemek stílusát különbözo CSS szelektorokkal lehet kiválasztani:

    * Minden elemre – a * szelektor használatával
    * Az elem neve alapján – például minden 'p' vagy 'h2' HTML-elemhez
    * Leszármazottak alapján – például az olyan 'a' elemekre, melyek egy 'li' elem részei, a szelektor "li a"
    * class vagy id attribútumok alapján – például .class és/vagy #id a class="osztály" vagy id="azonosító" elemekhez

Ezeken kívül rendelkezésre áll több pszeudo-osztály, melyekkel további muveletekhez lehet stílust rendelni. Talán a legismertebb ezek közül a :hover, melynek stílusa akkor lép érvénybe, mikor a hozzá tartozó elem aktiválódik, például fölévisszük az egeret. Hozzá lehet fuzni a szelektorokhoz is, például a:hover vagy #elementid:hover. További ismertebb pszeudo-osztályok a :first-line, a :visited vagy a :before.

A szelektorok kombinálhatók a széles köru alkamazáshoz.

A CSS információkat a lapokhoz több módon lehet megadni:

    * Szerzoi stílus
          o külso CSS fájl a dokumentumból hivatkozva
          o beágyazva a dokumentumba
          o azonnali, felülírva az általános stílust egy konkrét esetre
    * Felhasználói stílus
          o egy helyi CSS fájl az összes dokumentumra, melyet a felhasználó a böngészo beállításaiban adhat meg; a felhasználó megadhatja, hogy a szerzo és a saját stílusai közül melyik legyen fontosabb
    * Kliens stílus
          o egy alapértelmezett stílus, melyet a kliens vagy a böngészo használ az elemekhez

A CSS a szabályokat a kapcsolódások alapján súlyozza, így mikor egyszerre több szabály is érvényes lehet egy elemre, akkor a legfontosabb szabályt alkalmazza.

A CSS használatának legfontosabb elonyei:

    * Több lap vagy akár egy teljes webhely stílusait egy helyen lehet tárolni, így gyorsan és könnyen frissítheto
    * Különbözo felhasználókhoz különbözo stílusokat lehet rendelni: például könnyen olvasható, nyomtatható stílusok
    * A dokumentum mérete és komplexitása csökken, mivel nem tartalmaz információkat a megjelenítéshez

A CSS egyszeru szintaxissal rendelkezik, csak néhány angol nyelvu kulcsszót használ a stílusok tulajdonságaihoz. A stíluslap maga a stílust leíró szabályok sora. Minden szabályhoz tartozik egy szelektor és egy deklarációs szakasz. Ez utóbbi kapcsos zárójelek között pontosvesszovel elválasztott deklarációkat tartalmaz. A deklarációk formája a következo: a tulajdonság neve, egy kettospont, majd az adott tulajdonság értéke.
/*.stickytooltip{
box-shadow: 5px 5px 8px #000000;   shadow for CSS3 capable browsers. #818181
-webkit-box-shadow: 5px 5px 8px #000000;
-moz-box-shadow: 5px 5px 8px #000000;
display:none;
position:absolute;
display:none;
border:#531e2a solid 1px;   5px solid black  Border around tooltip
background:white;
z-index:3000;
}*//*Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents The W3C CSS Validation Service is a free software created by the W3C to help Web designers and Web developers check Cascading Style Sheets (CSS). It can be used on this free service on the web, or downloaded and used either as a java program, or as a java servlet on a Web server.
Do you need it? If you are a Web developer or a Web designer, this tool will be an invaluable ally. Not only will it compare your style sheets to the CSS specifications, helping you find errors, typos, or incorrect uses of CSS, it will also tell you when your CSS poses some risks in terms of usability.Most documents on the Web are written in a computer language called HTML. This language can be used to create pages with structured information, links, and multimedia objects. For color, text, and layout, HTML uses a styling language called CSS, short for "Cascading Style Sheets". What this tool does is help people authoring CSS check, and fix if necessary, their CSS Style Sheets.No. It is a helpful and reliable tool, but a software tool, and like every software, it has some bugs and issues. The actual reference on Cascading Style Sheets are the CSS Specifications.
According to the CSS 2.1 Specification: "The validity of a style sheet depends on the level of CSS used for the style sheet. […] valid CSS 2.1 style sheet must be written according to the grammar of CSS 2.1. Furthermore, it must contain only at-rules, property names, and property values defined in this specification."
By default, this validator checks style sheets against the grammar, properties and values defined in the CSS 2.1 specification, but other CSS profiles can be checked against by using the options.
CSS is an evolving language, and it is considered by many that “CSS” is a single grammar (the one defined in the latest specification) with a number of properties and acceptable values defined in various profiles.In a future version of this validator, the default behavior may be to check style sheets against that latest “CSS grammar” and the cloud of all standardized CSS properties and values.*/
.dhtmlwindow{
position: absolute;
/* border: 2px solid black;  z   */
visibility: hidden;
background-color: white;
/* innen z  tooltipbol */
box-shadow: 8px 8px 12px #000000;   /* shadow for CSS3 capable browsers. 5px 5px 8px #818181 */
-webkit-box-shadow: 8px 8px 12px #000000;
-moz-box-shadow: 6px 6px 10px 6px #111111;
}

/*.stickytooltip{
box-shadow: 5px 5px 8px #000000;   shadow for CSS3 capable browsers. #818181
-webkit-box-shadow: 5px 5px 8px #000000;
-moz-box-shadow: 5px 5px 8px #000000;
display:none;
position:absolute;
display:none;
border:#531e2a solid 1px;   5px solid black  Border around tooltip
background:white;
z-index:3000;
}*/

.drag-handle{ /*CSS for Drag Handle*/
/* padding: 1px;  
text-indent: 3px; */
/* font: bold 14px Arial;  z */
text-align:center;    /* z  */
background-color: #21211a;   /* z  #CA0000  */
color: #4e473a;   /* z   white */
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
/*border-top: 1px solid brown;    z
background-color: white;*/ 
/*color: black;
height: 150px;   z */
/* padding: 2px;    z  */
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 0px solid gray;   /* 1px solid gray */ 
background-color: #21211a;  /* z  F8F8F8 */
height: 0px;               /*   z   13px    height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 0px;           /*  z 13px    width of resize image*/
height: 0px; /*  z  13px  height of resize image*/
cursor: nw-resize;
font-size: 0;
}