@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');
}
@font-face {
	font-family: 'BentonSans-Regular';
	src: url('/certified/fonts/BentonSans-Regular-webfont.eot?') format('eot'),
		url('/certified/fonts/BentonSans-Regular-webfont.woff') format('woff'),
		url('/certified/fonts/BentonSans-Regular-webfont.ttf') format('truetype');
}
html {
	overflow: hidden; /* Midori global scrollbar hide fix */
}
body {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	background-color:#00315d;
	font-size:1px;
}
img {
	border-style:none;
	width:100%;
	height:100%;
	display: block;
}

/* 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%;
}


/* HEADER */

#header {
	position:absolute;
	left:37.812%;
	width:52.891%;
	height:8.203%;
}
#stepnumber {
	position:absolute;
	top:26%;
	width:50%;
	height:54%;
	color:#ccd4dc;
	text-align:right;
}
.headerbutton {
	position:absolute;
	width:16.544%;
	height:100%;
}
.headerbutton.first {
	left:58.641%;
}
.headerbutton.second {
	left:79.321%;
}
.headerslash {
	position:absolute;
	width:4.136%;
	height:100%;
	background:url(/images/setup/header/slash.png) no-repeat;
	background-size:100% 100%;
}
.headerslash.first {
	left:54.505%;
}
.headerslash.second {
	left:75.185%;
}
.headerslash.third {
	left:95.865%;
}
.cornercancel {
	position:absolute;
	left:90.703%;
	width:9.297%;
	height:8.203%;
	background:url(/images/setup/header/x.png) no-repeat;
	background-size:100% 100%;
}

/* PANEL A (full panel) */
#panela {
	position:absolute;
	width:100%;
	height:100%;
	background:url(/images/setup/panels/a/bg.png) no-repeat;
	background-size:100% 100%;
}
#panela .panellabel {
	position:absolute;
	left:3.125%;
	top:3.963%;
	width:39.984%;
	height:7.470%;
}
/* #panela .instructions { */
/* 	position:absolute; */
/* 	top:17.226%; */
/* 	width:100%; */
/* 	height:20.274%; */
/* } */

/* TEXT PANEL */

#panela.text {
	background:url(/images/setup/panels/a/text/bg.png) no-repeat;
	background-size:100% 100%;
}
#panela.text.short {
	background:url(/images/setup/panels/a/text_short/bg.png) no-repeat;
	background-size:100% 100%;
}
/* certified settings screen */
#panela.text.shortselection {
	background:url(/images/setup/panels/a/text/bg_shortselection.png) no-repeat;
	background-size:100% 100%;
}
#panela.text .button {
	position:absolute;
	width:11.218%;
	height:18.292%;
	left:85.577%;
}
.scrolltext .button {
	position:absolute;
	width:11.218%;
	height:18.292%;
	left:85.577%;
}
#panela.text .button.first {
	top:17.226%;
}
#panela.text .button.second {
	top:39.939%;
}
#panela.text .button.third {
	top:75.611%;
}
#panela.text .textwrapper {
	position:absolute;
	left:5.369%;
	top:21.2341%;
	width:75%;
	height:69%;
	color:#17354f;
	letter-spacing:-.02em;
	overflow: hidden;
}

/* cert settings detail text */
#panela.text.shortselection .textwrapper.screenbottom {
	top:67.0732%; /* 440px */
	height:30.1829%; /* 198px */
	color:#fff;
	letter-spacing:0em;
}

#panela.text.short .textwrapper {
	height:48%;
}

/* cert settings panel */
#panela.text.shortselection .textwrapper {
	height:39.3292%; /* 258px */
}

/* #panela.text .textwrapper.scrollable { */
/* 	overflow-y:scroll; */
/* } */
/* #panela.text .textwrapper.scrollable p { */
/* 	margin:0; */
/* } */
/* #panela.text .textwrapper.scrollable.readtext { */
/* 	font-size:150%; */
/* } */
/* #panela.text .textwrapper.scrollable.readtext p { */
/* 	margin-bottom:1.5%; */
/* } */
/* #panela.text .textwrapper.scrollable.textlist { */
/* 	font-size:180%; */
/* 	line-height:174%; */
/* } */
/* #panela.text .textwrapper.scrollable.selectlist { */
/* 	font-size:300%; */
/* 	line-height:189%; */
/* } */
/* #panela.text .textwrapper.static { */
/* } */
#panela.text .textwrapper .col {
	position:absolute;
	height:100%;
	width:47%;
	overflow:hidden;
}

