/* CSS Document */


/* Common */
body{margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#7f7f7f;overflow:hidden;}
ul, ol{margin:0px;padding:0px;list-style:none;}
::selection{background:transparent;}
#ifrm_print{display:none;}
/*--------*/

/* Scroll Bar */
/**::-webkit-scrollbar{height:13px;overflow:visible;width:13px;background:#414141;}
*::-webkit-scrollbar-thumb
{
	background-color: #7C7C7C;
	background-clip: padding-box;
	border: solid transparent;
	border-width: 1px 1px 1px 1px;
	min-height: 28px;
	width:13px;
	padding: 100px 0 0;
	
}

*::-webkit-scrollbar-button{height:0px;width:0px;}
*::-webkit-scrollbar-track{background-clip:padding-box;border: solid transparent;border-width: 0 0 0 4px;}
*::-webkit-scrollbar-corner{background:transparent;}*/
/*------------*/

/* Structure */
#outerSection{background:#d6d6d6;}
#outerPanel{}
#topSection{}
#middleSection{padding:2px;}
#leftSection{display:table-cell;vertical-align:top;border-right:solid 1px #000;background:#d6d6d6;}
#centerSection{display:table-cell;width:100%;visibility:hidden;}
#rightSection{display:table-cell;vertical-align:top;border-left:solid 1px #000;background:#d6d6d6;}
#bottomSection{display:none;}
/*-----------*/

/* Top Section */
#topPanel{overflow:visible;background:url(../images/logo.png) 5px 5px no-repeat;}
#topPanel ul{padding:5px 5px 23px 30px;}
#topPanel ul li.menu{float:left;padding:1px 10px;text-shadow:0px 1px 1px #EEE;cursor:default;border:solid 1px transparent;-webkit-border-radius:2px;position:relative;}
#topPanel ul li.menu:hover,
#topPanel ul li.menu.active
{
	border:solid 1px #737373;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#cacaca));
}
#topPanel ul li.btnMaximize
{
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding:2px 15px;
	text-shadow:none;
	margin-right:2px;
	border:solid 1px #323232;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5ecf7), to(#17dcf7), color-stop(.5,#98c7e2),color-stop(.5,#1e72de));
}
#topPanel ul li.btnMaximize:hover,
#topPanel ul li.btnMaximize.active
{
	border:solid 1px #323232 !important;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5ecf7), to(#17dcf7), color-stop(.5,#98c7e2),color-stop(.5,#1e72de)) !important;
}

#topPanel ul li.btnMaximize .icon{background:url(../images/sprite.png) 0px 2px no-repeat;display:block;height:14px;width:12px;}

#topPanel ul li.btnClose
{
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding:2px 15px;
	text-shadow:none;
	border:solid 1px #323232;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E5A499), to(#CF6F5E), color-stop(.5,#E19A8E),color-stop(.5,#BF3618));
}
#topPanel ul li.btnClose .icon{background:url(../images/sprite.png) 0px -13px no-repeat;display:block;height:14px;width:12px;}
#topPanel ul li.btnClose:hover,
#topPanel ul li.btnClose.active
{
	border:solid 1px #323232 !important;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E5A499), to(#CF6F5E), color-stop(.5,#E19A8E),color-stop(.5,#BF3618)) !important;
}
#topPanel .menuTab li.menu ul.lev1{width:200px;z-index:10;padding:2px;position:absolute;left:-1px;top:17px;display:none;background:#f0f0f0;border:solid 1px #979797;-webkit-box-shadow:2px 2px 4px #646464;}
#topPanel .menuTab.active li.menu.active
{
	border:solid 1px #666666;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b6b6b6), to(#909090));
}
#topPanel .menuTab.active li.menu.active ul.lev1{display:block;}
#topPanel .menuTab li.menu ul.lev1 li{padding:2px 5px 2px 20px;text-shadow:none;}
#topPanel .menuTab li.menu ul.lev1 li .shortcut{float:right;width:65px;}
#topPanel .menuTab li.menu ul.lev1 li.divider{padding:0px 5px;}
#topPanel .menuTab li.menu ul.lev1 li.divider hr{border:0px;border-top:solid 1px #e0e0e0;border-bottom:solid 1px #FFF;}
#topPanel .menuTab li.menu ul.lev1 li.divider:hover{background:none;}
#topPanel .menuTab li.menu ul.lev1 li:hover{background:#316AC5;color:#FFF;}
/*-------------*/

/* Middle Section */
#middlePanel{border:solid 1px #000;background:#7f7f7f;}
/*----------------*/

/* Left Section */
#leftPanel{width:25px;padding:2px;}
#leftPanel hr{border:0px;border-top:solid 1px #b6b6b6;border-bottom:solid 1px #f0f0f0;margin:1px 0px;}
#leftPanel .tool{background:url(../images/toolImageSprite.png)no-repeat;height:25px;-webkit-border-radius:2px;position:relative;}
#leftPanel .tool:hover{background-color:#b7b6b6;}
#leftPanel .tool#openDocuments{background-position:7px 5px;}
#leftPanel .tool#collapseFullTag{background-position:6px -20px;}
#leftPanel .tool#collapseSelection{background-position:6px -45px;}
#leftPanel .tool#expandAll{background-position:6px -67px;}
#leftPanel .tool#selectParentTag{background-position:4px -91px;}
#leftPanel .tool#balanceBraces{background-position:5px -113px;}
#leftPanel .tool#lineNumber{background-position:6px -136px;}
#leftPanel .tool#highlightInvalidCode{background-position:5px -157px;}
#leftPanel .tool#wordWrap{background-position:6px -178px;}
#leftPanel .tool#applyComment{background-position:6px -203px;}
#leftPanel .tool#removeComment{background-position:6px -228px;}
#leftPanel .tool#indentCode{background-position:5px -250px;}
#leftPanel .tool#outdentCode{background-position:5px -269px;}
#leftPanel .tool.active{background-color:#FFF;-webkit-box-shadow:inset 1px 1px 3px #666;}
#leftPanel .tool.active:hover{background-color:#b7b6b6;}

#leftPanel .tool ul.lev1{background:#F0F0F0;position:absolute;top:25px;padding:2px 0px;z-index:10;border:solid 1px #979797;-webkit-box-shadow:2px 2px 4px #646464;display:none;}
#leftPanel .tool:hover ul.lev1{display:block;}
#leftPanel .tool ul.lev1 li{padding:4px 20px 4px 20px;white-space:nowrap;cursor:default;}
#leftPanel .tool ul.lev1 li:hover{background:#CCC;}
#leftPanel .tool ul.lev1 li.active{background:#F0F0F0 url(../images/check.png) 8px 8px no-repeat;}
#leftPanel .tool ul.lev1 li.active:hover{background:#CCC url(../images/check.png) 8px 8px no-repeat;}
/*--------------*/

/* Center Section */
#centerSection .topTabSection
{
	border-bottom:solid 0px #323232;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#868686));
}
#centerSection .topTabSection ul{overflow:hidden;cursor:default;border-bottom:solid 1px #000;height:19px;}
#centerSection .topTabSection ul li{float:left;padding:2px 7px;border-right:solid 1px #666666;}
#centerSection .topTabSection ul li .btnClose{font-family:Verdana, Geneva, sans-serif;font-size:9px;float:right;margin-left:7px;border:solid 1px transparent;padding:0px 2px;-webkit-border-radius:2px;}
#centerSection .topTabSection ul li .btnClose:hover{border:solid 1px #9c9c9c;display:inline-block;background:#c8c8c8;}
#centerSection .topTabSection ul li:hover{background:#b7b7b7;}
#centerSection .topTabSection ul li.unsaved em:before
{
	content:"*";
}
#centerSection .topTabSection ul li.active
{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#d8d8d8));
}
#centerSection .fileInfo{background:#d8d8d8;padding:5px;border-bottom:solid 1px #808080;}
#centerSection .fileInfo ul{overflow:hidden;border:solid 1px #aca899;display:inline-block;border-radius:4px;}
#centerSection .fileInfo ul li
{
	float:left;
	font-size:11px;
	cursor:default;
	padding:2px 6px;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#b8b8b8));
}
#centerSection .fileInfo ul li:nth-child(2){
	border-left:solid 1px #aca899;
	border-right:solid 1px #aca899;
}
#centerSection .fileInfo ul li.active{background:#f1f3ef;}
#centerPanel{overflow:hidden;border-top:solid 1px #000;background:#FFF;}
#centerPanel #lines{width:1%;background:#0A246A;color:#FFF;text-align:right;padding:5px 15px 5px 10px;display:none;}
#centerPanel #lines pre{margin:0px;}
#centerPanel .editorSection{cursor:text;}
#centerPanel .editorSection #editor{margin:0px;padding:5px;border:solid 0px #000;resize:none;outline:none;display:block;}
#centerPanel .editorSection #editor::selection{background:#0a246a;color:#FFF;}
#centerPanel #output{overflow:auto;}
#centerSection .bottomTabSection
{
	border-top:solid 1px #323232;
	padding:1px 10px;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#868686));
}
/*----------------*/

