/* CSS document for stand alone popup */

/* -------------------------------------------------------------- */
/* Project Name: popup layers - stand alone                       */
/*   Page Title: styles for layers                                */
/*   Web Author: Russ Thompson                                    */
/* -------------------------------------------------------------- */
/* File: ../css/popups.css                                        */
/* Image Path: ../images/                                         */
/* E-Mail Address: russATfreelanceitsolutionsDOTcom               */
/* -------------------------------------------------------------- */
/* Version 0.5                                                    */
/* Version Begin Date 05/17/2008                                  */
/* -------------------------------------------------------------- */

/* **********************************************
/* -Use with popups.js
/* **********************************************


/* ******* SPAN, LINK AND TEXT STYLES ******* */

span.close {
	background-color: transparent;
	
	text-align: right;
	
	border: 1px solid #0000FF;
}

a.close {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}

/* ******* DIV STYLES ******* */

/* popup layers are for menus and other things that do not need to obstuct the main window */
div.popupBackgroundDiv {
	background-color: transparent;
	background-image: url(../images/bg_unitsPopup200.gif);
	background-repeat: no-repeat;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	/* most of the time the width and height should be set with js */
	/*
	width: 295px;
	max-width: 295px;
	min-width: 295px;
	
	height: 259px;
	max-height: 259px;
	min-height: 259px;
	*/
	
	visibility: hidden;
	
	z-index: +500;
}

div.popupDisplayDiv {
	background-color: #FFFFFF;
	
	border: 1px solid #0000AA; /*#5C86B6;*/
	
	text-align: left;
	
	width: 213px;
	min-width: 213px;
	max-width: 213px;
	
	height: 174px;
	min-height: 174px;
	max-height: 174px;
	
	position: absolute;
	top: 10px;
	left: 10px;
	
	padding: 2px;
	
	overflow: auto;
}