h1 {
	 margin-bottom: 20px;
}

fieldset {
	 padding-left:10px;
	 margin:10px;
}
label {
	 	width:150px;
	 	display:inline-block;
	 	padding-bottom: 10px;
}

legend {
	 font-size: large;
}

input, select, textarea {
	 width:200px;
	 /*font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif; */
}

.comment {
	 color:gray;
}

#PC1 input:valid {
	 
	 border:solid lime;
}

#PC1 input:invalid {
	 
	 border:solid red;
}

#req_opt_ex input:required:invalid {
	border:yellow solid;	 
}

#placeholder:-ms-input-placeholder {
	 
	 font-style:italic;
}

#DemoDetails p, #DemoDetails form {
	 
	 margin-left:30px;
}

#DemoDetails h2 {
	 margin-bottom:10px;
}

#DemoDetails {
	 min-height:1150px;
}
.code {
	 font-family:"Courier New", Courier, monospace;
	 white-space:pre;
}

#errorMessage, #errorMessage2 {
	 visibility:hidden;
	 color:red;	 
}

#tabmenu {
		/*color: #000;*/
		border-bottom: 2px solid gray;
		
		z-index: 1;
		padding-left: 10px; 
		
		}

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; 
		}

	#tabmenu a, #tabmenu a.active {
		color: ##00a3ef;
		border: 2px solid gray;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none; }

	#tabmenu a.active {
		background: white;
		border-bottom: 3px solid white; }

	#tabmenu a:hover {
		color: white;
		background-color: #00a3ef; }
/*
	#tabmenu a:visited {
		color: #00a3ef; }*/
		
	#DemoDetails div {
		 padding: 20px;
		border: 2px solid gray;
		border-top: none;
		z-index: 2;
	 	display:none;
	}
	
	#DemoDetails div.active {
	 	display:block;
	 	
	 	height:100%;
	 	
}

form.success:after {
	 content:"Successful submit!";
	 color:green;
	 margin-left:10px;
}

#DemoContent {
	height:500px;
}