html, body {
		    font-size: 18px;      
		    margin:0; /* remove default margin */
		    padding:0; /* remove default padding */
		    width:100%;  /*take full browser width */
		    /*width:320px;*/
		    height:100%; /* take full browser height*/
		}

		body {
			background-color: white;

		}


html {
	-webkit-text-size-adjust: 100%;
}
		* {
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		}

		input, select {
			font-size: 18px;
		}
		button {
			font-size:18px;
		}
		.title-row {
			border-bottom:1px solid black;
			padding-bottom:3px;
			
		}

		.title-row:after {
			clear:both;
		}
		#out-tray {
			font-size: 18px;
			display:inline-block;
			border:1px solid black;
			border-top:0;
			margin-top:4px;
			padding-left:3px;
			padding-right:3px;
			float:right;
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			color:red;
			cursor:pointer;
			margin-right:5px;


		}

		#findStrBtn {
			 font-family: Lucida Sans Unicode, Arial Unicode MS, sans-serif;
			 width:25px;
		}
		#inp-structure-prefix {
			width:40px;
		}
		#inp-structure-miles {
			width:40px;
		}
		#inp-structure-num {
			width:55px;
		}
		#inp-structure-letter {
			width:30px;
		}

		#inp-equipment-tension-length {
			width:55px;
		}
		#inp-measure-temperature {
			width:55px;
		}
		#inp-dyn-downward-movement {
			width:55px;
		}
		#inp-dyn-upward-movement {
			width:55px;
		}
		#inp-dyn-pulley-spacing {
			width:55px;
		}

		#inp-dyn-tail-length {
			width:55px;
		}

		#inp-dyn-turns-on-small-pulley {
			width:55px;
		}

		#inp-dyn-turns-on-large-pulley {
			width:55px;
		}


		#bwa-identified {
			padding-left:5px;
			color:red;
		}
		#bwa-identified table {
			border-collapse: collapse;
			margin-bottom:5px;
		}
		#bwa-identified tr {
			cursor:pointer;
		}
		#bwa-identified tr:hover {
			background-color:#e2e2e2;
		}
		#bwa-identified td {
			color:black;
			display:table-cell;
			padding:3px;
			vertical-align: top;
			border:1px solid black;
			margin:0;

		}

		.field-box {
			float:right;
			width:121px;
			margin-bottom: 5px;
		}

		.field {
			clear:both;
			border-top:1px solid black;
			padding-bottom:5px;
			padding:5px;

		}

		.structure-wrapper {

			padding:5px;
		}

		.fullscreenoverlay  {
			position: fixed;
			top:0;
			left:0;
			right:0;
			bottom:0;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	        box-sizing: border-box;         /* Opera/IE 8+ */
			
			opacity: 0.9;
			background-color: white;
			

		}

		#loader-spinner {
			height:20px;
			display:block;
			float:right;
			margin-top: 4px;
			margin-right:5px;
		}
		#name-prompt-frm div {
			margin-bottom:8px;
		}
		.overlay-wrap {
			width:100%;
			height:100%;
			text-align:center;
			display:table;
		}

		.overlay-wrap > div {

			height:100%;
			display: table-cell;
			vertical-align: middle;
		}

		.error-string {
			clear:both;
			color:red;
			font-size: 14px;
		}

		.error-string:empty {
			display:none;
		}

		#comments-frame {
			position:absolute;
			top:0;
			left:0;
			bottom:0;
			right:0;
			
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	        box-sizing: border-box;         /* Opera/IE 8+ */
			background-color: white;
			padding:5px;
		}

		#comment-cancel {
			float: left;
		}

		#comment-save {
			float:right;
		}

		.comments-header {
			font-size:19px;
			display: table-row;
			text-align: center;

		}

		.comments-input {
			display:table-row;
			height:100%;
		}

		.comments-input textarea{
			display:table-cell;
			height:100%;
			width:100%;
			font-size:20px;
			margin-top:5px;
		}

		.comments-wrapper {
			display:table;
			height:100%;
			width:100%;
		}

		#field-comments {
			cursor: pointer;
			
		}

		#field-comments .add-comment {
			float:left;
		}

		#field-comments #sample-text {
			color:#727272;
			white-space: nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
			font-size: 16px;
			line-height: 20px;
			display: block;
			margin-top:5px;
			margin-left: 3px;
		}

		#field-comments:hover {
			background-color:#e2e2e2;
		}

		.clear {
			clear:both;
		}
	
	#outstanding-surveys {
		background-color: #e2e2e2;
		border-bottom:2px solid black;
	}

	#outstanding-surveys table {
		border-collapse: collapse;
		
		margin-top:3px;
		width:100%;
		cursor: pointer;
	}

	#outstanding-surveys td {
		border-top:1px solid black;
		margin:0;
		display:table-cell;
		vertical-align: top;
		font-size:16px;
	}

	#outstanding-surveys td.delete-cell {
		
		vertical-align:middle;

	}

	.delete {
		background-color: red;
		color:white;
		height:20px;
		width:20px;
		border-radius:10px;
		font-weight: bold;
		text-align: center;
		border:1px solid black;
		margin-left:4px;
		margin-right:4px;
		line-height: 16px;
		font-size:20px;
	}

	#submit-now {
		margin-top:3px;
	}