#panela.text .textwrapper .col.first {
}

#panela.text .textwrapper .col.second {
	right:0.5%; /* ELO 7-inch only bug fix - cannot be 0 */
}

/* #panela.text .textwrapper.static.deviceinfo { */
/* 	font-size:155%; */
/* 	line-height:120%; */
/* } */
.deviceinfo p {
	margin-bottom:1.8%;
}
.deviceinfo table {
	width:100%;
}
.deviceinfo .strong {
	font-weight:bold;
	display:inline;
}
/* .deviceinfo tr td:first-of-type { */
/* 	width:25%; */
/* } */
/* .deviceinfo tr td:nth-of-type(2) { */
/* 	width:25%; */
/* } */

/* INTRO */
#proceedbutton {
	position:absolute;
	top: 41.2760417%; /* 317px */
	left: 37.5%; /* 480px */
	width: 25%; /* 320px */
	height: 26.0416667%; /* 200px */
}

/* EULA */
#eulatext {
	white-space:pre-wrap;
}
#eulathumb {
	position:absolute;
	left:3.205%;
	top:77.744%;
	width:7.532%;
	height:14.329%;
}
#eulathumbhotzone {
	position:absolute;
	left:3.205%;
	top:77.744%;
	width:80%;
	height:14.329%;
}

/* TIMEZONE, FIRMWARE */
#panela .selectablelisttextarea {
	width: 74%;
}

.selectablelist li {
	font-family:'BentonSans-Regular', Tahoma, Arial, Helvetica, Sans-serif;
	list-style-type:none;
	border-bottom: solid 1px #e0e4eb;
	padding:2%;
	font-weight:bold;
}

.selectablelist li.selected{
	background-color:#ffa900;
}

/* DATETIME */
.datetime .picker {
	position:absolute;
	top:19.512%;
	width:11.619%;
	height:74.390%;
	background:url(/images/setup/datetime/picker_panel.png) no-repeat;
	background-size:100% 100%;
}
.datetime .picker.hour {
	left:3.205%;
}
.datetime .picker.minute {
	left:15.625%;
}
.datetime .picker.ampm {
	left:27.965%;
}
.datetime .picker.month {
	left:43.109%;
}
.datetime .picker.day {
	left:57.051%;
}
.datetime .picker.year {
	left:69.391%;
}

.datetime .picker .datacenter {
	position:absolute;
	top:40%;
	width:100%;
	height:27.149%;
	text-align:center;
	color:#fff;
}
.datetime .picker .datacenter .data {
	height:80%;
	width:80%;
	text-align:center;
	margin:0 auto;
}
.datetime .picker .button {
	position:absolute;
	left:7.317%;
	width:83.333%;
	height:24.590%;
}
.datetime .picker.wide {
	width:13.141%;
	background:url(/images/setup/datetime/picker_panel_wide.png) no-repeat;
	background-size:100% 100%;
}
.datetime .picker.wide .button {
	position:absolute;
	left:13.4154%;
	width:73.171%;
}
.datetime .picker .button.up {
	background:url(/images/setup/datetime/picker_button_up.png) no-repeat;
	background-size:100% 100%;
}
.datetime .picker .button.down {
	bottom:0;
	background:url(/images/setup/datetime/picker_button_down.png) no-repeat;
	background-size:100% 100%;
}
#panela.datetime .okbutton {
	position:absolute;
	width:11.218%;
	height:18.292%;
	left:85.577%;
	top:75.611%;
}


/* ZERO HEIGHT */
.zeroheight.basetype #panellabel {
	position: absolute;
	height: 8%;
	width: 90%;
	left: 3.5%;
	top: 3%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	color: #fff;
	letter-spacing: -.6em;
}
.zeroheight.basetype #whattype {
	position: absolute;
	height: 8%;
	width: 80%;
	left: 10%;
	top: 20%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	text-align: center;
	color: #fff;
}
.zeroheight.basetype .button {
	position: absolute;
	top: 41.311%;
	width: 25.641%;
	height: 30.488%;
}
.zeroheight.basetype .button.first {
	left:21.154%;
}
.zeroheight.basetype #flatbasetext {
	position: absolute;
	height: 20.0%;
	width: 25.641%;
	left: 21.154%;
	top: 75%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	text-align: center;
	color: #fff;
}
.zeroheight.basetype .button.second {
	left: 53.205%;
}
.zeroheight.basetype #bumpybasetext {
	position: absolute;
	height: 20.0%;
	width: 25.641%;
	left: 53.205%;
	top: 75%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	text-align: center;
	color: #fff;
}

