body {
	
}

#content #code {
	
}

#content #line {
	position: relative;
	float: left;
	min-height: 400px;
	height: auto;
	width: 40px;
	font-family: "Courier New";
	text-align: center;
	vertical-align: middle;
	padding: 20px 0 20px 0;
	line-height: 20px;
	font-size: 16px;
	border-style: solid;
	border-color: #000;
	border-width: 2px;
	border-right-color: #FFF;
	border-right-width: 1px;
	background: #C7EDCC;
}

#content #collapseBranket {
	position: relative;
	float: left;
	height: 400px;
}

#codeEditor {
	/*min-width: 750px; */
	counter-reset: section;
	width: 100%;
	min-height: 50px;
	height: auto;
	font-family: "Courier New";
	color: #000;
	background: #fff; /*#C7EDCC;*/
	line-height: 20px;
	font-size: 16px;
	overflow: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: auto;
	box-shadow: 0 2px 8px #000;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 5px 0;
	background: #f6f6f6;
}

.codeEditor, .htmlEditor{
	/*min-width: 750px; */
	counter-reset: section;
	width: 95%;
	min-height: 20px;
	min-width:500px;
	height: auto;
	font-family: "Courier New";
	color: #000;
	background: #fff; /*#C7EDCC;*/
	line-height: 20px;
	font-size: 16px;
	overflow: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	/*box-shadow: 0 2px 8px #000;
	border: 2px solid #fff;
	border-radius: 5px;*/
	padding: 5px 0;
	background: #f6f6f6;
	overflow: auto;
	
}

code{
  font-family: "Courier New";
  font-size: 16px;
  color: #000;
}

.field {
	color: #0000C0;
}

.annotations {
	color: #646464;
}

.plain {
	color: #000;
}

.keyword {
	color: #7F0055;
	font-weight: bold;
}

.string {
	color: #2A00FF;
}

.comments,.CStylecomments {
	color: #3F7F5F;
}

.CStylecomments:before{
	content:" * ";
}

.javaDoc, .javaDocComments{
	color: rgb(63,95,191);
}

.javaDocComments:before{
	content:" * ";
}

.tag {
	color: #646464;
}

.jspTag {
	color: #BF5F3F;
}

.htmlTag {
	color: #3F7F7F;
}

.htmlAttr,.htmlattr{
	color:rgb(127,0,127);
}

.codeNewLine:before{
	counter-increment: section;
	content: counter(section) ".";
	color: #ccc;
	padding-left: 1em;
	width: 4em;
	padding-right: 2em;
	display: inline-block;
	text-indent: 0;
}


.codeNewLine:hover:before{
	color: #666;
}

.codeNewLine:hover{
	background: #eee;
}

.token.comment {
	color: rgba(0,0,0,.3);
}

.token.keyword, .content .token.selector, .content .token.tag {
    color: #b457ff;
}

.content .token.keyword, .content .token.selector, .content .token.tag {
    color: #b457ff;
}

.content .token.punctuation {
    color: #222;
}

.content .token.attr-name, .content .token.operator, .content .token.property {
    color: #ff4d00;
}

.content .token.attr-value {
    color: #222;
}