/* TODO Must use classes instead of ids if we're using this on many projects. */

#infoboxclose_ok, #infoboxclose_yesno, #infobox_quotesclose_ok, #infobox_quotesclose_yesno {
	height: 34px;
	text-align: center;
}

#infobox :focus, #infobox_quotes :focus {
	outline: 0;
}

#infoboxclose_ok img, #infoboxclose_yesno img, #infobox_quotesclose_ok img {
	cursor: pointer;
}

#infoboxcontent_ok, #infoboxcontent_yesno, #infobox_quotescontent_ok, #infobox_quotescontent_yesno {
	display: table-cell;
	height: 100px;
	vertical-align: middle;
}

#infoboxcontent_ok a:visited, #infobox_quotescontent_ok a:visited, #infobox_quotescontent_yesno a:visited {
	color: #0000ee; /* Set back from visited to active colour. */
}

#infoboxcontent_ok h3, #infoboxcontent_yesno h3, #infobox_quotescontent_ok h3, #infobox_quotescontent_yesno h3 {
	margin: 10px;
	font: bold 14px Verdana;
}

#infoboxcontent_ok p, #infoboxcontent_yesno p, #infobox_quotescontent_ok p, #infobox_quotescontent_yesno p {
	margin: 10px;
	font: normal 10px Verdana;
}

/* popup box*/
div.popupbox {
	width: 340;
	padding: 5px;
	display: none;
	position: absolute;
	top: 20%;
	z-index: 15;
	border: 1px solid #afafaf;
	background-color: #f7f4ef;
	*filter: progid:DXImageTransform.Microsoft.Shadow(color=#BABABA,direction=135,strength=4);
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}

/* box close button */
div.popupbox .boxclose {
	width: 100%;
	text-align: right;
	margin-bottom: 15px;
}

/* Overlay */
.lightbox {
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	z-index: 13;
	position: absolute;	/* fixed doesn't work in IE. */
	top: 0;
	left: 0;
	background-color: #000000;
	width: 100%;
	height: 800px;	/* Will be calculated with JS. */
	overflow: hidden;
}