.zeroheight.clearbase #panellabel {
	position: absolute;
	height: 8%;
	width: 90%;
	left: 3.5%;
	top: 3%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	color: #fff;
	letter-spacing: -.6em;
}
.zeroheight.clearbase #clearbasetext {
	position: absolute;
	height: 30%;
	width: 80%;
	left: 10%;
	top: 20%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	text-align: center;
	color: #fff;
}
.zeroheight.clearbase .button {
	position:absolute;
	left:42.788%;
	top:56.860%;
	width:14.423%;
	height:22.866%;
}

.zeroheight.standclear #panellabel {
	position: absolute;
	height: 8%;
	width: 90%;
	left: 3.5%;
	top: 3%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	color: #fff;
	letter-spacing: -.6em;
}
.zeroheight.standclear #standcleartext {
	position: absolute;
	height: 25%;
	width: 80%;
	left: 10%;
	top: 20%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	text-align: center;
	color: #fff;
}
.zeroheight.standclear .countdown {
	position: absolute;
	top: 51.372%;
	left: 39.984%;
	width: 19.872%;
	height: 37.805%;
}
.zeroheight.wait .spinner {
	position:absolute;
	top:51.372%;
	left:39.984%;
	width:19.872%;
	height:37.805%;
}
.zeroheight.fail #panellabel {
	position: absolute;
	height: 8%;
	width: 90%;
	left: 3.5%;
	top: 3%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	color: #fff;
	letter-spacing: -.6em;
}
.zeroheight.fail #tryagaintext {
	position: absolute;
	height: 25%;
	width: 80%;
	left: 10%;
	top: 20%;
	font-family: 'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	text-align: center;
	color: #fff;
}
.zeroheight.fail .button {
	position: absolute;
	top: 56.860%;
	width: 14.423%;
	height: 22.866%;
}
.zeroheight.fail .button.first {
	left:32.372%;
}
.zeroheight.fail .button.second {
	left:53.205%;
}

/* SCANZONE */
.scanzone .tint {
	position:absolute;
	left:3.205%;
	top:17.226%;
	width:53.847%;
	height:76.677%;
	background:#004381;
	opacity:.5;
}
.scanzone .qvimage {
	position:absolute;
	left:3.205%;
	top:17.226%;
	width:53.847%;
	height:76.677%;
}
#AOIcanvas {
	position:absolute;
	left:4.375%;
	top:16.796875%;
	z-index:101;	
}
.scanzone .acceptbutton {
	position:absolute;
	left:85.577%;
	top:75.611%;
	width:11.218%;
	height:18.292%;
}

/* PASSWORD */
.password.yesno .button {
	position:absolute;
	top:56.860%;
	width:14.423%;
	height:22.866%;
}
.password.yesno .button.first {
	left:32.372%;
}
.password.yesno .button.second {
	left:53.205%;
}
.password.enter .textentry {
	position:absolute;
	left:40.865%;
	top:17.226%;
	width:42.869%;
	height:18.293%;
	background:url(/images/setup/password/enter/textfield.png) no-repeat;
	background-size:100% 100%;
	color:#ced4e0;
	text-align:center;
}
.password.enter .acceptbutton {
	position:absolute;
	left:85.577%;
	top:17.226%;
	width:11.218%;
	height:18.293%;
}

/* ALPHA KEYBOARD */
#alpha {
	position:absolute;
	left:3.205%;
	top:40.701%;
	width:93.75%;
	height:53.354%;
}
#alpha .row {
	position:absolute;
	height:31.429%;
}
#alpha .row div {
	float:left;
	height:100%;
	background:url(/images/setup/keyboards/alpha/bg.png) no-repeat;
	background-size:100% 100%;
}
#alpha .row.first {
	width:100%;
}
#alpha .row.first div {
	width:9.231%;
	margin-right:.854%;
}
#alpha .row.first div:last-of-type {
	margin-right:0;
}
#alpha .row.second {
	right:5.043%;
	top:34.286%;
	width:89.915%;
}
#alpha .row.second div {
	width:10.266%;
	margin-right:.950%;
}
#alpha .row.second div:last-of-type {
	margin-right:0;
}
#alpha .row.third {
	right:5.043%;
	bottom:0;
	width:84.872%;
}
#alpha .row.third div {
	width:10.876%;
	margin-right:1.007%;
}
#alpha .row.third div:last-of-type {
	width:16.818%;
	margin-right:0;
	background:none;
}

