/*
	------------------------------------------------------
	CSS - Demo Samples
	----------------------------------------------------*/
	@import url("equalize.css");
	
	/*
	------------------------------------------------------
	RE-DEFINE SELECTORS
	----------------------------------------------------*/	
 	body {
		background-color:#fff;
		font:75%/100% Verdana, Arial, Helvetica, sans-serif;
		}
	html>body {font-size:12px;}
	img {display:block;}

	/*
	------------------------------------------------------
	STRUCTURE
	----------------------------------------------------*/
		#container {
			margin:0 2em;
			padding:2.5em 0;
			}
		#content {
			margin:0 auto;
			overflow:visible;
			}
			#pg-webraterdemo-mask #content {width:576px;}
			#pg-webraterdemo-config #content {width:675px;}
			#pg-webraterdemo-reports #content {width:996px;}
		.sample {
			border:1px solid #000;
			background:#47484a;
			padding:11px;
			}
			.sample img {border:1px solid #000;}
			#pg-webraterdemo-mask .sample {margin-top:1.25em;}

	/* Standard Tags ----------------------------------- */
	h1 {
		margin-top:1em;
		margin-bottom:-12px;
		font-size:1.5em;
		font-weight:bold;
		line-height:1em;
		}
		h1 span {display:none;}
	h2 {
		margin-top:2em;
		padding-bottom:.25em;
		font-size:1.333em; /* 16px */
		line-height:1.125em;
		font-weight:bold;
		}
		.sample h2 {
			margin-top:0;
			padding-bottom:0;
			color:#fff;
			}
	p {
		margin-top:1em;
		padding-bottom:.5em;
		font-size:1em; /* 12px */
		line-height:1.5em;
		}
		.sample p {
			margin-top:0;
			padding-bottom:1em;
			color:#fff;
			}
	a, a:visited {
		color:#da8a00;
		text-decoration:none;
		border-bottom:1px solid #da8a00;
		}
		a:hover {border-bottom-color:#fff;}
		
		.backtotop {
			margin-top:3em;
			}
			#pg-products .backtotop {
				clear:both;
				margin-bottom:2em;
				}
				
			a.btt2, a.btt2:visited {
				border-bottom:1px solid #fff;
				background:url("../img/bg_backtotop.gif") no-repeat scroll left 0.175em;
				padding-left:14px;
				padding-bottom:.15em;
				font-size:.875em;
				color:#3C3C3C;
				}
				a.btt2:hover {border-bottom-color:#3C3C3C;}

/* ~~ --------------------------------------------------------------------------------------------
	BUTTONS
----------------------------------------------------------------------------------------------- */
.buttonbox {
	height:45px;
	padding:.75em 0;
	}
.buttonbox a {
	display:block;
	margin-right:.3em;
	border:none;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:1em;
	text-decoration:none;
	}
	
	/* "STANDARD" off ----------------------- */
	.buttonbox a.btn-standard, .buttonbox a.btn-faded, .buttonbox a.btn-active {
		float:left;
		background:url("../img/btn_standard_bg_off.gif") no-repeat right center;
		}
		.buttonbox a.btn-standard span, .buttonbox a.btn-faded span, .buttonbox a.btn-active span {
			display:block;
			background:url("../img/btn_standard_lft_off.gif") no-repeat left center;
			padding:1.1em .9em;
			text-align:center;
			color:#444;
			}
			
			/* "ACTIVE" off -------------------------- */
			.buttonbox a.btn-active {background:url("../img/btn_standard_bg_over.gif") no-repeat right center;}
				.buttonbox a.btn-active span {
					background:url("../img/btn_standard_lft_over.gif") no-repeat left center;
					color:#fff;
					}
			/* "FADED" off -------------------------- */
			.buttonbox a.btn-faded {background:url("../img/btn_faded_bg_off.gif") no-repeat right center;}
				.buttonbox a.btn-faded span {
					background:url("../img/btn_faded_lft_off.gif") no-repeat left center;
					color:#999;
					}
			
			/* "STANDARD" and "FADED" roll-over ----- */
			.buttonbox a.btn-standard:hover, .buttonbox a.btn-faded:hover {background:url("../img/btn_standard_bg_over.gif") no-repeat right center;}
			.buttonbox a.btn-standard:hover span, .buttonbox a.btn-faded:hover span {
				background:url("../img/btn_standard_lft_over.gif") no-repeat left center;
				color:#fff;
				}