/*
1) Sizes in px or %, not in pt or em for KPWindow layout.
2) specifie ALL width's and heights of KPWindow elements.
3) Make sure your calculations fit the tic, tac, toe model:

----------------------------------
|     BorderTop                  |
|--------------------------------|
| Border | A1 | B1 | C1 | Border |
| Left   |--------------| Right  |
|        | A2 | B2 | C2 |        |
|        |--------------|        |
|        | A3 | B3 | C3 |        |
|--------------------------------|
|   BorderBottom                 |
----------------------------------

4) Border sizes in % are relative to screen size.
5) A1 up to C3 sizes in % are relative to (screen size - borders - static row or collum fields)

5)The ScrollPane is a container containing A1 up to C3.
By changing the css overflow propertie's you can choose 
if they scroll to getter in the scroll pane, 
or sepperrated from eachother.
6) KPWindow now had 5 rows (1-5) and 3 colums (A-C).
*/

/* KPWindowStartBorder is a kpwindow setting, NOT css. It changes the border layout of kpwindow from
earlyer specified (left: 0px; (false)) to
----------------------------------
|        | BorderTop    |        |
|        |--------------|        |
| Border | A1 | B1 | C1 | Border |
| Left   |--------------| Right  |
|        | A2 | B2 | C2 |        |
|        |--------------|        |
|        | A3 | B3 | C3 |        |
|        |--------------|        |
|        | BorderBottom |        |
---------------------------------- 
(left: 1px; (true)) 

z-indexes:
91-99 -> gaget layer/loading
90 -> overlay
80-89 -> dragable kpwindows
*/
