.screen.overlay {
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	z-index:10;
	background: transparent;
}
.screen#timer {
	text-align: center;
	margin: 10.5em 0;
}
.screen#timer .counter {
	font-size: 3.2em;
	padding-left: 2.0em;
}
.screen#timer .message {
	font-size: 2.6em;
}
.screen#timer .container {
	display: inline-block;
	background-color:#52acff;
	color:#000000;
	padding: .5em 1.0em;
}

.leftalign .selector {
	text-align: left;
}

.screen.locked {
	background:white;
	display:block;
	font-size:3.2em;
	padding:1em;
	text-align:center;
}
.screen.locked img{
	width: 3em;
	height: 3em;
}

/* The screen is splitted to 3 horizontal bars */
.screen.tribar .title{
	position: absolute;
	top: 17.5%;
}
.screen.tribar .middlebar{
	font-size: 480%;
}
/* User bits editor */
.screen.userbits .editor {
	width: 3.5em;
}
.screen.userbits .hint {
	padding: 0 2.0em 0 4.0em;
	text-align: left;
}

/* Timecode setting screen */
.screen.timecode .time .millisec {
	color: #ffffff;
}
.screen.timecode .hint .format span {
	display: inline-block;
	width: 20%;
}
.screen.timecode .editor {
	display: inline-block;
	width: 16%;
	text-align: left;
}

/* Framed message screens */
.screen#formatting .frame,
.screen#formatsd .frame,
.screen#formattingsd .frame,
.screen#preparingsd .frame,
.screen#savinghwinfo .frame,
.screen#sendinghdsync .frame,
.screen#lookloading .frame,
.screen#lookloadingsd .frame,
.screen#camlevel .frame,
.screen#autowbcalc .frame,
.screen#loadhighspeed .frame, 
.screen#loadinghighspeed .frame, 
.screen#exithighspeed .frame, 
.screen#exitinghighspeed .frame, 
.screen#audiohighspeed .frame, 
.screen#grabhighspeed .frame, 
.screen#tresholdreset .frame,
.screen#loadsensormode .frame,
.screen#codecswitch .frame,
.screen#grabmonoutclone .frame
{
	border-color: #52acff;
}
.screen#formatok .frame,
.screen#formatsdok .frame,
.screen#preparesdok .frame,
.screen#savedhwinfook .frame,
.screen#loadedhighspeed .frame, 
.screen#exitedhighspeed .frame, 
.screen#autowbok .frame
{
	border-color: #00ff00; 
}

.screen#format .frame,
.screen#sendinghdsyncfailed .frame,
.screen#formaterror .frame 
{
	border-color: #ff0000; 
}

.screen#format .message p {
	padding-bottom: 1em;
}
.screen#format .message p + p,
.screen#formaterror .message p + p{
	font-weight: bold;
	padding: 0.5em;
}
.screen#formatting .message p {
	font-weight: bold;
}
.screen#formatok  .message p {
	font-weight: bold;
	font-size: 85%;
}
.screen#formatok  .message p + p{
	font-weight: normal;
	font-size: 80%; 
	padding-top: 0.5em;
}
.framed.screen .message p + p + p + p {
	font-size: 80%;
	height: 1.25em;
}
.framed.screen .message p {
	height: 1em;
  white-space: nowrap;
}
.screen#loadsensormode  .message p {
	font-weight: bold;
}
.screen#loadsensormode  .message p  + p {
	font-weight: normal;
	font-size: 80%;
}

.screen#camlevel .message p {
	font-weight: bold;
	color: black;
}
.screen#camlevel .message p + p {
	font-weight: normal;
	color: black;
}
.screen#camlevel .message p + p + p {
	font-weight: normal;
	color: green;
}
.screen#camlevel .message p + p + p + p {
	font-weight: bold;
	color: black;
}
.screen#camlevel .message .dt,
.screen#camlevel .message .dd {
	width: 25%;
	float: left;
}
.screen#autowb p {
	text-align: center;
	font-size: 180%;
	margin: 0.5em 0 0 0;
}
.screen#autowb .greycard {
	width: 60%;
	height: 60%;
	border: 0.4em solid black;
	background: gray;
	margin: 0.2em auto;
}
.screen#autowb .placeholder {
	width: 25%;
	height: 25%;
	border: 0.2em solid black;
	background: white;
	margin: 23% auto;
}

