/**
 * 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 {
	background: #f5f5f5 url('lined-textarea-background.jpg') repeat-y left top;
	border: 1px solid #d2d2d2;
	padding-bottom: 20px;
}

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

.linedtextarea textarea, .linedtextarea textarea:focus, .linedwrap .codelines .lineno {
	color: #9f9f9f;
	font-family: monospace;
	font-size: 9pt;
	line-height: 16pt !important;
	outline: none;
}

.linedtextarea textarea {
	background-color: #f5f5f5;
	border: 0;
}

.linedwrap .lines {
	color: #a2a2a2;
	float: left;
	overflow: hidden;
	width: 30px !important;
}

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

.linedwrap .codelines .lineno {
	color:#AAAAAA;
	font-size: 8pt;
	padding-right: 0.5em;
	padding-top: 0.0em;
	text-align: right;
	white-space: nowrap;
}

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