/* Right Section */
#rightPanel{width:250px;}
#rightPanel .topBar
{
	height:13px;
	border-bottom:solid 1px #000;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c5c5c), to(#3e3e3e));
}
#rightPanel .topBar .btnClose{background:url(../images/rightCloseBgn.png) center no-repeat;display:inline-block;height:13px;width:15px;cursor:pointer;float:right;}
#rightPanel .listSection{padding:4px 7px;}
#rightPanel .listSection .lst{width:100%;}
#rightPanel .dirSection{background:#FFF;height:525px;margin:2px;border:solid 1px #666;overflow:auto;cursor:default;}
#rightPanel .dirSection.loading ul li{cursor:wait;}
#rightPanel .dirSection ul{background:url(../images/spacerListBg.png) 5px 1px repeat-y;margin-left:-24px;}
#rightPanel .dirSection ul.root{background:none;margin-left:0px;position:relative;}
#rightPanel .dirSection ul li{cursor:default;padding:2px 5px 1px 45px;white-space:nowrap;z-index:1;position:relative;}
#rightPanel .dirSection ul.root .highliter{position:absolute;background:#316ac5;height:18px;padding:0px;width:100%;z-index:0;display:none;}
#rightPanel .dirSection ul li.file{background-image:url(../images/fileOpen.png);background-position:5px 0px;background-repeat:no-repeat;}
/*#rightPanel .dirSection ul li.file.selected{background-color:#316ac5;color:#ffffff;}*/
#rightPanel .dirSection ul li.file.last{background:#FFF url(../images/fileOpenLast.png) 5px 0px no-repeat;}
#rightPanel .dirSection ul li.dir.close{background-image:url(../images/dirClose.png);background-position:5px 0px;background-repeat:no-repeat;}
#rightPanel .dirSection ul li .text .txt.rename{border:solid 1px #ccc;margin:0px;padding:0px;}
/*#rightPanel .dirSection ul li.dir.close.selected{background-color:#316ac5;color:#ffffff;}*/
#rightPanel .dirSection ul li.dir.open{background:url(../images/dirOpen.png) 5px 0px no-repeat;}
/*#rightPanel .dirSection ul li.dir.open.selected{background-color:#316ac5;color:#ffffff;}*/
#rightPanel .dirSection ul li.selected ul li{background-color:#ffffff !important;color:#000000 !important;}
#rightPanel.close{width:30px;}
#rightPanel.close .listSection{display:none;}
#rightPanel.close .dirSection{display:none;}
/*---------------*/