.screen#lensdata .part {
	position: absolute;
	left: 0;
	right: 0;
	padding: 0.2em;
}
.screen#lensdata .top.part {
	top: 0;
	bottom: auto;
}
.screen#lensdata .bottom.part {
	top: auto;
	bottom: 0;
}
.screen#lensdata .left.part {
	text-align: left;
}
.screen#lensdata .center.part {
	text-align: center;
}
.screen#lensdata .right.part {
	text-align: right;
}

.screen#lensdata .top.part div {
	font-size: 33%;
	width: 1em;
	display: inline-block;
	margin: 0 1em;
}
.screen#lensdata .top.part div hr {
	margin: 0;
	border-style: solid;
	border-width: 0 0 0.2em 0;
}
.screen#lensdata .top.part,
.screen#lensdata .middlebar .center.part {
	font-size: 500%;
}
.screen#lensdata .middlebar .top.part {
	font-size: 300%;
}
.screen#lensdata .middlebar {
	background: black;
	color: white;
}
.screen#lensdata .hint {
	font-size: 250%;
	line-height: 200%;
	top: 69.5%;
}
.screen#lensdata.metric .imperial,
.screen#lensdata.imperial .metric {
	display: none;
}

.screen#clm .middlebar {
	font-size: 100%;
}
.screen#clm .name {
	top: 0;
	padding: 0;
}
.screen#clm .value {
	top: 0;
	bottom: 0;
	height: auto;
	line-height: 220%;
	font-size: 360%;
	font-weight: bold;
}
.screen#cdlconnect .middlebar {
	font-size: 220%;
	line-height: 250%;
}
.screen#clm.disabled .direction, 
.screen#clm.disabled .torque {
	color: gray;
}

/* File list */
.screen.filelist .file.selector {
	position: absolute;
	bottom: 21.6%;
	top: 15%;
	left: 0;
	right: 0;
	padding: 0;
	text-align: left;
	font-size: 400%;
	border-bottom: .1em solid #DDDDDD;
}
.screen.filelist .file.selector > .item{
	font-size: 60%;
	height: 20%;
	padding: 0 0.5em;
}
.screen.filelist .selector > .scrollbar {
	display: none;
}

.screen#loadsetup .file.selector,
.screen#deleteframelines .file.selector {
	bottom: .0em;
	border-bottom: .0em;
}
.screen#loadsetup  .file.selector > .item,
.screen#deleteframelines .file.selector > .item {
	height: 14.3%;
}
.screen.framed .frame {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 1.2em 0.8em 2em;
	padding: 0.4em;
	border: .3em solid #000000;
	font-size: 230%;
	text-align: center;
}

/* Menu screens */
.screen#mainmenu .item {
	font-size: 100%;
	line-height: 140%;
    padding: 0.15em 0.6em;
}
.screen#mainmenu hr {
	display: inline-block;
	width: 19em;
	border-style: dashed;
	border-width: 0 0 1px 0;
}
.screen#mainmenu .item > span {
	float: left;
	clear: left;
}
.screen#mainmenu .item > span + span {
	float: right;
	clear: right;
}
.screen#mainmenu .static {
	color: gray;
	font-size: 200%;
	position: absolute;
	top: 5em;
	bottom: 0;
	left:0;
	right: 0;
	text-align: left;
}
.screen#mainmenu.menu_system_timedate .disabled.item {
	color: black;
}
.screen#mainmenu .hint {
  position: absolute;
  bottom: 2em;
  left:0;
  right:0;
  font-size: 100%;
  color: black;
}
.screen#mainmenu .menu > .item {
	height: 1.4em;
}
.screen#mainmenu .menu.selector {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 1.8em;
}
.screen#mainmenu .option.selector > .scrollbar {
	font-size: 50%;
}

/*
.screen#mainmenu .menu.scrollable > .scrollbar {
	top: 1.8em;
	width: 0.3em;
	left: 0.3em;
}
*/
.screen#mainmenu .option.selector {
	right: 0;
	font-size: 190%;
}
.screen#mainmenu .scrollbar.disabled {
	display: none;
}
.screen#mainmenu .number.editor {
	background: #FFFFFF;
	color: #000000;
	line-height: 1.05em;
}
.screen#mainmenu .option.selector .item {
	font-size: 57%;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0.1em;
	padding: 0.05em 0.6em 0.15em;
}
.screen#mainmenu .number.editor .selected {
	padding: 0 0.2em;
}
.screen#mainmenu .number.editor .selected, 
.screen#mainmenu .option.selector .item.selected {
	border: .1em solid #ffff00;

}
.screen#mainmenu .number.editor .selected.integer {
	border-right-width: 0;
}
.screen#mainmenu .number.editor  .selected.dot{
	border-left-width: .1em;
	border-right-width: 0;
}
.screen#mainmenu .number.editor .selected.integer + .selected.dot{
	border-left-width: 0;
	border-right-width: .1em;
}
.screen#mainmenu .number.editor .selected.fraction {
	border-left-width: 0;
}

