/* $Id: popup_ind.css 4807 2009-04-24 18:06:44Z grantg $ */
/* Self-contained stylesheet for popup windows */
/* General Styles -- these are copied from main.css */
BODY {
	color : black;
	font-family : Arial,sans-serif;			/* set default font for the site */
	font-size : small;
	margin: 5px;
	padding: 0;
}

DIV#content {
	clear: both;
	margin: 10px 5px;
}

/* set font sizes for the header tags */
H1 { font-size : medium; }
H2 { font-size : small; }
H3, H4 { font-size : .9em; }

H1 SUP {font-size : smaller; }

A:link { color : blue; }						/* set the link colors */
A:visited { color : purple; }
A:active { color : red; }
A.command:visited { color : blue; }

/* define generic toolbox classes that can be used with multiple elements */
.smalltext { font-size : x-small; }
.warning { color : red; }
.centered {	text-align : center; }
.hide { display : none; }

.tip {
	font-weight: normal;		
	font-size: x-small;
}

IMG#logo {
	display: block;
	border: 0;
	margin-bottom: 5px;
	float: right;
}

TABLE.stats {
	margin: 0 auto 20px auto;
	width:70%;
	border: 1px solid #369;
	border-width: 1px 0 0 1px;
}
TABLE.stats TH, TABLE.stats TD {
	border: 1px solid #369;
	border-width: 0 1px 1px 0;
	padding: 2px;
}
TABLE.stats TH {
	width:85%;
	text-align:left;
	font-weight : normal;
}
TABLE.stats TD {
	width:15%;
	text-align:right;
	background-color: #eee;
}

TABLE.info {
	border: 1px solid black;
	border-width: 1px 0 0 1px;
}
TABLE.info TD,TH {
	padding: 10px;
	font-size: 0.85em;
	border: 1px solid black;
	border-width: 0 1px 1px 0;}
TABLE.info TH { background-color: #ddd; }

BODY.sub, BODY.reg { margin: 0; }
BODY.sub H1, BODY.reg H1, BODY.single H1 {
	font-size: small;
	padding: 3px;
	margin: 0;
}

BODY.sub TABLE.info TH, BODY.reg TABLE.info TH { background-color: inherit; }
BODY.sub { background-color: #ffc; }
BODY.reg { background-color: #fff; }

BODY.sub H1, BODY.reg H1 { color: white; }
BODY.sub H1 { background-color: #336; }
BODY.reg H1 { background-color: #060; }

#popupimg {float: right; margin:0 0 10px 10px;}
#popupimg IMG { border: 0; }

#screenshot { text-align: center; }
#screenshot TABLE { border:0; }
#screenshot TABLE TD { text-align:left; border:0; padding:0; }

#sampleContent {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-right:20px;
	position: absolute;
	padding: 6px 0 5px 0;
	width:700px;
}
#sampleInnerContent { 
	padding: 35px;
	margin: 0 15px 0 15px;
	background-color: #F6F6F6; 
	border: 1px solid #DCDCD6;
}
#topBG {
	width: 670px;
	background: url(/images/corners/popup_top_bg.gif) repeat-x top;
	left: 15px;
	top: 5px;
	position: relative;
}
#btmBG {
	width: 670px;
	background: url(/images/corners/popup_btm_bg.gif) repeat-x bottom;
	left: 15px;
	bottom: 4px;
	position: relative;
}
#rightBG {
	background: url(/images/corners/popup_right_bg.gif) repeat-y right;
}
#leftBG {
	background: url(/images/corners/popup_left_bg.gif) repeat-y left;
}
IMG#TL_corner { position:absolute; left:1px; top:9px; }
IMG#TR_corner { position:absolute; left:672px; top:5px; }
IMG#BL_corner { position:relative; left:1px; bottom:29px; }
IMG#BR_corner { position:relative; left:632px; bottom:29px; }