/* phone */
@media (max-width: 399px) {
}

/* bigger than a phone */
@media (min-width: 400px) {
}

/* phone or small tablet */
@media (max-width: 749px) {
	div.dialog, div.fullScreen { margin:0; }
	div.dialog { border: none; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: visible}
}

/* iPads and up */
@media (min-width: 750px) {
	div.dialog, div.fullScreen { margin:auto; }
	div.dialog { border: solid 2px black; max-height: 550px; max-width: 700px; overflow: auto;}
}

th.noWrap, td.noWrap, p.noWrap, div.noWrap, span.noWrap, label.noWrap { white-space:nowrap; }

img.mid, span.mid, input.mid, select.mid, td.mid, th.mid { vertical-align:middle; }

span.b, div.b, td.b, th.b, p.b { font-weight:bold; }
span.u, div.u, td.u, th.u, p.u { text-decoration:underline; }
span.i, div.i, td.i, th.i, p.i { font-style:italic; }

p.ctr, td.ctr, th.ctr, span.ctr, div.ctr { text-align:center; }
p.right td.right, th.right, span.right, div.right { text-align:right; }
p.left td.left, th.left, span.left, div.left { text-align:left; }

p.clear { clear:both; }

img.left { float:left; margin-right:3px; }

div.title, span.title, p.title { font-size: 120%; font-weight:bold; }

div.dialog, div.fullScreen {
margin:0;
padding:.5em;
}

div.dialog {
position: absolute;
z-index: 500; display:none;
height: auto;
background:white;
}

div.fullScreen {
display: none;
background: white;
width: 100%;
height: 100%;
position: absolute; 
top: 0; 
left: 0;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

div.shield {
display: none;
background: #666666;
width: 100%;
height: 100%;
z-index: 300;
position: absolute; 
top: 0; 
left: 0;
margin: 0;
padding: 0;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.transparent {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
-moz-opacity: 0.5; /* Netscape */
-khtml-opacity: 0.5; /* Safari 1.x */
opacity: 0.5; /* Good browsers */
}

input.noPointer { cursor:auto; }

textarea.singleLine {
padding: .2em;
margin: 2px 0;
height: 1em;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}

table.ref { border:medium solid #000000; border-collapse:collapse; }
table.ref th { border:medium solid #000000; background-color:#666666; color:white; font-weight:bold; text-align:center; padding:.1em .3em; }
table.ref td { vertical-align:top; border:medium solid #000000; padding:.1em .2em; }

table.webTable { margin:5px 0; page-break-inside:avoid; border:2px solid #555555; border-collapse: collapse;}
table.webTable th { font-weight:bold; color:#FFFFFF; background-color:#555555; vertical-align:bottom; border:2px solid #555555; padding:2px; white-space:nowrap; }
table.webTable td { vertical-align:top; border:2px solid #555555; padding:3px; }