body {
    color: white;
    background: #444;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
}

label {
    width:auto;
}

table {
    border-collapse: collapse;
}

td {
    padding: 0 0.5em;
    border: 1px solid black;
}

webview {
    width: 100px;
    height: 100px;
    float: left;
}

.tableheader {
    font-weight: bold;
    background-color: #DDDDDD;
}

a {
  color: #1E90FF;
}

.windowframe {
    border-left: solid;
    border-bottom: solid;
    border-right: solid;
    border-width: 3px;
    border-color: white;
 /* border-radius: 5px; */
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 5px;
    z-index: -3;
}

.errortext {
    font-family: sans-serif;
    font-variant: small-caps;
    margin-left: 5px;
    margin-right: 5px;
    border-style: solid;
    border-radius: 5px;
    border-width: 1px;
    border-color: red;
    background: rgb(255,200,200);
    color: black;
}

.warningtext {
    font-family: sans-serif;
    font-variant: small-caps;
    margin-left: 5px;
    margin-right: 5px;
    border-style: solid;
    border-radius: 5px;
    border-width: 1px;
    border-color: red;
    background: rgb(240, 240, 0);
    color: black;
}


.label-170-px {
    width:170px;
    display:inline-block;
    text-align:right;
}

.label-150-px {
    width:150px;
    display:inline-block;
    text-align:right;
}
.label-120-px {
    width: 120px;
    display:inline-block;
    text-align:right;
}

.label-100-px {
    width:100px;
    display:inline-block;
    text-align:right;
}

.label-78-px {
    width:78px;
    display:inline-block;
    text-align:right;
}

.preferences-pane {
    border:dotted;
    border-width:1px;
    border-radius:5px;
    padding:5px;
    margin-top:5px;
}

.output {
    color: white;
    background: black;
    left: 3px;
    right: 3px;
    font-family: DejaVu Sans Mono,Menlo,monospace;
    position: fixed;
    bottom: 62px;
    top: 82px;
    padding-bottom:15px;    /* Stop hidden scrollbars in OS X 10.8 from blocking clicks */
    overflow: auto;
    word-wrap: break-word;
    -webkit-user-select: auto;
    user-select: text;
    z-index: 0;
    white-space: pre-wrap;
    padding-top: 5px;
    overflow-x: hidden;
    /* border-bottom-left-radius: 5px; */
    /* border-bottom-right-radius: 5px; */
}

.outputline {
	margin-right: 5px;
}

.outputlinetext {
    text-indent: -1em;
    padding-left: 2.5em;
    display: table-cell;
    /* margin-left: 0em; */
}

.echo {
    font-style:italic;
    font-weight:bold;
}

.tabbar {
    left: 10px;
    right: 10px;
    overflow: hidden;
    top: 35px;
    height: 35px;
    position: fixed;
    z-index: -1;
    padding-left:3px;
}