/* Bottom Section */
#bottomPanel{}
/*----------------*/

/* Dialog Box */
.dialogBox{position:absolute;z-index:5;padding:3px;background:#d4d0c8;border:solid 1px #979797;-webkit-box-shadow:2px 2px 4px #646464;display:none;}
.dialogBox .title{background:#5473a9;padding:5px;color:#FFF;font-weight:bold;font-family:Verdana, Geneva, sans-serif;}
.dialogBox .title .btnClose{float:right;margin-right:3px;cursor:default;background:#d4d0c8;color:#000;padding:0px 3px;}
.dialogBox .content{padding:10px;}
.dialogBox .content .dialogForm{width:100%;}
.dialogBox .content .dialogForm .caption{width:1%;white-space:nowrap;}
.dialogBox .content .dialogForm td{padding:3px;}
.dialogBox .content .dialogForm .txt{width:99%;}
/*------------*/

/* Curtain */
#curtain{position:fixed;width:100%;height:100%;left:0px;top:0px;z-index:4;background:#000000;opacity:0.7;display:none;}
/*---------*/

/* Login */
#login{position:absolute;z-index:5;left:50%;margin-left:-200px;top:100px;background:#4d4d4d;border:solid 1px #000000;display:none;}
#login .content{overflow:hidden;}
#login .content .leftSection{float:left;height:300px;width:100px;background:#90171d;}
#login .content .rightSection{float:right;height:300px;width:300px;}
#login .content .rightSection .textSection{padding:20px 10px;color:#ffffff;font-size:25px;text-shadow:0px 0px 2px #000;}
#login .content .rightSection .inputSection{padding:10px;background:#3e3e3e;border-top:solid 1px #000000;border-bottom:solid 1px #000000;box-shadow:inset 0px 1px 1px #222;}
#login .content .rightSection .inputSection .caption{display:block;color:#ffffff;padding:5px;}
#login .content .rightSection .inputSection .txt{background:#363636;border:solid 1px #181818;padding:3px 5px;color:#ffffff;}
#login .content .rightSection .btnSection{padding:10px;}
#login .content .rightSection .btnSection .btn{
	border:solid 1px #303030;
	border-radius:2px;
	color:#FFF;
	padding:5px 15px;
	box-shadow:0px 1px 1px #6a6a6a;
	-webkit-box-shadow:0px 1px 1px #6a6a6a;
	-moz-box-shadow:0px 1px 1px #6a6a6a;
	-o-box-shadow:0px 1px 1px #6a6a6a;
	
	background: #757575; /* Old browsers */
	background: -moz-linear-gradient(top,  #757575 0%, #626262 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#626262)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #757575 0%,#626262 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #757575 0%,#626262 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #757575 0%,#626262 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #757575 0%,#626262 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#626262',GradientType=0 ); /* IE6-9 */
}
#login .content .rightSection .btnSection .btn:active{
	border:solid 1px #2a2a2a;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #595959 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#595959)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 0%,#595959 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 0%,#595959 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 0%,#595959 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 0%,#595959 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#595959',GradientType=0 ); /* IE6-9 */
}
/*-------*/

/* Manage Site */
#manageSite{width:300px;height:295px;}
#manageSite .topSection{overflow:hidden;}
#manageSite .topSection .inputSection{float:left;}
#manageSite .topSection .inputSection .txt{width:170px;}
#manageSite .topSection .inputSection .lst{width:174px;}
#manageSite .topSection .btnSection{float:right;width:100px;text-align:center;}
#manageSite .topSection .btnSection .btn{width:75px;}
#manageSite #btn_done{width:75px;}
/*-------------*/

/* Save File */
#saveFile{width:400px;height:350px;}
#saveFile .dirSection{background:#ffffff;border:solid 1px #666;height:250px;}
/*-----------*/

/* Goto Line */
#gotoLine{width:300px;height:130px;}
#gotoLine tr:first-child td:first-child{border-right:solid 1px #9a9a9a;}
#gotoLine tr:first-child td:last-child{border-left:solid 1px #eeeeee;}
#gotoLine tr:last-child td{border-left:solid 1px #eeeeee;}
#gotoLine .txt{width:60px;}
#gotoLine .btn{width:80px;}
/*-----------*/

/* Preferences */
#preferences{width:500px;height:400px;}
/*-------------*/

/* About Editor */
#aboutEditor{width:500px;height:200px;}
/*--------------*/