﻿/* ---------------------------------------------------------- */
/* popup */
/* vp 2/3/2011 vedle původních popup oken centrovaných pomocí JavaScriptu lze použít i popup okna centrovaná přes styly  */
/* ---------------------------------------------------------- */

/* poloprůhledné pozadí okna */
#dimmed {position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background: url('_Img/popupBackground.png')}

/* vycentrování popup window na obrazovce */
#bar {z-index: 101; border: 1px solid #cdd6df;}
* html #bar { /*\*/position: absolute; top: expression((250 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((480 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

/*popup width 250px*/
/*.foo250 > #bar {width:250px; position: fixed; top: 25%; left: 35%; background-color:White; padding:16px}*/
.foo250 #bar {width:250px; position: absolute; top: 25%; left: 35%; background-color:White; padding:16px} 
/*popup width 380px*/
/*.foo380 > #bar {width:380px; position: fixed; top: 30%; left: 25%; background-color:White; padding:16px} */
.foo380 #bar {width:380px; position: absolute; top: 30%; left: 25%; background-color:White; padding:16px} 
/*popup width 440px*/
/*.foo440 > #bar {width:440px; position: fixed; top: 22%; left: 25%; background-color:White; padding:16px} */
.foo440 #bar {width:440px; position: absolute; top: 22%; left: 25%; background-color:White; padding:16px} 
/*popup width 550px*/
/*.foo550 > #bar {width:550px; position: fixed; top: 18%; left: 20%; background-color:White; padding:16px} */
.foo550 #bar {width:550px; position: absolute; top: 18%; left: 20%; background-color:White; padding:16px} 
/*popup width 640px*/
/*.foo640 > #bar {width:650px; position: fixed; top: 15%; left: 18%; background-color:White; padding:16px} */
.foo640 #bar {width:650px; position: absolute; top: 15%; left: 18%; background-color:White; padding:16px} 
/*popup width 720px*/
/*.foo720 > #bar {width:720px; position: fixed; top: 10%; left: 14%; background-color:White; padding:16px} */
.foo720 #bar {width:720px; position: absolute; top: 10%; left: 14%; background-color:White; padding:16px} 
/*popup width 800px*/
/*.foo800 > #bar {width:800px; position: fixed; top: 10%; left: 10%; background-color:White; padding:16px} */
.foo800 #bar {width:800px; position: absolute; top: 10%; left: 10%; background-color:White; padding:16px} 

