body{background:#f7f7f7;}
*{margin:0; padding:0; font-family:arial; font-size:12px; color:#373737;}
h1{margin-left: 5px;color:#253746; font-family: arial, verdana, sans-serif; font-size:24px; font-weight:normal; margin:0 0 20px 0;}
h2{margin-left: 5px;color:#253746; font-family: arial, verdana, sans-serif; font-size:20px; font-weight:normal; margin:0 0 20px 0;}
h3{margin-left: 5px;color:#5b7e96; font-family: arial, verdana, sans-serif; font-size:16px; font-weight:normal; margin:0 0 10px 0;}
h4{margin-left: 5px;font-size:13px; margin:0 0 10px 0;}
h5{}
a{color:#00a8e2; text-decoration:none;}
a:hover{color:#aff; text-decoration:none;}
ul{margin: 5px 0 10px 5px}

div.searchbox {
	position:relative;
	border-radius:5px 5px 0 0;
	padding:5px 5px 0 5px;
	background-color: #415464;
	width:95%;
	height: 35px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	text-color: #fff;
	margin-left: 5px;
}

div.filelist {
	position:relative;
	background-color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	width:95%;
	margin-left: 5px;
}

input[type=file] {
	width:490px;
	height: 25px;
	margin-left:0px;
	border: 1px solid #006;
	color: #fff;
	text-align: center;
	background-color: #00a8e2;
	padding:4px 2px 0px 5px;
	cursor:pointer;
}

input[type=submit] {
	width:100px;
	height: 20px;
	top: 10px;
	border: 1px solid #00a8e2;
	color: #fff;
	text-align: center;
	background-color: #00a8e2;
	cursor:pointer;
}

input[type=submit]:hover {
    border: 1px solid #00a8e2;
    background-color: #aff;
    color: #000;
}
div.disclaimer { 
	position:relative;
	padding:5px 5px 0 5px;
	background-color: #fff;
	width:95%;
	height:20px;
	font-family: arial, verdana, sans-serif;
	font-style: italic;
	font-size: 12px;
	margin-left: 5px;
}
div.warning { 
	position:relative;
	padding:5px 5px 0 5px;
	background-color: #fff;
	width:95%;
	height:20px;
	font-family: arial, verdana, sans-serif;
	font-style: italic;
	font-size: 12px;
	margin-left: 5px;
}
div.output { 
	position:relative;
	padding:5px 5px 0 5px;
	background-color: #fff;
	width:95%;
	font-family: Consolas, "Lucida Console", Monaco, monospace;
	font-style: italic;
	font-size: 12px;
	margin-left: 5px;
	padding-bottom: 5px;
}

div.format {
	position:relative;
	bottom: 20px;
	background-color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	width:510px;
	margin-left: 5px;
}

div.analysis {
	position:relative;
	background-color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	width:510px;
	margin-left: 5px;
}

div.filename {
	position:relative;
	background-color: #415464;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
	padding:0px 0px 0px 0px;
}

div.pcapheader {
	position:relative;
	background-color: #00a8e2;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: white;
	margin: 5px 0 0 0;
}

div.packet {
	position:relative;
	background-color: #dddddd;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	width:500px;
	color: black;
	margin: 5px 5px 0 0;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.emscripten { padding-right: 0; margin-left: auto; font-size: 10px; margin-right: auto; display: block; }
canvas.emscripten { border: 1px solid black; }
/*
textarea.emscripten { font-family: monospace; width: 95%; }
*/
textarea.emscripten { font-family: monospace; width: 85%; }
div.emscripten { text-align: center; }
table.noborder { border: 0; vertical-align: text-top; }