@charset "UTF-8";

/* UNIVERSAL */

* {
  margin:0;
  padding:0;
}
@font-face {
	font-family: 'BentonSans-Light';
	src: url('/certified/fonts/bentonsans-light-webfont.eot?') format('eot'),
		url('/certified/fonts/bentonsans-light-webfont.woff') format('woff'),
		url('/certified/fonts/bentonsans-light-webfont.ttf') format('truetype');
}
html {
}
body {
	font-family: Arial, Helvetica, "Verdana", Sans-serif;
	background-color:#002b51;
	font-size: 1px; /* span aligment issue fix */
}
img {
	border-style:none;
	width:100%;
	height:100%;
	display: block;
}

.panellabel {
	font-family:'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	color:#fff;
	letter-spacing: -0.09em;
}

.nudgeup {
	position: relative;
	top: -20%;
	height:100%;
	width:100%;
}
.livedata {
	text-align: right;
}

/* STRUCTURE */
#wrapper {
	position:relative;
	width:1280px;
	height:768px;
	margin:0 auto;
}
#content {
	position:absolute;
	top:2.083%;
	left:1.250%;
	width:97.500%;
	height:85.416%;
}
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:10.416%;
}

/* FOOTER */
#timestamp {
	position:absolute;
	left:3%;
	top:35%;
	width:36%;
	height:36%;
	color:#ccd4dc;
}
#footerslash1 {
	position:absolute;
	left:40.156%;
	width:2.187%;
	height:100%;
}
#footerbutton1 {
	position:absolute;
	left:42.343%;
	width:8.974%;
	height:100%;
	cursor: pointer; 
}
#footerslash2 {
	position:absolute;
	left:51.317%;
	width:2.187%;
	height:100%;
}
#footerbutton2 {
	position:absolute;
	left:53.504%;
	width:8.974%;
	height:100%;
	cursor: pointer; 
}
#footerslash3 {
	position:absolute;
	left:62.478%;
	width:2.187%;
	height:100%;
}
#footerbutton3 {
	position:absolute;
	left:64.665%;
	width:8.974%;
	height:100%;
}
#footerslash4 {
	position:absolute;
	left:73.639%;
	width:2.187%;
	height:100%;
}
#status {
	position:absolute;
	left:62.5%; /* 800px */
	width:26.328125%; /* 2px stretch added to avoid rendering bugs from WebKit */
	height:100%;
}
#statustail {
	position:absolute;
	left:88.671875%; /* 1135px */
	width:2.8125%; /* 2px stretch added to avoid rendering bugs from WebKit */
	height:100%;
}
#statustriage {
	position:absolute;
	left:91.328125%; /* 1169px */
	width:7.890625%;
	height:100%;
}

/* PANEL D (full panel) */
#paneld {
	position:absolute;
	width:100%;
	height:68.1402%;
	background:url(/certified/images/touchdisplay_v2/panels/d/bg.png) no-repeat;
	background-size:100% 100%;
}
#paneld .liveimage {
	position:absolute;
	left:54.4872%;
	top:3.5794%;
	width:44.2308%;
	height:92.6174%;
	z-index:101;
}
#paneld .panellabel {
	position:absolute;
	left:1.9231%;
	top:3.5794%;
	width:22.4359%;
	height:8.2774%;
}
#paneld .scanalert {
	position:absolute;
	height:11.6331%;
	width:4.1667%;	
	top:0.8949%;	
}
#paneld .scanalert.shape {
	position:absolute;
	left:29.0865%;
}
#paneld .scanalert.zone {
	position:absolute;
	left:24.9199%;
	background:url(/certified/images/dsdisplay/icons/outofzone/tbd.png) no-repeat;
	background-size:100% 100%;
}
#paneld .data {
	position:absolute;
	width:100%;
	height:28.049%;
}
#paneld .data.length {
	top:13.872%;
}
#paneld .data.width {
	top:41.837%;
}
#paneld .data.height {
	top:69.802%;
}
#paneld .livedata { /* mostly empirical positioning */
	color:#fff;
	position:absolute;
	top:-12%;
	right:54%; 
	width:37%; 
	height: 120.1086957% /* 221px */
}
#paneld .datalabel {
	position:absolute;
	width:8.0128%;
	height:22.3714%;
    left:2.0833%;
}
#paneld #datalabelL {
	position:absolute;
    top:15.8837%;
}
#paneld #datalabelW {
	position:absolute;
    top:43.4004%;
}
#paneld #datalabelH {
	position:absolute;
    top:70.9172%;
}
#paneld .itemalert {  
	position:absolute;
	width:11.0577%;
	height:10.7383%;
    left:44.3109%;
}
#paneld #undersizeL {
	top:15.4362%;
}
#paneld #refinementL {
	top:27.2931%;
}
#paneld #undersizeW {
	top:42.9530%;
}
#paneld #refinementW {
	top:54.8098%;
}
#paneld #undersizeH {
	top:70.4698%;
}
#paneld #refinementH {
	top:82.3266%;
}

/* PANEL EW (bottom left weight panel)  */
#panelew {
	position:absolute;
    top:70.1220%;
	width:49.5192%;
	height:30.6402%;
	background:url(/certified/images/touchdisplay_v2/panels/e/bg.png) no-repeat;
	background-size:100% 100%;
	z-index:100;
}
#panelew .panellabel {
	position:absolute;
	left:4.0453%;
	top:7.9602%;
	width:45.3074%;
	height:18.4080%;
}
#panelew .datalabel {
	position:absolute;
	left:4.2071%;
	top:35.3234%;
	width:16.1812%;
	height:49.7512%;
}
#panelew .livedata { /* mostly empirical positioning */
	position:absolute;
	top:22%;
	right:4%;
	color:#fff;
	width:74.4337%; /* 460px */
	height:79.6020%; /* 160px */
    white-space: nowrap; /* prevents overestimated cached fontsizes to start wraping lines like "7 lb 14.5 oz" RedMine #495 */
}

/* PANEL EDW (bottom right panel dimweight display)  */
#paneledw {
	position:absolute;
    left:50.4808%;
    top:70.1220%;
	width:49.5192%;
	height:30.6402%;
	background:url(/certified/images/touchdisplay_v2/panels/e/bg.png) no-repeat;
	background-size:100% 100%;
	z-index:100;
}
#paneledw .panellabel {
	position:absolute;
	left:4.0453%;
	top:7.9602%;
	width:45.3074%;
	height:18.4080%;
}
#paneledw .datalabel {
	position:absolute;
	left:4.2071%;
	top:35.3234%;
	width:16.1812%;
	height:49.7512%;
}
#paneledw .livedata { /* mostly empirical positioning */
	position:absolute;
	top:22%;
	right:4%;
	color:#fff;
	width:74.4337%; /* 460px */
	height:79.6020%; /* 160px */
}

/* selection prevention screen overlay */
#unselect_overlay {
	position:absolute;
	top:0%;
	width:100%;
	margin:0 auto;
	z-index:100;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
	user-select: none;
}

.buttonclass {
	z-index:101;
	cursor: pointer;
}