.content_wrap html, .content_wrap body, .content_wrap div, .content_wrap span, .content_wrap applet, .content_wrap object, .content_wrap iframe, .content_wrap h1, .content_wrap h2, .content_wrap h3, .content_wrap h4, .content_wrap h5, .content_wrap h6, .content_wrap p, .content_wrap blockquote, .content_wrap pre, .content_wrap a, .content_wrap abbr, .content_wrap acronym, .content_wrap address, .content_wrap big, .content_wrap cite, .content_wrap code, .content_wrap del, .content_wrap dfn, .content_wrap em, .content_wrap font, .content_wrap img, .content_wrap ins, .content_wrap kbd, .content_wrap q, .content_wrap s, .content_wrap samp, .content_wrap small, .content_wrap strike, .content_wrap strong, .content_wrap sub, .content_wrap sup, .content_wrap tt, .content_wrap var, .content_wrap dl, .content_wrap dt, .content_wrap dd, .content_wrap ol, .content_wrap ul, .content_wrap li, .content_wrap fieldset, .content_wrap form, .content_wrap label, .content_wrap legend, .content_wrap table, .content_wrap caption, .content_wrap tbody, .content_wrap tfoot, .content_wrap thead, .content_wrap tr, .content_wrap th, .content_wrap td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
	.content_wrap body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #f0f6e4 \9;
}
.content_wrap h1, .content_wrap h2, .content_wrap h3, .content_wrap h4, .content_wrap h5, .content_wrap h6 {
	color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, sans-serif;padding-bottom: 5px;
}
.content_wrap h1 {font-size: 24px;line-height: 34px;text-align: center;}
.content_wrap h2 {font-size: 14px;line-height: 24px;padding-top: 5px;}
.content_wrap h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;}
.content_wrap a {color:#3C6E31;text-decoration: underline;}
.content_wrap a:hover {background-color:#3C6E31;color:white;}

a.icon_edit:hover, a.icon_delete:hover, a.icon_url:hover {
	background-color:white;
}

.content_wrap input.radio {margin: 0 2px 0 8px;}
.content_wrap input.radio.first {margin-left:0;}
.content_wrap input.empty {color: lightgray;}
.content_wrap code {color: #2f332a;}
.content_wrap .highlight_red {color:#A60000;}
.content_wrap .highlight_green {color:#A7F43D;}
.content_wrap li {list-style: circle;font-size: 12px;}
.content_wrap li.title {list-style: none;}
.content_wrap ul.list {margin-left: 17px;}

div.content_wrap {width: auto;height:380px;}
div.content_wrap div.left{float: left;width: auto;}
div.content_wrap div.right_main{float: left;width: auto;margin-left: 10px;margin-top: 8px;}
.content_wrap div.zTreeDemoBackground {width:250px;min-height:362px;text-align:left;}

.content_wrap ul.ztree1 {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:360px;overflow-y:scroll;overflow-x:auto;}
.content_wrap ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:480px;overflow-y: scroll;}
.content_wrap ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
.content_wrap ul.log.small {height:45px;}
.content_wrap ul.log li {color: #666666;list-style: none;padding-left: 10px;}
.content_wrap ul.log li.dark {background-color: #E3E3E3;}

/* ruler */
.content_wrap div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
.content_wrap div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}




.content_wrap1 html, .content_wrap1 body, .content_wrap1 div, .content_wrap1 span, .content_wrap1 applet, .content_wrap1 object, .content_wrap1 iframe, .content_wrap1 h1, .content_wrap1 h2, .content_wrap1 h3, .content_wrap1 h4, .content_wrap1 h5, .content_wrap1 h6, .content_wrap1 p, .content_wrap1 blockquote, .content_wrap1 pre, .content_wrap1 a, .content_wrap1 abbr, .content_wrap1 acronym, .content_wrap1 address, .content_wrap1 big, .content_wrap1 cite, .content_wrap1 code, .content_wrap1 del, .content_wrap1 dfn, .content_wrap1 em, .content_wrap1 font, .content_wrap1 img, .content_wrap1 ins, .content_wrap1 kbd, .content_wrap1 q, .content_wrap1 s, .content_wrap1 samp, .content_wrap1 small, .content_wrap1 strike, .content_wrap1 strong, .content_wrap1 sub, .content_wrap1 sup, .content_wrap1 tt, .content_wrap1 var, .content_wrap1 dl, .content_wrap1 dt, .content_wrap1 dd, .content_wrap1 ol, .content_wrap1 ul, .content_wrap1 li, .content_wrap1 fieldset, .content_wrap1 form, .content_wrap1 label, .content_wrap1 legend, .content_wrap1 table, .content_wrap1 caption, .content_wrap1 tbody, .content_wrap1 tfoot, .content_wrap1 thead, .content_wrap1 tr, .content_wrap1 th, .content_wrap1 td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: bottom;
}
.content_wrap1 body {
	color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #f0f6e4 \9;
}
.content_wrap1 h1, .content_wrap1 h2, .content_wrap1 h3, .content_wrap1 h4, .content_wrap1 h5, .content_wrap1 h6 {
color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, sans-serif;padding-bottom: 5px;
}
.content_wrap1 h1 {font-size: 24px;line-height: 34px;text-align: center;}
.content_wrap1 h2 {font-size: 14px;line-height: 24px;padding-top: 5px;}
.content_wrap1 h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;}
.content_wrap1 a {color:#3C6E31;text-decoration: underline;}
.content_wrap1 a:hover {background-color:white;}
.content_wrap1 input.radio {margin: 0 2px 0 8px;}
.content_wrap1 input.radio.first {margin-left:0;}
.content_wrap1 input.empty {color: lightgray;}
.content_wrap1 code {color: #2f332a;}
.content_wrap1 .highlight_red {color:#A60000;}
.content_wrap1 .highlight_green {color:#A7F43D;}
.content_wrap1 li {list-style: circle;font-size: 12px;}
.content_wrap1 li.title {list-style: none;}
.content_wrap1 ul.list {margin-left: 17px;}

div.content_wrap1 {width: auto;overflow: hidden; padding-left: 40px;}
div.content_wrap1 div.left{float: left;width: auto;}
div.content_wrap1 div.right_main{float: left;width: auto;margin-left: 10px;margin-top: 8px;}
.content_wrap1 div.zTreeDemoBackground {width:250px;height:362px;text-align:left;}
.tree_title{margin:20px auto;font-weight: bold;}

.content_wrap1 ul.ztree1 {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:360px;overflow-y:none;overflow-x:none;}
.content_wrap1 ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:360px;}
.content_wrap1 ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
.content_wrap1 ul.log.small {height:45px;}
.content_wrap1 ul.log li {color: #666666;list-style: none;padding-left: 10px;}
.content_wrap1 ul.log li.dark {background-color: #E3E3E3;}

/* ruler */
.content_wrap1 div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
.content_wrap1 div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}



/*-------------------------------------
zTree Style

version:	3.0
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/

/**.ztree1 li a.curSelectedNode {padding-top:0px; background-color:#3C6E31; color:white; border:1px #3C6E31 solid; opacity:0.8;}**/

.right_main button {
	width:16px; height:16px; vertical-align:middle; border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-image:url("../images/zTreeStandard.png"); *background-image:url("../images/zTreeStandard.gif")
}
.content_wrap1 span {line-height:16px; margin-right: 2px}
.content_wrap1 button {width:16px; height:16px; vertical-align:middle; border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll}
.content_wrap1 button.edit {margin-right:2px;background-image:url("../images/icon_edit.png");width:16px;height:16px; vertical-align:middle; *vertical-align:middle}
.content_wrap1 button.remove {margin-right:2px; background-image:url("../images/icon_delete.png");width:16px;height:16px; vertical-align:middle; *vertical-align:middle}
.content_wrap1 button.add {margin-right:2px; background-image:url("../images/icon_add.png");width:16px;height:16px; vertical-align:middle; *vertical-align:middle}

.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
.ztree {margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap}
.ztree li ul{ margin:0; padding:0 0 0 18px}
.ztree li ul.line{ background:url(../images/line_conn.gif) 0 0 repeat-y;}

.ztree li a {padding:1px 3px 0 0; margin:0 10px 0 0; cursor:pointer; height:16px; color:#333; background-color: transparent;
	text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a:hover {text-decoration:underline}
.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.tmpTargetNode {padding-top:0px; background-color:#316AC5; color:white; border:1px #316AC5 solid;
	opacity:0.8; filter:alpha(opacity=80)}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
	font-size:12px; border:1px #7EC4CC solid; *border:0px}
.ztree li span {line-height:16px; margin-right: 2px}
.ztree li button {
	width:16px; height:16px; vertical-align:middle; border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-image:url("../images/zTreeStandard.png"); *background-image:url("../images/zTreeStandard.gif")
}

.ztree li button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
.ztree li button.chk.checkbox_false_full {background-position:0 0}
.ztree li button.chk.checkbox_false_full_focus {background-position:0 -14px}
.ztree li button.chk.checkbox_false_part {background-position:0 -28px}
.ztree li button.chk.checkbox_false_part_focus {background-position:0 -42px}
.ztree li button.chk.checkbox_false_disable {background-position:0 -56px}
.ztree li button.chk.checkbox_true_full {background-position:-14px 0}
.ztree li button.chk.checkbox_true_full_focus {background-position:-14px -14px}
.ztree li button.chk.checkbox_true_part {background-position:-14px -28px}
.ztree li button.chk.checkbox_true_part_focus {background-position:-14px -42px}
.ztree li button.chk.checkbox_true_disable {background-position:-14px -56px}
.ztree li button.chk.radio_false_full {background-position:-28px 0}
.ztree li button.chk.radio_false_full_focus {background-position:-28px -14px}
.ztree li button.chk.radio_false_part {background-position:-28px -28px}
.ztree li button.chk.radio_false_part_focus {background-position:-28px -42px}
.ztree li button.chk.radio_false_disable {background-position:-28px -56px}
.ztree li button.chk.radio_true_full {background-position:-42px 0}
.ztree li button.chk.radio_true_full_focus {background-position:-42px -14px}
.ztree li button.chk.radio_true_part {background-position:-42px -28px}
.ztree li button.chk.radio_true_part_focus {background-position:-42px -42px}
.ztree li button.chk.radio_true_disable {background-position:-42px -56px}

.ztree li button.switch {width:18px; height:18px}
.ztree li button.root_open{background-position:-92px -54px}
.ztree li button.root_close{background-position:-74px -54px}
.ztree li button.roots_open{background-position:-92px 0}
.ztree li button.roots_close{background-position:-74px 0}
.ztree li button.center_open{background-position:-92px -18px}
.ztree li button.center_close{background-position:-74px -18px}
.ztree li button.bottom_open{background-position:-92px -36px}
.ztree li button.bottom_close{background-position:-74px -36px}
.ztree li button.noline_open{background-position:-92px -72px}
.ztree li button.noline_close{background-position:-74px -72px}
.ztree li button.root_docu{ background:none;}
.ztree li button.roots_docu{background-position:-56px 0}
.ztree li button.center_docu{background-position:-56px -18px}
.ztree li button.bottom_docu{background-position:-56px -36px}
.ztree li button.noline_docu{ background:none;}

.ztree li button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}

.ztree li button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
.ztree li button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}

.ztree li button.ico_loading{margin-right:2px; background:url(../images/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.ztree li button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}


ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
button.tmpzTreeMove_arrow {width:16px; height:16px; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-position:-110px -80px; background-image:url("../images/zTreeStandard.png"); *background-image:url("../images/zTreeStandard.gif")}


.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}



/* level style*/
/*.ztree li button.level0 {
	display:none;
}
.ztree li ul.level0 {
	padding:0;
	background:none;
}*/



/**
	directory tree used
*/
.jOrgChart .line {
  height: 20px;
  width: 4px;
}

.jOrgChart .down {
  background-color: black;	
  margin: 0px auto;
}

.jOrgChart .top {
  border-top: 3px solid black;
}

.jOrgChart .left {
  border-right: 2px solid black;
}

/* Custom node styling */
.jOrgChart .node {
	font-size 			: 14px;
	background-color 	: #0066CC;
	border-radius 		: 8px;
	border 				: 5px solid white;
	color 				: #FFFFFF;
	-moz-border-radius 	: 8px;
}

##chart {
	-webkit-transform: rotate(270deg);/*Safari 4+,Google Chrome 1+  */
	-moz-transform: rotate(270deg);/*Firefox 3.5+*/
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/*ie*/
}

/**
 * Textarea
 */
.html_code_button {
	/*background-color: #B3F4A3;*/
	background:url(../images/tab_01.png) no-repeat scroll 0 0 transparent;
    border: 1px none;
    margin-bottom: -1px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	height: 22px;
	line-height: 22px;
	width: 100px;
	padding:0 6px;
}
.html_code_button_hidden {
	/*background-color: #B3F4A3;*/
	background:url(../images/tab_02.png) no-repeat scroll 0 0 transparent;
    border: 1px none;
    margin-bottom: -1px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	height: 22px;
	line-height: 22px;
	width: 100px;
	padding:0 6px;
}
.page_preview {
	width: 320px;
	height: 450px;
}
textarea.page_edit {
    font-family: monospace;
    font-size: 12px;
    height: 480px;
    line-height: 18px;
    width: 540px;
}
textarea.page_edit:focus {
    background-color: #FFFFFF;
    border: 1px solid #606060;
}
textarea.page_edit_readonly {
   	font-family: monospace;
	background-color: #EFEFEF;
    color: #A0A0A0;
    font-size: 12px;
    height: 480px;
    line-height: 18px;
    width: 540px;
}
textarea.page_edit_readonly:focus {
    border: 1px solid #606060;
}