.screen.menumessage .message {
	font-size: 260%;
	text-align: center;
}
.screen.menumessage .breadcrumb {
	position: absolute;
}

/* Menu customization */
.screen  .HD_out_phase.editor .integer {
	width: 1.8em;
}

/* Date and time setting screen */
.screen#setclock .date, .screen#setclock .time {
	margin: 6%;
	font-size:4.8em;
}
.screen#setclock .editor {
	padding:0 0.2em;
}

/* Text input screen */
.screen#textinput .title{
	position: absolute;
	top: 14.4%;
	text-align: left;
}
.screen#textinput .position.selector {
	position: absolute;
	top: 27%;
	left: 0;
	right: 0;
	height: 1.4em;
	text-align: left;
	padding: 1% 0.7em;
	background:#52ACFF;
	color:#000000;
}
.screen#textinput .position.selector .item {
	display: inline;
	float: left;
	clear: right;
	font-size: 130%;
	padding: 0 0.075em;
}
.screen#textinput .position.selector .item.selected {
	padding: 0 0.25em;
	width: 0.5em;
	border-radius: 0.3em;
	text-align: center;
}
.screen#textinput .letter.selector {
	position: absolute;
	top: 41%;
	padding: 0.2em 0.4em;
	margin: 0;
	left: 0;
	right: 0;
	border-width: .1em 0;
	border-style: solid;
	border-color: #dddddd;
    font-size: 140%;
}
.screen#textinput .letter.selector .item {
	display: inline-block;
	float: left;
	clear: right;
	width: 7%;
	height: 33%;
	font-size: 140%;
	padding: 0;
}

.screen#textinput .selector .scrollbar{
	display: none;
}

/* Home */
.screen#home {
	background: #ffffff;
	color: #000000;
	padding: 0;
}

.screen#home .number.top,
.screen#home .marker.top {
	top: 10%;
}
.screen#home .number.bottom {
	bottom: 8%;
}
.screen#home .marker.bottom {
	bottom: 20%;
}
.screen#home .number .fraction {
	font-size:59%;
	vertical-align:top;
	line-height: 100%;
}
.screen#home .number {
	font-size:440%;
	font-weight:normal;
	min-width:30%;
	text-align:center;
	vertical-align:top;
	position:absolute;
	line-height: 120%;
}
.screen#home .marker {
	background: none repeat scroll 0 0 lightblue;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	font-size: 160%;
	font-weight: bold;
	line-height: 120%;
	margin-right: 6.4em;
	padding: 0 0.2em;
	position: absolute;
	text-align: center;
	z-index: 1000;
	min-width: 0.8em;
}
.screen#home .marker.upper {
	margin-top: 0.3em;
}
.screen#home .marker.lower {
	margin-top: 1.6em;
}
.screen#home .marker.disabled {
	background-color: lightgray;
}
.screen#home .ndfilter.marker {
	background-color: gray;
	color: white;
	margin-left: -1.5%;
}
.studio .screen#home .exposureindex.number {
	text-align: right;
}
.screen#home .marker + .number {
	margin-right: -2%;
}
.screen#home .audio {
	width: 30%;
	height: 22.5%;
	position: absolute;
	text-align: center;
	top: 10%;
	vertical-align: top;
}
.screen#home .audio .off {
	width: 100%;
	height: 100%;
	line-height: 160%;
	font-size: 260%;
	left: 0.2em;
}

