img.fullscreen {
			max-height: 100%;
			max-width: 100%;
		}		
		
		table.packet {
			background-color: #1f86fd; 
			text-align: center; 
			color: #FFFFFF; 
			border: 2px solid #000000; 
			box-shadow: 6px 6px 5px #888888; 
			width: 475px; 
			padding: 0px;
    		border-collapse: collapse;
    		margin-left: 20px;
			margin-left: auto;
			margin-right: auto;
		}
		.packet td {
			border: 2px solid #000000;
			padding: 0px;
			text-shadow: none;
			font-size: 10pt;
			width: 25px;
			height: 35px;
		}
		
		.packet td.unused {
			background-color: #003399;
		}
		
		.packet td.firstrow {
			border: 0px;
			padding: 0px;
			text-shadow: none;
			font-size: 0pt;
			width: 25px;
			height: 0px;
		}
		
		.dateside {
			padding-top: 5px;
			width: 125px;
			text-align: center;
			vertical-align: middle;
			clear: none;
			float: left;
			border-right: 1px solid #000000;
			padding-right: 10px;
			margin-right: 10px;
		}
		
		.homegrid .ui-block-a {
			width:40%;
			text-align:center;
			height: 350px; 
			padding-top: 210px;
			background:url(../images/earth.png) no-repeat top left;
		}
		
		.homegrid .ui-block-b {
			width:20%;
			text-align:center;
			height: 350px; 
			padding-top: 210px;
		}
		
		.homegrid .ui-block-c {
			width:40%;
			text-align:center;
			height: 350px; 
			padding-top: 210px;
			background:url(../images/delorian.png) no-repeat top left;
		}
		
		.floatinglayout .ui-block-b {
			padding-right: 25px;
		}
		
		@media all and (max-width: 1023px) {
			.floatinglayout .ui-block-a,
			.floatinglayout .ui-block-b,
			.floatinglayout .ui-block-c { 
				width: 100%; 
				float:none;
				clear:both; 
				padding: 15px;
			}
			
			.homegrid .ui-block-a, .homegrid .ui-block-c {
				height: 350px; 
				padding-top: 210px;	
			}
			
			.homegrid .ui-block-b {
				height: 60px;
			}
		}
		
		
		@media all and (max-width: 600px) {
			.floatinglayout .ui-block-a,
			.floatinglayout .ui-block-b,
			.floatinglayout .ui-block-c { 
				width: 100%; 
				float:none;
				clear:both; 
				padding: 15px;
			}
			
			.homegrid .ui-block-a, .homegrid .ui-block-c {
				height: 350px; 
				padding-top: 210px;	
			}
			
			.homegrid .ui-block-b {
				height: 60px;
			}
			
			table.packet {
				border: 1px solid #000000; 
				box-shadow: 6px 6px 5px #888888; 
				width: 290px; 
				padding: 0px;
    			border-collapse: collapse;
    			margin-left: auto;
				margin-right: auto;
			}
			.packet td {
				border: 1px solid #000000;
				padding: 0px;
				margin: 1px;
				text-shadow: none;
				font-size: 6pt;
				width: 5px;
				height: 25px;
			}
			.packet p {
				font-size: 6pt;
			}
			.packet td.firstrow {
				border: 0px;
				padding: 0px;
				margin: 0px;
				text-shadow: none;
				font-size: 0pt;
				width: 5px;
				height: 0px;
			}
			img {
				width: 250px;
			}
			
			.ui-navbar h2 {
				padding-top: 15px;
				font-size: .75em;
			}
			
			.ui-li-heading {
				font-size: 12px;
			}
			
			.dateside {
				padding-top: 5px;
				width: 100px;
				text-align: center;
				vertical-align: middle;
				clear: none;
				float: left;
				border-right: 1px solid #000000;
				padding-right: 4px;
				margin-right: 4px;
			}
		}


	.version{
		color: #04b486;
	}
	.ack{
		color: #ff2222;
	}
	.options{
		color: #acfa58;
	}
	.src{
		color: #ff9900;
	}
	.dest{
		color: #11dd11;
	}
	.checksum{
		color: #8a0886;
	}
	.seqnum{
		color: #fa58ac;
	}
	.urgent{
		color: #336666;
	}
	.typeofservice{
		color: #990033;
	}
	.identification{
		color: #663300;
	}
	.protocol{
		color: #3300bb;
	}