#codeEditor {
	height: 550px;
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#codeEditor {
	float: left;
	padding: 0px 0px 15px 15px
}

#treeEditor {
	float: left;
	padding: 0px 15px 15px 0
}

#splitter {
	text-align: center;
	float: left;
	height: 100%;
	padding: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#splitter #drag {
	font-size: 32px;
	color: #d3d3d3;
	border-radius: 3px;
	min-width: 24px;
	cursor: col-resize
}

#splitter #drag.active,#splitter #drag:hover {
	color: gray;
	background-color: #f5f5f5
}

button.convert {
	cursor: default;
	padding: 2px
}

div.convert-right {
	background: url(../images/jsoneditor-icons.png) -0 -48px
}

div.convert-left {
	background: url(../images/jsoneditor-icons.png) -24px -48px
}

div.convert-left,div.convert-right {
	width: 24px;
	height: 24px;
	margin: 0
}

#splitter #toTree {
	margin: 40px 0 0;
}

#splitter #toCode {
	margin: 20px 0 0;
}

#action {
	margin-top: 10px;
	margin-right: 120px;
	float: right;
	text-align: left;
	float: right;
}

a:hover{
	background-color:#E5E3E9;
	text-decoration:none; 
}

#box-api {
	height: 500px;
	padding-left: 0px;
	padding-right: 15px;
}

#api-header {
	background-color: #F5F5F5;
}

#api-content {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 345px;
	background-color: #EDF1DE;
}

#nav-tab {
	margin-right: -5px;
	margin-left: -5px;
}

.line {size =2;
	color: #86B32E;
	align: right;
	width: 255px;
	margin: 0px;
}

.title {
	margin-bottom: 6px;
	margin-top: 4px;
	color: #E25500;
	text-shadow: 0px 1px 0px #FFF;
	display: inline-block;
	font-size: 14px;
	line-height: 1.4;
}

.title_style {
	width: 300px;
	line-height: 18px;loadBehaviors("other");
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	text-align: center;
	color: #369BD7;
}

.arguments {
	display: block;
	border-bottom: 1px dashed #AAA;
	font-weight: bold;
	color: #333;
	padding: 5px 0px 2px;
}

.details {
	font: 13px Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-spacing: 0px;
}

td {
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 8px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

.chooseScript {
	margin-top: 10px;
	margin-bottom: 60px;
	margin-left: 5px;
	padding-left: 0px;
	font-size: 120%;
	font-weight: bold;
	color: #3689BB;
	font-size: 120%;
}

.sample_frame {
	padding: 10px;
	margin: 5px 5px 5px 5px;
	border: #EFEFEF solid thin;
}

.sample_sub_frame {
	border: #F0ECE0 solid thin;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

p {
	color: #4E9BCB;
}

.btn-large {
	width: 25%;
	margin-left: 10px;
	margin-bottom: 5px;
}

.btn-width{
	width:85px;
}

.visited {
	background-color: #E8F2FE;
}

#showPluginMethodForm td,th {
	width: 200px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
}

.left {
	float: left;
}

.view {
	margin-left: -15px;
}

.listArea {
	height: 340px;
	margin-bottom: 15px;
	outline-style: outset;
	outline-color: #A0D0EC;
	/* color: black; */
}

a:hover {
	color: #369bd7;
	cursor: pointer;
}

a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #369bd7;
	white-space: nowrap;
}

.all-behaviors {
	height: 500px;
	border: 1px #A0D0EC solid;
	margin-top: 0px;
	width: 240px;
	box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .3);
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #F5F5F5;
}

.all-behaviors #behaviorUl,#usePlugin {
	overflow-x: hidden;
	overflow-y: auto;
}

.all-plugins {
	text-color: #A0D0EC;
	margin-bottom: 10px;
}

#behaviorUl{
	margin:8px 5px 0px 0px;
}

.all-behaviors .divider {
	height: 1px;
	width: 100%;
	margin: 8px 1px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #ffffff;
}

BODY {
	padding-left: 20px;
	padding-top: 20px;
}

.tab .nav li a:hover,.nav>li>a:focus {
	text-decoration: none;
	background-color: #E5E3E9;
}

.tab .nav-tabs {
	border-bottom: 1px solid #F7F5FA;
	margin-bottom: 15px;
}

.tab .nav {
	list-style: none;
}

.tab {
	background-color: #F7F5FA;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-bottom: 5px;
	padding-top: -10px;
}

.tab ul {
	/* zoom: 1;  */
	clear: both;
}

.tab ul:after {
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
	content: "";
}

.tab ul li {
	margin-bottom: -10px;
	text-align: center;
	line-height: 100%;
	width: 20%;
	display: inline;
	float: left;
	height: 26px;
	color: #fff;
	text-align: center;
}

.tab ul li.on {
	color: black;
}

.tabList {
	margin-top: 20px;
	margin-left: 15px;
}

.tabList .one {
	padding-bottom: 10px;
	padding-right: 10px;
	display: none;
	color: #ff0000;
	padding-top: 10px;
}

.tabList .block {
	display: block;
}