.screen#home .audio .channel {
	width: 100%;
	height: 1.9em;
}
.screen#home .audio .channel.one {
	padding-top: 0.9em;
}
.screen#home .audio .channel.two {
	padding-bottom: 0.9em;	
}
.screen#home .audio .channel .index {
	position: absolute;
	left: 0;
	font-size: 160%;
	line-height: 120%;
}
.screen#home .audio .levels {
	background: black;
	height: 1.4em;
	width: 10em;
	margin: 0.3em;
	left: 1.2em;
}
.screen#home .audio .levels .mask {
	height:110%;
	top: -5%;
	bottom: -5%;
}
.screen#home .audio .levels .medium {
	left: 45%;
	right: 45%;
	background-color: lightblue;
}
.screen#home .audio .levels .high {
	left: 90%;
	right: 0;
	background-color: red;
}
.screen#home .info {
	position: absolute;
	top: 30%;
	bottom: 30%;
	left: 0;
	right: 0;
}
.screen#home .info .icons, 
.screen#home .info .status, 
.screen#home .info .cards,
.screen#home .info .nosxs
{
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
}
.screen#home .info .icons {
	left: 0.5em;
	right: 36em;
	width: 2.1em;
	background-color: #000000;
}
.screen#home .info .status {
	left: 4em; /* icons.left + icons.width */
	right: 13em;
	width: 23em;
}
.screen#home .info .cards {
	left: 27em; /* status.left + status.width */
	right: 0.5em;
	width: 12.5em;
}
.screen#home .info .nosxs {
	left: 26em;
	right: 0.5em;
	width: 13.5em;
}
.screen#home .info .nosxs {
	height: 50%;
}


.screen#home.sxsdisabled .cards,
.screen#home.sxsenabled .nosxs {
	display: none;
} 
.screen#home.sxsdisabled .sxsreq {
	visibility: hidden;
} 

.screen#home .info .icon {
	position: absolute;
	width: 100%;
	padding: 0.4em 0;
	left: 0;
	right: 0;
	display: none;
}
.screen#home .info .icon.active {
	display: block;
}
.screen#home .info .icon.top {
	top: 0;
}
.screen#home .info .icon.middle {
	top: 33%;
}
.screen#home .info .icon.bottom {
	top: 66%;
}
.screen#home .info .icon.active .background {
	background: white;
}
.screen#home .info .icon.wrs.active .background {
	background: #52ACFF;
}
.screen#home .info .icon.write.active .background {
	background: red;
}
.screen#home .info .icon.tropical.active .background {
	background: yellow;
}

/*
.screen#home .index {
	font-style:sub; 
	font-size:smaller;
}
*/
.screen#home .bar {
	width: 4em;
	font-size: 60%;
	background: #414141;
	display: inline-block;
}
.screen#home .capacity {
	float:left;
	height: 1.0em;
}
.screen#home .capacity.low {
	background: #ff0000;
	color: #ff0000;
}
.screen#home .capacity.high {
	background: #00ff00;
	color: #00ff00;
}

.screen#home .info {
	background: #000000;
	color: #ffffff;
	white-space: nowrap;
	text-align: center;
	left: 0;
	right: 0;
}
.screen#home .info th {
	font-size: 160%;
	color:gray;
	text-align: left;
}
.screen#home .info td {
	font-size: 160%;
	text-align: left;
}
.screen#home .info .tall th {
	vertical-align: bottom;
	padding-bottom: 0.2em;
}
.screen#home .info .tall td {
	font-size: 160%;
}
.screen#home .info .sync .sensor {
	float: left;
	clear: left;
}
.screen#home .info .sync .net {
	float: right;
	clear: right;
	height: 1.2em;
	padding: 0 2em 0 0;
}
.screen#home .info .tc .fps {
	/* font-size:smaller; */
	/* vertical-align:middle; */
}
.screen#home .info .activity.stby {
	color: #00ff00;
}
.screen#home .info .activity.rec {
	color: #ff0000;
}
/* SUP9 Prerecord */
.screen#home .info .activity.pre {
	color: yellow;
}
/* Card specific */
.screen#home .info .cards .active
{
	visibility: hidden;
}
.screen#home .info .cards.card1 .card1 .active,
.screen#home .info .cards.card2 .card2 .active,
.screen#home .info .cards.both .card1 .active,
.screen#home .info .cards.both .card2 .active
{
	visibility: visible;
}
.screen#home .info .cards .current {
	display: none;
}
.screen#home .info .cards.card1 .slot .card1.current,
.screen#home .info .cards.card2 .slot .card2.current
{
	display: inline;
}

.screen#home .info .cards .active {
	display: inline-block;
	width: 1.2em;
	margin: 0;
	vertical-align: middle;
}
.screen#home .info .cards .free .unit {
	font-size: 60%;
}
.screen#home .info .cards th, .screen#home .info .cards td {
	text-align: right;
	padding-right: 1.2em;
}

.screen#home .info .nosxs td {
	text-align: right;
	padding-right: 1.2em;
	padding-left: 1.0em;
}

.screen#home .info .cards .card1, .screen#home .info .cards .card2 {
	padding-right: 0em;
}

.screen#home .info .cards th .left, .screen#home .info .cards td .left, 
.screen#home .info .nosxs td .left {
	float: left;
}

