/*
 Google60.css
 (c) 2012 Norbert Landsteiner, mass:werk - media environments, www.masswerk.at
 all rights reserved. no copying. no unauthorized publishing.
 related page location: http://www.masswerk.at/google60
*/

body
{
	background-color: black;
	margin: 0;
	padding: 0;
}

div#topbar
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 34px;
}

div#topbarContent
{
	position: relative;
	width: 940px;
	height: 36px;
	margin: 0 auto;
	padding: 0;
}

a#pagelogo
{
	position: absolute;
	left: 6px;
	top: 10px;
	text-decoration: none;
}
a#pagelogo img { border: 0 none; }

div#mainPane
{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url(images/displaybg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

div#displayContent
{
	position: relative;
	width: 940px;
	height: 704px;
	margin: 0 auto;
	padding: 0;
}

div#fontsampler
{
	position: absolute;
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
}
div#fontsampler span.mplus1m {font-family: m-1m;}
div#fontsampler span.lp1 {font-family: lp1_regular;}

div#displayPane
{
	position: absolute;
	width: 940px;
	height: 704px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #000;
}

/* content */

h1 { display: none; }

div#aboutheading
{
	position: relative;
	margin: 64px 0 38px 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px #606060 solid;
}
div#aboutheading h2
{
	position: relative;
	display: block;
	width: 936px;
	margin: 0 auto;
	padding: 0;
	font-family: 'Rufina',georgia,serif;
	font-size: 14px;
	color: #909090;
	font-weight: bold;
	-webkit-text-shadow: 0 0 1px rgba(144,144,144, 0.1);
	-moz-text-shadow: 0 0 1px rgba(144,144,144, 0.1);
	-o-text-shadow: 0 0 1px rgba(144,144,144, 0.1);
	text-shadow: 0 0 1px rgba(144,144,144, 0.1);
}
div#content
{
	position: relative;
	display: block;
	width: 936px;
	margin: 0 auto 6em auto;
	padding: 0;
	font-family: 'Alike',georgia,serif;
	font-size: 13px;
	line-height: 17px;
	color: #909090;
	-webkit-text-shadow: 0 0 1px rgba(144,144,144, 0.1);
	-moz-text-shadow: 0 0 1px rgba(144,144,144, 0.1);
	-o-text-shadow: 0 0 1px rgba(144,144,144, 0.1);
	text-shadow: 0 0 1px rgba(144,144,144, 0.1);
}
div#content p
{
	margin-left: 254px;
	text-align: justify;
}
div#content p + p
{
	margin-top: 0.5em;
}
div#content p.caption
{
	font-family: 'Raleway',arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 2px !important;
	clear: both;
	margin-left: 0;
	width: 230px;
	border-top: 1px #606060 solid;
	padding-top: 4px;
	float: left;
	text-align: left;
	text-indent: 4px;
}
div#donate + p.caption,
div#advert + p.caption
{
	margin-top: 34px !important;
}
div#content p.caption + p,
div#content p.last
{
	margin-top: 29px;
}
div#content a
{
	color: #8faba9;
	text-decoration: none;
}
div#content a:hover,
div#content a:focus
{
	color: #bbb;
	text-decoration: underline;
}
div#content a:active
{
	color: #fff;
	text-decoration: underline;
}

/* splash */

div#splashscreen
{
	position: absolute;
	width: 940px;
	height: 704px;
	background-color: #bf1b26;
	cursor: wait;
}
div#splashscreen.ready { cursor: pointer; }

img#splash_tile
{
	position: absolute;
	left: 245px;
	top: 23px;
	width: 655px;
	height: 655px;
}

img#splash_jingle
{
	position: absolute;
	left: 34px;
	top: 653px;
	width: 221px;
	height: 27px;
}

/* dialog */

div#modalshield
{
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
	height: 705px;
	margin: 0;
	padding: 0;
	z-index: 99998;
}
div#modalshieldbg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
	height: 705px;
	margin: 0;
	padding: 0;
	background-color: #000;
	opacity: 0.3;
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	-o-opacity: 0.3;
	-khtml-opacity: 0.3;
	-ms-opacity: 0.3;
}
div#modalshield.solid
{
	background-image: url(images/shieldbg.png);
}

div#modaldialog
{
	position: absolute;
	margin: 0;
	padding: 22px 28px 22px 28px;
	font-family: 'Istok Web',arial,helvetica,sans-serif;
	font-size: 13px;
	line-height: 17px;
	background-color: #fff;
	border: 6px #1d4f4b solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-ms-border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
	-khtml-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
	z-index: 99999;
}

div#modaldialog strong { font-family: 'Istok Web',arial,helvetica,sans-serif; font-weight: normal; letter-spacing: 1; }

div#modaldialog.warning { border: 6px #bf1b26 solid; }

div#modaldialog.restrictedWidth { max-width: 500px; }

div#modaldialog p.title
{
	font-family: 'Rufina',georgia,serif;
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 1.5em 0;
	border-bottom: 1px #555 dotted;
}
div#modaldialog div.buttonPane
{
	margin: 1.5em 0 0 0;
	padding: 0;
	text-align: right;
}
div#modaldialog div.buttonPane button
{
	margin-left: 9px;
	width: 60px;
}

div#modaldialog ul
{
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 0px;
}
div#modaldialog ul li
{
	padding-left: 0;
	margin: 0 0 0 16px;
	text-align: justify;
}
div#modaldialog ul li + li
{
	margin-top: 0.5em;
}
div#modaldialog ul li.leftAlign { text-align: left; }

div#modaldialog a { color: #238195; }
div#modaldialog a:active { color: #bf1b26; }

/* units */

div#keypunch
{
	position: absolute;
	width: 940px;
	height: 705px;
	/*
	background-color: #333;
	*/
	left: 950px;
}

/* punch card */
div.punchcard
{
	position: absolute;
	width: 767px;
	height: 345px;
}
div.punchcard div.pc_topleft
{
	position: absolute;
	width: 32px;
	height: 52px;
	left: 0;
	top: 0;
	background-image: url(images/punchcard.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.punchcard div.pc_top
{
	position: absolute;
	width: 711px;
	height: 51px;
	left: 32px;
	top: 0;
	background-image: url(images/punchcard.png);
	background-position: 0 -702px;
	background-repeat: repeat-x;
}
div.punchcard div.pc_topright
{
	position: absolute;
	width: 24px;
	height: 52px;
	left: 743px;
	top: 0;
	background-image: url(images/punchcard.png);
	background-position: 0 -52px;
	background-repeat: no-repeat;
}
div.punchcard div.pc_left
{
	position: absolute;
	width: 24px;
	height: 294px;
	left: 0;
	top: 51px;
	background-image: url(images/punchcard.png);
	background-position: 0 -104px;
	background-repeat: no-repeat;
}
div.punchcard div.pc_columns
{
	position: absolute;
	width: 720px;
	height: 294px;
	left: 23px;
	top: 51px;
	background-color: #e5e1d4;
	background-image: url(images/punchcard.png);
	background-position: 0 -407px;
	background-repeat: repeat-x;
}
div.punchcard div.pc_right
{
	position: absolute;
	width: 25px;
	height: 294px;
	left: 742px;
	top: 51px;
	background-image: url(images/punchcard.png);
	background-position: -23px -104px;
	background-repeat: no-repeat;
}
div.punchcard div.pc_positions1,
div.punchcard div.pc_positions2
{
	position: absolute;
	width: 720px;
	height: 8px;
	left: 23px;
	background-image: url(images/punchcard_colcounts.png);
	background-repeat: no-repeat;
}
div.punchcard div.pc_positions1 { top: 90px; }
div.punchcard div.pc_positions2 { top: 326px; }
div.punchcard div.pc_make
{
	position: absolute;
	width: 46px;
	height: 7px;
	left: 23px;
	top: 336px;
	background-image: url(images/punchcard.png);
	background-position: 0 -399px;
	background-repeat: no-repeat;
}
div.punchcard div.pc_punchhole
{
	position: absolute;
	width: 7px;
	height: 15px;
	background-image: url(images/punchcard.png);
	background-position: -40px -4px;
	background-repeat: no-repeat;
}
div.punchcard div.pc_punchchar
{
	position: absolute;
	width: 9px;
	height: 15px;
	overflow: hidden;
	color: #4f4a5d; /* #4f4a5f #4f4e4b #504f4c */
	font-size: 13px;
	text-align: center;
	font-family: m-1m, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 15px;
	vertical-align: top;
	-webkit-text-shadow: 0 0 1px #918d92, 0 0 2px rgba(145,141,146,0.25);
	-moz-text-shadow: 0 0 1px #918d92, 0 0 2px rgba(145,141,146,0.25);
	-o-text-shadow: 0 0 1px #918d92, 0 0 2px rgba(145,141,146,0.25);
	-khtml-text-shadow: 0 0 1px #918d92, 0 0 2px rgba(145,141,146,0.25);
	text-shadow: 0 0 1px #918d92, 0 0 2px rgba(145,141,146,0.25);
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	-o-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: none;
}
div.punchcard div.nonAscii { font-size: 12px !important; }
div.punchcard div.pc_charmatrix1,
div.punchcard div.pc_charmatrix2,
div.punchcard div.pc_charmatrix3,
div.punchcard div.pc_charmatrix4
{
	position: absolute;
	top: 1px;
	width: 9px;
	height: 13px;
	background-image: url(images/punchcard.png);
	background-repeat: no-repeat;
}
div.punchcard div.pc_charmatrix1 { background-position: -40px -32px; }
div.punchcard div.pc_charmatrix2 { background-position: -40px -49px; }
div.punchcard div.pc_charmatrix3 { background-position: -40px -32px; }
div.punchcard div.pc_charmatrix4 { background-position: -40px -66px; }

/* punch table */
div#punchpane
{
	position: absolute;
	width: 940px;
	height: 423px;
	top: 0px;
	background-image: url(images/brushedmetal.png);
	background-color: #aaa;
}
div#punchtable
{
	position: absolute;
	width: 940px;
	top: 25px;
}
div.punchtable_topbar
{
	position: absolute;
	width: 940px;
	height: 21px;
	background-image: url(images/punchtable.png);
	background-repeat: repeat-x;
	background-position: 0 -361px;
	z-index: 3;
}
div.punchtable_notch1,
div.punchtable_notch2
{
	position: absolute;
	width: 4px;
	height: 346px;
	top: 7px;
	background-image: url(images/punchtable.png);
	background-repeat: no-repeat;
}
div.punchtable_notch1 { left: 100px; }
div.punchtable_notch2 { left: 136px; }
div.punchtable_slide
{
	position: absolute;
	width: 940px;
	height: 6px;
	top: 347px;
	background-image: url(images/punchtable.png);
	background-repeat: repeat-x;
	background-position: 0 -354px;
	z-index: 3;
}
div#punchtable_cardpane
{
	position: absolute;
	width: 940px;
	height: 345px;
	top: 7px;
	overflow: hidden;
	z-index: 2;
}
div#punchtable_punchbar
{
	position: absolute;
	width: 101px;
	height: 353px;
	top: 0;
	left: 67px;
	/* left: 444px; */
	/* left: 880px; */
	background-image: url(images/punchtable.png);
	background-repeat: no-repeat;
	background-position: -6px 0;
	z-index: 4;
}

/* punch keyboard */

/* punch table */
div#punchkeypane
{
	position: absolute;
	width: 940px;
	height: 282px;
	top: 423px;
	background-color: #541720;
	background-image: url(images/keyboardbg.jpg);
	background-repeat: repeat-x;
}

div#punchkeyboard
{
	position: absolute;
	top: 22px;
	left: 175px;
}

div.key
{
	position: absolute;
	width: 38px;
	height: 38px;
	cursor: default;
}
div.keybg
{
	position: absolute;
	width: 45px;
	height: 58px;
	left: -4px;
	top: -12px;
	background-image: url(images/keys.png);
	background-repeat: no-repeat;
}
div.key:active div.keybg, div.key_down div.keybg { background-position: 0 -59px !important; }

div.keyface
{
	position: absolute;
	top: 0;
	left: 0;
	width: 37px;
	height: 35px;
	z-index: 2;
	background-image: url(images/keyfaces.png);
	background-repeat: no-repeat;
}
div.key:active div.keyface, div.key_down div.keyface { top: 4px; }

div.key_blank
{
	position: absolute;
	width: 187px;
	height: 35px;
	cursor: pointer;
}
div.key_blank_bg
{
	position: absolute;
	width: 195px;
	height: 58px;
	left: -4px;
	top: -12px;
	background-image: url(images/keys.png);
	background-repeat: no-repeat;
	background-position: -46px 0px;
	cursor: default;
}
div.key_blank:active div.key_blank_bg { background-position: -46px -59px; }
div.key_blank_down div.key_blank_bg { background-position: -46px -59px !important; }


/* i-o-pane */

div#iopannel
{
	position: absolute;
	width: 940px;
	height: 705px;
	background-color: #2a2a2a;
	/*background-color: #404040;
	border-top: 1px #c5c0ba solid;
	border-bottom: 2px #707070 solid;
	border-bottom: 2px #606060 solid;*/
	overflow: hidden;
	display: none;
}

div#printer
{
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
	height: 464px;
	background-color: #6f323d6c3540;
	background-image: url(images/printer_bg.gif);
	background-repeat: repeat;
}

#printheadarea
{
	display: block;
	position: absolute;
	top: 388px;
	left: 67px;
	width: 807px;
	max-width: 807px;
	height: 12px;
	max-height: 12px;
	padding: 0;
	margin: 0;
	z-index: 3;
	overflow: hidden;
}

#printhead
{
	display: block;
	position: absolute;
	top: 0;
	left: 16px;
	padding: 0;
	margin: 0;
}

div#printer_frontpannel
{
	position: absolute;
	top: 395px;
	left: 67px;
	width: 807px;
	height: 69px;
	background-image: url(images/printerskin.png);
	background-repeat: repeat-x;
	background-position: 0 -465px;
	z-index: 2;
}

div#printer_left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 67px;
	height: 464px;
	background-image: url(images/printerskin.png);
	background-repeat: no-repeat;
}

div#printer_right
{
	position: absolute;
	top: 0;
	left: 874px;
	width: 66px;
	height: 464px;
	background-image: url(images/printerskin.png);
	background-repeat: no-repeat;
	background-position: -67px 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#printer_frontpannel,
	div#printer_left,
	div#printer_right {
		background-image: url(images/printerskin_webkit.png);
	}
}

div#paper
{
	position: absolute;
	top: 0;
	left: 67px;
	width: 839px;
	height: 400px;
	max-height: 400px;
	vertical-align: top;
	text-align: left;
	padding: 0;
	margin: 0;
	z-index: 1;
}

div#paper.paperNoScroll { overflow: hidden; }
div#paper.paperScroll { overflow-y: auto; }

div#paper::-webkit-scrollbar {
	width: 9px;
	height: 9px;
}
div#paper::-webkit-scrollbar-button:start:decrement, 
div#paper::-webkit-scrollbar-button:end:increment {
	display: block;
	height: 0;
	background-color: transparent;
}
div#paper::-webkit-scrollbar-track-piece {
	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
