/******************************************************************************
 Styling for required fields
******************************************************************************/

input.required-on,
textarea.required-on,
select.required-on
{
	background-color: #ffffcc;
}

label.required-on
{
	color: #cc2222;
}

/******************************************************************************
 Arrow link
******************************************************************************/

a.arrow-link
{
	display: block;
	height: 21px;
	line-height: 21px;
	padding-left: 30px;
	background: url( ../images/blue-arrow-circle.html) no-repeat 0px 0px;
	font-size: 133.3%;
}

a.small-arrow-link
{
	display: block;
	background: url( ../images/blue-arrow.gif) no-repeat 0px 6px;
	padding-left: 16px;
}

/******************************************************************************
 Generic lightbox styles
******************************************************************************/

div.pop_box
{
	background-color: #ffffff;
}

div.pop_bg
{
	background-color: #000000;

	opacity: 0.6;	/* FF: stand-in property for opacity, which is handled by jQuery. alpha value from 0 to 1 */
	widows: 60;		/* IE: stand-in property for opacity, which is handled by jQuery. alpha value from 0 to 100 */
}

a.pop_closebutton
{
	cursor: pointer;
}

div.lightbox h1
{
	height: 25px;
	margin: 0px;
	padding: 5px 0px 0px 20px;

	background: url( ../images/lightbox-heading-bg.gif) 0px 0px repeat-x;

	font: bold 133.3% Arial, Helvetica, sans-serif;
	color: #ffffff;
}

/******************************************************************************
 Enlarge box outer styles
******************************************************************************/

#enlargebox div.pop_box
{
	width: 180px;
	height: 108px;
	border: 10px solid #e6e7e8;
}

#enlargebox a.pop_closebutton
{
	background-image: url( ../images/close-button.gif);
	background-repeat: no-repeat;

	width: 51px;
	height: 30px;

	top: 0px;
	right: 20px;
}

#enlargebox .enlarge-box
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#enlargebox .enlarge-box img
{
	display: block;
	margin: 0px;
	padding: 0px;
}

/******************************************************************************
 Download box outer styles
******************************************************************************/

#downloadbox div.pop_box
{
	width: 670px;
	height: 360px;

	border: 10px solid #e6e7e8;
}

#downloadbox a.pop_closebutton
{
	background-image: url( ../images/close-button.gif);
	background-repeat: no-repeat;

	width: 51px;
	height: 30px;

	top: 0px;
	right: 20px;
}

#downloadbox iframe
{
	width: 670px;
	height: 360px;
}