.error { border: 2px solid red !important; }


row { display: block; }

/*.controlbox:before {
	content: attr(name);
	background-color: #FFF;
	position: relative;
	top: -0.8em;
	left: 0.5em;
	padding: 0px 0.5em 0px 0.5em; }*/

.fullcontrolbox {
	border: 1px solid black;
	margin: 1em;
	padding:1em;
	vertical-align: middle; 
	width:95%;
	max-width:95%; 
	display: block;
}

div, table, tr, td { margin: 0px; padding: 0px; }
td { vertical-align: top; }

/*
input[type=button], input[type=submit] { float: right;  }
*/
.notice { font-style: italic; font-variant: small-caps; }

a { text-decoration: none; }
<style type='text/css'>
.default
{
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.bodytext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.linktext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; font-weight: bold; text-decoration: none}
.main {padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px;}
.LeftMenu {font-weight: bold; color: #003366; text-align: right; text-decoration: none}
.LeftPanel {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: #FFFFFF; background-image: url(../leftgradient.jpg)}
.TopLeftMenu {background-image: url(../topleftgradient.jpg)}
.TopMenu {font-weight: bold; color: #003366; background-color: #CC6600}
.TopBar {font-weight: bold; color: #5A5A3F; background-image: url(../images/scenebannerpattern.jpg)}
.leftlinktext {color: #003366; font-weight: bold; text-decoration: none}
.subleftlinktext {color: #5A5A3F; font-weight: bold; }
.bodylinktext { font-weight: bolder; color: #5A5A3F}
.Construction {  color: #DFCCB3; background-color: #3C5B6C; font-weight: bold}
.LeftMenuLAlign {font-weight: bold; color: #5A5A3F; text-align: left; padding-right: 10px; padding-top: 0px ; padding-left: 8px}

.submitwrapper {
	text-align: right;
}

html,body{height:100%;}
body {
	background-color: #3C5B6C;
	background:../images/bk_diag.gif;
}

.wrapperarea{max-width:840px;min-height:100%; margin:0 auto;background-color: white;
-webkit-box-shadow: 10px 10px 10px -1px rgba(0,0,0,1);
-moz-box-shadow: 10px 10px 10px -1px rgba(0,0,0,1);
box-shadow: 10px 10px 10px -1px rgba(0,0,0,1);
}
.fullarea{width:100%; min-height:100%;}
/*.menu { height: 50px; width: 100%; background-color: black; position: fixed; }
.behindMenu { height: 50px; width: 100%; }*/

	input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
	  -webkit-appearance: none; -moz-appearance: none;
	  border: 1px solid #bbb;
	}
	select {
	 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
	 border: 1px solid #bbb;
	}

	input[type=checkbox], input[type=radio] {
	 -webkit-border-radius: 22pt; -moz-border-radius: 22pt; border-radius: 22pt;
	 border: 1px solid #bbb;
	}
	input[type=submit], button, button[type=submit], input[type=button], a[type=button] {
			font-weight: bold; 
			cursor: pointer;
		 margin: 1em 0;
		 line-height: 1em;
		 height: 2.5em; 
		 padding-left:2em;
		 padding-right:2em;
		 -webkit-appearance: none; -moz-appearance: none;
		 color: #333;
		 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); 
		 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); 
		 background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); 
		 background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); 
		 background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); 
		 background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
		 border: 1px solid #bbb;
		 -webkit-border-radius: 10pt; -moz-border-radius: 10pt; border-radius: 10pt;
	}
			.wrappermargin {
				margin:1em;
			}


   @media screen and (min-resolution: 4dppx) { 
   }

   @media screen and (min-width:480px){
		label { display: inline-block; width: 33%; text-align: right; }
		.textlabel { display: inline-block; width: 33%; text-align: right; }
		.textarea {
		}
		.logowrapper {
			width: 100%; 
			text-align: center;
		}
		.logo {
			max-width: 100%; 
			content:url("../images/scenebanner1024.png");
		}
		.controlbox {
			border: 1px solid black;
			margin: 1em;
			padding:1em;
			/*width:360px;
			max-width:360px;
			display: inline-block;*/
			display: block;
			vertical-align: middle; 
			}
			
			.wrappermargin {
				margin:1em;
			}
		
   }
   /*iphone 6 */
   @media screen and (max-width:479px),
   	only screen and (max-device-width: 1024px)
{
		.textlabel, label { text-align: left; display: block; width:100%;}
		.textarea {
			width:100%;
			display: block;
		}
		.logowrapper {
			width: 100%; 
			text-align: center;
			/* IE10 Consumer Preview */ 
			background-image: -ms-linear-gradient(top, #003366 0%, #ABAEC7 100%);
			
			/* Mozilla Firefox */ 
			background-image: -moz-linear-gradient(top, #003366 0%, #ABAEC7 100%);
			
			/* Opera */ 
			background-image: -o-linear-gradient(top, #003366 0%, #ABAEC7 100%);
			
			/* Webkit (Safari/Chrome 10) */ 
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003366), color-stop(1, #ABAEC7));
			
			/* Webkit (Chrome 11+) */ 
			background-image: -webkit-linear-gradient(top, #003366 0%, #ABAEC7 100%);
			
			/* W3C Markup, IE10 Release Preview */ 
			background-image: linear-gradient(to bottom, #003366 0%, #ABAEC7 100%);
		}
		.logo {
			text-align:center;
			content:url("../images/pathawayLogoTrans.png");
		}
		.controlbox {
			border: 0px solid black;
			margin: 2px;
			padding:4px;
			width:95%;
			max-width: 95%; 
			display: block;
			}
			.wrappermargin {
				margin:1em;
			}
	}
@media
 /*	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),*/
	/*@media	only screen and (min-resolution: 240dpi),
	only screen and (max-device-width: 1024px)*/
	only screen and (max-device-width: 1024px)
	{
		/*body::before{ content: "mobile 360"; 
		font-weight: bold; 
		display: block; text-align: 
		center; background: rgba(255,255,0, 0.9); 
		position: absolute; top: 0; left: 0; right: 0; z-index: 99; } */
	body, p, td {
		font-size: 13pt;
	}
	textarea {
	  font-size: 13pt;
	}
	h1 {
		font-size: 24pt;
	}
	h2 {
		font-size: 22pt;
	}
	h3 {
		font-size: 20pt;
	}
	h4 {
		font-size: 18pt;
	}
	label.input {
	  font-size: 15pt; 
	}
	input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
	  display: block;
	  width:92%;
	  height: 40pt;
	  line-height: 40pt; font-size: 17pt;
	}
	select {
		height: 36pt;
	  line-height: 36pt; 
	  font-size: 14pt;
	}

	input[type=checkbox], input[type=radio] {
	 width: 32pt; height: 32pt;
	}
	input[type=submit], button, button[type=submit], input[type=button], a[type=button] {
	 margin: 1.5em 0;
	 font-size: 1em; line-height: 2.5em;
	 height: 2.5em; 
	}
	
	.pagetable {
		cellpadding:0;
		cellspacing:0;
		align:left;
		width:100%;
	}
	.retailprice {
		font-size: 15pt;
	}
	.purchaseprice {
		font-size: 20pt;
		font-weight: bold;
	}
			.wrappermargin {
				margin:1em;
			}

}

.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}