/**
 * jQuery Lined Textarea Plugin
 *   http://alan.blog-city.com/jquerylinedtextarea.htm
 *
 * Copyright (c) 2010 Alan Williamson
 *
 * Released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * Usage:
 *   Displays a line number count column to the left of the textarea
 *   
 *   Class up your textarea with a given class, or target it directly
 *   with JQuery Selectors
 *   
 *   $(".lined").linedtextarea({
 *   	selectedLine: 10,
 *    selectedClass: 'lineselect'
 *   });
 *
 */

.linedwrap {
  border: 1px solid #c0c0c0;
  padding: 3px;
  height: 71%;
}

.linedtextarea {
  padding: 0px;
  margin: 0px;
}

.linedtextarea textarea,
.linedwrap .codelines .lineno {
  font-size: 10pt;
  font-family: monospace;
  line-height: normal !important;
}

.linedtextarea textarea {
  padding-right: 0.3em;
  padding-top: 0.3em;
  border: 0;
}

.linedwrap .lines {
  margin-top: 0px;
  width: 50px;
  float: left;
  overflow: hidden;
  border-right: 1px solid #c0c0c0;
  margin-right: 10px;
}

.linedwrap .codelines {
  padding-top: 5px;
}

.linedwrap .codelines .lineno {
  color: #aaaaaa;
  padding-right: 0.5em;
  padding-top: 0em;
  text-align: right;
  white-space: nowrap;
}

.linedwrap .codelines .lineselect {
  color: red;
}

@media (max-width;786px) {
  .linedwrap {
    width: 408.5px;
  }
  .lines {
    width: 25px;
    height: 537px;
  }
}