.screen#home .info .cards .gray, .screen#home .info .nosxs .gray {
	color: gray;
}

.screen#home .color .card, 
.screen#home .color .rec {
	font-size: 80%;
	white-space: nowrap;
  margin: 0.2em 0;
}
.screen#home .color {
	height: 18%;
  text-align: left;
}
.screen#home .color .source {
  color: #000000;
  display: inline-block;
  width: 2.3em;
  padding: 0 0.2em;
}
.screen#home .color .cdl .source {
  background: green;
}
.screen#home .color .look .source {
  background: #52acff;
}
/*
.screen#home .cc {
	color: black;
	height: 1.0em;
	line-height: 1.0em;
	margin-top: -1.0em;
	vertical-align: middle;
	font-size: 1.6em;
	font-weight: bold;
}
.screen#home .cc span {
	bottom: .0em;
	display: block;
	font-size: 2.4em;
	height: 1.0em;
	line-height: 1.0em;
	padding: .0em .1em .0em .2em;
	position: absolute;
	top: auto;
}
.screen#home .cc span.positive {
	left: 50%;
	right: auto;
}
.screen#home .cc span.negative {
	left: auto;
	right: 50%;
}
*/

/* User / Edit */
.screen#useredit .title {
	background:#52ACFF;
	color:black;
	font-size: 2.4em;
	font-weight: bold;
	padding: 1.0em 1.4em;
} 
.screen#useredit .selector {
	position: absolute;
	top: 18%;
	bottom: 18%;
	right: 0;
	background:#52ACFF;
	color:black;
}
.screen#useredit .user.selector {
	left: 0;
	padding:0;
}
.screen#useredit .user.selector > .item, 
.screen#useredit .option.selector > .item {
	font-size: 100%;
	height: 16%;
	text-align: left;
	white-space: nowrap;
}
.screen#useredit .option.selector > .item {
	padding: 0 5%;
}
.screen#useredit .option.selector {
	width: 64%;
}
.screen#useredit .selector > .item > span {
	width:25%;
	text-align: left;
	padding: 0 2.5%;
}
.screen#useredit .selector > .item > span + span {
	width:65%;
	text-align:right;
	padding: 0 2.5%;
}
.screen#useredit .user.selector > .scrollbar {
	display: none;
} 

.screen.ldadisplay .title {
    position: absolute;
    top:19%;
    text-align: left;
}

/*  Value list screens */
.screen.list .title {
	position: absolute;
	top:12%;
	text-align: left;
}
.screen.list .hint {
	position: absolute;
	bottom: 12%;
	padding: 0 0.7em;
	text-align: center;
}

.screen.list .warning {
	background-color: red;
	color: white;
	font-size: 200%;
	padding: 0 0.5em;
}

.screen.list .selector {
	background:#52ACFF;
	color:#000000;
	margin: 2.75em 0;
	padding: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
}

.screen.list .selector .scrollbar {
	display: none;
} 

.screen.list .selector span {
	width: 45%;
	text-align:left;
	padding: 0 0 0 5%;
}
.screen.list .selector span+span {
	width: 20%;
	text-align:right;
	padding: 0 0 0 5%;
}
.screen.list .selector span+span+span {
	width: 15%;
	text-align:right;
	padding: 0 5% 0 5%;
}

.screen#shutteradd .hint {
	height: 20%;
	text-align: left;
	padding: 0 0.7em;
}
.screen#shutterlist .hint {
	bottom: 4%;
	text-align: left;
}
.screen#fpslist .linkedsensor {
	position: absolute;
	bottom:0; 
	left:0; 
	right:0; 
	height: 30%;
	text-align: center;
}
.screen#fpslist .linkedsensor img {
	vertical-align: top;
	float: right;
}
.screen#wnachannellist .selector .item {
    text-align: left;
}
.screen#wnachannellist .selector span {
    width: 20%;
    text-align: left;
    padding: 0 0 0 5%;
}
.screen#wnachannellist .selector span+span {
    width: 60%;
    text-align: left;
    padding: 0 0 0 5%;
}

/* Value editor screens */
.screen.valueedit .title {
	position: absolute;
	top: 17.5%;
}
.screen.valueedit .editor {
	font-size: 480%;
}
.screen.valueedit .number .integer {
	min-width: 2em;
}

.screen.valueedit#savesetup .editor {
	font-size: 2.4em;
	float: left;
}

