*
	{
		/* So 100% means 100% */
		box-sizing: border-box;
	}

/* button, .button, .btn */
.btn
    {
        font-family:Verdana, Geneva, sans-serif;
        font-size:16px;
		font-weight:normal;
		line-height:18px;
		vertical-align:middle;
		border: #AF3002 3px solid;
		color: black;
		padding: 8px 25px;
		border-radius: 8px;
		margin: 10px auto 10px auto;
		box-shadow: 10px 5px 5px 2px grey;
		background-image: -webkit-linear-gradient(#F8F3C3 0%, #EDDE5D 10%, #F09819 51%, #DD870E 100%);
		background-image: -o-linear-gradient(#F8F3C3 0%, #EDDE5D 10%, #F09819 51%, #DD870E 100%);
		background-image: -moz-linear-gradient(#F8F3C3 0%, #EDDE5D 10%, #F09819 51%, #DD870E 100%);
		background-image: linear-gradient(#F8F3C3 0%, #EDDE5D 10%, #F09819 51%, #DD870E 100%);
	}

.btn:hover
	{
		font-weight:normal;
		color: white;
		background-position: right center;
	}
.btn:active
    {
		font-weight:normal;
		color: white;
		box-shadow: 8px 3px 2px 1px grey;
    }

	hr
	{
    	color: #AF3002;
		display: block;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-left: auto;
		margin-right: auto;
		border-style: inset;
		border-width: 3px;
		width: 100%;
	}

	div#div_wrapper
	{
		max-width:650px;
		height:auto; 
		right:0;
		left:0;
	}

	html, body
	{
		height:100%;
		background-color: lightgrey;
		margin: 20 auto;
		overflow: auto;
	}

	.h2
	{
        font-family:Verdana, Geneva, sans-serif;
        font-size:16px; font-weight:bold; line-height:18px;
		color: rgba(255, 56, 56, 1);
		padding-left: 5px;	
		padding-top: 5px;	
	}

	.h3
	{
        font-family:Verdana, Geneva, sans-serif;
        font-size:11px; font-weight:bold; line-height:11px;
		color: rgba(255, 56, 56, 1);	
		padding-left: 5px;
	}

	.area-one 
	{
		/* the form body */
		margin: 0 auto;
		vertical-align: center;
	}

	.header 
	{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		height: 110px;
		width: 98%;
		margin: 0 auto;
	}

	.content 
	{
		/* Subtract the header size */
		padding-left: 20px;
		padding-right: 20px;
		width: 98%;
		overflow: auto;
	}

	.request 
	{
		overflow: auto;
	}

	.roundedCorners	
	{
		background-color: white;
		border: #2694e8 1px solid;
		padding: 0 10px;
		border-radius: 1em;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
	}

	.boxed
	{
		border: #AF3002 3px solid;		/* #2694e8 */
        border-style: inset; 
		padding: 0 10px;
	}

	.shadowed
	{
/*		border:             1px solid black;	*/
		padding:			1px;
		-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.22);
		-webkit-transition: box-shadow 0.3s ease-in-out;
		-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.22);
		-moz-transition:    box-shadow 0.3s ease-in-out;
		box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.22);
		transition:         box-shadow 0.3s ease-in-out;
	}

	.shadowed:hover
	{
		-webkit-box-shadow: 10px 10px 7px rgba(50, 50, 50, 0.44);
		-moz-box-shadow:    10px 10px 7px rgba(50, 50, 50, 0.44);
		box-shadow:         10px 10px 7px rgba(50, 50, 50, 0.44);
	}
	
	label
	{
        font-family:Verdana, Geneva, sans-serif;
        font-size:14px;
		font-weight: bold;
		line-height:22px;
		text-align:left;
		color: blue;
 		overflow: auto;
		padding: 5px;
		vertical-align: center;
	}

	.instyle
	{
        font-family:Verdana, Geneva, sans-serif;
        font-size:14px;
		font-weight:bold;
		color: black;
 		background-color: white;
		overflow: auto;
	}
	
	.warning
	{
        font-family:Verdana, Geneva, sans-serif;
		padding-left: 10px;
		padding-right: 10px;
        font-size: 18px;
		font-weight: bold;
		color: red;
		overflow: auto;
		margin: 0 auto;
		text-align: center;
		width: 96%;
		display: block;
	}