.worldButtonSelected {
    background:white;
    border-color: black;
    border-style: solid;
    border-width: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    font-size: 16px;
    text-decoration: none;
    color: black;
    padding-bottom: 20px;
    top: 2px;
    overflow: hidden;
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.worldButtonSelected:focus {
    background:white;
    border-color: orange;
    border-style: solid;
    border-width: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    font-size: 16px;
    text-decoration: none;
    color: black;
    padding-bottom: 20px;
    top: 2px;
    overflow: hidden;
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;

}

.worldButtonDeselected {
    background: darkslategray;
    border-color: black;
    border-style: solid;
    border-width: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    font-size: 16px;
    color: lightgray;
    padding-bottom: 20px;
    top: 2px;
    text-decoration: none;
    overflow: hidden;
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;

}

.worldButtonDeselected:focus {
    background: darkslategray;
    border-color: orange;
    border-style: solid;
    border-width: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    font-size: 16px;
    color: lightgray;
    padding-bottom: 20px;
    top: 2px;
    text-decoration: none;
    overflow: hidden;
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;

}

.titletab {
    left: 16px;
    overflow: hidden;
    top: 0px;
    height: 2em;
    padding-top: .75em;
    position: fixed;
    padding-left:5px;
    padding-right:5px;
    background:white;
    color:black;
    font-weight:bold;
    border-radius:5px;
}

.titlebar {
    left: 0px;
    right: 0px;
    top:0px;
    background:#444;
    height: 2em;
    position:fixed;
    z-index: -1;
    -webkit-app-region: drag;
}

.windowControls {
    position:fixed;
    top:0px;
    right: 0px;
    font-size:16px;
    color: white;
    -webkit-app-region: no-drag;
}

.inputdiv {
    left: 10px;
    right: 10px;
    position: fixed;
    bottom: 24px;
}

.lowerinputdiv {
	left: 10px;
	right: 10px;
	position: fixed;
    bottom: 8px;
}

.sendbutton {
	float: right;
    border-style: solid;
    border-color: black;
}

.updown {
    width: 32px;
    border-radius: 5px;
    background: white;
    border: solid;
    border-color: black;
    border-width: 1px;
    position: absolute;
    bottom: 4px;
}

.input {
    border-radius: 5px;
    position: fixed;
    bottom: 24px;
    left: 50px;
    right: 69px;
    height:42px;
    font-family: DejaVu Sans Mono,Menlo,monospace;
    font-size: 12px;
    z-index: 0;
    resize:none;
    overflow-y:hidden;
}

.lowerinput {
	border-radius: 5px;
	position: fixed;
	bottom: 12px;
	left: 50px;
	right: 69px;
	height: 42px;
	font-family: DejaVu Sans Mono,Menlo,monospace;
	font-size: 12px;
	z-index: 0;
	resize: none;
	overflow-y: hidden;
	display: none;
}

.menubar {
    left: 3px;
    right: 3px;
    background: white;
    color: black;
    /* border-top-left-radius: 5px; */
    /* border-top-right-radius: 5px; */
    top: 58px;
    height: 28px;
    position: fixed;
    z-index: 0;
    cursor: default;
    font-size: 16px;
    font-family: 'Open Sans Condensed';
}
.dashboard {
	font-family: 'Open Sans Condensed';
	left: 3px;
	right: 3px;
	background: white;
	color: black;
	top: 82px;
	height: 24px;
	position: fixed;
	z-index: 0;
	cursor: default;
	font-size: 14px;
	/* padding-left: 5px; */
	/* padding-right: 5px; */
	height: 50px;
}
.indicator {
	color: #555555;
	background-color: #000000;
	padding: 3px;
	border: solid;
	border-width: 1px;
	float: right;
	font-size: 12px;
	width: 36px;
	text-align: center;
}
.indicatorgreen {
	color: #555555;
	background-color: #00FF00;
	padding: 3px;
	border: solid;
	border-width: 1px;
	float: right;
	font-size: 12px;
	width: 36px;
	text-align: center;
}
.indicatoryellow {
	color: #555555;
	background-color: #FFEE00;
	padding: 3px;
	border: solid;
	border-width: 1px;
	float: right;
	font-size: 12px;
	width: 36px;
	text-align: center;
}

.searchbar {
    top: 72px;
    position: fixed;
    left: 10px;
    right: 10px;
    color: black;
}

.search {
    float:right;
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-weight: bold;
}

.tooltip {
    background: lightyellow;
    color: black;
    position: fixed;
    z-index: 20;
    margin: 15px;
}


.status {
    float: left;
    font-size: 14px;
    margin-left: 5px;
}

.buttonarea {
     float: right;
     position: absolute;
     left: 5em;
     right: 10px;
}

.header {
    left:10px;
    right:10px;
    border-radius:5px;
    background: lightgray;
    color: black;
    padding-left:5px;
    font-size: 14px;
}

.menuitem {
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
    padding-left:5px;
    padding-right:5px;
    cursor: default;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.menuitemselected {
    background:white;
}

.slideout {
    left:18px;
    background: white;
    color: black;
    height: auto;
    z-index: 10;
    position: absolute;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px;
}

.activeworld {
    text-decoration: underline;
    color: red;
}

.deadworld {
    text-decoration: line-through;
}

.weblink {
    text-decoration: underline;
    color: #1E90FF;
    cursor: pointer;
    word-break: break-all;
}

.localecho {
    color: #FFFFFF;
}


.error {
    border: solid;
    border-color: red;
    border-width: 1px;
    padding: 2px;
    margin-top: 5px;
    background: #FEE;
}

/* Override default font size in jQuery UI buttons */
.ui-widget {
    font-size: 12px !important;
}

/* Fix disappearing text problem on nwjs Mac builds */
.ui-widget button {
  color: black;
}

/* Nudge thick up arrow icon slightly right, to line up with the down arrow icon. */
.ui-icon-arrowthick-1-n {
    background-position: 1px -47px !important;
}

.ui-button {
    height:2em;
    overflow:hidden;
}

.ui-menu {
    border-top-color:white;
    border-top-left-radius:0px;
}

.gutter-icon {
    background-image: url(smoothness/images/ui-icons_2e83ff_256x240.png);
    display: inline-block;
    float: left;
    position: absolute;
}

.searchtarget {
    border: #2e83ff;
    border-style: dotted;
    border-width: 2px;
    border-radius: 2px;
}

.licensearea {
    position:absolute;
    bottom:45px;
    left:10px;
    right:10px;
    height:200px;
    z-index:-1;
}

.licensetab {
    overflow-y:scroll;
    height:150px;
}

.urllist {
    word-wrap: break-word;
    overflow: auto;
    left:3px;
    width: 300px;
    background: white;
    color:black;
    top: 100px;
    bottom:9px;
    position: fixed;
    padding-top:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

.urllistheader {
    width: 295px;
    position: fixed;
    height: 24px;
    top: 75px;
    left: 3px;
    background: lightgray;
    border-bottom: black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: black;
    padding-left: 5px;
    font-weight: bold;
}

.urllistitem {
    border-top: solid;
    border-top-width: 1px;
    border-top-color: black;
    margin-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    /* word-wrap:break-word; */
    /* word-break:break-all; */
    clear: both;
}

.urltext {
    word-wrap: break-word;
    /* word-break: break-all; */
    /* white-space: normal; */
    /* text-overflow: ellipsis; */
    display: inline;
    /* float:right; */
    /* position:absolute; */
    padding-left:10px;
    margin-top:5px;
}

.urlpreview {
    float: left;
    margin:5px;
    border:solid;
    border-width:2px;
    border-color:black;
}

.windowSize {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    border-radius: 5px;
    background: rgba(255,255,255,0.8);
    color: black;
    font-size: 32px;
}

@font-face {
    font-family:Batch;
    src:url('/fonts/batch-icons-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
.batch {
    font-family:"Batch";
    font-size:1em;
    line-height:1;
    display:inline-block;
    cursor:default;
    padding-top: 0.25em;
    color: black;
    text-decoration: none;
}
.splash {
    position:relative;
    border-radius:5px;
    width:128px;
    height: 150px;
    margin-left:auto;
    margin-right:auto;
    margin-top:128px;
    background:white;
    color: black;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}

@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 700;
	src:url('/fonts/GoogleOpenSansCondensed.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),

       url(/fonts/MaterialIcons-Regular.woff) format('woff')
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  color: black;
  text-decoration: none;
}

.timestamp {
  font-family: 'Open Sans Condensed';
  display: table-cell;
  width: 6em;
  margin-left: 16px;
  color: lightgray;
  background-color: darkblue;
  border-right-style: dotted;
  border-right-width: 2px;
  text-align: right;
  padding-right: .5em;
}

.hiddentimestamp {
 display:none;
}

.screenreader {
  height: 1 px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

.hidden {
  display: none;
  visibility: hidden;
}

/*
 * The following CSS rules include attribute role values in order to convey which
 * elements require specific role assignments within the markup.
*/

div.menubarWrapper[role="application"] {
  font-weight: bold;
  padding: 0;
}

div.menubarWrapper[role="application"] ul[role="menubar"], div.menubarWrapper[role="application"] ul[role="menu"] {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}

div.menubarWrapper[role="application"] ul[role="menu"] {
  position: absolute;
  margin-top: 24px;
  margin-left: 10px;
  font-size: 14px;
  text-align: left;
  padding: 5px;
  border: 1px solid #dedede;
  background: lightgray;
  border-color: #000;
  color: #000;
  z-index: 10;
}

div.menubarWrapper[role="application"] ul.nested-submenu[role="menu"] {
  margin-top: -4px;
  margin-left: 120px;
}

div.menubarWrapper[role="application"] ul[role="menubar"] > li[role="presentation"] {
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2px;
    padding-top:2px;
    border-top-left-radius:5px;
    border-top-right-radius: 5px;
    cursor: default;
    text-decoration: none;
    color: black;
    font-weight: bold;
/*  float: left;
  width: 150px; */
}

div.menubarWrapper[role="application"] ul[role="menu"] > li[role="presentation"] {
  clear: both;
  margin: 3px 0px 3px 0px;
}

div.menubarWrapper[role="application"] a[href][role="menuitem"] {
  float: left;
  text-decoration: none;
}

div.menubarWrapper[role="application"] a[href][role="menuitem"]:hover {
  background: white;
}

div.menubarWrapper[role="application"] a[href][role="menuitem"] span.menuIcon:before {
  content: ' \25BC';
}

div.menubarWrapper[role="application"] a[href][role="menuitem"] span.menuIcon.right:before {
  content: ' \25B6';
}