/* White Balance / Add / Color Correction */
.screen#whitebalanceadd .righthint {
	clear:right;
	color:gray;
	float:right;
	font-size:97%;
	text-align:left;
	width:8em;
	white-space: nowrap;
}
.screen#whitebalanceadd .wb .integer {
	min-width: 3em;
}
.screen#whitebalanceadd .cc .integer {
	min-width: 1.2em;
}
/* System and version info screens */
.screen.info .log, .screen#wnastate .log {
	padding: 0.5em;
	font-size: 200%;
	line-height: 120%;
	text-align: left;
}
.screen#wnastate .log {
	background-color: white; 
	line-height: 130%;
	font-size: 210%;
}

.screen.info .log dt, .screen#wnastate .log dt {
	float: left;
	clear: left;
}
.screen.info .log dd, .screen#wnastate .log dd {
	float: right;
	text-align: right;
}
.screen.info .log dd.half  {
	width: 30%;
}
.screen.info .log dd.header {
	font-weight: bold;
}
.screen#savetosd .log {
	padding: 1em;
	font-size: 240%;
	text-align: center;
}
.screen#savetosd .log img {
	margin: 0.5em;
	width: 1em;
	height: 1em;
}

#simulator_version {
	display:none;
}
.screen#versioninfo #simulator_version {
	position:absolute;
	bottom:1.5em;
	color:red;
	font-size:200%;
	padding:0 0.5em;
}

.screen#audio .middlebar {
	padding: 0.5em 0.8em;
}
.screen#audio .off {
	position: absolute;
	left: 34%;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 250%;
	font-weight: bold;
	line-height: 960%;
	text-align: center;
}
.screen#audio .levels {
	position: absolute;
	top: 1em;
	height: 18em;
	width: 5em;
	left: 3.5em;
	background: black;
	border-spacing: 0.1em;
	border-collapse: separate;
	empty-cells: show;
}
.screen#audio .levels .level {
	background: black;
}
.screen#audio .levels.scale {
	background: transparent;
	margin: 0 0.3em;
	width: 1.2em;
}
.screen#audio .channel.one .levels.scale {
	left: 8.5em;
	right: auto;
}
.screen#audio .channel.two .levels.scale {
	left: auto;
	right: 8.5em;
}
.screen#audio .unit .levels {
	background: transparent;
	left: 0;
	margin: 0 0.3em;
	right: 0;
	text-align: center;
	width: auto;
	overflow: visible;
}
.screen#audio .channel {
	position: absolute;
	top: 10%;
	bottom: 10%;
	width: 30%;
}
.screen#audio .channel.one {
	left: 35%;
}
.screen#audio .channel.two {
	right: 2.5%;
}
.screen#audio .channel.unit {
	left: 62.5%;
	right: 30%;
	width: auto;
}
.screen#audio .current {
	position: absolute;
	bottom: 0;
	color: lightgray;
	font-size: 160%;
	padding: 0.3em;
	text-align: right;
	width: 1.8em;
}
.screen#audio .channel.one .current {
	left: 0;
	padding-left: 0;
}
.screen#audio .channel.two .current {
	right: 0;
}
.screen#audio .marker {
	height: 0.4em;
}

/* Define unit text marker colors */
.screen#audio .unit .marker {
	background-color: transparent;
	font-size: 125%;
}

/* Define scale marker colors */
.screen#audio .scale .marker {
	background-color: black;
}
.screen#audio .scale .marker + .marker {
	background-color: transparent;
}
.screen#audio .scale .marker + .marker + .marker {
	background-color: black;
}

/* Define channel bar colors */
.screen#audio .channel .data .marker {
	background-color: red;
}
.screen#audio .channel .data .marker + .marker + .marker {
	background-color: lightblue;
}
.screen#audio .channel .data .marker + .marker + .marker + .marker + .marker + .marker {
	background-color: black;
}

/* Define marker positions */
.screen#audio .marker {
	top: 0;
}
.screen#audio .marker + .marker {
	top: 0.4em;
}
.screen#audio .marker + .marker + .marker {
	top: 25%;
}
.screen#audio .marker + .marker + .marker + .marker {
	top: 49.7777%;
}
.screen#audio .marker + .marker + .marker + .marker + .marker {
	top: 55.4777%;
}
.screen#audio .marker + .marker + .marker + .marker + .marker + .marker {
	top: 77.7777%;
}
.screen#audio .marker + .marker + .marker + .marker + .marker + .marker + .marker {
	top: 97.7777%;
}

