html {
    -webkit-text-size-adjust: 100%; /* iOS: Don't rescale fonts when in landscape mode */
}

 .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;
}

.output {
    color: white;
    background: black;
    left: 3px;
    right: 3px;
    font-family: DejaVu Sans Mono,Menlo,monospace;
    position: absolute;
    overflow: auto;
    word-wrap: break-word;
    -webkit-user-select: auto;
    user-select: text;
    z-index: 0;
    white-space: pre-wrap;
    overflow-x: hidden;
    bottom: 0.5em;
    top: 0px;
    padding-bottom:0.5em;
}

.outputline {
	margin-right: 5px;
	margin-left: 5px;
}

.outputlinetext {
    text-indent: -10px;
    padding-left: 26px;
}

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

.updown {
    position: fixed;
    bottom:8px;
    left: 10px;
    border-radius: 5px;
    background: white;
    border: solid;
    border-color: black;
    border-width: 1px;
}

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

.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;
}


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

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

.scrollback-footer {
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
    background: white;
    color: black;
    text-align: center;
    margin-bottom: 1em;
}

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

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

.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;
}

.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.eot?#iefix') format('embedded-opentype'),
        url('../fonts/batch-icons-webfont.woff') format('woff'),
        url('../fonts/batch-icons-webfont.ttf') format('truetype'),
        url('../fonts/batch-icons-webfont.svg#batchregular') format('svg');
     font-weight:normal;
     font-style:normal;
  }

.slideout {
    height: auto;
    z-index: 10;
    position: absolute;
    padding: 5px;
    top: 0px;
    color: white;
    background: #11A;
    left: 0px;
    right: 0px;
}
  .batch {
     font-family:"Batch";
     font-size:1em;
     line-height:1;
     display:inline-block;
     cursor:default;
     padding-top: 0.25em;
  
     /* right: 0px; */
}
  .header {
     background-color:black;
     color:white;
     padding-left:1em;
     padding-right:1em;
  }
  .ui-resizable-helper {
     border: 2px dotted #00F;
     z-index: 10000 !important;
  }
  a:link {
      color:#33F
  }