/*-- Start reset --*/
	a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark form,menu,nav,object,ol,option,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;border:0;padding:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
	button,input[type=checkbox],input[type=image],input[type=radio],input[type=submit],label{cursor:pointer}
	strong{font-weight:700}
	em{font-style:italic}
	.fList{list-style:none}
	sub, sup {font-size: 0.8em;vertical-align:sub;}
	sup { vertical-align: super;}
/*-- End reset --*/

html {
	font-size: 62.5%;/* 10px */
}

body {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-size: 1.6rem;
	line-height: 1.7;
  background-color:#fafafa;
}

.pg-demo h1 {
	font-size: 3.2rem;
	font-weight: bold;
}

.pg-demo h2 {
	font-size: 2.4rem;
	font-weight: bold;
}

.pg-demo .o-content-width {
	margin: 0 auto;
	max-width: 60em;
}

.pg-demo .example {
	margin-bottom: 2em;
}

.pg-demo .js-toggle-panel {
	/*border: 1px dotted #ccc;*/
	background: #eee;
	/*padding: 1em;*/
}

.pg-demo [data-toggle-panel-id="1"] {
	background: #ffc;
}

.pg-demo .js-toggle:after {
	display: inline-block;
	margin: 0 0.5em;
	padding: 0 0.3em;
	width: 0.5em;
	font-weight: bold;
	background: blue;
	color: white;
}
.pg-demo .js-toggle--is-collapsed:after {
	content: '+';
}

.pg-demo .js-toggle--is-expanded:after {
	content: '-';
}

.pg-demo code {
	font-family: 'lucida console', monospace;
	color: darkblue;
}

.pg-demo .u-f-list {
	list-style: none;
}