.screen#audioout .middlebar {
	padding: 1.8em 0 1.2em 0.6em;
	color: white;
}
.screen#audioout .bottom.left.caption {
	height: 2.2em;
	line-height: 120%;
}
.screen#audioout dt{
	width: 50%;
	float: left;
	clear: left;
	text-align: left;
}
.screen#audioout dd {
	width: 50%;
	float: right;
	clear: right;
	text-align: left;
}
.screen#audioout .channel {
	position: absolute;
	top: 10%;
	bottom: 10%;
	width: 10%;
}
.screen#audioout .channel.one {
	left: 73%;
}
.screen#audioout .channel.two {
	right: 5.5%;
}
.screen#audioout .channel.unit {
	left: 62.5%;
	right: 30%;
	width: auto;
}
.screen#audioout .channel.unit .levels {
	overflow: visible;
}
.screen#audioout .levels {
	position: absolute;
	top: 1em;
	height: 18em;
	width: 100%;
}
.screen#audioout .channel .data {
	background-color: black;
}
.screen#audioout .unit .text {
	position: absolute;
	left: -1em;
	right: -1em;
	width: auto;
	height: auto;
	font-size: 160%;
	text-align: center;
}
.screen#audioout .unit .min.text {
	bottom: 0.5em;
}
.screen#audioout .unit .max.text {
	top: 0.5em;
}
.screen#audioout .unit .marker {
	height: 0.5em;
	background-color: black;
}
.screen#audioout .unit .min.marker {
	bottom: 0;
}
.screen#audioout .unit .max.marker {
	top: 0;
}
 /* Play screen */

.screen#play .timecode {
	position: absolute;
	left: 30%;
	right: auto;
	text-align: center;
}

.screen#play .live {
	line-height: 200%;
}
.screen#play .middlebar {
	font-size: 200%;
	padding: 1% 2.5%;
}
.screen#play .clip {
	text-align: left;
	padding: 0;
}
.screen#play .progress {
	background: #52ACFF;
	height: 5%;
	margin: 0.2em 0;
	padding: 0.15em;
	border-style: solid;
	border-color: black;
	border-width: 0.15em;
}
.screen#play .progress .value {
	height: 100%;
	background: black;
	left: 0;
}
.screen#play .elapsed {
	position: absolute;
	width: 30%;
	font-size: 82%;
	text-align: left;
}
.screen#play .duration {
	position: absolute;
	width: 30%;
	font-size: 82%;
	text-align: right;
}
.screen#play .title {
	text-align: center;
	padding-top: 0.2em;
}
.screen#play .mode {
	height: 0.9em;
	display: inline-block;
}
.screen#play .grab {
	position: absolute;
	height: 1em;
	bottom: 0.2em;
	display: none;
}
.screen#play .grab.active {
	display: block;
}
.screen#play .mark {
	height: 2em;
}
.screen#play .mark img {
	height: 2em;
	width: 2em;
}
.screen#play .label.bottom.middle {
	line-height: 100%;
	padding: 0.2em 0;
}
/*** RRTX icon */
#home.screen .info .cards .card2 img {
  height: 0.8em;
	width: 0.8em;
}
#home.screen .info .cards .card2 span {
	/*background-color: orange;*/
}

.screen#cliplist .hint {
	bottom: 0;
	top: 78%;
}
.screen#cliplist .hint div {
	position: absolute;
}
.screen#cliplist .hint .left + .left,
.screen#cliplist .hint .right + .right {
	bottom: 0;
}

.screen.user .caption {
	background: #52ACFF;
	border: 0.15em solid #52ACFF;
	height: 18%;
	margin: 0 1%;
	width: 24.8%;
	line-height: 120%;
	padding: 1%;
	white-space: normal;
}
.screen.user .caption.value {
	background: white;
	height: 0.9em;
	line-height: 1.1em;
	white-space: nowrap;
}
.screen.user .caption.value.top {
	top: 32%;
}
.screen.user .caption.value.bottom {
	bottom: 32%;
}
.screen.user .caption.action {
}

/* no extra rule for button 6 anymore
.screen#user .caption.right.bottom {
	background: transparent;
	border-color: transparent;
	text-align: left;
	color: #52ACFF;
	font-weight: bold;
	white-space: normal;
	height: 20%;
} */
.screen#user #userbuttoninfo  {
	color: #52ACFF;
	position: absolute;
	top: 46%;
	width: 100%;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

