body {
  margin: 2;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #333333;
  background-color: #ffffff;
}

fieldset {
	border:1px solid #bbbbbb;
	padding:4px;
}

.table {
  /*!background-color: transparent;*/
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  margin-bottom: 2px;
}
.table th,
.table td {
  padding: 2px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #bbbbbb;
}
.table th {
  font-weight: bold;
}
.table thead:first-child tr th, .table thead:first-child tr td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #bbbbbb;
}
.table tbody tr:hover td {
  color: #006666;
  /*background-color: #e0f5f5;*/
}
.table-bordered {
  border: 1px solid #bbbbbb;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th + th,
.table-bordered td + td,
.table-bordered th + td,
.table-bordered td + th {
  border-left: 1px solid #bbbbbb;
}
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
/*
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
*/

.field {
	BACKGROUND-COLOR: #fcfcff; BORDER-BOTTOM: #7f878f 1px solid; BORDER-LEFT: #7f878f 1px solid; BORDER-RIGHT: #7f878f 1px solid; BORDER-TOP: #7f878f 1px solid; FONT-SIZE: 10pt; HEIGHT: 15px;
} 
.field-s {
	BACKGROUND-COLOR: #fcfcff; BORDER-BOTTOM: #6e767e 1px solid; BORDER-LEFT: #6e767e 1px solid; BORDER-RIGHT: #6e767e 1px solid; BORDER-TOP: #6e767e 1px solid; FONT-SIZE: 10pt; HEIGHT: 15px;WIDTH:210px
} 
.fieldl {
	BACKGROUND-COLOR: #fcfcff; BORDER-BOTTOM: #6e767e 1px solid; BORDER-LEFT: #6e767e 1px solid; BORDER-RIGHT: #6e767e 1px solid; BORDER-TOP: #6e767e 1px solid; FONT-SIZE: 10pt; HEIGHT: 15px;WIDTH:400px
} 
.fieldb {
	BACKGROUND-COLOR: #fcfcff; BORDER-BOTTOM: red 1px solid; BORDER-LEFT: #6e767e 1px solid; BORDER-RIGHT: #6e767e 1px solid; BORDER-TOP: red 1px solid; FONT-SIZE: 10pt; HEIGHT: 15px
} 
.field0 {
	BACKGROUND-COLOR: #fcfcff; BORDER-BOTTOM: #6e767e 1px solid; BORDER-LEFT: #6e767e 1px solid; BORDER-RIGHT: #6e767e 1px solid; BORDER-TOP: #6e767e 1px solid; FONT-SIZE: 10pt;
} 
.field1 {
	BACKGROUND-COLOR: #fcfcff; FONT-SIZE: 10pt; HEIGHT: 13px
}
TEXTAREA {
	BACKGROUND-COLOR: #fcfcff; BORDER-BOTTOM: #6e767e 1px solid; BORDER-LEFT: #6e767e 1px solid; BORDER-RIGHT: #6e767e 1px solid; BORDER-TOP: #6e767e 1px solid; FONT-SIZE: 10pt;
} 
.tarea {
	BACKGROUND-COLOR: #fcfcff; BORDER-BOTTOM: #6e767e 1px solid; BORDER-LEFT: #6e767e 1px solid; BORDER-RIGHT: #6e767e 1px solid; BORDER-TOP: #6e767e 1px solid; FONT-SIZE: 10pt;
} 
.tareal {
	BACKGROUND-COLOR: #fcfcff; BORDER-BOTTOM: #6e767e 1px solid; BORDER-LEFT: #6e767e 1px solid; BORDER-RIGHT: #6e767e 1px solid; BORDER-TOP: #6e767e 1px solid; FONT-SIZE: 10pt;WIDTH:400px
} 
.tareal2 {
	BACKGROUND-COLOR: #fcfcff; BORDER-BOTTOM: #6e767e 1px solid; BORDER-LEFT: #6e767e 1px solid; BORDER-RIGHT: #6e767e 1px solid; BORDER-TOP: #6e767e 1px solid; FONT-SIZE: 10pt;WIDTH:700px
} 
.message {
	BACKGROUND: #fcfcff; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt
}

A { cursor: pointer }
A.topmenu:link {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.topmenu:visited {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.topmenu:hover {
	FONT-SIZE: 8pt; COLOR: #0000cc; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.rightmenu:link {
	FONT-SIZE: 7pt; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.rightmenu:visited {
	FONT-SIZE: 7pt; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.rightmenu:hover {
	FONT-SIZE: 7pt; COLOR: #0000cc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.button1 {
	BACKGROUND: #dddddd; BORDER-BOTTOM-COLOR: white; BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-COLOR: #f0f0f0; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-COLOR: #f0f0f0; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-COLOR: #f0f0f0; BORDER-TOP-WIDTH: 1px; FONT-SIZE: 9pt
}
.button {
	BACKGROUND: #dddddd; padding:4px;
}
.buttonb {
	background-color: #0074cc; color: #ffffff;
}
.butt {
	BACKGROUND: #ffffff; BORDER-BOTTOM-COLOR: white; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-COLOR: white; BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-COLOR: white; BORDER-RIGHT-WIDTH: 0px;  BORDER-TOP-WIDTH: 0px; FONT-SIZE: 10pt
}
.check {
	FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; margin-bottom:0pt
}
.select {
	FONT-SIZE: 10pt;
}
.tbl {
	border-color: #bbbbbb;
	border-collapse: collapse;
}
.smt {
	font-size:17px;
	border-collapse: collapse;
}
.btn1 {
    background-image: url("/img/but_2.gif");
    background-repeat: no-repeat;
    border: 0px;
    color: #000000;
    cursor: pointer;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    height: 26px;
    text-align: center;
    width: 162px;
}
.btn2 {
    background-image: url("/img/but_3.gif");
    background-repeat: no-repeat;
    border: 0px;
    color: #000000;
    cursor: pointer;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    height: 26px;
    text-align: center;
    width: 97px;
}
.butt1 {
	background-color: #eeeeee;
	border-width:1px;font-size: 8pt;
	font-family: Helvetica, Tahoma, Arial;
	color: #000000;
}
.fo1 {
	FONT-SIZE: 8pt; COLOR: #00fff0; FONT-FAMILY: Verdana, Helvetica, sans-serif
}
.head_cha {
	FONT-SIZE: 11pt; COLOR: #777777; FONT-FAMILY: Verdana, Helvetica, sans-serif; text-align: center;
}
.head_cht {
	FONT-SIZE: 11pt; COLOR: #777777; FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.head_art {
	FONT-SIZE: 11pt; COLOR: #660000; FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.tdh {
	FONT-SIZE: 10pt; BACKGROUND-COLOR: #cccccc; COLOR: #000099; FONT-FAMILY: Verdana, Helvetica, sans-serif; text-align: left; cursor: pointer;
}

.b_act {
	BORDER-LEFT: #cccccc 1px dashed; BORDER-RIGHT: #cccccc 1px dashed; BORDER-TOP: #cccccc 1px dashed;  BORDER-BOTTOM: #ffffff 1px dashed; FONT-SIZE: 10pt; HEIGHT: 20px; text-align: center;
} 
.b_noact {
	BACKGROUND-COLOR: #eeedef; BORDER-LEFT: #cccccc 1px dashed; BORDER-RIGHT: #cccccc 1px dashed; BORDER-TOP: #cccccc 1px dashed;  BORDER-BOTTOM: #cccccc 1px dashed; FONT-SIZE: 10pt; HEIGHT: 16px; text-align: center;
} 
.b_space {
	 BORDER-RIGHT: #cccccc 1px dashed; BORDER-TOP: #ffffff 1px dashed;  BORDER-BOTTOM: #cccccc 1px dashed; HEIGHT: 16px; width: 5px;
} 
.b_spb {
	BORDER-RIGHT: #ffffff 1px dashed; BORDER-TOP: #ffffff 1px dashed;  BORDER-BOTTOM: #cccccc 1px dashed; HEIGHT: 16px; width: 5px;
}


.forone {
	FONT-SIZE: 8pt; COLOR: #aaaaaa; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-STYLE: italic;
}
.foroneg {
	FONT-SIZE: 8pt; COLOR: green; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-STYLE: italic;
}
.editor_button {
	cursor:pointer;
	float:left;
}
.editor_buttoncl {
	border-left:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	cursor:pointer;
	float:left;
	padding-left:1px;
	padding-right:1px;
}
.editbclose {
	cursor:pointer;
	float:right;
}
.ul0 {
	margin-left:0pt; padding-left:1pt;
}

CODE {
	FONT-SIZE: 9pt; COLOR: #005500; FONT-FAMILY: courier;
}
PRE {
	FONT-SIZE: 8pt; COLOR: #005500; BACKGROUND-COLOR: #ffffff;
}

#f2{
 position: fixed;
 top: 10px;
 right: 10px;
 background-color: #ffffdd;
 padding:4px;
 border:1px solid #BBBBBB;
 visibility: hidden;
	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}
td > div#f2 {
  position: absolute;
}

#f3{
 position: absolute;
 top: 10px;
 right: 10px;
 background-color: #fdfdfd;
 padding:4px;
 border:1px solid #BBBBBB;
 visibility: hidden;
	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
}

#ud{
 position: absolute;
 top: expression( ( document.documentElement.scrollTop +10 ) + 'px' );
 left: 10px;
 background-color: #f5fffa;
 padding:3px;
 border:1px solid #BBBBBB;
 visibility: hidden;
	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

.song-container {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=0.5);
		opacity: 1;
		sheight: 398px;
	  width: 800px;
 
}

.layer-title {
		cursor:move;
		background-color:#cccccc;
		padding:3px; 
}

.song-slider {
  visibility: hidden;
	position: absolute;
	top: 152px;
	width: 800px;
	height: 6px;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #242323;
	left: 0px;
  
}

.sm-container {
    padding: 10px !important;
    margin:0;
    min-height:90vh;
}

.resizer {
    /*resize: both;
    overflow: hidden;
    background:#f0f0f0;
    width:180px;*/
    border-right:1px solid #BBBBBB;
    padding-right: 7px;
}

.sm-container .tree-li {
    padding: 2px !important;
    word-wrap: break-word;
    list-style:none;
}

.sm-container .tree-li .tree-ul {
    padding-left: 5px !important;
}

.sm-container .tree-li .tree-ul.inactive {
    display: none;
}

.sm-container .tree-li span {
    cursor:pointer;
    white-space:nowrap;
    top: -3px;
    position: relative;
}

.sm-container .tree-li.is-child > span:before {
    content: "\25B9";
    font-size: 22px;
    top: 2px;
    position: relative;
    padding-right: 5px;
}

.sm-container .tree-li.is-child.inactive > span:before {
    content: "\25BF" !important;
}

.sm-container .tree-li [type="checkbox"] + label {
    padding-left: 15px !important;
}

.context-menu {
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #333;

    -moz-box-shadow: -5px 2px 10px rgba(0,0,0,0.5); /* for Firefox */
    -webkit-box-shadow: -5px 2px 10px rgba(0,0,0,0.5); /* for Safari and Chrome */
    box-shadow: -5px 2px 10px rgba(0,0,0,0.5); /* shadow params */
}

.context-menu ul { list-style: none; margin: 0; padding: 0; }
            
.context-menu ul li { margin: 0; padding: 0; background-color: #fff; display: block; }

.context-menu ul li a { color: #333; text-decoration: none; font-size: 12px; display: block; padding: 5px; }
            
.context-menu ul li a:hover { background-color: #eee; cursor: pointer }

.selected-html-element { background-color: #FFFF82; }

.selected-green { background-color: #80FF80; }

.flt-wrap {
  padding-right: 5px;
}