div#paper::-webkit-scrollbar-thumb:vertical
{
	height: 50px;
	background-color: rgba(147, 71, 85, 0.5);
	-webkit-border-radius: 4px;
}
div#paper::-webkit-scrollbar-thumb:horizontal {
	width: 50px;
	background-color: rgba(1, 1, 1, 0.2);
	-webkit-border-radius: 4px;
}

div#paper_topspacer
{
	position: relative;
	height: 345px;
	width: 1px;
	margin: 0;
	padding: 0;
}

div#paper_topspacer.paperScroll { height: 16px; }

table#paper_area
{
	margin: 0;
	padding: 0;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
}
table#paper_area td { vertical-align: top; margin: 0; white-space: nowrap; }

td#papermargin_left,
td#papermargin_right
{
	background-image: url(images/paper-margin.png);
	background-repeat: repeat-y;
	width: 33px;
	min-width: 33px;
}
td#papermargin_left { background-position: -3px 0; }
td#papermargin_right { background-position: 0 0; }


td#paper_top
{
	background-image: url(images/paper-edge.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	height: 5px;
}
tr#paper_bottom
{
	background-image: url(images/paper-edge.png);
	background-repeat: repeat-x;
	background-position: 0 -5px;
	height: 5px;
	display: none;
}

td#paper_printarea
{
	width: 705px;
	/*color: #393940;*/
	color: #36363c;
	font-size: 13px;
	text-align: left;
	font-family: lp1_regular, "Trebuchet MS", sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	background-color: white;
	padding: 57px 18px 1px 18px;
	white-space: nowrap;
	background-image: url(images/paper.png);
	background-repeat: repeat;
	-webkit-text-shadow: 0 0 1px rgba(115,115,121,0.6), 0 0 2px rgba(115,115,121,0.3);
	-moz-text-shadow: 0 0 1px rgba(115,115,121,0.6), 0 0 2px rgba(115,115,121,0.3);
	-o-text-shadow: 0 0 1px rgba(115,115,121,0.6), 0 0 2px rgba(115,115,121,0.3);
	-khtml-text-shadow: 0 0 1px rgba(115,115,121,0.6), 0 0 2px rgba(115,115,121,0.3);
	text-shadow: 0 0 1px rgba(115,115,121,0.6), 0 0 2px rgba(115,115,121,0.3);
	-webkit-font-smoothing: subpixel-antialiased;
}

td#paper_printarea span
{
	display: inline-block;
	vertical-align: top;
	white-space: pre;
	width: 7px;
	max-width: 7px;
	height: 16px;
	max-height: 16px;
	text-align: center;
}

td#paper_printarea span.drop
{
	margin-top: 1px;
	height: 15px;
	max-height: 15px;
	overflow: hidden;
	text-shadow: 0 -1px 1px rgba(115,115,121,0.7), 0 -1px 2px rgba(115,115,121,0.4);
}

td#paper_printarea span.shift
{
	margin-top: -1px;
	text-shadow: 0 1px 1px rgba(115,115,121,0.7), 0 1px 2px rgba(115,115,121,0.4);
}

td#paper_printarea span.nonAscii { font-size: 12px !important; line-height: 18px !important; }

td#paper_printarea p { margin: 0; padding: 0; max-height: 16px; vertical-align: top; white-space: nowrap; overflow: visible;}

td#paper_printarea span.op80 { opacity: 0.8; -ms-opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; }
td#paper_printarea span.op81 { opacity: 0.81; -ms-opacity: 0.81; -webkit-opacity: 0.81; -moz-opacity: 0.81; -o-opacity: 0.81; }
td#paper_printarea span.op82 { opacity: 0.82; -ms-opacity: 0.82; -webkit-opacity: 0.82; -moz-opacity: 0.82; -o-opacity: 0.82; }
td#paper_printarea span.op83 { opacity: 0.83; -ms-opacity: 0.83; -webkit-opacity: 0.83; -moz-opacity: 0.83; -o-opacity: 0.83; }
td#paper_printarea span.op84 { opacity: 0.84; -ms-opacity: 0.84; -webkit-opacity: 0.84; -moz-opacity: 0.84; -o-opacity: 0.84; }
td#paper_printarea span.op90 { opacity: 0.9; -ms-opacity: 0.9; -webkit-opacity: 0.9; -moz-opacity: 0.9; -o-opacity: 0.9; }
td#paper_printarea span.op91 { opacity: 0.91; -ms-opacity: 0.91; -webkit-opacity: 0.91; -moz-opacity: 0.91; -o-opacity: 0.91; }
td#paper_printarea span.op92 { opacity: 0.92; -ms-opacity: 0.92; -webkit-opacity: 0.92; -moz-opacity: 0.92; -o-opacity: 0.92; }
td#paper_printarea span.op93 { opacity: 0.93; -ms-opacity: 0.93; -webkit-opacity: 0.93; -moz-opacity: 0.93; -o-opacity: 0.93; }
td#paper_printarea span.op94 { opacity: 0.94; -ms-opacity: 0.94; -webkit-opacity: 0.94; -moz-opacity: 0.94; -o-opacity: 0.94; }

div#printer_topoverlay,
div#paper_topshadow
{
	position: absolute;
	top: 0;
	left: 67px;
	width: 807px;
	height: 20px;
	padding: 0;
	margin: 0;
	background-image: url(images/paper-topoverlay.png);
	background-repeat: repeat-x;
}

div#printer_topoverlay
{
	z-index: 1;
}

div#paper_topshadow
{
	background-position: 0 -21px;
	z-index: 10;
}


/* ctrl pannel */

div#ctrlpannel
{
	position: absolute;
	top: 464px;
	left: 0;
	width: 940px;
	height: 238px;
	overflow: hidden;
	background-color: #a9a9a9;
	background-image: url(images/ctrlpannel.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	z-index: 4;
}
div#system362
{
	position: absolute;
	top: 5px;
	left: 854px;
	width: 75px;
	height: 21px;
	background-image: url(images/system362.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 2;
}

div#ctrlpannel_ctrlbg
{
	position: absolute;
	top: 29px;
	left: 362px;
	width: 577px;
	height: 210px;
	background-image: url(images/ctrlpannel.png);
	background-repeat: repeat-x;
	background-position: 0 -452px;
}

div#ctrlpannel_gap
{
	position: absolute;
	top: 29px;
	left: 354px;
	width: 8px;
	height: 210px;
	background-image: url(images/ctrlpannel.png);
	background-repeat: no-repeat;
	background-position: 0 -241px;
}

div#ctrlpannel_left
{
	position: absolute;
	top: 29px;
	left: 0;
	width: 1px;
	height: 210px;
	background-image: url(images/ctrlpannel.png);
	background-repeat: no-repeat;
	background-position: -6px -241px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-o-opacity: 0.5;
	-webkit-opacity: 0.5;
	-ms-opacity: 0.5;
	-khtml-opacity: 0.5;
}

div#ctrlpannel_right
{
	position: absolute;
	top: 29px;
	left: 939px;
	width: 1px;
	height: 210px;
	background-image: url(images/ctrlpannel.png);
	background-repeat: no-repeat;
	background-position: -3px -241px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-o-opacity: 0.5;
	-webkit-opacity: 0.5;
	-ms-opacity: 0.5;
	-khtml-opacity: 0.5;
}

div#ctrlpannel_neons
{
	position: absolute;
	top: 61px;
	left: 23px;
	width: 303px;
	height: 120px;
	background-image: url(images/ctrlpannel_items.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#ctrlpannel_dial
{
	position: absolute;
	top: 61px;
	left: 793px;
	width: 104px;
	height: 144px;
	background-image: url(images/ctrlpannel_items.png);
	background-repeat: no-repeat;
	background-position: -309px 0;
}

div#ctrlpannel_btns
{
	position: absolute;
	top: 61px;
	left: 400px;
	width: 284px;
	height: 22px;
	background-image: url(images/ctrlpannel_items.png);
	background-repeat: no-repeat;
	background-position: 0 -121px;
}

div#ctrlneon_0,
div#ctrlneon_1,
div#ctrlneon_2,
div#ctrlneon_3,
div#ctrlneon_4,
div#ctrlneon_5,
div#ctrlneon_6,
div#ctrlneon_7,
div#ctrlneon_8,
div#ctrlneon_9,
div#ctrlneon_10,
div#ctrlneon_11,
div#ctrlneon_12,
div#ctrlneon_13,
div#ctrlneon_14,
div#ctrlneon_15,
div#ctrlneon_16,
div#ctrlneon_17,
div#ctrlneon_18,
div#ctrlneon_19,
div#ctrlneon_run,
div#ctrlneon_eoj
{
	position: absolute;
	width: 22px;
	height: 22px;
	background-image: url(images/ctrlpannel_items.png);
	background-repeat: no-repeat;
	background-position: -413px -105px;
}

div#ctrlneon_9 { top: 57px; left: 52px; }
div#ctrlneon_8 { top: 57px; left: 77px; }
div#ctrlneon_7 { top: 57px; left: 102px; }
div#ctrlneon_6 { top: 57px; left: 127px; }
div#ctrlneon_5 { top: 57px; left: 152px; }
div#ctrlneon_4 { top: 57px; left: 177px; }
div#ctrlneon_3 { top: 57px; left: 202px; }
div#ctrlneon_2 { top: 57px; left: 227px; }
div#ctrlneon_1 { top: 57px; left: 252px; }
div#ctrlneon_0 { top: 57px; left: 277px; }
div#ctrlneon_19 { top: 22px; left: 52px; }
div#ctrlneon_18 { top: 22px; left: 77px; }
div#ctrlneon_17 { top: 22px; left: 102px; }
div#ctrlneon_16 { top: 22px; left: 127px; }
div#ctrlneon_15 { top: 22px; left: 152px; }
div#ctrlneon_14 { top: 22px; left: 177px; }
div#ctrlneon_13 { top: 22px; left: 202px; }
div#ctrlneon_12 { top: 22px; left: 227px; }
div#ctrlneon_11 { top: 22px; left: 252px; }
div#ctrlneon_10 { top: 22px; left: 277px; }
div#ctrlneon_run { top: 106px; left: 77px; }
div#ctrlneon_eoj { top: 106px; left: 227px; }

div.neon_off { background-position: -413px -105px !important; }
div.neon_on { background-position: -435px -105px !important; }
div.neon_hi { background-position: -457px -105px !important; }

div#ctrldial_num
{
	display: block;
	position: absolute;
	width: 96px;
	height: 96px;
	top: 39px;
	left: 4px;
	z-index: 3;
	background-image: url(images/ctrldial_scale.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: url(images/cursorrotate.png) 10 10,all-scroll;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
div#ctrldial_num_shdw
{
	display: block;
	position: absolute;
	width: 96px;
	height: 96px;
	top: 43px;
	left: 4px;
	z-index: 2;
	background-image: url(images/ctrldial_scale.png);
	background-repeat: no-repeat;
	background-position: 0 -96px;
}

div#ctrlbtn_0,
div#ctrlbtn_1,
div#ctrlbtn_2,
div#ctrlbtn_3,
div#ctrlbtn_4,
div#ctrlbtn_5,
div#ctrlbtn_6,
div#ctrlbtn_7,
div#ctrlbtn_8,
div#ctrlbtn_9
{
	position: absolute;
	width: 51px;
	height: 40px;
	background-image: url(images/ctrlpannel_items.png);
	background-repeat: no-repeat;
	background-position: -413px 0;
	cursor: pointer;
}
div#ctrlbtn_0:active, div#ctrlbtn_0.pressed,
div#ctrlbtn_1:active, div#ctrlbtn_1.pressed,
div#ctrlbtn_2:active, div#ctrlbtn_2.pressed,
div#ctrlbtn_3:active, div#ctrlbtn_3.pressed,
div#ctrlbtn_4:active, div#ctrlbtn_4.pressed,
div#ctrlbtn_5:active, div#ctrlbtn_5.pressed,
div#ctrlbtn_6:active, div#ctrlbtn_6.pressed,
div#ctrlbtn_7:active, div#ctrlbtn_7.pressed,
div#ctrlbtn_8:active, div#ctrlbtn_8.pressed,
div#ctrlbtn_9:active, div#ctrlbtn_9.pressed
{
	background-position: -464px 0;
}

div#ctrlbtn_1 { top: 23px; left: 4px; }
div#ctrlbtn_2 { top: 23px; left: 60px; }
div#ctrlbtn_3 { top: 23px; left: 116px; }
div#ctrlbtn_4 { top: 23px; left: 172px; }
div#ctrlbtn_5 { top: 23px; left: 228px; }
div#ctrlbtn_6 { top: 69px; left: 4px; }
div#ctrlbtn_7 { top: 69px; left: 60px; }
div#ctrlbtn_8 { top: 69px; left: 116px; }
div#ctrlbtn_9 { top: 69px; left: 172px; }
div#ctrlbtn_0 { top: 69px; left: 228px; }

div#ctrlbtn_10
{
	position: absolute;
	width: 51px;
	height: 40px;
	top: 69px;
	left: 302px;
	background-image: url(images/ctrlpannel_items.png);
	background-repeat: no-repeat;
	background-position: -413px -40px;
	cursor: pointer;
}
div#ctrlbtn_10:active, div#ctrlbtn_10.pressed
{
	background-position: -464px -40px;
}

div#ctrlbtn_11
{
	position: absolute;
	width: 51px;
	height: 40px;
	top: 23px;
	left: 302px;
	background-image: url(images/ctrlpannel_items.png);
	background-repeat: no-repeat;
	background-position: -515px 0;
	cursor: pointer;
}
div#ctrlbtn_11:active, div#ctrlbtn_11.pressed
{
	background-position: -515px -40px;
}

div#ctrlbtn_0 div,
div#ctrlbtn_1 div,
div#ctrlbtn_2 div,
div#ctrlbtn_3 div,
div#ctrlbtn_4 div,
div#ctrlbtn_5 div,
div#ctrlbtn_6 div,
div#ctrlbtn_7 div,
div#ctrlbtn_8 div,
div#ctrlbtn_9 div
{
	position: absolute;
	width: 7px;
	height: 9px;
	top: 14px;
	left: 22px;
	background-image: url(images/ctrlpannel_items.png);
	background-repeat: no-repeat;
}
div#ctrlbtn_1 div { background-position: -414px -80px; }
div#ctrlbtn_2 div { background-position: -423px -80px; }
div#ctrlbtn_3 div { background-position: -433px -80px; }
div#ctrlbtn_4 div { background-position: -443px -80px; }
div#ctrlbtn_5 div { background-position: -453px -80px; }
div#ctrlbtn_6 div { background-position: -413px -95px; }
div#ctrlbtn_7 div { background-position: -423px -95px; }
div#ctrlbtn_8 div { background-position: -433px -95px; }
div#ctrlbtn_9 div { background-position: -443px -95px; }
div#ctrlbtn_0 div { background-position: -453px -95px; }


/* tapeunit */
div#tapepannel
{
	position: absolute;
	width: 940px;
	height: 703px;
	display: none;
	z-index: 100;
}

div#tapeunit
{
	position: absolute;
	left: 33px;
	top: 20px;
	width: 857px;
	height: 634px;
	max-width: 857px;
	max-height: 634px;
	overflow: hidden;
	border: 8px #222 solid;
	background-color: #553138;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-ms-border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-khtml-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	z-index: 2;
}

div#tapeunit img#tapeunitbg
{
	position: absolute;
	display: block;
	left: 0; top: 0;
	z-index: 1;
}

div#tapeunit img#tape1_1
{
	position: absolute;
	display: block;
	left: 16px;
	top: 54px;
	z-index: 3;
	transform-origin: 193px 206px;
	-webkit-transform-origin: 193px 206px;
	-moz-transform-origin: 193px 206px;
	-o-transform-origin: 193px 206px;
	-khtml-transform-origin: 193px 206px;
	-ms-transform-origin: 193px 206px;
}
div#tapeunit img#tape1_2
{
	position: absolute;
	left: 129px;
	top: 179px;
	z-index: 4;
}
div#tapeunit img#tape1_3
{
	position: absolute;
	display: block;
	left: 164px;
	top: 208px;
	z-index: 5;
	transform-origin: 45px 52px;
	-webkit-transform-origin: 45px 52px;
	-moz-transform-origin: 45px 52px;
	-o-transform-origin: 45px 52px;
	-khtml-transform-origin: 45px 52px;
	-ms-transform-origin: 45px 52px;
}

/* 52, 439 */
div#tapeunit img#tape2_1
{
	position: absolute;
	display: block;
	left: 599px;
	top: 99px;
	z-index: 3;
	transform-origin: 48px 161px;
	-webkit-transform-origin: 48px 161px;
	-moz-transform-origin: 48px 161px;
	-o-transform-origin: 48px 161px;
	-khtml-transform-origin: 48px 161px;
	-ms-transform-origin: 48px 161px;
}
div#tapeunit img#tape2_2
{
	position: absolute;
	display: block;
	left: 567px;
	top: 179px;
	z-index: 4;
}
div#tapeunit img#tape2_3
{
	position: absolute;
	display: block;
	left: 600px;
	top: 208px;
	z-index: 5;
	transform-origin: 47px 52px;
	-webkit-transform-origin: 47px 52px;
	-moz-transform-origin: 47px 52px;
	-o-transform-origin: 47px 52px;
	-khtml-transform-origin: 47px 52px;
	-ms-transform-origin: 47px 52px;
}
div#tapeunit img#tape1_guide
{
	position: absolute;
	display: block;
	left: 0;
	top: 381px;
	clip: rect(0px, 83px, 177px, 0);
	z-index: 2;
}
div#tapeunit img#tape2_guide
{
	position: absolute;
	display: block;
	left: 775px;
	top: 260px;
	clip: rect(0, 82px, 298px, 0);
	z-index: 2;
}

div#tapeunit img#tapeunit_overlay
{
	position: absolute;
	display: block;
	left: 0; top: 0;
	z-index: 10;
}

div#tapeunit p#compatibilityNote
{
	position: absolute;
	display: block;
	top: 595px;
	left: 235px;
	width: 350px;
	min-width: 350px;
	margin: 0;
	padding: 2px;
	background-color: #fbebcd;
	color: #000;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	text-align: center;
	z-index: 100;
	white-space: nowrap;
}


/* tape unit only */
body.tapeunitonly { background-color: #000 !important; background-image: none !important; }
body.tapeunitonly div#mainPane,
body.tapeunitonly div#displayPane,
body.tapeunitonly div#displayContent,
body.tapeunitonly div#tapepannel,
body.tapeunitonly div#fontsampler
{
	position: absolute !important;
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	background-color: #000 !important;
	background-image: none !important;
	border: 0 none !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.tapeunitonly div#tapeunit
{
	position: fixed !important;
	display: block !important;
	left: 50% !important;
	top: 49% !important;
	width: 857px;
	height: 634px;
	margin: -325px 0 0 -435px !important;
	padding: 0;
	border: 8px #222 solid;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-khtml-box-shadow: none !important;
	-ms-box-shadow: none !important;
}
body.tapeunitonly div#iopannel,
body.tapeunitonly div#keypunch,
body.tapeunitonly div#content,
body.tapeunitonly div#topbar,
body.tapeunitonly div#splashscreen,
body.tapeunitonly div#aboutheading,
body.tapeunitonly div#modaldialog,
body.tapeunitonly div#modalshield
{ display:none !important; }
body.tapeunitonly div#tapeonlynote
{
	position: fixed !important;
	display: block;
	left: 50% !important;
	top: 49% !important;
	margin: 330px 0 0 -427px !important;
	padding: 0;
	color: #555;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
}
body.tapeunitonly div#tapeonlynote a { text-decoration: none; color: #555; }
body.tapeunitonly div#tapeonlynote a:hover { text-decoration: underline; color: #777; }
body.tapeunitonly div#tapeonlynote a:active { text-decoration: underline; color: #ccc; }

/* social media */

div#socialMediaPane
{
	position: absolute;
	left: 252px;
	top: 4px;
	vertical-align: middle;
	width: 680px;
	height: 30px;
	padding: 0;
	margin: 0;
	z-index: 1000;
	overflow: hidden;
}
div#socialMediaInnerPane {float: right; visibility: hidden;}
div#socialMediaPane.activated { overflow: hidden; }
div#socialMediaPane.activated div#socialMediaInnerPane {visibility: visible;}

div#socialTwitter { float: left; margin: 2px; }
div#socialFB { float: left; margin: 2px; }
div#socialGplus { float: left; margin: 2px; }


div#advert
{
	position: relative;
	margin-top: 20px;
	display: block;
	clear: both;
	margin-left: 254px;
	height: 64px;
	width: 481px;
	vertical-align: top;
}

div#advertbanner
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	width: 12px;
	margin: 0 3px 0 0;
	padding: 0;
	vertical-align: top;
	background-image: url(images/advert.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#advertcontainer
{
	display: block;
	position: absolute;
	left: 13px;
	top: 0;
	margin: 0px;
	padding: 0;
	width: 468px;
	height: 64px;
	vertical-align: top;
	background-image: url(images/adbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

div#donate
{
	margin-top: 0.5em;
	margin-left: 254px;
	padding: 0 0 0 12px;
	display: block;
	clear: both;
	vertical-align: top;
}

div#webbyBadgeContainer
{
	position: absolute;
}

a.webbyBadge
{
	display: block;
	text-decoration: none;
	text-indent: -999px;
	height: 125px;
	width: 125px;
	background-image: url(../badges/webby17honoree_site_bug.png);
	background-repeat: none;
	-webkit-opacity: 0.86;
	-ms-opacity: 0.86;
	-moz-opacity: 0.86;
	-o-opacity: 0.86;
	opacity: 0.86;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (    -ms-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	a.webbyBadge
	{
		-webkit-background-size: 125px 125px;
		-moz-background-size: 125px 125px;
		-ms-background-size: 125px 125px;
		-o-background-size: 125px 125px;
		background-size: 125px 125px;
		background-image: url(../badges/webby17honoree_site_bug_250.png);
	}
}