.screen#wrs .caption.right.top.action {
	line-height: 220%;
}
.screen#wrs .caption.middle.top.value {
	border-color: #52ACFF white white white;
}
.screen#wrs .disabled {
	color: gray;
}
.screen#wrs .action .dt {
	float: left;
	clear: both;
}
.screen#wrs .action .dd {
	float: right;
	clear: right;
}
.screen#fpslist .exclamation {
	text-align: right;
	font-weight: bold;
	color: red;
	padding-left: 0;
	padding-right: 0;
	width: 27%;
	right: 1%; 
}
/* Color screen */
.screen#color .block {
	width: 12.5em;
	height: 5.1em;
	overflow: visible;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: absolute;
}
.screen#color .block.top {
	bottom: 68.75%;
}
.screen#color .block.bottom {
	top: 68.75%;
}
.screen#color .box {
    border-width: 0.8em 0.7em;
    border-color:  #52acff;
    border-style: solid;
    border-radius: 0.4em;
    width: 3.05em;
	overflow: visible;
	display: inline-block;
	margin: 0.4em 1.0em;
	text-align: left;
	padding: 0;
	background: #52acff;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 20;
}

.screen#color .middle .text {
	left: 0;
	right: auto;
}
.screen#color .middle .check {
	left: auto;
	right: 0.4em;
}

.screen#color .right .check {
	left: 0.4em;
	right: auto;
}
.screen#color .right .text {
	left: auto;
	right: 0;
}

.screen#color .text .content {
	font-size: 130%;
	font-weight: bold;
}
.screen#color .check .content {
	display: block;
	margin: -0.4em;
	padding: 0;
	border: 0 solid white;
	border-radius: 0.4em;
	background: white;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.screen#color .pipe {
	position: absolute;
	display: inline-block;
	border-width: 1.0em;
	border-radius: 1.0em;
	border-color: transparent;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.screen#color .right .pipe {
	border-left-style: solid;
	margin-right: 2.4em;
	margin-left: 0.2em;
}
.screen#color .middle .pipe {
	border-right-style: solid;
	margin-left: 2.4em;
	margin-right: 0.2em;
}
.screen#color .top .pipe {
	border-top-style: solid;
	margin-top: 2.4em;
	margin-bottom: -1.0em;
}
.screen#color .bottom .pipe {
	border-bottom-style: solid;
	margin-top: -1.0em;
	margin-bottom: 2.4em;
}
.screen#color .bottom.middle.block .pipe {
	margin-right: -0.6em;
}
.screen#color .bottom.right.block .pipe {
	margin-left: -0.6em;
}
.screen#color .bottom.middle.block .check {
	margin-right: -2.6em;
}
.screen#color .bottom.right.block .check {
	margin-left: -2.6em;
}
.screen#color .bottom.disabled .box {
	z-index: 15;
}
.screen#color .bottom.enabled .box {
	z-index: 30;
}

.screen#color .block.enabled .check .content {
	background: black;
	border-color: black;
}
.screen#color .block .check .content .background {
	display: none;
}
.screen#color .block.enabled .check .content .background {
	display: block;
}
.screen#color .block.enabled .pipe {
	border-color: #52acff;
}

.screen#color .block.disabled .check {
	border-color: gray;
}
.screen#color .block.disabled .text {
	border-color: gray;
	background-color: gray;
}

.screen#color .middlebar .title {
	float: left;
	height: 100%;
	padding: 0;
	width: 33%;
}
.screen#color .middlebar .subtitle {
	float: left;
	height: 50%;
	width: 50%;
	clear: right;
	text-align: left;
	font-size: 200%;
	line-height: 200%;
	font-weight: bold;
}

.delete.list .title {
	background: red;
	color: white;
	line-height: 140%;
}
.delete.list .selector {
	text-align: left;
}
.sdcard.list .selector {
	background: gray;
	text-align: left;
}

.screen#looklist .selector {
	text-align: left;
}

.screen#licenseinstall .hint {
	text-align: left;
}

.screen#licenses .selector .item,
.screen#licensedelete .selector .item {
	text-align: left;
	padding: 0 0.6em;
	font-size: 125%;
}
.screen#licenses .selector .item.disabled {
    color: black;
}
.screen#licenses .selector .item span,
.screen#licensedelete .selector .item span {
	width: 50%;
	padding: 0;
}

.screen#falsecolor .colorindex {
	border: 0.1em solid black;
	margin: 3%;
	width: 94%;
	height: 76%;
	font-size: 200%;
}
.screen#falsecolor .colorindex TH {
    width: 35%;
    border: 0.1em solid black;
}
.screen#falsecolor .colorindex TD {
    border: 0.1em solid black;
    padding: 0 0.5em;
    white-space: nowrap;
}

.ldaselected {
    font-size: 250%;
    font-weight: bold;
    text-align: left !important;
}