/** * POPUP CONTAINER STYLES */ #popupMask { position: absolute; z-index: 200; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .7; filter: alpha(opacity=70); /* this hack is so it works in IE * I find setting the color in the css gives me more flexibility * than the PNG solution. */ /*background-color:transparent !important;*/; background-color: #2E3647; /* this hack is for opera support * you can uncomment the background-image if you don't care about opera. * this gives you the flexibility to use any bg color that you want, instead of the png */ /*//background-image: url("/imgs/maskBG.png") !important; // For browsers Moz, Opera, etc.*/ background-image: none; background-repeat: repeat; display: none; } #popupContainer { position: absolute; z-index: 201; top: 0px; left: 0px; display:none; padding: 0px; } #popupInner { border: 2px solid #000000; background-color: #ffffff; } #popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 202; } #popupTitleBar { background-color: #32518B; color: #ffffff; font-weight: bold; height: 1.0em; padding: 5px; border-bottom: 2px solid #575B68; border-top: 1px solid #C5CBDA; border-left: 1px solid #C5CBDA; border-right: 1px solid #575B68; position: relative; z-index: 203; } #popupBottomBar { background-color: #32518B; color: #ffffff; font-weight: bold; height: 2.0em; padding: 5px; border-bottom: 2px solid #575B68; border-top: 1px solid #C5CBDA; border-left: 1px solid #C5CBDA; border-right: 1px solid #575B68; position: relative; z-index: 203; } #popupBottomBar .PBK { position: absolute; height: 30px; width: 46px; left: 10px; top: 6px; CURSOR: pointer; } #popupBottomBar .PLV { position: absolute; height: 30px; width: 46px; left: 140px; top: 6px; CURSOR: pointer; } #popupTitle { float:left; font-size: 1.1em; } #popupControls { float: right; cursor: pointer; cursor: hand; } #dropmenudiv{ position:absolute; border:1px solid black; border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:300; width: 260px; background-color: #FFFFFF; } #dropmenudiv .xd{ width: 100%; display: block; border-bottom: 1px solid black; padding: 4px 0; text-decoration: none; font-weight: bold; background-color: #28457E; text-align: center; color: #FFFFFF; } #dropmenudiv a{ width: 100%; display: block; text-indent: 6px; border-bottom: 1px solid black; padding: 0px 0 5px 0; text-decoration: none; font-weight: bold; color: #333333; vertical-align: middle; } #dropmenudiv a:link img{ border: 0px; color: #333333; } #dropmenudiv a:hover{ /*hover background color*/ background-color: #333333; color: #FFFFFF; }