/* Chrome fix */

.jtextfill_multiline span {
		display: block; /* need this for Chrome ":visibility" jQuery selector fix */
}

/* FOOTER */

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:10.416%;
}
/* #timestamp { */
/* 	position:absolute; */
/* 	left:3%; */
/* 	top:35%; */
/* 	width:37.109%; */
/* 	font-size:170%; */
/* 	color:#ccd4dc; */
/* } */
.footerbutton {
	position:absolute;
	width:8.974%;
	height:100%;
}
.footerbutton.first {
	left:42.343%;
}
.footerbutton.second {
	left:53.504%;
}
.footerbutton.third {
	left:64.665%;
	width:15%;
}
.footerslash {
	position:absolute;
	width:2.187%;
	height:100%;
	background:url(/certified/images/dsdisplay/footer/slash.png) no-repeat;
	background-size:100% 100%;
}
.footerslash.first {
	left:40.156%;
}
.footerslash.second {
	left:51.317%;
}
.footerslash.third {
	left:62.478%;
}
.footerslash.fourth {
	left:79.665%;
}
/* #status { */
/* 	position:absolute; */
/* 	left:62.478%; */
/* 	width:26.172%; */
/* 	height:100%; */
/* } */
/* #statustail { */
/* 	position:absolute; */
/* 	left:88.65%; */
/* 	width:2.656%; */
/* 	height:100%; */
/* } */
/* #statustriage { */
/* 	position:absolute; */
/* 	left:91.306%; */
/* 	width:7.891%; */
/* 	height:100%; */
/* } */

/* un-selection enforcement */ 

#unselect_overlay {
	position:absolute;
	top:0%;
	width:100%;
	height: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;
}

.button, .headerbutton, .footerbutton, #cornercancel, .buttonclass {
	z-index:101;
	cursor: pointer;
}
.buttonparent {
	z-index:101;
}
.button_disabled {
	cursor: default;
}

/* DIALOG */
#dialog_bg {
	position:absolute;
	top:0%;
	width:100%;
	height:100%;
	background:#002241;
	opacity:.8;
	z-index:109;
	display: none;
}
#touchdialog-modal {
	display: none;
}
#touchdialog-modal .bubble {
	position:absolute;
	left:4.609%;
	top:7.682%;
	width:90.781%;
	height:88.411%;
	background:url(/images/setup/dialog/bg.png) no-repeat;
	background-size:100% 100%;
	opacity:.8;
	z-index:110;
} 
#touchdialog-modal .text {
	position:absolute;
	left: 19.765625%; /* 253px */
	top: 23.046875%; /* 177px */
	width: 60.703125%; /* 777px */
	height: 18.75%; /* 144px */
	z-index:110;
}
#touchdialog-modal .text.largeText {
	left: 9.765625%;
	top: 13.046875%;
	width: 80%;
	height: 50%;
}
#touchdialog-modal .text span {
	font-family:'BentonSans-Light', Tahoma, Arial, Helvetica, Sans-serif;
	text-align:center;
	color:#fff;
	letter-spacing:-.07em;
}
#touchdialog-modal .dialogbutton {
	position:absolute;
	top:56%;
	width:14.062%;
	height:19.531%;
	cursor:pointer;
	z-index:110;
}
#touchdialog-modal .dialogbutton.largeText {
	top:68%;
}
#touchdialog-modal .dialogbutton.single {
	left:42.969%;
	display: none;
}
#touchdialog-modal .dialogbutton.doubleleft {
	left:27.969%;
	display: none;
}
#touchdialog-modal .dialogbutton.doubleright {
	left:57.969%;
	display: none;
}

/* LOADING SPINNER */
#spinner, #spinner_bg {
	display:none;
}
#spinner_bg {
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	background-color:#00264a;
	opacity:.65;
	z-index:119;
}
#spinner .spin {
	position:absolute;
	top:37%;
	left:45.313%;
	width:9.375%;
	height:15.625%;
	z-index:120;
}
#spinner .label {
	position:absolute;
	left:20.703%;
	top:56%;
	width:59.688%;
	height:17.969%;
	z-index:120;
}